forlogic-core 1.20.1 → 2.0.1

package/dist/assets/I18nDoc-D3Q2m7ik.js

@@ -0,0 +1,167 @@
+import{j as e,a as s,dW as r,dw as a,B as t,as as n,aK as i,aN as c,S as d}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import{P as o}from"./package-B3-pVvPM.js";import{F as p}from"./file-braces-DFb5X9so.js";import{G as m}from"./globe-CpMIWAcv.js";import"./ExampleCard-DuLrb3t-.js";function u(){return e.jsxs("div",{className:"space-y-6",children:[e.jsx(i,{children:e.jsxs(c,{className:"text-sm",children:["O i18n usa ",e.jsx("strong",{children:"namespaces"}),": a lib fornece o namespace ",e.jsx("code",{children:"core"})," com traduções base, e cada projeto consumidor injeta suas traduções no namespace ",e.jsx("code",{children:"app"}),". O ",e.jsx("code",{children:"t('key')"})," busca primeiro em ",e.jsx("code",{children:"app"}),", depois em ",e.jsx("code",{children:"core"}),"."]})}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2 lg:grid-cols-4",children:[e.jsxs(s,{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-primary/10",children:e.jsx(r,{className:"h-5 w-5 text-primary"})}),e.jsx("h4",{className:"font-semibold",children:"Namespace core"})]}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Traduções da lib (save, cancel, etc.) em ",e.jsx("code",{children:"lib/i18n/locales/"})]})]}),e.jsxs(s,{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(o,{className:"h-5 w-5 text-green-500"})}),e.jsx("h4",{className:"font-semibold",children:"Namespace app"})]}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Traduções do projeto consumidor, injetadas via ",e.jsx("code",{children:"appTranslations"})," no CoreProviders"]})]}),e.jsxs(s,{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(d,{className:"h-5 w-5 text-orange-500"})}),e.jsx("h4",{className:"font-semibold",children:"CoreProviders"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Wrapper que configura i18n, injeta traduções do app e encapsula todos os providers"})]}),e.jsxs(s,{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-violet-500/10",children:e.jsx(m,{className:"h-5 w-5 text-violet-500"})}),e.jsx("h4",{className:"font-semibold",children:"LocaleContext"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Context React com locale fixo em pt-BR (futuramente via API externa)"})]})]})]})}function x(){return e.jsxs(s,{className:"p-4 space-y-4",children:[e.jsxs("h4",{className:"font-semibold flex items-center gap-2",children:[e.jsx(r,{className:"h-4 w-4"}),"Resolução de Namespaces"]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsx("div",{className:"p-3 rounded-lg bg-muted/50 font-mono text-xs",children:e.jsx("pre",{children:`t('save')
+  1. Busca em namespace 'app' → encontrou? usa
+  2. Fallback para namespace 'core' → "Salvar"
+
+t('meu_campo_custom')
+  1. Busca em namespace 'app' → "Meu Campo"
+  2. (não chega ao core)`})}),e.jsxs("div",{className:"text-muted-foreground space-y-1",children:[e.jsxs("p",{children:["• ",e.jsx("code",{children:"defaultNS: 'app'"})," — ",e.jsx("code",{children:"t('key')"})," busca primeiro no projeto"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"fallbackNS: 'core'"})," — se não encontrar, busca na lib"]}),e.jsxs("p",{children:["• Projeto pode ",e.jsx("strong",{children:"sobrescrever"})," traduções da lib definindo a mesma chave em ",e.jsx("code",{children:"app"})]})]})]})]})}function j(){return e.jsxs(s,{className:"p-4 space-y-4",children:[e.jsxs("h4",{className:"font-semibold flex items-center gap-2",children:[e.jsx(o,{className:"h-4 w-4"}),"Setup do Projeto Consumidor"]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/20",children:[e.jsx(a,{className:"h-4 w-4 mt-0.5 text-green-500 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Passo 1: Criar JSONs de tradução"}),e.jsxs("p",{className:"text-muted-foreground",children:[e.jsx("code",{children:"src/i18n/pt-BR.json"})," com as traduções específicas do projeto"]})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/20",children:[e.jsx(a,{className:"h-4 w-4 mt-0.5 text-green-500 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Passo 2: Passar para CoreProviders"}),e.jsxs("p",{className:"text-muted-foreground",children:["Usar a prop ",e.jsx("code",{children:"appTranslations"})," para injetar no namespace ",e.jsx("code",{children:"app"})]})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-green-500/5 border border-green-500/20",children:[e.jsx(a,{className:"h-4 w-4 mt-0.5 text-green-500 shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Passo 3: Usar t() normalmente"}),e.jsxs("p",{className:"text-muted-foreground",children:[e.jsx("code",{children:"t('key')"})," busca em ",e.jsx("code",{children:"app"})," primeiro, fallback para ",e.jsx("code",{children:"core"})]})]})]})]})]})}function h(){return e.jsxs(s,{className:"p-4 bg-muted/50",children:[e.jsxs("h4",{className:"font-semibold mb-3 flex items-center gap-2",children:[e.jsx(p,{className:"h-4 w-4"}),"Estrutura de Arquivos"]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsx("div",{className:"p-3 rounded bg-background font-mono text-xs",children:e.jsx("pre",{children:`lib/i18n/
+├── config.ts           # Configuração i18next + addAppTranslations()
+├── constants.ts        # Locales, timezones, formatos
+├── index.ts            # Exports centralizados
+└── locales/
+    ├── pt-BR.json      # { "save": "Salvar", "cancel": "Cancelar", ... }
+    ├── en-US.json      # { "save": "Save", "cancel": "Cancel", ... }
+    └── es-ES.json      # { "save": "Guardar", "cancel": "Cancelar", ... }
+
+# Projeto consumidor:
+src/i18n/
+├── pt-BR.json          # { "my_field": "Meu Campo", ... }
+├── en-US.json          # { "my_field": "My Field", ... }
+└── es-ES.json          # { "my_field": "Mi Campo", ... }`})}),e.jsxs("div",{className:"text-muted-foreground space-y-1",children:[e.jsxs("p",{children:["• Formato ",e.jsx("strong",{children:"flat"}),": ",e.jsx("code",{children:'{ "chave": "valor" }'})," (compatível com Tolgee)"]}),e.jsx("p",{children:"• Um arquivo por idioma (padrão i18next)"}),e.jsxs("p",{children:["• Carregamento ",e.jsx("strong",{children:"síncrono"})," via import estático"]})]})]})]})}function f(){return e.jsxs(s,{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"p-2 rounded-lg bg-violet-500/10",children:e.jsx(n,{className:"h-5 w-5 text-violet-500"})}),e.jsx("h4",{className:"font-semibold",children:"Conversão de Timezone"})]}),e.jsxs("div",{className:"text-sm space-y-2",children:[e.jsx("div",{className:"p-2 rounded bg-muted/50 font-mono text-xs",children:"UTC: 2024-03-15T17:30:00Z"}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"🇧🇷 Brasília (UTC-3)"}),e.jsx("span",{className:"font-medium",children:"15/03/2024 14:30"})]}),e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"🇺🇸 New York (UTC-4)"}),e.jsx("span",{className:"font-medium",children:"03/15/2024 01:30 PM"})]}),e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"🇬🇧 Londres (UTC+0)"}),e.jsx("span",{className:"font-medium",children:"15/03/2024 17:30"})]}),e.jsxs("div",{className:"flex justify-between py-2",children:[e.jsx("span",{className:"text-muted-foreground",children:"🇯🇵 Tóquio (UTC+9)"}),e.jsx("span",{className:"font-medium",children:"16/03/2024 02:30"})]})]})]})]})}function v(){return e.jsxs("div",{className:"grid gap-3 md:grid-cols-3",children:[e.jsxs(s,{className:"p-4 flex items-center gap-3",children:[e.jsx("span",{className:"text-2xl",children:"🇧🇷"}),e.jsxs("div",{children:[e.jsxs("div",{className:"font-medium flex items-center gap-2",children:["Português (Brasil)",e.jsx(t,{variant:"secondary",children:"Padrão"})]}),e.jsx("code",{className:"text-xs text-muted-foreground",children:"pt-BR"})]})]}),e.jsxs(s,{className:"p-4 flex items-center gap-3",children:[e.jsx("span",{className:"text-2xl",children:"🇺🇸"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"English (US)"}),e.jsx("code",{className:"text-xs text-muted-foreground",children:"en-US"})]})]}),e.jsxs(s,{className:"p-4 flex items-center gap-3",children:[e.jsx("span",{className:"text-2xl",children:"🇪🇸"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Español (España)"}),e.jsx("code",{className:"text-xs text-muted-foreground",children:"es-ES"})]})]})]})}function T(){return e.jsx(l,{title:"Internacionalização (i18n)",description:"Sistema de internacionalização com namespaces core/app. A lib fornece traduções base no namespace 'core' (lib/i18n/locales/). Projetos consumidores injetam suas traduções no namespace 'app' via prop appTranslations do CoreProviders. Resolução: app → core → fallback pt-BR.",component:e.jsx(u,{}),usage:`// ===== PROJETO CONSUMIDOR: SETUP COMPLETO =====
+
+// 1. Criar arquivos de tradução do projeto
+// src/i18n/pt-BR.json
+// { "objective": "Objetivo", "key_result": "Resultado-chave" }
+
+// 2. Importar e passar para CoreProviders
+import { CoreProviders } from 'forlogic-core';
+import ptBR from './i18n/pt-BR.json';
+// import enUS from './i18n/en-US.json'; // quando tiver
+
+function App() {
+  return (
+    <CoreProviders
+      moduleAlias="performance"
+      appTranslations={{
+        'pt-BR': ptBR,
+        // 'en-US': enUS,
+      }}
+    >
+      <BrowserRouter>
+        <Routes />
+      </BrowserRouter>
+    </CoreProviders>
+  );
+}
+
+// 3. Usar traduções nos componentes
+import { useTranslation } from 'forlogic-core';
+
+function MyComponent() {
+  const { t } = useTranslation();
+  
+  return (
+    <div>
+      {/* Busca em 'app' (projeto) → encontra */}
+      <h1>{t('objective')}</h1>
+      
+      {/* Busca em 'app' → não encontra → fallback 'core' (lib) */}
+      <Button>{t('save')}</Button>
+    </div>
+  );
+}`,examples:[{title:"Resolução de Namespaces (core/app)",description:"O t() busca primeiro no namespace app (projeto), depois no core (lib). Isso permite que o projeto sobrescreva traduções da lib.",preview:e.jsx(x,{}),code:`// Configuração interna (lib/i18n/config.ts):
+i18n.init({
+  resources: {
+    'pt-BR': { core: ptBR },  // lib/i18n/locales/pt-BR.json
+    'en-US': { core: enUS },
+    'es-ES': { core: esES },
+  },
+  defaultNS: 'app',      // t('key') busca primeiro aqui
+  fallbackNS: 'core',    // se não encontrar, busca aqui
+  ns: ['core'],
+  fallbackLng: 'pt-BR',
+});
+
+// O CoreProviders injeta traduções do projeto no namespace 'app':
+export function addAppTranslations(lang: string, translations: Record<string, string>) {
+  i18n.addResourceBundle(lang, 'app', translations, true, true);
+}
+
+// Resultado:
+// t('save')        → app.save || core.save → "Salvar"
+// t('objective')   → app.objective → "Objetivo"
+// t('save', 'Fallback') → safety net se nenhum namespace tiver a chave`},{title:"Setup do Projeto Consumidor",description:"Apenas 3 passos: criar JSONs, passar para CoreProviders, e usar t(). Sem tabela Supabase, sem await, sem configuração extra.",preview:e.jsx(j,{}),code:`// ===== PASSO 1: Criar JSONs de tradução =====
+// src/i18n/pt-BR.json
+{
+  "objective": "Objetivo",
+  "key_result": "Resultado-chave",
+  "cycle": "Ciclo",
+  "progress": "Progresso"
+}
+
+// ===== PASSO 2: Passar para CoreProviders =====
+// src/App.tsx
+import { CoreProviders } from 'forlogic-core';
+import ptBR from './i18n/pt-BR.json';
+
+function App() {
+  return (
+    <CoreProviders
+      moduleAlias="performance"
+      appTranslations={{ 'pt-BR': ptBR }}
+    >
+      <BrowserRouter>
+        <Routes />
+      </BrowserRouter>
+    </CoreProviders>
+  );
+}
+
+// ===== PASSO 3: Usar t() normalmente =====
+import { useTranslation } from 'forlogic-core';
+// ❌ NUNCA: import { useTranslation } from 'react-i18next';
+
+function MeuComponente() {
+  const { t } = useTranslation();
+  return <h1>{t('objective')}</h1>; // "Objetivo"
+}`},{title:"Estrutura de Arquivos",description:"JSONs por idioma no formato flat — compatível com Tolgee CLI para futuro gerenciamento externo de traduções",preview:e.jsx(h,{}),code:`// Formato dos JSONs (flat, sem nesting):
+// lib/i18n/locales/pt-BR.json (namespace core — lib)
+{
+  "save": "Salvar",
+  "cancel": "Cancelar",
+  "delete": "Excluir",
+  "confirm": "Confirmar",
+  "loading": "Carregando..."
+}
+
+// src/i18n/pt-BR.json (namespace app — projeto)
+{
+  "objective": "Objetivo",
+  "key_result": "Resultado-chave",
+  "cycle": "Ciclo"
+}
+
+// Suporta interpolação:
+// { "hello_user": "Olá, {{name}}!" }
+// t('hello_user', { name: 'João' }) → "Olá, João!"
+
+// Futuro: Tolgee CLI para sincronizar
+// tolgee pull --path src/i18n/`},{title:"Idiomas Suportados",description:"O sistema suporta 3 idiomas com fallback automático para português",preview:e.jsx(v,{}),code:`// Idiomas configurados em lib/i18n/config.ts
+// fallbackLng: 'pt-BR' — sempre cai para português se não encontrar
+
+// Prioridade de resolução para t('save'):
+// 1. Idioma atual, namespace 'app' (projeto)
+// 2. Idioma atual, namespace 'core' (lib)
+// 3. fallbackLng 'pt-BR', namespace 'app'
+// 4. fallbackLng 'pt-BR', namespace 'core'
+// 5. Retorna a própria chave: "save"`},{title:"useI18nFormatters Hook",description:"Hook RECOMENDADO para formatação de datas. Converte automaticamente para o timezone do usuário.",preview:e.jsx(f,{}),code:`import { useI18nFormatters } from 'forlogic-core';
+
+function ActivityLog() {
+  const { formatDatetime, formatDate } = useI18nFormatters();
+  
+  const createdAt = "2024-03-15T17:30:00Z"; // UTC
+  
+  return (
+    <div>
+      <p>Criado em: {formatDatetime(createdAt)}</p>
+      {/* → "15/03/2024 14:30" (Brasília UTC-3) */}
+      
+      <p>Data: {formatDate(createdAt)}</p>
+      {/* → "15 de mar. de 2024" */}
+    </div>
+  );
+}`},{title:"Constantes Centralizadas",description:"Todas as opções de localização estão centralizadas em lib/i18n/constants.ts",preview:e.jsxs(s,{className:"p-4 space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Constantes exportadas:"}),e.jsxs("div",{className:"text-sm space-y-2",children:[e.jsxs("p",{children:["• ",e.jsx("code",{children:"SUPPORTED_LOCALES"})," - pt-BR, en-US, es-ES"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"DATETIME_FORMATS"})," - 6 formatos de data/hora"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"TIMEZONES"})," - 12 fusos horários"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"DEFAULT_*"})," - Valores padrão (fallback)"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"detectBrowserPreferences()"})," - Detecta do navegador"]})]})]}),code:`import { 
+  SUPPORTED_LOCALES, DATETIME_FORMATS, TIMEZONES,
+  DEFAULT_LOCALE, DEFAULT_DATETIME_FORMAT, DEFAULT_TIMEZONE,
+  detectBrowserLocale, detectBrowserTimezone,
+} from 'forlogic-core';`}],props:[{name:"appTranslations",type:"Record<string, Record<string, string>>",default:"-",description:"Prop do CoreProviders. Mapa de idioma → traduções do projeto. Injetadas no namespace app."},{name:"addAppTranslations",type:"(lang, translations) => void",default:"-",description:"Helper para injetar traduções no namespace app manualmente (alternativa ao CoreProviders)."},{name:"useTranslation",type:"hook",default:"-",description:"Hook principal. Retorna { t, i18n }. SEMPRE importar de forlogic-core, NUNCA de react-i18next."},{name:"useLocale",type:"hook",default:"-",description:"Hook para acessar locale fixo em pt-BR (futuramente via API externa)."},{name:"useI18nFormatters",type:"hook",default:"-",description:"Hook RECOMENDADO para formatação de datas respeitando timezone do usuário."},{name:"SUPPORTED_LOCALES",type:"const",default:"-",description:"Array com locales suportados: pt-BR, en-US, es-ES."},{name:"DEFAULT_LOCALE",type:"const",default:"pt-BR",description:"Locale padrão de fallback."}],accessibility:["Traduções são carregadas de forma síncrona (sem loading/flash)","Fallback automático: app → core → pt-BR → chave","Projetos consumidores podem sobrescrever traduções da lib","Padrão t('key', 'Fallback') continua como safety net"],notes:["**Namespaces**: defaultNS = `app` (projeto), fallbackNS = `core` (lib). O t() busca automaticamente nos dois.","**Import obrigatório**: Sempre importar `useTranslation` de `forlogic-core`, NUNCA de `react-i18next` (evita conflito de instâncias).",'**Formato**: JSONs flat por idioma (`{ "key": "value" }`), compatível com Tolgee CLI.',"**CoreProviders**: Usar prop `appTranslations` é a forma recomendada de injetar traduções do projeto.","**Sem Supabase**: Traduções são estáticas, carregadas via import — sem dependência de rede ou banco."]})}export{T as I18nDoc};

package/dist/assets/IconPickerDoc-DZ26Gdpg.js

@@ -0,0 +1,10 @@
+import{r as i,j as o,f7 as a,aR as c}from"./index-DkiftrvI.js";import{C as m}from"./ComponentDocTemplate-CQbBhfvZ.js";import{L as n}from"./lucide-react-Cp3Yw3Zm.js";import"./ExampleCard-DuLrb3t-.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";function O(){const[e,t]=i.useState("Star"),r=n[e]||c;return o.jsx(m,{title:"Icon Picker",description:"Seletor de ícones da biblioteca Lucide React com busca integrada.",component:o.jsxs("div",{className:"w-[300px]",children:[o.jsx(a,{value:e,onChange:t,label:"Escolha um ícone"}),o.jsxs("div",{className:"mt-4 p-4 rounded-md border bg-card flex items-center gap-3",children:[o.jsx(r,{className:"h-6 w-6 text-primary"}),o.jsxs("p",{className:"font-medium",children:["Ícone selecionado: ",e]})]})]}),usage:`import { IconPicker } from "forlogic-core"
+import { useState } from 'react'
+
+const [icon, setIcon] = useState('Star')
+
+<IconPicker
+  value={icon}
+  onChange={setIcon}
+  label="Escolha um ícone"
+/>`,props:[{name:"value",type:"string",default:"Star",description:"Nome do ícone selecionado (Lucide React)."},{name:"onChange",type:"(iconName: string) => void",default:"-",description:"Callback quando o ícone é alterado."},{name:"label",type:"string",default:"-",description:"Label opcional para o campo."}],accessibility:["Busca por nome do ícone","Grid acessível por teclado","Títulos descritivos em cada ícone","Indicador visual de seleção","Scroll area com navegação adequada"]})}export{O as IconPickerDoc};

package/dist/assets/{IconsFoundationDoc-CrymfxTI.js → IconsFoundationDoc-xOxtC7CW.js}

@@ -1,4 +1,4 @@
-import{r as m,j as e,B as y,C as c,a as d,b as n,c as i,I as k,d as o,f as N,g as S,h as L,i as T,H as u,k as P,E as v,u as E}from"./index-CE0k7Rdh.js";import{L as H,S as D}from"./lucide-react-t7dCa4lv.js";import{G as M}from"./life-buoy-BRndExxh.js";import"./hash-B4MTXppl.js";import"./blocks-DO93nPjs.js";import"./calendar-days-cMfwBSZx.js";import"./circle-plus-D3NftMzS.js";import"./circle-x-BVAVJ_oz.js";import"./share-2-D-ZhCCq2.js";import"./crown-B2MTZDnM.js";import"./monitor-Dg3HKTSE.js";import"./file-pen-line-CXv-Eye-.js";import"./git-branch-V6-h6P9K.js";import"./globe-CaUBIJU8.js";import"./shield-x-Q7hAXWsG.js";import"./package-3G45ARQh.js";import"./pen-BYSSwjK4.js";import"./pin-CMYagNhs.js";import"./server-p0Sb0mKI.js";import"./text-align-start-6aYQqbX4.js";import"./trash-DveAOiLF.js";import"./user-check-CoGNBfIk.js";import"./user-plus-Bad2xWIT.js";const z=["createLucideIcon","default","icons","Icon","LucideIcon","IconNode","LucideProps","createElement"];function le(){const[x,w]=m.useState(""),[C,g]=m.useState(null),[r,j]=m.useState(1),f=120,h=m.useMemo(()=>Object.entries(H).filter(([s,t])=>!(z.includes(s)||!t||typeof t!="function"&&typeof t!="object"||s.startsWith("Lucide")||typeof t=="object"&&!("$$typeof"in t))).map(([s,t])=>({name:s,Icon:t})),[]),p=m.useMemo(()=>{if(!x.trim())return h;const s=x.toLowerCase();return h.filter(({name:t})=>t.toLowerCase().includes(s))},[h,x]);m.useMemo(()=>{j(1)},[x]);const a=Math.ceil(p.length/f),b=m.useMemo(()=>{const s=(r-1)*f;return p.slice(s,s+f)},[p,r]),I=s=>{const t=`import { ${s} } from 'lucide-react';`;navigator.clipboard.writeText(t),g(s),E.success(`Import de ${s} copiado!`),setTimeout(()=>g(null),2e3)};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-4xl font-bold mb-4",children:"Ícones"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-2",children:"Biblioteca completa de ícones usando Lucide React - uma biblioteca de ícones open-source com mais de 1400 ícones em SVG."}),e.jsxs("div",{className:"flex items-center gap-2 mt-4",children:[e.jsxs(y,{variant:"secondary",children:[h.length," ícones disponíveis"]}),e.jsx(y,{variant:"outline",children:"lucide-react"})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Galeria de Ícones"}),e.jsxs(i,{children:["Clique em um ícone para copiar o import. Mostrando ",b.length," de ",p.length," ícones",p.length!==h.length&&` (${h.length} total)`,"."]}),e.jsx("div",{className:"mt-4 flex items-center gap-4",children:e.jsx(k,{type:"text",placeholder:"Buscar ícones...",value:x,onChange:s=>w(s.target.value),className:"max-w-sm"})})]}),e.jsxs(o,{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-6 sm:grid-cols-8 md:grid-cols-10 lg:grid-cols-12 gap-2",children:b.map(({name:s,Icon:t})=>e.jsxs("button",{onClick:()=>I(s),className:`flex flex-col items-center justify-center p-3 rounded-md border hover:bg-accent hover:border-primary transition-all group ${C===s?"bg-primary/10 border-primary":""}`,title:s,children:[e.jsx(t,{className:"h-5 w-5 group-hover:text-primary transition-colors"}),e.jsx("span",{className:"text-[9px] mt-1.5 text-muted-foreground truncate w-full text-center",children:s.length>8?`${s.slice(0,8)}...`:s})]},s))}),p.length===0&&e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-muted-foreground",children:[e.jsx(D,{className:"h-12 w-12 mb-4"}),e.jsxs("p",{children:['Nenhum ícone encontrado para "',x,'"']})]}),a>1&&e.jsxs("div",{className:"flex items-center justify-center gap-2 pt-4 border-t",children:[e.jsx(N,{variant:"outline",size:"sm",onClick:()=>j(s=>Math.max(1,s-1)),disabled:r===1,children:e.jsx(S,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,a)},(s,t)=>{let l;return a<=5||r<=3?l=t+1:r>=a-2?l=a-4+t:l=r-2+t,e.jsx(N,{variant:r===l?"default":"outline",size:"sm",onClick:()=>j(l),className:"w-8",children:l},l)})}),e.jsx(N,{variant:"outline",size:"sm",onClick:()=>j(s=>Math.min(a,s+1)),disabled:r===a,children:e.jsx(L,{className:"h-4 w-4"})}),e.jsxs("span",{className:"text-sm text-muted-foreground ml-2",children:["Página ",r," de ",a]})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Instalação"}),e.jsx(i,{children:"Como instalar e usar a biblioteca de ícones"})]}),e.jsxs(o,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"1. Instalação"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm overflow-x-auto",children:"npm install lucide-react"})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"2. Importação Individual (Recomendado)"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm overflow-x-auto",children:`import { Home, Settings, User, Search } from 'lucide-react';
+import{r as m,j as e,B as y,a as c,b as d,c as i,e as n,K as S,d as o,x as N,aP as k,aQ as T,aR as L,aS as u,aT as P,aU as v,Y as E}from"./index-DkiftrvI.js";import{L as H,S as D}from"./lucide-react-Cp3Yw3Zm.js";import{G as M}from"./life-buoy-ByXiPddz.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"./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";const z=["createLucideIcon","default","icons","Icon","LucideIcon","IconNode","LucideProps","createElement"];function ue(){const[x,w]=m.useState(""),[C,g]=m.useState(null),[r,j]=m.useState(1),f=120,h=m.useMemo(()=>Object.entries(H).filter(([s,t])=>!(z.includes(s)||!t||typeof t!="function"&&typeof t!="object"||s.startsWith("Lucide")||typeof t=="object"&&!("$$typeof"in t))).map(([s,t])=>({name:s,Icon:t})),[]),p=m.useMemo(()=>{if(!x.trim())return h;const s=x.toLowerCase();return h.filter(({name:t})=>t.toLowerCase().includes(s))},[h,x]);m.useMemo(()=>{j(1)},[x]);const a=Math.ceil(p.length/f),b=m.useMemo(()=>{const s=(r-1)*f;return p.slice(s,s+f)},[p,r]),I=s=>{const t=`import { ${s} } from 'lucide-react';`;navigator.clipboard.writeText(t),g(s),E.success(`Import de ${s} copiado!`),setTimeout(()=>g(null),2e3)};return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-4xl font-bold mb-4",children:"Ícones"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-2",children:"Biblioteca completa de ícones usando Lucide React - uma biblioteca de ícones open-source com mais de 1400 ícones em SVG."}),e.jsxs("div",{className:"flex items-center gap-2 mt-4",children:[e.jsxs(y,{variant:"secondary",children:[h.length," ícones disponíveis"]}),e.jsx(y,{variant:"outline",children:"lucide-react"})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Galeria de Ícones"}),e.jsxs(n,{children:["Clique em um ícone para copiar o import. Mostrando ",b.length," de ",p.length," ícones",p.length!==h.length&&` (${h.length} total)`,"."]}),e.jsx("div",{className:"mt-4 flex items-center gap-4",children:e.jsx(S,{type:"text",placeholder:"Buscar ícones...",value:x,onChange:s=>w(s.target.value),className:"max-w-sm"})})]}),e.jsxs(o,{className:"space-y-4",children:[e.jsx("div",{className:"grid grid-cols-6 sm:grid-cols-8 md:grid-cols-10 lg:grid-cols-12 gap-2",children:b.map(({name:s,Icon:t})=>e.jsxs("button",{onClick:()=>I(s),className:`flex flex-col items-center justify-center p-3 rounded-md border hover:bg-accent hover:border-primary transition-all group ${C===s?"bg-primary/10 border-primary":""}`,title:s,children:[e.jsx(t,{className:"h-5 w-5 group-hover:text-primary transition-colors"}),e.jsx("span",{className:"text-[9px] mt-1.5 text-muted-foreground truncate w-full text-center",children:s.length>8?`${s.slice(0,8)}...`:s})]},s))}),p.length===0&&e.jsxs("div",{className:"flex flex-col items-center justify-center py-12 text-muted-foreground",children:[e.jsx(D,{className:"h-12 w-12 mb-4"}),e.jsxs("p",{children:['Nenhum ícone encontrado para "',x,'"']})]}),a>1&&e.jsxs("div",{className:"flex items-center justify-center gap-2 pt-4 border-t",children:[e.jsx(N,{variant:"outline",size:"sm",onClick:()=>j(s=>Math.max(1,s-1)),disabled:r===1,children:e.jsx(k,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex items-center gap-1",children:Array.from({length:Math.min(5,a)},(s,t)=>{let l;return a<=5||r<=3?l=t+1:r>=a-2?l=a-4+t:l=r-2+t,e.jsx(N,{variant:r===l?"default":"outline",size:"sm",onClick:()=>j(l),className:"w-8",children:l},l)})}),e.jsx(N,{variant:"outline",size:"sm",onClick:()=>j(s=>Math.min(a,s+1)),disabled:r===a,children:e.jsx(T,{className:"h-4 w-4"})}),e.jsxs("span",{className:"text-sm text-muted-foreground ml-2",children:["Página ",r," de ",a]})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Instalação"}),e.jsx(n,{children:"Como instalar e usar a biblioteca de ícones"})]}),e.jsxs(o,{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"1. Instalação"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm overflow-x-auto",children:"npm install lucide-react"})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"2. Importação Individual (Recomendado)"}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm overflow-x-auto",children:`import { Home, Settings, User, Search } from 'lucide-react';
 
 function MyComponent() {
   return (
@@ -16,18 +16,18 @@ function DynamicIcon({ name, ...props }: { name: keyof typeof icons }) {
 }
 
 // Uso
-<DynamicIcon name="Home" className="h-5 w-5" />`})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Propriedades"}),e.jsx(i,{children:"Props disponíveis para todos os ícones"})]}),e.jsx(o,{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 py-2 pr-4 font-semibold",children:"Prop"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Tipo"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Default"}),e.jsx("th",{className:"text-left py-2 font-semibold",children:"Descrição"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"size"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"number"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"24"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Tamanho do ícone em pixels"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"color"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"string"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"currentColor"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Cor do ícone"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"strokeWidth"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"number"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"2"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Espessura do traço"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"absoluteStrokeWidth"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"boolean"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"false"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Se verdadeiro, a espessura não escala com o tamanho"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"className"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"string"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"-"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Classes CSS (preferido para estilização)"})]})]})]})})})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Tamanhos"}),e.jsx(i,{children:"Exemplos de diferentes tamanhos de ícones"})]}),e.jsxs(o,{children:[e.jsx("div",{className:"flex items-end gap-6 flex-wrap",children:[16,20,24,32,40,48].map(s=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(T,{size:s,className:"text-primary"}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[s,"px"]})]},s))}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Star size={16} />
+<DynamicIcon name="Home" className="h-5 w-5" />`})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Propriedades"}),e.jsx(n,{children:"Props disponíveis para todos os ícones"})]}),e.jsx(o,{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 py-2 pr-4 font-semibold",children:"Prop"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Tipo"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Default"}),e.jsx("th",{className:"text-left py-2 font-semibold",children:"Descrição"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"size"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"number"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"24"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Tamanho do ícone em pixels"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"color"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"string"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"currentColor"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Cor do ícone"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"strokeWidth"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"number"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"2"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Espessura do traço"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"absoluteStrokeWidth"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"boolean"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"false"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Se verdadeiro, a espessura não escala com o tamanho"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"className"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"string"}),e.jsx("td",{className:"py-2 pr-4 text-muted-foreground",children:"-"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"Classes CSS (preferido para estilização)"})]})]})]})})})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Tamanhos"}),e.jsx(n,{children:"Exemplos de diferentes tamanhos de ícones"})]}),e.jsxs(o,{children:[e.jsx("div",{className:"flex items-end gap-6 flex-wrap",children:[16,20,24,32,40,48].map(s=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(L,{size:s,className:"text-primary"}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[s,"px"]})]},s))}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Star size={16} />
 <Star className="h-5 w-5" />  {/* 20px - Tailwind */}
 <Star className="h-6 w-6" />  {/* 24px - Default */}
 <Star size={32} />
 <Star className="h-10 w-10" /> {/* 40px */}
-<Star size={48} />`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Cores"}),e.jsx(i,{children:"Use classes Tailwind para definir cores semânticas"})]}),e.jsxs(o,{children:[e.jsxs("div",{className:"flex items-center gap-6 flex-wrap",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"default"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-primary"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"primary"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-muted-foreground"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"muted"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-destructive"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"destructive"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-success"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"success"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-warning"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"warning"})]})]}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Heart className="h-8 w-8" />                    {/* currentColor */}
+<Star size={48} />`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Cores"}),e.jsx(n,{children:"Use classes Tailwind para definir cores semânticas"})]}),e.jsxs(o,{children:[e.jsxs("div",{className:"flex items-center gap-6 flex-wrap",children:[e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"default"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-primary"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"primary"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-muted-foreground"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"muted"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-destructive"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"destructive"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-success"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"success"})]}),e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(u,{className:"h-8 w-8 text-warning"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"warning"})]})]}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Heart className="h-8 w-8" />                    {/* currentColor */}
 <Heart className="h-8 w-8 text-primary" />       {/* cor primária */}
 <Heart className="h-8 w-8 text-muted-foreground" /> {/* cor muted */}
 <Heart className="h-8 w-8 text-destructive" />   {/* cor de erro */}
 <Heart className="h-8 w-8 text-success" />       {/* cor de sucesso */}
-<Heart className="h-8 w-8 text-warning" />       {/* cor de aviso */}`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Espessura do Traço"}),e.jsx(i,{children:"Personalize a espessura do traço dos ícones"})]}),e.jsxs(o,{children:[e.jsx("div",{className:"flex items-center gap-6 flex-wrap",children:[1,1.5,2,2.5,3].map(s=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(P,{size:32,strokeWidth:s,className:"text-primary"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:s})]},s))}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Circle strokeWidth={1} />    {/* fino */}
+<Heart className="h-8 w-8 text-warning" />       {/* cor de aviso */}`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Espessura do Traço"}),e.jsx(n,{children:"Personalize a espessura do traço dos ícones"})]}),e.jsxs(o,{children:[e.jsx("div",{className:"flex items-center gap-6 flex-wrap",children:[1,1.5,2,2.5,3].map(s=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx(P,{size:32,strokeWidth:s,className:"text-primary"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:s})]},s))}),e.jsx("pre",{className:"bg-muted p-3 rounded-md text-sm mt-4 overflow-x-auto",children:`<Circle strokeWidth={1} />    {/* fino */}
 <Circle strokeWidth={1.5} />  {/* leve */}
 <Circle strokeWidth={2} />    {/* padrão */}
 <Circle strokeWidth={2.5} />  {/* médio */}
-<Circle strokeWidth={3} />    {/* grosso */}`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Boas Práticas"}),e.jsx(i,{children:"Diretrizes para uso consistente de ícones"})]}),e.jsxs(o,{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2 text-green-600 dark:text-green-400",children:"✅ Faça"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsx("li",{children:"Use importações individuais para melhor tree-shaking"}),e.jsxs("li",{children:["Prefira ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"className"})," para estilização via Tailwind"]}),e.jsx("li",{children:"Use tamanhos consistentes em contextos similares (h-4 w-4 para botões, h-5 w-5 para menus)"}),e.jsx("li",{children:"Use cores semânticas do design system (text-primary, text-muted-foreground)"}),e.jsxs("li",{children:["Adicione ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:'aria-hidden="true"'})," para ícones decorativos"]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2 text-red-600 dark:text-red-400",children:"❌ Não Faça"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsxs("li",{children:["Não importe todos os ícones com ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"import * as Icons"})]}),e.jsxs("li",{children:["Não use cores hardcoded como ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:'color="#ff0000"'})]}),e.jsx("li",{children:"Não misture tamanhos inconsistentes na mesma interface"}),e.jsx("li",{children:"Não use ícones sem texto ou label para ações importantes"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Padrões de Tamanho Recomendados"}),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 py-2 pr-4 font-semibold",children:"Contexto"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Classe Tailwind"}),e.jsx("th",{className:"text-left py-2 font-semibold",children:"Tamanho"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Botões pequenos"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-3.5 w-3.5"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"14px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Botões e inputs"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-4 w-4"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"16px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Menus e listas"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-5 w-5"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"20px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Headers e destaque"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-6 w-6"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"24px"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 pr-4",children:"Empty states"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-12 w-12"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"48px"})]})]})]})})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(n,{children:"Links Úteis"}),e.jsx(i,{children:"Recursos adicionais da biblioteca Lucide"})]}),e.jsx(o,{children:e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsxs("a",{href:"https://lucide.dev/icons",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(v,{className:"h-4 w-4"}),"Catálogo Oficial"]}),e.jsxs("a",{href:"https://lucide.dev/guide/packages/lucide-react",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(v,{className:"h-4 w-4"}),"Documentação React"]}),e.jsxs("a",{href:"https://github.com/lucide-icons/lucide",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(M,{className:"h-4 w-4"}),"GitHub"]})]})})]})]})}export{le as IconsFoundationDoc};
+<Circle strokeWidth={3} />    {/* grosso */}`})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Boas Práticas"}),e.jsx(n,{children:"Diretrizes para uso consistente de ícones"})]}),e.jsxs(o,{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2 text-green-600 dark:text-green-400",children:"✅ Faça"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsx("li",{children:"Use importações individuais para melhor tree-shaking"}),e.jsxs("li",{children:["Prefira ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"className"})," para estilização via Tailwind"]}),e.jsx("li",{children:"Use tamanhos consistentes em contextos similares (h-4 w-4 para botões, h-5 w-5 para menus)"}),e.jsx("li",{children:"Use cores semânticas do design system (text-primary, text-muted-foreground)"}),e.jsxs("li",{children:["Adicione ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:'aria-hidden="true"'})," para ícones decorativos"]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2 text-red-600 dark:text-red-400",children:"❌ Não Faça"}),e.jsxs("ul",{className:"list-disc list-inside space-y-1 text-sm text-muted-foreground",children:[e.jsxs("li",{children:["Não importe todos os ícones com ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:"import * as Icons"})]}),e.jsxs("li",{children:["Não use cores hardcoded como ",e.jsx("code",{className:"text-xs bg-muted px-1 py-0.5 rounded",children:'color="#ff0000"'})]}),e.jsx("li",{children:"Não misture tamanhos inconsistentes na mesma interface"}),e.jsx("li",{children:"Não use ícones sem texto ou label para ações importantes"})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold mb-2",children:"Padrões de Tamanho Recomendados"}),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 py-2 pr-4 font-semibold",children:"Contexto"}),e.jsx("th",{className:"text-left py-2 pr-4 font-semibold",children:"Classe Tailwind"}),e.jsx("th",{className:"text-left py-2 font-semibold",children:"Tamanho"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Botões pequenos"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-3.5 w-3.5"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"14px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Botões e inputs"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-4 w-4"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"16px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Menus e listas"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-5 w-5"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"20px"})]}),e.jsxs("tr",{className:"border-b",children:[e.jsx("td",{className:"py-2 pr-4",children:"Headers e destaque"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-6 w-6"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"24px"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"py-2 pr-4",children:"Empty states"}),e.jsx("td",{className:"py-2 pr-4 font-mono text-xs",children:"h-12 w-12"}),e.jsx("td",{className:"py-2 text-muted-foreground",children:"48px"})]})]})]})})]})]})]}),e.jsxs(c,{children:[e.jsxs(d,{children:[e.jsx(i,{children:"Links Úteis"}),e.jsx(n,{children:"Recursos adicionais da biblioteca Lucide"})]}),e.jsx(o,{children:e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsxs("a",{href:"https://lucide.dev/icons",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(v,{className:"h-4 w-4"}),"Catálogo Oficial"]}),e.jsxs("a",{href:"https://lucide.dev/guide/packages/lucide-react",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(v,{className:"h-4 w-4"}),"Documentação React"]}),e.jsxs("a",{href:"https://github.com/lucide-icons/lucide",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[e.jsx(M,{className:"h-4 w-4"}),"GitHub"]})]})})]})]})}export{ue as IconsFoundationDoc};

package/dist/assets/{InputDoc-BK-SdpJ7.js → InputDoc-BhztAiuJ.js}

@@ -1,4 +1,4 @@
-import{r as d,j as e,l as m,I as s,f as N,cU as w,z as G,L as a,M as h,c0 as C,ci as v,bV as A,aN as S,bD as L,ah as b,b1 as F,bG as k,bf as E,t as T,J as B}from"./index-CE0k7Rdh.js";import{C as D}from"./ComponentDocTemplate-CRbRY-v5.js";import{D as V,A as P,H as q}from"./hash-B4MTXppl.js";const t=d.forwardRef(({className:l,...i},n)=>e.jsx("div",{ref:n,"data-slot":"input-group",className:m("flex min-w-0 items-center rounded-md border border-input bg-background","focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background","has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50","has-[textarea:disabled]:cursor-not-allowed has-[textarea:disabled]:opacity-50",l),...i}));t.displayName="InputGroup";const z=G("flex items-center justify-center text-sm text-muted-foreground shrink-0",{variants:{align:{"inline-start":"border-r border-input px-3","inline-end":"border-l border-input px-3","block-start":"border-b border-input px-3 py-2 w-full justify-start","block-end":"border-t border-input px-3 py-2 w-full justify-start"}},defaultVariants:{align:"inline-start"}}),o=d.forwardRef(({className:l,align:i,...n},p)=>e.jsx("div",{ref:p,"data-slot":"input-group-addon",className:m(z({align:i}),l),...n}));o.displayName="InputGroupAddon";const M=G("",{variants:{size:{xs:"h-6 px-2 text-xs","icon-xs":"h-6 w-6",sm:"h-7 px-3 text-xs","icon-sm":"h-7 w-7"}},defaultVariants:{size:"xs"}}),c=d.forwardRef(({className:l,size:i,variant:n="ghost",...p},x)=>e.jsx(N,{ref:x,"data-slot":"input-group-button",variant:n,className:m(M({size:i}),"rounded-none first:rounded-l-md last:rounded-r-md",l),...p}));c.displayName="InputGroupButton";const r=d.forwardRef(({className:l,...i},n)=>e.jsx(s,{ref:n,"data-slot":"input-group-control",className:m("flex-1 border-0 bg-transparent shadow-none","focus-visible:ring-0 focus-visible:ring-offset-0",l),...i}));r.displayName="InputGroupInput";const j=d.forwardRef(({className:l,...i},n)=>e.jsx(w,{ref:n,"data-slot":"input-group-control",className:m("flex-1 border-0 bg-transparent shadow-none resize-none","focus-visible:ring-0 focus-visible:ring-offset-0",l),...i}));j.displayName="InputGroupTextarea";const R=`import { Input, Label } from "forlogic-core"
+import{r as d,j as e,o as m,K as s,x as N,M as w,aZ as G,J as a,b0 as h,d7 as C,a1 as v,ee as A,ew as S,dZ as L,bs as b,dp as F,e0 as k,dD as E,aX as T,a$ as B}from"./index-DkiftrvI.js";import{C as D}from"./ComponentDocTemplate-CQbBhfvZ.js";import{D as P,A as V,H as q}from"./hash-cQWdKjya.js";import"./ExampleCard-DuLrb3t-.js";const t=d.forwardRef(({className:l,...i},n)=>e.jsx("div",{ref:n,"data-slot":"input-group",className:m("flex min-w-0 items-center rounded-md border border-input bg-background","focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 focus-within:ring-offset-background","has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50","has-[textarea:disabled]:cursor-not-allowed has-[textarea:disabled]:opacity-50",l),...i}));t.displayName="InputGroup";const z=G("flex items-center justify-center text-sm text-muted-foreground shrink-0",{variants:{align:{"inline-start":"border-r border-input px-3","inline-end":"border-l border-input px-3","block-start":"border-b border-input px-3 py-2 w-full justify-start","block-end":"border-t border-input px-3 py-2 w-full justify-start"}},defaultVariants:{align:"inline-start"}}),o=d.forwardRef(({className:l,align:i,...n},p)=>e.jsx("div",{ref:p,"data-slot":"input-group-addon",className:m(z({align:i}),l),...n}));o.displayName="InputGroupAddon";const M=G("",{variants:{size:{xs:"h-6 px-2 text-xs","icon-xs":"h-6 w-6",sm:"h-7 px-3 text-xs","icon-sm":"h-7 w-7"}},defaultVariants:{size:"xs"}}),c=d.forwardRef(({className:l,size:i,variant:n="ghost",...p},x)=>e.jsx(N,{ref:x,"data-slot":"input-group-button",variant:n,className:m(M({size:i}),"rounded-none first:rounded-l-md last:rounded-r-md",l),...p}));c.displayName="InputGroupButton";const r=d.forwardRef(({className:l,...i},n)=>e.jsx(s,{ref:n,"data-slot":"input-group-control",className:m("flex-1 border-0 bg-transparent shadow-none","focus-visible:ring-0 focus-visible:ring-offset-0",l),...i}));r.displayName="InputGroupInput";const j=d.forwardRef(({className:l,...i},n)=>e.jsx(w,{ref:n,"data-slot":"input-group-control",className:m("flex-1 border-0 bg-transparent shadow-none resize-none","focus-visible:ring-0 focus-visible:ring-offset-0",l),...i}));j.displayName="InputGroupTextarea";const R=`import { Input, Label } from "forlogic-core"
 
 // Input básico
 <Input placeholder="Digite algo..." />
@@ -16,7 +16,7 @@ import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton } from "
   <InputGroupAddon align="inline-start">https://</InputGroupAddon>
   <InputGroupInput placeholder="exemplo.com" />
   <InputGroupAddon align="inline-end">.com.br</InputGroupAddon>
-</InputGroup>`;function J(){const[l,i]=d.useState(!1),[n,p]=d.useState(!1),[x,f]=d.useState(""),[g,I]=d.useState(""),y=()=>{p(!0),setTimeout(()=>p(!1),1e3)};return e.jsx(D,{title:"Input",description:"Campo de entrada de texto com suporte a todos os tipos HTML. Inclui Label para rótulos acessíveis e InputGroup para agrupar inputs com addons de prefixo, sufixo, ícones e botões.",component:e.jsx(s,{placeholder:"Digite algo...",className:"max-w-sm"}),usage:R,examples:[{title:"Tipos de Input",description:"Suporta todos os tipos HTML nativos com estilização consistente",preview:e.jsxs("div",{className:"grid grid-cols-2 gap-4 max-w-lg",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"text-example",children:"Texto"}),e.jsx(s,{type:"text",id:"text-example",placeholder:"Nome completo"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"email-example",children:"Email"}),e.jsx(s,{type:"email",id:"email-example",placeholder:"email@exemplo.com"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"password-example",children:"Senha"}),e.jsx(s,{type:"password",id:"password-example",placeholder:"••••••••"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"number-example",children:"Número"}),e.jsx(s,{type:"number",id:"number-example",placeholder:"0"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"tel-example",children:"Telefone"}),e.jsx(s,{type:"tel",id:"tel-example",placeholder:"(11) 99999-9999"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"url-example",children:"URL"}),e.jsx(s,{type:"url",id:"url-example",placeholder:"https://..."})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"date-example",children:"Data"}),e.jsx(s,{type:"date",id:"date-example"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"search-example",children:"Busca"}),e.jsx(s,{type:"search",id:"search-example",placeholder:"Pesquisar..."})]})]}),code:`<Input type="text" placeholder="Nome completo" />
+</InputGroup>`;function W(){const[l,i]=d.useState(!1),[n,p]=d.useState(!1),[x,f]=d.useState(""),[g,I]=d.useState(""),y=()=>{p(!0),setTimeout(()=>p(!1),1e3)};return e.jsx(D,{title:"Input",description:"Campo de entrada de texto com suporte a todos os tipos HTML. Inclui Label para rótulos acessíveis e InputGroup para agrupar inputs com addons de prefixo, sufixo, ícones e botões.",component:e.jsx(s,{placeholder:"Digite algo...",className:"max-w-sm"}),usage:R,examples:[{title:"Tipos de Input",description:"Suporta todos os tipos HTML nativos com estilização consistente",preview:e.jsxs("div",{className:"grid grid-cols-2 gap-4 max-w-lg",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"text-example",children:"Texto"}),e.jsx(s,{type:"text",id:"text-example",placeholder:"Nome completo"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"email-example",children:"Email"}),e.jsx(s,{type:"email",id:"email-example",placeholder:"email@exemplo.com"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"password-example",children:"Senha"}),e.jsx(s,{type:"password",id:"password-example",placeholder:"••••••••"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"number-example",children:"Número"}),e.jsx(s,{type:"number",id:"number-example",placeholder:"0"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"tel-example",children:"Telefone"}),e.jsx(s,{type:"tel",id:"tel-example",placeholder:"(11) 99999-9999"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"url-example",children:"URL"}),e.jsx(s,{type:"url",id:"url-example",placeholder:"https://..."})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"date-example",children:"Data"}),e.jsx(s,{type:"date",id:"date-example"})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{htmlFor:"search-example",children:"Busca"}),e.jsx(s,{type:"search",id:"search-example",placeholder:"Pesquisar..."})]})]}),code:`<Input type="text" placeholder="Nome completo" />
 <Input type="email" placeholder="email@exemplo.com" />
 <Input type="password" placeholder="••••••••" />
 <Input type="number" placeholder="0" />
@@ -136,7 +136,7 @@ import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton } from "
     <Copy className="h-4 w-4" />
     <span className="ml-1">Copiar</span>
   </InputGroupButton>
-</InputGroup>`},{title:"InputGroup - Combinações Avançadas",description:"Combine múltiplos addons, ícones e botões para casos complexos",preview:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Preço em dólares"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(V,{className:"h-4 w-4"})}),e.jsx(r,{type:"number",placeholder:"0.00",step:"0.01"}),e.jsx(o,{align:"inline-end",children:"USD"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Verificar usuário"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(P,{className:"h-4 w-4"})}),e.jsx(r,{placeholder:"username"}),e.jsx(c,{variant:"default",size:"sm",children:"Verificar"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Código de referência"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(q,{className:"h-4 w-4"})}),e.jsx(o,{align:"inline-start",children:"REF-"}),e.jsx(r,{placeholder:"0000",maxLength:4}),e.jsx(c,{variant:"outline",size:"sm",children:"Gerar"})]})]})]}),code:`// Preço com ícone e unidade
+</InputGroup>`},{title:"InputGroup - Combinações Avançadas",description:"Combine múltiplos addons, ícones e botões para casos complexos",preview:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Preço em dólares"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(P,{className:"h-4 w-4"})}),e.jsx(r,{type:"number",placeholder:"0.00",step:"0.01"}),e.jsx(o,{align:"inline-end",children:"USD"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Verificar usuário"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(V,{className:"h-4 w-4"})}),e.jsx(r,{placeholder:"username"}),e.jsx(c,{variant:"default",size:"sm",children:"Verificar"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(a,{children:"Código de referência"}),e.jsxs(t,{children:[e.jsx(o,{align:"inline-start",children:e.jsx(q,{className:"h-4 w-4"})}),e.jsx(o,{align:"inline-start",children:"REF-"}),e.jsx(r,{placeholder:"0000",maxLength:4}),e.jsx(c,{variant:"outline",size:"sm",children:"Gerar"})]})]})]}),code:`// Preço com ícone e unidade
 <InputGroup>
   <InputGroupAddon align="inline-start">
     <DollarSign className="h-4 w-4" />
@@ -208,4 +208,4 @@ import { InputGroup, InputGroupInput, InputGroupAddon, InputGroupButton } from "
     </InputGroup>
   </div>
   <Button type="submit" className="w-full">Enviar</Button>
-</form>`}],props:[{name:"type",type:"string",default:'"text"',description:'Tipo do input HTML: "text", "email", "password", "number", "tel", "url", "search", "date", "time", etc.'},{name:"placeholder",type:"string",default:"-",description:"Texto de placeholder exibido quando o campo está vazio."},{name:"value",type:"string | number",default:"-",description:"Valor controlado do input."},{name:"defaultValue",type:"string | number",default:"-",description:"Valor inicial para input não controlado."},{name:"disabled",type:"boolean",default:"false",description:"Se o input está desabilitado (não editável e não envia no form)."},{name:"readOnly",type:"boolean",default:"false",description:"Se o input é somente leitura (não editável mas envia no form)."},{name:"required",type:"boolean",default:"false",description:"Se o campo é obrigatório para submissão do formulário."},{name:"maxLength",type:"number",default:"-",description:"Número máximo de caracteres permitidos."},{name:"minLength",type:"number",default:"-",description:"Número mínimo de caracteres necessários."},{name:"pattern",type:"string",default:"-",description:"Regex para validação do valor (HTML5)."},{name:"autoComplete",type:"string",default:"-",description:'Dica de autocompletar: "off", "email", "name", "tel", etc.'},{name:"autoFocus",type:"boolean",default:"false",description:"Se o input deve receber foco automaticamente ao montar."},{name:"className",type:"string",default:"-",description:"Classes CSS adicionais para customização."},{name:"onChange",type:"(e: ChangeEvent) => void",default:"-",description:"Callback chamado quando o valor muda."},{name:"onBlur",type:"(e: FocusEvent) => void",default:"-",description:"Callback chamado quando o input perde foco."},{name:"onFocus",type:"(e: FocusEvent) => void",default:"-",description:"Callback chamado quando o input recebe foco."}],notes:["**Label**: Componente de rótulo acessível. Use `htmlFor` para associar ao `id` do input.","**InputGroup**: Container que agrupa input com addons. Adiciona borda unificada e foco visual compartilhado.","**InputGroupInput**: Input estilizado para uso dentro do InputGroup (remove bordas próprias).","**InputGroupTextarea**: Textarea estilizado para uso com addons `block-start` ou `block-end`.","**InputGroupAddon**: Elemento decorativo (texto, ícone). Props: `align`: `inline-start` (prefixo), `inline-end` (sufixo), `block-start` (topo), `block-end` (base).","**InputGroupButton**: Botão integrado ao InputGroup. Props: `size`: `xs`, `sm`, `icon-xs`, `icon-sm`. Aceita todas as `variant` do Button.","Para validação de formulários, use react-hook-form com FormField, FormControl e FormMessage.","Para estados de erro, adicione as classes `border-destructive focus-visible:ring-destructive` ao Input."],accessibility:["Sempre associe Label ao Input usando htmlFor/id para melhor navegação com leitores de tela","Use placeholder como dica adicional, nunca como substituto do Label","O estado disabled é comunicado automaticamente para tecnologias assistivas","O estado required é comunicado e valida automaticamente no submit","InputGroup mantém foco visual unificado (ring) quando qualquer elemento interno está focado","Indicadores de foco visíveis atendem WCAG 2.4.7 (Focus Visible)","Inputs são totalmente navegáveis via teclado (Tab, Shift+Tab)","Para campos de senha, forneça toggle de visibilidade com ícone descritivo","Mensagens de erro devem ser associadas ao input via aria-describedby para leitores de tela"]})}export{J as InputDoc};
+</form>`}],props:[{name:"type",type:"string",default:'"text"',description:'Tipo do input HTML: "text", "email", "password", "number", "tel", "url", "search", "date", "time", etc.'},{name:"placeholder",type:"string",default:"-",description:"Texto de placeholder exibido quando o campo está vazio."},{name:"value",type:"string | number",default:"-",description:"Valor controlado do input."},{name:"defaultValue",type:"string | number",default:"-",description:"Valor inicial para input não controlado."},{name:"disabled",type:"boolean",default:"false",description:"Se o input está desabilitado (não editável e não envia no form)."},{name:"readOnly",type:"boolean",default:"false",description:"Se o input é somente leitura (não editável mas envia no form)."},{name:"required",type:"boolean",default:"false",description:"Se o campo é obrigatório para submissão do formulário."},{name:"maxLength",type:"number",default:"-",description:"Número máximo de caracteres permitidos."},{name:"minLength",type:"number",default:"-",description:"Número mínimo de caracteres necessários."},{name:"pattern",type:"string",default:"-",description:"Regex para validação do valor (HTML5)."},{name:"autoComplete",type:"string",default:"-",description:'Dica de autocompletar: "off", "email", "name", "tel", etc.'},{name:"autoFocus",type:"boolean",default:"false",description:"Se o input deve receber foco automaticamente ao montar."},{name:"className",type:"string",default:"-",description:"Classes CSS adicionais para customização."},{name:"onChange",type:"(e: ChangeEvent) => void",default:"-",description:"Callback chamado quando o valor muda."},{name:"onBlur",type:"(e: FocusEvent) => void",default:"-",description:"Callback chamado quando o input perde foco."},{name:"onFocus",type:"(e: FocusEvent) => void",default:"-",description:"Callback chamado quando o input recebe foco."}],notes:["**Label**: Componente de rótulo acessível. Use `htmlFor` para associar ao `id` do input.","**InputGroup**: Container que agrupa input com addons. Adiciona borda unificada e foco visual compartilhado.","**InputGroupInput**: Input estilizado para uso dentro do InputGroup (remove bordas próprias).","**InputGroupTextarea**: Textarea estilizado para uso com addons `block-start` ou `block-end`.","**InputGroupAddon**: Elemento decorativo (texto, ícone). Props: `align`: `inline-start` (prefixo), `inline-end` (sufixo), `block-start` (topo), `block-end` (base).","**InputGroupButton**: Botão integrado ao InputGroup. Props: `size`: `xs`, `sm`, `icon-xs`, `icon-sm`. Aceita todas as `variant` do Button.","Para validação de formulários, use react-hook-form com FormField, FormControl e FormMessage.","Para estados de erro, adicione as classes `border-destructive focus-visible:ring-destructive` ao Input."],accessibility:["Sempre associe Label ao Input usando htmlFor/id para melhor navegação com leitores de tela","Use placeholder como dica adicional, nunca como substituto do Label","O estado disabled é comunicado automaticamente para tecnologias assistivas","O estado required é comunicado e valida automaticamente no submit","InputGroup mantém foco visual unificado (ring) quando qualquer elemento interno está focado","Indicadores de foco visíveis atendem WCAG 2.4.7 (Focus Visible)","Inputs são totalmente navegáveis via teclado (Tab, Shift+Tab)","Para campos de senha, forneça toggle de visibilidade com ícone descritivo","Mensagens de erro devem ser associadas ao input via aria-describedby para leitores de tela"]})}export{W as InputDoc};

package/dist/assets/{LabelDoc-DHvgzhaJ.js → LabelDoc-A4hmTRRV.js}

@@ -1,4 +1,4 @@
-import{j as e,L as a,I as s,e as i}from"./index-CE0k7Rdh.js";import{C as l}from"./ComponentDocTemplate-CRbRY-v5.js";function o(){return e.jsx(l,{title:"Label",description:"Renderiza uma label acessível associada a controles de formulário.",component:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(i,{id:"terms-main"}),e.jsx(a,{htmlFor:"terms-main",children:"Aceitar termos e condições"})]}),usage:`import { Label } from "forlogic-core"
+import{j as e,J as a,K as s,m as i}from"./index-DkiftrvI.js";import{C as l}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function d(){return e.jsx(l,{title:"Label",description:"Renderiza uma label acessível associada a controles de formulário.",component:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(i,{id:"terms-main"}),e.jsx(a,{htmlFor:"terms-main",children:"Aceitar termos e condições"})]}),usage:`import { Label } from "forlogic-core"
 
 <Label htmlFor="email">Email</Label>
 <Input id="email" type="email" />`,examples:[{title:"Com Input",description:"Label associada a um campo de texto.",preview:e.jsxs("div",{className:"grid w-full max-w-sm gap-1.5",children:[e.jsx(a,{htmlFor:"email",children:"Email"}),e.jsx(s,{id:"email",type:"email",placeholder:"seu@email.com"})]}),code:`<div className="grid gap-1.5">
@@ -39,4 +39,4 @@ import{j as e,L as a,I as s,e as i}from"./index-CE0k7Rdh.js";import{C as l}from"
     <Input id="phone" type="tel" />
     <p className="text-xs text-muted-foreground">Opcional</p>
   </div>
-</div>`}],props:[{name:"htmlFor",type:"string",default:"-",description:"O id do controle de formulário para associar."},{name:"className",type:"string",default:"-",description:"Classes CSS para estilização."},{name:"children",type:"ReactNode",default:"-",description:"Conteúdo da label."}],accessibility:["Associa adequadamente com controles de formulário via htmlFor","Clicar na label foca automaticamente o input associado","Suporte completo para leitores de tela","Compatível com WCAG - melhora a área de clique","Use com Checkbox/Radio para melhor UX"],notes:["Sempre associe Labels a seus campos via htmlFor/id","Use o componente Label (não <label>) para formulários acessíveis","Indique campos obrigatórios com asterisco ou texto descritivo","Labels aumentam a área de clique para inputs (especialmente útil em mobile)","Adicione cursor-pointer quando associada a checkboxes/radios","Combine com texto de ajuda abaixo do input para instruções adicionais"]})}export{o as LabelDoc};
+</div>`}],props:[{name:"htmlFor",type:"string",default:"-",description:"O id do controle de formulário para associar."},{name:"className",type:"string",default:"-",description:"Classes CSS para estilização."},{name:"children",type:"ReactNode",default:"-",description:"Conteúdo da label."}],accessibility:["Associa adequadamente com controles de formulário via htmlFor","Clicar na label foca automaticamente o input associado","Suporte completo para leitores de tela","Compatível com WCAG - melhora a área de clique","Use com Checkbox/Radio para melhor UX"],notes:["Sempre associe Labels a seus campos via htmlFor/id","Use o componente Label (não <label>) para formulários acessíveis","Indique campos obrigatórios com asterisco ou texto descritivo","Labels aumentam a área de clique para inputs (especialmente útil em mobile)","Adicione cursor-pointer quando associada a checkboxes/radios","Combine com texto de ajuda abaixo do input para instruções adicionais"]})}export{d as LabelDoc};