forlogic-core 1.16.6 → 1.16.8

package/dist/assets/BreadcrumbDoc-D7tqqTvo.js

@@ -0,0 +1,75 @@
+import{j as e,dc as m,dd as c,de as r,df as d,dg as i,dh as a,di as s,dj as t}from"./index-CE0k7Rdh.js";import{C as o}from"./ComponentDocTemplate-CRbRY-v5.js";function l(){return e.jsx(o,{title:"Breadcrumb",description:"Exibe o caminho até o recurso atual usando uma hierarquia de links.",component:e.jsx(m,{children:e.jsxs(c,{children:[e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/",children:"Home"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/ds",children:"Componentes"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(s,{children:"Breadcrumb"})})]})}),usage:`import { Link } from "react-router-dom"
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "forlogic-core"
+
+// ✅ CORRETO: Usar asChild + Link para navegação SPA
+<Breadcrumb>
+  <BreadcrumbList>
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/">Home</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/componentes">Componentes</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+    </BreadcrumbItem>
+  </BreadcrumbList>
+</Breadcrumb>
+
+// ❌ ERRADO: Usar href diretamente (causa reload da página)
+<BreadcrumbLink href="/componentes">Componentes</BreadcrumbLink>`,examples:[{title:"Navegação SPA com React Router",description:"Use asChild + Link para navegação sem reload da página.",preview:e.jsx(m,{children:e.jsxs(c,{children:[e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/",children:"Home"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/ds",children:"Design System"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(s,{children:"Breadcrumb"})})]})}),code:`import { Link } from "react-router-dom"
+
+<Breadcrumb>
+  <BreadcrumbList>
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/">Home</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/ds">Design System</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+    </BreadcrumbItem>
+  </BreadcrumbList>
+</Breadcrumb>`},{title:"Colapsado com Ellipsis",description:"Use BreadcrumbEllipsis para mostrar um estado colapsado quando o breadcrumb for muito longo.",preview:e.jsx(m,{children:e.jsxs(c,{children:[e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/",children:"Home"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(t,{})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(d,{asChild:!0,children:e.jsx(i,{to:"/ds",children:"Componentes"})})}),e.jsx(a,{}),e.jsx(r,{children:e.jsx(s,{children:"Breadcrumb"})})]})}),code:`<Breadcrumb>
+  <BreadcrumbList>
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/">Home</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbEllipsis />
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbLink asChild>
+        <Link to="/componentes">Componentes</Link>
+      </BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+    </BreadcrumbItem>
+  </BreadcrumbList>
+</Breadcrumb>`}],props:[{name:"Breadcrumb",type:"nav",default:"-",description:'Elemento raiz do breadcrumb. Renderiza um elemento nav com aria-label="breadcrumb".'},{name:"BreadcrumbList",type:"ol",default:"-",description:"Lista ordenada que contém os itens do breadcrumb."},{name:"BreadcrumbItem",type:"li",default:"-",description:"Item individual do breadcrumb."},{name:"BreadcrumbLink",type:"a",default:"-",description:"Link clicável do breadcrumb. Use asChild + Link para navegação SPA."},{name:"asChild",type:"boolean",default:"false",description:"Permite compor com Link do React Router para navegação SPA."},{name:"BreadcrumbPage",type:"span",default:"-",description:'Representa a página atual (não clicável). Possui aria-current="page".'},{name:"BreadcrumbSeparator",type:"li",default:"ChevronRight",description:"Separador visual entre itens do breadcrumb."},{name:"BreadcrumbEllipsis",type:"span",default:"-",description:"Indica itens ocultos (reticências). Usado para breadcrumbs colapsados."}],accessibility:['Usa elemento nav com aria-label="breadcrumb" para identificação por leitores de tela.',"Estrutura HTML semântica com lista ordenada (ol > li).",'Página atual marcada com aria-current="page" e aria-disabled="true".','Separadores marcados com role="presentation" e aria-hidden="true".','BreadcrumbEllipsis inclui texto sr-only "Mais" para leitores de tela.',"Links navegáveis por teclado com foco visível.","Segue padrão WAI-ARIA Breadcrumb."],notes:["⚠️ OBRIGATÓRIO: Use asChild + Link do React Router para navegação SPA sem reload.","Use BreadcrumbPage para o item final (página atual) em vez de BreadcrumbLink.","Considere colapsar itens intermediários em telas menores usando BreadcrumbEllipsis.","Evite usar href diretamente - causa reload completo da página."]})}export{l as BreadcrumbDoc};

package/dist/assets/ButtonDoc-C4JwIvU3.js

@@ -0,0 +1,41 @@
+import{j as a,f as t,P as e,v as n,w as i,x as r,T as s,y as o}from"./index-CE0k7Rdh.js";import{C as l}from"./ComponentDocTemplate-CRbRY-v5.js";function u(){return a.jsx(l,{title:"Button",description:"Componente de botão com variantes semânticas, tamanhos e estados. Use para ações primárias, secundárias e destrutivas.",component:a.jsx(t,{children:"Button"}),usage:`import { Button } from "forlogic-core"
+
+<Button>Click me</Button>
+<Button variant="primary">Primary</Button>
+<Button variant="destructive">Delete</Button>`,examples:[{title:"Variantes Semânticas",preview:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(t,{variant:"primary",children:"Primary"}),a.jsx(t,{variant:"secondary",children:"Secondary"}),a.jsx(t,{variant:"tertiary",children:"Tertiary"}),a.jsx(t,{variant:"outline",children:"Outline"}),a.jsx(t,{variant:"ghost",children:"Ghost"}),a.jsx(t,{variant:"subtle",children:"Subtle"}),a.jsx(t,{variant:"danger",children:"Danger"}),a.jsx(t,{variant:"link",children:"Link"})]}),code:`<Button variant="primary">Primary</Button>
+<Button variant="secondary">Secondary</Button>
+<Button variant="tertiary">Tertiary</Button>
+<Button variant="outline">Outline</Button>
+<Button variant="ghost">Ghost</Button>
+<Button variant="subtle">Subtle</Button>
+<Button variant="danger">Danger</Button>
+<Button variant="link">Link</Button>`},{title:"Variantes Legadas (Deprecated)",preview:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(t,{variant:"default",children:"default"}),a.jsx(t,{variant:"action",children:"action"}),a.jsx(t,{variant:"action-primary",children:"action-primary"}),a.jsx(t,{variant:"action-secondary",children:"action-secondary"}),a.jsx(t,{variant:"icon-only",children:"icon-only"}),a.jsx(t,{variant:"external-link",children:"external-link"}),a.jsx(t,{variant:"loading",children:"loading"})]}),code:`// ⚠️ DEPRECATED: Variantes mantidas para compatibilidade
+// Use as variantes semânticas (primary, secondary, etc.)
+<Button variant="default">default</Button>         // → use primary
+<Button variant="action">action</Button>           // → use primary/10
+<Button variant="action-primary">action-primary</Button> // → use primary
+<Button variant="action-secondary">action-secondary</Button> // → use secondary
+<Button variant="icon-only">icon-only</Button>     // → use variant="icon"
+<Button variant="external-link">external-link</Button> // → use subtle
+<Button variant="loading">loading</Button>         // → use primary + disabled`},{title:"Tamanhos",preview:a.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[a.jsx(t,{variant:"primary",size:"sm",children:"Small"}),a.jsx(t,{variant:"primary",size:"md",children:"Medium"}),a.jsx(t,{variant:"primary",size:"lg",children:"Large"}),a.jsx(t,{variant:"primary",size:"xl",children:"Extra Large"})]}),code:`<Button size="sm">Small</Button>
+<Button size="md">Medium</Button>
+<Button size="lg">Large</Button>
+<Button size="xl">Extra Large</Button>`},{title:"Botões de Ícone",preview:a.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[a.jsx(t,{variant:"outline",size:"icon-xs",children:a.jsx(e,{className:"h-3 w-3"})}),a.jsx(t,{variant:"outline",size:"icon-sm",children:a.jsx(e,{className:"h-4 w-4"})}),a.jsx(t,{variant:"outline",size:"icon",children:a.jsx(n,{className:"h-4 w-4"})})]}),code:`<Button size="icon-xs"><Plus /></Button>
+<Button size="icon-sm"><Plus /></Button>
+<Button size="icon"><Settings /></Button>`},{title:"Estados",preview:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(t,{children:"Normal"}),a.jsx(t,{disabled:!0,children:"Disabled"}),a.jsxs(t,{disabled:!0,children:[a.jsx(i,{className:"mr-2 h-4 w-4 animate-spin"}),"Loading"]})]}),code:`<Button>Normal</Button>
+<Button disabled>Disabled</Button>
+<Button disabled>
+  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+  Loading
+</Button>`},{title:"Com Ícones",preview:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsxs(t,{variant:"primary",children:[a.jsx(r,{className:"mr-2 h-4 w-4"}),"Download"]}),a.jsxs(t,{variant:"secondary",children:[a.jsx(e,{className:"mr-2 h-4 w-4"}),"Adicionar"]}),a.jsxs(t,{variant:"danger",children:[a.jsx(s,{className:"mr-2 h-4 w-4"}),"Excluir"]}),a.jsxs(t,{variant:"outline",children:["Próximo",a.jsx(o,{className:"ml-2 h-4 w-4"})]})]}),code:`<Button variant="primary">
+  <Download className="mr-2 h-4 w-4" />
+  Download
+</Button>
+<Button variant="secondary">
+  <Plus className="mr-2 h-4 w-4" />
+  Adicionar
+</Button>
+<Button variant="danger">
+  <Trash2 className="mr-2 h-4 w-4" />
+  Excluir
+</Button>`}],props:[{name:"variant",type:'"primary" | "secondary" | "tertiary" | "outline" | "ghost" | "subtle" | "danger" | "destructive" | "link" | "icon"',default:'"primary"',description:'Variante visual do botão. Use "danger" para ações destrutivas (alias de "destructive").'},{name:"size",type:'"sm" | "md" | "lg" | "xl" | "icon" | "icon-sm" | "icon-xs" | "default"',default:'"md"',description:"Tamanho do botão."},{name:"asChild",type:"boolean",default:"false",description:"Renderiza como elemento filho (ex: Link)."},{name:"disabled",type:"boolean",default:"false",description:"Estado desabilitado."}],accessibility:["Acessível via teclado (Tab, Enter, Space)","Indicador de foco visível (focus-visible)","Estado desabilitado comunicado a leitores de tela","Botões de ícone devem ter aria-label","Tamanho mínimo de toque de 44x44px no mobile"],notes:['✅ Use variant="primary" para a ação principal da página',"✅ Limite a um botão primário por seção",'✅ Use variant="danger" para ações destrutivas (consistente com Alert e Badge)',"✅ Inclua estado de loading para ações assíncronas","❌ Não use múltiplos botões primários no mesmo contexto","❌ Não crie estilos customizados fora do design system"]})}export{u as ButtonDoc};

package/dist/assets/ButtonGroupDoc-QFfjC7Pm.js

@@ -0,0 +1,7 @@
+import{r as s,j as t,l as d,z as u,f as o}from"./index-CE0k7Rdh.js";import{C as l}from"./ComponentDocTemplate-CRbRY-v5.js";const c=u("flex items-center",{variants:{orientation:{horizontal:"flex-row [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}}),e=s.forwardRef(({className:n,orientation:a,...r},i)=>t.jsx("div",{ref:i,className:d(c({orientation:a}),n),...r}));e.displayName="ButtonGroup";function f(){return t.jsx(l,{title:"Button Group",description:"Agrupa botões relacionados com espaçamento e bordas apropriados.",component:t.jsxs(e,{children:[t.jsx(o,{variant:"outline",children:"Esquerda"}),t.jsx(o,{variant:"outline",children:"Meio"}),t.jsx(o,{variant:"outline",children:"Direita"})]}),usage:`import { ButtonGroup, Button } from "forlogic-core"
+
+<ButtonGroup>
+  <Button variant="outline">Esquerda</Button>
+  <Button variant="outline">Meio</Button>
+  <Button variant="outline">Direita</Button>
+</ButtonGroup>`,props:[{name:"orientation",type:'"horizontal" | "vertical"',default:'"horizontal"',description:"Orientação do grupo de botões."},{name:"className",type:"string",default:"-",description:"Classes CSS adicionais para estilização."},{name:"children",type:"ReactNode",default:"-",description:"Botões a serem agrupados."}],accessibility:["Mantém acessibilidade individual dos botões","Gerenciamento adequado de foco","Navegação por teclas de seta entre botões"]})}export{f as ButtonGroupDoc};

package/dist/assets/CalendarDoc-COlEKqmv.js

@@ -0,0 +1,81 @@
+import{aO as C,aP as S,r as s,j as e,aQ as D,L as n,f as r}from"./index-CE0k7Rdh.js";import{C as f}from"./ComponentDocTemplate-CRbRY-v5.js";import{C as m,D as d}from"./date-picker-zhJU-_kM.js";function p(l,o){const i=C(l);return isNaN(o)?S(l,NaN):(o&&i.setDate(i.getDate()+o),i)}function g(l,o){return p(l,-7)}function N(){const[l,o]=s.useState(new Date),[i,u]=s.useState();return e.jsx(f,{title:"Calendar & Date Picker",description:"Componentes para seleção de datas. O Calendar exibe um calendário interativo, enquanto o Date Picker combina um campo de input com o calendário em um popover.",component:e.jsxs("div",{className:"flex flex-wrap gap-8 items-start",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(n,{className:"text-xs text-muted-foreground",children:"Calendar"}),e.jsx(m,{mode:"single",selected:l,onSelect:o,className:"rounded-md border"})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(n,{className:"text-xs text-muted-foreground",children:"Date Picker"}),e.jsx(d,{date:i,onDateChange:u,placeholder:"Selecione uma data",className:"w-[280px]"})]})]}),usage:`import { Calendar, DatePicker } from "forlogic-core"
+import { useState } from "react"
+
+// Calendar
+const [date, setDate] = useState<Date | undefined>(new Date())
+
+<Calendar
+  mode="single"
+  selected={date}
+  onSelect={setDate}
+  className="rounded-md border"
+/>
+
+// Date Picker
+<DatePicker 
+  date={date}
+  onDateChange={setDate}
+  placeholder="Selecione uma data"
+/>`,examples:[{title:"Calendar - Seleção Única",preview:(()=>{const[a,t]=s.useState();return e.jsxs("div",{className:"space-y-4",children:[e.jsx(m,{mode:"single",selected:a,onSelect:t,className:"rounded-md border"}),a&&e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Data selecionada: ",D(a,"dd/MM/yyyy")]})]})})(),code:`const [date, setDate] = useState<Date>();
+
+<Calendar 
+  mode="single" 
+  selected={date}
+  onSelect={setDate}
+  className="rounded-md border"
+/>`},{title:"Calendar - Seleção Múltipla",preview:(()=>{const[a,t]=s.useState([]);return e.jsxs("div",{className:"space-y-4",children:[e.jsx(m,{mode:"multiple",selected:a,onSelect:t,className:"rounded-md border"}),a&&a.length>0&&e.jsxs("p",{className:"text-sm text-muted-foreground",children:[a.length," data(s) selecionada(s)"]})]})})(),code:`const [dates, setDates] = useState<Date[]>([]);
+
+<Calendar 
+  mode="multiple" 
+  selected={dates}
+  onSelect={setDates}
+/>`},{title:"Date Picker - Básico",preview:(()=>{const[a,t]=s.useState();return e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione uma data",className:"w-[280px]"})})(),code:`const [date, setDate] = useState<Date>();
+
+<DatePicker 
+  date={date}
+  onDateChange={setDate}
+  placeholder="Selecione uma data"
+/>`},{title:"Date Picker - Controlado",preview:(()=>{const[a,t]=s.useState();return e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione uma data",className:"w-[280px]"})})(),code:`const [date, setDate] = useState<Date>();
+
+<DatePicker 
+  date={date}
+  onDateChange={setDate}
+  placeholder="Selecione uma data" 
+/>`},{title:"Date Picker - Com Label",preview:(()=>{const[a,t]=s.useState();return e.jsxs("div",{className:"space-y-2 w-[280px]",children:[e.jsx(n,{children:"Data de Nascimento"}),e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione sua data de nascimento"})]})})(),code:`<div className="space-y-2">
+  <Label>Data de Nascimento</Label>
+  <DatePicker 
+    date={date}
+    onDateChange={setDate}
+    placeholder="Selecione sua data de nascimento"
+  />
+</div>`},{title:"Date Picker - Desabilitado",preview:e.jsx(d,{placeholder:"Data desabilitada",disabled:!0,className:"w-[280px]"}),code:'<DatePicker placeholder="Data desabilitada" disabled />'},{title:"Date Picker - Com Datas Restritas",preview:(()=>{const[a,t]=s.useState();return e.jsxs("div",{className:"space-y-2 w-[280px]",children:[e.jsx(n,{children:"Apenas datas futuras"}),e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione uma data futura",disabledDates:c=>c<new Date})]})})(),code:`<DatePicker 
+  date={date}
+  onDateChange={setDate}
+  disabledDates={(date) => date < new Date()}
+/>`},{title:"Formulário de Agendamento",preview:(()=>{const[a,t]=s.useState(),[c,x]=s.useState();return e.jsxs("div",{className:"space-y-4 w-[280px]",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(n,{children:"Data de Início"}),e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione a data de início"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(n,{children:"Data de Término"}),e.jsx(d,{date:c,onDateChange:x,placeholder:"Selecione a data de término",disabledDates:h=>a?h<a:!1})]}),a&&c&&e.jsxs("div",{className:"p-3 bg-muted rounded-md text-sm",children:[e.jsx("p",{className:"font-medium",children:"Período:"}),e.jsxs("p",{className:"text-muted-foreground",children:[D(a,"dd/MM/yyyy")," até ",D(c,"dd/MM/yyyy")]})]})]})})(),code:`const [startDate, setStartDate] = useState<Date>();
+const [endDate, setEndDate] = useState<Date>();
+
+<div className="space-y-2">
+  <Label>Data de Início</Label>
+  <DatePicker 
+    date={startDate}
+    onDateChange={setStartDate}
+  />
+</div>
+
+<div className="space-y-2">
+  <Label>Data de Término</Label>
+  <DatePicker 
+    date={endDate}
+    onDateChange={setEndDate}
+    disabledDates={(date) => date < startDate}
+  />
+</div>`},{title:"Date Picker com Atalhos",preview:(()=>{const[a,t]=s.useState();return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2 w-[280px]",children:[e.jsx(n,{children:"Selecione ou use um atalho"}),e.jsx(d,{date:a,onDateChange:t,placeholder:"Selecione uma data"})]}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(r,{variant:"outline",size:"sm",onClick:()=>t(new Date),children:"Hoje"}),e.jsx(r,{variant:"outline",size:"sm",onClick:()=>t(p(new Date,1)),children:"Amanhã"}),e.jsx(r,{variant:"outline",size:"sm",onClick:()=>t(p(new Date,7)),children:"+7 dias"}),e.jsx(r,{variant:"outline",size:"sm",onClick:()=>t(g(new Date)),children:"-7 dias"})]})]})})(),code:`const [date, setDate] = useState<Date>();
+
+<DatePicker 
+  date={date}
+  onDateChange={setDate}
+/>
+
+<Button onClick={() => setDate(new Date())}>Hoje</Button>
+<Button onClick={() => setDate(addDays(new Date(), 1))}>Amanhã</Button>`}],props:[{name:"mode",type:'"single" | "multiple" | "range"',default:'"single"',description:"(Calendar) O modo de seleção."},{name:"selected",type:"Date | Date[] | DateRange",default:"-",description:"(Calendar) A(s) data(s) selecionada(s)."},{name:"onSelect",type:"(date) => void",default:"-",description:"(Calendar) Callback quando uma data é selecionada."},{name:"disabled",type:"(date: Date) => boolean",default:"-",description:"(Calendar) Função para desabilitar datas específicas."},{name:"showOutsideDays",type:"boolean",default:"true",description:"(Calendar) Exibe dias de meses adjacentes."},{name:"className",type:"string",default:"-",description:"(Calendar) Classes CSS adicionais."},{name:"date",type:"Date",default:"-",description:"(DatePicker) A data selecionada."},{name:"onDateChange",type:"(date: Date | undefined) => void",default:"-",description:"(DatePicker) Callback quando a data muda."},{name:"placeholder",type:"string",default:'"Pick a date"',description:"(DatePicker) Texto do placeholder."},{name:"disabled",type:"boolean",default:"false",description:"(DatePicker) Desabilita o componente."},{name:"disabledDates",type:"(date: Date) => boolean",default:"-",description:"(DatePicker) Função para desabilitar datas específicas."},{name:"className",type:"string",default:"-",description:"(DatePicker) Classes CSS adicionais."}],accessibility:["Navegação completa por teclado","Teclas de seta para navegar entre datas","Page Up/Down para navegação mensal","Labels e roles ARIA apropriados","Gerenciamento de foco adequado"]})}export{N as CalendarDoc};

package/dist/assets/CardDoc-BVhMoC2w.js

@@ -0,0 +1,49 @@
+import{j as e,C as a,a as s,b as t,c as d,d as r,af as i,f as o,ag as c,ah as n}from"./index-CE0k7Rdh.js";import{C as l}from"./ComponentDocTemplate-CRbRY-v5.js";function p(){return e.jsx(l,{title:"Card",description:"Exibe um card com cabeçalho, conteúdo e rodapé.",component:e.jsxs(a,{className:"w-[350px]",children:[e.jsxs(s,{children:[e.jsx(t,{children:"Card Title"}),e.jsx(d,{children:"Card Description"})]}),e.jsx(r,{children:e.jsx("p",{children:"Card Content"})})]}),usage:`import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "forlogic-core"
+
+<Card>
+  <CardHeader>
+    <CardTitle>Card Title</CardTitle>
+    <CardDescription>Card Description</CardDescription>
+  </CardHeader>
+  <CardContent>
+    <p>Card Content</p>
+  </CardContent>
+  <CardFooter>
+    <p>Card Footer</p>
+  </CardFooter>
+</Card>`,examples:[{title:"Card Básico",preview:e.jsxs(a,{className:"w-[350px]",children:[e.jsxs(s,{children:[e.jsx(t,{children:"Criar projeto"}),e.jsx(d,{children:"Implante seu novo projeto em um clique."})]}),e.jsx(r,{children:e.jsx("p",{className:"text-sm text-muted-foreground",children:"Configure seu projeto e comece a desenvolver imediatamente."})}),e.jsxs(i,{className:"flex justify-between",children:[e.jsx(o,{variant:"outline",children:"Cancelar"}),e.jsx(o,{children:"Criar"})]})]}),code:`<Card className="w-[350px]">
+  <CardHeader>
+    <CardTitle>Criar projeto</CardTitle>
+    <CardDescription>Implante seu novo projeto em um clique.</CardDescription>
+  </CardHeader>
+  <CardContent>
+    <p>Configure seu projeto e comece a desenvolver imediatamente.</p>
+  </CardContent>
+  <CardFooter className="flex justify-between">
+    <Button variant="outline">Cancelar</Button>
+    <Button>Criar</Button>
+  </CardFooter>
+</Card>`},{title:"Card com Notificações",preview:e.jsxs(a,{className:"w-[380px]",children:[e.jsxs(s,{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c,{className:"h-4 w-4"}),e.jsx(t,{children:"Notificações"})]}),e.jsx(d,{children:"Você tem 3 notificações não lidas."})]}),e.jsxs(r,{className:"grid gap-4",children:[e.jsx("div",{className:"flex items-center gap-4 rounded-md border p-4",children:e.jsxs("div",{className:"flex-1 space-y-1",children:[e.jsx("p",{className:"text-sm font-medium",children:"Sua chamada foi confirmada."}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Há 1 hora"})]})}),e.jsx("div",{className:"flex items-center gap-4 rounded-md border p-4",children:e.jsxs("div",{className:"flex-1 space-y-1",children:[e.jsx("p",{className:"text-sm font-medium",children:"Você tem uma nova mensagem!"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Há 2 horas"})]})})]}),e.jsx(i,{children:e.jsxs(o,{className:"w-full",children:[e.jsx(n,{className:"mr-2 h-4 w-4"})," Marcar todas como lidas"]})})]}),code:`<Card className="w-[380px]">
+  <CardHeader>
+    <CardTitle>Notificações</CardTitle>
+    <CardDescription>Você tem 3 notificações não lidas.</CardDescription>
+  </CardHeader>
+  <CardContent className="grid gap-4">
+    <div className="flex items-center gap-4 rounded-md border p-4">
+      <div className="flex-1 space-y-1">
+        <p className="text-sm font-medium">Sua chamada foi confirmada.</p>
+        <p className="text-sm text-muted-foreground">Há 1 hora</p>
+      </div>
+    </div>
+  </CardContent>
+  <CardFooter>
+    <Button className="w-full">Marcar todas como lidas</Button>
+  </CardFooter>
+</Card>`},{title:"Card Simples",preview:e.jsx(a,{className:"w-[350px]",children:e.jsx(r,{className:"pt-6",children:e.jsxs("div",{className:"text-center",children:[e.jsx("h3",{className:"text-2xl font-bold",children:"$99"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"por mês"})]})})}),code:`<Card className="w-[350px]">
+  <CardContent className="pt-6">
+    <div className="text-center">
+      <h3 className="text-2xl font-bold">$99</h3>
+      <p className="text-sm text-muted-foreground">por mês</p>
+    </div>
+  </CardContent>
+</Card>`}],props:[{name:"className",type:"string",default:"-",description:"Classes CSS adicionais para o card."}],accessibility:["Estrutura semântica com elementos apropriados","Hierarquia de cabeçalhos adequada","Contraste de cores acessível","Funciona com leitores de tela"]})}export{p as CardDoc};