@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/theme.css

@@ -45,6 +45,8 @@
   --color-bg-table-row-hover: oklch(0.973 0 0);
   --color-bg-table-row-selected: color-mix(in oklch, oklch(0.5248 0.1415 150.9) 6%, transparent);
   --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.5248 0.1415 150.9) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.5248 0.1415 150.9) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.5248 0.1415 150.9) 10%, oklch(1 0 0));
   --color-bg-dropdown: var(--color-bg-canvas);
   --color-fg-strong: oklch(0.15 0 0);
   --color-fg-default: oklch(0.15 0 0);
@@ -80,6 +82,12 @@
   --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent);
   --color-overlay-scrim: oklch(0 0 0 / 0.55);
   --color-overlay-float: oklch(0.55 0 0 / 0.12);
+  --color-chart-1: oklch(0.58 0.140 151);
+  --color-chart-2: oklch(0.66 0.12 195);
+  --color-chart-3: oklch(0.55 0.15 250);
+  --color-chart-4: oklch(0.76 0.15 80);
+  --color-chart-5: oklch(0.56 0.18 300);
+  --color-chart-grid: oklch(0.9076 0 0);
   --spacing-sp-0: 0px;
   --spacing-sp-base: 16px;
   --spacing-sp-px: 1px;
@@ -185,6 +193,7 @@
   --spacing-pad-page-base: 24px;
   --spacing-pad-page-sm: 16px;
   --spacing-pad-page-lg: 40px;
+  --spacing-form-gap: 20px;
   --radius: 0.625rem;
   --radius-radius-base: 0.625rem;
   --radius-radius-none: 0px;
@@ -201,18 +210,6 @@
   --border-width-xs: 1px;
   --border-width-sm: 2px;
   --border-width-md: 4px;
-  --shadow-sh-none: none;
-  --shadow-sh-sm: 0 1px 2px oklch(0 0 0 / 0.04);
-  --shadow-sh-md: rgba(145, 158, 171, 0.18) 0 0 2px 0, rgba(145, 158, 171, 0.12) 0 12px 24px -4px;
-  --shadow-sh-lg: 0 8px 24px oklch(0 0 0 / 0.08);
-  --shadow-sh-xl: 0 12px 32px oklch(0 0 0 / 0.08);
-  --shadow-sh-2xl: 0 24px 56px oklch(0 0 0 / 0.16);
-  --shadow-sh-aside: -8px 0 24px oklch(0 0 0 / 0.12);
-  --shadow-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent);
-  --shadow-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
-  --shadow-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
-  --shadow-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
-  --shadow-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
   --opacity-disabled: 0.38;
   --opacity-hover: 0.08;
   --opacity-focus: 0.12;
@@ -237,6 +234,38 @@
   --scrollbar-width-default: 8px;
 }
 
+/* ── Shadows: utilities apontam pra vars de indireção (dark-aware) ─────────── */
+
+@theme inline {
+  --shadow-sh-none: var(--ds-sh-none);
+  --shadow-sh-sm: var(--ds-sh-sm);
+  --shadow-sh-md: var(--ds-sh-md);
+  --shadow-sh-lg: var(--ds-sh-lg);
+  --shadow-sh-xl: var(--ds-sh-xl);
+  --shadow-sh-2xl: var(--ds-sh-2xl);
+  --shadow-sh-aside: var(--ds-sh-aside);
+  --shadow-sh-ring: var(--ds-sh-ring);
+  --shadow-sh-ring-danger: var(--ds-sh-ring-danger);
+  --shadow-sh-ring-warning: var(--ds-sh-ring-warning);
+  --shadow-sh-ring-success: var(--ds-sh-ring-success);
+  --shadow-sh-ring-info: var(--ds-sh-ring-info);
+}
+
+:root {
+  --ds-sh-none: none;
+  --ds-sh-sm: 0 1px 2px oklch(0 0 0 / 0.04);
+  --ds-sh-md: rgba(145, 158, 171, 0.18) 0 0 2px 0, rgba(145, 158, 171, 0.12) 0 12px 24px -4px;
+  --ds-sh-lg: 0 8px 24px oklch(0 0 0 / 0.08);
+  --ds-sh-xl: 0 12px 32px oklch(0 0 0 / 0.08);
+  --ds-sh-2xl: 0 24px 56px oklch(0 0 0 / 0.16);
+  --ds-sh-aside: -8px 0 24px oklch(0 0 0 / 0.12);
+  --ds-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent);
+  --ds-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
+  --ds-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
+  --ds-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
+  --ds-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
+}
+
 /* ── Dark mode overrides (via .dark class — toggle manual) ────────────────── */
 
 .dark {
@@ -280,6 +309,8 @@
   --color-bg-table-row-hover: oklch(0.252 0 0);
   --color-bg-table-row-selected: color-mix(in oklch, oklch(0.7289 0.1571 162.3) 10%, transparent);
   --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.7289 0.1571 162.3) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.7289 0.1571 162.3) 10%, oklch(0.225 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.7289 0.1571 162.3) 14%, oklch(0.225 0 0));
   --color-bg-dropdown: color-mix(in oklab, var(--color-bg-canvas) 70%, transparent);
   --color-fg-strong: oklch(1 0 0);
   --color-fg-default: oklch(0.98 0 0);
@@ -315,18 +346,24 @@
   --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent);
   --color-overlay-scrim: oklch(0 0 0 / 0.55);
   --color-overlay-float: oklch(1 0 0 / 0.08);
-  --shadow-sh-none: none;
-  --shadow-sh-sm: none;
-  --shadow-sh-md: 0 0 0 1px oklch(0.2645 0 0);
-  --shadow-sh-lg: 0 8px 24px oklch(0 0 0 / 0.30);
-  --shadow-sh-xl: 0 12px 32px oklch(0 0 0 / 0.40);
-  --shadow-sh-2xl: 0 24px 56px oklch(0 0 0 / 0.45);
-  --shadow-sh-aside: -8px 0 24px oklch(0 0 0 / 0.40);
-  --shadow-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent);
-  --shadow-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
-  --shadow-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
-  --shadow-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
-  --shadow-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
+  --color-chart-1: oklch(0.7289 0.1571 162.3);
+  --color-chart-2: oklch(0.72 0.13 195);
+  --color-chart-3: oklch(0.68 0.15 250);
+  --color-chart-4: oklch(0.80 0.15 80);
+  --color-chart-5: oklch(0.70 0.17 300);
+  --color-chart-grid: oklch(1 0 0 / 0.12);
+  --ds-sh-none: none;
+  --ds-sh-sm: 0 1px 2px oklch(0 0 0 / 0.15);
+  --ds-sh-md: 0 1px 2px oklch(0 0 0 / 0.30), 0 8px 18px -4px oklch(0 0 0 / 0.42);
+  --ds-sh-lg: 0 8px 24px oklch(0 0 0 / 0.30);
+  --ds-sh-xl: 0 12px 32px oklch(0 0 0 / 0.40);
+  --ds-sh-2xl: 0 24px 56px oklch(0 0 0 / 0.45);
+  --ds-sh-aside: -8px 0 24px oklch(0 0 0 / 0.40);
+  --ds-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent);
+  --ds-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
+  --ds-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
+  --ds-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
+  --ds-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
 }
 
 /* ── Typography utilities (composite presets) ─────────────────────────────── */

package/dist-lib/tokens/brands/default/components/sizing.d.ts

@@ -0,0 +1,137 @@
+/**
+ * components/sizing.ts — Tokens de dimensão orientados a componente
+ *
+ * Tokens específicos para tipos de componente:
+ *   form      → heights de controles interativos (button, input, select)
+ *   layout    → heights de seções fixas (navbar, toolbar, header)
+ *   icon      → tamanhos de ícone (square)
+ *   container → larguras de containers e componentes overlay
+ */
+export declare const form: {
+    readonly base: string;
+    readonly "3xs": string;
+    readonly "2xs": string;
+    readonly xs: string;
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+};
+export declare const layout: {
+    readonly navbar: string;
+    readonly toolbar: string;
+    readonly "tab-bar": string;
+    readonly "header-sm": string;
+    readonly "header-md": string;
+    readonly "header-lg": string;
+};
+export declare const icon: {
+    readonly base: string;
+    readonly "2xs": string;
+    readonly xs: string;
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+    readonly xl: string;
+    readonly "2xl": string;
+    readonly "3xl": string;
+};
+export declare const container: {
+    readonly xs: "480px";
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1440px";
+    readonly "3xl": "1920px";
+    readonly full: "100%";
+    readonly prose: "65ch";
+    readonly "main-content-max": "1368px";
+    readonly "tooltip-sm": "160px";
+    readonly "tooltip-md": "240px";
+    readonly "tooltip-lg": "320px";
+    readonly "dropdown-sm": "160px";
+    readonly "dropdown-md": "240px";
+    readonly "dropdown-lg": "320px";
+    readonly "sidebar-sm": "240px";
+    readonly "sidebar-md": "280px";
+    readonly "sidebar-lg": "320px";
+    readonly "drawer-sm": "320px";
+    readonly "drawer-md": "480px";
+    readonly "drawer-lg": "640px";
+    readonly "modal-sm": "480px";
+    readonly "modal-md": "640px";
+    readonly "modal-lg": "800px";
+};
+export declare const scrollbar: {
+    readonly width: {
+        readonly thin: "6px";
+        readonly default: "8px";
+    };
+};
+export declare const componentSizing: {
+    readonly form: {
+        readonly base: string;
+        readonly "3xs": string;
+        readonly "2xs": string;
+        readonly xs: string;
+        readonly sm: string;
+        readonly md: string;
+        readonly lg: string;
+        readonly xl: string;
+    };
+    readonly layout: {
+        readonly navbar: string;
+        readonly toolbar: string;
+        readonly "tab-bar": string;
+        readonly "header-sm": string;
+        readonly "header-md": string;
+        readonly "header-lg": string;
+    };
+    readonly icon: {
+        readonly base: string;
+        readonly "2xs": string;
+        readonly xs: string;
+        readonly sm: string;
+        readonly md: string;
+        readonly lg: string;
+        readonly xl: string;
+        readonly "2xl": string;
+        readonly "3xl": string;
+    };
+    readonly container: {
+        readonly xs: "480px";
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly "2xl": "1440px";
+        readonly "3xl": "1920px";
+        readonly full: "100%";
+        readonly prose: "65ch";
+        readonly "main-content-max": "1368px";
+        readonly "tooltip-sm": "160px";
+        readonly "tooltip-md": "240px";
+        readonly "tooltip-lg": "320px";
+        readonly "dropdown-sm": "160px";
+        readonly "dropdown-md": "240px";
+        readonly "dropdown-lg": "320px";
+        readonly "sidebar-sm": "240px";
+        readonly "sidebar-md": "280px";
+        readonly "sidebar-lg": "320px";
+        readonly "drawer-sm": "320px";
+        readonly "drawer-md": "480px";
+        readonly "drawer-lg": "640px";
+        readonly "modal-sm": "480px";
+        readonly "modal-md": "640px";
+        readonly "modal-lg": "800px";
+    };
+    readonly scrollbar: {
+        readonly width: {
+            readonly thin: "6px";
+            readonly default: "8px";
+        };
+    };
+};
+export type ComponentSizingToken = typeof componentSizing;
+//# sourceMappingURL=sizing.d.ts.map

package/dist-lib/tokens/brands/default/components/sizing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/components/sizing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,eAAO,MAAM,IAAI;;;;;;;;;CASP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;CAUP,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BZ,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AACrF,MAAM,MAAM,oBAAoB,GAAG,OAAO,eAAe,CAAC"}

package/dist-lib/tokens/brands/default/components/spacing.d.ts

@@ -0,0 +1,50 @@
+/**
+ * components/spacing.ts — Tokens de espaçamento orientados a componente
+ *
+ * Paddings recorrentes que múltiplos componentes compartilham.
+ * Componente usa: p-pad-card, px-pad-page, etc.
+ */
+export declare const padCard: {
+    readonly base: string;
+    readonly sm: string;
+};
+export declare const padPage: {
+    readonly base: string;
+    readonly sm: string;
+    readonly lg: string;
+};
+/**
+ * ─── Form Gap (gap padrão entre fields de formulário) ───────────────────────
+ *
+ * REGRA DS: todo formulário deve usar `gap-form-gap` (20px) entre fields
+ * (label+input units). Não usar `gap-gp-*` semânticos avulsos em form layout.
+ *
+ * Por quê 20px: equilibra densidade (12px era apertado) vs respiro (24px ficou
+ * solto demais quando temos 5+ fields num drawer). Bench: NovoClienteDrawer,
+ * SacarDialog → 20px tem leitura confortável sem desperdiçar viewport.
+ *
+ * Uso:
+ *   <div className="flex flex-col gap-form-gap"> ← entre FormField units
+ *     <FormFieldInput ... />
+ *     <FormFieldSelect ... />
+ *     <FormFieldCheckbox ... />
+ *   </div>
+ *
+ * Pra grids 2-col dentro do form (ex: agência + conta lado a lado): também
+ * usar gap-form-gap pra manter consistência horizontal × vertical.
+ */
+export declare const formGap: string;
+export declare const componentSpacing: {
+    readonly padCard: {
+        readonly base: string;
+        readonly sm: string;
+    };
+    readonly padPage: {
+        readonly base: string;
+        readonly sm: string;
+        readonly lg: string;
+    };
+    readonly formGap: string;
+};
+export type ComponentSpacingToken = typeof componentSpacing;
+//# sourceMappingURL=spacing.d.ts.map

package/dist-lib/tokens/brands/default/components/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/components/spacing.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAEX;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,QAAW,CAAC;AAEhC,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAAyC,CAAC;AACvE,MAAM,MAAM,qBAAqB,GAAG,OAAO,gBAAgB,CAAC"}

package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts

@@ -0,0 +1,276 @@
+/**
+ * color-palette.ts — Primitive color tokens (v3)
+ * Tier 1 de 3: valores raw. API privada.
+ *
+ * Nunca referenciar diretamente em componentes.
+ * Componentes usam semantic tokens (color-light / color-dark).
+ *
+ * Formato: OKLCH (perceptualmente uniforme, suporte P3, ideal para color-mix())
+ *
+ * Escala 50–950 (12 níveis com 150 extra):
+ *   50  → quase branco
+ *   500/600 → tom médio (referência de identidade — varia por cor)
+ *   950 → quase preto
+ *
+ * NAMING V3:
+ *   brand          → cor da marca (verde escuro #00803c — light theme)
+ *   brandContrast  → variante brilhante (verde #0fc589 — dark theme)
+ *   gray           → neutro puro (chroma 0)
+ *   danger         → feedback destrutivo/erro (vermelho)
+ *   success / warning / info → feedback positivo / atenção / informação
+ */
+export declare const brand: {
+    readonly 50: "oklch(0.97 0.022 151)";
+    readonly 100: "oklch(0.93 0.045 151)";
+    readonly 150: "oklch(0.90 0.060 151)";
+    readonly 200: "oklch(0.85 0.085 151)";
+    readonly 300: "oklch(0.76 0.115 151)";
+    readonly 400: "oklch(0.65 0.135 151)";
+    readonly 500: "oklch(0.58 0.140 151)";
+    readonly 600: "oklch(0.5248 0.1415 150.9)";
+    readonly 700: "oklch(0.43 0.130 151)";
+    readonly 800: "oklch(0.34 0.110 151)";
+    readonly 900: "oklch(0.24 0.080 151)";
+    readonly 950: "oklch(0.16 0.055 151)";
+};
+export declare const brandContrast: {
+    readonly 50: "oklch(0.97 0.025 162)";
+    readonly 100: "oklch(0.94 0.050 162)";
+    readonly 150: "oklch(0.91 0.075 162)";
+    readonly 200: "oklch(0.86 0.100 162)";
+    readonly 300: "oklch(0.79 0.130 162)";
+    readonly 400: "oklch(0.7289 0.1571 162.3)";
+    readonly 500: "oklch(0.65 0.155 162)";
+    readonly 600: "oklch(0.55 0.140 162)";
+    readonly 700: "oklch(0.45 0.115 162)";
+    readonly 800: "oklch(0.34 0.085 162)";
+    readonly 900: "oklch(0.24 0.060 162)";
+    readonly 950: "oklch(0.16 0.040 162)";
+};
+export declare const gray: {
+    readonly 50: "oklch(0.973 0 0)";
+    readonly 100: "oklch(0.94 0 0)";
+    readonly 150: "oklch(0.931 0 0)";
+    readonly 200: "oklch(0.9076 0 0)";
+    readonly 300: "oklch(0.8761 0 0)";
+    readonly 400: "oklch(0.7025 0 0)";
+    readonly 500: "oklch(0.4997 0 0)";
+    readonly 600: "oklch(0.36 0 0)";
+    readonly 700: "oklch(0.30 0 0)";
+    readonly 800: "oklch(0.2645 0 0)";
+    readonly 900: "oklch(0.205 0 0)";
+    readonly 950: "oklch(0.15 0 0)";
+};
+export declare const danger: {
+    readonly 50: "oklch(0.97 0.025 25)";
+    readonly 100: "oklch(0.94 0.050 25)";
+    readonly 150: "oklch(0.91 0.080 25)";
+    readonly 200: "oklch(0.86 0.110 25)";
+    readonly 300: "oklch(0.76 0.165 25)";
+    readonly 400: "oklch(0.69 0.195 25)";
+    readonly 500: "oklch(0.6368 0.2078 25.33)";
+    readonly 600: "oklch(0.56 0.200 25)";
+    readonly 700: "oklch(0.46 0.180 25)";
+    readonly 800: "oklch(0.36 0.140 25)";
+    readonly 900: "oklch(0.26 0.100 25)";
+    readonly 950: "oklch(0.18 0.070 25)";
+};
+export declare const success: {
+    readonly 50: "oklch(0.96 0.025 161)";
+    readonly 100: "oklch(0.93 0.045 161)";
+    readonly 150: "oklch(0.90 0.065 161)";
+    readonly 200: "oklch(0.85 0.090 161)";
+    readonly 300: "oklch(0.77 0.115 161)";
+    readonly 400: "oklch(0.71 0.130 161)";
+    readonly 500: "oklch(0.66 0.135 161)";
+    readonly 600: "oklch(0.57 0.130 161)";
+    readonly 700: "oklch(0.47 0.110 161)";
+    readonly 800: "oklch(0.37 0.085 161)";
+    readonly 900: "oklch(0.27 0.060 161)";
+    readonly 950: "oklch(0.19 0.045 161)";
+};
+export declare const warning: {
+    readonly 50: "oklch(0.97 0.030 81)";
+    readonly 100: "oklch(0.95 0.060 81)";
+    readonly 150: "oklch(0.93 0.090 81)";
+    readonly 200: "oklch(0.91 0.115 81)";
+    readonly 300: "oklch(0.86 0.150 81)";
+    readonly 400: "oklch(0.83 0.155 81)";
+    readonly 500: "oklch(0.81 0.160 81)";
+    readonly 600: "oklch(0.71 0.155 81)";
+    readonly 700: "oklch(0.59 0.135 81)";
+    readonly 800: "oklch(0.46 0.110 81)";
+    readonly 900: "oklch(0.34 0.085 81)";
+    readonly 950: "oklch(0.24 0.060 81)";
+};
+export declare const info: {
+    readonly 50: "oklch(0.97 0.025 280)";
+    readonly 100: "oklch(0.93 0.050 280)";
+    readonly 150: "oklch(0.89 0.085 280)";
+    readonly 200: "oklch(0.85 0.110 280)";
+    readonly 300: "oklch(0.76 0.155 280)";
+    readonly 400: "oklch(0.69 0.190 280)";
+    readonly 500: "oklch(0.62 0.210 280)";
+    readonly 600: "oklch(0.55 0.200 280)";
+    readonly 700: "oklch(0.46 0.170 280)";
+    readonly 800: "oklch(0.37 0.135 280)";
+    readonly 900: "oklch(0.27 0.095 280)";
+    readonly 950: "oklch(0.19 0.070 280)";
+};
+export declare const white = "oklch(1 0 0)";
+export declare const black = "oklch(0 0 0)";
+export declare const alpha: {
+    readonly black: {
+        readonly 4: "oklch(0 0 0 / 0.04)";
+        readonly 8: "oklch(0 0 0 / 0.08)";
+        readonly 12: "oklch(0 0 0 / 0.12)";
+        readonly 16: "oklch(0 0 0 / 0.16)";
+        readonly 24: "oklch(0 0 0 / 0.24)";
+        readonly 32: "oklch(0 0 0 / 0.32)";
+        readonly 40: "oklch(0 0 0 / 0.40)";
+        readonly 45: "oklch(0 0 0 / 0.45)";
+        readonly 48: "oklch(0 0 0 / 0.48)";
+        readonly 55: "oklch(0 0 0 / 0.55)";
+        readonly 64: "oklch(0 0 0 / 0.64)";
+    };
+    readonly white: {
+        readonly 1: "oklch(1 0 0 / 0.01)";
+        readonly 2: "oklch(1 0 0 / 0.02)";
+        readonly 3: "oklch(1 0 0 / 0.03)";
+        readonly 4: "oklch(1 0 0 / 0.04)";
+        readonly 8: "oklch(1 0 0 / 0.08)";
+        readonly 12: "oklch(1 0 0 / 0.12)";
+        readonly 16: "oklch(1 0 0 / 0.16)";
+        readonly 24: "oklch(1 0 0 / 0.24)";
+        readonly 32: "oklch(1 0 0 / 0.32)";
+    };
+};
+export declare const colorPalette: {
+    brand: {
+        readonly 50: "oklch(0.97 0.022 151)";
+        readonly 100: "oklch(0.93 0.045 151)";
+        readonly 150: "oklch(0.90 0.060 151)";
+        readonly 200: "oklch(0.85 0.085 151)";
+        readonly 300: "oklch(0.76 0.115 151)";
+        readonly 400: "oklch(0.65 0.135 151)";
+        readonly 500: "oklch(0.58 0.140 151)";
+        readonly 600: "oklch(0.5248 0.1415 150.9)";
+        readonly 700: "oklch(0.43 0.130 151)";
+        readonly 800: "oklch(0.34 0.110 151)";
+        readonly 900: "oklch(0.24 0.080 151)";
+        readonly 950: "oklch(0.16 0.055 151)";
+    };
+    brandContrast: {
+        readonly 50: "oklch(0.97 0.025 162)";
+        readonly 100: "oklch(0.94 0.050 162)";
+        readonly 150: "oklch(0.91 0.075 162)";
+        readonly 200: "oklch(0.86 0.100 162)";
+        readonly 300: "oklch(0.79 0.130 162)";
+        readonly 400: "oklch(0.7289 0.1571 162.3)";
+        readonly 500: "oklch(0.65 0.155 162)";
+        readonly 600: "oklch(0.55 0.140 162)";
+        readonly 700: "oklch(0.45 0.115 162)";
+        readonly 800: "oklch(0.34 0.085 162)";
+        readonly 900: "oklch(0.24 0.060 162)";
+        readonly 950: "oklch(0.16 0.040 162)";
+    };
+    gray: {
+        readonly 50: "oklch(0.973 0 0)";
+        readonly 100: "oklch(0.94 0 0)";
+        readonly 150: "oklch(0.931 0 0)";
+        readonly 200: "oklch(0.9076 0 0)";
+        readonly 300: "oklch(0.8761 0 0)";
+        readonly 400: "oklch(0.7025 0 0)";
+        readonly 500: "oklch(0.4997 0 0)";
+        readonly 600: "oklch(0.36 0 0)";
+        readonly 700: "oklch(0.30 0 0)";
+        readonly 800: "oklch(0.2645 0 0)";
+        readonly 900: "oklch(0.205 0 0)";
+        readonly 950: "oklch(0.15 0 0)";
+    };
+    success: {
+        readonly 50: "oklch(0.96 0.025 161)";
+        readonly 100: "oklch(0.93 0.045 161)";
+        readonly 150: "oklch(0.90 0.065 161)";
+        readonly 200: "oklch(0.85 0.090 161)";
+        readonly 300: "oklch(0.77 0.115 161)";
+        readonly 400: "oklch(0.71 0.130 161)";
+        readonly 500: "oklch(0.66 0.135 161)";
+        readonly 600: "oklch(0.57 0.130 161)";
+        readonly 700: "oklch(0.47 0.110 161)";
+        readonly 800: "oklch(0.37 0.085 161)";
+        readonly 900: "oklch(0.27 0.060 161)";
+        readonly 950: "oklch(0.19 0.045 161)";
+    };
+    warning: {
+        readonly 50: "oklch(0.97 0.030 81)";
+        readonly 100: "oklch(0.95 0.060 81)";
+        readonly 150: "oklch(0.93 0.090 81)";
+        readonly 200: "oklch(0.91 0.115 81)";
+        readonly 300: "oklch(0.86 0.150 81)";
+        readonly 400: "oklch(0.83 0.155 81)";
+        readonly 500: "oklch(0.81 0.160 81)";
+        readonly 600: "oklch(0.71 0.155 81)";
+        readonly 700: "oklch(0.59 0.135 81)";
+        readonly 800: "oklch(0.46 0.110 81)";
+        readonly 900: "oklch(0.34 0.085 81)";
+        readonly 950: "oklch(0.24 0.060 81)";
+    };
+    danger: {
+        readonly 50: "oklch(0.97 0.025 25)";
+        readonly 100: "oklch(0.94 0.050 25)";
+        readonly 150: "oklch(0.91 0.080 25)";
+        readonly 200: "oklch(0.86 0.110 25)";
+        readonly 300: "oklch(0.76 0.165 25)";
+        readonly 400: "oklch(0.69 0.195 25)";
+        readonly 500: "oklch(0.6368 0.2078 25.33)";
+        readonly 600: "oklch(0.56 0.200 25)";
+        readonly 700: "oklch(0.46 0.180 25)";
+        readonly 800: "oklch(0.36 0.140 25)";
+        readonly 900: "oklch(0.26 0.100 25)";
+        readonly 950: "oklch(0.18 0.070 25)";
+    };
+    info: {
+        readonly 50: "oklch(0.97 0.025 280)";
+        readonly 100: "oklch(0.93 0.050 280)";
+        readonly 150: "oklch(0.89 0.085 280)";
+        readonly 200: "oklch(0.85 0.110 280)";
+        readonly 300: "oklch(0.76 0.155 280)";
+        readonly 400: "oklch(0.69 0.190 280)";
+        readonly 500: "oklch(0.62 0.210 280)";
+        readonly 600: "oklch(0.55 0.200 280)";
+        readonly 700: "oklch(0.46 0.170 280)";
+        readonly 800: "oklch(0.37 0.135 280)";
+        readonly 900: "oklch(0.27 0.095 280)";
+        readonly 950: "oklch(0.19 0.070 280)";
+    };
+    white: string;
+    black: string;
+    alpha: {
+        readonly black: {
+            readonly 4: "oklch(0 0 0 / 0.04)";
+            readonly 8: "oklch(0 0 0 / 0.08)";
+            readonly 12: "oklch(0 0 0 / 0.12)";
+            readonly 16: "oklch(0 0 0 / 0.16)";
+            readonly 24: "oklch(0 0 0 / 0.24)";
+            readonly 32: "oklch(0 0 0 / 0.32)";
+            readonly 40: "oklch(0 0 0 / 0.40)";
+            readonly 45: "oklch(0 0 0 / 0.45)";
+            readonly 48: "oklch(0 0 0 / 0.48)";
+            readonly 55: "oklch(0 0 0 / 0.55)";
+            readonly 64: "oklch(0 0 0 / 0.64)";
+        };
+        readonly white: {
+            readonly 1: "oklch(1 0 0 / 0.01)";
+            readonly 2: "oklch(1 0 0 / 0.02)";
+            readonly 3: "oklch(1 0 0 / 0.03)";
+            readonly 4: "oklch(1 0 0 / 0.04)";
+            readonly 8: "oklch(1 0 0 / 0.08)";
+            readonly 12: "oklch(1 0 0 / 0.12)";
+            readonly 16: "oklch(1 0 0 / 0.16)";
+            readonly 24: "oklch(1 0 0 / 0.24)";
+            readonly 32: "oklch(1 0 0 / 0.32)";
+        };
+    };
+};
+//# sourceMappingURL=color-palette.d.ts.map

package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAaR,CAAC;AAIX,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAahB,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,KAAK,iBAAiB,CAAC;AACpC,eAAO,MAAM,KAAK,iBAAiB,CAAC;AAGpC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKxB,CAAC"}

package/dist-lib/tokens/brands/default/primitives/fonts.d.ts

@@ -0,0 +1,63 @@
+/**
+ * fonts.ts — Typographic scale
+ * Tier 1 de 3: valores raw. API privada.
+ *
+ * Princípio: escala baseada em razão modular (1.25 — Major Third).
+ *
+ * BASE = 16px (1rem)
+ * Razão = 1.25 (major third)
+ *
+ * Regra de line-height: proporcional ao font-size.
+ *   - Displays e headings: ratio 1.2 (tight)
+ *   - Body: ratio 1.5 (confortável para leitura)
+ *   - Captions/labels: ratio 1.33
+ *
+ * Uso: importar nos arquivos semantic (typography.ts).
+ * Nunca usar valores raw diretamente em componentes.
+ */
+/**
+ * Calcula font-size na escala modular.
+ * step > 0 = maior que base, step < 0 = menor que base
+ */
+export declare const typeSize: (step: number) => string;
+/**
+ * Calcula line-height proporcional ao font-size.
+ * tight = displays/headings, normal = body, loose = captions
+ */
+export declare const lh: (size: number, mode?: "tight" | "normal" | "loose") => string;
+/**
+ * Font families (valores raw).
+ * A decisão de qual fonte usa cada preset fica em typography.ts (semântico).
+ */
+export declare const fontFamily: {
+    readonly sans: "var(--font-sans, 'Geist', system-ui, -apple-system, sans-serif)";
+    readonly mono: "var(--font-mono, 'Geist Mono', 'Fira Code', monospace)";
+    readonly serif: "var(--font-serif, Georgia, 'Times New Roman', serif)";
+};
+/**
+ * Font weights.
+ * Usando nomes semânticos, não números — portável entre fontes.
+ */
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+/**
+ * Letter-spacing por contexto.
+ */
+export declare const letterSpacing: {
+    readonly tighter: "-0.02em";
+    readonly tight: "-0.01em";
+    readonly normal: "0em";
+    readonly wide: "0.01em";
+    readonly wider: "0.03em";
+    readonly widest: "0.05em";
+};
+/** Escala com named keys — usada por typography.ts */
+export declare const fontSize: Record<string, {
+    size: string;
+    lineHeight: string;
+}>;
+//# sourceMappingURL=fonts.d.ts.map

package/dist-lib/tokens/brands/default/primitives/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/primitives/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAKH;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,KAAG,MACS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,EAAE,GACb,MAAM,MAAM,EACZ,OAAM,OAAO,GAAG,QAAQ,GAAG,OAAkB,KAC5C,MAGF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAEX,sDAAsD;AACtD,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAWzE,CAAC"}