forlogic-core 2.0.0 → 2.0.1

package/dist/assets/MenubarDoc-DCnmd2tO.js

@@ -0,0 +1,165 @@
+import{ba as G,r as u,j as e,fy as Re,bg as Ne,b9 as $,d8 as ye,bc as U,fz as we,bf as Ae,d9 as Te,fA as Ee,bh as N,fB as ke,fC as _e,fD as Pe,fE as Be,fF as Ge,fG as Oe,da as Z,b8 as De,bj as ze,fH as Fe,fI as Ve,fJ as qe,fK as Ke,fL as Le,fM as $e,fN as Ue,fO as Ze,o as I,bs as Je,aT as We,aQ as He}from"./index-DkiftrvI.js";import{C as Xe}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";var _="Menubar",[O,Qe,Ye]=De(_),[J]=ze(_,[Ye,Z]),m=we(),W=Z(),[er,F]=J(_),H=u.forwardRef((r,n)=>{const{__scopeMenubar:a,value:t,onValueChange:s,defaultValue:b,loop:p=!0,dir:d,...i}=r,f=Ne(d),c=W(a),[v,g]=$({prop:t,onChange:s,defaultProp:b??"",caller:_}),[S,M]=u.useState(null);return e.jsx(er,{scope:a,value:v,onMenuOpen:u.useCallback(R=>{g(R),M(R)},[g]),onMenuClose:u.useCallback(()=>g(""),[g]),onMenuToggle:u.useCallback(R=>{g(q=>q?"":R),M(R)},[g]),dir:f,loop:p,children:e.jsx(O.Provider,{scope:a,children:e.jsx(O.Slot,{scope:a,children:e.jsx(ye,{asChild:!0,...c,orientation:"horizontal",loop:p,dir:f,currentTabStopId:S,onCurrentTabStopIdChange:M,children:e.jsx(U.div,{role:"menubar",...i,ref:n})})})})})});H.displayName=_;var V="MenubarMenu",[rr,X]=J(V),Q=r=>{const{__scopeMenubar:n,value:a,...t}=r,s=G(),b=a||s||"LEGACY_REACT_AUTO_VALUE",p=F(V,n),d=m(n),i=u.useRef(null),f=u.useRef(!1),c=p.value===b;return u.useEffect(()=>{c||(f.current=!1)},[c]),e.jsx(rr,{scope:n,value:b,triggerId:G(),triggerRef:i,contentId:G(),wasKeyboardTriggerOpenRef:f,children:e.jsx(Re,{...d,open:c,onOpenChange:v=>{v||p.onMenuClose()},modal:!1,dir:p.dir,...t})})};Q.displayName=V;var D="MenubarTrigger",Y=u.forwardRef((r,n)=>{const{__scopeMenubar:a,disabled:t=!1,...s}=r,b=W(a),p=m(a),d=F(D,a),i=X(D,a),f=u.useRef(null),c=Ae(n,f,i.triggerRef),[v,g]=u.useState(!1),S=d.value===i.value;return e.jsx(O.ItemSlot,{scope:a,value:i.value,disabled:t,children:e.jsx(Te,{asChild:!0,...b,focusable:!t,tabStopId:i.value,children:e.jsx(Ee,{asChild:!0,...p,children:e.jsx(U.button,{type:"button",role:"menuitem",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":S,"aria-controls":S?i.contentId:void 0,"data-highlighted":v?"":void 0,"data-state":S?"open":"closed","data-disabled":t?"":void 0,disabled:t,...s,ref:c,onPointerDown:N(r.onPointerDown,M=>{!t&&M.button===0&&M.ctrlKey===!1&&(d.onMenuOpen(i.value),S||M.preventDefault())}),onPointerEnter:N(r.onPointerEnter,()=>{d.value&&!S&&(d.onMenuOpen(i.value),f.current?.focus())}),onKeyDown:N(r.onKeyDown,M=>{t||(["Enter"," "].includes(M.key)&&d.onMenuToggle(i.value),M.key==="ArrowDown"&&d.onMenuOpen(i.value),["Enter"," ","ArrowDown"].includes(M.key)&&(i.wasKeyboardTriggerOpenRef.current=!0,M.preventDefault()))}),onFocus:N(r.onFocus,()=>g(!0)),onBlur:N(r.onBlur,()=>g(!1))})})})})});Y.displayName=D;var ar="MenubarPortal",ee=r=>{const{__scopeMenubar:n,...a}=r,t=m(n);return e.jsx(ke,{...t,...a})};ee.displayName=ar;var z="MenubarContent",re=u.forwardRef((r,n)=>{const{__scopeMenubar:a,align:t="start",...s}=r,b=m(a),p=F(z,a),d=X(z,a),i=Qe(a),f=u.useRef(!1);return e.jsx(_e,{id:d.contentId,"aria-labelledby":d.triggerId,"data-radix-menubar-content":"",...b,...s,ref:n,align:t,onCloseAutoFocus:N(r.onCloseAutoFocus,c=>{!p.value&&!f.current&&d.triggerRef.current?.focus(),f.current=!1,c.preventDefault()}),onFocusOutside:N(r.onFocusOutside,c=>{const v=c.target;i().some(S=>S.ref.current?.contains(v))&&c.preventDefault()}),onInteractOutside:N(r.onInteractOutside,()=>{f.current=!0}),onEntryFocus:c=>{d.wasKeyboardTriggerOpenRef.current||c.preventDefault()},onKeyDown:N(r.onKeyDown,c=>{if(["ArrowRight","ArrowLeft"].includes(c.key)){const v=c.target,g=v.hasAttribute("data-radix-menubar-subtrigger"),S=v.closest("[data-radix-menubar-content]")!==c.currentTarget,R=(p.dir==="rtl"?"ArrowRight":"ArrowLeft")===c.key;if(!R&&g||S&&R)return;let A=i().filter(B=>!B.disabled).map(B=>B.value);R&&A.reverse();const K=A.indexOf(d.value);A=p.loop?hr(A,K+1):A.slice(K+1);const[L]=A;L&&p.onMenuOpen(L)}},{checkForDefaultPrevented:!1}),style:{...r.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});re.displayName=z;var nr="MenubarGroup",tr=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx($e,{...s,...t,ref:n})});tr.displayName=nr;var or="MenubarLabel",ae=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Ue,{...s,...t,ref:n})});ae.displayName=or;var sr="MenubarItem",ne=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Pe,{...s,...t,ref:n})});ne.displayName=sr;var ur="MenubarCheckboxItem",te=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Fe,{...s,...t,ref:n})});te.displayName=ur;var ir="MenubarRadioGroup",oe=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Ge,{...s,...t,ref:n})});oe.displayName=ir;var cr="MenubarRadioItem",se=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(qe,{...s,...t,ref:n})});se.displayName=cr;var dr="MenubarItemIndicator",ue=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Ve,{...s,...t,ref:n})});ue.displayName=dr;var lr="MenubarSeparator",ie=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Be,{...s,...t,ref:n})});ie.displayName=lr;var br="MenubarArrow",mr=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Ze,{...s,...t,ref:n})});mr.displayName=br;var ce="MenubarSub",de=r=>{const{__scopeMenubar:n,children:a,open:t,onOpenChange:s,defaultOpen:b}=r,p=m(n),[d,i]=$({prop:t,defaultProp:b??!1,onChange:s,caller:ce});return e.jsx(Oe,{...p,open:d,onOpenChange:i,children:a})};de.displayName=ce;var pr="MenubarSubTrigger",le=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Ke,{"data-radix-menubar-subtrigger":"",...s,...t,ref:n})});le.displayName=pr;var Mr="MenubarSubContent",be=u.forwardRef((r,n)=>{const{__scopeMenubar:a,...t}=r,s=m(a);return e.jsx(Le,{...s,"data-radix-menubar-content":"",...t,ref:n,style:{...r.style,"--radix-menubar-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-menubar-content-available-width":"var(--radix-popper-available-width)","--radix-menubar-content-available-height":"var(--radix-popper-available-height)","--radix-menubar-trigger-width":"var(--radix-popper-anchor-width)","--radix-menubar-trigger-height":"var(--radix-popper-anchor-height)"}})});be.displayName=Mr;function hr(r,n){return r.map((a,t)=>r[(n+t)%r.length])}var me=H,xr=Q,pe=Y,fr=ee,Me=re,he=ae,xe=ne,fe=te,gr=oe,ge=se,je=ue,ve=ie,jr=de,Se=le,Ce=be;const j=xr,P=jr,Ie=gr,y=u.forwardRef(({className:r,...n},a)=>e.jsx(me,{ref:a,className:I("flex h-10 items-center space-x-1 rounded-md border bg-background p-1",r),...n}));y.displayName=me.displayName;const h=u.forwardRef(({className:r,...n},a)=>e.jsx(pe,{ref:a,className:I("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",r),...n}));h.displayName=pe.displayName;const E=u.forwardRef(({className:r,inset:n,children:a,...t},s)=>e.jsxs(Se,{ref:s,className:I("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",n&&"pl-8",r),...t,children:[a,e.jsx(He,{className:"ml-auto h-4 w-4"})]}));E.displayName=Se.displayName;const k=u.forwardRef(({className:r,...n},a)=>e.jsx(Ce,{ref:a,className:I("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",r),...n}));k.displayName=Ce.displayName;const x=u.forwardRef(({className:r,align:n="start",alignOffset:a=-4,sideOffset:t=8,...s},b)=>e.jsx(fr,{children:e.jsx(Me,{ref:b,align:n,alignOffset:a,sideOffset:t,className:I("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",r),...s})}));x.displayName=Me.displayName;const o=u.forwardRef(({className:r,inset:n,...a},t)=>e.jsx(xe,{ref:t,className:I("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n&&"pl-8",r),...a}));o.displayName=xe.displayName;const T=u.forwardRef(({className:r,children:n,checked:a,...t},s)=>e.jsxs(fe,{ref:s,className:I("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),checked:a,...t,children:[e.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e.jsx(je,{children:e.jsx(Je,{className:"h-4 w-4"})})}),n]}));T.displayName=fe.displayName;const w=u.forwardRef(({className:r,children:n,...a},t)=>e.jsxs(ge,{ref:t,className:I("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...a,children:[e.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:e.jsx(je,{children:e.jsx(We,{className:"h-2 w-2 fill-current"})})}),n]}));w.displayName=ge.displayName;const vr=u.forwardRef(({className:r,inset:n,...a},t)=>e.jsx(he,{ref:t,className:I("px-2 py-1.5 text-sm font-semibold",n&&"pl-8",r),...a}));vr.displayName=he.displayName;const C=u.forwardRef(({className:r,...n},a)=>e.jsx(ve,{ref:a,className:I("-mx-1 my-1 h-px bg-muted",r),...n}));C.displayName=ve.displayName;const l=({className:r,...n})=>e.jsx("span",{className:I("ml-auto text-xs tracking-widest text-muted-foreground",r),...n});l.displayname="MenubarShortcut";function Sr(){const[r,n]=u.useState(!0),[a,t]=u.useState(!1),[s,b]=u.useState("pedro");return e.jsxs(y,{children:[e.jsxs(j,{children:[e.jsx(h,{children:"Arquivo"}),e.jsxs(x,{children:[e.jsxs(o,{children:["Nova Aba ",e.jsx(l,{children:"⌘T"})]}),e.jsxs(o,{children:["Nova Janela ",e.jsx(l,{children:"⌘N"})]}),e.jsx(o,{disabled:!0,children:"Nova Janela Anônima"}),e.jsx(C,{}),e.jsxs(P,{children:[e.jsx(E,{children:"Compartilhar"}),e.jsxs(k,{children:[e.jsx(o,{children:"Email"}),e.jsx(o,{children:"Mensagem"}),e.jsx(o,{children:"Notas"})]})]}),e.jsx(C,{}),e.jsxs(o,{children:["Imprimir... ",e.jsx(l,{children:"⌘P"})]})]})]}),e.jsxs(j,{children:[e.jsx(h,{children:"Editar"}),e.jsxs(x,{children:[e.jsxs(o,{children:["Desfazer ",e.jsx(l,{children:"⌘Z"})]}),e.jsxs(o,{children:["Refazer ",e.jsx(l,{children:"⇧⌘Z"})]}),e.jsx(C,{}),e.jsxs(o,{children:["Recortar ",e.jsx(l,{children:"⌘X"})]}),e.jsxs(o,{children:["Copiar ",e.jsx(l,{children:"⌘C"})]}),e.jsxs(o,{children:["Colar ",e.jsx(l,{children:"⌘V"})]})]})]}),e.jsxs(j,{children:[e.jsx(h,{children:"Visualizar"}),e.jsxs(x,{children:[e.jsx(T,{checked:r,onCheckedChange:n,children:"Mostrar Favoritos"}),e.jsx(T,{checked:a,onCheckedChange:t,children:"Mostrar URLs Completas"}),e.jsx(C,{}),e.jsxs(o,{inset:!0,children:["Recarregar ",e.jsx(l,{children:"⌘R"})]})]})]}),e.jsxs(j,{children:[e.jsx(h,{children:"Perfis"}),e.jsx(x,{children:e.jsxs(Ie,{value:s,onValueChange:b,children:[e.jsx(w,{value:"pedro",children:"Pedro"}),e.jsx(w,{value:"ana",children:"Ana"}),e.jsx(w,{value:"carlos",children:"Carlos"})]})})]})]})}function Cr(){const[r,n]=u.useState(!0),[a,t]=u.useState(!1),[s,b]=u.useState(!1);return e.jsx(y,{children:e.jsxs(j,{children:[e.jsx(h,{children:"Visualizar"}),e.jsxs(x,{children:[e.jsx(T,{checked:r,onCheckedChange:n,children:"Barra de Status"}),e.jsx(T,{checked:a,onCheckedChange:t,children:"Barra de Atividades"}),e.jsx(T,{checked:s,onCheckedChange:b,children:"Painel"})]})]})})}function Ir(){const[r,n]=u.useState("system");return e.jsx(y,{children:e.jsxs(j,{children:[e.jsx(h,{children:"Aparência"}),e.jsx(x,{children:e.jsxs(Ie,{value:r,onValueChange:n,children:[e.jsx(w,{value:"light",children:"Claro"}),e.jsx(w,{value:"dark",children:"Escuro"}),e.jsx(w,{value:"system",children:"Sistema"})]})})]})})}function Rr(){return e.jsx(y,{children:e.jsxs(j,{children:[e.jsx(h,{children:"Arquivo"}),e.jsxs(x,{children:[e.jsx(o,{children:"Novo Arquivo"}),e.jsx(o,{children:"Nova Pasta"}),e.jsx(C,{}),e.jsxs(P,{children:[e.jsx(E,{children:"Exportar como"}),e.jsxs(k,{children:[e.jsx(o,{children:"PDF"}),e.jsx(o,{children:"Word (.docx)"}),e.jsx(o,{children:"Excel (.xlsx)"}),e.jsxs(P,{children:[e.jsx(E,{children:"Imagem"}),e.jsxs(k,{children:[e.jsx(o,{children:"PNG"}),e.jsx(o,{children:"JPEG"}),e.jsx(o,{children:"SVG"})]})]})]})]}),e.jsxs(P,{children:[e.jsx(E,{children:"Compartilhar"}),e.jsxs(k,{children:[e.jsx(o,{children:"Email"}),e.jsx(o,{children:"Link"}),e.jsx(o,{children:"Redes Sociais"})]})]})]})]})})}function Nr(){return e.jsx(y,{children:e.jsxs(j,{children:[e.jsx(h,{children:"Editar"}),e.jsxs(x,{children:[e.jsxs(o,{children:["Desfazer ",e.jsx(l,{children:"⌘Z"})]}),e.jsxs(o,{children:["Refazer ",e.jsx(l,{children:"⇧⌘Z"})]}),e.jsx(C,{}),e.jsxs(o,{children:["Recortar ",e.jsx(l,{children:"⌘X"})]}),e.jsxs(o,{children:["Copiar ",e.jsx(l,{children:"⌘C"})]}),e.jsxs(o,{children:["Colar ",e.jsx(l,{children:"⌘V"})]}),e.jsx(C,{}),e.jsxs(o,{children:["Selecionar Tudo ",e.jsx(l,{children:"⌘A"})]}),e.jsxs(o,{children:["Buscar ",e.jsx(l,{children:"⌘F"})]}),e.jsxs(o,{children:["Substituir ",e.jsx(l,{children:"⌘H"})]})]})]})})}function yr(){return e.jsx(y,{children:e.jsxs(j,{children:[e.jsx(h,{children:"Arquivo"}),e.jsxs(x,{children:[e.jsx(o,{children:"Novo"}),e.jsx(o,{children:"Abrir"}),e.jsx(C,{}),e.jsx(o,{disabled:!0,children:"Salvar (sem alterações)"}),e.jsx(o,{children:"Salvar Como..."}),e.jsx(C,{}),e.jsx(o,{disabled:!0,children:"Reverter para Versão Anterior"}),e.jsx(o,{children:"Fechar"})]})]})})}function kr(){return e.jsx(Xe,{title:"Menubar",description:"Barra de menu horizontal com submenus, checkboxes e radio items. Ideal para barras de navegação de aplicações desktop-like, seguindo padrões de aplicações nativas.",component:e.jsx(Sr,{}),usage:`import {
+  Menubar,
+  MenubarContent,
+  MenubarItem,
+  MenubarMenu,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarTrigger,
+  MenubarCheckboxItem,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+} from "forlogic-core"
+
+// Exemplo básico
+<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Arquivo</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>
+        Novo <MenubarShortcut>⌘N</MenubarShortcut>
+      </MenubarItem>
+      <MenubarItem>Abrir</MenubarItem>
+      <MenubarSeparator />
+      <MenubarItem>Sair</MenubarItem>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>
+
+// Com checkbox items
+const [showBar, setShowBar] = useState(true);
+
+<MenubarCheckboxItem 
+  checked={showBar} 
+  onCheckedChange={setShowBar}
+>
+  Mostrar Barra
+</MenubarCheckboxItem>
+
+// Com radio group
+const [theme, setTheme] = useState("light");
+
+<MenubarRadioGroup value={theme} onValueChange={setTheme}>
+  <MenubarRadioItem value="light">Claro</MenubarRadioItem>
+  <MenubarRadioItem value="dark">Escuro</MenubarRadioItem>
+</MenubarRadioGroup>
+
+// Com submenus
+<MenubarSub>
+  <MenubarSubTrigger>Exportar</MenubarSubTrigger>
+  <MenubarSubContent>
+    <MenubarItem>PDF</MenubarItem>
+    <MenubarItem>Word</MenubarItem>
+  </MenubarSubContent>
+</MenubarSub>`,examples:[{title:"Menu Simples",description:"Menubar básico com múltiplos menus e itens.",preview:e.jsxs(y,{children:[e.jsxs(j,{children:[e.jsx(h,{children:"Arquivo"}),e.jsxs(x,{children:[e.jsx(o,{children:"Novo"}),e.jsx(o,{children:"Abrir"}),e.jsx(C,{}),e.jsx(o,{children:"Salvar"})]})]}),e.jsxs(j,{children:[e.jsx(h,{children:"Editar"}),e.jsxs(x,{children:[e.jsx(o,{children:"Desfazer"}),e.jsx(o,{children:"Refazer"})]})]}),e.jsxs(j,{children:[e.jsx(h,{children:"Ajuda"}),e.jsxs(x,{children:[e.jsx(o,{children:"Documentação"}),e.jsx(o,{children:"Sobre"})]})]})]}),code:`<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Arquivo</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>Novo</MenubarItem>
+      <MenubarItem>Abrir</MenubarItem>
+      <MenubarSeparator />
+      <MenubarItem>Salvar</MenubarItem>
+    </MenubarContent>
+  </MenubarMenu>
+  <MenubarMenu>
+    <MenubarTrigger>Editar</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>Desfazer</MenubarItem>
+      <MenubarItem>Refazer</MenubarItem>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`},{title:"Atalhos de Teclado",description:"Exibição de atalhos de teclado junto aos itens do menu.",preview:e.jsx(Nr,{}),code:`<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Editar</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>
+        Desfazer <MenubarShortcut>⌘Z</MenubarShortcut>
+      </MenubarItem>
+      <MenubarItem>
+        Refazer <MenubarShortcut>⇧⌘Z</MenubarShortcut>
+      </MenubarItem>
+      <MenubarSeparator />
+      <MenubarItem>
+        Recortar <MenubarShortcut>⌘X</MenubarShortcut>
+      </MenubarItem>
+      <MenubarItem>
+        Copiar <MenubarShortcut>⌘C</MenubarShortcut>
+      </MenubarItem>
+      <MenubarItem>
+        Colar <MenubarShortcut>⌘V</MenubarShortcut>
+      </MenubarItem>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`},{title:"Checkbox Items",description:"Itens com checkbox para alternar opções de visualização.",preview:e.jsx(Cr,{}),code:`const [showStatusBar, setShowStatusBar] = useState(true);
+const [showActivityBar, setShowActivityBar] = useState(false);
+
+<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Visualizar</MenubarTrigger>
+    <MenubarContent>
+      <MenubarCheckboxItem 
+        checked={showStatusBar} 
+        onCheckedChange={setShowStatusBar}
+      >
+        Barra de Status
+      </MenubarCheckboxItem>
+      <MenubarCheckboxItem 
+        checked={showActivityBar} 
+        onCheckedChange={setShowActivityBar}
+      >
+        Barra de Atividades
+      </MenubarCheckboxItem>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`},{title:"Radio Group",description:"Grupo de opções mutuamente exclusivas (apenas uma pode ser selecionada).",preview:e.jsx(Ir,{}),code:`const [theme, setTheme] = useState("system");
+
+<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Aparência</MenubarTrigger>
+    <MenubarContent>
+      <MenubarRadioGroup value={theme} onValueChange={setTheme}>
+        <MenubarRadioItem value="light">Claro</MenubarRadioItem>
+        <MenubarRadioItem value="dark">Escuro</MenubarRadioItem>
+        <MenubarRadioItem value="system">Sistema</MenubarRadioItem>
+      </MenubarRadioGroup>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`},{title:"Submenus Aninhados",description:"Menus com submenus para organização hierárquica de opções.",preview:e.jsx(Rr,{}),code:`<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Arquivo</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>Novo Arquivo</MenubarItem>
+      <MenubarSeparator />
+      <MenubarSub>
+        <MenubarSubTrigger>Exportar como</MenubarSubTrigger>
+        <MenubarSubContent>
+          <MenubarItem>PDF</MenubarItem>
+          <MenubarItem>Word (.docx)</MenubarItem>
+          <MenubarSub>
+            <MenubarSubTrigger>Imagem</MenubarSubTrigger>
+            <MenubarSubContent>
+              <MenubarItem>PNG</MenubarItem>
+              <MenubarItem>JPEG</MenubarItem>
+            </MenubarSubContent>
+          </MenubarSub>
+        </MenubarSubContent>
+      </MenubarSub>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`},{title:"Itens Desabilitados",description:"Itens que não podem ser selecionados em determinadas condições.",preview:e.jsx(yr,{}),code:`<Menubar>
+  <MenubarMenu>
+    <MenubarTrigger>Arquivo</MenubarTrigger>
+    <MenubarContent>
+      <MenubarItem>Novo</MenubarItem>
+      <MenubarItem>Abrir</MenubarItem>
+      <MenubarSeparator />
+      <MenubarItem disabled>Salvar (sem alterações)</MenubarItem>
+      <MenubarItem>Salvar Como...</MenubarItem>
+      <MenubarSeparator />
+      <MenubarItem disabled>Reverter para Versão Anterior</MenubarItem>
+    </MenubarContent>
+  </MenubarMenu>
+</Menubar>`}],props:[{name:"Menubar",type:"ReactNode",default:"-",description:"Container principal da barra de menu."},{name:"MenubarMenu",type:"ReactNode",default:"-",description:"Agrupa um trigger e seu conteúdo."},{name:"MenubarTrigger",type:"ReactNode",default:"-",description:"Botão que abre o menu dropdown."},{name:"MenubarContent",type:"ReactNode",default:"-",description:"Container do conteúdo do menu dropdown."},{name:"MenubarItem",type:"ReactNode",default:"-",description:'Item clicável do menu. Aceita prop "disabled" e "inset".'},{name:"MenubarShortcut",type:"string",default:"-",description:"Exibe atalho de teclado ao lado do item."},{name:"MenubarSeparator",type:"-",default:"-",description:"Linha separadora entre grupos de itens."},{name:"MenubarCheckboxItem",type:"ReactNode",default:"-",description:"Item com checkbox. Props: checked, onCheckedChange."},{name:"MenubarRadioGroup",type:"ReactNode",default:"-",description:"Container para radio items. Props: value, onValueChange."},{name:"MenubarRadioItem",type:"ReactNode",default:"-",description:"Item de radio dentro do RadioGroup. Prop: value."},{name:"MenubarSub",type:"ReactNode",default:"-",description:"Container para submenu aninhado."},{name:"MenubarSubTrigger",type:"ReactNode",default:"-",description:"Trigger que abre o submenu."},{name:"MenubarSubContent",type:"ReactNode",default:"-",description:"Conteúdo do submenu."}],accessibility:["Navegação completa por teclado (setas, Enter, Escape, Tab)","Segue padrão WAI-ARIA de menubar","Submenus acessíveis via seta direita/esquerda","Gerenciamento de foco automático","Suporte a leitor de tela com roles apropriados","Escape fecha o menu atual e retorna foco ao trigger"],notes:["Use MenubarSeparator para agrupar visualmente itens relacionados","MenubarShortcut é apenas visual - implemente os atalhos separadamente","Submenus podem ser aninhados em múltiplos níveis",'Use "inset" em MenubarItem quando precisar alinhar com CheckboxItems/RadioItems',"Para menus contextuais (clique direito), use ContextMenu ao invés de Menubar"]})}export{kr as MenubarDoc};

package/dist/assets/ModuleAccessDoc-CmD5nHDp.js

@@ -0,0 +1,153 @@
+import{j as e,x as g,em as D,r as v,gN as A,Y as x,dY as P,a as l,b as i,c as t,B as u,d as n,T as h,i as p,k as a,l as o,p as j,q as s}from"./index-DkiftrvI.js";import{C as R}from"./ComponentDocTemplate-CQbBhfvZ.js";import{C as m,E as f}from"./ExampleCard-DuLrb3t-.js";import{S as O,G as M}from"./shield-x-DJTRfVux.js";function S({title:c,description:d,image:r,icon:N,ctaLabel:k="Quero conhecer mais",onCtaClick:C,children:b}){return e.jsxs("div",{className:"flex flex-col items-center text-center gap-6 py-8 px-4",children:[!b&&(r||N)&&e.jsx("div",{className:"flex items-center justify-center",children:r?e.jsx("img",{src:r,alt:c,className:"max-h-48 w-auto object-contain rounded-lg"}):N?e.jsx("div",{className:"w-24 h-24 rounded-2xl bg-primary/10 flex items-center justify-center",children:e.jsx(N,{className:"h-12 w-12 text-primary"})}):null}),e.jsxs("div",{className:"space-y-3 max-w-lg",children:[e.jsx("h3",{className:"text-xl font-semibold text-foreground",children:c}),e.jsx("p",{className:"text-sm text-muted-foreground leading-relaxed",children:d})]}),b?e.jsx("div",{className:"w-full",children:b}):C?e.jsxs(g,{onClick:C,size:"lg",className:"gap-2",children:[e.jsx(D,{className:"h-4 w-4"}),k]}):null]})}const y=[{alias:"matriz",name:"Matriz - São Paulo"},{alias:"filial-rj",name:"Filial Rio de Janeiro"},{alias:"filial-mg",name:"Filial Belo Horizonte"}],q=["Análises","Atas e Decisões","Configurações","Documentos","Fornecedores","Mapeamentos","Metrologia","Ocorrências","OKR","Portal do Fornecedor","Desempenho","Pulso","Action","Audit","Configurações v3","Dashboards v1","Docs v1","Indicators","Meeting","Metrology v3","Planner","Relatórios v1","Risks","Staff","Supply","Tracker1","Tracker2"];function T(){const[c,d]=v.useState(!1);return e.jsxs("div",{className:"flex flex-col items-center gap-4 p-8 border rounded-lg bg-muted/30",children:[e.jsx("p",{className:"text-muted-foreground text-center",children:"Clique no botão abaixo para simular o dialog de acesso negado com seletor de unidade"}),e.jsxs(g,{onClick:()=>d(!0),children:[e.jsx(O,{className:"h-4 w-4 mr-2"}),"Abrir Dialog de Acesso Negado"]}),e.jsx(A,{open:c,onOpenChange:d,userName:"João Silva",unitName:"Matriz - São Paulo",units:y,currentAlias:"matriz",onUnitChange:r=>x.info(`Trocando para: ${r.name}`),onLogout:()=>x.info("Logout realizado"),onModuleClick:r=>{x.success(`Navegando para: ${r.name}`),d(!1)},blocking:!1})]})}function w(){const[c,d]=v.useState(!1);return e.jsxs("div",{className:"flex flex-col items-center gap-4 p-8 border rounded-lg bg-muted/30",children:[e.jsx("p",{className:"text-muted-foreground text-center",children:"Exemplo de oferta focada para quando o usuário acessa um módulo não contratado — via WebView, deep link, link compartilhado ou qualquer outra origem"}),e.jsxs(g,{onClick:()=>d(!0),children:[e.jsx(M,{className:"h-4 w-4 mr-2"}),"Abrir Dialog de Oferta"]}),e.jsx(A,{open:c,onOpenChange:d,userName:"João Silva",unitName:"Matriz - São Paulo",units:y,currentAlias:"matriz",onUnitChange:r=>x.info(`Trocando para: ${r.name}`),onLogout:()=>x.info("Logout realizado"),size:"md",blocking:!1,children:e.jsx(S,{title:"Conheça o módulo Educação, da suíte SABER.",description:"Garanta rastreabilidade da qualificação das pessoas e evidências claras de capacitação para atender a norma 9001, auditorias e exigências legais!",icon:M,ctaLabel:"Falar com especialista",onCtaClick:()=>{x.success("Redirecionando para o chat com especialista..."),d(!1)}})})]})}function z(){const[c,d]=v.useState(!1);return e.jsxs("div",{className:"flex flex-col items-center gap-4 p-8 border rounded-lg bg-muted/30",children:[e.jsx("p",{className:"text-muted-foreground text-center",children:"Exemplo com separação entre módulos contratados e disponíveis para contratação"}),e.jsxs(g,{onClick:()=>d(!0),children:[e.jsx(P,{className:"h-4 w-4 mr-2"}),"Abrir com Módulos Contratados"]}),e.jsx(A,{open:c,onOpenChange:d,userName:"Maria Santos",unitName:"Filial Rio de Janeiro",units:y,currentAlias:"filial-rj",onUnitChange:r=>x.info(`Trocando para: ${r.name}`),onLogout:()=>x.info("Logout realizado"),onModuleClick:r=>{x.success(`Navegando para: ${r.name}`),d(!1)},onModuleInterest:r=>{x.info(`Interesse registrado no módulo: ${r.name}`)},contractedModules:q,blocking:!1})]})}const G=[{id:"visao-geral",label:"Visão Geral"},{id:"module-access-guard",label:"ModuleAccessGuard"},{id:"bypass-paths",label:"Bypass de Rotas"},{id:"access-denied-routes",label:"Rotas com Dialog Customizado"},{id:"oferta-modulo",label:"Oferta de Módulo"},{id:"troca-de-unidade",label:"Troca de Unidade"},{id:"use-module-access",label:"useModuleAccess"},{id:"api-reference",label:"API Reference"},{id:"cache-e-performance",label:"Cache e Performance"},{id:"aliases-disponiveis",label:"Aliases Disponíveis"}];function I(){return e.jsxs(R,{title:"Acesso Módulo (ModuleAccess)",description:"Sistema de autorização para verificar e bloquear acesso a módulos da plataforma Qualiex. Proteção automática de rotas via CoreProviders e hook para verificações programáticas.",usage:`// Proteção automática via CoreProviders
+<CoreProviders moduleAlias="occurrences">
+  <App />
+</CoreProviders>
+
+// Verificação programática via hook
+const { hasAccess, hasAccessTo, role } = useModuleAccess();
+if (hasAccessTo('audit')) { /* ... */ }`,tocItems:G,children:[e.jsxs(l,{id:"visao-geral",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["Visão Geral",e.jsx(u,{variant:"secondary",children:"Guard + Hook"})]})}),e.jsxs(n,{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"border rounded-lg p-4 space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(u,{children:"Camada 1"}),e.jsx("span",{className:"font-semibold text-sm",children:"ModuleAccessGuard"})]}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Integrado ao ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"CoreProviders"}),", ",e.jsx("strong",{children:"bloqueia automaticamente todas as rotas"})," quando o usuário não tem acesso ao módulo configurado. Zero configuração — basta definir ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"moduleAlias"}),"."]})]}),e.jsxs("div",{className:"border rounded-lg p-4 space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(u,{variant:"outline",children:"Camada 2"}),e.jsx("span",{className:"font-semibold text-sm",children:"useModuleAccess"})]}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Hook para ",e.jsx("strong",{children:"verificações programáticas"})," — exibir/ocultar links, condicionar funcionalidades, verificar acesso a outros módulos, acessar dados do role."]})]})]}),e.jsx(m,{code:`// App.tsx — Configuração mínima para proteção automática
+import { CoreProviders } from 'forlogic-core';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+
+function App() {
+  return (
+    // ✅ Basta definir moduleAlias — todas as rotas ficam protegidas
+    <CoreProviders moduleAlias="performance">
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<Dashboard />} />
+          <Route path="/settings" element={<Settings />} />
+        </Routes>
+      </BrowserRouter>
+    </CoreProviders>
+  );
+}`,language:"tsx"}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-3",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"O que acontece automaticamente:"}),e.jsxs("div",{className:"space-y-2 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"1."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Enquanto carrega"})," — Spinner centralizado enquanto verifica as permissões."]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"2."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Se tem acesso"})," — Renderiza a aplicação normalmente."]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"3."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Se NÃO tem acesso"})," — Dialog não-fechável com grid de módulos para navegação."]})]})]})]}),e.jsx("div",{className:"bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-amber-800 dark:text-amber-200",children:[e.jsx("strong",{children:"⚠️ Sem moduleAlias:"})," O guard é transparente — ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"hasAccess"})," retorna",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:" true"})," por padrão e nenhuma rota é bloqueada. A query de associações ",e.jsx("strong",{children:"continua disponível"})," para uso pelo ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"ModulesDialog"})," e pelo ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"hasAccessTo"}),". O ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"moduleAlias"})," deve corresponder a um alias válido do",e.jsx("a",{href:"#aliases-disponiveis",className:"underline ml-1",children:"SOFTWARES_MAP"}),"."]})})]})]}),e.jsxs(l,{id:"module-access-guard",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["ModuleAccessGuard",e.jsx(u,{variant:"secondary",children:"Componente"})]})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Já integrado no ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"CoreProviders"}),". O dialog de acesso negado reutiliza o ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"ModulesContent"})," — o mesmo componente usado pelo"," ",e.jsx("a",{href:"/ds/modules-dialog",className:"underline font-medium",children:"ModulesDialog"}),"."]}),e.jsx("div",{className:"bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-blue-800 dark:text-blue-200",children:[e.jsx("strong",{children:"ℹ️ Transparência:"})," O guard renderiza ",e.jsx("code",{className:"text-xs bg-blue-100 dark:bg-blue-900 px-1 py-0.5 rounded",children:"children"})," diretamente (sem spinner ou bloqueio) quando o auth ainda está carregando (",e.jsx("code",{className:"text-xs bg-blue-100 dark:bg-blue-900 px-1 py-0.5 rounded",children:"authIsLoading"}),") ou quando o usuário não está autenticado (",e.jsx("code",{className:"text-xs bg-blue-100 dark:bg-blue-900 px-1 py-0.5 rounded",children:"!isAuthenticated"}),"). Isso garante que fluxos de login e o ",e.jsx("code",{className:"text-xs bg-blue-100 dark:bg-blue-900 px-1 py-0.5 rounded",children:"ProtectedRoute"})," funcionem normalmente."]})}),e.jsx(f,{title:"Dialog de Acesso Negado",description:"O dialog exibido quando o usuário não tem acesso ao módulo. Inclui seletor de unidade e menu do usuário no header.",preview:e.jsx(T,{}),code:`<CoreProviders
+  moduleAlias="performance"
+  moduleAccessGuardProps={{
+    onModuleClick: (module) => {
+      window.location.href = module.url;
+    },
+  }}
+>
+  <App />
+</CoreProviders>`}),e.jsx(f,{title:"Com Módulos Contratados",description:"Módulos contratados aparecem normais. Não contratados ficam esmaecidos e abrem OnboardingDialog ao clicar.",preview:e.jsx(z,{}),code:`<CoreProviders
+  moduleAlias="performance"
+  moduleAccessGuardProps={{
+    contractedModules: ['Desempenho', 'Ocorrências', 'Planos de Ação'],
+    onModuleInterest: (module) => {
+      analytics.track('module_interest', { module: module.name });
+    },
+  }}
+>
+  <App />
+</CoreProviders>
+
+// ⚡ Se contractedModules não for fornecido,
+// os módulos são derivados automaticamente via SOFTWARES_MAP.`}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Props do ModuleAccessGuard"}),e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Prop"}),e.jsx(o,{children:"Tipo"}),e.jsx(o,{children:"Default"}),e.jsx(o,{children:"Descrição"})]})}),e.jsxs(j,{children:[e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"children"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"ReactNode"})}),e.jsx(s,{children:"—"}),e.jsx(s,{className:"text-sm",children:"Conteúdo renderizado quando o usuário tem acesso"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"contractedModules"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string[]?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Nomes dos módulos contratados. Se omitido, derivado automaticamente do SOFTWARES_MAP"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"onModuleClick"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"(module: Module) => void"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Callback ao clicar em módulo contratado. Default: navega via URL"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"onModuleInterest"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"(module: Module) => void"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Callback após onboarding de módulo não contratado"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"educaUrl"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:'"https://educa..."'})}),e.jsx(s,{className:"text-sm",children:"URL do Forlogic Educa no footer"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"saberGestaoUrl"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:'"https://saber..."'})}),e.jsx(s,{className:"text-sm",children:"URL do Saber Gestão no footer"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"bypassPaths"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string[]?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsxs(s,{className:"text-sm",children:["Rotas que ignoram o guard. Suporta glob simples com ",e.jsx("code",{className:"text-xs",children:"*"})]})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"accessDeniedRoutes"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"Record<string, ReactNode>"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsxs(s,{className:"text-sm",children:["Mapa de rotas → conteúdo customizado no dialog. Suporta glob com ",e.jsx("code",{className:"text-xs",children:"*"})]})]})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Quando usar cada variante"}),e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Cenário"}),e.jsx(o,{children:"Variante"}),e.jsx(o,{children:"Quando usar"})]})}),e.jsxs(j,{children:[e.jsxs(a,{children:[e.jsx(s,{className:"text-sm font-medium",children:"App standalone (SPA)"}),e.jsxs(s,{className:"text-sm",children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"ModuleAccessGuard"})," via CoreProviders"]}),e.jsx(s,{className:"text-sm text-muted-foreground",children:"Padrão. Grid completo de módulos."})]}),e.jsxs(a,{children:[e.jsx(s,{className:"text-sm font-medium",children:"WebView / Deep link"}),e.jsxs(s,{className:"text-sm",children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"AccessDeniedDialog"})," + ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"ModuleOfferContent"})]}),e.jsx(s,{className:"text-sm text-muted-foreground",children:"Oferta focada em vez do grid."})]}),e.jsxs(a,{children:[e.jsx(s,{className:"text-sm font-medium",children:"Conteúdo customizado"}),e.jsxs(s,{className:"text-sm",children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"AccessDeniedDialog"})," + ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"children"})]}),e.jsx(s,{className:"text-sm text-muted-foreground",children:"Qualquer ReactNode livre."})]})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Uso Manual (standalone)"}),e.jsx(m,{code:`import { ModuleAccessGuard } from 'forlogic-core';
+
+// Proteger apenas uma seção específica
+function AdminSection() {
+  return (
+    <ModuleAccessGuard contractedModules={['Desempenho', 'Ocorrências']}>
+      <AdminDashboard />
+    </ModuleAccessGuard>
+  );
+}`,language:"tsx"})]})]})]}),e.jsxs(l,{id:"bypass-paths",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["Bypass de Rotas",e.jsx(u,{className:"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",children:"Novo"})]})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Use ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"bypassPaths"})," para liberar rotas específicas do guard — útil para páginas públicas, deep links ou rotas que precisam ser acessíveis mesmo sem acesso ao módulo."]}),e.jsx(m,{code:`// Liberar rotas específicas do guard
+<CoreProviders
+  moduleAlias="staff"
+  moduleAccessGuardProps={{
+    bypassPaths: ['/docs/matrix-link', '/public/*'],
+  }}
+>
+  <BrowserRouter>
+    <Routes>
+      <Route path="/docs/matrix-link" element={<MatrixLink />} />
+      <Route path="/public/terms" element={<Terms />} />
+      <Route path="/" element={<Dashboard />} />
+    </Routes>
+  </BrowserRouter>
+</CoreProviders>`,language:"tsx"}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-2 text-sm text-muted-foreground",children:[e.jsx("h4",{className:"font-semibold text-foreground",children:"Regras de matching"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 ml-2",children:[e.jsxs("li",{children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/docs/matrix-link"})," — match exato"]}),e.jsxs("li",{children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/public/*"})," — glob simples, faz match com qualquer path que comece com ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/public/"})]})]}),e.jsxs("p",{className:"mt-2",children:["O pathname é lido de ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"window.location.pathname"})," (sem dependência do React Router)."]})]})]})]}),e.jsxs(l,{id:"access-denied-routes",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["Rotas com Dialog Customizado",e.jsx(u,{className:"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",children:"Novo"})]})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Use ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"accessDeniedRoutes"})," para exibir conteúdo personalizado no dialog de acesso negado em rotas específicas. O header (unit switcher) e footer (links de apoio) são preservados. Rotas sem match exibem o grid padrão de módulos."]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"1. Defina o mapa em arquivo separado"}),e.jsx(m,{code:`// src/config/accessDeniedRoutes.tsx
+import { ModuleOfferContent } from 'forlogic-core';
+
+export const accessDeniedRoutes: Record<string, React.ReactNode> = {
+  '/docs/matrix-link': (
+    <ModuleOfferContent
+      title="Conheça o módulo Staff"
+      description="Gerencie sua equipe com eficiência"
+      onCtaClick={() => window.open('https://...')}
+    />
+  ),
+  '/reports/*': (
+    <ModuleOfferContent
+      title="Relatórios avançados"
+      description="Desbloqueie relatórios completos"
+      ctaLabel="Falar com especialista"
+      onCtaClick={() => window.open('https://...')}
+    />
+  ),
+};`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"2. Importe no App.tsx"}),e.jsx(m,{code:`// App.tsx — limpo, sem lógica de UI
+import { accessDeniedRoutes } from './config/accessDeniedRoutes';
+
+<CoreProviders
+  moduleAlias="staff"
+  moduleAccessGuardProps={{
+    accessDeniedRoutes,
+  }}
+>
+  <App />
+</CoreProviders>`,language:"tsx"})]}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-2 text-sm text-muted-foreground",children:[e.jsx("h4",{className:"font-semibold text-foreground",children:"Combinando com bypassPaths"}),e.jsxs("p",{children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"bypassPaths"})," libera a rota completamente (renderiza a página)."," ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"accessDeniedRoutes"})," mantém o bloqueio mas personaliza o dialog. As duas props são independentes e complementares."]}),e.jsx(m,{code:`<CoreProviders
+  moduleAlias="staff"
+  moduleAccessGuardProps={{
+    // Rotas públicas — bypass total
+    bypassPaths: ['/public/*'],
+    // Rotas bloqueadas com oferta customizada
+    accessDeniedRoutes: {
+      '/docs/*': <ModuleOfferContent title="Oferta Documentos" ... />,
+    },
+  }}
+/>`,language:"tsx"})]}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-2 text-sm text-muted-foreground",children:[e.jsx("h4",{className:"font-semibold text-foreground",children:"Regras de matching"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 ml-2",children:[e.jsxs("li",{children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/docs/matrix-link"})," — match exato"]}),e.jsxs("li",{children:[e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/reports/*"})," — glob simples, faz match com qualquer path que comece com ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"/reports/"})]}),e.jsx("li",{children:"Sem match → grid padrão de módulos (comportamento default)"})]})]})]})]}),e.jsxs(l,{id:"oferta-modulo",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["Oferta de Módulo",e.jsx(u,{className:"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",children:"Novo"})]})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Para acessos via WebView, deep link ou integração externa, exiba uma ",e.jsx("strong",{children:"oferta focada"})," no módulo em vez do grid completo. Passe ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"children"})," ao"," ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"AccessDeniedDialog"})," — substitui o grid mantendo header e footer."]}),e.jsx(f,{title:"Dialog de Oferta de Módulo",description:"Oferta focada com título, descrição, ícone e botão CTA.",preview:e.jsx(w,{}),code:`import { AccessDeniedDialog, ModuleOfferContent } from 'forlogic-core';
+import { GraduationCap } from 'lucide-react';
+
+<AccessDeniedDialog open blocking size="md"
+  userName={user.name} unitName={unit.name}
+  units={units} onUnitChange={switchUnit} onLogout={logout}
+>
+  <ModuleOfferContent
+    title="Conheça o módulo Educação"
+    description="Garanta rastreabilidade da qualificação..."
+    icon={GraduationCap}
+    ctaLabel="Falar com especialista"
+    onCtaClick={() => openChat()}
+  />
+</AccessDeniedDialog>`}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"ModuleOfferContent — Props"}),e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Prop"}),e.jsx(o,{children:"Tipo"}),e.jsx(o,{children:"Default"}),e.jsx(o,{children:"Descrição"})]})}),e.jsxs(j,{children:[e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"title"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string"})}),e.jsx(s,{children:"—"}),e.jsx(s,{className:"text-sm",children:"Título da oferta"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"description"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string"})}),e.jsx(s,{children:"—"}),e.jsx(s,{className:"text-sm",children:"Descrição da oferta"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"image"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"URL de imagem/ilustração"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"icon"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"ComponentType?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Ícone alternativo à imagem"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"ctaLabel"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:'"Quero conhecer mais"'})}),e.jsx(s,{className:"text-sm",children:"Texto do botão CTA"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"onCtaClick"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"() => void"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Ação do botão CTA"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"children"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"ReactNode?"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"undefined"})}),e.jsx(s,{className:"text-sm",children:"Conteúdo livre — substitui imagem + CTA"})]})]})]})]})]})]}),e.jsxs(l,{id:"troca-de-unidade",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsx(t,{className:"flex items-center gap-2",children:"Troca de Unidade"})}),e.jsxs(n,{className:"space-y-4",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["O dialog de acesso negado inclui automaticamente um ",e.jsx("strong",{children:"seletor de unidade"})," e ",e.jsx("strong",{children:"menu do usuário"})," no header. Dados vêm do ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"useAuth"})," — zero configuração."]}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-2 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"1."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Seletor de unidade"})," — Aparece quando o usuário tem múltiplas unidades."]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"2."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Ao trocar"})," — ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"switchUnit"})," é chamado, cache limpo, permissões reavaliadas."]})]}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("span",{className:"text-primary font-mono text-xs mt-0.5",children:"3."}),e.jsxs("p",{children:[e.jsx("strong",{children:"Fechamento automático"})," — Se a nova unidade tiver acesso, o dialog fecha automaticamente."]})]})]})]})]}),e.jsxs(l,{id:"use-module-access",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsxs(t,{className:"flex items-center gap-2",children:["useModuleAccess",e.jsx(u,{variant:"secondary",children:"Hook"})]})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Hook para verificações programáticas dentro dos componentes. ",e.jsx("strong",{children:"Não é necessário para bloquear rotas"})," — o guard já faz isso. O ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"ModulesDialog"})," também usa este hook internamente para derivar automaticamente a lista de módulos contratados quando ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"contractedModules"})," não é fornecido via props."]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Uso básico"}),e.jsx(m,{code:`import { useModuleAccess } from 'forlogic-core';
+
+function Dashboard() {
+  const { hasAccess, isLoading, role } = useModuleAccess();
+
+  return (
+    <div>
+      <p>Seu papel: {role?.name}</p>
+      <p>Empresa: {association?.companyName}</p>
+    </div>
+  );
+}`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Verificar acesso a outros módulos"}),e.jsx(m,{code:`function Navigation() {
+  const { hasAccessTo } = useModuleAccess();
+
+  return (
+    <nav>
+      {hasAccessTo('occurrences') && <Link to="/occurrences">Ocorrências</Link>}
+      {hasAccessTo('audit') && <Link to="/audit">Auditorias</Link>}
+      {/* Array = AND (todos os módulos) */}
+      {hasAccessTo(['suppliers', 'suppliers-portal']) && (
+        <Link to="/suppliers">Fornecedores + Portal</Link>
+      )}
+    </nav>
+  );
+}`,language:"tsx"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Override e dados da associação"}),e.jsx(m,{code:`// Override — ignora moduleAlias do CoreProviders
+const { hasAccess } = useModuleAccess('audit');
+
+// Dados da associação
+const { association, role } = useModuleAccess();
+console.log(role?.name);               // "ADMINISTRADOR (DEV)"
+console.log(association?.companyName);  // "DevForLogicDev"
+console.log(association?.softwares);    // [0, 1, 3, 4, ...]`,language:"tsx"})]})]})]}),e.jsxs(l,{id:"api-reference",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsx(t,{children:"API Reference"})}),e.jsxs(n,{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"CoreProviders — Props relacionadas"}),e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Prop"}),e.jsx(o,{children:"Tipo"}),e.jsx(o,{children:"Descrição"})]})}),e.jsxs(j,{children:[e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"moduleAlias"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"string?"})}),e.jsx(s,{className:"text-sm",children:"Alias do módulo. Ativa o guard e o hook automaticamente"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"moduleAccessGuardProps"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:'Omit<ModuleAccessGuardProps, "children">?'})}),e.jsx(s,{className:"text-sm",children:"Props para personalizar o guard (contractedModules, callbacks, URLs)"})]})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"useModuleAccess — Retorno (ModuleAccessResult)"}),e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Propriedade"}),e.jsx(o,{children:"Tipo"}),e.jsx(o,{children:"Descrição"})]})}),e.jsxs(j,{children:[e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"hasAccess"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"boolean"})}),e.jsx(s,{className:"text-sm",children:"Se o usuário tem acesso ao módulo configurado/especificado"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"isLoading"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"boolean"})}),e.jsx(s,{className:"text-sm",children:"Se os dados ainda estão carregando"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"role"})}),e.jsx(s,{children:e.jsxs("code",{className:"text-xs",children:["{ id: string; name: string }"," | null"]})}),e.jsx(s,{className:"text-sm",children:"Role do usuário na unidade atual"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"association"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"UserAssociation | null"})}),e.jsx(s,{className:"text-sm",children:"Associação completa (company, softwares, functionalities)"})]}),e.jsxs(a,{children:[e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"hasAccessTo"})}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"(alias: string | string[]) => boolean"})}),e.jsx(s,{className:"text-sm",children:"Verifica acesso a outro(s) módulo(s). Array = AND"})]})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Diagrama de decisão"}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 font-mono text-xs space-y-1",children:[e.jsx("p",{children:"CoreProviders"}),e.jsx("p",{children:"  └─ ModuleProvider (configura moduleAlias)"}),e.jsx("p",{children:"      └─ ModuleAccessGuard"}),e.jsx("p",{children:"          ├─ isLoading? → Spinner"}),e.jsxs("p",{children:["          ├─ hasAccess = true? → ","{ children }"]}),e.jsx("p",{children:"          └─ hasAccess = false? → Dialog (não-fechável)"}),e.jsx("p",{children:"              ├─ Header: título + [Seletor Unidade ▾] + [Menu Usuário ▾]"}),e.jsx("p",{children:"              ├─ Tabs: Qualiex | Clássicos → ModuleGrid"}),e.jsx("p",{children:"              └─ Footer: Educa | Saber Gestão | Wiki"})]})]})]})]}),e.jsxs(l,{id:"cache-e-performance",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsx(t,{children:"Cache e Performance"})}),e.jsxs(n,{className:"space-y-3",children:[e.jsxs(h,{children:[e.jsx(p,{children:e.jsxs(a,{children:[e.jsx(o,{children:"Query"}),e.jsx(o,{children:"Query Key"}),e.jsx(o,{children:"Stale Time"}),e.jsx(o,{children:"Motivo"})]})}),e.jsx(j,{children:e.jsxs(a,{children:[e.jsx(s,{className:"text-sm",children:"Associações"}),e.jsx(s,{children:e.jsx("code",{className:"text-xs",children:"['qualiex-associations', userId, alias]"})}),e.jsx(s,{className:"text-sm",children:"10 minutos"}),e.jsx(s,{className:"text-sm",children:"Permissões podem mudar"})]})})]}),e.jsx("div",{className:"bg-green-50 dark:bg-green-950/30 border border-green-200 dark:border-green-800 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-green-800 dark:text-green-200",children:[e.jsx("strong",{children:"✅ Mapa estático:"})," A resolução alias → ID é feita pelo ",e.jsx("code",{className:"text-xs bg-green-100 dark:bg-green-900 px-1 py-0.5 rounded",children:"SOFTWARES_MAP"})," embutido na lib, sem requisição HTTP. Na troca de unidade, ",e.jsx("code",{className:"text-xs bg-green-100 dark:bg-green-900 px-1 py-0.5 rounded",children:"queryClient.clear()"})," é chamado automaticamente."]})}),e.jsx("div",{className:"bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-amber-800 dark:text-amber-200",children:[e.jsx("strong",{children:"🔄 Limpeza no login:"})," Durante o processo de login (",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"processCallback"}),"), o ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"queryClient.clear()"})," é executado, limpando todo o cache do React Query — incluindo a query ",e.jsx("code",{className:"text-xs bg-amber-100 dark:bg-amber-900 px-1 py-0.5 rounded",children:"['qualiex-associations']"}),". Isso garante que as associações do usuário sejam sempre buscadas da API ao iniciar uma nova sessão, refletindo permissões atualizadas."]})}),e.jsxs("div",{className:"bg-muted/50 rounded-lg p-4 space-y-2",children:[e.jsx("h4",{className:"text-sm font-semibold",children:"Condições para ativação da query"}),e.jsxs("div",{className:"text-sm text-muted-foreground space-y-1",children:[e.jsxs("p",{children:["A query de associações só executa quando ",e.jsx("strong",{children:"todas"})," as condições abaixo são verdadeiras:"]}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 ml-2",children:[e.jsxs("li",{children:["Usuário autenticado (",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"isAuthenticated"}),")"]}),e.jsxs("li",{children:["Alias da unidade definido (",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"!!alias"}),")"]}),e.jsxs("li",{children:["ID do usuário disponível (",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"!!userId"}),")"]})]}),e.jsxs("p",{className:"mt-2",children:["Se qualquer condição falhar, a query não executa e ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"hasAccess"})," retorna ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"true"})," (guard transparente)."]})]})]})]})]}),e.jsxs(l,{id:"aliases-disponiveis",className:"scroll-mt-4",children:[e.jsx(i,{children:e.jsx(t,{children:"Aliases Disponíveis"})}),e.jsxs(n,{className:"space-y-3",children:[e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Aliases do ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"SOFTWARES_MAP"})," (",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"lib/modules/softwaresMap.ts"}),"):"]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-2",children:[{alias:"analysis",name:"Análises"},{alias:"decisions",name:"Atas e Decisões"},{alias:"audit",name:"Auditorias"},{alias:"common",name:"Configurações"},{alias:"competencies",name:"Competências"},{alias:"performance",name:"Desempenho"},{alias:"docs",name:"Documentos"},{alias:"education",name:"Educação"},{alias:"flow",name:"Fluxos"},{alias:"suppliers",name:"Fornecedores"},{alias:"suppliers-portal",name:"Portal do Fornecedor"},{alias:"mapping",name:"Mapeamentos"},{alias:"metrology",name:"Metrologia"},{alias:"control",name:"Controle"},{alias:"msa",name:"MSA"},{alias:"occurrences",name:"Ocorrências"},{alias:"okr",name:"OKR"},{alias:"pdi",name:"PDI"},{alias:"plans",name:"Planos"},{alias:"strategy-extension",name:"Extensão Estratégia"},{alias:"pulse",name:"Pulso"},{alias:"boards",name:"Quadros"},{alias:"risks",name:"Riscos"},{alias:"fmea",name:"FMEA"},{alias:"staff",name:"Treinamentos"},{alias:"control-plan",name:"Plano de Controle"}].map(({alias:c,name:d})=>e.jsxs("div",{className:"flex items-center gap-2 p-2 rounded border bg-card text-sm",children:[e.jsx("code",{className:"text-xs font-mono text-primary",children:c}),e.jsxs("span",{className:"text-muted-foreground text-xs",children:["— ",d]})]},c))})]})]})]})}export{I as ModuleAccessDoc};

package/dist/assets/ModulesDialogDoc-DVit1CA-.js

@@ -0,0 +1,46 @@
+import{j as e,r as d,gf as i,x as c,dY as u,gg as m,gh as r,a as p,b as x,c as g,d as f}from"./index-DkiftrvI.js";import{C as h}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function l(s){const a=s.match(/bg-\[#([A-Fa-f0-9]{6})\]/);return a?`#${a[1]}`:s}function b(){const[s,a]=d.useState(!1),{alias:o}=i(),t=n=>{n.url&&window.open(n.url.replace("{alias}",o||"demo"),"_blank"),a(!1)};return e.jsxs("div",{className:"flex flex-col items-center gap-4 p-8 border rounded-lg bg-muted/30",children:[e.jsx("p",{className:"text-muted-foreground text-center",children:"Clique no botão abaixo para abrir o dialog de módulos"}),e.jsxs(c,{onClick:()=>a(!0),children:[e.jsx(u,{className:"h-4 w-4 mr-2"}),"Abrir Módulos"]}),e.jsx(m,{open:s,onOpenChange:a,onModuleClick:t})]})}const C=`import { useState } from 'react';
+import { Button, ModulesDialog } from 'forlogic-core';
+import { LayoutGrid } from 'lucide-react';
+
+function App() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setOpen(true)}>
+        <LayoutGrid className="h-4 w-4 mr-2" />
+        Módulos
+      </Button>
+
+      <ModulesDialog
+        open={open}
+        onOpenChange={setOpen}
+        onModuleClick={(module) => console.log(module)}
+      />
+    </>
+  );
+}`,j=`// Integração com AppHeader
+import { AppHeader, ModulesDialog } from 'forlogic-core';
+import { useState } from 'react';
+
+function Layout() {
+  const [modulesOpen, setModulesOpen] = useState(false);
+
+  return (
+    <>
+      <AppHeader
+        onModulesClick={() => setModulesOpen(true)}
+        // ... outras props
+      />
+
+      <ModulesDialog
+        open={modulesOpen}
+        onOpenChange={setModulesOpen}
+        onModuleClick={(module) => {
+          navigate(\`/modules/\${module.name.toLowerCase()}\`);
+          setModulesOpen(false);
+        }}
+      />
+    </>
+  );
+}`;function M(){const s=r.find(o=>o.id==="qualiex"),a=r.find(o=>o.id==="classico");return e.jsxs(p,{className:"mt-8",id:"modules-colors",children:[e.jsxs(x,{children:[e.jsx(g,{children:"Módulos e Cores"}),e.jsx("p",{className:"text-muted-foreground text-sm",children:"Cada módulo possui uma cor fixa para identificação visual. Lista gerada automaticamente a partir dos dados do componente."})]}),e.jsx(f,{children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8",children:[s&&e.jsxs("div",{children:[e.jsxs("h4",{className:"font-semibold text-sm text-muted-foreground mb-3",children:[s.label," (",s.modules.length,")"]}),e.jsx("ul",{className:"space-y-1.5",children:[...s.modules].sort((o,t)=>o.name.localeCompare(t.name)).map(o=>e.jsxs("li",{className:"flex items-center justify-between text-sm",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:l(o.color)}}),o.name]}),e.jsx("code",{className:"text-xs text-muted-foreground font-mono",children:l(o.color)})]},o.name))})]}),a&&e.jsxs("div",{children:[e.jsxs("h4",{className:"font-semibold text-sm text-muted-foreground mb-3",children:[a.label," (",a.modules.length,")"]}),e.jsx("ul",{className:"space-y-1.5",children:[...a.modules].sort((o,t)=>o.name.localeCompare(t.name)).map(o=>e.jsxs("li",{className:"flex items-center justify-between text-sm",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:l(o.color)}}),o.name]}),e.jsx("code",{className:"text-xs text-muted-foreground font-mono",children:l(o.color)})]},o.name))})]})]})})]})}function k(){return e.jsxs(e.Fragment,{children:[e.jsx(h,{title:"ModulesDialog",description:"Dialog para navegação entre módulos do sistema.",usage:C,component:e.jsx(b,{}),examples:[{title:"Integração com AppHeader",description:"Exemplo de como integrar o ModulesDialog com o cabeçalho da aplicação.",preview:e.jsx("div",{className:"text-sm text-muted-foreground p-4 border rounded bg-muted/30",children:"Veja o código ao lado"}),code:j}],props:[{name:"open",type:"boolean",default:"-",description:"Controla se o dialog está aberto"},{name:"onOpenChange",type:"(open: boolean) => void",default:"-",description:"Callback quando o estado muda"},{name:"onModuleClick",type:"(module: Module) => void",default:"-",description:"Callback ao clicar em um módulo. Default: navega via URL do módulo"},{name:"educaUrl",type:"string",default:"https://educa.forlogic.net/",description:"URL do link do Forlogic Educa"},{name:"saberGestaoUrl",type:"string",default:"https://sabergestao.com.br/",description:"URL do link do Saber Gestão"}],accessibility:['Dialog acessível com role="dialog" e aria-modal="true"',"Navegação por teclado entre abas (Arrow Left/Right)","Foco automático no primeiro elemento interativo ao abrir","Escape fecha o dialog e retorna o foco ao elemento anterior"],notes:["Para separação entre módulos contratados e disponíveis (contractedModules, onModuleInterest), consulte a documentação de Module Access.","Internamente usa o componente ModulesContent, compartilhado com o AccessDeniedDialog.","2 Abas de Grupos: Qualiex e Clássicos","Grid Responsivo: 4 colunas em XL, 3 em MD, 2 em base","Cards no Rodapé: Forlogic Educa, Saber Gestão e Wiki"]}),e.jsx(M,{})]})}export{k as ModulesDialogDoc,k as default};

package/dist/assets/MultiselectPermissionsDoc-tlJMs04L.js

@@ -0,0 +1,34 @@
+import{r as n,j as e,o as m,N as U,O as W,Q as Y,R as ee,V as se,B as O,Z as te,_ as re,x as z,bk as ae,a0 as ie,d7 as ne,K as oe,aG as de,bs as le,P as ce,a1 as me,aX as ue,ed as pe,y as xe}from"./index-DkiftrvI.js";import{E as g}from"./ExampleCard-DuLrb3t-.js";function D(r){return(r??"").normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}function R(r){const a=new Set;if(!r)return a;for(const i of r)i.allowedIds?.forEach(d=>a.add(d)),i.inheritedIds?.forEach(d=>a.add(d));return a}function he(r){const a=new Set;if(!r)return a;for(const i of r)i.inheritedIds?.forEach(d=>a.add(d));return a}function I({items:r,categories:a,value:i,onChange:d,readonly:u=!1,isLoading:T=!1,title:_="Permissões",addButtonLabel:B="Permitir",chipsTitle:F="Itens permitidos",chipsPlaceholder:G="Nenhum item selecionado",searchPlaceholder:$="Buscar...",selectPlaceholder:K="Selecione itens para adicionar...",itemInfoTemplate:L=o=>`${o} ${o===1?"item":"itens"}`,disclaimer:y,disclaimerLink:P,onDisclaimerClick:S,className:M}){const[o,Q]=n.useState(a[0]?.id??""),[f,j]=n.useState(""),[l,v]=n.useState([]),[X,E]=n.useState(!1),p=n.useMemo(()=>R(i[o]),[i,o]),N=n.useMemo(()=>he(i[o]),[i,o]),k=n.useMemo(()=>r.filter(s=>p.has(s.id)),[r,p]),V=n.useMemo(()=>{const s=D(f);return r.filter(t=>!(p.has(t.id)||s&&!D(t.name).includes(s)))},[r,p,f]),A=n.useMemo(()=>{const s={};for(const t of a)s[t.id]=R(i[t.id]).size;return s},[a,i]),q=n.useCallback(s=>{Q(s),v([]),j("")},[]),H=n.useCallback(s=>{v(t=>t.includes(s)?t.filter(c=>c!==s):[...t,s])},[]),Z=n.useCallback(()=>{if(l.length===0)return;const s=[...i[o]??[]];for(const t of l){const x=r.find(w=>w.id===t)?.group??"default",h=s.find(w=>w.context===x);h?h.allowedIds.includes(t)||(h.allowedIds=[...h.allowedIds,t]):s.push({context:x,allowedIds:[t],inheritedIds:[]})}d({...i,[o]:s}),v([]),j(""),E(!1)},[l,i,o,r,d]),J=n.useCallback(s=>{if(N.has(s))return;const t=(i[o]??[]).map(c=>({...c,allowedIds:c.allowedIds.filter(x=>x!==s)}));d({...i,[o]:t})},[i,o,N,d]);return T?e.jsxs("div",{className:m("rounded-md border bg-muted/30 p-4 animate-pulse space-y-3",M),children:[e.jsx("div",{className:"h-4 w-32 bg-muted rounded"}),e.jsx("div",{className:"h-9 w-full bg-muted rounded"}),e.jsx("div",{className:"h-20 w-full bg-muted rounded"})]}):e.jsx("div",{className:m("rounded-md border bg-muted/30",M),children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-xs font-medium text-muted-foreground uppercase tracking-wide",children:_}),e.jsxs(U,{value:o,onValueChange:q,children:[e.jsx(W,{className:"h-9 text-sm",children:e.jsx(Y,{})}),e.jsx(ee,{children:a.map(s=>e.jsx(se,{value:s.id,children:e.jsxs("span",{className:"flex items-center gap-2",children:[s.icon,s.name,A[s.id]>0&&e.jsx(O,{variant:"secondary",className:"ml-1 text-xs px-1.5 py-0",children:A[s.id]})]})},s.id))})]})]}),!u&&e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(te,{open:X,onOpenChange:E,children:[e.jsx(re,{asChild:!0,children:e.jsxs(z,{variant:"outline",role:"combobox",className:"flex-1 justify-between h-9 text-sm font-normal text-muted-foreground",children:[l.length>0?`${l.length} selecionado${l.length>1?"s":""}`:K,e.jsx(ae,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsxs(ie,{className:"w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:[e.jsx("div",{className:"p-2 border-b",children:e.jsxs("div",{className:"relative",children:[e.jsx(ne,{className:"absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"}),e.jsx(oe,{className:"pl-8 h-8 text-sm",placeholder:$,value:f,onChange:s=>j(s.target.value)})]})}),e.jsx(de,{className:"max-h-[220px]",children:V.length===0?e.jsx("p",{className:"text-sm text-muted-foreground text-center py-4",children:"Nenhum item encontrado"}):e.jsx("div",{className:"p-1",children:V.map(s=>{const t=l.includes(s.id);return e.jsxs("div",{className:m("flex items-center gap-3 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-accent",t&&"bg-accent/50"),onClick:()=>H(s.id),children:[e.jsx("div",{className:m("flex h-4 w-4 items-center justify-center rounded-sm border border-primary",t&&"bg-primary text-primary-foreground"),children:t&&e.jsx(le,{className:"h-3 w-3"})}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"truncate",children:s.name}),s.count!=null&&e.jsx("span",{className:"text-xs text-muted-foreground",children:L(s.count)})]})]},s.id)})})})]})]}),e.jsxs(z,{size:"sm",className:"h-9 gap-1",disabled:l.length===0,onClick:Z,children:[e.jsx(ce,{className:"h-4 w-4"}),B]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm font-medium",children:F}),e.jsx("div",{className:m("rounded-md border bg-background p-3 min-h-[60px]",u&&"bg-muted/50"),children:k.length===0?e.jsx("span",{className:"text-sm text-muted-foreground",children:G}):e.jsx("div",{className:"flex flex-wrap gap-1.5",children:k.map(s=>{const t=N.has(s.id);return e.jsxs(O,{variant:t?"secondary":"default",className:"gap-1 pl-2 pr-1 py-1 text-xs",children:[s.name,!u&&!t&&e.jsx("button",{type:"button",className:"ml-0.5 rounded-full hover:bg-primary-foreground/20 p-0.5",onClick:()=>J(s.id),children:e.jsx(me,{className:"h-3 w-3"})})]},s.id)})})}),u&&y&&e.jsxs("p",{className:"text-xs text-muted-foreground",children:[e.jsx("span",{dangerouslySetInnerHTML:{__html:y}})," ",P&&S&&e.jsx("button",{type:"button",className:"text-primary underline hover:no-underline",onClick:S,children:P})]})]})]})})}const b=[{id:"view",name:"Visualizar",icon:e.jsx(ue,{className:"h-4 w-4"})},{id:"edit",name:"Editar",icon:e.jsx(pe,{className:"h-4 w-4"})},{id:"delete",name:"Excluir",icon:e.jsx(xe,{className:"h-4 w-4"})}],C=[{id:"p1",name:"Documentos Internos",count:12,group:"folders"},{id:"p2",name:"Procedimentos Operacionais",count:8,group:"folders"},{id:"p3",name:"Registros de Qualidade",count:24,group:"folders"},{id:"p4",name:"Formulários",count:5,group:"folders"},{id:"p5",name:"Manuais",count:3,group:"folders"},{id:"p6",name:"Normas e Regulamentos",count:15,group:"external"},{id:"p7",name:"Anexos de Auditoria",count:7,group:"external"}];function ge(){const[r,a]=n.useState({view:[{context:"folders",allowedIds:["p1","p3"],inheritedIds:[]}],edit:[{context:"folders",allowedIds:["p1"],inheritedIds:[]}],delete:[]});return e.jsx("div",{className:"max-w-lg",children:e.jsx(I,{items:C,categories:b,value:r,onChange:a})})}function fe(){const r={view:[{context:"folders",allowedIds:["p1","p2","p3"],inheritedIds:["p4"]}],edit:[{context:"folders",allowedIds:["p1"],inheritedIds:[]}],delete:[]};return e.jsx("div",{className:"max-w-lg",children:e.jsx(I,{items:C,categories:b,value:r,onChange:()=>{},readonly:!0,disclaimer:"As permissões herdadas não podem ser removidas individualmente.",disclaimerLink:"Gerenciar permissões",onDisclaimerClick:()=>alert("Navegar para gerenciar permissões")})})}function je(){const[r,a]=n.useState({view:[],edit:[],delete:[]});return e.jsx("div",{className:"max-w-lg",children:e.jsx(I,{items:C,categories:b,value:r,onChange:a})})}function we(){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold mb-2",children:"Multiselect Permissions"}),e.jsxs("p",{className:"text-muted-foreground",children:["Seletor de permissões multi-categoria com busca, chips e suporte a itens herdados. Portado de ",e.jsx("code",{children:"flc-multiselect-permissions"})," (v2)."]})]}),e.jsx(g,{title:"Com permissões pré-configuradas",description:"Alterne entre categorias (Visualizar, Editar, Excluir) e adicione/remova itens.",preview:e.jsx(ge,{}),code:`const [val, setVal] = useState({
+  view: [{ context: 'folders', allowedIds: ['p1', 'p3'], inheritedIds: [] }],
+  edit: [{ context: 'folders', allowedIds: ['p1'], inheritedIds: [] }],
+  delete: [],
+});
+
+<MultiselectPermissions
+  items={items}
+  categories={categories}
+  value={val}
+  onChange={setVal}
+/>`}),e.jsx(g,{title:"Somente leitura",description:"Modo readonly com disclaimer e itens herdados (badge secundário, não removível).",preview:e.jsx(fe,{}),code:`<MultiselectPermissions
+  items={items}
+  categories={categories}
+  value={val}
+  onChange={() => {}}
+  readonly
+  disclaimer="As permissões herdadas não podem ser removidas."
+  disclaimerLink="Gerenciar permissões"
+  onDisclaimerClick={handleClick}
+/>`}),e.jsx(g,{title:"Vazio",description:"Estado inicial sem permissões atribuídas.",preview:e.jsx(je,{}),code:"<MultiselectPermissions items={items} categories={categories} value={{}} onChange={setVal} />"}),e.jsx(g,{title:"Importação",description:"Como usar o componente.",preview:e.jsx("pre",{className:"bg-muted p-4 rounded text-sm overflow-x-auto",children:`import { MultiselectPermissions } from 'forlogic-core';
+import type { PermissionItem, PermissionCategory, PermissionValues } from 'forlogic-core';`}),code:`import { MultiselectPermissions } from 'forlogic-core';
+import type {
+  PermissionItem,
+  PermissionCategory,
+  PermissionValues,
+} from 'forlogic-core';
+
+<MultiselectPermissions
+  items={permissionItems}
+  categories={permissionCategories}
+  value={permissionsMap}
+  onChange={setPermissionsMap}
+/>`})]})}export{we as MultiselectPermissionsDoc};