@snksergio/design-system 0.35.0 → 0.37.0

package/dist-lib/src/components/shadcn/index.d.ts

@@ -1,7 +1,61 @@
-export { Badge, badgeVariants } from './badge';
-export type { BadgeProps, BadgeVariantProps } from './badge';
-export { Input, inputVariants } from './input';
-export type { InputProps, InputVariantProps, InputState } from './input';
-export { InputGroup, InputGroupInput, InputGroupTextarea, InputGroupAddon, InputGroupText, InputGroupButton, inputGroupVariants, } from './input-group';
-export type { InputGroupProps, InputGroupInputProps, InputGroupTextareaProps, InputGroupAddonProps, InputGroupAddonAlign, InputGroupTextProps, InputGroupButtonProps, InputGroupState, InputGroupVariantProps, } from './input-group';
+/**
+ * Barrel dos primitivos shadcn adaptados aos tokens do DS.
+ *
+ * É o entry do subpath `@snksergio/design-system/shadcn` — separado do barrel raiz
+ * de propósito: são 41 arquivos / 233 nomes exportados, e o consumidor típico usa 3 ou 4.
+ * No mesmo entry do raiz, qualquer `import` do pacote arrastaria o grafo inteiro
+ * (Radix, cmdk, vaul, embla, input-otp, sonner) antes de o bundler do consumidor
+ * conseguir podar. Em subpath próprio, quem não importa `/shadcn` não paga nada.
+ *
+ * `export *` em todos: medido, os 41 arquivos não têm UMA colisão de nome entre si.
+ *
+ * ⚠️ A API destes é a padrão shadcn/Radix — não há `USAGE.md` por arquivo. O que
+ * existe é o índice único `src/components/shadcn/USAGE.md`, só com **gotchas**
+ * (setup no root, dep extra, receita flutuante L-040, z-index L-030).
+ *
+ * ⚠️ Consumidor npm: os primitivos usam as mesmas classes DS dos demais componentes,
+ * então a diretiva `@source` do seu CSS precisa cobrir `dist-lib/**` — não só o
+ * `index.mjs`. Sem ela nenhuma classe é gerada (Tailwind v4 não escaneia node_modules).
+ */
+export * from './accordion';
+export * from './alert';
+export * from './alert-dialog';
+export * from './aspect-ratio';
+export * from './avatar';
+export * from './badge';
+export * from './breadcrumb';
+export * from './calendar';
+export * from './card';
+export * from './carousel';
+export * from './checkbox';
+export * from './collapsible';
+export * from './command';
+export * from './context-menu';
+export * from './dialog';
+export * from './drawer';
+export * from './dropdown-menu';
+export * from './hover-card';
+export * from './input';
+export * from './input-group';
+export * from './input-otp';
+export * from './label';
+export * from './menubar';
+export * from './navigation-menu';
+export * from './pagination';
+export * from './popover';
+export * from './progress';
+export * from './radio-group';
+export * from './scroll-area';
+export * from './select';
+export * from './separator';
+export * from './sheet';
+export * from './skeleton';
+export * from './slider';
+export * from './sonner';
+export * from './switch';
+export * from './tabs';
+export * from './textarea';
+export * from './toggle';
+export * from './toggle-group';
+export * from './tooltip';
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/shadcn/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE7D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,EACL,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,GACvB,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/dist-lib/src/hooks/useBrand.d.ts

@@ -3,7 +3,7 @@
  * outras 4 são overlays de cor escopados em `[data-theme="<id>"]`.
  *
  * Marca nova: gere o overlay (`npm run tokens:brand:<x>`), importe no `globals.css`
- * e acrescente aqui **e** no `BRANDS` abaixo. As 6 superfícies completas estão em
+ * e acrescente aqui **e** no `BRANDS` abaixo. As 10 superfícies completas estão em
  * `.claude/rules/ds-standards.md` §"Sistema multi-marca".
  */
 export type Brand = "default" | "blue" | "green" | "pay" | "vibrant";

package/dist-lib/theme/brand-blue.css

@@ -1,110 +1,110 @@
-/**
- * brand-blue.css — Auto-gerado. Não editar manualmente.
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
- * Source (repo do DS): tokens/brands/blue/semantic/*.ts
- * Regenerar (só no repo do DS): npm run tokens:brand:blue
- *
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
- * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
- *
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
- * omite o que já é idêntico à default.
- */
-
-/* ── Light (44 vars divergem da default) ─────────────────────────── */
-[data-theme="blue"]:not(.dark) {
-  --color-bg-canvas: oklch(0.982 0.008 264);
-  --color-bg-surface: oklch(0.995 0.004 264);
-  --color-bg-surface-elevated: oklch(0.998 0.003 264);
-  --color-bg-surface-panels: oklch(0.982 0.008 264);
-  --color-bg-sidebar: oklch(0.948 0.016 264);
-  --color-bg-subtle: oklch(0.973 0.004 264);
-  --color-bg-muted: oklch(0.973 0.004 264);
-  --color-bg-emphasis: oklch(0.94 0.007 264);
-  --color-bg-input: oklch(0.995 0.004 264);
-  --color-bg-accent: oklch(0.995 0.004 264);
-  --color-bg-brand: oklch(0.52 0.180 264);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.95 0.012 264);
-  --color-bg-input-hover: oklch(0.973 0.004 264);
-  --color-bg-accent-hover: oklch(0.84 0.024 264);
-  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
-  --color-bg-table: oklch(0.995 0.004 264);
-  --color-bg-table-head: oklch(0.973 0.004 264);
-  --color-bg-table-row-hover: oklch(0.973 0.004 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
-  --color-fg-strong: oklch(0.15 0.012 264);
-  --color-fg-default: oklch(0.15 0.012 264);
-  --color-fg-muted: oklch(0.4997 0.028 264);
-  --color-fg-subtle: oklch(0.7025 0.024 264);
-  --color-fg-disabled: oklch(0.7025 0.024 264);
-  --color-fg-brand: oklch(0.52 0.180 264);
-  --color-border-default: oklch(0.9076 0.011 264);
-  --color-border-subtle: oklch(0.931 0.008 264);
-  --color-border-input: oklch(0.8761 0.015 264);
-  --color-border-sidebar: oklch(0.9076 0.016 264);
-  --color-border-brand: oklch(0.52 0.180 264);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
-  --color-border-table: oklch(0.931 0.008 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
-  --color-chart-1: oklch(0.58 0.175 264);
-  --color-chart-grid: oklch(0.9076 0.011 264);
-}
-
-/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
-.dark[data-theme="blue"] {
-  --color-bg-canvas: oklch(0.205 0.014 264);
-  --color-bg-surface: oklch(0.225 0.014 264);
-  --color-bg-surface-elevated: oklch(0.225 0.014 264);
-  --color-bg-surface-panels: oklch(0.205 0.014 264);
-  --color-bg-sidebar: oklch(0.225 0.014 264);
-  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
-  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
-  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
-  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-brand: oklch(0.72 0.150 256);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
-  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-table: oklch(0.225 0.014 264);
-  --color-bg-table-head: oklch(0.252 0.016 264);
-  --color-bg-table-row-hover: oklch(0.252 0.016 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
-  --color-fg-default: oklch(0.98 0.004 264);
-  --color-fg-muted: oklch(0.7025 0.024 264);
-  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
-  --color-fg-disabled: oklch(0.36 0.022 264);
-  --color-fg-brand: oklch(0.72 0.150 256);
-  --color-border-default: oklch(0.2645 0.016 264);
-  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
-  --color-border-input: oklch(0.92 0.035 264 / 0.08);
-  --color-border-sidebar: oklch(0.2645 0.016 264);
-  --color-border-brand: oklch(0.72 0.150 256);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
-  --color-border-table: oklch(0.2645 0.016 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
-  --color-chart-1: oklch(0.72 0.150 256);
-  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
-}
+/**
+ * brand-blue.css — Auto-gerado. Não editar manualmente.
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
+ * Source (repo do DS): tokens/brands/blue/semantic/*.ts
+ * Regenerar (só no repo do DS): npm run tokens:brand:blue
+ *
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
+ * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
+ *
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
+ * omite o que já é idêntico à default.
+ */
+
+/* ── Light (44 vars divergem da default) ─────────────────────────── */
+[data-theme="blue"]:not(.dark) {
+  --color-bg-canvas: oklch(0.982 0.008 264);
+  --color-bg-surface: oklch(0.995 0.004 264);
+  --color-bg-surface-elevated: oklch(0.998 0.003 264);
+  --color-bg-surface-panels: oklch(0.982 0.008 264);
+  --color-bg-sidebar: oklch(0.948 0.016 264);
+  --color-bg-subtle: oklch(0.973 0.004 264);
+  --color-bg-muted: oklch(0.973 0.004 264);
+  --color-bg-emphasis: oklch(0.94 0.007 264);
+  --color-bg-input: oklch(0.995 0.004 264);
+  --color-bg-accent: oklch(0.995 0.004 264);
+  --color-bg-brand: oklch(0.52 0.180 264);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.95 0.012 264);
+  --color-bg-input-hover: oklch(0.973 0.004 264);
+  --color-bg-accent-hover: oklch(0.84 0.024 264);
+  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
+  --color-bg-table: oklch(0.995 0.004 264);
+  --color-bg-table-head: oklch(0.973 0.004 264);
+  --color-bg-table-row-hover: oklch(0.973 0.004 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
+  --color-fg-strong: oklch(0.15 0.012 264);
+  --color-fg-default: oklch(0.15 0.012 264);
+  --color-fg-muted: oklch(0.4997 0.028 264);
+  --color-fg-subtle: oklch(0.7025 0.024 264);
+  --color-fg-disabled: oklch(0.7025 0.024 264);
+  --color-fg-brand: oklch(0.52 0.180 264);
+  --color-border-default: oklch(0.9076 0.011 264);
+  --color-border-subtle: oklch(0.931 0.008 264);
+  --color-border-input: oklch(0.8761 0.015 264);
+  --color-border-sidebar: oklch(0.9076 0.016 264);
+  --color-border-brand: oklch(0.52 0.180 264);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
+  --color-border-table: oklch(0.931 0.008 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
+  --color-chart-1: oklch(0.58 0.175 264);
+  --color-chart-grid: oklch(0.9076 0.011 264);
+}
+
+/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
+.dark[data-theme="blue"] {
+  --color-bg-canvas: oklch(0.205 0.014 264);
+  --color-bg-surface: oklch(0.225 0.014 264);
+  --color-bg-surface-elevated: oklch(0.225 0.014 264);
+  --color-bg-surface-panels: oklch(0.205 0.014 264);
+  --color-bg-sidebar: oklch(0.225 0.014 264);
+  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
+  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
+  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
+  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-brand: oklch(0.72 0.150 256);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
+  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-table: oklch(0.225 0.014 264);
+  --color-bg-table-head: oklch(0.252 0.016 264);
+  --color-bg-table-row-hover: oklch(0.252 0.016 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
+  --color-fg-default: oklch(0.98 0.004 264);
+  --color-fg-muted: oklch(0.7025 0.024 264);
+  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
+  --color-fg-disabled: oklch(0.36 0.022 264);
+  --color-fg-brand: oklch(0.72 0.150 256);
+  --color-border-default: oklch(0.2645 0.016 264);
+  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
+  --color-border-input: oklch(0.92 0.035 264 / 0.08);
+  --color-border-sidebar: oklch(0.2645 0.016 264);
+  --color-border-brand: oklch(0.72 0.150 256);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
+  --color-border-table: oklch(0.2645 0.016 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
+  --color-chart-1: oklch(0.72 0.150 256);
+  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
+}

package/dist-lib/theme/brand-green.css

@@ -1,110 +1,110 @@
-/**
- * brand-green.css — Auto-gerado. Não editar manualmente.
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
- * Source (repo do DS): tokens/brands/green/semantic/*.ts
- * Regenerar (só no repo do DS): npm run tokens:brand:green
- *
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
- * data-theme="green" no <html>. Sem o atributo nada casa — e não dá erro.
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
- *
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
- * omite o que já é idêntico à default.
- */
-
-/* ── Light (44 vars divergem da default) ─────────────────────────── */
-[data-theme="green"]:not(.dark) {
-  --color-bg-canvas: oklch(0.986 0.005 142);
-  --color-bg-surface: oklch(0.996 0.003 142);
-  --color-bg-surface-elevated: oklch(0.998 0.002 142);
-  --color-bg-surface-panels: oklch(0.986 0.005 142);
-  --color-bg-sidebar: oklch(0.950 0.005 142);
-  --color-bg-subtle: oklch(0.973 0.004 142);
-  --color-bg-muted: oklch(0.973 0.004 142);
-  --color-bg-emphasis: oklch(0.94 0.006 142);
-  --color-bg-input: oklch(0.996 0.003 142);
-  --color-bg-accent: oklch(0.996 0.003 142);
-  --color-bg-brand: oklch(0.58 0.170 142);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.58 0.170 142) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.95 0.010 142);
-  --color-bg-input-hover: oklch(0.973 0.004 142);
-  --color-bg-accent-hover: oklch(0.84 0.022 142);
-  --color-bg-sidebar-accent: oklch(0.999 0.002 142);
-  --color-bg-sidebar-accent-hover: oklch(0.93 0.008 142);
-  --color-bg-table: oklch(0.996 0.003 142);
-  --color-bg-table-head: oklch(0.973 0.004 142);
-  --color-bg-table-row-hover: oklch(0.973 0.004 142);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.58 0.170 142) 6%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.58 0.170 142) 10%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.58 0.170 142) 6%, oklch(1 0 0));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.58 0.170 142) 10%, oklch(1 0 0));
-  --color-fg-strong: oklch(0.15 0.010 142);
-  --color-fg-default: oklch(0.15 0.010 142);
-  --color-fg-muted: oklch(0.4997 0.028 142);
-  --color-fg-subtle: oklch(0.7025 0.022 142);
-  --color-fg-disabled: oklch(0.7025 0.022 142);
-  --color-fg-brand: oklch(0.58 0.170 142);
-  --color-border-default: oklch(0.9076 0.009 142);
-  --color-border-subtle: oklch(0.931 0.007 142);
-  --color-border-input: oklch(0.8761 0.012 142);
-  --color-border-sidebar: oklch(0.9076 0.008 142);
-  --color-border-brand: oklch(0.58 0.170 142);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 36%, transparent);
-  --color-border-table: oklch(0.931 0.007 142);
-  --color-ring-brand: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
-  --color-overlay-float: oklch(0.55 0.05 142 / 0.12);
-  --color-chart-1: oklch(0.62 0.170 142);
-  --color-chart-grid: oklch(0.9076 0.009 142);
-}
-
-/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
-.dark[data-theme="green"] {
-  --color-bg-canvas: oklch(0.205 0.026 142);
-  --color-bg-surface: oklch(0.225 0.030 142);
-  --color-bg-surface-elevated: oklch(0.225 0.030 142);
-  --color-bg-surface-panels: oklch(0.205 0.026 142);
-  --color-bg-sidebar: oklch(0.225 0.030 142);
-  --color-bg-subtle: oklch(0.90 0.08 142 / 0.01);
-  --color-bg-muted: oklch(0.90 0.08 142 / 0.03);
-  --color-bg-emphasis: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-input: oklch(0.90 0.08 142 / 0.04);
-  --color-bg-accent: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-brand: oklch(0.81 0.190 145);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.81 0.190 145) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-input-hover: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-accent-hover: oklch(0.90 0.08 142 / 0.16);
-  --color-bg-sidebar-accent: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-sidebar-accent-hover: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-table: oklch(0.225 0.030 142);
-  --color-bg-table-head: oklch(0.252 0.034 142);
-  --color-bg-table-row-hover: oklch(0.252 0.034 142);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.81 0.190 145) 10%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.81 0.190 145) 10%, oklch(0.225 0.030 142));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.81 0.190 145) 14%, oklch(0.225 0.030 142));
-  --color-fg-default: oklch(0.98 0.012 142);
-  --color-fg-muted: oklch(0.7025 0.022 142);
-  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.022 142) 70%, transparent);
-  --color-fg-disabled: oklch(0.36 0.036 142);
-  --color-fg-brand: oklch(0.81 0.190 145);
-  --color-border-default: oklch(0.2645 0.026 142);
-  --color-border-subtle: oklch(0.90 0.08 142 / 0.04);
-  --color-border-input: oklch(0.90 0.08 142 / 0.08);
-  --color-border-sidebar: oklch(0.2645 0.026 142);
-  --color-border-brand: oklch(0.81 0.190 145);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 36%, transparent);
-  --color-border-table: oklch(0.2645 0.026 142);
-  --color-ring-brand: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
-  --color-overlay-float: oklch(0.90 0.08 142 / 0.08);
-  --color-chart-1: oklch(0.81 0.190 145);
-  --color-chart-grid: oklch(0.90 0.08 142 / 0.12);
-}
+/**
+ * brand-green.css — Auto-gerado. Não editar manualmente.
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
+ * Source (repo do DS): tokens/brands/green/semantic/*.ts
+ * Regenerar (só no repo do DS): npm run tokens:brand:green
+ *
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
+ * data-theme="green" no <html>. Sem o atributo nada casa — e não dá erro.
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
+ *
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
+ * omite o que já é idêntico à default.
+ */
+
+/* ── Light (44 vars divergem da default) ─────────────────────────── */
+[data-theme="green"]:not(.dark) {
+  --color-bg-canvas: oklch(0.986 0.005 142);
+  --color-bg-surface: oklch(0.996 0.003 142);
+  --color-bg-surface-elevated: oklch(0.998 0.002 142);
+  --color-bg-surface-panels: oklch(0.986 0.005 142);
+  --color-bg-sidebar: oklch(0.950 0.005 142);
+  --color-bg-subtle: oklch(0.973 0.004 142);
+  --color-bg-muted: oklch(0.973 0.004 142);
+  --color-bg-emphasis: oklch(0.94 0.006 142);
+  --color-bg-input: oklch(0.996 0.003 142);
+  --color-bg-accent: oklch(0.996 0.003 142);
+  --color-bg-brand: oklch(0.58 0.170 142);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.58 0.170 142) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.95 0.010 142);
+  --color-bg-input-hover: oklch(0.973 0.004 142);
+  --color-bg-accent-hover: oklch(0.84 0.022 142);
+  --color-bg-sidebar-accent: oklch(0.999 0.002 142);
+  --color-bg-sidebar-accent-hover: oklch(0.93 0.008 142);
+  --color-bg-table: oklch(0.996 0.003 142);
+  --color-bg-table-head: oklch(0.973 0.004 142);
+  --color-bg-table-row-hover: oklch(0.973 0.004 142);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.58 0.170 142) 6%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.58 0.170 142) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.58 0.170 142) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.58 0.170 142) 10%, oklch(1 0 0));
+  --color-fg-strong: oklch(0.15 0.010 142);
+  --color-fg-default: oklch(0.15 0.010 142);
+  --color-fg-muted: oklch(0.4997 0.028 142);
+  --color-fg-subtle: oklch(0.7025 0.022 142);
+  --color-fg-disabled: oklch(0.7025 0.022 142);
+  --color-fg-brand: oklch(0.58 0.170 142);
+  --color-border-default: oklch(0.9076 0.009 142);
+  --color-border-subtle: oklch(0.931 0.007 142);
+  --color-border-input: oklch(0.8761 0.012 142);
+  --color-border-sidebar: oklch(0.9076 0.008 142);
+  --color-border-brand: oklch(0.58 0.170 142);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 36%, transparent);
+  --color-border-table: oklch(0.931 0.007 142);
+  --color-ring-brand: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
+  --color-overlay-float: oklch(0.55 0.05 142 / 0.12);
+  --color-chart-1: oklch(0.62 0.170 142);
+  --color-chart-grid: oklch(0.9076 0.009 142);
+}
+
+/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
+.dark[data-theme="green"] {
+  --color-bg-canvas: oklch(0.205 0.026 142);
+  --color-bg-surface: oklch(0.225 0.030 142);
+  --color-bg-surface-elevated: oklch(0.225 0.030 142);
+  --color-bg-surface-panels: oklch(0.205 0.026 142);
+  --color-bg-sidebar: oklch(0.225 0.030 142);
+  --color-bg-subtle: oklch(0.90 0.08 142 / 0.01);
+  --color-bg-muted: oklch(0.90 0.08 142 / 0.03);
+  --color-bg-emphasis: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-input: oklch(0.90 0.08 142 / 0.04);
+  --color-bg-accent: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-brand: oklch(0.81 0.190 145);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.81 0.190 145) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-input-hover: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-accent-hover: oklch(0.90 0.08 142 / 0.16);
+  --color-bg-sidebar-accent: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-sidebar-accent-hover: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-table: oklch(0.225 0.030 142);
+  --color-bg-table-head: oklch(0.252 0.034 142);
+  --color-bg-table-row-hover: oklch(0.252 0.034 142);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.81 0.190 145) 10%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.81 0.190 145) 10%, oklch(0.225 0.030 142));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.81 0.190 145) 14%, oklch(0.225 0.030 142));
+  --color-fg-default: oklch(0.98 0.012 142);
+  --color-fg-muted: oklch(0.7025 0.022 142);
+  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.022 142) 70%, transparent);
+  --color-fg-disabled: oklch(0.36 0.036 142);
+  --color-fg-brand: oklch(0.81 0.190 145);
+  --color-border-default: oklch(0.2645 0.026 142);
+  --color-border-subtle: oklch(0.90 0.08 142 / 0.04);
+  --color-border-input: oklch(0.90 0.08 142 / 0.08);
+  --color-border-sidebar: oklch(0.2645 0.026 142);
+  --color-border-brand: oklch(0.81 0.190 145);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 36%, transparent);
+  --color-border-table: oklch(0.2645 0.026 142);
+  --color-ring-brand: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
+  --color-overlay-float: oklch(0.90 0.08 142 / 0.08);
+  --color-chart-1: oklch(0.81 0.190 145);
+  --color-chart-grid: oklch(0.90 0.08 142 / 0.12);
+}