@snksergio/design-system 0.5.0 → 0.5.1

package/dist-lib/tokens/brands/default/semantic/color-light.d.ts

@@ -0,0 +1,192 @@
+/**
+ * color-light.ts — Semantic color tokens (light mode) — V3
+ * Tier 2 de 3: intenção. API pública.
+ *
+ * NOMENCLATURA V3:
+ *   brand          → cor da marca (NÃO "primary")
+ *   danger         → feedback destrutivo (NÃO "critical")
+ *   fg.default     → texto padrão (NÃO "fg.foreground")
+ *   on-*           → texto sobre cor sólida
+ *   subtle/muted   → variantes alpha-tinted (color-mix da cor base)
+ *   hover          → escurece cor sólida (mix com black) ou sobe alpha
+ *
+ * NAMESPACES:
+ *   bg      → fundos de superfícies, brand, status, neutros
+ *   fg      → texto + ícones
+ *   border  → bordas, dividers
+ *   ring    → focus rings (acessibilidade)
+ *   overlay → scrims de modal/drawer
+ */
+export declare const bg: {
+    readonly canvas: "oklch(1 0 0)";
+    readonly surface: "oklch(1 0 0)";
+    readonly "surface-elevated": "oklch(1 0 0)";
+    readonly "surface-panels": "oklch(1 0 0)";
+    readonly sidebar: "oklch(0.9516 0.0027 106.45)";
+    readonly subtle: "oklch(0.973 0 0)";
+    readonly muted: "oklch(0.973 0 0)";
+    readonly emphasis: "oklch(0.94 0 0)";
+    readonly input: "oklch(1 0 0)";
+    readonly accent: "oklch(1 0 0)";
+    readonly brand: "oklch(0.5248 0.1415 150.9)";
+    readonly "brand-subtle": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 14%, transparent)";
+    readonly "brand-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 90%, black)";
+    readonly "brand-subtle-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+    readonly danger: "oklch(0.6368 0.2078 25.33)";
+    readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 14%, transparent)";
+    readonly "danger-hover": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 90%, black)";
+    readonly "danger-muted-hover": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+    readonly success: "oklch(0.66 0.135 161)";
+    readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 14%, transparent)";
+    readonly "success-hover": "color-mix(in oklch, oklch(0.66 0.135 161) 90%, black)";
+    readonly "success-muted-hover": "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+    readonly warning: "oklch(0.81 0.160 81)";
+    readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent)";
+    readonly "warning-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 90%, black)";
+    readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+    readonly info: "oklch(0.62 0.210 280)";
+    readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent)";
+    readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
+    readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+    readonly "muted-hover": "oklch(0.95 0 0)";
+    readonly "input-hover": "oklch(0.973 0 0)";
+    readonly "accent-hover": "oklch(0.84 0 0)";
+    readonly "sidebar-accent": "oklch(1 0 0)";
+    readonly "sidebar-accent-hover": "oklch(0.92 0.0068 115.72)";
+    readonly table: "oklch(1 0 0)";
+    readonly "table-head": "oklch(0.973 0 0)";
+    readonly "table-row-hover": "oklch(0.973 0 0)";
+    readonly "table-row-selected": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 6%, transparent)";
+    readonly "table-row-selected-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 10%, transparent)";
+    readonly dropdown: "var(--color-bg-canvas)";
+};
+export declare const fg: {
+    readonly strong: "oklch(0.15 0 0)";
+    readonly default: "oklch(0.15 0 0)";
+    readonly muted: "oklch(0.4997 0 0)";
+    readonly subtle: "oklch(0.7025 0 0)";
+    readonly disabled: "oklch(0.7025 0 0)";
+    readonly brand: "oklch(0.5248 0.1415 150.9)";
+    readonly danger: "oklch(0.6368 0.2078 25.33)";
+    readonly success: "oklch(0.66 0.135 161)";
+    readonly warning: "oklch(0.81 0.160 81)";
+    readonly info: "oklch(0.62 0.210 280)";
+    readonly "on-brand": "oklch(1 0 0)";
+    readonly "on-danger": "oklch(1 0 0)";
+    readonly "on-success": "oklch(1 0 0)";
+    readonly "on-warning": "oklch(0 0 0)";
+    readonly "on-info": "oklch(1 0 0)";
+};
+export declare const border: {
+    readonly default: "oklch(0.9076 0 0)";
+    readonly subtle: "oklch(0.931 0 0)";
+    readonly input: "oklch(0.8761 0 0)";
+    readonly sidebar: "oklch(0.9076 0.0068 115.72)";
+    readonly brand: "oklch(0.5248 0.1415 150.9)";
+    readonly "brand-subtle": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 36%, transparent)";
+    readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent)";
+    readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent)";
+    readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent)";
+    readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent)";
+    readonly table: "oklch(0.931 0 0)";
+};
+export declare const ring: {
+    readonly brand: "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+    readonly danger: "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+    readonly success: "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+    readonly warning: "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+    readonly info: "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+    readonly secondary: "color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent)";
+};
+export declare const overlay: {
+    readonly scrim: "oklch(0 0 0 / 0.55)";
+    readonly float: "oklch(0.55 0 0 / 0.12)";
+};
+export declare const colorLight: {
+    bg: {
+        readonly canvas: "oklch(1 0 0)";
+        readonly surface: "oklch(1 0 0)";
+        readonly "surface-elevated": "oklch(1 0 0)";
+        readonly "surface-panels": "oklch(1 0 0)";
+        readonly sidebar: "oklch(0.9516 0.0027 106.45)";
+        readonly subtle: "oklch(0.973 0 0)";
+        readonly muted: "oklch(0.973 0 0)";
+        readonly emphasis: "oklch(0.94 0 0)";
+        readonly input: "oklch(1 0 0)";
+        readonly accent: "oklch(1 0 0)";
+        readonly brand: "oklch(0.5248 0.1415 150.9)";
+        readonly "brand-subtle": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 14%, transparent)";
+        readonly "brand-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 90%, black)";
+        readonly "brand-subtle-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+        readonly danger: "oklch(0.6368 0.2078 25.33)";
+        readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 14%, transparent)";
+        readonly "danger-hover": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 90%, black)";
+        readonly "danger-muted-hover": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+        readonly success: "oklch(0.66 0.135 161)";
+        readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 14%, transparent)";
+        readonly "success-hover": "color-mix(in oklch, oklch(0.66 0.135 161) 90%, black)";
+        readonly "success-muted-hover": "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+        readonly warning: "oklch(0.81 0.160 81)";
+        readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent)";
+        readonly "warning-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 90%, black)";
+        readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+        readonly info: "oklch(0.62 0.210 280)";
+        readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent)";
+        readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
+        readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+        readonly "muted-hover": "oklch(0.95 0 0)";
+        readonly "input-hover": "oklch(0.973 0 0)";
+        readonly "accent-hover": "oklch(0.84 0 0)";
+        readonly "sidebar-accent": "oklch(1 0 0)";
+        readonly "sidebar-accent-hover": "oklch(0.92 0.0068 115.72)";
+        readonly table: "oklch(1 0 0)";
+        readonly "table-head": "oklch(0.973 0 0)";
+        readonly "table-row-hover": "oklch(0.973 0 0)";
+        readonly "table-row-selected": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 6%, transparent)";
+        readonly "table-row-selected-hover": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 10%, transparent)";
+        readonly dropdown: "var(--color-bg-canvas)";
+    };
+    fg: {
+        readonly strong: "oklch(0.15 0 0)";
+        readonly default: "oklch(0.15 0 0)";
+        readonly muted: "oklch(0.4997 0 0)";
+        readonly subtle: "oklch(0.7025 0 0)";
+        readonly disabled: "oklch(0.7025 0 0)";
+        readonly brand: "oklch(0.5248 0.1415 150.9)";
+        readonly danger: "oklch(0.6368 0.2078 25.33)";
+        readonly success: "oklch(0.66 0.135 161)";
+        readonly warning: "oklch(0.81 0.160 81)";
+        readonly info: "oklch(0.62 0.210 280)";
+        readonly "on-brand": "oklch(1 0 0)";
+        readonly "on-danger": "oklch(1 0 0)";
+        readonly "on-success": "oklch(1 0 0)";
+        readonly "on-warning": "oklch(0 0 0)";
+        readonly "on-info": "oklch(1 0 0)";
+    };
+    border: {
+        readonly default: "oklch(0.9076 0 0)";
+        readonly subtle: "oklch(0.931 0 0)";
+        readonly input: "oklch(0.8761 0 0)";
+        readonly sidebar: "oklch(0.9076 0.0068 115.72)";
+        readonly brand: "oklch(0.5248 0.1415 150.9)";
+        readonly "brand-subtle": "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 36%, transparent)";
+        readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent)";
+        readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent)";
+        readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent)";
+        readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent)";
+        readonly table: "oklch(0.931 0 0)";
+    };
+    ring: {
+        readonly brand: "color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+        readonly danger: "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+        readonly success: "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+        readonly warning: "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+        readonly info: "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+        readonly secondary: "color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent)";
+    };
+    overlay: {
+        readonly scrim: "oklch(0 0 0 / 0.55)";
+        readonly float: "oklch(0.55 0 0 / 0.12)";
+    };
+};
+//# sourceMappingURL=color-light.d.ts.map

package/dist-lib/tokens/brands/default/semantic/color-light.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAuBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAQV,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAoC,CAAC"}

package/dist-lib/tokens/brands/default/semantic/elevation.d.ts

@@ -0,0 +1,147 @@
+/**
+ * elevation.ts — Elevation tokens (shadows + opacity + blur + z-index) — V3
+ *
+ * REGRAS:
+ * - Shadows ficam juntos com opacity porque definem "elevação".
+ * - Shadows usam string literal pra parsing em build time.
+ * - Múltiplas shadows por camada (ambient + key light).
+ * - Dark mode: opacidade ~2-3x maior (sombras precisam ser mais fortes em fundo escuro).
+ *
+ * NOTA: Shadows usam OKLCH com slash alpha — formato moderno, suporte amplo.
+ *
+ * HIERARQUIA DE ELEVAÇÃO (V3):
+ *   none    → sem elevação
+ *   sm      → controles, botões em repouso
+ *   md      → cards em repouso, tooltips
+ *   lg      → popovers, dropdowns ancorados
+ *   xl      → dropdowns grandes
+ *   2xl     → modais, dialogs
+ *   aside   → drawer slide-in lateral (direção horizontal)
+ *
+ * Outros composites:
+ *   ring    → focus de input/textarea/select (3px brand-tinted box-shadow)
+ */
+export declare const shadow: {
+    readonly light: {
+        readonly none: "none";
+        readonly sm: "0 1px 2px oklch(0 0 0 / 0.04)";
+        readonly md: "rgba(145, 158, 171, 0.18) 0 0 2px 0, rgba(145, 158, 171, 0.12) 0 12px 24px -4px";
+        readonly lg: "0 8px 24px oklch(0 0 0 / 0.08)";
+        readonly xl: "0 12px 32px oklch(0 0 0 / 0.08)";
+        readonly "2xl": "0 24px 56px oklch(0 0 0 / 0.16)";
+        readonly aside: "-8px 0 24px oklch(0 0 0 / 0.12)";
+        readonly ring: "0 0 0 3px color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+        readonly "ring-danger": "0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+        readonly "ring-warning": "0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+        readonly "ring-success": "0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+        readonly "ring-info": "0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+    };
+    readonly dark: {
+        readonly none: "none";
+        readonly sm: "none";
+        readonly md: "0 0 0 1px oklch(0.2645 0 0)";
+        readonly lg: "0 8px 24px oklch(0 0 0 / 0.30)";
+        readonly xl: "0 12px 32px oklch(0 0 0 / 0.40)";
+        readonly "2xl": "0 24px 56px oklch(0 0 0 / 0.45)";
+        readonly aside: "-8px 0 24px oklch(0 0 0 / 0.40)";
+        readonly ring: "0 0 0 3px color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent)";
+        readonly "ring-danger": "0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+        readonly "ring-warning": "0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+        readonly "ring-success": "0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+        readonly "ring-info": "0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+    };
+};
+export declare const opacity: {
+    readonly disabled: 0.38;
+    readonly hover: 0.08;
+    readonly focus: 0.12;
+    readonly pressed: 0.12;
+    readonly dragged: 0.16;
+    readonly invisible: 0;
+    readonly muted: 0.5;
+    readonly subtle: 0.7;
+    readonly full: 1;
+    readonly "scrim-light": 0.32;
+    readonly "scrim-dark": 0.64;
+};
+export declare const blur: {
+    readonly sm: "blur(4px)";
+    readonly md: "blur(8px)";
+    readonly lg: "blur(16px)";
+    readonly xl: "blur(24px)";
+};
+export declare const zIndex: {
+    readonly hide: -1;
+    readonly base: 0;
+    readonly dropdown: 100;
+    readonly sticky: 200;
+    readonly overlay: 300;
+    readonly modal: 400;
+    readonly popover: 500;
+    readonly toast: 600;
+    readonly tooltip: 700;
+};
+export declare const elevation: {
+    readonly shadow: {
+        readonly light: {
+            readonly none: "none";
+            readonly sm: "0 1px 2px oklch(0 0 0 / 0.04)";
+            readonly md: "rgba(145, 158, 171, 0.18) 0 0 2px 0, rgba(145, 158, 171, 0.12) 0 12px 24px -4px";
+            readonly lg: "0 8px 24px oklch(0 0 0 / 0.08)";
+            readonly xl: "0 12px 32px oklch(0 0 0 / 0.08)";
+            readonly "2xl": "0 24px 56px oklch(0 0 0 / 0.16)";
+            readonly aside: "-8px 0 24px oklch(0 0 0 / 0.12)";
+            readonly ring: "0 0 0 3px color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent)";
+            readonly "ring-danger": "0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+            readonly "ring-warning": "0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+            readonly "ring-success": "0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+            readonly "ring-info": "0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+        };
+        readonly dark: {
+            readonly none: "none";
+            readonly sm: "none";
+            readonly md: "0 0 0 1px oklch(0.2645 0 0)";
+            readonly lg: "0 8px 24px oklch(0 0 0 / 0.30)";
+            readonly xl: "0 12px 32px oklch(0 0 0 / 0.40)";
+            readonly "2xl": "0 24px 56px oklch(0 0 0 / 0.45)";
+            readonly aside: "-8px 0 24px oklch(0 0 0 / 0.40)";
+            readonly ring: "0 0 0 3px color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent)";
+            readonly "ring-danger": "0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
+            readonly "ring-warning": "0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
+            readonly "ring-success": "0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
+            readonly "ring-info": "0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
+        };
+    };
+    readonly opacity: {
+        readonly disabled: 0.38;
+        readonly hover: 0.08;
+        readonly focus: 0.12;
+        readonly pressed: 0.12;
+        readonly dragged: 0.16;
+        readonly invisible: 0;
+        readonly muted: 0.5;
+        readonly subtle: 0.7;
+        readonly full: 1;
+        readonly "scrim-light": 0.32;
+        readonly "scrim-dark": 0.64;
+    };
+    readonly blur: {
+        readonly sm: "blur(4px)";
+        readonly md: "blur(8px)";
+        readonly lg: "blur(16px)";
+        readonly xl: "blur(24px)";
+    };
+    readonly zIndex: {
+        readonly hide: -1;
+        readonly base: 0;
+        readonly dropdown: 100;
+        readonly sticky: 200;
+        readonly overlay: 300;
+        readonly modal: 400;
+        readonly popover: 500;
+        readonly toast: 600;
+        readonly tooltip: 700;
+    };
+};
+export type ElevationToken = typeof elevation;
+//# sourceMappingURL=elevation.d.ts.map

package/dist-lib/tokens/brands/default/semantic/elevation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/elevation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAMH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCT,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAiBV,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;CAKP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;CAUT,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA6C,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC"}

package/dist-lib/tokens/brands/default/semantic/shape.d.ts

@@ -0,0 +1,90 @@
+/**
+ * shape.ts — Shape tokens (border-radius + border-width)
+ *
+ * REGRAS:
+ * - border-radius e border-width ficam juntos porque definem a "forma" visual.
+ *   Quando um muda, o outro costuma mudar — são co-dependentes de tema.
+ * - Nomenclatura: base (default), none, xs, sm, md, lg, xl, 2xl, 3xl, 4xl, full.
+ *
+ * FILOSOFIA DE FORMA:
+ *   O sistema usa um "knob" central (RADIUS_BASE = 0.625rem = 10px).
+ *   Todos os steps são derivados por multiplicador.
+ *   Mudar RADIUS_BASE escala toda a personalidade do sistema.
+ *
+ *   `base` = radius padrão de componentes interativos (buttons, cards, inputs, dialogs).
+ *   Escala numérica (xs→4xl) existe para casos onde se precisa de um radius específico.
+ *
+ * RELAÇÃO form height → radius:
+ *   xl (44px)  → base (10px)
+ *   lg (40px)  → base (10px)
+ *   md (36px)  → base (10px)
+ *   sm (32px)  → md  (8px)
+ *   xs (28px)  → md  (8px)
+ */
+/**
+ * Knob central do sistema — controla a "personalidade de forma" (sharp → pill).
+ * Alterar este valor escala toda a curva de radius proporcionalmente.
+ * O transform to-tailwind-v4 gera calc(RADIUS_BASE * N) para cada step.
+ */
+export declare const RADIUS_BASE = "0.625rem";
+export declare const radius: {
+    readonly base: "0.625rem";
+    readonly none: "0px";
+    readonly xs: "0.625rem * 0.4";
+    readonly sm: "0.625rem * 0.6";
+    readonly md: "0.625rem * 0.8";
+    readonly lg: "0.625rem";
+    readonly xl: "0.625rem * 1.4";
+    readonly "2xl": "0.625rem * 1.8";
+    readonly "3xl": "0.625rem * 2.2";
+    readonly "4xl": "0.625rem * 2.6";
+    readonly full: "9999px";
+};
+export declare const borderWidth: {
+    readonly none: "0px";
+    readonly xs: "1px";
+    readonly sm: "2px";
+    readonly md: "4px";
+};
+export declare const outline: {
+    readonly width: "2px";
+    readonly offset: "2px";
+    readonly style: "solid";
+};
+export declare const divider: {
+    readonly width: "1px";
+    readonly style: "solid";
+};
+export declare const shape: {
+    readonly radius: {
+        readonly base: "0.625rem";
+        readonly none: "0px";
+        readonly xs: "0.625rem * 0.4";
+        readonly sm: "0.625rem * 0.6";
+        readonly md: "0.625rem * 0.8";
+        readonly lg: "0.625rem";
+        readonly xl: "0.625rem * 1.4";
+        readonly "2xl": "0.625rem * 1.8";
+        readonly "3xl": "0.625rem * 2.2";
+        readonly "4xl": "0.625rem * 2.6";
+        readonly full: "9999px";
+    };
+    readonly RADIUS_BASE: "0.625rem";
+    readonly borderWidth: {
+        readonly none: "0px";
+        readonly xs: "1px";
+        readonly sm: "2px";
+        readonly md: "4px";
+    };
+    readonly outline: {
+        readonly width: "2px";
+        readonly offset: "2px";
+        readonly style: "solid";
+    };
+    readonly divider: {
+        readonly width: "1px";
+        readonly style: "solid";
+    };
+};
+export type ShapeToken = typeof shape;
+//# sourceMappingURL=shape.d.ts.map

package/dist-lib/tokens/brands/default/semantic/shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/shape.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH;;;;GAIG;AACH,eAAO,MAAM,WAAW,aAAa,CAAC;AAEtC,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAGX,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAIX,eAAO,MAAM,OAAO;;;;CAIV,CAAC;AAGX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkE,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,OAAO,KAAK,CAAC"}

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

@@ -0,0 +1,42 @@
+/**
+ * sizing.ts — Escala genérica de dimensões de componente
+ *
+ * REGRAS:
+ * - Escala única `comp` para h-*, w-*, size-* (height, width, square).
+ * - Baseada em scales.ts (base-4 system).
+ * - Heights são min-height (componentes crescem com conteúdo).
+ * - WCAG 2.1 AA: mínimo 44px de touch target para interativos.
+ *
+ * Tokens orientados a componente específico (form, layout, icon, container)
+ * ficam em components/sizing.ts.
+ */
+export declare const comp: {
+    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 "2xl": string;
+    readonly "3xl": string;
+    readonly "4xl": string;
+};
+export declare const sizing: {
+    readonly comp: {
+        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 "2xl": string;
+        readonly "3xl": string;
+        readonly "4xl": string;
+    };
+};
+export type SizingToken = typeof sizing;
+//# sourceMappingURL=sizing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/sizing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAMH,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYP,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAAoB,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAC"}

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

@@ -0,0 +1,121 @@
+/**
+ * spacing.ts — Semantic spacing tokens
+ *
+ * REGRAS:
+ * - Todos os valores derivam de scales.ts.
+ * - 3 conceitos: space (genérico), gap (entre items), pad (padding).
+ * - Os 3 compartilham a MESMA escala de valores.
+ * - O prefixo (sp-, gp-, pad-) diferencia o papel no CSS.
+ *
+ * ESCALA UNIFICADA:
+ *   2xs=2  xs=4  sm=6  md=8  lg=10  xl=12  2xl=16  3xl=20  4xl=24  5xl=28  6xl=32  7xl=48
+ *
+ * CONVENÇÃO DE PAPÉIS:
+ *   space → genérico (margin, padding simétrico, offsets)
+ *   gap   → entre filhos flex/grid, icon-to-label, section spacing
+ *   pad   → padding interno de componente
+ */
+export declare const space: {
+    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 "4xl": string;
+    readonly "5xl": string;
+    readonly "6xl": string;
+    readonly "7xl": string;
+    readonly base: string;
+    readonly 0: string;
+    readonly px: {
+        readonly px: "1px";
+        readonly raw: 1;
+    };
+};
+export declare const gap: {
+    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 "4xl": string;
+    readonly "5xl": string;
+    readonly "6xl": string;
+    readonly "7xl": string;
+    readonly base: string;
+};
+export declare const pad: {
+    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 "4xl": string;
+    readonly "5xl": string;
+    readonly "6xl": string;
+    readonly "7xl": string;
+    readonly base: string;
+};
+export declare const spacing: {
+    readonly space: {
+        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 "4xl": string;
+        readonly "5xl": string;
+        readonly "6xl": string;
+        readonly "7xl": string;
+        readonly base: string;
+        readonly 0: string;
+        readonly px: {
+            readonly px: "1px";
+            readonly raw: 1;
+        };
+    };
+    readonly gap: {
+        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 "4xl": string;
+        readonly "5xl": string;
+        readonly "6xl": string;
+        readonly "7xl": string;
+        readonly base: string;
+    };
+    readonly pad: {
+        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 "4xl": string;
+        readonly "5xl": string;
+        readonly "6xl": string;
+        readonly "7xl": string;
+        readonly base: string;
+    };
+};
+export type SpacingToken = typeof spacing;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/spacing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAqBH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;CAKR,CAAC;AAGX,eAAO,MAAM,GAAG;;;;;;;;;;;;;;CAGN,CAAC;AAGX,eAAO,MAAM,GAAG;;;;;;;;;;;;;;CAGN,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA+B,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,OAAO,CAAC"}

package/dist-lib/tokens/brands/default/semantic/typography.d.ts

@@ -0,0 +1,59 @@
+/**
+ * typography.ts — Semantic typography tokens (composite)
+ *
+ * 6 roles: display | heading | title | body | caption | code
+ * 23 presets totais
+ *
+ * REGRAS:
+ * - Presets compostos: combinam fontSize + lineHeight + fontWeight + letterSpacing + fontFamily.
+ * - Nomenclatura: {role}-{tier}
+ * - Valores em rem (acessibilidade: respeita preferência de fonte do usuário).
+ * - display/heading (≥ 32px desktop) usam clamp() para fluid typography.
+ * - Presets menores usam rem estático (fluid não faz diferença abaixo de 32px).
+ *
+ * WEIGHT DEFAULT POR ROLE:
+ *   - display:  varia por tier (semibold → bold)
+ *   - heading:  500 (medium) para fluid; 500 para heading-xs estático
+ *   - title:    600 (semibold) — mais usado no projeto
+ *   - body-xs/sm: 500 (medium) — interactive (button, dropdown, input, table cell)
+ *   - body-md/lg/xl/2xl: 400 (regular) — body corrido
+ *   - caption:  400 (regular)
+ *   - code:     400 (regular, mono)
+ *
+ * OVERRIDE CONVENCIONAL via Tailwind nativo:
+ *   - font-bold/semibold/medium/normal — peso diferente
+ *   - leading-X — line-height
+ *   - tracking-X — letter-spacing
+ *
+ * HIERARQUIA:
+ *   display    → hero sections, marketing (muito grande, fluid)
+ *   heading    → títulos de página, modais (grande, fluid a partir de sm)
+ *   title      → títulos de card, seção (médio, estático, weight 600)
+ *   body       → texto corrido + interactive (estático)
+ *   caption    → texto auxiliar, metadados, microlabels (estático)
+ *   code       → código inline e blocos (estático, mono)
+ *
+ * Migration log:
+ *   - 2026-05-19: rewrite enxuto. Removidos paragraph-*, label-*, subheading-* (32→23 presets).
+ *                 Decimais e órfãos (10.5/11.5/12.5/13.5/14.5/15/17/22/26) já eliminados nas Ondas 1-4.
+ */
+interface TypographyPreset {
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: string;
+    letterSpacing: string;
+    fontFamily: string;
+}
+export declare const display: Record<string, TypographyPreset>;
+export declare const heading: Record<string, TypographyPreset>;
+export declare const title: Record<string, TypographyPreset>;
+export declare const body: Record<string, TypographyPreset>;
+export declare const caption: Record<string, TypographyPreset>;
+export declare const code: Record<string, TypographyPreset>;
+export declare const typography: {
+    readonly [x: string]: TypographyPreset;
+};
+export type TypographyToken = typeof typography;
+export type TypographyKey = keyof typeof typography;
+export {};
+//# sourceMappingURL=typography.d.ts.map