forlogic-core 1.20.1 → 2.0.1

package/dist/assets/I18nDoc-B6LMXnE3.js

@@ -1,232 +0,0 @@
-import{j as e,C as a,b9 as r,B as n,bb as i,aA as d,aC as c,v as s,bZ as m}from"./index-CE0k7Rdh.js";import{C as l}from"./ComponentDocTemplate-CRbRY-v5.js";import{F as o,M as u}from"./monitor-Dg3HKTSE.js";import{G as t}from"./globe-CaUBIJU8.js";function p(){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-primary/10",children:e.jsx(o,{className:"h-5 w-5 text-primary"})}),e.jsx("h4",{className:"font-semibold",children:"translations.json"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Arquivo JSON estático local com todas as traduções (carregamento síncrono)"})]}),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(t,{className:"h-5 w-5 text-green-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)"})]}),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(s,{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 encapsula todos os providers incluindo i18n"})]})]})})}function x(){return e.jsxs(a,{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-cyan-500/10",children:e.jsx(u,{className:"h-5 w-5 text-cyan-500"})}),e.jsx("h4",{className:"font-semibold",children:"Detecção Automática"})]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-muted/50",children:[e.jsx(t,{className:"h-4 w-4 mt-0.5 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Idioma"}),e.jsxs("p",{className:"text-muted-foreground",children:[e.jsx("code",{children:"navigator.language"}),' → Detecta "pt-BR", "en-US", etc.']})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-muted/50",children:[e.jsx(s,{className:"h-4 w-4 mt-0.5 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Fuso Horário"}),e.jsx("p",{className:"text-muted-foreground",children:e.jsx("code",{children:"Intl.DateTimeFormat().resolvedOptions().timeZone"})})]})]}),e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-lg bg-muted/50",children:[e.jsx(m,{className:"h-4 w-4 mt-0.5 text-muted-foreground"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Formato de Data"}),e.jsx("p",{className:"text-muted-foreground",children:"Inferido do idioma detectado (pt-BR → dd/MM/yyyy)"})]})]})]})]})}function f(){return e.jsxs(a,{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(i,{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.jsxs("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"})]})]})]}),e.jsx(d,{children:e.jsxs(c,{className:"text-xs",children:["Usa ",e.jsx("code",{children:"date-fns-tz"})," para conversão precisa de timezones, incluindo horário de verão automático."]})})]})}function h(){return e.jsxs("div",{className:"grid gap-3 md:grid-cols-3",children:[e.jsxs(a,{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(n,{variant:"secondary",children:"Padrão"})]}),e.jsx("code",{className:"text-xs text-muted-foreground",children:"pt-BR"})]})]}),e.jsxs(a,{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(a,{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 j(){return e.jsxs(a,{className:"p-4 bg-muted/50",children:[e.jsxs("h4",{className:"font-semibold mb-3 flex items-center gap-2",children:[e.jsx(o,{className:"h-4 w-4"}),"Arquivo: lib/i18n/translations.json"]}),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:`{
-  "save": { "pt": "Salvar", "en": "Save", "es": "Guardar" },
-  "cancel": { "pt": "Cancelar", "en": "Cancel", "es": "Cancelar" },
-  "hello_user": { "pt": "Olá, {{name}}!", "en": "Hello, {{name}}!", "es": "¡Hola, {{name}}!" }
-}`})}),e.jsxs("div",{className:"text-muted-foreground space-y-1",children:[e.jsxs("p",{children:["• Estrutura: ",e.jsxs("code",{children:["chave → ","{ pt, en, es }"]})]}),e.jsxs("p",{children:["• Carregamento ",e.jsx("strong",{children:"síncrono"})," via import estático"]}),e.jsx("p",{children:"• Sem dependência de banco de dados ou rede para inicializar"}),e.jsx("p",{children:"• Sem dependência de banco de dados ou rede para inicializar"})]})]})]})}function b(){return e.jsx(l,{title:"Internacionalização (i18n)",description:"Sistema de internacionalização usando react-i18next com traduções carregadas de um arquivo JSON estático local (lib/i18n/translations.json). Suporta pt-BR, en-US e es-ES com gerenciamento de preferências do usuário.",component:e.jsx(p,{}),usage:`// 1. Setup inicial com CoreProviders (recomendado)
-import { CoreProviders } from 'forlogic-core';
-
-function App() {
-  return (
-    <CoreProviders>
-      <BrowserRouter>
-        <Routes />
-      </BrowserRouter>
-    </CoreProviders>
-  );
-}
-
-// 2. Usando traduções em componentes
-import { useTranslation } from 'forlogic-core';
-
-function MyComponent() {
-  const { t } = useTranslation();
-  
-  return (
-    <Button>{t('save')}</Button>
-  );
-}`,examples:[{title:"Idiomas Suportados",description:"O sistema suporta 3 idiomas com fallback automático para português",preview:e.jsx(h,{}),code:`// Idiomas configurados em lib/i18n/config.ts
-i18n.init({
-  fallbackLng: 'pt-BR',
-  lng: 'pt-BR',
-  defaultNS: 'translations',
-  ns: ['translations'],
-});
-
-// Fallback automático para pt-BR quando tradução não existe
-// en-US → fallback → pt-BR
-// es-ES → fallback → pt-BR`},{title:"Estrutura do Arquivo JSON",description:"Traduções são armazenadas em lib/i18n/translations.json e carregadas de forma síncrona no build",preview:e.jsx(j,{}),code:`// Arquivo: lib/i18n/translations.json
-// Estrutura: chave > idioma (pt, en, es)
-{
-  "save": { "pt": "Salvar", "en": "Save", "es": "Guardar" },
-  "cancel": { "pt": "Cancelar", "en": "Cancel", "es": "Cancelar" },
-  "confirm": { "pt": "Confirmar", "en": "Confirm", "es": "Confirmar" }
-}
-
-// Em lib/i18n/config.ts, o JSON é transformado para o formato i18next:
-import translationsData from './translations.json';
-
-function buildResources(data) {
-  const ptBR = {}, enUS = {}, esES = {};
-  for (const [key, langs] of Object.entries(data)) {
-    ptBR[key] = langs.pt || key;
-    enUS[key] = langs.en || langs.pt || key;
-    esES[key] = langs.es || langs.pt || key;
-  }
-  return {
-    'pt-BR': { translations: ptBR },
-    'en-US': { translations: enUS },
-    'es-ES': { translations: esES },
-  };
-}
-
-// Sincronização banco → JSON via script:
-// bun run scripts/i18n/update-translations-source.ts`},{title:"useTranslation Hook",description:"Hook principal para acessar traduções nos componentes",preview:e.jsxs(a,{className:"p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{className:"h-5 w-5 text-green-500"}),e.jsx("span",{className:"font-medium",children:"Hook disponível em toda a aplicação"})]}),e.jsxs("div",{className:"text-sm text-muted-foreground space-y-1",children:[e.jsxs("p",{children:["• ",e.jsx("code",{children:"t(key)"})," - Retorna a tradução para a chave"]}),e.jsxs("p",{children:["• ",e.jsxs("code",{children:["t(key, ","{{ var }}: value",")"]})," - Com interpolação"]}),e.jsxs("p",{children:["• ",e.jsx("code",{children:"i18n"})," - Instância do i18next para operações avançadas"]}),e.jsxs("p",{children:["• Traduções disponíveis ",e.jsx("strong",{children:"imediatamente"})," (sem loading)"]})]})]}),code:`import { useTranslation } from 'forlogic-core';
-
-function MyComponent() {
-  const { t, i18n } = useTranslation();
-  
-  // Tradução simples
-  const title = t('page_title');
-  
-  // Com interpolação
-  const greeting = t('hello_user', { name: 'João' });
-  // "Olá, João!" (se a chave for "Olá, {{name}}!")
-  
-  // Trocar idioma manualmente
-  const changeLanguage = (lang: string) => {
-    i18n.changeLanguage(lang);
-  };
-  
-  // Não é necessário verificar "ready" - traduções são síncronas
-  return <h1>{title}</h1>;
-}`},{title:"useLocale Hook",description:"Hook para acessar preferências de localização (atualmente fixas em pt-BR)",preview:e.jsxs(a,{className:"p-4 space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Valores fixos (futuramente via API):"}),e.jsxs("div",{className:"grid gap-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"locale"}),e.jsx("code",{children:"pt-BR"})]}),e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"timezone"}),e.jsx("code",{children:"America/Sao_Paulo"})]}),e.jsxs("div",{className:"flex justify-between py-2",children:[e.jsx("span",{className:"text-muted-foreground",children:"datetimeFormat"}),e.jsx("code",{children:"dd/MM/yyyy HH:mm"})]})]})]}),code:`import { useLocale } from 'forlogic-core';
-
-function MyComponent() {
-  const { locale, timezone, datetimeFormat } = useLocale();
-  // locale: 'pt-BR' (fixo)
-  // timezone: 'America/Sao_Paulo' (fixo)
-  // datetimeFormat: 'dd/MM/yyyy HH:mm' (fixo)
-  // Futuramente será obtido de uma API externa
-}`},{title:"useI18nFormatters Hook",description:"Hook RECOMENDADO para formatação de datas. Converte automaticamente para o timezone do usuário.",preview:e.jsx(a,{className:"p-4 space-y-3",children:e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"formatDatetime()"}),e.jsx("span",{children:"26/12/2024 14:30"})]}),e.jsxs("div",{className:"flex justify-between py-2 border-b",children:[e.jsx("span",{className:"text-muted-foreground",children:"formatDate()"}),e.jsx("span",{children:"26 de dez. de 2024"})]}),e.jsxs("div",{className:"flex justify-between py-2",children:[e.jsx("span",{className:"text-muted-foreground",children:"timezone"}),e.jsx("span",{children:"Converte automaticamente"})]})]})}),code:`import { useI18nFormatters } from 'forlogic-core';
-
-function ActivityLog() {
-  const { formatDatetime, formatDate, locale, timezone, datetimeFormat } = useI18nFormatters();
-  
-  // Data armazenada em UTC no banco
-  const createdAt = "2024-03-15T17:30:00Z"; // 17:30 UTC
-  
-  return (
-    <div>
-      {/* formatDatetime: converte para timezone do usuário automaticamente */}
-      <p>Criado em: {formatDatetime(createdAt)}</p>
-      
-      {/* formatDate: também considera timezone para determinar a data correta */}
-      <p>Data: {formatDate(createdAt)}</p>
-      
-      {/* Saída varia conforme timezone configurado:
-      
-      Usuário em Brasília (UTC-3):
-        → "15/03/2024 14:30"
-        
-      Usuário em Tokyo (UTC+9):
-        → "16/03/2024 02:30" (já é dia seguinte!)
-        
-      Usuário em New York (UTC-4):
-        → "03/15/2024 01:30 PM"
-      */}
-    </div>
-  );
-}`},{title:"Conversão de Timezone",description:"As funções de formatação usam date-fns-tz para converter datas UTC para o timezone do usuário, com ajuste automático de horário de verão (DST)",preview:e.jsx(f,{}),code:`import { formatDatetime, formatDate } from 'forlogic-core';
-
-// Data armazenada em UTC no banco de dados
-const utcDate = "2024-03-15T17:30:00Z"; // 17:30 UTC
-
-// Formatação com conversão de timezone
-// Cada usuário verá a data/hora no seu fuso horário local
-
-// Usuário em Brasília (UTC-3)
-formatDatetime(utcDate, "dd/MM/yyyy HH:mm", "America/Sao_Paulo");
-// → "15/03/2024 14:30"
-
-// Usuário em Tokyo (UTC+9)
-formatDatetime(utcDate, "dd/MM/yyyy HH:mm", "Asia/Tokyo");
-// → "16/03/2024 02:30" (já é dia seguinte!)
-
-// Usuário em New York (UTC-4, com horário de verão)
-formatDatetime(utcDate, "MM/dd/yyyy hh:mm a", "America/New_York", "en-US");
-// → "03/15/2024 01:30 PM"
-
-// A função formatDate também considera timezone
-// Isso é importante quando a data pode mudar dependendo do fuso
-formatDate(utcDate, "pt-BR", "America/Sao_Paulo");
-// → "15 de mar. de 2024"
-
-formatDate(utcDate, "en-US", "Asia/Tokyo");
-// → "Mar 16, 2024" (dia seguinte em Tokyo!)
-
-// ============================================
-// HORÁRIO DE VERÃO (DST) - AJUSTE AUTOMÁTICO
-// ============================================
-// 
-// A biblioteca date-fns-tz detecta automaticamente quando
-// um timezone está em horário de verão e aplica o offset correto.
-//
-// Exemplo: New York
-// - Inverno (EST): UTC-5
-// - Verão (EDT): UTC-4
-//
-// Você NÃO precisa fazer nada! O sistema usa o identificador
-// IANA (ex: "America/New_York") e aplica automaticamente
-// o offset correto baseado na data sendo formatada.
-//
-// Os labels dos timezones mostram apenas o offset padrão
-// (ex: "New York (UTC-5)") para simplificar, mas o sistema
-// sempre calcula o offset real incluindo DST.
-
-// IMPORTANTE: Sempre armazene datas em UTC no banco
-// e deixe a conversão para o frontend com timezone do usuário`},{title:"Detecção Automática do Navegador/SO",description:"O sistema detecta automaticamente as preferências do navegador/SO como valores iniciais antes da autenticação",preview:e.jsx(x,{}),code:`import { 
-  detectBrowserLocale,
-  detectBrowserTimezone,
-  inferDatetimeFormat,
-  detectBrowserPreferences
-} from 'forlogic-core';
-
-// Detectar idioma do navegador
-const locale = detectBrowserLocale();
-// → "pt-BR" (se navigator.language = "pt-BR")
-// → "en-US" (se navigator.language = "en" ou "en-GB")
-
-// Detectar timezone do sistema
-const timezone = detectBrowserTimezone();
-// → "America/Sao_Paulo" (se configurado no SO)
-
-// Inferir formato de data baseado no idioma
-const format = inferDatetimeFormat('en-US');
-// → "MM/dd/yyyy hh:mm a"
-
-// Detectar todas as preferências de uma vez
-const prefs = detectBrowserPreferences();
-// → { locale: "pt-BR", timezone: "America/Sao_Paulo", datetimeFormat: "dd/MM/yyyy HH:mm" }
-
-// NOTA: Atualmente o locale é fixo em pt-BR.
-// Futuramente será obtido de uma API externa.`},{title:"Constantes Centralizadas",description:"Todas as opções de localização estão centralizadas em lib/i18n/constants.ts",preview:e.jsxs(a,{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,
-  // Funções de validação
-  findLocale,
-  findDatetimeFormat,
-  findTimezone,
-  isValidLocale,
-  isValidDatetimeFormat,
-  isValidTimezone,
-  // Funções de detecção automática
-  detectBrowserLocale,
-  detectBrowserTimezone,
-  inferDatetimeFormat,
-  detectBrowserPreferences
-} from 'forlogic-core';
-
-// Usar em selects de configuração
-{DATETIME_FORMATS.map(fmt => (
-  <SelectItem key={fmt.value} value={fmt.value}>
-    <div className="flex flex-col">
-      <span>{fmt.label}</span>
-      <span className="text-xs text-muted-foreground">
-        {fmt.description} • {fmt.example}
-      </span>
-    </div>
-  </SelectItem>
-))}
-
-// Validar valor antes de salvar
-if (isValidDatetimeFormat(userInput)) {
-  await setDatetimeFormat(userInput);
-}
-
-// Encontrar detalhes de um formato
-const format = findDatetimeFormat('dd/MM/yyyy HH:mm');
-console.log(format?.description); // "Padrão Brasileiro"`}],props:[{name:"useTranslation",type:"hook",default:"-",description:"Hook principal para acessar traduções. Retorna { t, ready, i18n }."},{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 preferências do usuário."},{name:"detectBrowserPreferences",type:"function",default:"-",description:"Detecta locale, timezone e formato de data do navegador/SO."},{name:"SUPPORTED_LOCALES",type:"const",default:"-",description:"Array com locales suportados: pt-BR, en-US, es-ES."},{name:"DATETIME_FORMATS",type:"const",default:"-",description:"Array com 6 formatos de data/hora disponíveis para o usuário."},{name:"TIMEZONES",type:"const",default:"-",description:"Array com 12 fusos horários suportados."},{name:"DEFAULT_LOCALE",type:"const",default:"pt-BR",description:"Locale padrão de fallback quando navegador não suportado."},{name:"DEFAULT_DATETIME_FORMAT",type:"const",default:"dd/MM/yyyy HH:mm",description:"Formato de data/hora de fallback."},{name:"DEFAULT_TIMEZONE",type:"const",default:"America/Sao_Paulo",description:"Fuso horário de fallback."},{name:"CoreProviders",type:"component",default:"-",description:"Wrapper que inclui todos os providers necessários incluindo i18n."},{name:"i18n",type:"instance",default:"-",description:"Instância configurada do i18next para uso direto."}],accessibility:["Traduções são carregadas de forma síncrona (sem loading/flash)","Fallback automático para português quando tradução não existe em outro idioma","Locale fixo em pt-BR — futuramente será obtido de uma API externa","useLocale() continua disponível para consumidores como useI18nFormatters"],notes:["**Arquivo estático**: Traduções são carregadas de `lib/i18n/translations.json` — carregamento síncrono, sem dependência de rede",'**Estrutura do JSON**: `{ "chave": { "pt": "...", "en": "...", "es": "..." } }`',"**CoreProviders** é a forma recomendada de configurar i18n — já inclui todos os providers necessários","Locale fixo em **pt-BR** — futuramente via API externa","**Horário de Verão (DST)**: O sistema ajusta automaticamente para DST usando identificadores IANA"]})}export{b as I18nDoc};

package/dist/assets/IconPickerDoc-BRdy58IC.js

@@ -1,10 +0,0 @@
-import{r,j as o,cT as c,i}from"./index-CE0k7Rdh.js";import{C as n}from"./ComponentDocTemplate-CRbRY-v5.js";import{L as s}from"./lucide-react-t7dCa4lv.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"./life-buoy-BRndExxh.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";function w(){const[e,t]=r.useState("Star"),a=s[e]||i;return o.jsx(n,{title:"Icon Picker",description:"Seletor de ícones da biblioteca Lucide React com busca integrada.",component:o.jsxs("div",{className:"w-[300px]",children:[o.jsx(c,{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(a,{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{w as IconPickerDoc};