forlogic-core 2.0.0 → 2.0.1

package/dist/assets/ToastDoc-DjYyc7ae.js

@@ -0,0 +1,157 @@
+import{j as e,aK as c,dU as j,aM as g,aN as l,T as d,i as m,k as i,l as n,p as u,q as o,x as a,Y as s,a as p,b as x,c as h,ar as N,d as v,a4 as F,aH as C,bp as b,aI as E,aJ as w,B,ew as T,aU as k}from"./index-DkiftrvI.js";import{C as A}from"./ComponentDocTemplate-CQbBhfvZ.js";import{C as S}from"./circle-x-jPpBPew0.js";import"./ExampleCard-DuLrb3t-.js";function I(){return e.jsx(A,{title:"Toast",description:"Componente de notificação toast usando Sonner. Feedback temporário e não bloqueante que informa rapidamente o usuário sem competir visualmente com outros Toasts.",component:e.jsx(a,{variant:"outline",onClick:()=>s("Evento foi criado",{description:"Domingo, 03 de dezembro de 2023 às 9:00"}),children:"Mostrar Toast"}),usage:`import { toast } from "sonner"
+
+// Informativo (BG #FFFFFF)
+toast("Mensagem simples")
+toast.info("Informação importante")
+
+// Sucesso (BG #E0FBE8)
+toast.success("Operação concluída")
+
+// Alerta (BG #FEF3C8)
+toast.warning("Atenção necessária")
+
+// Erro (BG #FEE1E1)
+toast.error("Algo deu errado")`,examples:[{title:"Definição Conceitual",preview:e.jsxs(c,{children:[e.jsx(j,{className:"h-4 w-4"}),e.jsx(g,{children:"Toast é um feedback temporário e não bloqueante"}),e.jsx(l,{className:"mt-2",children:e.jsxs("ul",{className:"list-disc pl-4 space-y-1 text-sm",children:[e.jsx("li",{children:"Informa rapidamente o usuário sobre o resultado de uma ação"}),e.jsx("li",{children:"Não compete visualmente com outros Toasts"}),e.jsx("li",{children:"Quando múltiplos Toasts são exibidos, eles empilham sem sobreposição"}),e.jsx("li",{children:"Seguem uma ordem previsível (mais recente no topo)"})]})})]}),code:`// Toast é um feedback temporário e não bloqueante
+// - Informa rapidamente o usuário
+// - Não compete visualmente com outros Toasts
+// - Empilhamento vertical sem sobreposição
+// - Ordem previsível: mais recente no topo`},{title:"Regras de Empilhamento",preview:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(i,{children:[e.jsx(n,{children:"Regra"}),e.jsx(n,{children:"Comportamento"})]})}),e.jsxs(u,{children:[e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Direção"}),e.jsx(o,{children:"Empilhamento vertical (de cima para baixo)"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Ordem"}),e.jsx(o,{children:"Mais recente aparece no topo"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Espaçamento"}),e.jsx(o,{children:"8px entre cada toast"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Visibilidade"}),e.jsx(o,{children:"Até 5 toasts simultâneos"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Sobreposição"}),e.jsx(o,{children:"Nunca sobrepõe conteúdo ou outros toasts"})]})]})]}),e.jsx(a,{variant:"outline",onClick:()=>{s.success("Toast 1 - Mais antigo"),setTimeout(()=>s.info("Toast 2"),300),setTimeout(()=>s.warning("Toast 3"),600),setTimeout(()=>s.error("Toast 4 - Mais recente"),900)},children:"Testar Empilhamento (4 toasts)"})]}),code:`// Empilhamento vertical com espaçamento consistente
+toast.success("Toast 1 - Mais antigo");
+setTimeout(() => toast.info("Toast 2"), 300);
+setTimeout(() => toast.warning("Toast 3"), 600);
+setTimeout(() => toast.error("Toast 4 - Mais recente"), 900);
+
+// Configuração do Toaster:
+// position="top-right"
+// expand={true}
+// visibleToasts={5}
+// gap={8}`},{title:"Regras de Posição",preview:e.jsxs(d,{children:[e.jsx(m,{children:e.jsxs(i,{children:[e.jsx(n,{children:"Propriedade"}),e.jsx(n,{children:"Valor"})]})}),e.jsxs(u,{children:[e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Posição"}),e.jsx(o,{children:"Canto superior direito (top-right)"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Offset"}),e.jsx(o,{children:"16px das bordas da tela"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Z-index"}),e.jsx(o,{children:"1400 (acima de dialogs e modais)"})]}),e.jsxs(i,{children:[e.jsx(o,{className:"font-medium",children:"Área"}),e.jsx(o,{children:"Fixa, suporta múltiplos toasts sem quebrar layout"})]})]})]}),code:`// Configuração de posição no Toaster:
+<Sonner
+  position="top-right"
+  offset={16}
+/>
+
+// CSS z-index:
+[data-sonner-toaster] {
+  z-index: 1400 !important;
+}`},{title:"Regras de Interação",preview:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(p,{className:"border-green-200 bg-green-50/50",children:[e.jsx(x,{className:"pb-2",children:e.jsxs(h,{className:"text-green-700 flex items-center gap-2 text-base",children:[e.jsx(N,{className:"h-4 w-4"}),"Correto"]})}),e.jsx(v,{children:e.jsxs("ul",{className:"text-sm space-y-1 text-green-800",children:[e.jsx("li",{children:"• Cada toast possui botão de fechar individual"}),e.jsx("li",{children:"• Fechamento reorganiza automaticamente o empilhamento"}),e.jsx("li",{children:"• Toasts não bloqueiam clique ou leitura de outros"}),e.jsx("li",{children:"• pointer-events habilitado para cada toast"})]})})]}),e.jsxs(p,{className:"border-red-200 bg-red-50/50",children:[e.jsx(x,{className:"pb-2",children:e.jsxs(h,{className:"text-red-700 flex items-center gap-2 text-base",children:[e.jsx(S,{className:"h-4 w-4"}),"Evitar"]})}),e.jsx(v,{children:e.jsxs("ul",{className:"text-sm space-y-1 text-red-800",children:[e.jsx("li",{children:"• Toasts sem opção de fechar"}),e.jsx("li",{children:"• Duração infinita sem botão de fechar"}),e.jsx("li",{children:"• Sobrepor outros toasts ou conteúdo"}),e.jsx("li",{children:"• Bloquear interação com a página"})]})})]})]}),code:`// Cada toast tem fechamento individual
+toast("Mensagem", { closeButton: true })
+
+// Fechamento reorganiza automaticamente
+// Não é possível bloquear cliques em outros toasts
+
+// CSS garante pointer-events:
+[data-sonner-toast] {
+  pointer-events: auto !important;
+}`},{title:"Tipos de Toast (Comportamento Consistente)",preview:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs(c,{variant:"info",children:[e.jsx(F,{className:"h-4 w-4 text-blue-600"}),e.jsxs(l,{className:"text-blue-800",children:["O comportamento de empilhamento é ",e.jsx("strong",{children:"consistente entre todos os tipos"}),". A variação visual (cor, ícone) não altera o layout ou empilhamento."]})]}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{variant:"outline",onClick:()=>s.success("Operação realizada com sucesso!"),children:"Sucesso"}),e.jsx(a,{variant:"outline",onClick:()=>s.warning("Atenção requerida"),children:"Alerta"}),e.jsx(a,{variant:"outline",onClick:()=>s.error("Falha na operação"),children:"Erro"}),e.jsx(a,{variant:"outline",onClick:()=>s.info("Informação importante"),children:"Informativo"})]})]}),code:`// Todos os tipos seguem as mesmas regras de empilhamento
+
+// Sucesso (BG #E0FBE8)
+toast.success("Operação realizada com sucesso!")
+
+// Alerta (BG #FEF3C8)
+toast.warning("Atenção requerida")
+
+// Erro (BG #FEE1E1)
+toast.error("Falha na operação")
+
+// Informativo (BG #FFFFFF)
+toast.info("Informação importante")`},{title:"Informativo - Com Descrição",preview:e.jsx(a,{variant:"outline",onClick:()=>s("Evento foi criado",{description:"Domingo, 03 de dezembro de 2023 às 9:00"}),children:"Toast com Descrição"}),code:`// Informativo (BG #FFFFFF)
+toast("Evento foi criado", {
+  description: "Domingo, 03 de dezembro de 2023 às 9:00",
+})`},{title:"Informativo - Com Ação",preview:e.jsx(a,{variant:"outline",onClick:()=>s("Arquivo excluído",{action:{label:"Desfazer",onClick:()=>s.success("Arquivo restaurado")}}),children:"Toast com Ação"}),code:`// Informativo (BG #FFFFFF) com ação que exibe Sucesso (BG #E0FBE8)
+toast("Arquivo excluído", {
+  action: {
+    label: "Desfazer",
+    onClick: () => toast.success("Arquivo restaurado"),
+  },
+})`},{title:"Promise - Loading → Sucesso/Erro",preview:e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{variant:"outline",onClick:()=>{const r=new Promise(t=>setTimeout(t,2e3));s.promise(r,{loading:"Salvando...",success:"Salvo com sucesso!",error:"Erro ao salvar"})},children:"Promise (Sucesso)"}),e.jsx(a,{variant:"outline",onClick:()=>{const r=new Promise((t,f)=>setTimeout(f,2e3));s.promise(r,{loading:"Processando...",success:"Concluído!",error:"Falha no processamento"})},children:"Promise (Erro)"})]}),code:`// Promise com transição: Loading → Sucesso (BG #E0FBE8)
+const promiseSuccess = new Promise((resolve) => setTimeout(resolve, 2000));
+toast.promise(promiseSuccess, {
+  loading: "Salvando...",
+  success: "Salvo com sucesso!",
+  error: "Erro ao salvar",
+});
+
+// Promise com transição: Loading → Erro (BG #FEE1E1)
+const promiseError = new Promise((_, reject) => setTimeout(reject, 2000));
+toast.promise(promiseError, {
+  loading: "Processando...",
+  success: "Concluído!",
+  error: "Falha no processamento",
+});`},{title:"Promise com Dados",preview:e.jsx(a,{variant:"outline",onClick:()=>{const r=new Promise(t=>setTimeout(()=>t({name:"Projeto Alpha"}),2e3));s.promise(r,{loading:"Carregando projeto...",success:t=>`Projeto "${t.name}" carregado!`,error:"Erro ao carregar projeto"})},children:"Promise com Dados"}),code:`// Sucesso (BG #E0FBE8) com dados dinâmicos
+const promise = fetchProject(id);
+
+toast.promise(promise, {
+  loading: "Carregando projeto...",
+  success: (data) => \`Projeto "\${data.name}" carregado!\`,
+  error: "Erro ao carregar projeto",
+})`},{title:"Casos de Uso por Variação",preview:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-muted-foreground",children:"Informativo"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.info("Copiado para área de transferência"),children:"Copiar"}),e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s("Arquivo enviado para processamento"),children:"Enviar"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-muted-foreground",children:"Sucesso"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.success("Alterações salvas com sucesso"),children:"Salvar"}),e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.success("Usuário criado com sucesso"),children:"Criar"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-muted-foreground",children:"Alerta"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.warning("Você tem alterações não salvas"),children:"Alterações pendentes"}),e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.warning("Sessão expira em 5 minutos"),children:"Sessão"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-muted-foreground",children:"Erro"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.error("Falha ao conectar com o servidor"),children:"Conexão"}),e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.error("Permissão negada"),children:"Permissão"})]})]})]}),code:`// Informativo (BG #FFFFFF)
+toast.info("Copiado para área de transferência")
+toast("Arquivo enviado para processamento")
+
+// Sucesso (BG #E0FBE8)
+toast.success("Alterações salvas com sucesso")
+toast.success("Usuário criado com sucesso")
+
+// Alerta (BG #FEF3C8)
+toast.warning("Você tem alterações não salvas")
+toast.warning("Sessão expira em 5 minutos")
+
+// Erro (BG #FEE1E1)
+toast.error("Falha ao conectar com o servidor")
+toast.error("Permissão negada")`},{title:"Toast Customizado com JSX",preview:e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(a,{variant:"outline",onClick:()=>s(e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs(C,{className:"h-10 w-10",children:[e.jsx(b,{src:"https://github.com/shadcn.png"}),e.jsx(E,{children:"JD"})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-medium",children:"João da Silva"}),e.jsx("span",{className:"text-sm text-muted-foreground",children:"Comentou no seu projeto"})]})]}),{duration:5e3}),children:"Notificação de Usuário"}),e.jsx(a,{variant:"outline",onClick:()=>s.success(e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(w,{className:"h-4 w-4"}),e.jsx("span",{className:"font-medium",children:"Download concluído"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:"relatorio-2024.pdf"}),e.jsx(B,{variant:"secondary",children:"2.4 MB"})]})]}),{duration:5e3}),children:"Download (Sucesso)"}),e.jsx(a,{variant:"outline",onClick:()=>s(e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"rounded-full bg-primary/10 p-2",children:e.jsx(T,{className:"h-4 w-4 text-primary"})}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"font-medium",children:"Novo convite recebido"}),e.jsx("span",{className:"text-sm text-muted-foreground",children:'Maria te convidou para o projeto "Design System"'})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(a,{size:"sm",variant:"default",onClick:()=>s.success("Convite aceito!"),children:"Aceitar"}),e.jsx(a,{size:"sm",variant:"outline",onClick:()=>s.warning("Convite recusado"),children:"Recusar"})]})]}),{duration:1/0,closeButton:!0}),children:"Com Botões Personalizados"}),e.jsx(a,{variant:"outline",onClick:()=>s.info(e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(k,{className:"h-4 w-4"}),e.jsx("span",{children:"Link copiado!"})]}),e.jsx(a,{size:"sm",variant:"link",className:"h-auto p-0",onClick:()=>window.open("https://lovable.dev","_blank"),children:"Abrir"})]})),children:"Com Link Externo"})]}),code:`// Informativo (BG #FFFFFF) - Notificação de usuário
+toast(
+  <div className="flex items-center gap-3">
+    <Avatar className="h-10 w-10">
+      <AvatarImage src="https://github.com/shadcn.png" />
+      <AvatarFallback>JD</AvatarFallback>
+    </Avatar>
+    <div className="flex flex-col">
+      <span className="font-medium">João da Silva</span>
+      <span className="text-sm text-muted-foreground">
+        Comentou no seu projeto
+      </span>
+    </div>
+  </div>,
+  { duration: 5000 }
+)
+
+// Sucesso (BG #E0FBE8) - Download com Badge
+toast.success(
+  <div className="flex flex-col gap-2">
+    <div className="flex items-center gap-2">
+      <Download className="h-4 w-4" />
+      <span className="font-medium">Download concluído</span>
+    </div>
+    <div className="flex items-center justify-between">
+      <span className="text-sm text-muted-foreground">relatorio-2024.pdf</span>
+      <Badge variant="secondary">2.4 MB</Badge>
+    </div>
+  </div>
+)
+
+// Informativo (BG #FFFFFF) com botões que disparam outras variações
+toast(
+  <div className="flex flex-col gap-3">
+    <div className="flex items-start gap-3">
+      <div className="rounded-full bg-primary/10 p-2">
+        <User className="h-4 w-4 text-primary" />
+      </div>
+      <div className="flex flex-col">
+        <span className="font-medium">Novo convite recebido</span>
+        <span className="text-sm text-muted-foreground">
+          Maria te convidou para o projeto "Design System"
+        </span>
+      </div>
+    </div>
+    <div className="flex gap-2">
+      <Button size="sm" onClick={() => toast.success("Aceito!")}>
+        Aceitar
+      </Button>
+      <Button size="sm" variant="outline" onClick={() => toast.warning("Recusado")}>
+        Recusar
+      </Button>
+    </div>
+  </div>,
+  { duration: Infinity, closeButton: true }
+)`}],props:[{name:"message",type:"string | ReactNode",default:"-",description:"Texto principal ou conteúdo do toast."},{name:"description",type:"string | ReactNode",default:"-",description:"Descrição adicional exibida abaixo do título."},{name:"action",type:"{ label: string, onClick: () => void }",default:"-",description:"Botão de ação principal."},{name:"cancel",type:"{ label: string, onClick: () => void }",default:"-",description:"Botão de cancelamento secundário."},{name:"duration",type:"number",default:"4000",description:"Duração em ms antes de dispensar. Use Infinity para persistir."},{name:"closeButton",type:"boolean",default:"false",description:"Exibe botão X para fechar o toast."},{name:"icon",type:"ReactNode",default:"-",description:"Ícone personalizado para o toast."},{name:"id",type:"string | number",default:"-",description:"ID único para atualizar ou dispensar o toast."},{name:"onDismiss",type:"(toast) => void",default:"-",description:"Callback executado quando o toast é dispensado."},{name:"onAutoClose",type:"(toast) => void",default:"-",description:"Callback executado quando o toast fecha automaticamente."}],accessibility:["Utiliza ARIA live regions para anunciar toasts aos leitores de tela","Dispensável via tecla Escape","Auto-dispensa com duração configurável respeitando usabilidade","Suporte a swipe para dispensar em dispositivos touch","Respeita prefers-reduced-motion do sistema operacional","Foco gerenciado corretamente quando toast contém elementos interativos"],notes:["Informativo (#FFFFFF): toast() e toast.info() - Para informações contextuais e notificações neutras","Sucesso (#E0FBE8): toast.success() - Para feedback de operações bem-sucedidas","Alerta (#FEF3C8): toast.warning() - Para alertas que requerem atenção do usuário","Erro (#FEE1E1): toast.error() - Para erros e falhas, considere incluir ação de retry","Use toast.promise() para operações assíncronas com feedback de loading","Mantenha mensagens curtas e objetivas (máximo 2 linhas)",'Forneça ação de "Desfazer" para operações destrutivas quando possível',"Evite usar duration: Infinity sem closeButton ou action para dispensar"]})}export{I as ToastDoc};

package/dist/assets/ToggleDoc-C9ZOVjkY.js

@@ -0,0 +1,51 @@
+import{j as e,b1 as r,b2 as a,b3 as o,b4 as l,b5 as i,b6 as t}from"./index-DkiftrvI.js";import{C as s}from"./ComponentDocTemplate-CQbBhfvZ.js";import{T as g,a as n,b as d}from"./text-align-start-qE-MbYYw.js";import"./ExampleCard-DuLrb3t-.js";function T(){return e.jsx(s,{title:"Toggle",description:"Botões de dois estados que podem estar ligados ou desligados, individualmente ou em grupo.",component:e.jsxs(o,{type:"multiple",children:[e.jsx(l,{value:"bold","aria-label":"Toggle bold",children:e.jsx(a,{className:"h-4 w-4"})}),e.jsx(l,{value:"italic","aria-label":"Toggle italic",children:e.jsx(i,{className:"h-4 w-4"})}),e.jsx(l,{value:"underline","aria-label":"Toggle underline",children:e.jsx(t,{className:"h-4 w-4"})})]}),usage:`import { Toggle, ToggleGroup, ToggleGroupItem } from "forlogic-core"
+import { Bold, Italic } from "lucide-react"
+
+// Toggle individual
+<Toggle aria-label="Alternar negrito">
+  <Bold className="h-4 w-4" />
+</Toggle>
+
+// Toggle em grupo (seleção única)
+<ToggleGroup type="single" defaultValue="center">
+  <ToggleGroupItem value="left" aria-label="Alinhar à esquerda">
+    <AlignLeft className="h-4 w-4" />
+  </ToggleGroupItem>
+  <ToggleGroupItem value="center" aria-label="Centralizar">
+    <AlignCenter className="h-4 w-4" />
+  </ToggleGroupItem>
+</ToggleGroup>`,examples:[{title:"Toggle Simples",preview:e.jsx(r,{"aria-label":"Alternar negrito",children:e.jsx(a,{className:"h-4 w-4"})}),code:`import { Toggle } from "forlogic-core"
+import { Bold } from "lucide-react"
+
+<Toggle aria-label="Alternar negrito">
+  <Bold className="h-4 w-4" />
+</Toggle>`},{title:"Toggle com Texto",preview:e.jsxs(r,{"aria-label":"Alternar negrito",children:[e.jsx(a,{className:"h-4 w-4 mr-2"}),"Negrito"]}),code:`<Toggle aria-label="Alternar negrito">
+  <Bold className="h-4 w-4 mr-2" />
+  Negrito
+</Toggle>`},{title:"Grupo - Seleção Múltipla",preview:e.jsxs(o,{type:"multiple",children:[e.jsx(l,{value:"bold","aria-label":"Alternar negrito",children:e.jsx(a,{className:"h-4 w-4"})}),e.jsx(l,{value:"italic","aria-label":"Alternar itálico",children:e.jsx(i,{className:"h-4 w-4"})}),e.jsx(l,{value:"underline","aria-label":"Alternar sublinhado",children:e.jsx(t,{className:"h-4 w-4"})})]}),code:`import { ToggleGroup, ToggleGroupItem } from "forlogic-core"
+import { Bold, Italic, Underline } from "lucide-react"
+
+<ToggleGroup type="multiple">
+  <ToggleGroupItem value="bold" aria-label="Alternar negrito">
+    <Bold className="h-4 w-4" />
+  </ToggleGroupItem>
+  <ToggleGroupItem value="italic" aria-label="Alternar itálico">
+    <Italic className="h-4 w-4" />
+  </ToggleGroupItem>
+  <ToggleGroupItem value="underline" aria-label="Alternar sublinhado">
+    <Underline className="h-4 w-4" />
+  </ToggleGroupItem>
+</ToggleGroup>`},{title:"Grupo - Seleção Única",preview:e.jsxs(o,{type:"single",defaultValue:"center",children:[e.jsx(l,{value:"left","aria-label":"Alinhar à esquerda",children:e.jsx(g,{className:"h-4 w-4"})}),e.jsx(l,{value:"center","aria-label":"Centralizar",children:e.jsx(n,{className:"h-4 w-4"})}),e.jsx(l,{value:"right","aria-label":"Alinhar à direita",children:e.jsx(d,{className:"h-4 w-4"})})]}),code:`import { ToggleGroup, ToggleGroupItem } from "forlogic-core"
+import { AlignLeft, AlignCenter, AlignRight } from "lucide-react"
+
+<ToggleGroup type="single" defaultValue="center">
+  <ToggleGroupItem value="left" aria-label="Alinhar à esquerda">
+    <AlignLeft className="h-4 w-4" />
+  </ToggleGroupItem>
+  <ToggleGroupItem value="center" aria-label="Centralizar">
+    <AlignCenter className="h-4 w-4" />
+  </ToggleGroupItem>
+  <ToggleGroupItem value="right" aria-label="Alinhar à direita">
+    <AlignRight className="h-4 w-4" />
+  </ToggleGroupItem>
+</ToggleGroup>`}],props:[{name:"pressed",type:"boolean",default:"-",description:"Estado controlado do Toggle."},{name:"defaultPressed",type:"boolean",default:"false",description:"Estado inicial não controlado do Toggle."},{name:"onPressedChange",type:"(pressed: boolean) => void",default:"-",description:"Callback quando o estado do Toggle muda."},{name:"disabled",type:"boolean",default:"false",description:"Desabilita a interação."},{name:"aria-label",type:"string",default:"-",description:"Obrigatório para acessibilidade quando não há texto visível."},{name:"type",type:'"single" | "multiple"',default:"-",description:"Modo de seleção do ToggleGroup (obrigatório)."},{name:"value",type:"string | string[]",default:"-",description:"Valor(es) controlado(s) do ToggleGroup."},{name:"defaultValue",type:"string | string[]",default:"-",description:"Valor(es) inicial(is) não controlado(s) do ToggleGroup."},{name:"onValueChange",type:"(value: string | string[]) => void",default:"-",description:"Callback quando o valor do ToggleGroup muda."}],accessibility:['Role "button" com aria-pressed aplicado automaticamente',"Suporte completo de teclado (Espaço/Enter para alternar)","Navegação por setas entre itens do ToggleGroup","aria-label obrigatório para toggles apenas com ícones","Estados aria-pressed comunicados para leitores de tela","Indicadores visuais de foco e estado ativo","ToggleGroup implementa padrão roving tabindex"]})}export{T as ToggleDoc};

package/dist/assets/TooltipDoc-BEx4l9-i.js

@@ -0,0 +1,58 @@
+import{j as e,f8 as r,f9 as o,fa as i,dU as s,fb as t,x as a,dx as d,dv as p}from"./index-DkiftrvI.js";import{C as c}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function x(){const l=`import { 
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from 'forlogic-core';
+
+<TooltipProvider>
+  <Tooltip>
+    <TooltipTrigger asChild>
+      <Button variant="outline">Hover</Button>
+    </TooltipTrigger>
+    <TooltipContent>
+      <p>Adicionar à biblioteca</p>
+    </TooltipContent>
+  </Tooltip>
+</TooltipProvider>`,n=e.jsx("div",{className:"flex justify-center py-8",children:e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",children:"Hover"})}),e.jsx(t,{children:e.jsx("p",{children:"Adicionar à biblioteca"})})]})})});return e.jsx(c,{title:"Tooltip",description:"Um popup que exibe informações relacionadas a um elemento quando o elemento recebe foco do teclado ou o mouse passa sobre ele.",component:n,usage:l,examples:[{title:"Tooltip em Ícone",description:"Tooltip exibido ao passar o cursor sobre um ícone de informação.",preview:e.jsx("div",{className:"flex justify-center py-8",children:e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(s,{className:"h-4 w-4 text-muted-foreground cursor-help"})}),e.jsx(t,{children:e.jsx("p",{children:"Esta é uma dica de ajuda"})})]})})}),code:`<TooltipProvider>
+  <Tooltip>
+    <TooltipTrigger asChild>
+      <Info className="h-4 w-4 text-muted-foreground cursor-help" />
+    </TooltipTrigger>
+    <TooltipContent>
+      <p>Esta é uma dica de ajuda</p>
+    </TooltipContent>
+  </Tooltip>
+</TooltipProvider>`},{title:"Posicionamento",description:"Controle o lado onde o tooltip aparece usando a prop side.",preview:e.jsxs("div",{className:"flex justify-center gap-4 py-8",children:[e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"Top"})}),e.jsx(t,{side:"top",children:e.jsx("p",{children:"Tooltip no topo"})})]})}),e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"Bottom"})}),e.jsx(t,{side:"bottom",children:e.jsx("p",{children:"Tooltip embaixo"})})]})}),e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"Left"})}),e.jsx(t,{side:"left",children:e.jsx("p",{children:"Tooltip à esquerda"})})]})}),e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"Right"})}),e.jsx(t,{side:"right",children:e.jsx("p",{children:"Tooltip à direita"})})]})})]}),code:`<TooltipContent side="top">...</TooltipContent>
+<TooltipContent side="bottom">...</TooltipContent>
+<TooltipContent side="left">...</TooltipContent>
+<TooltipContent side="right">...</TooltipContent>`},{title:"Delay Customizado",description:"Ajuste o tempo de exibição com delayDuration e skipDelayDuration.",preview:e.jsxs("div",{className:"flex justify-center gap-4 py-8",children:[e.jsx(r,{delayDuration:0,children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"Sem delay"})}),e.jsx(t,{children:e.jsx("p",{children:"Aparece instantaneamente"})})]})}),e.jsx(r,{delayDuration:1e3,children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",size:"sm",children:"1s delay"})}),e.jsx(t,{children:e.jsx("p",{children:"Aparece após 1 segundo"})})]})})]}),code:`// Sem delay
+<TooltipProvider delayDuration={0}>
+  <Tooltip>...</Tooltip>
+</TooltipProvider>
+
+// Delay de 1 segundo
+<TooltipProvider delayDuration={1000}>
+  <Tooltip>...</Tooltip>
+</TooltipProvider>`},{title:"Múltiplos Tooltips",description:"Use um único TooltipProvider para compartilhar delay entre tooltips.",preview:e.jsx("div",{className:"flex justify-center gap-4 py-8",children:e.jsxs(r,{delayDuration:100,skipDelayDuration:0,children:[e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"ghost",size:"icon",children:e.jsx(s,{className:"h-4 w-4"})})}),e.jsx(t,{children:e.jsx("p",{children:"Informação"})})]}),e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"ghost",size:"icon",children:e.jsx(d,{className:"h-4 w-4"})})}),e.jsx(t,{children:e.jsx("p",{children:"Ajuda"})})]}),e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"ghost",size:"icon",children:e.jsx(p,{className:"h-4 w-4"})})}),e.jsx(t,{children:e.jsx("p",{children:"Alerta"})})]})]})}),code:`// Provider compartilhado - mover entre tooltips é instantâneo
+<TooltipProvider delayDuration={100} skipDelayDuration={0}>
+  <Tooltip>
+    <TooltipTrigger asChild>
+      <Button variant="ghost" size="icon"><Info /></Button>
+    </TooltipTrigger>
+    <TooltipContent><p>Informação</p></TooltipContent>
+  </Tooltip>
+  <Tooltip>
+    <TooltipTrigger asChild>
+      <Button variant="ghost" size="icon"><HelpCircle /></Button>
+    </TooltipTrigger>
+    <TooltipContent><p>Ajuda</p></TooltipContent>
+  </Tooltip>
+</TooltipProvider>`},{title:"Com Conteúdo Rico",description:"Tooltips podem conter múltiplas linhas e formatação.",preview:e.jsx("div",{className:"flex justify-center py-8",children:e.jsx(r,{children:e.jsxs(o,{children:[e.jsx(i,{asChild:!0,children:e.jsx(a,{variant:"outline",children:"Mais informações"})}),e.jsx(t,{className:"max-w-xs",children:e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"font-semibold",children:"Título do Tooltip"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Descrição mais detalhada que pode ocupar múltiplas linhas."})]})})]})})}),code:`<TooltipContent className="max-w-xs">
+  <div className="space-y-1">
+    <p className="font-semibold">Título do Tooltip</p>
+    <p className="text-xs text-muted-foreground">
+      Descrição mais detalhada...
+    </p>
+  </div>
+</TooltipContent>`}],props:[{name:"delayDuration",type:"number",default:"300",description:"TooltipProvider: Atraso em ms antes de exibir o tooltip"},{name:"skipDelayDuration",type:"number",default:"300",description:"TooltipProvider: Tempo para pular o delay ao mover entre tooltips"},{name:"disableHoverableContent",type:"boolean",default:"false",description:"TooltipProvider: Impede que o conteúdo permaneça aberto ao passar o mouse"},{name:"open",type:"boolean",default:"-",description:"Tooltip: Estado controlado de abertura"},{name:"defaultOpen",type:"boolean",default:"false",description:"Tooltip: Estado inicial (não controlado)"},{name:"onOpenChange",type:"(open: boolean) => void",default:"-",description:"Tooltip: Callback quando o estado muda"},{name:"side",type:'"top" | "right" | "bottom" | "left"',default:'"top"',description:"TooltipContent: Lado preferido de posicionamento"},{name:"sideOffset",type:"number",default:"4",description:"TooltipContent: Distância em pixels do trigger"},{name:"align",type:'"start" | "center" | "end"',default:'"center"',description:"TooltipContent: Alinhamento em relação ao trigger"},{name:"alignOffset",type:"number",default:"0",description:"TooltipContent: Offset do alinhamento em pixels"}],accessibility:["Exibido ao focar no elemento trigger via teclado","Fechado automaticamente ao pressionar Escape",'role="tooltip" aplicado automaticamente',"Associação via aria-describedby","Não depende apenas de hover (acessível via focus)"],notes:["Use TooltipProvider como wrapper para compartilhar delays entre tooltips","Prefira Tooltip para dicas curtas, use Popover para conteúdo interativo","Evite tooltips em elementos que requerem ação rápida (botões principais)","Combine com ícones de informação para ajuda contextual","Use delayDuration={0} para exibição instantânea quando necessário"]})}export{x as TooltipDoc};

package/dist/assets/TruncatedCellDoc-BbV1bRSY.js

@@ -0,0 +1,12 @@
+import{j as e,s as t}from"./index-DkiftrvI.js";import{C as o}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const a=`import { TruncatedCell } from 'forlogic-core';
+
+<td className="max-w-[200px]">
+  <TruncatedCell>
+    Texto que pode ser muito longo...
+  </TruncatedCell>
+</td>
+
+// Com className customizada
+<TruncatedCell className="text-muted-foreground">
+  {item.description}
+</TruncatedCell>`;function s(){return e.jsx("div",{className:"border rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b bg-muted/50",children:[e.jsx("th",{className:"text-left p-3 w-[200px]",children:"Nome"}),e.jsx("th",{className:"text-left p-3 w-[150px]",children:"Status"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"p-3 w-[200px] max-w-[200px]",children:e.jsx(t,{children:"Texto curto"})}),e.jsx("td",{className:"p-3",children:"Ativo"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"p-3 w-[200px] max-w-[200px]",children:e.jsx(t,{children:"Este é um texto muito longo que será truncado automaticamente e mostrará tooltip ao passar o mouse"})}),e.jsx("td",{className:"p-3",children:"Ativo"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-3 w-[200px] max-w-[200px]",children:e.jsx(t,{children:"Outro texto extremamente longo para demonstrar que o tooltip só aparece quando o texto realmente está truncado pelo container"})}),e.jsx("td",{className:"p-3",children:"Inativo"})]})]})]})})}function l(){return e.jsx(o,{title:"Truncated Cell",description:"Componente utilitário que trunca texto longo e exibe tooltip automático quando o conteúdo está cortado.",component:e.jsx(s,{}),usage:a,props:[{name:"children",type:"ReactNode",description:"Conteúdo a ser renderizado (e truncado se necessário)"},{name:"className",type:"string",description:"Classes CSS adicionais para o container"}],accessibility:["Tooltip automático garante que o conteúdo completo é acessível via hover/focus","Usa role tooltip com aria para leitores de tela"],notes:["O componente usa ResizeObserver para detectar truncamento — zero overhead quando o texto cabe no espaço","Ideal para células de tabela, listas e áreas com largura fixa","O container pai deve ter max-width definido para que o truncamento funcione"]})}export{l as TruncatedCellDoc};

package/dist/assets/TypographyFoundationDoc-CUDYjRo9.js

@@ -0,0 +1,7 @@
+import{j as e,a as n,b as a,c as d,e as o,d as r}from"./index-DkiftrvI.js";const s={sans:'Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif',mono:'"Roboto Mono", Menlo, Monaco, "Courier New", monospace'},i={"display-lg":{size:"4.5rem",lineHeight:"1",letterSpacing:"-0.02em"},"display-md":{size:"3.75rem",lineHeight:"1.05",letterSpacing:"-0.015em"},"heading-h1":{size:"3rem",lineHeight:"1.1",letterSpacing:"-0.01em"},"heading-h2":{size:"2.25rem",lineHeight:"1.15",letterSpacing:"-0.008em"},"heading-h3":{size:"1.875rem",lineHeight:"1.2",letterSpacing:"-0.005em"},"heading-h4":{size:"1.5rem",lineHeight:"1.3",letterSpacing:"0"},"heading-h5":{size:"1.25rem",lineHeight:"1.4",letterSpacing:"0"},"heading-h6":{size:"1.125rem",lineHeight:"1.5",letterSpacing:"0"},"subtitle-lg":{size:"1.125rem",lineHeight:"1.55",letterSpacing:"0.005em"},"subtitle-md":{size:"1rem",lineHeight:"1.6",letterSpacing:"0.01em"},"body-lg":{size:"1.125rem",lineHeight:"1.75"},"body-md":{size:"1rem",lineHeight:"1.75"},"label-lg":{size:"0.875rem",lineHeight:"1.5",letterSpacing:"0.01em"},"label-md":{size:"0.75rem",lineHeight:"1.5",letterSpacing:"0.015em"},"label-sm":{size:"0.6875rem",lineHeight:"1.5",letterSpacing:"0.02em"},caption:{size:"0.625rem",lineHeight:"1.5",letterSpacing:"0.02em"},code:{size:"0.875rem",lineHeight:"1.7"}},t={normal:"400",medium:"500",semibold:"600",bold:"700"},g={displayLarge:{fontFamily:s.sans,fontSize:i["display-lg"].size,lineHeight:i["display-lg"].lineHeight,letterSpacing:i["display-lg"].letterSpacing,fontWeight:t.bold},displayMedium:{fontFamily:s.sans,fontSize:i["display-md"].size,lineHeight:i["display-md"].lineHeight,letterSpacing:i["display-md"].letterSpacing,fontWeight:t.bold},h1:{fontFamily:s.sans,fontSize:i["heading-h1"].size,lineHeight:i["heading-h1"].lineHeight,letterSpacing:i["heading-h1"].letterSpacing,fontWeight:t.bold},h2:{fontFamily:s.sans,fontSize:i["heading-h2"].size,lineHeight:i["heading-h2"].lineHeight,letterSpacing:i["heading-h2"].letterSpacing,fontWeight:t.bold},h3:{fontFamily:s.sans,fontSize:i["heading-h3"].size,lineHeight:i["heading-h3"].lineHeight,letterSpacing:i["heading-h3"].letterSpacing,fontWeight:t.semibold},h4:{fontFamily:s.sans,fontSize:i["heading-h4"].size,lineHeight:i["heading-h4"].lineHeight,letterSpacing:i["heading-h4"].letterSpacing,fontWeight:t.semibold},h5:{fontFamily:s.sans,fontSize:i["heading-h5"].size,lineHeight:i["heading-h5"].lineHeight,letterSpacing:i["heading-h5"].letterSpacing,fontWeight:t.semibold},h6:{fontFamily:s.sans,fontSize:i["heading-h6"].size,lineHeight:i["heading-h6"].lineHeight,letterSpacing:i["heading-h6"].letterSpacing,fontWeight:t.semibold},subtitleLarge:{fontFamily:s.sans,fontSize:i["subtitle-lg"].size,lineHeight:i["subtitle-lg"].lineHeight,letterSpacing:i["subtitle-lg"].letterSpacing,fontWeight:t.medium},subtitleMedium:{fontFamily:s.sans,fontSize:i["subtitle-md"].size,lineHeight:i["subtitle-md"].lineHeight,letterSpacing:i["subtitle-md"].letterSpacing,fontWeight:t.medium},bodyLarge:{fontFamily:s.sans,fontSize:i["body-lg"].size,lineHeight:i["body-lg"].lineHeight,fontWeight:t.normal},bodyMedium:{fontFamily:s.sans,fontSize:i["body-md"].size,lineHeight:i["body-md"].lineHeight,fontWeight:t.normal},labelLarge:{fontFamily:s.sans,fontSize:i["label-lg"].size,lineHeight:i["label-lg"].lineHeight,letterSpacing:i["label-lg"].letterSpacing,fontWeight:t.medium},labelMedium:{fontFamily:s.sans,fontSize:i["label-md"].size,lineHeight:i["label-md"].lineHeight,letterSpacing:i["label-md"].letterSpacing,fontWeight:t.medium},labelSmall:{fontFamily:s.sans,fontSize:i["label-sm"].size,lineHeight:i["label-sm"].lineHeight,letterSpacing:i["label-sm"].letterSpacing,fontWeight:t.medium},caption:{fontFamily:s.sans,fontSize:i.caption.size,lineHeight:i.caption.lineHeight,letterSpacing:i.caption.letterSpacing,fontWeight:t.normal},code:{fontFamily:s.mono,fontSize:i.code.size,lineHeight:i.code.lineHeight,fontWeight:t.normal}};function p(){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-4xl font-bold mb-4",children:"Sistema Tipográfico"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-6",children:"Sistema tipográfico profissional com Display (2 níveis), Headings (6 níveis), Subtitle (2 níveis), Body (2 níveis), Label (3 níveis), Caption e Monospace (Code). Todos os níveis incluem escalamento responsivo e conformidade de acessibilidade."})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Display (2 níveis)"}),e.jsx(o,{children:"Texto grande e impactante para seções hero e conteúdo de marketing"})]}),e.jsxs(r,{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["display-lg"].size,lineHeight:i["display-lg"].lineHeight,letterSpacing:i["display-lg"].letterSpacing,fontWeight:t.bold},children:"Display Large"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 72px · Bold · Line height 1.0 · Letter spacing -0.02em"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["display-md"].size,lineHeight:i["display-md"].lineHeight,letterSpacing:i["display-md"].letterSpacing,fontWeight:t.bold},children:"Display Medium"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 60px · Bold · Line height 1.05 · Letter spacing -0.015em"})]})]})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Cabeçalhos (6 níveis)"}),e.jsx(o,{children:"Cabeçalhos hierárquicos de H1 a H6"})]}),e.jsx(r,{className:"space-y-4",children:["h1","h2","h3","h4","h5","h6"].map(h=>{const l=g[h],c="letterSpacing"in l?l.letterSpacing:"0";return e.jsxs("div",{children:[e.jsxs("div",{style:{fontSize:l.fontSize,lineHeight:l.lineHeight,letterSpacing:c,fontWeight:l.fontWeight},children:["Heading ",h.toUpperCase()]}),e.jsxs("p",{className:"text-xs text-muted-foreground mt-1",children:["Roboto · ",l.fontSize," · ",l.fontWeight==="700"?"Bold":"Semibold"," · Line height ",l.lineHeight]})]},h)})})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Subtítulo (2 níveis)"}),e.jsx(o,{children:"Cabeçalhos secundários e texto descritivo"})]}),e.jsxs(r,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["subtitle-lg"].size,lineHeight:i["subtitle-lg"].lineHeight,letterSpacing:i["subtitle-lg"].letterSpacing,fontWeight:t.medium},children:"Subtitle Large - Texto de suporte para cabeçalhos"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 18px · Medium · Line height 1.55 · Letter spacing 0.005em"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["subtitle-md"].size,lineHeight:i["subtitle-md"].lineHeight,letterSpacing:i["subtitle-md"].letterSpacing,fontWeight:t.medium},children:"Subtitle Medium - Texto descritivo secundário"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 16px · Medium · Line height 1.6 · Letter spacing 0.01em"})]})]})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Corpo (2 níveis)"}),e.jsx(o,{children:"Texto de conteúdo principal com legibilidade otimizada"})]}),e.jsxs(r,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["body-lg"].size,lineHeight:i["body-lg"].lineHeight,fontWeight:t.normal},children:"Body Large - Este é o tamanho de texto de corpo grande, ideal para ênfase ou áreas de conteúdo primário onde texto ligeiramente maior melhora a legibilidade."}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 18px · Regular · Line height 1.75"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["body-md"].size,lineHeight:i["body-md"].lineHeight,fontWeight:t.normal},children:"Body Medium - Este é o tamanho padrão de texto de corpo, otimizado para conteúdo de forma longa e leitura geral. Fornece excelente legibilidade em todos os dispositivos."}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 16px · Regular · Line height 1.75 (Default)"})]})]})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Rótulos (3 níveis)"}),e.jsx(o,{children:"Labels de UI, legendas e metadados"})]}),e.jsxs(r,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["label-lg"].size,lineHeight:i["label-lg"].lineHeight,letterSpacing:i["label-lg"].letterSpacing,fontWeight:t.medium},children:"Label Large - Labels de formulário e texto de UI"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 14px · Medium · Line height 1.5 · Letter spacing 0.01em"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["label-md"].size,lineHeight:i["label-md"].lineHeight,letterSpacing:i["label-md"].letterSpacing,fontWeight:t.medium},children:"Label Medium - Legendas e metadados"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 12px · Medium · Line height 1.5 · Letter spacing 0.015em"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i["label-sm"].size,lineHeight:i["label-sm"].lineHeight,letterSpacing:i["label-sm"].letterSpacing,fontWeight:t.medium},children:"Label Small - Headers de tabela, tabs compactas, controles de UI"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 11px · Medium · Line height 1.5 · Letter spacing 0.02em"})]})]})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Caption"}),e.jsx(o,{children:"Metadados auxiliares, timestamps e contadores"})]}),e.jsx(r,{children:e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:i.caption.size,lineHeight:i.caption.lineHeight,letterSpacing:i.caption.letterSpacing,fontWeight:t.normal},children:"Caption - Códigos de documento, timestamps, badges contadores, links auxiliares"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto · 10px · Regular · Line height 1.5 · Letter spacing 0.02em"})]})})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Monoespaçado (Código)"}),e.jsx(o,{children:"Fonte monoespaçada para blocos de código e conteúdo técnico"})]}),e.jsx(r,{children:e.jsxs("div",{children:[e.jsxs("code",{style:{fontSize:i.code.size,lineHeight:i.code.lineHeight,fontFamily:"monospace"},className:"block bg-muted p-4 rounded-md",children:['const greeting = "Hello, World!";',`
+`,"console.log(greeting);"]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-2",children:"Roboto Mono · 14px · Regular · Line height 1.7"})]})})]}),e.jsxs(n,{children:[e.jsxs(a,{children:[e.jsx(d,{children:"Diretrizes de Uso"}),e.jsx(o,{children:"Melhores práticas para tipografia"})]}),e.jsxs(r,{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Hierarquia"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Display:"})," Seções hero, landing pages, banners de marketing"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"H1:"})," Títulos de página, cabeçalhos principais (um por página)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"H2-H3:"})," Cabeçalhos de seção, divisões principais de conteúdo"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"H4-H6:"})," Subseções, cabeçalhos menores"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Subtitle:"})," Texto de suporte para cabeçalhos, descrições"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Body:"})," Conteúdo principal, parágrafos, listas"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Label:"})," Labels de formulário, elementos de UI, legendas, headers de tabela"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Caption:"})," Metadados auxiliares, timestamps, códigos, contadores"]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Melhores Práticas"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsx("li",{children:"Mantenha altura de linha consistente para melhor legibilidade (1.5-1.75 para texto de corpo)"}),e.jsx("li",{children:"Use pesos de fonte para estabelecer hierarquia (Bold para H1-H2, Semibold para H3-H6)"}),e.jsx("li",{children:"Limite o comprimento da linha a 60-80 caracteres para legibilidade ideal"}),e.jsx("li",{children:"Garanta contraste suficiente entre texto e fundo (mínimo AA)"}),e.jsx("li",{children:"Use tags HTML semânticas (h1, h2, p) junto com classes de tipografia"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-3",children:"Exemplos de Código"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium mb-2 text-green-600 dark:text-green-400",children:"✅ Correto"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-xs overflow-x-auto",children:`<h1 className="text-4xl font-bold">Page Title</h1>
+<h2 className="text-3xl font-bold">Section Heading</h2>
+<p className="text-base leading-relaxed">Body text content...</p>
+<label className="text-sm font-medium">Form Label</label>`})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium mb-2 text-red-600 dark:text-red-400",children:"❌ Incorreto"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-xs overflow-x-auto",children:`<div className="text-[32px]">Page Title</div>
+<span style={{fontSize: '24px'}}>Section Heading</span>
+<p className="text-[14px] leading-[1.5]">Body text...</p>`})]})]})]})]})]})]})}export{p as TypographyFoundationDoc};

package/dist/assets/UpdatesNotificationDoc-7nyjzLMJ.js

@@ -0,0 +1,29 @@
+import{j as o,eI as e,Y as a}from"./index-DkiftrvI.js";import{C as i}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const t=[{id:"1",title:"Nova versão do Documentos",text:"Agora é possível assinar documentos digitalmente com integração D4Sign."},{id:"2",title:"Melhorias no header",text:"O cabeçalho foi atualizado com novo menu de notificações e atalhos."},{id:"3",title:"Correção de bugs",text:"Corrigido problema de carregamento lento nas listagens com muitos registros."}];function r(){return o.jsx(i,{title:"Updates Notification",description:"Botão com popover para exibir notificações de atualização das aplicações. Possui dois modos: automático (self-contained, busca dados da API sozinho) e controlado (recebe dados via props).",component:o.jsx("div",{className:"flex items-center gap-6",children:o.jsx(e,{updates:t,badgeCount:3,onOpen:()=>a.info("Popover aberto"),onViewAll:()=>a.info("Ver todas clicado")})}),usage:`// Modo automático — basta importar e usar, sem props
+// O componente busca dados da API internamente usando useAuth() e useUpdatesNotification()
+import { UpdatesNotification } from 'forlogic-core';
+
+<UpdatesNotification />
+
+// Modo controlado — para testes, docs ou lógica customizada
+<UpdatesNotification
+  updates={[{ id: '1', title: 'Nova versão', text: 'Descrição' }]}
+  badgeCount={1}
+  onOpen={() => markAsViewed()}
+  onViewAll={() => window.open('/common/alias/up/view', '_blank')}
+/>`,examples:[{title:"Modo automático (recomendado)",description:"Sem nenhuma prop, o componente usa useAuth() para obter o alias e busca as notificações da API automaticamente. Ideal para projetos consumidores.",preview:o.jsxs("div",{className:"flex items-center gap-4 p-4 border border-dashed border-border rounded-md",children:[o.jsx("span",{className:"text-sm text-muted-foreground",children:"Em produção, basta:"}),o.jsx("code",{className:"text-xs bg-muted px-2 py-1 rounded",children:"<UpdatesNotification />"})]}),code:`import { UpdatesNotification } from 'forlogic-core';
+
+// Coloque no header ou onde desejar — sem configuração adicional
+<UpdatesNotification />`},{title:"Sem atualizações",description:"Estado vazio com mensagem temática do café.",preview:o.jsx(e,{updates:[],badgeCount:0}),code:"<UpdatesNotification updates={[]} badgeCount={0} />"},{title:"Com badge",description:'Badge numérico sobre o ícone. Valores acima de 99 exibem "99+".',preview:o.jsxs("div",{className:"flex items-center gap-6",children:[o.jsx(e,{badgeCount:3,updates:[]}),o.jsx(e,{badgeCount:42,updates:[]}),o.jsx(e,{badgeCount:150,updates:[]})]}),code:`<UpdatesNotification badgeCount={3} updates={[]} />
+<UpdatesNotification badgeCount={42} updates={[]} />
+<UpdatesNotification badgeCount={150} updates={[]} /> {/* exibe 99+ */}`},{title:"Com atualizações",description:"Lista de atualizações dentro do popover. Clique no ícone para visualizar.",preview:o.jsx(e,{updates:t,badgeCount:3}),code:`const updates = [
+  { id: '1', title: 'Nova versão do Documentos', text: 'Integração D4Sign disponível.' },
+  { id: '2', title: 'Melhorias no header', text: 'Novo menu de notificações.' },
+  { id: '3', title: 'Correção de bugs', text: 'Carregamento otimizado.' },
+];
+
+<UpdatesNotification updates={updates} badgeCount={3} />`},{title:"Callbacks (modo controlado)",description:'onOpen é chamado ao abrir o popover, onViewAll ao clicar em "Ver todas as atualizações".',preview:o.jsx(e,{updates:t,badgeCount:2,onOpen:()=>a.info("onOpen disparado — marcar como visualizado"),onViewAll:()=>a.info("onViewAll — abrir /common/{alias}/up/view")}),code:`<UpdatesNotification
+  updates={updates}
+  badgeCount={2}
+  onOpen={() => markAsViewed()}
+  onViewAll={() => window.open(\`/common/\${alias}/up/view\`, '_blank')}
+/>`}],props:[{name:"updates",type:"UpdateNotificationItem[]",default:"undefined",description:"Lista de atualizações. Se undefined, busca automaticamente da API (modo automático). Se [] (array vazio), exibe estado vazio (modo controlado)."},{name:"badgeCount",type:"number",default:"undefined",description:'Número exibido no badge. Em modo automático (undefined), usa o valor da API. Acima de 99 exibe "99+".'},{name:"onOpen",type:"() => void",default:"markAsVisualized",description:"Callback ao abrir o popover. Em modo automático, chama markAsVisualized internamente."},{name:"onViewAll",type:"() => void",default:"window.open(...)",description:'Callback ao clicar em "Ver todas". Em modo automático, abre /common/{alias}/up/view.'}],notes:["O componente possui dois modos: automático (sem props) e controlado (com props). O modo é determinado pela presença da prop updates.","No modo automático, o componente usa useAuth() para obter o alias e useUpdatesNotification() para buscar dados da API.","No modo controlado, todas as props são fornecidas externamente — útil para testes e documentação.","O tipo canônico é UpdateNotificationItem (id, title, text), exportado do hook. UpdateNotification é um alias deprecated.","No modo automático, onOpen chama markAsVisualized (POST Updates/userVisualized/3/undefined) e onViewAll abre a rota legada.","O ícone utilizado é Coffee do Lucide React — não requer fontes externas nos projetos consumidores.","O hook useUpdatesNotification também é exportado separadamente para uso avançado.","Todas as chamadas à API incluem o header x-waf-rate (base64 do campo sub do JWT), exigido pelo WAF da API legada.","Em caso de 401, o hook faz retry automático regenerando o token via QualiexErrorInterceptor.","Em produção, o componente deve ser colocado no AppHeader — já está integrado no forlogic-core."]})}export{r as UpdatesNotificationDoc};

package/dist/assets/UsersGroupsSelectorDoc-C0KlTAL5.js

@@ -0,0 +1,18 @@
+import{r as a,j as e,o as v,N as K,O as L,Q as T,R as B,V as G,d7 as H,K as Q,ab as $,m as w,aG as J,aH as W,bp as X,aI as Y}from"./index-DkiftrvI.js";import{E as x}from"./ExampleCard-DuLrb3t-.js";function Z(r){return r.split(" ").slice(0,2).map(t=>t[0]?.toUpperCase()??"").join("")}function S(r){return(r??"").normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}function f({users:r,groups:t=[],value:n,onChange:m,disabled:c=!1,maxHeight:y=350,hideGroupFilter:E=!1,searchPlaceholder:k="Buscar usuário...",selectLabel:_="Selecionar",doneLabel:A="Concluir",allLabel:F="Todos",emptyLabel:M="Nenhum usuário selecionado",selectedLabel:z="selecionado",selectedPluralLabel:O="selecionados",className:D}){const[l,P]=a.useState(!1),[g,C]=a.useState(""),[h,b]=a.useState(void 0),u=a.useMemo(()=>new Set(n),[n]),d=a.useMemo(()=>{let s=r;if(h&&(s=s.filter(o=>o.groupIds?.includes(h))),g){const o=S(g);s=s.filter(i=>S(i.name).includes(o)||S(i.email??"").includes(o))}return s},[r,h,g]),U=a.useMemo(()=>l?d:r.filter(s=>u.has(s.id)),[l,d,r,u]),p=n.length,R=a.useMemo(()=>d.length>0&&d.every(s=>u.has(s.id)),[d,u]),I=a.useCallback(s=>{if(c)return;const o=u.has(s)?n.filter(i=>i!==s):[...n,s];m(o)},[n,u,m,c]),V=a.useCallback(s=>{if(c)return;const o=new Set(d.map(i=>i.id));if(s){const i=new Set([...n,...o]);m(Array.from(i))}else m(n.filter(i=>!o.has(i)))},[n,d,m,c]),q=a.useCallback(()=>{P(s=>!s),C(""),b(void 0)},[]);return e.jsxs("div",{className:v("rounded-md border bg-muted/30",D),children:[(!c||p>0)&&e.jsxs("div",{className:v("flex items-center justify-between px-4 py-2",!c&&"cursor-pointer hover:bg-muted/50"),onClick:c?void 0:q,children:[e.jsx("span",{className:"text-sm font-medium text-primary uppercase",children:!c&&(l?A:_)}),e.jsx("span",{className:"text-xs text-muted-foreground",children:p>0&&`${p} ${p===1?z:O}`})]}),e.jsxs("div",{className:"px-4 pb-3",children:[l&&e.jsxs("div",{className:"flex gap-3 mb-3",children:[!E&&t.length>0&&e.jsxs(K,{value:h??"__all__",onValueChange:s=>b(s==="__all__"?void 0:s),children:[e.jsx(L,{className:"w-[200px] h-9 text-sm",children:e.jsx(T,{placeholder:"Grupo de usuários"})}),e.jsxs(B,{children:[e.jsx(G,{value:"__all__",children:"Todos os grupos"}),t.map(s=>e.jsx(G,{value:s.id,children:s.name},s.id))]})]}),e.jsxs("div",{className:"relative flex-1",children:[e.jsx(H,{className:"absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"}),e.jsx(Q,{className:"pl-8 h-9 text-sm",placeholder:k,value:g,onChange:s=>C(s.target.value)})]})]}),!l&&p===0&&e.jsxs("div",{className:"flex items-center justify-center py-4 text-sm text-muted-foreground",children:[e.jsx($,{className:"h-4 w-4 mr-2"}),M]}),l&&d.length>0&&e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(w,{checked:R,onCheckedChange:s=>V(!!s)}),e.jsx("span",{className:"text-sm",children:F})]}),U.length>0&&e.jsx(J,{style:{maxHeight:y},className:"pr-2",children:e.jsx("div",{className:"space-y-0.5",children:U.map(s=>e.jsxs("div",{className:v("flex items-center gap-3 rounded-md bg-background px-3 py-2 text-sm",l&&!c&&"cursor-pointer hover:bg-accent/50"),onClick:l?()=>I(s.id):void 0,children:[l&&e.jsx(w,{checked:u.has(s.id),onCheckedChange:()=>I(s.id),onClick:o=>o.stopPropagation()}),e.jsxs(W,{className:"h-8 w-8 shrink-0",children:[s.avatar&&e.jsx(X,{src:s.avatar,alt:s.name}),e.jsx(Y,{className:"text-xs",children:Z(s.name)})]}),e.jsxs("div",{className:"flex flex-col min-w-0",children:[e.jsx("span",{className:"font-normal truncate",children:s.name}),s.email&&e.jsx("span",{className:"text-xs text-muted-foreground truncate",children:s.email})]})]},s.id))})}),l&&d.length===0&&e.jsx("div",{className:"flex items-center justify-center py-4 text-sm text-muted-foreground",children:"Nenhum usuário encontrado"})]})]})}const N=[{id:"g1",name:"Qualidade"},{id:"g2",name:"Produção"},{id:"g3",name:"Engenharia"}],j=[{id:"u1",name:"João Silva",email:"joao@example.com",groupIds:["g1"]},{id:"u2",name:"Maria Santos",email:"maria@example.com",groupIds:["g1","g2"]},{id:"u3",name:"Carlos Mendes",email:"carlos@example.com",groupIds:["g2"]},{id:"u4",name:"Ana Costa",email:"ana@example.com",groupIds:["g3"]},{id:"u5",name:"Pedro Oliveira",email:"pedro@example.com",groupIds:["g1","g3"]},{id:"u6",name:"Fernanda Lima",email:"fernanda@example.com",groupIds:["g2"]},{id:"u7",name:"Lucas Souza",email:"lucas@example.com",groupIds:["g3"]},{id:"u8",name:"Beatriz Almeida",email:"beatriz@example.com",groupIds:["g1","g2"]}];function ee(){const[r,t]=a.useState(["u1","u3"]);return e.jsx("div",{className:"max-w-lg",children:e.jsx(f,{users:j,groups:N,value:r,onChange:t})})}function se(){const[r,t]=a.useState([]);return e.jsx("div",{className:"max-w-lg",children:e.jsx(f,{users:j,groups:N,value:r,onChange:t})})}function re(){const[r,t]=a.useState(["u2"]);return e.jsx("div",{className:"max-w-lg",children:e.jsx(f,{users:j,value:r,onChange:t,hideGroupFilter:!0})})}function ae(){return e.jsx("div",{className:"max-w-lg",children:e.jsx(f,{users:j,groups:N,value:["u1","u4","u5"],onChange:()=>{},disabled:!0})})}function le(){return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold mb-2",children:"Users Groups Selector"}),e.jsxs("p",{className:"text-muted-foreground",children:["Seletor de usuários por grupo com checkbox, busca por nome/email, filtro por grupo e seleção em lote. Portado de ",e.jsx("code",{children:"qex-users-groups"})," (v1)."]})]}),e.jsx(x,{title:"Com membros pré-selecionados",description:"Clique em 'Selecionar' para abrir o modo de edição com filtro por grupo e busca.",preview:e.jsx(ee,{}),code:`const [ids, setIds] = useState(['u1', 'u3']);
+
+<UsersGroupsSelector
+  users={users}
+  groups={groups}
+  value={ids}
+  onChange={setIds}
+/>`}),e.jsx(x,{title:"Vazio",description:"Estado vazio com mensagem padrão.",preview:e.jsx(se,{}),code:"<UsersGroupsSelector users={users} groups={groups} value={[]} onChange={setIds} />"}),e.jsx(x,{title:"Sem filtro de grupo",description:"Oculta o dropdown de grupo, exibindo apenas a busca por texto.",preview:e.jsx(re,{}),code:"<UsersGroupsSelector users={users} value={ids} onChange={setIds} hideGroupFilter />"}),e.jsx(x,{title:"Desabilitado",description:"Exibe somente os usuários selecionados, sem possibilidade de edição.",preview:e.jsx(ae,{}),code:"<UsersGroupsSelector users={users} value={['u1', 'u4']} onChange={() => {}} disabled />"}),e.jsx(x,{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 { UsersGroupsSelector } from 'forlogic-core';
+import type { UsersGroupUser, UsersGroup } from 'forlogic-core';`}),code:`import { UsersGroupsSelector } from 'forlogic-core';
+import type { UsersGroupUser, UsersGroup } from 'forlogic-core';
+
+<UsersGroupsSelector
+  users={availableUsers}
+  groups={userGroups}
+  value={selectedUserIds}
+  onChange={setSelectedUserIds}
+  maxHeight={400}
+/>`})]})}export{le as UsersGroupsSelectorDoc};

package/dist/assets/UtilitiesDoc-DGxaHVV1.js

@@ -0,0 +1,145 @@
+import{j as e}from"./index-DkiftrvI.js";import{C as a}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const o=`import { cn, formatDatetime, formatCurrency } from 'forlogic-core';
+
+// Combinar classes com cn()
+<div className={cn("base-class", isActive && "active-class")} />
+
+// Formatar data/hora
+formatDatetime("2024-03-15T14:30:00Z"); // "15/03/2024 14:30"
+
+// Formatar moeda
+formatCurrency(1234.56); // "R$ 1.234,56"`,t=`import { cn } from 'forlogic-core';
+
+// ✅ Combinar classes estáticas
+<div className={cn("p-4 rounded-lg", "bg-background")} />
+// Resultado: "p-4 rounded-lg bg-background"
+
+// ✅ Classes condicionais
+<Button className={cn(
+  "base-button",
+  isLoading && "opacity-50 cursor-wait",
+  variant === "primary" && "bg-primary text-primary-foreground"
+)} />
+
+// ✅ Resolver conflitos do Tailwind automaticamente
+<div className={cn("px-4 py-2", "px-8")} />
+// Resultado: "py-2 px-8" (px-4 é substituído por px-8)
+
+// ✅ Ignorar valores falsy
+<div className={cn(
+  "flex",
+  undefined,
+  null,
+  false,
+  "",
+  "items-center"
+)} />
+// Resultado: "flex items-center"
+
+// ✅ Usar com arrays e objetos
+<div className={cn([
+  "base",
+  { "active": isActive, "disabled": isDisabled }
+])} />`,r=`import { formatDatetime } from 'forlogic-core';
+
+// ⚠️ ATENÇÃO: Para componentes React, prefira useI18nFormatters
+// A função formatDatetime é útil para uso fora de componentes
+
+// ✅ Formato padrão (dd/MM/yyyy HH:mm)
+formatDatetime("2024-03-15T14:30:00Z");
+// Resultado: "15/03/2024 14:30"
+
+// ✅ Com formato customizado
+formatDatetime("2024-03-15T14:30:00Z", "MM/dd/yyyy hh:mm a");
+// Resultado: "03/15/2024 02:30 PM"
+
+// ✅ Com locale para nomes de mês
+formatDatetime("2024-03-15T14:30:00Z", "d MMM yyyy, HH:mm", "America/Sao_Paulo", "pt-BR");
+// Resultado: "15 Mar 2024, 14:30"
+
+// ✅ String vazia retorna vazio
+formatDatetime("");
+// Resultado: ""
+
+// ✅ Data inválida
+formatDatetime("invalid-date");
+// Resultado: "Data inválida"
+
+// ✅✅ RECOMENDADO: Usando hook useI18nFormatters
+// Respeita automaticamente as preferências do usuário (formato, timezone, locale)
+import { useI18nFormatters } from 'forlogic-core';
+
+function UserDateDisplay({ date }: { date: string }) {
+  const { formatDatetime, formatDate } = useI18nFormatters();
+  
+  return (
+    <div>
+      <span>{formatDatetime(date)}</span> {/* Usa configuração do usuário */}
+      <span>{formatDate(date)}</span>      {/* Data sem hora, localizada */}
+    </div>
+  );
+}`,s=`import { formatCurrency } from 'forlogic-core';
+
+// ✅ Formato padrão (BRL)
+formatCurrency(1234.56);
+// Resultado: "R$ 1.234,56"
+
+formatCurrency(0);
+// Resultado: "R$ 0,00"
+
+// ✅ Valores null/undefined
+formatCurrency(null);
+// Resultado: "R$ 0,00"
+
+formatCurrency(undefined);
+// Resultado: "R$ 0,00"
+
+// ✅ Valores negativos
+formatCurrency(-500.00);
+// Resultado: "-R$ 500,00"
+
+// ✅ Usando em tabelas
+const columns = [
+  {
+    key: 'valor',
+    label: 'Valor',
+    render: (row) => formatCurrency(row.valor)
+  }
+];
+
+// ✅ Versão avançada com locale/currency customizados
+import { formatCurrency } from 'forlogic-core/modular';
+
+// Formato USD
+formatCurrency(1234.56, 'USD', 'en-US');
+// Resultado: "$1,234.56"
+
+// Formato EUR
+formatCurrency(1234.56, 'EUR', 'de-DE');
+// Resultado: "1.234,56 €"`,n=`import { 
+  trimTextFields, 
+  debounce, 
+  slugify,
+  handleExternalLink 
+} from 'forlogic-core';
+
+// ✅ trimTextFields - Remove espaços em branco
+const data = { name: "  João  ", email: "  email@test.com  " };
+trimTextFields(data);
+// Resultado: { name: "João", email: "email@test.com" }
+
+// ✅ debounce - Atrasa execução de função
+const handleSearch = debounce((query: string) => {
+  fetchResults(query);
+}, 300); // 300ms de delay
+
+// ✅ slugify - Converte texto para slug URL-friendly
+slugify("Meu Título Especial!");
+// Resultado: "meu-titulo-especial"
+
+slugify("Ação & Reação");
+// Resultado: "acao-reacao"
+
+// ✅ handleExternalLink - Abre link externo com segurança
+<Button onClick={() => handleExternalLink("https://example.com")}>
+  Visitar Site
+</Button>`,i=[{name:"cn(...inputs)",type:"(...inputs: ClassValue[]) => string",default:"-",description:"Combina classes CSS com tailwind-merge + clsx. Resolve conflitos automaticamente."},{name:"formatDatetime(dateString, format?, tz?, locale?)",type:"(dateString: string, format?: string, timezone?: string, locale?: string) => string",default:"dd/MM/yyyy HH:mm, America/Sao_Paulo, pt-BR",description:"Formata string ISO para data/hora. Para componentes React, prefira useI18nFormatters."},{name:"formatCurrency(value, currency?, locale?)",type:"(value: number | null | undefined, currency?: string, locale?: string) => string",default:"BRL, pt-BR",description:"Formata número como moeda. Padrão: Real Brasileiro."},{name:"trimTextFields(data)",type:"(data: any) => any",default:"-",description:"Remove espaços em branco de strings em objetos recursivamente."},{name:"debounce(func, wait)",type:"(func: Function, wait: number) => Function",default:"-",description:'Cria versão "debounced" de uma função que atrasa execução.'},{name:"slugify(text)",type:"(text: string) => string",default:"-",description:"Converte texto para slug URL-friendly (lowercase, sem acentos, hifenizado)."},{name:"handleExternalLink(url)",type:"(url: string) => void",default:"-",description:"Abre link externo em nova aba com noopener/noreferrer."}];function c(){return e.jsx(a,{title:"Utilities",description:"Funções utilitárias essenciais exportadas pela biblioteca para manipulação de classes CSS, formatação de datas e valores monetários.",usage:o,examples:[{title:"cn() - Class Names",description:"Combina classes CSS usando clsx + tailwind-merge. Resolve conflitos automaticamente.",preview:e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"p-4 rounded-lg bg-muted text-sm font-mono",children:'cn("p-4", "p-8") → "p-8"'}),e.jsx("div",{className:"p-4 rounded-lg bg-primary text-primary-foreground text-sm font-mono",children:'cn("bg-red-500", "bg-primary") → "bg-primary"'})]}),code:t},{title:"formatDatetime()",description:"Formata strings ISO 8601 para formato brasileiro legível.",preview:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'"2024-03-15T14:30:00Z" → "15/03/2024 14:30"'}),e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'"" → ""'}),e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'"invalid" → "Data inválida"'})]}),code:r},{title:"formatCurrency()",description:"Formata números como valores monetários com suporte a múltiplas moedas.",preview:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'1234.56 → "R$ 1.234,56"'}),e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'null → "R$ 0,00"'}),e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'-500 → "-R$ 500,00"'})]}),code:s},{title:"Outras Utilities",description:"trimTextFields, debounce, slugify e handleExternalLink.",preview:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsx("div",{className:"p-3 bg-muted rounded-lg font-mono",children:'slugify("Ação & Reação") → "acao-reacao"'}),e.jsxs("div",{className:"p-3 bg-muted rounded-lg font-mono",children:["trimTextFields(","  name  ",") → ","name"]})]}),code:n}],props:i,notes:["cn() é essencial para componentes com classes condicionais - nunca concatene strings manualmente.","**useI18nFormatters** é o método RECOMENDADO para formatação de datas em componentes React - respeita as preferências do usuário.","formatDatetime() direta é útil apenas fora de componentes React (scripts, services, etc).","As constantes de formato (DATETIME_FORMATS, TIMEZONES, SUPPORTED_LOCALES) estão em lib/i18n/constants.ts.",'formatCurrency() aceita null/undefined retornando "R$ 0,00" para evitar erros de renderização.',"Todas as utilities são tree-shakeable - importe apenas o que usar.","debounce é útil para inputs de busca e eventos de resize/scroll."]})}export{c as default};