@wrrdev/fenix-ui 1.1.17 → 1.3.0

package/dist/core/tokens.d.ts

@@ -26,6 +26,8 @@ export interface FenixTokens {
         /** Brilho/anel do estado de sucesso — acompanha `focus-ring` (ver applyTokens). */
         'success-ring': string;
     };
+    /** Texto das tabelas (`fx-table`): cor do corpo/cabeçalho e peso do cabeçalho. */
+    table: Record<'text' | 'header-text' | 'header-weight', string>;
     /** Z-index */ z: Record<'base' | 'dropdown' | 'modal' | 'toast', string>;
 }
 /** Tema claro (padrão). */

package/dist/core/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/core/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,WAAW;IAC1B,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACnH,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC;IACvF,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;IACpE,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;IAC1D,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;IACrF,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3E,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3E,wFAAwF;IACxF,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IACzC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,iBAAiB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;IACrF,uEAAuE;IACvE,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,uFAAuF;QACvF,YAAY,EAAE,MAAM,CAAC;QACrB,mFAAmF;QACnF,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;CAC3E;AAED,2BAA2B;AAC3B,eAAO,MAAM,WAAW,EAAE,WA4DzB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,UAAU,EAAE,WAyBxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAyB,CAAC;AAEtD,qFAAqF;AACrF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/core/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,WAAW;IAC1B,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IACnH,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC;IACvF,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;IACpE,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;IAC1D,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;IACrF,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3E,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3E,wFAAwF;IACxF,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IACzC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,GAAG,iBAAiB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;IACrF,uEAAuE;IACvE,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,uFAAuF;QACvF,YAAY,EAAE,MAAM,CAAC;QACrB,mFAAmF;QACnF,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,aAAa,GAAG,eAAe,EAAE,MAAM,CAAC,CAAC;IAChE,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC;CAC3E;AAED,2BAA2B;AAC3B,eAAO,MAAM,WAAW,EAAE,WAoEzB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,UAAU,EAAE,WA0BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,WAAyB,CAAC;AAEtD,qFAAqF;AACrF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC"}

package/dist/core/tokens.js

@@ -54,6 +54,14 @@ const lightTokens = {
     /** Brilho dos estados `success`/`valid` — acompanha `focus-ring` igualmente. */
     "success-ring": "0 0 0 3px color-mix(in srgb, var(--fx-color-success, #16a34a) 18%, transparent)"
   },
+  table: {
+    /** Cor do corpo do fx-table; `var()` mantém claro/escuro automáticos. */
+    text: "var(--fx-text-default)",
+    /** Cabeçalho acompanha o corpo por padrão. */
+    "header-text": "var(--fx-table-text)",
+    /** O UA aplica bold no <th>; aqui o valor fica explícito e tokenizado. */
+    "header-weight": "bold"
+  },
   z: { base: "auto", dropdown: "1000", modal: "1100", toast: "1200" }
 };
 const darkTokens = {
@@ -80,6 +88,7 @@ const darkTokens = {
   },
   motion: { ...lightTokens.motion },
   effect: { ...lightTokens.effect },
+  table: { ...lightTokens.table },
   z: { ...lightTokens.z }
 };
 const defaultTokens = lightTokens;

package/dist/core/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../src/core/tokens.ts"],"sourcesContent":["/**\n * Design Tokens — camada de personalização do FenixUI.\n *\n * Os componentes consomem apenas `var(--fx-*)`, nunca valores fixos.\n * Isso atravessa o Shadow DOM via CSS Custom Properties e permite\n * trocar o tema em runtime sem recompilar a biblioteca.\n */\n\nexport interface FenixTokens {\n  /** Cores semânticas */ color: Record<'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info', string>;\n  /** Superfícies */ surface: Record<'background' | 'surface' | 'surface-hover', string>;\n  /** Texto */ text: Record<'default' | 'muted' | 'disabled', string>;\n  /** Bordas */ border: Record<'default' | 'hover', string>;\n  /** Tipografia */ font: Record<'family' | 'size' | 'weight' | 'line-height', string>;\n  /** Espaçamento */ space: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;\n  /** Radius */ radius: Record<'none' | 'sm' | 'md' | 'lg' | 'full', string>;\n  /** Altura dos controles (button, input, select, switch…). Personalizável por preset. */\n  size: Record<'sm' | 'md' | 'lg', string>;\n  /** Sombras */ shadow: Record<'sm' | 'md' | 'lg', string>;\n  /** Motion */ motion: Record<'duration-fast' | 'duration-normal' | 'easing', string>;\n  /** Efeitos visuais configuráveis (ripple, anel de foco dos campos). */\n  effect: {\n    ripple: string;\n    'focus-ring': string;\n    /** Brilho/anel dos estados de validação — acompanha `focus-ring` (ver applyTokens). */\n    'error-ring': string;\n    /** Brilho/anel do estado de sucesso — acompanha `focus-ring` (ver applyTokens). */\n    'success-ring': string;\n  };\n  /** Z-index */ z: Record<'base' | 'dropdown' | 'modal' | 'toast', string>;\n}\n\n/** Tema claro (padrão). */\nexport const lightTokens: FenixTokens = {\n\tcolor: {\n\t\tprimary: \"#c2410c\",\n\t\tsecondary: \"#991B1B\",\n\t\tsuccess: \"#10b972\",\n\t\twarning: \"#f59e0b\",\n\t\tdanger: \"#f43f5e\",\n\t\tinfo: \"#0ea5e9\",\n\t},\n\tsurface: {\n\t\tbackground: \"#ffffff\",\n\t\tsurface: \"#f8fafc\",\n\t\t\"surface-hover\": \"#eef2f7\",\n\t},\n\ttext: {\n\t\tdefault: \"#10182c\",\n\t\tmuted: \"#64748b\",\n\t\tdisabled: \"#94a3b8\",\n\t},\n\tborder: {\n\t\tdefault: \"#e2e8f0\",\n\t\thover: \"#cbd5e1\",\n\t},\n\tfont: {\n\t\tfamily: \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n\t\tsize: \"14px\",\n\t\tweight: \"500\",\n\t\t\"line-height\": \"1.5\",\n\t},\n\tspace: { xs: \"4px\", sm: \"8px\", md: \"12px\", lg: \"16px\", xl: \"24px\" },\n\tradius: { none: \"0\", sm: \"4px\", md: \"8px\", lg: \"12px\", full: \"9999px\" },\n\tsize: { sm: \"32px\", md: \"40px\", lg: \"48px\" },\n\tshadow: {\n\t\tsm: \"0 1px 2px rgba(15, 23, 42, 0.06)\",\n\t\tmd: \"0 4px 12px rgba(15, 23, 42, 0.10)\",\n\t\tlg: \"0 12px 32px rgba(15, 23, 42, 0.18)\",\n\t},\n\tmotion: {\n\t\t\"duration-fast\": \"120ms\",\n\t\t\"duration-normal\": \"240ms\",\n\t\teasing: \"cubic-bezier(0.25, 0.1, 0.25, 1)\",\n\t},\n\teffect: {\n\t\t/** '0' desativa o efeito ripple do botão. */\n\t\tripple: \"1\",\n\t\t/** Anel de foco dos campos de formulário. Use 'none' para campos sem sobra. */\n\t\t\"focus-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-primary) 22%, transparent)\",\n\t\t/**\n\t\t * Brilho dos estados `error`/`invalid`. Acompanha `focus-ring`: quando o\n\t\t * anel de foco está desligado, `applyTokens` força 'none' — o erro segue\n\t\t * visível pela borda (border-color) e pela mensagem, mas sem o anel.\n\t\t */\n\t\t\"error-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-danger, #dc2626) 18%, transparent)\",\n\t\t/** Brilho dos estados `success`/`valid` — acompanha `focus-ring` igualmente. */\n\t\t\"success-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-success, #16a34a) 18%, transparent)\",\n\t},\n\tz: { base: \"auto\", dropdown: \"1000\", modal: \"1100\", toast: \"1200\" },\n};\n\n/** Tema escuro — os componentes reagem automaticamente às variáveis CSS. */\nexport const darkTokens: FenixTokens = {\n  color: { ...lightTokens.color },\n  surface: {\n    background: '#0f172a',\n    surface: '#1e293b',\n    'surface-hover': '#334155',\n  },\n  text: {\n    default: '#f8fafc',\n    muted: '#94a3b8',\n    disabled: '#64748b',\n  },\n  border: { default: '#334155', hover: '#475569' },\n  font: { ...lightTokens.font },\n  space: { ...lightTokens.space },\n  radius: { ...lightTokens.radius },\n  size: { ...lightTokens.size },\n  shadow: {\n    sm: '0 1px 2px rgba(0, 0, 0, 0.4)',\n    md: '0 6px 16px rgba(0, 0, 0, 0.5)',\n    lg: '0 16px 40px rgba(0, 0, 0, 0.6)',\n  },\n  motion: { ...lightTokens.motion },\n  effect: { ...lightTokens.effect },\n  z: { ...lightTokens.z },\n};\n\nexport const defaultTokens: FenixTokens = lightTokens;\n\n/** Override parcial e profundo — permite customizar apenas alguns tokens por vez. */\nexport type DeepPartial<T> = { [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K] };"],"names":[],"mappings":"AAiCO,MAAM,cAA2B;AAAA,EACvC,OAAO;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB;AAAA,EAAA;AAAA,EAElB,MAAM;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA;AAAA,EAEhB,OAAO,EAAE,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,EAC3D,QAAQ,EAAE,MAAM,KAAK,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,MAAM,SAAA;AAAA,EAC7D,MAAM,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,EACpC,QAAQ;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEL,QAAQ;AAAA,IACP,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,QAAQ;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA;AAAA,IAEP,QAAQ;AAAA;AAAA,IAER,cACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cACC;AAAA;AAAA,IAED,gBACC;AAAA,EAAA;AAAA,EAEF,GAAG,EAAE,MAAM,QAAQ,UAAU,QAAQ,OAAO,QAAQ,OAAO,OAAA;AAC5D;AAGO,MAAM,aAA0B;AAAA,EACrC,OAAO,EAAE,GAAG,YAAY,MAAA;AAAA,EACxB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB;AAAA,EAAA;AAAA,EAEnB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,EAAE,SAAS,WAAW,OAAO,UAAA;AAAA,EACrC,MAAM,EAAE,GAAG,YAAY,KAAA;AAAA,EACvB,OAAO,EAAE,GAAG,YAAY,MAAA;AAAA,EACxB,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,MAAM,EAAE,GAAG,YAAY,KAAA;AAAA,EACvB,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEN,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,GAAG,EAAE,GAAG,YAAY,EAAA;AACtB;AAEO,MAAM,gBAA6B;"}
+{"version":3,"file":"tokens.js","sources":["../../src/core/tokens.ts"],"sourcesContent":["/**\n * Design Tokens — camada de personalização do FenixUI.\n *\n * Os componentes consomem apenas `var(--fx-*)`, nunca valores fixos.\n * Isso atravessa o Shadow DOM via CSS Custom Properties e permite\n * trocar o tema em runtime sem recompilar a biblioteca.\n */\n\nexport interface FenixTokens {\n  /** Cores semânticas */ color: Record<'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info', string>;\n  /** Superfícies */ surface: Record<'background' | 'surface' | 'surface-hover', string>;\n  /** Texto */ text: Record<'default' | 'muted' | 'disabled', string>;\n  /** Bordas */ border: Record<'default' | 'hover', string>;\n  /** Tipografia */ font: Record<'family' | 'size' | 'weight' | 'line-height', string>;\n  /** Espaçamento */ space: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;\n  /** Radius */ radius: Record<'none' | 'sm' | 'md' | 'lg' | 'full', string>;\n  /** Altura dos controles (button, input, select, switch…). Personalizável por preset. */\n  size: Record<'sm' | 'md' | 'lg', string>;\n  /** Sombras */ shadow: Record<'sm' | 'md' | 'lg', string>;\n  /** Motion */ motion: Record<'duration-fast' | 'duration-normal' | 'easing', string>;\n  /** Efeitos visuais configuráveis (ripple, anel de foco dos campos). */\n  effect: {\n    ripple: string;\n    'focus-ring': string;\n    /** Brilho/anel dos estados de validação — acompanha `focus-ring` (ver applyTokens). */\n    'error-ring': string;\n    /** Brilho/anel do estado de sucesso — acompanha `focus-ring` (ver applyTokens). */\n    'success-ring': string;\n  };\n  /** Texto das tabelas (`fx-table`): cor do corpo/cabeçalho e peso do cabeçalho. */\n  table: Record<'text' | 'header-text' | 'header-weight', string>;\n  /** Z-index */ z: Record<'base' | 'dropdown' | 'modal' | 'toast', string>;\n}\n\n/** Tema claro (padrão). */\nexport const lightTokens: FenixTokens = {\n\tcolor: {\n\t\tprimary: \"#c2410c\",\n\t\tsecondary: \"#991B1B\",\n\t\tsuccess: \"#10b972\",\n\t\twarning: \"#f59e0b\",\n\t\tdanger: \"#f43f5e\",\n\t\tinfo: \"#0ea5e9\",\n\t},\n\tsurface: {\n\t\tbackground: \"#ffffff\",\n\t\tsurface: \"#f8fafc\",\n\t\t\"surface-hover\": \"#eef2f7\",\n\t},\n\ttext: {\n\t\tdefault: \"#10182c\",\n\t\tmuted: \"#64748b\",\n\t\tdisabled: \"#94a3b8\",\n\t},\n\tborder: {\n\t\tdefault: \"#e2e8f0\",\n\t\thover: \"#cbd5e1\",\n\t},\n\tfont: {\n\t\tfamily: \"'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif\",\n\t\tsize: \"14px\",\n\t\tweight: \"500\",\n\t\t\"line-height\": \"1.5\",\n\t},\n\tspace: { xs: \"4px\", sm: \"8px\", md: \"12px\", lg: \"16px\", xl: \"24px\" },\n\tradius: { none: \"0\", sm: \"4px\", md: \"8px\", lg: \"12px\", full: \"9999px\" },\n\tsize: { sm: \"32px\", md: \"40px\", lg: \"48px\" },\n\tshadow: {\n\t\tsm: \"0 1px 2px rgba(15, 23, 42, 0.06)\",\n\t\tmd: \"0 4px 12px rgba(15, 23, 42, 0.10)\",\n\t\tlg: \"0 12px 32px rgba(15, 23, 42, 0.18)\",\n\t},\n\tmotion: {\n\t\t\"duration-fast\": \"120ms\",\n\t\t\"duration-normal\": \"240ms\",\n\t\teasing: \"cubic-bezier(0.25, 0.1, 0.25, 1)\",\n\t},\n\teffect: {\n\t\t/** '0' desativa o efeito ripple do botão. */\n\t\tripple: \"1\",\n\t\t/** Anel de foco dos campos de formulário. Use 'none' para campos sem sobra. */\n\t\t\"focus-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-primary) 22%, transparent)\",\n\t\t/**\n\t\t * Brilho dos estados `error`/`invalid`. Acompanha `focus-ring`: quando o\n\t\t * anel de foco está desligado, `applyTokens` força 'none' — o erro segue\n\t\t * visível pela borda (border-color) e pela mensagem, mas sem o anel.\n\t\t */\n\t\t\"error-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-danger, #dc2626) 18%, transparent)\",\n\t\t/** Brilho dos estados `success`/`valid` — acompanha `focus-ring` igualmente. */\n\t\t\"success-ring\":\n\t\t\t\"0 0 0 3px color-mix(in srgb, var(--fx-color-success, #16a34a) 18%, transparent)\",\n\t},\n\ttable: {\n\t\t/** Cor do corpo do fx-table; `var()` mantém claro/escuro automáticos. */\n\t\ttext: \"var(--fx-text-default)\",\n\t\t/** Cabeçalho acompanha o corpo por padrão. */\n\t\t\"header-text\": \"var(--fx-table-text)\",\n\t\t/** O UA aplica bold no <th>; aqui o valor fica explícito e tokenizado. */\n\t\t\"header-weight\": \"bold\",\n\t},\n\tz: { base: \"auto\", dropdown: \"1000\", modal: \"1100\", toast: \"1200\" },\n};\n\n/** Tema escuro — os componentes reagem automaticamente às variáveis CSS. */\nexport const darkTokens: FenixTokens = {\n  color: { ...lightTokens.color },\n  surface: {\n    background: '#0f172a',\n    surface: '#1e293b',\n    'surface-hover': '#334155',\n  },\n  text: {\n    default: '#f8fafc',\n    muted: '#94a3b8',\n    disabled: '#64748b',\n  },\n  border: { default: '#334155', hover: '#475569' },\n  font: { ...lightTokens.font },\n  space: { ...lightTokens.space },\n  radius: { ...lightTokens.radius },\n  size: { ...lightTokens.size },\n  shadow: {\n    sm: '0 1px 2px rgba(0, 0, 0, 0.4)',\n    md: '0 6px 16px rgba(0, 0, 0, 0.5)',\n    lg: '0 16px 40px rgba(0, 0, 0, 0.6)',\n  },\n  motion: { ...lightTokens.motion },\n  effect: { ...lightTokens.effect },\n  table: { ...lightTokens.table },\n  z: { ...lightTokens.z },\n};\n\nexport const defaultTokens: FenixTokens = lightTokens;\n\n/** Override parcial e profundo — permite customizar apenas alguns tokens por vez. */\nexport type DeepPartial<T> = { [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K] };"],"names":[],"mappings":"AAmCO,MAAM,cAA2B;AAAA,EACvC,OAAO;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACR,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB;AAAA,EAAA;AAAA,EAElB,MAAM;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEX,QAAQ;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,eAAe;AAAA,EAAA;AAAA,EAEhB,OAAO,EAAE,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,EAC3D,QAAQ,EAAE,MAAM,KAAK,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,MAAM,SAAA;AAAA,EAC7D,MAAM,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAA;AAAA,EACpC,QAAQ;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEL,QAAQ;AAAA,IACP,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,QAAQ;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA;AAAA,IAEP,QAAQ;AAAA;AAAA,IAER,cACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cACC;AAAA;AAAA,IAED,gBACC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA,IAEN,MAAM;AAAA;AAAA,IAEN,eAAe;AAAA;AAAA,IAEf,iBAAiB;AAAA,EAAA;AAAA,EAElB,GAAG,EAAE,MAAM,QAAQ,UAAU,QAAQ,OAAO,QAAQ,OAAO,OAAA;AAC5D;AAGO,MAAM,aAA0B;AAAA,EACrC,OAAO,EAAE,GAAG,YAAY,MAAA;AAAA,EACxB,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,iBAAiB;AAAA,EAAA;AAAA,EAEnB,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,QAAQ,EAAE,SAAS,WAAW,OAAO,UAAA;AAAA,EACrC,MAAM,EAAE,GAAG,YAAY,KAAA;AAAA,EACvB,OAAO,EAAE,GAAG,YAAY,MAAA;AAAA,EACxB,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,MAAM,EAAE,GAAG,YAAY,KAAA;AAAA,EACvB,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEN,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,QAAQ,EAAE,GAAG,YAAY,OAAA;AAAA,EACzB,OAAO,EAAE,GAAG,YAAY,MAAA;AAAA,EACxB,GAAG,EAAE,GAAG,YAAY,EAAA;AACtB;AAEO,MAAM,gBAA6B;"}

package/dist/docs/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAY5B,OAAO,EAAa,aAAa,EAAgB,MAAM,WAAW,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,CAAC;AAkEzB,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AA6xED,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/docs/app.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EAAiB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAmB5B,OAAO,EAAa,aAAa,EAAgB,MAAM,WAAW,CAAC;AAInE,OAAO,EAAE,aAAa,EAAE,CAAC;AAkEzB,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C;AAygFD,eAAO,MAAM,iBAAiB,QAAO,OAAO,CAAC,IAAI,CAAgB,CAAC"}

package/dist/docs/componentes/autocomplete.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/autocomplete.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,eAAe,EAAE,YAuG7B,CAAC"}
+{"version":3,"file":"autocomplete.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/autocomplete.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,eAAe,EAAE,YA4G7B,CAAC"}

package/dist/docs/componentes/datepicker.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/datepicker.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,aAAa,EAAE,YAsK3B,CAAC"}
+{"version":3,"file":"datepicker.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/datepicker.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,aAAa,EAAE,YA2K3B,CAAC"}

package/dist/docs/componentes/editor.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/editor.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,SAAS,EAAE,YAuMvB,CAAC"}
+{"version":3,"file":"editor.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/editor.doc.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,YA0MvB,CAAC"}

package/dist/docs/componentes/floatlabel.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floatlabel.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/floatlabel.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,YA2G3B,CAAC"}
+{"version":3,"file":"floatlabel.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/floatlabel.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,aAAa,EAAE,YA+H3B,CAAC"}

package/dist/docs/componentes/input.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/input.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,YA4OtB,CAAC"}
+{"version":3,"file":"input.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/input.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,YAmStB,CAAC"}

package/dist/docs/componentes/multiselect.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/multiselect.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,cAAc,EAAE,YA0I5B,CAAC"}
+{"version":3,"file":"multiselect.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/multiselect.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,cAAc,EAAE,YA+I5B,CAAC"}

package/dist/docs/componentes/orderlist.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"orderlist.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/orderlist.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,YAAY,EAAE,YAsH1B,CAAC"}
+{"version":3,"file":"orderlist.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/orderlist.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,YAAY,EAAE,YA2H1B,CAAC"}

package/dist/docs/componentes/picklist.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"picklist.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/picklist.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAyIzB,CAAC"}
+{"version":3,"file":"picklist.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/picklist.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,WAAW,EAAE,YA8IzB,CAAC"}

package/dist/docs/componentes/select.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/select.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YAoKvB,CAAC"}
+{"version":3,"file":"select.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/select.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,SAAS,EAAE,YAyKvB,CAAC"}

package/dist/docs/componentes/table.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/table.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,QAAQ,EAAE,YAkUtB,CAAC"}
+{"version":3,"file":"table.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/table.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,QAAQ,EAAE,YA+VtB,CAAC"}

package/dist/docs/componentes/textarea.doc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/textarea.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAuGzB,CAAC"}
+{"version":3,"file":"textarea.doc.d.ts","sourceRoot":"","sources":["../../../src/docs/componentes/textarea.doc.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,eAAO,MAAM,WAAW,EAAE,YAkHzB,CAAC"}

package/dist/docs/shared.d.ts

@@ -3,6 +3,21 @@ export declare const esc: (s: string) => string;
 export declare const buttonVariants: string[];
 export declare const badgeVariants: string[];
 export declare const sizes: string[];
+/**
+ * Seção de API "Autofill e gerenciadores de senha".
+ *
+ * Usada pelos componentes cujo controle NATIVO vive no Shadow DOM: o
+ * `autocomplete` declarado no host (light DOM) não chega sozinho ao campo
+ * interno, e o default da spec é `on` — o navegador passa a autopreencher
+ * campos comuns (busca, filtro, diálogo) com o usuário/senha salvos.
+ *
+ * `detail` é o texto específico do componente; a segunda linha traz a regra
+ * geral e o link para a seção completa em `fx-input`.
+ */
+export declare function autofillSection(detail: string): {
+    title: string;
+    html: string;
+};
 /** Formata HTML em múltiplas linhas com indentação para facilitar a leitura. */
 export declare const VOID_TAGS: RegExp;
 export declare function formatHtml(src: string): string;

package/dist/docs/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/docs/shared.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAE/E,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,KAAG,MACsC,CAAC;AAEvE,eAAO,MAAM,cAAc,UAAuF,CAAC;AACnH,eAAO,MAAM,aAAa,UAAiE,CAAC;AAC5F,eAAO,MAAM,KAAK,UAAqB,CAAC;AAExC,gFAAgF;AAChF,eAAO,MAAM,SAAS,QAAoC,CAAC;AAC3D,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/docs/shared.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAE/E,eAAO,MAAM,GAAG,GAAI,GAAG,MAAM,KAAG,MACsC,CAAC;AAEvE,eAAO,MAAM,cAAc,UAAuF,CAAC;AACnH,eAAO,MAAM,aAAa,UAAiE,CAAC;AAC5F,eAAO,MAAM,KAAK,UAAqB,CAAC;AAExC;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAO/E;AAED,gFAAgF;AAChF,eAAO,MAAM,SAAS,QAAoC,CAAC;AAC3D,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAmC9C"}

package/dist/docs/shell.d.ts

@@ -14,7 +14,16 @@ export interface ShellDocMeta {
 }
 /** Itens do guia (acima dos grupos de componentes) — ordem importa. */
 export declare const GUIDE_ITEMS: ShellNavItem[];
-/** Monta os grupos da sidebar: Guia primeiro, depois os grupos dos docs. */
+/**
+ * Grupos estáticos (não são guias nem páginas de componente). Entram logo
+ * depois de "Guia" e antes das categorias de componentes.
+ */
+export declare const EXTRA_NAV_GROUPS: ShellNavGroup[];
+/** Todos os itens estáticos (guia + extras), com o grupo de origem — busca. */
+export declare const STATIC_NAV_ENTRIES: (ShellNavItem & {
+    group: string;
+})[];
+/** Monta os grupos da sidebar: Guia, extras e depois os grupos dos docs. */
 export declare function buildSidebarGroups(docs: readonly ShellDocMeta[]): ShellNavGroup[];
 /**
  * Renderiza a sidebar com `<details>` por grupo (colapsável nativamente:

package/dist/docs/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/docs/shell.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,YAAY;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;CACtB;AAED,6DAA6D;AAC7D,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,YAAY,EAUrC,CAAC;AAIF,4EAA4E;AAC5E,wBAAgB,kBAAkB,CACjC,IAAI,EAAE,SAAS,YAAY,EAAE,GAC3B,aAAa,EAAE,CAQjB;AAgCD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,GAAG,IAAI,CAiCpE;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAmClC;AAaD;;;GAGG;AACH,wBAAgB,SAAS,CACxB,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAO,GAChC,IAAI,CAuBN;AAED,yEAAyE;AACzE,wBAAgB,QAAQ,IAAI,IAAI,CAG/B;AA2CD;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CA6B/B"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../src/docs/shell.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,YAAY;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;CACtB;AAED,6DAA6D;AAC7D,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,YAAY,EAWrC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,EAE3C,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB,EAAE,CAAC,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAKlE,CAAC;AAIF,4EAA4E;AAC5E,wBAAgB,kBAAkB,CACjC,IAAI,EAAE,SAAS,YAAY,EAAE,GAC3B,aAAa,EAAE,CAYjB;AAgCD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,GAAG,IAAI,CAiCpE;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAmClC;AAgBD;;;GAGG;AACH,wBAAgB,SAAS,CACxB,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,YAAY,EAAO,GAChC,IAAI,CAwBN;AAED,yEAAyE;AACzE,wBAAgB,QAAQ,IAAI,IAAI,CAG/B;AA2CD;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,IAAI,CA6B/B"}

package/dist/docs/theme-reference.d.ts

@@ -0,0 +1,53 @@
+import type { ComponentDoc } from './types';
+export interface TokenGroupInfo {
+    /** Rótulo amigável do grupo. */
+    label: string;
+    /** O que o grupo controla. */
+    desc: string;
+}
+/** Metadados de exibição por grupo de token (na ordem de `FenixTokens`). */
+export declare const TOKEN_GROUPS: Record<string, TokenGroupInfo>;
+/**
+ * Descrição por `grupo.chave`. Obrigatória para TODO token — o teste
+ * `theme-reference.test.ts` falha se um token novo ficar sem descrição.
+ */
+export declare const TOKEN_DESCRIPTIONS: Record<string, string>;
+export interface TokenRow {
+    /** Nome da CSS Custom Property (`--fx-color-primary`). */
+    cssVar: string;
+    /** Caminho no preset (`color.primary`). */
+    key: string;
+    /** Valor no tema claro. */
+    light: string;
+    /** Valor no tema escuro. */
+    dark: string;
+    /** O que o token controla (HTML permitido). */
+    desc: string;
+}
+export interface TokenGroupRef {
+    group: string;
+    info: TokenGroupInfo;
+    rows: TokenRow[];
+}
+/** Achata os tokens reais em grupos/linhas prontos para a documentação. */
+export declare function buildTokenReference(): TokenGroupRef[];
+/** Tabela-resumo: grupo, chaves disponíveis e o que o grupo controla. */
+export declare function renderTokenGroupsHtml(): string;
+/**
+ * Referência completa: um bloco por grupo com a tabela de TODOS os tokens
+ * (token, caminho no preset, valor claro/escuro) e o exemplo de `setTokens`.
+ */
+export declare function renderTokenReferenceHtml(): string;
+/**
+ * `<tbody>` da tabela “Valores ativos”: lê o valor computado de cada token no
+ * `:root` (repintada quando o tema muda). Sem DOM/tema aplicado, cai no padrão
+ * claro do próprio token.
+ */
+export declare function renderLiveTokensTableBody(): string;
+/**
+ * Índice de variáveis CSS por componente, gerado de `ComponentDoc.cssVars`
+ * (fonte já validada por `docs-quality.test.ts`). Só entram componentes que
+ * declaram variáveis.
+ */
+export declare function renderComponentVarsHtml(docs: readonly ComponentDoc[]): string;
+//# sourceMappingURL=theme-reference.d.ts.map

package/dist/docs/theme-reference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-reference.d.ts","sourceRoot":"","sources":["../../src/docs/theme-reference.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,4EAA4E;AAC5E,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAqDvD,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DrD,CAAC;AAEF,MAAM,WAAW,QAAQ;IACxB,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;CACjB;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,IAAI,aAAa,EAAE,CAiBrD;AAqCD,yEAAyE;AACzE,wBAAgB,qBAAqB,IAAI,MAAM,CAO9C;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAoBjD;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAgBlD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,SAAS,YAAY,EAAE,GAAG,MAAM,CAkB7E"}

package/dist/docs/types.d.ts

@@ -4,6 +4,8 @@ export interface ApiRow {
     type?: string;
     default?: string;
     desc: string;
+    /** Exemplo curto de uso (renderizado em <code> na coluna “Exemplo”). */
+    example?: string;
 }
 /** Controle do playground ao vivo. */
 export interface DemoControl {

package/dist/docs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/docs/types.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,sCAAsC;AACtC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,mCAAmC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,6DAA6D;AAC7D,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,MAAM,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,WAAW,EAAE,MAAM,CAAC;SACrB,EAAE,CAAC;QACJ,QAAQ,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/docs/types.ts"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,sCAAsC;AACtC,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,mCAAmC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,6DAA6D;AAC7D,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,MAAM,CAAC;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE;YACV,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;YACb,QAAQ,CAAC,EAAE,OAAO,CAAC;YACnB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,WAAW,EAAE,MAAM,CAAC;SACrB,EAAE,CAAC;QACJ,QAAQ,EAAE,MAAM,EAAE,CAAC;KACpB,CAAC;CACH"}