[{"data":1,"prerenderedAt":184},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fchip":3,"component-meta:UiChip":92},{"id":4,"title":5,"body":6,"component":77,"dependsOn":78,"description":79,"emitDescriptions":80,"extension":83,"meta":84,"navigation":85,"order":86,"path":87,"seo":88,"status":89,"stem":90,"__hash__":91},"docs\u002Fdocs\u002Fcomponents\u002Fchip.md","Chip",{"type":7,"value":8,"toc":68},"minimark",[9,14,18,22,25,29,33,37,49,53],[10,11,13],"h2",{"id":12},"тони","Тони",[15,16],"component-preview",{"name":17},"chip-tones",[10,19,21],{"id":20},"api","API",[23,24],"component-api",{},[10,26,28],{"id":27},"коли-використовувати","Коли використовувати",[30,31,32],"p",{},"Для стану сутності в списку чи таблиці: статус публікації, роль, тег.",[10,34,36],{"id":35},"коли-не-використовувати","Коли НЕ використовувати",[30,38,39,40,44,45,48],{},"Не передавайте статус лише кольором. Тон — підсилення, а не носій сенсу:\n",[41,42,43],"code",{},"dot"," без тексту потребує ",[41,46,47],{},"label",", інакше стан недоступний для скрінрідера\nй невидимий для дальтоніка.",[10,50,52],{"id":51},"доступність","Доступність",[30,54,55,56,59,60,63,64,67],{},"Семантичний тег обирається за інтерактивністю, а не за виглядом:\n",[41,57,58],{},"clickable"," перетворює чип на ",[41,61,62],{},"\u003Cbutton>",". ",[41,65,66],{},"\u003Cdiv @click>"," недоступний із\nклавіатури й не має ролі.",{"title":69,"searchDepth":70,"depth":70,"links":71},"",2,[72,73,74,75,76],{"id":12,"depth":70,"text":13},{"id":20,"depth":70,"text":21},{"id":27,"depth":70,"text":28},{"id":35,"depth":70,"text":36},{"id":51,"depth":70,"text":52},"UiChip",[],"Компактна позначка статусу з шістьма смисловими тонами.",{"click":81,"remove":82},"Клік. Спрацьовує лише коли задано `clickable`.","Натиснуто хрестик `removable` (або Delete на клікабельному чипі). Список тримає батько.","md",{},true,13,"\u002Fdocs\u002Fcomponents\u002Fchip",{"title":5,"description":79},"stable","docs\u002Fcomponents\u002Fchip","NUAdFzcTGwgP1mgvyCz_iCGWmd1AHSC9aOK-L4a2DG4",{"mode":93,"prefetch":94,"preload":94,"filePath":95,"declarationPath":96,"pascalName":77,"kebabName":97,"chunkName":98,"priority":99,"_scanned":85,"meta":100},"all",false,"app\u002Fcomponents\u002Fui\u002FUiChip.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiChip.vue","ui-chip","components\u002Fui-chip",1,{"type":99,"props":101,"slots":152,"events":162,"exposed":182,"hash":183},[102,116,125,129,133,141,146],{"name":103,"global":94,"default":104,"description":105,"tags":106,"required":94,"type":107,"schema":108},"tone","\"neutral\"","Смисловий колір. Кожен тон бере трійку токенів: текст \u002F фон \u002F межа.",[],"\"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\" | \"info\"",{"kind":109,"type":107,"schema":110},"enum",{"0":104,"1":111,"2":112,"3":113,"4":114,"5":115},"\"accent\"","\"success\"","\"warning\"","\"danger\"","\"info\"",{"name":117,"global":94,"default":118,"description":119,"tags":120,"required":94,"type":121,"schema":122},"size","\"xs\"","Висота чипа. На мобільному кожен розмір вищий за десктопний.",[],"\"xs\" | \"sm\"",{"kind":109,"type":121,"schema":123},{"0":118,"1":124},"\"sm\"",{"name":47,"global":94,"description":126,"tags":127,"required":94,"type":128,"schema":128},"Доступна назва. Потрібна, коли чип показує лише крапку чи іконку.",[],"string",{"name":130,"global":94,"description":131,"tags":132,"required":94,"type":128,"schema":128},"title","Значення нативного `title`. Потрібне, коли текст чипа обрізано.",[],{"name":58,"global":94,"description":134,"tags":135,"required":94,"type":136,"schema":137},"Робить чип інтерактивним: рендериться як `button`, отримує роль і\nстає доступним із клавіатури.",[],"boolean",{"kind":109,"type":136,"schema":138},{"0":139,"1":140},"false","true",{"name":43,"global":94,"description":142,"tags":143,"required":94,"type":136,"schema":144},"Кольорова крапка замість іконки — компактний індикатор статусу.",[],{"kind":109,"type":136,"schema":145},{"0":139,"1":140},{"name":147,"global":94,"description":148,"tags":149,"required":94,"type":136,"schema":150},"removable","Хрестик видалення праворуч. Сам чип не зникає — лише повідомляє\n`remove`; список тримає батько (обрані фільтри, теги запису).",[],{"kind":109,"type":136,"schema":151},{"0":139,"1":140},[153,158],{"name":154,"type":155,"description":156,"tags":157,"schema":155},"default","any","Текст чипа.",[],{"name":159,"type":155,"description":160,"tags":161,"schema":155},"icon","Іконка перед текстом. Ігнорується, якщо задано `dot`.",[],[163,176],{"name":164,"description":69,"tags":165,"type":166,"signature":167,"schema":168},"click",[],"[event: MouseEvent]","(event: \"click\", event: MouseEvent): void",[169],{"kind":170,"type":171,"schema":172},"object","MouseEvent",{"name":173,"global":94,"description":174,"tags":175,"required":85,"type":128,"schema":128},"type","The **`type`** read-only property of the Event interface returns a string containing the event's type.\n\n[MDN Reference](https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FAPI\u002FEvent\u002Ftype)",[],{"name":177,"description":69,"tags":178,"type":179,"signature":180,"schema":181},"remove",[],"[]","(event: \"remove\"): void",[],[],"bXCB1zqBs-E9NFK-UrFownXjaPb_1GUpkZu26DmnTLU",1789660506371]