forlogic-core 1.20.1 → 2.0.0

package/dist/assets/CheckboxDoc-Bcqpln9_.js

@@ -1,55 +0,0 @@
-import{j as e,e as s,L as d,r}from"./index-CE0k7Rdh.js";import{C as o}from"./ComponentDocTemplate-CRbRY-v5.js";function m(){const[t,l]=r.useState([{id:"task1",label:"Revisar código",checked:!0},{id:"task2",label:"Atualizar documentação",checked:!1},{id:"task3",label:"Fazer deploy",checked:!1}]),i=a=>{l(t.map(c=>c.id===a?{...c,checked:!c.checked}:c))};return e.jsx("div",{className:"space-y-3",children:t.map(a=>e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:a.id,checked:a.checked,onCheckedChange:()=>i(a.id)}),e.jsx(d,{htmlFor:a.id,className:a.checked?"line-through text-muted-foreground":"",children:a.label})]},a.id))})}function x(){return e.jsx(o,{title:"Checkbox",description:"Um controle que permite ao usuário alternar entre marcado e desmarcado.",component:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"terms"}),e.jsx("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),usage:`import { Checkbox } from "forlogic-core"
-
-<div className="flex items-center space-x-2">
-  <Checkbox id="terms" />
-  <label htmlFor="terms">Accept terms and conditions</label>
-</div>`,examples:[{title:"Estados",preview:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"unchecked"}),e.jsx(d,{htmlFor:"unchecked",children:"Unchecked"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"checked",defaultChecked:!0}),e.jsx(d,{htmlFor:"checked",children:"Checked"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"disabled",disabled:!0}),e.jsx(d,{htmlFor:"disabled",className:"text-muted-foreground",children:"Disabled"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"disabled-checked",disabled:!0,defaultChecked:!0}),e.jsx(d,{htmlFor:"disabled-checked",className:"text-muted-foreground",children:"Disabled Checked"})]})]}),code:`<Checkbox id="unchecked" />
-<Checkbox id="checked" defaultChecked />
-<Checkbox id="disabled" disabled />
-<Checkbox id="disabled-checked" disabled defaultChecked />`},{title:"Com Label",preview:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"terms2"}),e.jsx(d,{htmlFor:"terms2",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]}),code:`<div className="flex items-center space-x-2">
-  <Checkbox id="terms" />
-  <Label htmlFor="terms">Accept terms and conditions</Label>
-</div>`},{title:"Casos de Uso - Lista de Tarefas",preview:e.jsx(m,{}),code:`const [tasks, setTasks] = useState([
-  { id: 'task1', label: 'Revisar código', checked: true },
-  { id: 'task2', label: 'Atualizar documentação', checked: false },
-  { id: 'task3', label: 'Fazer deploy', checked: false },
-]);
-
-const toggleTask = (id: string) => {
-  setTasks(tasks.map(task => 
-    task.id === id ? { ...task, checked: !task.checked } : task
-  ));
-};
-
-return (
-  <div className="space-y-3">
-    {tasks.map(task => (
-      <div key={task.id} className="flex items-center space-x-2">
-        <Checkbox 
-          id={task.id} 
-          checked={task.checked}
-          onCheckedChange={() => toggleTask(task.id)}
-        />
-        <Label 
-          htmlFor={task.id}
-          className={task.checked ? 'line-through text-muted-foreground' : ''}
-        >
-          {task.label}
-        </Label>
-      </div>
-    ))}
-  </div>
-);`},{title:"Casos de Uso - Formulário de Permissões",preview:e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"font-medium",children:"Permissões do Usuário"}),e.jsxs("div",{className:"space-y-2 pl-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"read",defaultChecked:!0}),e.jsx(d,{htmlFor:"read",children:"Leitura"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"write",defaultChecked:!0}),e.jsx(d,{htmlFor:"write",children:"Escrita"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"delete"}),e.jsx(d,{htmlFor:"delete",children:"Deletar"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s,{id:"admin",disabled:!0}),e.jsx(d,{htmlFor:"admin",className:"text-muted-foreground",children:"Admin (requer aprovação)"})]})]})]}),code:`<div className="space-y-2">
-  <div className="flex items-center space-x-2">
-    <Checkbox id="read" defaultChecked />
-    <Label htmlFor="read">Leitura</Label>
-  </div>
-  <div className="flex items-center space-x-2">
-    <Checkbox id="write" defaultChecked />
-    <Label htmlFor="write">Escrita</Label>
-  </div>
-  <div className="flex items-center space-x-2">
-    <Checkbox id="delete" />
-    <Label htmlFor="delete">Deletar</Label>
-  </div>
-</div>`}],props:[{name:"checked",type:"boolean",default:"false",description:"O estado marcado controlado."},{name:"defaultChecked",type:"boolean",default:"false",description:"O estado marcado padrão."},{name:"disabled",type:"boolean",default:"false",description:"Se o checkbox está desabilitado."},{name:"onCheckedChange",type:"(checked: boolean) => void",default:"-",description:"Manipulador de evento chamado quando o estado marcado muda."}],accessibility:["Suporte completo de teclado","Segue o padrão de design WAI-ARIA","Gerenciamento adequado de foco","Funciona com labels de formulário"]})}export{x as CheckboxDoc};

package/dist/assets/ColorPickerDoc-CcfmSwyC.js

@@ -1,10 +0,0 @@
-import{r,j as o,cv as t}from"./index-CE0k7Rdh.js";import{C as c}from"./ComponentDocTemplate-CRbRY-v5.js";function i(){const[e,a]=r.useState("#3b82f6");return o.jsx(c,{title:"Color Picker",description:"Seletor de cores com paleta predefinida e seletor customizado.",component:o.jsxs("div",{className:"w-[300px]",children:[o.jsx(t,{value:e,onChange:a,label:"Escolha uma cor"}),o.jsx("div",{className:"mt-4 p-4 rounded-md",style:{backgroundColor:e},children:o.jsxs("p",{className:"text-white font-medium",children:["Cor selecionada: ",e]})})]}),usage:`import { ColorPicker } from "forlogic-core"
-import { useState } from 'react'
-
-const [color, setColor] = useState('#3b82f6')
-
-<ColorPicker
-  value={color}
-  onChange={setColor}
-  label="Escolha uma cor"
-/>`,props:[{name:"value",type:"string",default:"#3b82f6",description:"Cor atual selecionada (formato hexadecimal)."},{name:"onChange",type:"(color: string) => void",default:"-",description:"Callback quando a cor é alterada."},{name:"label",type:"string",default:"-",description:"Label opcional para o campo."}],accessibility:["Botão com papel semântico correto","Input de cor nativo acessível","Labels descritivos para cores predefinidas","Navegação por teclado completa"]})}export{i as ColorPickerDoc};

package/dist/assets/ColorsFoundationDoc-uO6IiJbS.js

@@ -1,13 +0,0 @@
-import{j as s,C as x,a as h,b as p,c as u,d as j,L as N,I as w,e as B,S as F,u as A}from"./index-CE0k7Rdh.js";const S={0:"0 0% 100%",50:"0 0% 98%",100:"0 0% 96%",200:"0 0% 92%",300:"0 0% 88%",400:"0 0% 71%",500:"0 0% 51%",600:"0 0% 38%",700:"0 0% 26%",800:"0 0% 15%",900:"0 0% 9%",950:"0 0% 5%",1e3:"0 0% 0%"},M={50:"217 94% 97%",100:"217 94% 93%",200:"217 94% 87%",300:"217 94% 78%",400:"217 94% 63%",500:"217 94% 49%",600:"217 94% 35%",700:"217 94% 26%",800:"217 94% 19%",900:"217 94% 12%"},E={success:{50:"138 76% 97%",100:"138 76% 93%",200:"138 76% 85%",300:"138 76% 75%",400:"138 76% 60%",500:"138 69% 45%",600:"138 69% 35%",700:"138 69% 28%",800:"138 69% 22%",900:"138 69% 16%"},warning:{50:"48 100% 96%",100:"48 96% 89%",200:"48 97% 77%",300:"48 95% 64%",400:"47 94% 53%",500:"45 93% 47%",600:"43 96% 41%",700:"38 92% 35%",800:"32 88% 28%",900:"25 84% 22%"},danger:{50:"0 86% 97%",100:"0 93% 94%",200:"0 96% 89%",300:"0 94% 82%",400:"0 91% 71%",500:"0 84% 60%",600:"0 72% 51%",700:"0 74% 42%",800:"0 70% 35%",900:"0 63% 31%"},sharp:{50:"78 70% 97%",100:"78 70% 93%",200:"78 70% 85%",300:"78 70% 75%",400:"78 70% 60%",500:"78 70% 52%",600:"78 70% 46%",700:"78 70% 36%",800:"78 70% 28%",900:"78 70% 20%"}};function b(i){const[e,d,a]=i.split(" ").map(k=>parseFloat(k)),r=d/100,m=a/100,c=(1-Math.abs(2*m-1))*r,n=c*(1-Math.abs(e/60%2-1)),g=m-c/2;let o=0,t=0,l=0;e>=0&&e<60?(o=c,t=n,l=0):e>=60&&e<120?(o=n,t=c,l=0):e>=120&&e<180?(o=0,t=c,l=n):e>=180&&e<240?(o=0,t=n,l=c):e>=240&&e<300?(o=n,t=0,l=c):e>=300&&e<360&&(o=c,t=0,l=n);const f=Math.round((o+g)*255),C=Math.round((t+g)*255),y=Math.round((l+g)*255);return`${f}, ${C}, ${y}`}function v(i){const[e,d,a]=i.split(", ").map(r=>parseInt(r));return`#${((1<<24)+(e<<16)+(d<<8)+a).toString(16).slice(1).toUpperCase()}`}function q(){const i=e=>{navigator.clipboard.writeText(e),A.success(`Código ${e} copiado!`)};return s.jsxs("div",{className:"space-y-8",children:[s.jsxs("div",{children:[s.jsx("h1",{className:"text-4xl font-bold mb-4",children:"Sistema de Cores"}),s.jsx("p",{className:"text-lg text-muted-foreground mb-6",children:"Sistema de cores profissional completo com escala neutra (0-1000), escala de marca (50-900), e cores funcionais (sucesso, aviso, perigo, sharp). Todas as cores garantem conformidade de contraste WCAG AA."})]}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[s.jsxs(x,{children:[s.jsxs(h,{children:[s.jsx(p,{children:"Escala Neutra"}),s.jsx(u,{children:"Paleta de escala de cinza completa do branco puro (0) ao preto puro (1000)"})]}),s.jsx(j,{children:s.jsx("div",{className:"grid grid-cols-5 gap-2",children:Object.entries(S).map(([e,d])=>{const a=b(d),r=v(a);return s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-16 rounded-md border shadow-sm cursor-pointer hover:ring-2 hover:ring-primary transition-all",style:{backgroundColor:`hsl(${d})`},onClick:()=>i(r),title:"Clique para copiar"}),s.jsxs("div",{className:"text-xs font-mono text-center space-y-1",children:[s.jsx("div",{className:"font-semibold",children:e}),s.jsxs("div",{className:"text-muted-foreground text-[10px]",children:["RGB: ",a]}),s.jsx("div",{className:"text-primary text-[10px] font-semibold",children:r})]})]},e)})})})]}),s.jsxs(x,{children:[s.jsxs(h,{children:[s.jsx(p,{children:"Escala de Marca"}),s.jsx(u,{children:"Paleta de cores primárias da marca com gama tonal completa"})]}),s.jsx(j,{children:s.jsx("div",{className:"grid grid-cols-5 gap-2",children:Object.entries(M).map(([e,d])=>{const a=b(d),r=v(a);return s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-16 rounded-md border shadow-sm cursor-pointer hover:ring-2 hover:ring-primary transition-all",style:{backgroundColor:`hsl(${d})`},onClick:()=>i(r),title:"Clique para copiar"}),s.jsxs("div",{className:"text-xs font-mono text-center space-y-1",children:[s.jsx("div",{className:"font-semibold",children:e}),s.jsxs("div",{className:"text-muted-foreground text-[10px]",children:["RGB: ",a]}),s.jsx("div",{className:"text-primary text-[10px] font-semibold",children:r})]})]},e)})})})]}),Object.entries(E).map(([e,d])=>s.jsxs(x,{children:[s.jsxs(h,{children:[s.jsx(p,{className:"capitalize",children:e}),s.jsxs(u,{children:["Escala completa de cores ",e," com conformidade de contraste AA"]})]}),s.jsx(j,{children:s.jsx("div",{className:"grid grid-cols-5 gap-2",children:Object.entries(d).map(([a,r])=>{const m=b(r),c=v(m);return s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-16 rounded-md border shadow-sm cursor-pointer hover:ring-2 hover:ring-primary transition-all",style:{backgroundColor:`hsl(${r})`},onClick:()=>i(c),title:"Clique para copiar"}),s.jsxs("div",{className:"text-xs font-mono text-center space-y-1",children:[s.jsx("div",{className:"font-semibold",children:a}),s.jsxs("div",{className:"text-muted-foreground text-[10px]",children:["RGB: ",m]}),s.jsx("div",{className:"text-primary text-[10px] font-semibold",children:c})]})]},a)})})})]},e))]}),s.jsxs(x,{children:[s.jsxs(h,{children:[s.jsx(p,{children:"Estados de Focus"}),s.jsx(u,{children:"O anel de focus utiliza a cor da marca para reforçar a identidade visual em todos os componentes interativos"})]}),s.jsxs(j,{className:"space-y-6",children:[s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-2",children:"Light Mode"}),s.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[s.jsx("div",{className:"h-8 w-8 rounded-md border shadow-sm",style:{backgroundColor:"hsl(217 94% 35%)"}}),s.jsxs("div",{className:"text-sm font-mono",children:[s.jsx("div",{className:"font-semibold",children:"Brand 600"}),s.jsx("div",{className:"text-muted-foreground",children:"#0546AD"})]})]}),s.jsx("p",{className:"text-sm text-muted-foreground",children:"Cor principal da marca usada para focus rings em modo claro."})]})}),s.jsx("div",{className:"space-y-4",children:s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-2",children:"Dark Mode"}),s.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[s.jsx("div",{className:"h-8 w-8 rounded-md border shadow-sm",style:{backgroundColor:"hsl(217 94% 63%)"}}),s.jsxs("div",{className:"text-sm font-mono",children:[s.jsx("div",{className:"font-semibold",children:"Brand 400"}),s.jsx("div",{className:"text-muted-foreground",children:"#4B8EF5"})]})]}),s.jsx("p",{className:"text-sm text-muted-foreground",children:"Versão mais clara da marca para melhor contraste no modo escuro."})]})})]}),s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-3",children:"Exemplos Interativos"}),s.jsx("p",{className:"text-sm text-muted-foreground mb-4",children:"Clique nos campos abaixo para ver o estado de focus com a cor da marca:"}),s.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx(N,{htmlFor:"focus-example-input",children:"Input"}),s.jsx(w,{id:"focus-example-input",placeholder:"Clique para ver o focus..."})]}),s.jsxs("div",{className:"flex items-center space-x-3 pt-6",children:[s.jsx(B,{id:"focus-example-checkbox"}),s.jsx(N,{htmlFor:"focus-example-checkbox",children:"Checkbox"})]}),s.jsxs("div",{className:"flex items-center space-x-3 pt-6",children:[s.jsx(F,{id:"focus-example-switch"}),s.jsx(N,{htmlFor:"focus-example-switch",children:"Switch"})]})]})]}),s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-2",children:"Referência CSS"}),s.jsx("pre",{className:"bg-muted p-3 rounded-md text-xs overflow-x-auto",children:`:root {
-  --ring: 217 94% 35%; /* Brand 600 - #0546AD */
-}
-
-.dark {
-  --ring: 217 94% 63%; /* Brand 400 - #4B8EF5 */
-}`})]})]})]}),s.jsxs(x,{children:[s.jsxs(h,{children:[s.jsx(p,{children:"Diretrizes de Uso"}),s.jsx(u,{children:"Melhores práticas para usar o sistema de cores"})]}),s.jsxs(j,{className:"space-y-6",children:[s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-2",children:"✅ Faça"}),s.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[s.jsxs("li",{children:["Sempre use tokens de cores semânticos (ex: ",s.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"bg-primary"}),")"]}),s.jsx("li",{children:"Garanta taxa de contraste mínima AA (4.5:1 para texto, 3:1 para elementos de UI)"}),s.jsx("li",{children:"Use neutral-500 como ponto de pivô de contraste"}),s.jsx("li",{children:"Use brand-600 como cor padrão da marca"}),s.jsx("li",{children:"Use cores funcionais para estados semânticos (sucesso, aviso, perigo, sharp)"})]})]}),s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-2",children:"❌ Não Faça"}),s.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[s.jsx("li",{children:"Não use valores HSL brutos diretamente em componentes"}),s.jsx("li",{children:"Não use cores de paleta (neutral-200, brand-400) diretamente"}),s.jsx("li",{children:"Não crie cores personalizadas fora do design system"}),s.jsx("li",{children:"Não use cores que falham nos requisitos de contraste AA"})]})]}),s.jsxs("div",{children:[s.jsx("h4",{className:"font-semibold mb-3",children:"Exemplos de Código"}),s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx("div",{className:"text-sm font-medium mb-2 text-green-600 dark:text-green-400",children:"✅ Correto"}),s.jsx("pre",{className:"bg-muted p-3 rounded-md text-xs overflow-x-auto",children:`<Button variant="primary">Primary Action</Button>
-<div className="bg-background text-foreground">
-  <p className="text-muted-foreground">Muted text</p>
-</div>`})]}),s.jsxs("div",{children:[s.jsx("div",{className:"text-sm font-medium mb-2 text-red-600 dark:text-red-400",children:"❌ Incorreto"}),s.jsx("pre",{className:"bg-muted p-3 rounded-md text-xs overflow-x-auto",children:`<Button className="bg-[hsl(218,91%,48%)]">Bad</Button>
-<div className="bg-neutral-100 text-neutral-800">
-  <p className="text-neutral-500">Wrong</p>
-</div>`})]})]})]})]})]})]})}export{q as ColorsFoundationDoc};

package/dist/assets/ComboTreeDoc-R4qE6XwB.js

@@ -1,46 +0,0 @@
-import{cR as le,r as u,j as e,L as q,aF as ie,l as b,b8 as ce,cs as de,ct as ue,B as K,ci as Q,a7 as A,f as me,cu as pe,c0 as he,cS as xe,W as fe,h as ve,ah as be,G as h,bm as w,bl as S,b0 as ge}from"./index-CE0k7Rdh.js";import{C as je}from"./ComponentDocTemplate-CRbRY-v5.js";const T=s=>s.normalize("NFD").replace(new RegExp("\\p{Diacritic}","gu"),"").toLowerCase();function X(s,t){if(!t)return null;const n=T(t),l=[];for(const i of s){const r=T(i.label).includes(n),o=i.children?X(i.children,t):null,d=o&&o.length>0;(r||d)&&l.push({...i,children:r?i.children:d?o:i.children})}return l}function ye(s,t){const n=new Set,l=T(t);function i(r){if(!r.children||r.children.length===0)return T(r.label).includes(l);let o=!1;for(const d of r.children)i(d)&&(o=!0);return o&&n.add(r.value),o||T(r.label).includes(l)}for(const r of s)i(r);return n}function Y(s,t){for(const n of s){if(n.value===t)return n.label;if(n.children){const l=Y(n.children,t);if(l)return l}}}function Ne({node:s,level:t,expanded:n,onToggleExpand:l,selectedValues:i,onSelect:r}){const o=s.children&&s.children.length>0,d=i.includes(s.value);return e.jsxs("div",{role:"treeitem","aria-expanded":o?n:void 0,"aria-selected":d,className:b("flex items-center gap-1 rounded-sm px-2 py-1.5 text-sm cursor-pointer","hover:bg-accent hover:text-accent-foreground","outline-none"),style:{paddingLeft:`${8+t*20}px`},children:[o?e.jsx("button",{type:"button",className:"flex h-5 w-5 shrink-0 items-center justify-center rounded-sm hover:bg-muted",onClick:f=>{f.stopPropagation(),l(s.value)},tabIndex:-1,"aria-label":n?"Recolher":"Expandir",children:n?e.jsx(A,{className:"h-3.5 w-3.5 text-muted-foreground"}):e.jsx(ve,{className:"h-3.5 w-3.5 text-muted-foreground"})}):e.jsx("span",{className:"w-5 shrink-0"}),e.jsxs("span",{className:"flex flex-1 items-center gap-2 truncate",onClick:f=>{f.stopPropagation(),r(s.value)},children:[e.jsx(be,{className:b("h-4 w-4 shrink-0",d?"opacity-100":"opacity-0")}),(()=>{const f=d?s.iconSelected??(n?s.iconOpen:null)??s.icon:n?s.iconOpen??s.icon:s.icon;return f?e.jsx(f,{className:"h-4 w-4 shrink-0 text-muted-foreground"}):null})(),e.jsx("span",{className:"truncate",children:s.label})]})]})}function G({nodes:s,level:t,expandedIds:n,onToggleExpand:l,selectedValues:i,onSelect:r}){return e.jsx(e.Fragment,{children:s.map(o=>{const d=n.has(o.value);return e.jsxs(fe.Fragment,{children:[e.jsx(Ne,{node:o,level:t,expanded:d,onToggleExpand:l,selectedValues:i,onSelect:r}),d&&o.children&&o.children.length>0&&e.jsx(G,{nodes:o.children,level:t+1,expandedIds:n,onToggleExpand:l,selectedValues:i,onSelect:r})]},o.value)})})}function E({multiple:s=!1,options:t,value:n,onChange:l,placeholder:i,label:r,icon:o,emptyMessage:d,searchPlaceholder:f,disabled:g=!1,required:D=!1,isLoading:U=!1,error:j,className:M,maxDisplayedBadges:y,popoverContainer:P,onOpen:W,onClose:$}){const{t:N}=le(),[k,R]=u.useState(!1),[p,F]=u.useState(""),[J,Z]=u.useState(new Set),L=i||N("select_placeholder","Selecione..."),ee=d||N("no_results","Nenhum resultado encontrado"),se=f||N("search_placeholder","Pesquisar..."),v=u.useMemo(()=>n?Array.isArray(n)?n:[n]:[],[n]),B=u.useMemo(()=>{if(!P)return;let a=P,c=0;try{for(;a&&c<3;){const m=window.getComputedStyle(a),C=m.overflowY||m.overflow;if(C&&C!=="visible"&&C!=="unset"){a=a.parentElement,c++;continue}break}}catch{}return a??void 0},[P]),V=u.useMemo(()=>X(t,p),[t,p])??t,ae=u.useMemo(()=>p?ye(t,p):new Set,[t,p]),ne=p?ae:J,te=u.useCallback(a=>{p||Z(c=>{const m=new Set(c);return m.has(a)?m.delete(a):m.add(a),m})},[p]),x=u.useMemo(()=>v.map(a=>({value:a,label:Y(t,a)||a})),[v,t]),_=a=>{R(a),a?W?.():(F(""),$?.())},oe=u.useCallback(a=>{if(l)if(s){const m=v.includes(a)?v.filter(C=>C!==a):[...v,a];l(m)}else l(a),R(!1)},[l,s,v]),z=(a,c)=>{c.preventDefault(),c.stopPropagation(),l&&l(s?v.filter(m=>m!==a):"")},re=y?x.slice(0,y):x,I=y&&x.length>y?x.length-y:0;if(U)return e.jsxs("div",{className:b("space-y-2",M),children:[r&&e.jsxs(q,{children:[r,D&&e.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),e.jsx(ie,{className:"h-10 w-full"})]});const H=typeof j=="string"?j:j instanceof Error?j.message:j?N("error_loading","Erro ao carregar"):void 0;return H?e.jsxs("div",{className:b("space-y-2",M),children:[r&&e.jsxs(q,{children:[r,D&&e.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),e.jsxs("div",{className:"flex items-center gap-2 p-3 border border-destructive rounded-md bg-destructive/10 text-destructive",children:[e.jsx(ce,{className:"h-4 w-4"}),e.jsx("span",{className:"text-sm",children:H})]})]}):e.jsxs("div",{className:b("space-y-2",M),children:[r&&e.jsxs(q,{children:[r,D&&e.jsx("span",{className:"text-destructive ml-1",children:"*"})]}),e.jsxs(de,{open:k,onOpenChange:_,modal:!1,children:[e.jsx(ue,{asChild:!0,children:s?e.jsxs("div",{role:"combobox","aria-expanded":k,"aria-disabled":g,tabIndex:g?-1:0,onKeyDown:a=>{g||(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),_(!k))},className:b("flex w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2","min-h-10 h-auto cursor-pointer",g&&"pointer-events-none opacity-50 cursor-not-allowed",x.length===0&&"text-muted-foreground"),children:[x.length===0?e.jsxs("span",{className:"flex items-center gap-2",children:[o&&e.jsx(o,{className:"h-4 w-4"}),L]}):e.jsxs("div",{className:"flex flex-wrap gap-1.5 flex-1 mr-2",children:[re.map(a=>e.jsxs(K,{variant:"secondary",className:"gap-1 pr-1",children:[a.label,e.jsx("button",{type:"button",className:"rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",onKeyDown:c=>{c.key==="Enter"&&z(a.value,c)},onMouseDown:c=>{c.preventDefault(),c.stopPropagation()},onClick:c=>z(a.value,c),children:e.jsx(Q,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},a.value)),I>0&&e.jsxs(K,{variant:"outline",className:"gap-1",children:["+",I]})]}),e.jsx(A,{className:"h-4 w-4 shrink-0 opacity-50"})]}):e.jsxs(me,{variant:"outline",role:"combobox","aria-expanded":k,disabled:g,className:b("w-full justify-between min-h-10 h-auto",x.length===0&&"text-muted-foreground"),children:[x.length===0?e.jsxs("span",{className:"flex items-center gap-2",children:[o&&e.jsx(o,{className:"h-4 w-4"}),L]}):e.jsxs("span",{className:"flex items-center gap-2",children:[o&&e.jsx(o,{className:"h-4 w-4"}),x[0]?.label]}),e.jsx(A,{className:"h-4 w-4 shrink-0 opacity-50"})]})}),e.jsxs(pe,{className:"w-full p-0 bg-popover z-[60]",align:"start",container:B,collisionBoundary:B,children:[e.jsxs("div",{className:"flex items-center border-b px-3",children:[e.jsx(he,{className:"h-4 w-4 shrink-0 text-muted-foreground"}),e.jsx("input",{className:"flex h-10 w-full bg-transparent py-3 px-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",placeholder:se,value:p,onChange:a=>F(a.target.value)}),p&&e.jsx("button",{type:"button",className:"rounded-sm p-0.5 text-muted-foreground hover:text-foreground",onClick:()=>F(""),children:e.jsx(Q,{className:"h-3.5 w-3.5"})})]}),e.jsx(xe,{className:"max-h-[300px]",children:e.jsx("div",{role:"tree",className:"p-1",children:V.length===0?e.jsx("div",{className:"py-6 text-center text-sm text-muted-foreground",children:t.length===0?ee:N("no_search_results","Nenhum resultado encontrado")}):e.jsx(G,{nodes:V,level:0,expandedIds:ne,onToggleExpand:te,selectedValues:v,onSelect:oe})})})]})]})]})}const O=[{value:"quality",label:"Qualidade",icon:S,iconOpen:w,children:[{value:"docs",label:"Documentos",icon:S,iconOpen:w,children:[{value:"docs-templates",label:"Templates",icon:h},{value:"docs-procedures",label:"Procedimentos",icon:h}]},{value:"occurrences",label:"Ocorrências",icon:h},{value:"audits",label:"Auditorias",icon:h}]},{value:"hr",label:"Recursos Humanos",icon:S,iconOpen:w,children:[{value:"hr-training",label:"Treinamentos",icon:h},{value:"hr-recruitment",label:"Recrutamento",icon:h}]},{value:"finance",label:"Financeiro",icon:ge},{value:"it",label:"Tecnologia",icon:S,iconOpen:w,children:[{value:"it-infra",label:"Infraestrutura",icon:h},{value:"it-dev",label:"Desenvolvimento",icon:h},{value:"it-security",label:"Segurança",icon:S,iconOpen:w,children:[{value:"it-sec-network",label:"Rede",icon:h},{value:"it-sec-app",label:"Aplicação",icon:h}]}]}],Ce=`import { ComboTree, type ComboTreeOption } from 'forlogic-core';
-import { Folder, FolderOpen, FileText } from 'lucide-react';
-
-const options: ComboTreeOption[] = [
-  {
-    value: 'quality',
-    label: 'Qualidade',
-    icon: Folder,
-    iconOpen: FolderOpen,
-    children: [
-      { value: 'docs', label: 'Documentos', icon: FileText },
-      { value: 'occurrences', label: 'Ocorrências', icon: FileText },
-    ],
-  },
-  { value: 'hr', label: 'RH' },
-];
-
-<ComboTree
-  options={options}
-  value={selected}
-  onChange={setSelected}
-  label="Departamento"
-  placeholder="Selecione..."
-/>`,we=`<ComboTree
-  label="Departamento"
-  options={options}
-  value={singleValue}
-  onChange={(v) => setSingleValue(v as string)}
-  placeholder="Selecione um departamento..."
-/>`,Se=`<ComboTree
-  multiple
-  label="Departamentos"
-  options={options}
-  value={multiValue}
-  onChange={(v) => setMultiValue(v as string[])}
-  placeholder="Selecione departamentos..."
-  maxDisplayedBadges={3}
-/>`,Te=`// A busca é built-in — basta digitar no campo.
-// A árvore é filtrada recursivamente mantendo nós ancestrais visíveis.
-<ComboTree
-  label="Buscar na árvore"
-  options={options}
-  value=""
-  onChange={() => {}}
-  placeholder="Busque e veja a filtragem..."
-/>`;function ke(){const[s,t]=u.useState("");return e.jsxs("div",{className:"space-y-2 max-w-sm",children:[e.jsx(E,{label:"Departamento",options:O,value:s,onChange:n=>t(n),placeholder:"Selecione um departamento..."}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:["Valor: ",e.jsx("code",{className:"bg-muted px-1 rounded",children:s||"(nenhum)"})]})]})}function Ee(){const[s,t]=u.useState([]);return e.jsxs("div",{className:"space-y-2 max-w-sm",children:[e.jsx(E,{multiple:!0,label:"Departamentos",options:O,value:s,onChange:n=>t(n),placeholder:"Selecione departamentos...",maxDisplayedBadges:3}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:["Valores: ",e.jsx("code",{className:"bg-muted px-1 rounded",children:s.join(", ")||"(nenhum)"})]})]})}function Oe(){return e.jsxs("div",{className:"space-y-2 max-w-sm",children:[e.jsx(E,{label:"Buscar na árvore",options:O,value:"",onChange:()=>{},placeholder:"Busque e veja a filtragem..."}),e.jsxs("p",{className:"text-xs text-muted-foreground",children:["Experimente buscar ",e.jsx("code",{className:"bg-muted px-1 rounded",children:"rede"})," ou ",e.jsx("code",{className:"bg-muted px-1 rounded",children:"treinamento"}),"."]})]})}function De(){const[s,t]=u.useState("");return e.jsx("div",{className:"max-w-sm",children:e.jsx(E,{label:"Departamento",options:O,value:s,onChange:n=>t(n),placeholder:"Selecione um departamento..."})})}function qe(){return e.jsx(je,{title:"ComboTree",description:"Componente de seleção hierárquica (tree view) com busca recursiva, expansão por chevron e seleção por label.",component:e.jsx(De,{}),usage:Ce,examples:[{title:"Seleção Única",description:"Clique no chevron para expandir/recolher. Clique na label para selecionar.",preview:e.jsx(ke,{}),code:we},{title:"Seleção Múltipla",description:"Permite selecionar vários itens com badges visíveis.",preview:e.jsx(Ee,{}),code:Se},{title:"Busca Recursiva",description:"Ao digitar na busca, a árvore é filtrada mantendo os nós ancestrais visíveis e auto-expandidos.",preview:e.jsx(Oe,{}),code:Te}],props:[{name:"options",type:"ComboTreeOption[]",description:"Itens hierárquicos"},{name:"value",type:"string | string[]",default:"''",description:"Valor(es) selecionado(s)"},{name:"onChange",type:"(value) => void",description:"Callback de seleção"},{name:"multiple",type:"boolean",default:"false",description:"Seleção múltipla"},{name:"placeholder",type:"string",default:"'Selecione...'",description:"Texto quando vazio"},{name:"label",type:"string",description:"Label do campo"},{name:"required",type:"boolean",default:"false",description:"Asterisco obrigatório"},{name:"disabled",type:"boolean",default:"false",description:"Desabilita interação"},{name:"isLoading",type:"boolean",default:"false",description:"Exibe skeleton"},{name:"error",type:"string | Error | boolean",description:"Mensagem de erro"},{name:"iconOpen",type:"React.ComponentType",description:"Ícone quando o nó está expandido (ComboTreeOption)"},{name:"searchPlaceholder",type:"string",default:"'Pesquisar...'",description:"Placeholder da busca"},{name:"maxDisplayedBadges",type:"number",description:"Limite de badges (múltiplo)"},{name:"popoverContainer",type:"HTMLElement",description:"Container para portal (Dialog)"}],accessibility:["Navegação por teclado com Tab e Enter","Aria-expanded indica estado de expansão dos nós","Role tree e treeitem para semântica correta","Busca por texto filtra sem perder contexto hierárquico"],notes:["Use icon e iconSelected em ComboTreeOption para ícones customizados (ex: pasta fechada/aberta)","O popoverContainer é útil quando o ComboTree está dentro de um Dialog para evitar problemas de z-index"]})}export{qe as ComboTreeDoc};

package/dist/assets/ComboboxDoc-JIo_-gSN.js

@@ -1,134 +0,0 @@
-import{r,j as e,cw as b,cs as w,ct as D,f as c,P as m,cu as S,cx as p,cy as u,cz as x,cA as h,cB as g,k as i,ah as y,cC as v,l as N,B as P,n as O,o as E,be as T,p as k,cD as L,cE as j,cF as A,cG as B,cH as I,q as F,cI as V}from"./index-CE0k7Rdh.js";import{C as R}from"./ComponentDocTemplate-CRbRY-v5.js";import{D as G,a as z,b as Q}from"./drawer-oTqCOtsC.js";function q(t){const[n,s]=r.useState(!1);return r.useEffect(()=>{const o=window.matchMedia(t);s(o.matches);const a=l=>{s(l.matches)};return o.addEventListener("change",a),()=>o.removeEventListener("change",a)},[t]),n}const C=[{value:"next.js",label:"Next.js"},{value:"sveltekit",label:"SvelteKit"},{value:"nuxt.js",label:"Nuxt.js"},{value:"remix",label:"Remix"},{value:"astro",label:"Astro"}],d=[{value:"backlog",label:"Backlog",icon:i},{value:"todo",label:"Todo",icon:i},{value:"in-progress",label:"Em Progresso",icon:i},{value:"done",label:"Concluído",icon:y},{value:"canceled",label:"Cancelado",icon:i}],H=["feature","bug","enhancement","documentation","design","question","maintenance"];function K(){const[t,n]=r.useState(!1),[s,o]=r.useState(null);return e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Status"}),e.jsxs(w,{open:t,onOpenChange:n,children:[e.jsx(D,{asChild:!0,children:e.jsx(c,{variant:"outline",size:"sm",className:"w-[150px] justify-start",children:s?e.jsxs(e.Fragment,{children:[e.jsx(s.icon,{className:"mr-2 h-4 w-4 shrink-0"}),s.label]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{className:"mr-2 h-4 w-4"}),"Definir status"]})})}),e.jsx(S,{className:"p-0 bg-popover",side:"right",align:"start",children:e.jsxs(p,{children:[e.jsx(u,{placeholder:"Alterar status..."}),e.jsxs(x,{children:[e.jsx(h,{children:"Nenhum resultado encontrado."}),e.jsx(g,{children:d.map(a=>e.jsxs(v,{value:a.value,onSelect:l=>{o(d.find(M=>M.value===l)||null),n(!1)},children:[e.jsx(a.icon,{className:N("mr-2 h-4 w-4",a.value===s?.value?"opacity-100":"opacity-40")}),e.jsx("span",{children:a.label})]},a.value))})]})]})})]})]})}function W(){const[t,n]=r.useState("feature"),[s,o]=r.useState(!1);return e.jsxs("div",{className:"flex w-full flex-col items-start justify-between rounded-md border px-4 py-3 sm:flex-row sm:items-center",children:[e.jsxs("p",{className:"text-sm font-medium leading-none",children:[e.jsx(P,{className:"mr-2",variant:"secondary",children:t}),e.jsx("span",{className:"text-muted-foreground",children:"Criar um novo projeto"})]}),e.jsxs(O,{open:s,onOpenChange:o,children:[e.jsx(E,{asChild:!0,children:e.jsx(c,{variant:"ghost",size:"sm",children:e.jsx(T,{className:"h-4 w-4"})})}),e.jsxs(k,{align:"end",className:"w-[200px] bg-popover",children:[e.jsx(L,{children:"Ações"}),e.jsx(j,{}),e.jsxs(A,{children:[e.jsx(B,{children:"Aplicar label"}),e.jsx(I,{className:"p-0 bg-popover",children:e.jsxs(p,{children:[e.jsx(u,{placeholder:"Filtrar label...",autoFocus:!0}),e.jsxs(x,{children:[e.jsx(h,{children:"Nenhum label encontrado."}),e.jsx(g,{children:H.map(a=>e.jsx(v,{value:a,onSelect:l=>{n(l),o(!1)},children:a},a))})]})]})})]}),e.jsx(j,{}),e.jsxs(F,{className:"text-destructive",children:["Excluir",e.jsx(V,{children:"⌘⌫"})]})]})]})]})}function U(){const[t,n]=r.useState(!1),s=q("(min-width: 768px)"),[o,a]=r.useState(null);return s?e.jsxs(w,{open:t,onOpenChange:n,children:[e.jsx(D,{asChild:!0,children:e.jsx(c,{variant:"outline",className:"w-[150px] justify-start",children:o?e.jsxs(e.Fragment,{children:[e.jsx(o.icon,{className:"mr-2 h-4 w-4 shrink-0"}),o.label]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{className:"mr-2 h-4 w-4"}),"Definir status"]})})}),e.jsx(S,{className:"w-[200px] p-0 bg-popover",align:"start",children:e.jsx(f,{setOpen:n,setSelectedStatus:a,selectedStatus:o})})]}):e.jsxs(G,{open:t,onOpenChange:n,children:[e.jsx(z,{asChild:!0,children:e.jsx(c,{variant:"outline",className:"w-[150px] justify-start",children:o?e.jsxs(e.Fragment,{children:[e.jsx(o.icon,{className:"mr-2 h-4 w-4 shrink-0"}),o.label]}):e.jsxs(e.Fragment,{children:[e.jsx(m,{className:"mr-2 h-4 w-4"}),"Definir status"]})})}),e.jsx(Q,{children:e.jsx("div",{className:"mt-4 border-t",children:e.jsx(f,{setOpen:n,setSelectedStatus:a,selectedStatus:o})})})]})}function f({setOpen:t,setSelectedStatus:n,selectedStatus:s}){return e.jsxs(p,{children:[e.jsx(u,{placeholder:"Filtrar status..."}),e.jsxs(x,{children:[e.jsx(h,{children:"Nenhum resultado encontrado."}),e.jsx(g,{children:d.map(o=>e.jsxs(v,{value:o.value,onSelect:a=>{n(d.find(l=>l.value===a)||null),t(!1)},children:[e.jsx(o.icon,{className:N("mr-2 h-4 w-4",o.value===s?.value?"opacity-100":"opacity-40")}),e.jsx("span",{children:o.label})]},o.value))})]})]})}function Z(){const[t,n]=r.useState(""),[s,o]=r.useState([]);return e.jsx(R,{title:"Combobox",description:"Componente versátil para seleção única ou múltipla com busca inteligente. Combina Popover e Command para autocomplete. O componente Command é usado internamente para fornecer funcionalidades de busca e navegação por teclado.",component:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground",children:"Seleção única"}),e.jsx(b,{options:C,value:t,onChange:a=>n(a),placeholder:"Selecione framework...",className:"w-[300px]"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground",children:"Seleção múltipla"}),e.jsx(b,{multiple:!0,options:C,value:s,onChange:a=>o(a),placeholder:"Selecione frameworks...",className:"w-[300px]"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground",children:"Popover"}),e.jsx(K,{})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground",children:"Dropdown Menu"}),e.jsx(W,{})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium text-muted-foreground",children:"Responsivo (Popover no desktop, Drawer no mobile)"}),e.jsx(U,{})]})]}),usage:`import { Combobox } from "forlogic-core"
-
-const options = [
-  { value: 'next.js', label: 'Next.js' },
-  { value: 'sveltekit', label: 'SvelteKit' },
-]
-
-// Seleção única
-<Combobox
-  options={options}
-  value={selected}
-  onChange={setSelected}
-  placeholder="Select..."
-/>
-
-// Seleção múltipla
-<Combobox
-  multiple
-  options={options}
-  value={selectedArray}
-  onChange={setSelectedArray}
-  placeholder="Select multiple..."
-/>
-
-// =====================
-// POPOVER COM COMMAND
-// =====================
-import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Button } from "forlogic-core"
-
-<Popover open={open} onOpenChange={setOpen}>
-  <PopoverTrigger asChild>
-    <Button variant="outline">
-      {selectedStatus ? selectedStatus.label : "+ Definir status"}
-    </Button>
-  </PopoverTrigger>
-  <PopoverContent className="p-0 bg-popover" side="right" align="start">
-    <Command>
-      <CommandInput placeholder="Alterar status..." />
-      <CommandList>
-        <CommandEmpty>Nenhum resultado.</CommandEmpty>
-        <CommandGroup>
-          {statuses.map((status) => (
-            <CommandItem
-              key={status.value}
-              value={status.value}
-              onSelect={(value) => {
-                setSelectedStatus(statuses.find((s) => s.value === value))
-                setOpen(false)
-              }}
-            >
-              {status.label}
-            </CommandItem>
-          ))}
-        </CommandGroup>
-      </CommandList>
-    </Command>
-  </PopoverContent>
-</Popover>
-
-// =====================
-// DROPDOWN MENU COM COMMAND
-// =====================
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from "forlogic-core"
-
-<DropdownMenu open={open} onOpenChange={setOpen}>
-  <DropdownMenuTrigger asChild>
-    <Button variant="ghost" size="sm">
-      <MoreVertical className="h-4 w-4" />
-    </Button>
-  </DropdownMenuTrigger>
-  <DropdownMenuContent align="end" className="w-[200px] bg-popover">
-    <DropdownMenuLabel>Ações</DropdownMenuLabel>
-    <DropdownMenuSeparator />
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger>Aplicar label</DropdownMenuSubTrigger>
-      <DropdownMenuSubContent className="p-0 bg-popover">
-        <Command>
-          <CommandInput placeholder="Filtrar label..." />
-          <CommandList>
-            <CommandEmpty>Nenhum label encontrado.</CommandEmpty>
-            <CommandGroup>
-              {labels.map((label) => (
-                <CommandItem
-                  key={label}
-                  value={label}
-                  onSelect={(value) => {
-                    setLabel(value)
-                    setOpen(false)
-                  }}
-                >
-                  {label}
-                </CommandItem>
-              ))}
-            </CommandGroup>
-          </CommandList>
-        </Command>
-      </DropdownMenuSubContent>
-    </DropdownMenuSub>
-  </DropdownMenuContent>
-</DropdownMenu>
-
-// =====================
-// RESPONSIVO (Popover/Drawer)
-// =====================
-import { useMediaQuery } from "@/design-system/hooks/useMediaQuery"
-import { Drawer, DrawerTrigger, DrawerContent } from "forlogic-core"
-
-function ResponsiveCombobox() {
-  const isDesktop = useMediaQuery("(min-width: 768px)")
-
-  if (isDesktop) {
-    return (
-      <Popover>
-        <PopoverTrigger asChild>
-          <Button>Definir status</Button>
-        </PopoverTrigger>
-        <PopoverContent className="p-0 bg-popover">
-          <StatusList />
-        </PopoverContent>
-      </Popover>
-    )
-  }
-
-  return (
-    <Drawer>
-      <DrawerTrigger asChild>
-        <Button>Definir status</Button>
-      </DrawerTrigger>
-      <DrawerContent>
-        <StatusList />
-      </DrawerContent>
-    </Drawer>
-  )
-}`,props:[{name:"options",type:"T[]",default:"[]",description:"Array de opções disponíveis."},{name:"value",type:"string | string[]",default:"-",description:"Valor(es) selecionado(s)."},{name:"onChange",type:"(value: string | string[]) => void",default:"-",description:"Callback quando seleção muda."},{name:"multiple",type:"boolean",default:"false",description:"Habilita seleção múltipla."},{name:"getOptionValue",type:"(opt: T) => string",default:"opt.value",description:"Extrai valor único do item."},{name:"getOptionLabel",type:"(opt: T) => string",default:"opt.label",description:"Extrai label do item."},{name:"placeholder",type:"string",default:'"Selecione..."',description:"Placeholder quando vazio."},{name:"searchPlaceholder",type:"string",default:'"Buscar..."',description:"Placeholder do campo de busca."},{name:"disabled",type:"boolean",default:"false",description:"Desabilita o componente."},{name:"isLoading",type:"boolean",default:"false",description:"Exibe skeleton loader."},{name:"error",type:"string | boolean | Error",default:"-",description:"Mensagem de erro."},{name:"sortOptions",type:"boolean",default:"true",description:"Ordena opções alfabeticamente."},{name:"popoverContainer",type:"HTMLElement | null",default:"undefined",description:"Container para portal (útil em Dialog)."}],accessibility:["Navegação completa por teclado","Busca inteligente (sem acentos, case-insensitive)","Segue padrão WAI-ARIA combobox","Anúncios para leitores de tela","Badges removíveis com teclado (modo múltiplo)","Versão responsiva com Drawer para mobile"]})}export{Z as ComboboxDoc};

package/dist/assets/ComponentDocTemplate-CRbRY-v5.js

@@ -1 +0,0 @@
-import{r as N,j as e,f as v,ah as y,J as w,cl as C,cm as k,cn as p,t as T,bc as E,co as b,bE as P,cp as j}from"./index-CE0k7Rdh.js";function I({code:a,language:d="tsx",className:t=""}){const[l,c]=N.useState(!1),i=async()=>{await navigator.clipboard.writeText(a),c(!0),setTimeout(()=>c(!1),2e3)};return e.jsxs("div",{className:`relative rounded-lg border bg-muted/50 ${t}`,children:[e.jsxs("div",{className:"flex items-center justify-between border-b bg-muted/50 px-4 py-2",children:[e.jsx("span",{className:"text-xs font-mono text-muted-foreground",children:d}),e.jsx(v,{variant:"ghost",size:"sm",onClick:i,className:"h-7 px-2",children:l?e.jsxs(e.Fragment,{children:[e.jsx(y,{className:"h-3 w-3 mr-1"}),e.jsx("span",{className:"text-xs",children:"Copied"})]}):e.jsxs(e.Fragment,{children:[e.jsx(w,{className:"h-3 w-3 mr-1"}),e.jsx("span",{className:"text-xs",children:"Copy"})]})})]}),e.jsx("pre",{className:"overflow-x-auto p-4",children:e.jsx("code",{className:"text-sm font-mono",children:a})})]})}function u({title:a,description:d,preview:t,code:l,id:c,language:i="tsx",defaultTab:n="preview",className:o="",previewClassName:x=""}){return e.jsxs("div",{id:c,className:`rounded-lg border bg-card scroll-mt-4 ${o}`,children:[(a||d)&&e.jsxs("div",{className:"border-b px-4 py-3",children:[a&&e.jsx("h3",{className:"font-semibold text-base",children:a}),d&&e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:d})]}),e.jsxs(C,{defaultValue:n,className:"w-full",children:[e.jsx("div",{className:"border-b px-4",children:e.jsxs(k,{className:"h-10 bg-transparent p-0 gap-4",children:[e.jsxs(p,{value:"preview",className:"gap-2 px-0 pb-3 pt-2 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",children:[e.jsx(T,{size:16}),"Preview"]}),e.jsxs(p,{value:"code",className:"gap-2 px-0 pb-3 pt-2 rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none",children:[e.jsx(E,{size:16}),"Código"]})]})}),e.jsx(b,{value:"preview",className:"mt-0 p-0",children:e.jsx("div",{className:`p-6 ${x}`,children:t})}),e.jsx(b,{value:"code",className:"mt-0 p-0",children:e.jsx("div",{className:"p-4",children:e.jsx(I,{code:l,language:i})})})]})]})}function z({items:a}){if(a.length===0)return null;const d=t=>{const l=document.getElementById(t);l&&l.scrollIntoView({behavior:"smooth",block:"start"})};return e.jsxs("nav",{className:"mb-8 p-4 rounded-lg border bg-muted/30",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3 text-sm font-medium text-muted-foreground",children:[e.jsx(P,{className:"h-4 w-4"}),e.jsx("span",{children:"Nesta página"})]}),e.jsx("ul",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-4 gap-y-2",children:a.map(t=>e.jsx("li",{children:e.jsx("button",{onClick:()=>d(t.id),className:"text-sm text-muted-foreground hover:text-foreground hover:underline transition-colors text-left truncate max-w-full",title:t.label,children:t.label})},t.id))})]})}function $({title:a,description:d,component:t,usage:l,installation:c,examples:i=[],props:n=[],accessibility:o=[],notes:x=[],children:g,tocItems:m=[],hideToc:f=!1}){const h=N.useMemo(()=>{const s=[];return c&&s.push({id:"instalacao",label:"Instalação"}),l&&t&&s.push({id:"uso",label:"Uso"}),s.push(...m),i.length>0&&(s.push({id:"exemplos",label:"Exemplos"}),i.forEach(r=>{s.push({id:j(r.title),label:r.title})})),n.length>0&&s.push({id:"props",label:"Props"}),o.length>0&&s.push({id:"acessibilidade",label:"Acessibilidade"}),x.length>0&&s.push({id:"notas",label:"Notas"}),s},[c,l,t,i,n,o,x,m]);return e.jsxs("div",{className:"space-y-10",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h1",{className:"text-4xl font-bold tracking-tight",children:a}),e.jsx("p",{className:"text-lg text-muted-foreground",children:d})]}),!f&&h.length>0&&e.jsx(z,{items:h}),c&&e.jsxs("div",{id:"instalacao",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Instalação"}),e.jsx("pre",{className:"rounded-lg border bg-muted/50 p-4 overflow-x-auto",children:e.jsx("code",{className:"text-sm font-mono",children:c})})]}),l&&t&&e.jsx("div",{id:"uso",className:"scroll-mt-4",children:e.jsx(u,{preview:t,code:l})}),g,i.length>0&&e.jsxs("div",{id:"exemplos",className:"space-y-6 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Exemplos"}),i.map((s,r)=>e.jsx(u,{id:j(s.title),title:s.title,description:s.description,preview:s.preview,code:s.code},r))]}),n.length>0&&e.jsxs("div",{id:"props",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Props"}),e.jsx("div",{className:"rounded-lg border",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b bg-muted/50",children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-semibold",children:"Prop"}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-semibold",children:"Tipo"}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-semibold",children:"Padrão"}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-semibold",children:"Descrição"})]})}),e.jsx("tbody",{children:n.map((s,r)=>e.jsxs("tr",{className:"border-b last:border-0",children:[e.jsx("td",{className:"px-4 py-3 font-mono text-sm font-medium",children:s.name}),e.jsx("td",{className:"px-4 py-3 font-mono text-sm text-muted-foreground",children:s.type}),e.jsx("td",{className:"px-4 py-3 font-mono text-sm text-muted-foreground",children:s.default||"-"}),e.jsx("td",{className:"px-4 py-3 text-sm",children:s.description})]},r))})]})})]}),o.length>0&&e.jsxs("div",{id:"acessibilidade",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Acessibilidade"}),e.jsx("ul",{className:"space-y-2 list-disc list-inside",children:o.map((s,r)=>e.jsx("li",{className:"text-sm",children:s},r))})]}),x.length>0&&e.jsxs("div",{id:"notas",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Notas"}),e.jsx("ul",{className:"space-y-2",children:x.map((s,r)=>e.jsx("li",{className:"text-sm",children:s},r))})]})]})}export{$ as C,u as E,I as a};

package/dist/assets/ContextMenuDoc-C4-_0NLp.js

@@ -1,182 +0,0 @@
-import{j as e,r as u,dk as C,dl as c,dm as d,dn as M,dp as o,dq as r,dr as n,ds as h,dt as a,du as t,dv as i,dw as s,dx as x}from"./index-CE0k7Rdh.js";import{C as j}from"./ComponentDocTemplate-CRbRY-v5.js";function I(){return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique com o botão direito aqui"}),e.jsxs(d,{className:"w-64",children:[e.jsxs(t,{inset:!0,children:["Voltar",e.jsx(n,{children:"⌘["})]}),e.jsxs(t,{inset:!0,disabled:!0,children:["Avançar",e.jsx(n,{children:"⌘]"})]}),e.jsxs(t,{inset:!0,children:["Recarregar",e.jsx(n,{children:"⌘R"})]}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Mais Ferramentas"}),e.jsxs(x,{className:"w-48",children:[e.jsxs(t,{children:["Salvar Página Como...",e.jsx(n,{children:"⇧⌘S"})]}),e.jsx(t,{children:"Criar Atalho..."}),e.jsx(t,{children:"Nomear Janela..."}),e.jsx(o,{}),e.jsx(t,{children:"Ferramentas do Desenvolvedor"})]})]}),e.jsx(o,{}),e.jsxs(r,{checked:!0,children:["Mostrar Barra de Favoritos",e.jsx(n,{children:"⌘⇧B"})]}),e.jsx(r,{children:"Mostrar URLs Completas"}),e.jsx(o,{}),e.jsxs(h,{value:"pedro",children:[e.jsx(M,{inset:!0,children:"Pessoas"}),e.jsx(a,{value:"pedro",children:"Pedro Duarte"}),e.jsx(a,{value:"colm",children:"Colm Tuite"})]})]})]})}function v(){const[m,l]=u.useState(!0),[p,b]=u.useState(!1),[S,g]=u.useState(!1);return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para opções de visualização"}),e.jsxs(d,{className:"w-64",children:[e.jsx(M,{inset:!0,children:"Aparência"}),e.jsx(o,{}),e.jsxs(r,{checked:m,onCheckedChange:l,children:["Barra de Status",e.jsx(n,{children:"⌘⇧S"})]}),e.jsx(r,{checked:p,onCheckedChange:b,children:"Barra de Atividades"}),e.jsxs(r,{checked:S,onCheckedChange:g,children:["Painel",e.jsx(n,{children:"⌘J"})]})]})]})}function f(){const[m,l]=u.useState("bottom");return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para posição do painel"}),e.jsxs(d,{className:"w-48",children:[e.jsx(M,{inset:!0,children:"Posição do Painel"}),e.jsx(o,{}),e.jsxs(h,{value:m,onValueChange:l,children:[e.jsx(a,{value:"top",children:"Superior"}),e.jsx(a,{value:"bottom",children:"Inferior"}),e.jsx(a,{value:"right",children:"Direita"})]})]})]})}function w(){return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para ver submenus"}),e.jsxs(d,{className:"w-64",children:[e.jsx(t,{inset:!0,children:"Novo Arquivo"}),e.jsx(t,{inset:!0,children:"Nova Pasta"}),e.jsx(o,{}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Compartilhar"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"Email"}),e.jsx(t,{children:"Mensagem"}),e.jsx(t,{children:"Slack"}),e.jsx(o,{}),e.jsxs(i,{children:[e.jsx(s,{children:"Redes Sociais"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"Twitter"}),e.jsx(t,{children:"Facebook"}),e.jsx(t,{children:"LinkedIn"})]})]})]})]}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Exportar"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"PDF"}),e.jsx(t,{children:"PNG"}),e.jsx(t,{children:"SVG"})]})]})]})]})}const k=`import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuTrigger,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-} from "forlogic-core"
-
-<ContextMenu>
-  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-    Clique com o botão direito aqui
-  </ContextMenuTrigger>
-  <ContextMenuContent className="w-64">
-    <ContextMenuItem inset>
-      Voltar
-      <ContextMenuShortcut>⌘[</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuItem inset disabled>
-      Avançar
-      <ContextMenuShortcut>⌘]</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuItem inset>
-      Recarregar
-      <ContextMenuShortcut>⌘R</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Mais Ferramentas</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>
-          Salvar Página Como...
-          <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
-        </ContextMenuItem>
-        <ContextMenuItem>Criar Atalho...</ContextMenuItem>
-        <ContextMenuItem>Nomear Janela...</ContextMenuItem>
-        <ContextMenuSeparator />
-        <ContextMenuItem>Ferramentas do Desenvolvedor</ContextMenuItem>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-    <ContextMenuSeparator />
-    <ContextMenuCheckboxItem checked>
-      Mostrar Barra de Favoritos
-      <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
-    </ContextMenuCheckboxItem>
-    <ContextMenuCheckboxItem>Mostrar URLs Completas</ContextMenuCheckboxItem>
-    <ContextMenuSeparator />
-    <ContextMenuRadioGroup value="pedro">
-      <ContextMenuLabel inset>Pessoas</ContextMenuLabel>
-      <ContextMenuRadioItem value="pedro">Pedro Duarte</ContextMenuRadioItem>
-      <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
-    </ContextMenuRadioGroup>
-  </ContextMenuContent>
-</ContextMenu>`,R=`import { useState } from "react"
-import {
-  ContextMenu,
-  ContextMenuCheckboxItem,
-  ContextMenuContent,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-function ContextMenuWithCheckbox() {
-  const [showStatusBar, setShowStatusBar] = useState(true)
-  const [showActivityBar, setShowActivityBar] = useState(false)
-  const [showPanel, setShowPanel] = useState(false)
-
-  return (
-    <ContextMenu>
-      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-        Clique direito para opções de visualização
-      </ContextMenuTrigger>
-      <ContextMenuContent className="w-64">
-        <ContextMenuLabel inset>Aparência</ContextMenuLabel>
-        <ContextMenuSeparator />
-        <ContextMenuCheckboxItem
-          checked={showStatusBar}
-          onCheckedChange={setShowStatusBar}
-        >
-          Barra de Status
-          <ContextMenuShortcut>⌘⇧S</ContextMenuShortcut>
-        </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem
-          checked={showActivityBar}
-          onCheckedChange={setShowActivityBar}
-        >
-          Barra de Atividades
-        </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem
-          checked={showPanel}
-          onCheckedChange={setShowPanel}
-        >
-          Painel
-          <ContextMenuShortcut>⌘J</ContextMenuShortcut>
-        </ContextMenuCheckboxItem>
-      </ContextMenuContent>
-    </ContextMenu>
-  )
-}`,N=`import { useState } from "react"
-import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuLabel,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuSeparator,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-function ContextMenuWithRadio() {
-  const [position, setPosition] = useState("bottom")
-
-  return (
-    <ContextMenu>
-      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-        Clique direito para posição do painel
-      </ContextMenuTrigger>
-      <ContextMenuContent className="w-48">
-        <ContextMenuLabel inset>Posição do Painel</ContextMenuLabel>
-        <ContextMenuSeparator />
-        <ContextMenuRadioGroup value={position} onValueChange={setPosition}>
-          <ContextMenuRadioItem value="top">Superior</ContextMenuRadioItem>
-          <ContextMenuRadioItem value="bottom">Inferior</ContextMenuRadioItem>
-          <ContextMenuRadioItem value="right">Direita</ContextMenuRadioItem>
-        </ContextMenuRadioGroup>
-      </ContextMenuContent>
-    </ContextMenu>
-  )
-}`,T=`import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuSeparator,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-<ContextMenu>
-  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-    Clique direito para ver submenus
-  </ContextMenuTrigger>
-  <ContextMenuContent className="w-64">
-    <ContextMenuItem inset>Novo Arquivo</ContextMenuItem>
-    <ContextMenuItem inset>Nova Pasta</ContextMenuItem>
-    <ContextMenuSeparator />
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Compartilhar</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>Email</ContextMenuItem>
-        <ContextMenuItem>Mensagem</ContextMenuItem>
-        <ContextMenuItem>Slack</ContextMenuItem>
-        <ContextMenuSeparator />
-        <ContextMenuSub>
-          <ContextMenuSubTrigger>Redes Sociais</ContextMenuSubTrigger>
-          <ContextMenuSubContent className="w-48">
-            <ContextMenuItem>Twitter</ContextMenuItem>
-            <ContextMenuItem>Facebook</ContextMenuItem>
-            <ContextMenuItem>LinkedIn</ContextMenuItem>
-          </ContextMenuSubContent>
-        </ContextMenuSub>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Exportar</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>PDF</ContextMenuItem>
-        <ContextMenuItem>PNG</ContextMenuItem>
-        <ContextMenuItem>SVG</ContextMenuItem>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-  </ContextMenuContent>
-</ContextMenu>`;function P(){return e.jsx(j,{title:"Context Menu",description:"Exibe um menu ao usuário — como um conjunto de ações ou funções — acionado por um clique com o botão direito do mouse.",component:e.jsx(I,{}),usage:k,examples:[{title:"Com Checkbox Items",description:"Menu de contexto com itens de seleção múltipla usando checkbox.",preview:e.jsx(v,{}),code:R},{title:"Com Radio Items",description:"Menu de contexto com seleção única usando radio buttons.",preview:e.jsx(f,{}),code:N},{title:"Com Submenus",description:"Menu de contexto com submenus aninhados para organizar opções hierarquicamente.",preview:e.jsx(w,{}),code:T}],props:[{name:"ContextMenu",type:"Component",description:"Componente raiz que envolve o trigger e o conteúdo do menu."},{name:"ContextMenuTrigger",type:"Component",description:"Área que detecta o clique com botão direito para abrir o menu. Aceita asChild."},{name:"ContextMenuContent",type:"Component",description:"Container para os itens do menu. Aceita alignOffset, sideOffset e className."},{name:"ContextMenuItem",type:"Component",description:"Item básico do menu. Aceita inset, disabled e onSelect."},{name:"ContextMenuCheckboxItem",type:"Component",description:"Item com checkbox. Aceita checked, onCheckedChange e disabled."},{name:"ContextMenuRadioGroup",type:"Component",description:"Agrupa radio items. Aceita value e onValueChange."},{name:"ContextMenuRadioItem",type:"Component",description:"Item de seleção única dentro de um RadioGroup. Requer value."},{name:"ContextMenuLabel",type:"Component",description:"Rótulo não interativo para agrupar itens. Aceita inset."},{name:"ContextMenuSeparator",type:"Component",description:"Linha divisória visual entre grupos de itens."},{name:"ContextMenuShortcut",type:"Component",description:"Exibe atalho de teclado alinhado à direita do item."},{name:"ContextMenuSub",type:"Component",description:"Container para submenu aninhado."},{name:"ContextMenuSubTrigger",type:"Component",description:"Item que abre um submenu ao hover ou foco. Aceita inset."},{name:"ContextMenuSubContent",type:"Component",description:"Conteúdo do submenu aninhado."},{name:"ContextMenuGroup",type:"Component",description:"Agrupa itens relacionados para organização semântica."}],accessibility:["Abre com clique do botão direito ou tecla de menu de contexto (Shift+F10 ou tecla Menu)","Navegação completa por teclado usando setas direcionais","Enter ou Espaço para selecionar item focado","Escape fecha o menu e retorna foco ao elemento anterior","Suporte completo a WAI-ARIA com roles menu, menuitem, menuitemcheckbox e menuitemradio","Submenus acessíveis via seta direita (abrir) e seta esquerda (fechar)","Type-ahead: digitar caracteres foca no item correspondente","Foco visual claro nos itens durante navegação por teclado"]})}export{P as ContextMenuDoc};