forlogic-core 1.20.1 → 2.0.1

package/dist/assets/AuthDoc-WIA_Aetl.js

@@ -0,0 +1,200 @@
+import{j as e,a,e0 as s,dn as o,B as i,x as t,aK as r,dw as n,aN as d,a8 as c,dV as l}from"./index-DkiftrvI.js";import{C as u}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function m(){return e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-4",children:[e.jsxs(a,{className:"p-4 border-2",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"p-2 rounded-lg bg-green-500/10",children:e.jsx(c,{className:"h-5 w-5 text-green-500"})}),e.jsx("h4",{className:"font-semibold",children:"AuthProvider"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Context provider que gerencia estado de autenticação global"})]}),e.jsxs(a,{className:"p-4 border-2",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"p-2 rounded-lg bg-blue-500/10",children:e.jsx(s,{className:"h-5 w-5 text-blue-500"})}),e.jsx("h4",{className:"font-semibold",children:"ProtectedRoute"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Componente que protege rotas e redireciona usuários não autenticados"})]}),e.jsxs(a,{className:"p-4 border-2",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"p-2 rounded-lg bg-orange-500/10",children:e.jsx(l,{className:"h-5 w-5 text-orange-500"})}),e.jsx("h4",{className:"font-semibold",children:"TokenManager"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Gerenciador de tokens JWT com validação e refresh automático"})]}),e.jsxs(a,{className:"p-4 border-2",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"p-2 rounded-lg bg-purple-500/10",children:e.jsx(o,{className:"h-5 w-5 text-purple-500"})}),e.jsx("h4",{className:"font-semibold",children:"Multi-Tenant"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Suporte a múltiplas unidades/empresas com troca dinâmica"})]})]})})}function p(){return e.jsxs(a,{className:"p-4 space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Estado de Autenticação (AuthState):"}),e.jsxs("div",{className:"text-sm space-y-2",children:[e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"user"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"User | null"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"companies"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"Company[]"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"alias"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"string | null"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"isAuthenticated"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"boolean"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"isLoading"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"boolean"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"selectedUnit"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"SelectedUnit | null"})]}),e.jsxs("div",{className:"flex justify-between py-1 border-b",children:[e.jsx("code",{className:"text-xs",children:"placeId / placeName"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"string | null"})]}),e.jsxs("div",{className:"flex justify-between py-1",children:[e.jsx("code",{className:"text-xs",children:"activePlaceId / activePlaceName"}),e.jsx("span",{className:"text-muted-foreground text-xs",children:"string | null"})]})]})]})}function x(){return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-primary text-primary-foreground text-sm font-medium",children:"1"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium text-sm",children:"Usuário acessa rota protegida"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"ProtectedRoute verifica isAuthenticated"})]})]}),e.jsx("div",{className:"w-8 border-l-2 border-dashed h-4 ml-4"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-primary text-primary-foreground text-sm font-medium",children:"2"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium text-sm",children:"Redirecionamento para OAuth"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Dev: Token local | Prod: Qualiex OAuth"})]})]}),e.jsx("div",{className:"w-8 border-l-2 border-dashed h-4 ml-4"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-primary text-primary-foreground text-sm font-medium",children:"3"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium text-sm",children:"Callback processa tokens"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"CallbackPage valida e armazena tokens"})]})]}),e.jsx("div",{className:"w-8 border-l-2 border-dashed h-4 ml-4"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex items-center justify-center w-8 h-8 rounded-full bg-green-500 text-white text-sm font-medium",children:"✓"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"font-medium text-sm",children:"Usuário autenticado"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Token Supabase gerado, dados carregados"})]})]})]})}function v(){return e.jsx(u,{title:"Autenticação (Auth)",description:"Sistema completo de autenticação OAuth integrado com Qualiex. Inclui gerenciamento de tokens, rotas protegidas, suporte multi-tenant e troca de unidades.",installation:`import { 
+  useAuth,
+  AuthProvider,
+  ProtectedRoute,
+  LoginPage,
+  CallbackPage
+} from 'forlogic-core';`,component:e.jsx(m,{}),usage:`// App.tsx - Setup básico
+import { CoreProviders, ProtectedRoute } from 'forlogic-core';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+
+function App() {
+  return (
+    <CoreProviders>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/callback" element={<CallbackPage />} />
+          <Route path="/login" element={<LoginPage />} />
+          <Route 
+            path="/*" 
+            element={
+              <ProtectedRoute>
+                <MainApp />
+              </ProtectedRoute>
+            } 
+          />
+        </Routes>
+      </BrowserRouter>
+    </CoreProviders>
+  );
+}`,examples:[{title:"useAuth Hook",description:"Hook principal para acessar dados de autenticação e funções de controle.",preview:e.jsx(p,{}),code:`import { useAuth } from 'forlogic-core';
+
+function UserProfile() {
+  const { 
+    user,              // Dados do usuário logado
+    alias,             // Alias da empresa/unidade ativa
+    companies,         // Lista de empresas disponíveis
+    selectedUnit,      // Unidade atualmente selecionada
+    isAuthenticated,   // true se está logado
+    isLoading,         // true durante inicialização
+    logout,            // Função para fazer logout
+    switchUnit,        // Função para trocar de unidade
+    placeId,           // ID do local do usuário
+    placeName,         // Nome do local do usuário
+  } = useAuth();
+  
+  if (isLoading) return <div>Carregando...</div>;
+  if (!isAuthenticated) return <div>Não autenticado</div>;
+  
+  return (
+    <div>
+      <p>Olá, {user?.name}</p>
+      <p>Empresa: {selectedUnit?.name} ({alias})</p>
+      <p>Local: {placeName}</p>
+      <button onClick={logout}>Sair</button>
+    </div>
+  );
+}`},{title:"Fluxo de Autenticação",description:"Sequência completa desde acesso até autenticação.",preview:e.jsx(x,{}),code:`// O fluxo é gerenciado automaticamente:
+
+// 1. ProtectedRoute detecta usuário não autenticado
+// 2. AuthService.loginProd() redireciona para Qualiex OAuth
+// 3. Usuário faz login no Qualiex
+// 4. Callback recebe tokens na URL
+// 5. CallbackPage processa e valida tokens
+// 6. AuthService.initialize() carrega dados do usuário
+// 7. Token Supabase é gerado via SupabaseTokenService
+// 8. Usuário é redirecionado para página original
+
+// Em desenvolvimento, usa tokens de dev:
+// AuthService.loginDev() gera token via edge function dev-tokens`},{title:"ProtectedRoute",description:"Componente que protege rotas e gerencia redirecionamentos.",preview:e.jsxs(a,{className:"p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{className:"h-5 w-5 text-green-500"}),e.jsx("span",{className:"font-medium",children:"Proteção Automática"})]}),e.jsxs("ul",{className:"text-sm text-muted-foreground space-y-1",children:[e.jsx("li",{children:"• Verifica isAuthenticated do AuthContext"}),e.jsx("li",{children:"• Mostra loading durante inicialização"}),e.jsx("li",{children:"• Redireciona para login se não autenticado"}),e.jsx("li",{children:"• Valida tokens periodicamente (5 min)"}),e.jsx("li",{children:"• Força logout se tokens expirarem"})]})]}),code:`import { ProtectedRoute } from 'forlogic-core';
+
+// Proteger todas as rotas da aplicação
+function App() {
+  return (
+    <Routes>
+      {/* Rotas públicas */}
+      <Route path="/login" element={<LoginPage />} />
+      <Route path="/callback" element={<CallbackPage />} />
+      
+      {/* Rotas protegidas */}
+      <Route 
+        path="/*" 
+        element={
+          <ProtectedRoute>
+            <MainLayout>
+              <Routes>
+                <Route path="/" element={<HomePage />} />
+                <Route path="/settings" element={<SettingsPage />} />
+              </Routes>
+            </MainLayout>
+          </ProtectedRoute>
+        } 
+      />
+    </Routes>
+  );
+}
+
+// ProtectedRoute mostra automaticamente:
+// - Loading durante isLoading
+// - Redirecionamento para OAuth se !isAuthenticated
+// - Conteúdo protegido se autenticado`},{title:"Troca de Unidade (Multi-Tenant)",description:"Suporte a múltiplas empresas/unidades com troca dinâmica.",preview:e.jsxs(a,{className:"p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o,{className:"h-5 w-5 text-blue-500"}),e.jsx("span",{className:"font-medium",children:"Unidades Disponíveis:"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-2 border rounded bg-accent/50",children:[e.jsx("span",{className:"text-sm font-medium",children:"Empresa A"}),e.jsx(i,{variant:"secondary",children:"Ativa"})]}),e.jsxs("div",{className:"flex items-center justify-between p-2 border rounded hover:bg-accent/30 cursor-pointer",children:[e.jsx("span",{className:"text-sm",children:"Empresa B"}),e.jsx(t,{size:"sm",variant:"ghost",children:"Trocar"})]})]})]}),code:`import { useAuth } from 'forlogic-core';
+
+function UnitSelector() {
+  const { companies, alias, switchUnit, isLoading } = useAuth();
+  
+  const handleSwitch = async (company: Company) => {
+    await switchUnit(company);
+    // Automaticamente:
+    // 1. Gera novo token Supabase com novo alias
+    // 2. Limpa cache de queries (React Query)
+    // 3. Atualiza placeId/placeName
+    // 4. Dispara re-fetch de dados
+  };
+  
+  return (
+    <Select 
+      value={alias || ''} 
+      onValueChange={(value) => {
+        const company = companies.find(c => c.alias === value);
+        if (company) handleSwitch(company);
+      }}
+      disabled={isLoading}
+    >
+      <SelectTrigger>
+        <SelectValue placeholder="Selecione a unidade" />
+      </SelectTrigger>
+      <SelectContent>
+        {companies.map(company => (
+          <SelectItem key={company.id} value={company.alias}>
+            {company.name}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}`},{title:"LoginPage",description:"Página de login pronta para uso com suporte a dev/prod.",preview:e.jsxs(a,{className:"p-6 text-center space-y-4 max-w-sm mx-auto",children:[e.jsx("h3",{className:"text-xl font-bold",children:"Acesso ao Sistema"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Faça login para acessar o sistema"}),e.jsx(t,{className:"w-full",children:"Entrar com Qualiex"})]}),code:`import { LoginPage } from 'forlogic-core';
+
+// Uso direto - página pronta
+<Route path="/login" element={<LoginPage />} />
+
+// A LoginPage detecta automaticamente o contexto:
+// - Preview Lovable / localhost: "Login Desenvolvimento" (usa dev-tokens)
+// - Publicado: "Entrar com Qualiex" (OAuth)
+
+// Para customizar, crie sua própria página:
+import { AuthService, shouldUseDevTokens } from 'forlogic-core';
+
+function CustomLoginPage() {
+  const handleLogin = async () => {
+    if (shouldUseDevTokens()) {
+      await AuthService.loginDev();
+    } else {
+      AuthService.loginProd();
+    }
+  };
+
+  return (
+    <div>
+      <h1>Meu Login Customizado</h1>
+      <Button onClick={handleLogin}>Entrar</Button>
+    </div>
+  );
+}`},{title:"CallbackPage",description:"Página de callback que processa tokens OAuth.",preview:e.jsxs(a,{className:"p-6 text-center space-y-4 max-w-sm mx-auto",children:[e.jsx("div",{className:"h-8 w-8 border-4 border-primary border-t-transparent rounded-full animate-spin mx-auto"}),e.jsx("h3",{className:"font-semibold",children:"Processando Autenticação"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Processando tokens e redirecionando..."})]}),code:`import { CallbackPage } from 'forlogic-core';
+
+// Adicionar rota para callback OAuth
+<Route path="/callback" element={<CallbackPage />} />
+
+// A CallbackPage automaticamente:
+// 1. Extrai tokens da URL (query string ou hash)
+// 2. Valida tokens com o AuthService
+// 3. Gera token Supabase
+// 4. Redireciona para página de origem (se salva)
+// 5. Mostra erro com opção de retry se falhar
+
+// A URL de callback deve ser configurada no Qualiex:
+// https://seu-app.com/callback`},{title:"Detecção de Ambiente",description:"Como a lib decide qual API e método de autenticação usar.",preview:e.jsxs(r,{children:[e.jsx(n,{className:"h-4 w-4 text-green-500"}),e.jsx(d,{children:e.jsxs("div",{className:"space-y-1 text-sm",children:[e.jsx("p",{className:"font-medium",children:"Duas decisões independentes:"}),e.jsxs("code",{className:"block text-xs bg-muted p-2 rounded mt-2",children:["shouldUseDevTokens() → auth method",e.jsx("br",{}),"getEnvironmentConfig() → API URL (prod/dev)"]})]})})]}),code:`# Detecção de Ambiente
+
+# A lib separa duas preocupações:
+
+# 1. Método de autenticação (shouldUseDevTokens):
+#    - Preview Lovable (iframe) → dev-tokens
+#    - localhost → dev-tokens
+#    - Publicado → OAuth
+
+# 2. Qual API usar (getEnvironmentConfig):
+#    - Supabase prod (ccjfvpnndclajkleyqkc) → API prod
+#    - Qualquer outro Supabase → API dev
+
+# Variáveis Supabase são extraídas automaticamente
+# de src/integrations/supabase/client.ts via vite.config.ts
+# NÃO precisam estar no .env
+
+# Exemplo de regras:
+# ┌────────────────────────┬──────────┬────────────┐
+# │ Cenário                │ API      │ Auth       │
+# ├────────────────────────┼──────────┼────────────┤
+# │ Preview + Prod Supa    │ Prod     │ dev-tokens │
+# │ Preview + Dev Supa     │ Dev      │ dev-tokens │
+# │ Publicado + Prod Supa  │ Prod     │ OAuth      │
+# │ Publicado + Dev Supa   │ Dev      │ OAuth      │
+# └────────────────────────┴──────────┴────────────┘`}],props:[{name:"useAuth().user",type:"User | null",default:"null",description:"Dados do usuário autenticado."},{name:"useAuth().companies",type:"Company[]",default:"[]",description:"Lista de empresas/unidades disponíveis."},{name:"useAuth().alias",type:"string | null",default:"null",description:"Alias da empresa/unidade ativa."},{name:"useAuth().isAuthenticated",type:"boolean",default:"false",description:"Indica se usuário está autenticado."},{name:"useAuth().isLoading",type:"boolean",default:"true",description:"Indica se está inicializando."},{name:"useAuth().selectedUnit",type:"SelectedUnit | null",default:"null",description:"Unidade atualmente selecionada."},{name:"useAuth().logout",type:"() => void",default:"-",description:"Função para fazer logout."},{name:"useAuth().switchUnit",type:"(company: Company) => Promise<void>",default:"-",description:"Função para trocar de unidade."},{name:"useAuth().placeId",type:"string | null",default:"null",description:"ID do local do usuário."},{name:"useAuth().placeName",type:"string | null",default:"null",description:"Nome do local do usuário."},{name:"ProtectedRoute.children",type:"ReactNode",default:"-",description:"Conteúdo protegido a ser renderizado."}],accessibility:["Loading states são anunciados para leitores de tela.","Botões de login seguem padrões de acessibilidade.","Feedback de erro é apresentado de forma clara.","Focus management correto durante redirecionamentos."],notes:["**CoreProviders** já inclui AuthProvider - não precisa configurar separadamente.","Tokens são validados automaticamente a cada **5-10 minutos**.","Troca de unidade limpa automaticamente o cache do **React Query**.","Em **desenvolvimento**, use a edge function `dev-tokens` para gerar tokens de teste.","A URL de callback (/callback) deve estar configurada no **Qualiex OAuth**.","Locale fixo em **pt-BR** — preferências do usuário serão implementadas futuramente via API externa."]})}export{v as AuthDoc};

package/dist/assets/{AvatarDoc-BLdMoyJd.js → AvatarDoc-B6go1C1T.js}

@@ -1,4 +1,4 @@
-import{j as a,ac as t,ad as r,ae as e}from"./index-CE0k7Rdh.js";import{C as s}from"./ComponentDocTemplate-CRbRY-v5.js";function i(){return a.jsx(s,{title:"Avatar",description:"Um elemento de imagem com fallback para representar o usuário.",component:a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsxs(t,{children:[a.jsx(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a.jsx(e,{children:"CN"})]}),a.jsx(t,{children:a.jsx(e,{children:"JD"})})]}),usage:`import { Avatar, AvatarImage, AvatarFallback } from "forlogic-core"
+import{j as a,aH as t,bp as r,aI as e}from"./index-DkiftrvI.js";import{C as s}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function n(){return a.jsx(s,{title:"Avatar",description:"Um elemento de imagem com fallback para representar o usuário.",component:a.jsxs("div",{className:"flex gap-4 items-center",children:[a.jsxs(t,{children:[a.jsx(r,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a.jsx(e,{children:"CN"})]}),a.jsx(t,{children:a.jsx(e,{children:"JD"})})]}),usage:`import { Avatar, AvatarImage, AvatarFallback } from "forlogic-core"
 
 <Avatar>
   <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
@@ -8,4 +8,4 @@ import{j as a,ac as t,ad as r,ae as e}from"./index-CE0k7Rdh.js";import{C as s}fr
   <AvatarFallback>CN</AvatarFallback>
 </Avatar>`},{title:"Apenas Fallback",preview:a.jsx(t,{children:a.jsx(e,{children:"JD"})}),code:`<Avatar>
   <AvatarFallback>JD</AvatarFallback>
-</Avatar>`}],props:[{name:"src",type:"string",default:"-",description:"A URL da fonte da imagem (AvatarImage)."},{name:"alt",type:"string",default:"-",description:"Texto alternativo para a imagem (AvatarImage)."}],accessibility:["Texto alternativo adequado para imagens","Fallback garante que o conteúdo seja sempre exibido","Estrutura HTML semântica"]})}export{i as AvatarDoc};
+</Avatar>`}],props:[{name:"src",type:"string",default:"-",description:"A URL da fonte da imagem (AvatarImage)."},{name:"alt",type:"string",default:"-",description:"Texto alternativo para a imagem (AvatarImage)."}],accessibility:["Texto alternativo adequado para imagens","Fallback garante que o conteúdo seja sempre exibido","Estrutura HTML semântica"]})}export{n as AvatarDoc};

package/dist/assets/{BadgeDoc-CSNM1b6b.js → BadgeDoc-BONhfqB_.js}

@@ -1,4 +1,4 @@
-import{j as a,B as e}from"./index-CE0k7Rdh.js";import{C as n}from"./ComponentDocTemplate-CRbRY-v5.js";function r(){return a.jsx(n,{title:"Badge",description:"Exibe um badge ou um componente que se parece com um badge.",component:a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(e,{children:"Default"}),a.jsx(e,{variant:"secondary",children:"Secondary"}),a.jsx(e,{variant:"info",children:"Info"}),a.jsx(e,{variant:"success",children:"Success"}),a.jsx(e,{variant:"warning",children:"Warning"}),a.jsx(e,{variant:"danger",children:"Danger"}),a.jsx(e,{variant:"outline",children:"Outline"}),a.jsx(e,{variant:"sharp",children:"Sharp"})]}),usage:`import { Badge } from "forlogic-core"
+import{j as a,B as e}from"./index-DkiftrvI.js";import{C as n}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function d(){return a.jsx(n,{title:"Badge",description:"Exibe um badge ou um componente que se parece com um badge.",component:a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(e,{children:"Default"}),a.jsx(e,{variant:"secondary",children:"Secondary"}),a.jsx(e,{variant:"info",children:"Info"}),a.jsx(e,{variant:"success",children:"Success"}),a.jsx(e,{variant:"warning",children:"Warning"}),a.jsx(e,{variant:"danger",children:"Danger"}),a.jsx(e,{variant:"outline",children:"Outline"}),a.jsx(e,{variant:"sharp",children:"Sharp"})]}),usage:`import { Badge } from "forlogic-core"
 
 <Badge>Badge</Badge>
 <Badge variant="secondary">Secondary</Badge>
@@ -33,4 +33,4 @@ import{j as a,B as e}from"./index-CE0k7Rdh.js";import{C as n}from"./ComponentDoc
   <Badge variant="info">New</Badge>
 </div>`},{title:"Casos de Uso - Tags",preview:a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsx(e,{variant:"outline",children:"React"}),a.jsx(e,{variant:"outline",children:"TypeScript"}),a.jsx(e,{variant:"outline",children:"Tailwind CSS"}),a.jsx(e,{variant:"outline",children:"Supabase"})]}),code:`<Badge variant="outline">React</Badge>
 <Badge variant="outline">TypeScript</Badge>
-<Badge variant="outline">Tailwind CSS</Badge>`}],props:[{name:"variant",type:'"default" | "secondary" | "info" | "success" | "warning" | "danger" | "outline" | "sharp"',default:'"default"',description:"O estilo visual do badge."}],accessibility:["HTML semântico com taxas de contraste adequadas","Funciona com leitores de tela","Pode ser tornado interativo com labels ARIA adequadas se necessário"]})}export{r as BadgeDoc};
+<Badge variant="outline">Tailwind CSS</Badge>`}],props:[{name:"variant",type:'"default" | "secondary" | "info" | "success" | "warning" | "danger" | "outline" | "sharp"',default:'"default"',description:"O estilo visual do badge."}],accessibility:["HTML semântico com taxas de contraste adequadas","Funciona com leitores de tela","Pode ser tornado interativo com labels ARIA adequadas se necessário"]})}export{d as BadgeDoc};

package/dist/assets/BaseFormDoc-CuyUArcj.js

@@ -0,0 +1,169 @@
+import{j as e,a as v,b as j,c as g,d as b,a5 as k,a6 as T,a7 as f,aa as N,r as C,J as t,K as n,M as A,W as V,x as w,aR as O,N as E,O as I,Q as B,R as P,V as S,m as L,eO as M,f7 as $,P as q,E as z,G as U,H as R,I as _,Y as D}from"./index-DkiftrvI.js";import{L as H}from"./lucide-react-Cp3Yw3Zm.js";import{C as Z}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./pin-DVsSl8QA.js";import"./building-DeVappnD.js";import"./hash-cQWdKjya.js";import"./blocks-B6LrJeAM.js";import"./calendar-days-BQ0na5kM.js";import"./check-check-C_-PJCJa.js";import"./circle-plus-CpIcep-O.js";import"./circle-x-jPpBPew0.js";import"./clipboard-list-CXNPdciZ.js";import"./cloud-upload-BEjzumjl.js";import"./life-buoy-ByXiPddz.js";import"./share-2-Dv8Do445.js";import"./crown-CqNsQIsm.js";import"./file-braces-DFb5X9so.js";import"./file-pen-line-CyUGKkEN.js";import"./git-branch-BcXv9mpp.js";import"./globe-CpMIWAcv.js";import"./shield-x-DJTRfVux.js";import"./hourglass-BahQ3eDv.js";import"./package-B3-pVvPM.js";import"./smartphone-BSNR60L7.js";import"./pen-Bi_lmmKT.js";import"./printer-BnJ8B6m-.js";import"./server-CtzFTfKR.js";import"./shield-check-CFXjOV_w.js";import"./text-align-start-qE-MbYYw.js";import"./thumbs-up-D_XIW_uX.js";import"./trash-DTWQwpwA.js";import"./trending-up-jip5-leJ.js";import"./user-check-BlH3EDWK.js";import"./user-plus-BqwXwD-c.js";import"./ExampleCard-DuLrb3t-.js";function W(){const[l,m]=C.useState({name:"",email:"",bio:"",active:!0}),[s,p]=C.useState({}),d=(c,y)=>{m(F=>({...F,[c]:y})),s[c]&&p(F=>({...F,[c]:""}))},h=()=>{const c={};return l.name.trim()||(c.name="Nome é obrigatório"),l.email.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l.email)||(c.email="E-mail inválido"):c.email="E-mail é obrigatório",p(c),Object.keys(c).length===0},a=()=>{h()?(D.success("Formulário enviado com sucesso!"),console.log("Dados:",l)):D.error("Corrija os erros antes de enviar")};return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"basic-name",children:"Nome *"}),e.jsx(n,{id:"basic-name",value:l.name,onChange:c=>d("name",c.target.value),placeholder:"Digite o nome",className:s.name?"border-destructive":""}),s.name&&e.jsx("p",{className:"text-sm text-destructive",children:s.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"basic-email",children:"E-mail *"}),e.jsx(n,{id:"basic-email",type:"email",value:l.email,onChange:c=>d("email",c.target.value),placeholder:"email@exemplo.com",className:s.email?"border-destructive":""}),s.email&&e.jsx("p",{className:"text-sm text-destructive",children:s.email})]}),e.jsxs("div",{className:"space-y-2 md:col-span-2",children:[e.jsx(t,{htmlFor:"basic-bio",children:"Biografia"}),e.jsx(A,{id:"basic-bio",value:l.bio,onChange:c=>d("bio",c.target.value),placeholder:"Conte sobre você..."})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(V,{id:"basic-active",checked:l.active,onCheckedChange:c=>d("active",c)}),e.jsx(t,{htmlFor:"basic-active",children:"Ativo"})]})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(w,{variant:"outline",onClick:()=>m({name:"",email:"",bio:"",active:!0}),children:"Limpar"}),e.jsx(w,{onClick:a,children:"Salvar"})]})]})}function G(){const[l,m]=C.useState({name:"",email:"",age:"",description:"",status:"",category:"",active:!0,newsletter:!1,birthDate:"",color:"#3b82f6",icon:"Star"}),s=(a,c)=>{m(y=>({...y,[a]:c}))},p=[{value:"active",label:"Ativo"},{value:"inactive",label:"Inativo"},{value:"pending",label:"Pendente"}],d=[{value:"tech",label:"Tecnologia"},{value:"finance",label:"Finanças"},{value:"health",label:"Saúde"},{value:"education",label:"Educação"}],h=H[l.icon]||O;return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide",children:"Campos de Texto"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"all-name",children:"Nome (text)"}),e.jsx(n,{id:"all-name",value:l.name,onChange:a=>s("name",a.target.value),placeholder:"Digite o nome"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"all-email",children:"E-mail (email)"}),e.jsx(n,{id:"all-email",type:"email",value:l.email,onChange:a=>s("email",a.target.value),placeholder:"email@exemplo.com"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"all-age",children:"Idade (number)"}),e.jsx(n,{id:"all-age",type:"number",value:l.age,onChange:a=>s("age",a.target.value),placeholder:"25",min:0,max:150})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"all-date",children:"Data de Nascimento (date)"}),e.jsx(n,{id:"all-date",type:"date",value:l.birthDate,onChange:a=>s("birthDate",a.target.value)})]}),e.jsxs("div",{className:"space-y-2 md:col-span-2",children:[e.jsx(t,{htmlFor:"all-desc",children:"Descrição (textarea)"}),e.jsx(A,{id:"all-desc",value:l.description,onChange:a=>s("description",a.target.value),placeholder:"Descrição detalhada...",rows:3})]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide",children:"Campos de Seleção"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Status (select)"}),e.jsxs(E,{value:l.status,onValueChange:a=>s("status",a),children:[e.jsx(I,{children:e.jsx(B,{placeholder:"Selecione o status"})}),e.jsx(P,{children:p.map(a=>e.jsx(S,{value:a.value,children:a.label},a.value))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Categoria (select)"}),e.jsxs(E,{value:l.category,onValueChange:a=>s("category",a),children:[e.jsx(I,{children:e.jsx(B,{placeholder:"Selecione a categoria"})}),e.jsx(P,{children:d.map(a=>e.jsx(S,{value:a.value,children:a.label},a.value))})]})]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide",children:"Campos Booleanos"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"flex items-center justify-between p-3 border rounded-lg",children:[e.jsx(t,{htmlFor:"all-active",children:"Ativo (switch)"}),e.jsx(V,{id:"all-active",checked:l.active,onCheckedChange:a=>s("active",a)})]}),e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:[e.jsx(L,{id:"all-newsletter",checked:l.newsletter,onCheckedChange:a=>s("newsletter",!!a)}),e.jsx(t,{htmlFor:"all-newsletter",className:"cursor-pointer",children:"Receber newsletter (checkbox)"})]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-sm font-semibold mb-3 text-muted-foreground uppercase tracking-wide",children:"Campos Visuais"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Cor (color-picker)"}),e.jsx(M,{value:l.color,onChange:a=>s("color",a)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Ícone (icon-picker)"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx($,{value:l.icon,onChange:a=>s("icon",a)}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:[e.jsx(h,{className:"h-5 w-5",style:{color:l.color}}),e.jsx("span",{children:l.icon})]})]})]})]})]}),e.jsxs("div",{className:"p-4 bg-muted/50 rounded-lg",children:[e.jsx("h4",{className:"text-sm font-semibold mb-2",children:"Dados do Formulário:"}),e.jsx("pre",{className:"text-xs overflow-x-auto",children:JSON.stringify(l,null,2)})]})]})}function J(){const[l,m]=C.useState({username:"",password:"",confirmPassword:"",email:"",phone:"",cpf:"",age:"",website:"",terms:!1}),[s,p]=C.useState({}),[d,h]=C.useState({}),a=(i,r)=>{m(o=>({...o,[i]:r})),h(o=>({...o,[i]:!0})),c(i,r)},c=(i,r)=>{let o="";switch(i){case"username":r?r.length<3?o="Mínimo 3 caracteres":r.length>20?o="Máximo 20 caracteres":/^[a-zA-Z0-9_]+$/.test(r)||(o="Apenas letras, números e _"):o="Usuário é obrigatório";break;case"password":r?r.length<8?o="Mínimo 8 caracteres":/[A-Z]/.test(r)?/[a-z]/.test(r)?/[0-9]/.test(r)||(o="Deve conter número"):o="Deve conter letra minúscula":o="Deve conter letra maiúscula":o="Senha é obrigatória";break;case"confirmPassword":r?r!==l.password&&(o="Senhas não conferem"):o="Confirmação é obrigatória";break;case"email":r?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(r)||(o="E-mail inválido"):o="E-mail é obrigatório";break;case"phone":r&&!/^\(\d{2}\)\s?\d{4,5}-?\d{4}$/.test(r)&&(o="Formato: (11) 99999-9999");break;case"cpf":r&&r.replace(/\D/g,"").length!==11&&(o="CPF deve ter 11 dígitos");break;case"age":if(r){const u=parseInt(r);isNaN(u)||u<18?o="Idade mínima: 18 anos":u>120&&(o="Idade inválida")}break;case"website":r&&!/^https?:\/\/.+\..+$/.test(r)&&(o="URL inválida (ex: https://site.com)");break;case"terms":r||(o="Você deve aceitar os termos");break}return p(u=>({...u,[i]:o})),!o},y=()=>{let i=!0;return Object.keys(l).forEach(r=>{const o=l[r];c(r,o)||(i=!1),h(u=>({...u,[r]:!0}))}),i},F=()=>{y()?D.success("Cadastro realizado com sucesso!"):D.error("Corrija os erros antes de enviar")},x=i=>d[i]?s[i]?"border-destructive":"border-green-500":"";return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-username",children:"Usuário *"}),e.jsx(n,{id:"val-username",value:l.username,onChange:i=>a("username",i.target.value),placeholder:"seu_usuario",className:x("username")}),d.username&&s.username&&e.jsx("p",{className:"text-sm text-destructive",children:s.username}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"3-20 caracteres, letras, números e _"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-email",children:"E-mail *"}),e.jsx(n,{id:"val-email",type:"email",value:l.email,onChange:i=>a("email",i.target.value),placeholder:"email@exemplo.com",className:x("email")}),d.email&&s.email&&e.jsx("p",{className:"text-sm text-destructive",children:s.email})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-password",children:"Senha *"}),e.jsx(n,{id:"val-password",type:"password",value:l.password,onChange:i=>a("password",i.target.value),placeholder:"••••••••",className:x("password")}),d.password&&s.password&&e.jsx("p",{className:"text-sm text-destructive",children:s.password}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Mín. 8 chars, maiúscula, minúscula e número"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-confirm",children:"Confirmar Senha *"}),e.jsx(n,{id:"val-confirm",type:"password",value:l.confirmPassword,onChange:i=>a("confirmPassword",i.target.value),placeholder:"••••••••",className:x("confirmPassword")}),d.confirmPassword&&s.confirmPassword&&e.jsx("p",{className:"text-sm text-destructive",children:s.confirmPassword})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-phone",children:"Telefone"}),e.jsx(n,{id:"val-phone",value:l.phone,onChange:i=>a("phone",i.target.value),placeholder:"(11) 99999-9999",className:x("phone")}),d.phone&&s.phone&&e.jsx("p",{className:"text-sm text-destructive",children:s.phone})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-cpf",children:"CPF"}),e.jsx(n,{id:"val-cpf",value:l.cpf,onChange:i=>a("cpf",i.target.value),placeholder:"000.000.000-00",className:x("cpf")}),d.cpf&&s.cpf&&e.jsx("p",{className:"text-sm text-destructive",children:s.cpf})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-age",children:"Idade"}),e.jsx(n,{id:"val-age",type:"number",value:l.age,onChange:i=>a("age",i.target.value),placeholder:"25",min:18,className:x("age")}),d.age&&s.age&&e.jsx("p",{className:"text-sm text-destructive",children:s.age})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"val-website",children:"Website"}),e.jsx(n,{id:"val-website",value:l.website,onChange:i=>a("website",i.target.value),placeholder:"https://meusite.com",className:x("website")}),d.website&&s.website&&e.jsx("p",{className:"text-sm text-destructive",children:s.website})]})]}),e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:[e.jsx(L,{id:"val-terms",checked:l.terms,onCheckedChange:i=>a("terms",!!i)}),e.jsx(t,{htmlFor:"val-terms",className:"cursor-pointer",children:"Aceito os termos de uso e política de privacidade *"})]}),d.terms&&s.terms&&e.jsx("p",{className:"text-sm text-destructive",children:s.terms}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(w,{variant:"outline",onClick:()=>{m({username:"",password:"",confirmPassword:"",email:"",phone:"",cpf:"",age:"",website:"",terms:!1}),p({}),h({})},children:"Limpar"}),e.jsx(w,{onClick:F,children:"Cadastrar"})]})]})}function Q(){const[l,m]=C.useState(!1),[s,p]=C.useState({title:"",priority:"medium",assignee:"",dueDate:"",description:""}),d=(a,c)=>{p(y=>({...y,[a]:c}))},h=()=>{D.success("Tarefa criada com sucesso!"),m(!1),p({title:"",priority:"medium",assignee:"",dueDate:"",description:""})};return e.jsxs(e.Fragment,{children:[e.jsxs(w,{onClick:()=>m(!0),children:[e.jsx(q,{className:"h-4 w-4 mr-2"}),"Nova Tarefa"]}),e.jsx(z,{open:l,onOpenChange:m,children:e.jsxs(U,{size:"md",children:[e.jsx(R,{showSeparator:!0,children:e.jsx(_,{children:"Nova Tarefa"})}),e.jsxs("div",{className:"space-y-4 py-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"modal-title",children:"Título *"}),e.jsx(n,{id:"modal-title",value:s.title,onChange:a=>d("title",a.target.value),placeholder:"Digite o título da tarefa"})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{children:"Prioridade"}),e.jsxs(E,{value:s.priority,onValueChange:a=>d("priority",a),children:[e.jsx(I,{children:e.jsx(B,{})}),e.jsxs(P,{children:[e.jsx(S,{value:"low",children:"🟢 Baixa"}),e.jsx(S,{value:"medium",children:"🟡 Média"}),e.jsx(S,{value:"high",children:"🔴 Alta"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"modal-due",children:"Data Limite"}),e.jsx(n,{id:"modal-due",type:"date",value:s.dueDate,onChange:a=>d("dueDate",a.target.value)})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"modal-assignee",children:"Responsável"}),e.jsx(n,{id:"modal-assignee",value:s.assignee,onChange:a=>d("assignee",a.target.value),placeholder:"Nome do responsável"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t,{htmlFor:"modal-desc",children:"Descrição"}),e.jsx(A,{id:"modal-desc",value:s.description,onChange:a=>d("description",a.target.value),placeholder:"Descreva a tarefa...",rows:3})]})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(w,{variant:"outline",onClick:()=>m(!1),children:"Cancelar"}),e.jsx(w,{onClick:h,disabled:!s.title.trim(),children:"Criar Tarefa"})]})]})})]})}function Be(){return e.jsxs(Z,{title:"BaseForm",description:"Formulário dinâmico baseado em configuração de seções e campos, suportando múltiplos tipos de campo, validação e layouts flexíveis.",tocItems:[{id:"formulario-basico",label:"Formulário Básico"},{id:"todos-tipos",label:"Todos os Tipos de Campo"},{id:"validacao-completa",label:"Validação Completa"},{id:"formulario-modal",label:"Formulário em Modal"},{id:"uso-baseform",label:"Uso com BaseForm"},{id:"tipos-campo",label:"Tipos de Campo"},{id:"props-baseform",label:"Props do BaseForm"},{id:"acessibilidade",label:"Acessibilidade"}],children:[e.jsxs(v,{id:"formulario-basico",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Formulário Básico"})}),e.jsx(b,{children:e.jsxs(k,{defaultValue:"preview",children:[e.jsxs(T,{children:[e.jsx(f,{value:"preview",children:"Preview"}),e.jsx(f,{value:"code",children:"Código"})]}),e.jsx(N,{value:"preview",className:"pt-4",children:e.jsx(W,{})}),e.jsx(N,{value:"code",className:"pt-4",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg text-sm overflow-x-auto",children:`const [formData, setFormData] = useState({
+  name: '', email: '', bio: '', active: true
+});
+const [errors, setErrors] = useState({});
+
+const validate = () => {
+  const newErrors = {};
+  if (!formData.name.trim()) newErrors.name = 'Nome é obrigatório';
+  if (!formData.email.trim()) newErrors.email = 'E-mail é obrigatório';
+  else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(formData.email)) {
+    newErrors.email = 'E-mail inválido';
+  }
+  setErrors(newErrors);
+  return Object.keys(newErrors).length === 0;
+};
+
+<Input 
+  value={formData.name}
+  onChange={e => setFormData(prev => ({ ...prev, name: e.target.value }))}
+  className={errors.name ? 'border-destructive' : ''}
+/>
+{errors.name && <p className="text-sm text-destructive">{errors.name}</p>}`})})]})})]}),e.jsxs(v,{id:"todos-tipos",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Todos os Tipos de Campo"})}),e.jsx(b,{children:e.jsxs(k,{defaultValue:"preview",children:[e.jsxs(T,{children:[e.jsx(f,{value:"preview",children:"Preview"}),e.jsx(f,{value:"code",children:"Código"})]}),e.jsx(N,{value:"preview",className:"pt-4",children:e.jsx(G,{})}),e.jsx(N,{value:"code",className:"pt-4",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg text-sm overflow-x-auto",children:`// Tipos suportados pelo BaseForm:
+
+const sections = [{
+  id: 'main',
+  title: 'Cadastro',
+  fields: [
+    // Texto
+    { name: 'name', label: 'Nome', type: 'text', required: true },
+    { name: 'email', label: 'E-mail', type: 'email', required: true },
+    
+    // Número
+    { name: 'age', label: 'Idade', type: 'number', min: 0, max: 150 },
+    
+    // Textarea
+    { name: 'description', label: 'Descrição', type: 'textarea', rows: 3 },
+    
+    // Select
+    { 
+      name: 'status', 
+      label: 'Status', 
+      type: 'select',
+      options: [
+        { value: 'active', label: 'Ativo' },
+        { value: 'inactive', label: 'Inativo' }
+      ]
+    },
+    
+    // Data
+    { name: 'birthDate', label: 'Nascimento', type: 'date' },
+    
+    // Booleanos
+    { name: 'active', label: 'Ativo', type: 'switch' },
+    { name: 'newsletter', label: 'Newsletter', type: 'checkbox' },
+    
+    // Visuais
+    { name: 'color', label: 'Cor', type: 'color-picker' },
+    { name: 'icon', label: 'Ícone', type: 'icon-picker' }
+  ]
+}];`})})]})})]}),e.jsxs(v,{id:"validacao-completa",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Validação Completa"})}),e.jsx(b,{children:e.jsxs(k,{defaultValue:"preview",children:[e.jsxs(T,{children:[e.jsx(f,{value:"preview",children:"Preview"}),e.jsx(f,{value:"code",children:"Código"})]}),e.jsx(N,{value:"preview",className:"pt-4",children:e.jsx(J,{})}),e.jsx(N,{value:"code",className:"pt-4",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg text-sm overflow-x-auto",children:`// Validação em tempo real com feedback visual
+
+const validateField = (field, value) => {
+  let error = '';
+  
+  switch (field) {
+    case 'username':
+      if (!value) error = 'Usuário é obrigatório';
+      else if (value.length < 3) error = 'Mínimo 3 caracteres';
+      else if (!/^[a-zA-Z0-9_]+$/.test(value)) error = 'Apenas letras, números e _';
+      break;
+    
+    case 'password':
+      if (!value) error = 'Senha é obrigatória';
+      else if (value.length < 8) error = 'Mínimo 8 caracteres';
+      else if (!/[A-Z]/.test(value)) error = 'Deve conter letra maiúscula';
+      else if (!/[0-9]/.test(value)) error = 'Deve conter número';
+      break;
+    
+    case 'email':
+      if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) error = 'E-mail inválido';
+      break;
+    
+    case 'phone':
+      if (!/^\\(\\d{2}\\)\\s?\\d{4,5}-?\\d{4}$/.test(value)) {
+        error = 'Formato: (11) 99999-9999';
+      }
+      break;
+  }
+  
+  setErrors(prev => ({ ...prev, [field]: error }));
+  return !error;
+};
+
+// Classe condicional baseada em estado
+const getFieldClass = (field) => {
+  if (!touched[field]) return '';
+  return errors[field] ? 'border-destructive' : 'border-green-500';
+};`})})]})})]}),e.jsxs(v,{id:"formulario-modal",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Formulário em Modal"})}),e.jsx(b,{children:e.jsxs(k,{defaultValue:"preview",children:[e.jsxs(T,{children:[e.jsx(f,{value:"preview",children:"Preview"}),e.jsx(f,{value:"code",children:"Código"})]}),e.jsx(N,{value:"preview",className:"pt-4",children:e.jsx(Q,{})}),e.jsx(N,{value:"code",className:"pt-4",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg text-sm overflow-x-auto",children:`<Dialog open={open} onOpenChange={setOpen}>
+  <DialogContent size="md">
+    <DialogHeader showSeparator>
+      <DialogTitle>Nova Tarefa</DialogTitle>
+    </DialogHeader>
+    
+    <div className="space-y-4 py-4">
+      <div className="space-y-2">
+        <Label>Título *</Label>
+        <Input 
+          value={formData.title}
+          onChange={e => updateField('title', e.target.value)}
+        />
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2">
+        <div className="space-y-2">
+          <Label>Prioridade</Label>
+          <Select value={formData.priority} onValueChange={v => updateField('priority', v)}>
+            <SelectTrigger><SelectValue /></SelectTrigger>
+            <SelectContent>
+              <SelectItem value="low">🟢 Baixa</SelectItem>
+              <SelectItem value="medium">🟡 Média</SelectItem>
+              <SelectItem value="high">🔴 Alta</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+
+        <div className="space-y-2">
+          <Label>Data Limite</Label>
+          <Input type="date" value={formData.dueDate} onChange={...} />
+        </div>
+      </div>
+    </div>
+
+    <div className="flex justify-end gap-2">
+      <Button variant="outline" onClick={() => setOpen(false)}>Cancelar</Button>
+      <Button onClick={handleSubmit}>Criar Tarefa</Button>
+    </div>
+  </DialogContent>
+</Dialog>`})})]})})]}),e.jsxs(v,{id:"uso-baseform",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Uso com BaseForm (Biblioteca)"})}),e.jsx(b,{children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg text-sm overflow-x-auto",children:`import BaseForm from 'forlogic-core/crud/components/BaseForm';
+
+const sections = [
+  {
+    id: 'basic',
+    title: 'Informações Básicas',
+    fields: [
+      { name: 'name', label: 'Nome', type: 'text', required: true },
+      { name: 'email', label: 'E-mail', type: 'email', required: true },
+      { name: 'bio', label: 'Biografia', type: 'textarea' },
+      { name: 'active', label: 'Ativo', type: 'switch' },
+    ],
+  },
+  {
+    id: 'advanced',
+    title: 'Configurações',
+    condition: (data) => !!data.name, // Só habilita quando nome preenchido
+    fields: [
+      { name: 'role', label: 'Perfil', type: 'select', options: [...] },
+      { name: 'notifications', label: 'Notificações', type: 'switch' },
+    ],
+  },
+];
+
+<BaseForm
+  title="Novo Usuário"
+  sections={sections}
+  initialData={data}
+  open={isOpen}
+  onSubmit={handleSubmit}
+  onCancel={() => setIsOpen(false)}
+/>`})})]}),e.jsxs(v,{id:"tipos-campo",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Tipos de Campo Suportados"})}),e.jsx(b,{children:e.jsx("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-3",children:[{type:"text",desc:"Input de texto padrão"},{type:"email",desc:"Input de e-mail com validação"},{type:"number",desc:"Input numérico com min/max/step"},{type:"textarea",desc:"Área de texto multilinha"},{type:"select",desc:"Seleção com opções"},{type:"multiselect",desc:"Seleção múltipla"},{type:"switch",desc:"Toggle on/off"},{type:"checkbox",desc:"Checkbox simples"},{type:"date",desc:"Seletor de data"},{type:"color-picker",desc:"Seletor de cor avançado"},{type:"icon-picker",desc:"Seletor de ícones Lucide"},{type:"user-select",desc:"Seletor de usuário Qualiex"},{type:"group",desc:"Agrupamento de campos"},{type:"custom",desc:"Componente customizado"}].map(l=>e.jsxs("div",{className:"p-3 border rounded-lg",children:[e.jsx("code",{className:"text-sm font-mono text-primary",children:l.type}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:l.desc})]},l.type))})})]}),e.jsxs(v,{id:"props-baseform",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Props do BaseForm"})}),e.jsx(b,{children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"text-left p-2",children:"Prop"}),e.jsx("th",{className:"text-left p-2",children:"Tipo"}),e.jsx("th",{className:"text-left p-2",children:"Descrição"})]})}),e.jsx("tbody",{children:[["title","string","Título do dialog/formulário"],["sections","FormSection[]","Array de seções com campos"],["initialData","T","Dados iniciais do formulário"],["open","boolean","Controla visibilidade do dialog"],["onSubmit","(data: T) => void","Callback ao submeter"],["onCancel","() => void","Callback ao cancelar"],["submitButtonText","string","Texto do botão de submit"],["isLoading","boolean","Estado de carregamento"]].map(([l,m,s])=>e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"p-2 font-mono text-xs",children:l}),e.jsx("td",{className:"p-2 font-mono text-xs text-muted-foreground",children:m}),e.jsx("td",{className:"p-2",children:s})]},l))})]})})})]}),e.jsxs(v,{id:"acessibilidade",className:"scroll-mt-4",children:[e.jsx(j,{children:e.jsx(g,{children:"Acessibilidade"})}),e.jsx(b,{children:e.jsxs("ul",{className:"list-disc list-inside space-y-2 text-sm text-muted-foreground",children:[e.jsx("li",{children:"Todos os campos possuem labels associados via htmlFor/id"}),e.jsx("li",{children:"Mensagens de erro vinculadas aos campos via aria-describedby"}),e.jsx("li",{children:'Campos obrigatórios marcados com aria-required="true"'}),e.jsx("li",{children:"Navegação por teclado entre campos (Tab/Shift+Tab)"}),e.jsx("li",{children:"Foco visual destacado em todos os elementos interativos"}),e.jsx("li",{children:"Switch e Checkbox acessíveis via teclado (Space para toggle)"}),e.jsx("li",{children:"Feedback de validação anunciado por leitores de tela"}),e.jsx("li",{children:"Contraste adequado para mensagens de erro (WCAG AA)"})]})})]})]})}export{Be as BaseFormDoc};

package/dist/assets/{BodyContentDoc-Bp6YmUWX.js → BodyContentDoc-CterHC1E.js}

@@ -1,4 +1,4 @@
-import{j as e,eu as o,ev as a,C as t,cf as n,B as r,f as i,G as s}from"./index-CE0k7Rdh.js";import{C as d}from"./ComponentDocTemplate-CRbRY-v5.js";function m(){return e.jsx(d,{title:"BodyContent",description:"Container principal de página com breadcrumb, background neutro e suporte a múltiplos containers de conteúdo.",component:e.jsx("div",{className:"w-full max-w-4xl",children:e.jsx(o,{breadcrumbs:[{label:"Módulo",href:"#"},{label:"Seção",href:"#"},{label:"Página Atual"}],className:"rounded-lg overflow-hidden",children:e.jsx(a,{title:"Título do Container",subtitle:"Subtítulo com informações adicionais",children:e.jsx("p",{className:"text-muted-foreground",children:"Este é o conteúdo principal do container. Aqui você pode adicionar qualquer tipo de conteúdo como formulários, tabelas, cards, etc."})})})}),usage:`import { BodyContent, ContentContainer } from 'forlogic-core';
+import{j as e,gl as o,gm as a,a as t,ab as n,B as r,x as i,F as s}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function u(){return e.jsx(l,{title:"BodyContent",description:"Container principal de página com breadcrumb, background neutro e suporte a múltiplos containers de conteúdo.",component:e.jsx("div",{className:"w-full max-w-4xl",children:e.jsx(o,{breadcrumbs:[{label:"Módulo",href:"#"},{label:"Seção",href:"#"},{label:"Página Atual"}],className:"rounded-lg overflow-hidden",children:e.jsx(a,{title:"Título do Container",subtitle:"Subtítulo com informações adicionais",children:e.jsx("p",{className:"text-muted-foreground",children:"Este é o conteúdo principal do container. Aqui você pode adicionar qualquer tipo de conteúdo como formulários, tabelas, cards, etc."})})})}),usage:`import { BodyContent, ContentContainer } from 'forlogic-core';
 
 <BodyContent
   breadcrumbs={[
@@ -80,4 +80,4 @@ import{j as e,eu as o,ev as a,C as t,cf as n,B as r,f as i,G as s}from"./index-C
   <ContentContainer title="Conteúdo">
     <p>Navegação com React Router...</p>
   </ContentContainer>
-</BodyContent>`,preview:e.jsx("div",{className:"w-full max-w-3xl",children:e.jsx(o,{breadcrumbs:[{label:"Home",href:"#"},{label:"Módulo",href:"#"},{label:"Página Atual"}],className:"rounded-lg overflow-hidden",children:e.jsx(a,{title:"Navegação com React Router",children:e.jsx("p",{className:"text-muted-foreground",children:"Os links do breadcrumb podem usar o componente Link do React Router para navegação SPA sem recarregamento de página."})})})})}],accessibility:['O breadcrumb usa a tag nav com aria-label="breadcrumb" para identificação por leitores de tela','A página atual no breadcrumb é marcada com aria-current="page"',"Os containers usam estrutura semântica com headings (h2) para títulos",'Separadores do breadcrumb são marcados com aria-hidden="true"'],notes:["O background externo usa a cor Escala Neutra 100 (#F5F5F5) para separar visualmente do conteúdo","Os ContentContainers têm background branco (#FFFFFF) com sombra sutil e border-radius","Use múltiplos ContentContainers para agrupar conteúdos relacionados na mesma página","O último item do breadcrumb é automaticamente tratado como página atual (sem link)","Para integração com React Router, use asChild=true e passe o Link como children","O espaçamento entre containers segue o padrão do Design System (space-y-6)"]})}export{m as BodyContentDoc};
+</BodyContent>`,preview:e.jsx("div",{className:"w-full max-w-3xl",children:e.jsx(o,{breadcrumbs:[{label:"Home",href:"#"},{label:"Módulo",href:"#"},{label:"Página Atual"}],className:"rounded-lg overflow-hidden",children:e.jsx(a,{title:"Navegação com React Router",children:e.jsx("p",{className:"text-muted-foreground",children:"Os links do breadcrumb podem usar o componente Link do React Router para navegação SPA sem recarregamento de página."})})})})}],accessibility:['O breadcrumb usa a tag nav com aria-label="breadcrumb" para identificação por leitores de tela','A página atual no breadcrumb é marcada com aria-current="page"',"Os containers usam estrutura semântica com headings (h2) para títulos",'Separadores do breadcrumb são marcados com aria-hidden="true"'],notes:["O background externo usa a cor Escala Neutra 100 (#F5F5F5) para separar visualmente do conteúdo","Os ContentContainers têm background branco (#FFFFFF) com sombra sutil e border-radius","Use múltiplos ContentContainers para agrupar conteúdos relacionados na mesma página","O último item do breadcrumb é automaticamente tratado como página atual (sem link)","Para integração com React Router, use asChild=true e passe o Link como children","O espaçamento entre containers segue o padrão do Design System (space-y-6)"]})}export{u as BodyContentDoc};

package/dist/assets/{BreadcrumbDoc-D7tqqTvo.js → BreadcrumbDoc-Dwn9nLeO.js}

@@ -1,4 +1,4 @@
-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{j as e,ae as m,af as c,ag as r,ah as d,ff as i,ai as a,aj as s,fg as t}from"./index-DkiftrvI.js";import{C as o}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function b(){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,
@@ -72,4 +72,4 @@ import {
       <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};
+</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{b as BreadcrumbDoc};

package/dist/assets/{ButtonDoc-C4JwIvU3.js → ButtonDoc-BOjRseZT.js}

@@ -1,4 +1,4 @@
-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"
+import{j as a,x as t,P as e,S as n,aY as i,aJ as r,y as s,A as o}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function m(){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>
@@ -38,4 +38,4 @@ 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-CE0k
 <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};
+</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{m as ButtonDoc};

package/dist/assets/ButtonGroupDoc-8IS6PPh4.js

@@ -0,0 +1,7 @@
+import{r as s,j as t,o as d,aZ as u,x as o}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.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 B(){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{B as ButtonGroupDoc};

package/dist/assets/{CalendarDoc-COlEKqmv.js → CalendarDoc-CMwIEqgT.js}

@@ -1,4 +1,4 @@
-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{eJ as C,eK as S,r as s,j as e,eL as D,J as n,x as r}from"./index-DkiftrvI.js";import{C as g}from"./ComponentDocTemplate-CQbBhfvZ.js";import{C as m,D as d}from"./date-picker-BW3eGOe_.js";import"./ExampleCard-DuLrb3t-.js";function p(l,o){const i=C(l);return isNaN(o)?S(l,NaN):(o&&i.setDate(i.getDate()+o),i)}function f(l,o){return p(l,-7)}function v(){const[l,o]=s.useState(new Date),[i,u]=s.useState();return e.jsx(g,{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
@@ -70,7 +70,7 @@ const [endDate, setEndDate] = useState<Date>();
     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>();
+</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(f(new Date)),children:"-7 dias"})]})]})})(),code:`const [date, setDate] = useState<Date>();
 
 <DatePicker 
   date={date}
@@ -78,4 +78,4 @@ const [endDate, setEndDate] = useState<Date>();
 />
 
 <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};
+<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{v as CalendarDoc};

package/dist/assets/{CardDoc-BVhMoC2w.js → CardDoc-BZz1CVg2.js}

@@ -1,4 +1,4 @@
-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"
+import{j as e,a,b as s,c as t,e as d,d as r,bq as i,x as o,br as c,bs as n}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function x(){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>
@@ -46,4 +46,4 @@ 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}
       <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};
+</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{x as CardDoc};