@snksergio/design-system 0.49.0 → 0.50.0

package/dist-lib/preview/clientes.cjs

@@ -5,10 +5,10 @@ const React = require("react");
 const useTheme = require("../chunks/useTheme-Dh3POjCr.cjs");
 const lucideReact = require("lucide-react");
 const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-CwhluBTT.cjs");
-const panel = require("../chunks/panel-57Pt_bL9.cjs");
+const panel = require("../chunks/panel-Bly-rNP9.cjs");
 const avatar = require("../chunks/avatar-DAmZ7fBZ.cjs");
 require("../chunks/input-Ci_2-5Te.cjs");
-require("../chunks/sheet-BZlQ0gKA.cjs");
+require("../chunks/sheet-rg6uupt1.cjs");
 const pageHeader = require("../chunks/page-header-DrKDiVFN.cjs");
 require("react-dom");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");

package/dist-lib/preview/clientes.mjs

@@ -3,10 +3,10 @@ import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 import { a as ChipGroup, b as ChipGroupItem, C as Chip, u as useTheme, A as AppShell } from "../chunks/useTheme-Bk8AYqLr.mjs";
 import { Pencil, Trash2, ChevronDown, MoreHorizontal, Plus, Download, Maximize2, Copy, Upload, RotateCcw, MessageSquare, Archive, Clock } from "lucide-react";
 import { S as STATUSES, a as STATUS_DOT, C as CATEGORIES, b as CITIES, A as AGENTS, d as CATEGORY_KIND, f as formatBRL, e as formatShortDate, g as CLIENTS_87, K as KANBAN_COLUMNS, h as STATUS_OPTIONS, i as CATEGORY_OPTIONS, j as AGENTS_LOOKUP, k as AGENT_OPTIONS } from "../chunks/clientes-showcase-mocks-CwWGCCmf.mjs";
-import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-DlZeQw7G.mjs";
+import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-DA6K3a3n.mjs";
 import { a8 as tv, a7 as Button, A as Avatar, a as AvatarFallback } from "../chunks/avatar-FPbG1TRy.mjs";
 import "../chunks/input-tjIT8HNE.mjs";
-import "../chunks/sheet-7v5vamnP.mjs";
+import "../chunks/sheet-DIpYkRYS.mjs";
 import { P as PageHeader } from "../chunks/page-header-DdWp9c-r.mjs";
 import "react-dom";
 import { b as APP_SHELL_LAYOUT_OPTIONS, f as APP_SHELL_USER, e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";

package/dist-lib/shadcn.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toggleGroup = require("./chunks/toggle-group-DkCrzjfE.cjs");
-const sheet = require("./chunks/sheet-BZlQ0gKA.cjs");
+const toggleGroup = require("./chunks/toggle-group-C9rrkkmh.cjs");
+const sheet = require("./chunks/sheet-rg6uupt1.cjs");
 const AspectRatioPrimitive = require("@radix-ui/react-aspect-ratio");
 const avatar = require("./chunks/avatar-DAmZ7fBZ.cjs");
 const input = require("./chunks/input-Ci_2-5Te.cjs");

package/dist-lib/shadcn.mjs

@@ -1,5 +1,5 @@
-import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM } from "./chunks/toggle-group-C3srOzNZ.mjs";
-import { A as A2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, C as C2, k as k2, l as l2, P as P2, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t as t2, S as S2, u as u2, v as v2, w as w2, x as x2, y as y2, z as z2, B as B2, D as D2, E as E2, F as F2, G as G2, H as H2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, T as T2, R as R2, U as U2, V as V2, W as W2 } from "./chunks/sheet-7v5vamnP.mjs";
+import { A, a, b, c, d, e, f, B, g, h, i, j, k, l, m, C, n, o, p, q, r, s, t, u, v, w, x, y, z, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM } from "./chunks/toggle-group-mXbG8_Jm.mjs";
+import { A as A2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, C as C2, k as k2, l as l2, P as P2, m as m2, n as n2, o as o2, p as p2, q as q2, r as r2, s as s2, t as t2, S as S2, u as u2, v as v2, w as w2, x as x2, y as y2, z as z2, B as B2, D as D2, E as E2, F as F2, G as G2, H as H2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, T as T2, R as R2, U as U2, V as V2, W as W2 } from "./chunks/sheet-DIpYkRYS.mjs";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import { A as A3, a as a11, b as b3, C as C3, d as d3, e as e3, f as f3, g as g3, h as h3, i as i3, j as j3, k as k3, l as l3, m as m3, n as n3, D as D3, o as o3, p as p3, q as q3, r as r3, s as s3, t as t3, u as u3, v as v3, w as w3, x as x3, y as y3, z as z3, B as B3, E as E3, F as F3, G as G3, H as H3, I as I3, J as J3, K as K3, L as L3, M as M3, N as N3, O as O3, P as P3, Q as Q3, R as R3, S as S3, T as T3, U as U3, V as V3, W as W3, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62 } from "./chunks/avatar-FPbG1TRy.mjs";
 import { I as I4, i as i4 } from "./chunks/input-tjIT8HNE.mjs";

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

@@ -13,6 +13,7 @@ export * from './ui/avatar-ig';
 export * from './ui/Button';
 export * from './ui/ButtonGroup';
 export * from './ui/CardCheckbox';
+export * from './ui/CardOption';
 export * from './ui/Chip';
 export * from './ui/ColorPicker';
 export * from './ui/Combobox';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/CardCheckbox/card-checkbox.d.ts

@@ -1,42 +1,41 @@
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
-import { CardCheckboxVariants } from './card-checkbox.styles';
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-export type CardCheckboxProps = Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "id" | "className"> & {
-    /** Label principal — chamada do card */
+import { ReactNode } from 'react';
+import { CardOptionSize } from '../CardOption';
+export type CardCheckboxProps = {
     label: ReactNode;
     /** Texto secundário abaixo do label */
     description?: ReactNode;
-    /** ReactNode opcional renderizado à esquerda (antes do checkbox) — ex: <Save /> */
+    /** Ícone à esquerda, entre o checkbox e o texto */
     icon?: ReactNode;
-    /** className aplicado ao card root (sobrescreve background/border se necessário) */
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    id?: string;
+    size?: CardOptionSize;
     className?: string;
-} & Omit<CardCheckboxVariants, "selected">;
+};
 /**
- * CardCheckbox — checkbox apresentado como card clicável.
+ * CardCheckbox — atalho de `<CardOption type="checkbox">`.
  *
- * Mesma estética dos radio cards (bg-bg-success-muted + border-brand no
- * selected). Diferente do FormFieldCheckbox que é layout horizontal compact —
- * CardCheckbox é UI de "opção destacada" com label + description visíveis.
+ * ## Por que virou wrapper em 2026-08-27
  *
- * Uso:
- *   <CardCheckbox
- *     label="Salvar essa conta pra usar depois"
- *     description="A conta aparecerá nas próximas vezes em 'Contas cadastradas'."
- *     checked={save}
- *     onCheckedChange={(v) => setSave(v === true)}
- *   />
+ * Este componente era o ÚNICO dos três padrões de "card com controle" que existia de fato: o
+ * card de radio e o de switch eram markup solto dentro das páginas de doc, e por isso os três
+ * divergiam em 11 dimensões (alinhamento, padding, radius, presets do label e da descrição,
+ * cor do selecionado, lado do input…). A implementação foi unificada no `CardOption`, e este
+ * arquivo ficou como atalho.
  *
- * O card inteiro é clicável (não só o checkbox) — toggle dispara
- * onCheckedChange via clique no <label> wrapper.
+ * **Não foi deprecado nem removido**, e isso é deliberado: ele está no `registry.json`, no
+ * barrel do npm, no vocabulário do consumidor e em **duas telas reais** — uma delas o
+ * `example-finance`, que é distribuído. Trocar a API aqui seria breaking pra quem consome por
+ * npm sem ganho nenhum: o comportamento é idêntico.
+ *
+ * Componente NOVO deve usar `CardOption` direto — é lá que estão `type`, `orientation`,
+ * `layout="list"` e a matriz de tamanhos.
+ *
+ * ⚠️ Uma diferença de comportamento, e ela é CONSERTO: o anel de foco agora é do card, via
+ * `has-[:focus-visible]`. A versão anterior declarava `focus-visible:ring-4` no próprio
+ * `<label>`, que não recebe foco — era CSS morto, e o único anel visível era o do checkbox de
+ * 16px (medido no browser).
  */
-export declare const CardCheckbox: import('react').ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & import('react').RefAttributes<HTMLButtonElement>, "ref">, "className" | "id"> & {
-    /** Label principal — chamada do card */
-    label: ReactNode;
-    /** Texto secundário abaixo do label */
-    description?: ReactNode;
-    /** ReactNode opcional renderizado à esquerda (antes do checkbox) — ex: <Save /> */
-    icon?: ReactNode;
-    /** className aplicado ao card root (sobrescreve background/border se necessário) */
-    className?: string;
-} & Omit<CardCheckboxVariants, "selected"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CardCheckbox: import('react').ForwardRefExoticComponent<CardCheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=card-checkbox.d.ts.map

package/dist-lib/src/components/ui/CardCheckbox/card-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardCheckbox/card-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAAgB,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,IAAI,GAAG,WAAW,CACnB,GAAG;IACF,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;AAE3C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY;IA5BvB,wCAAwC;WACjC,SAAS;IAChB,uCAAuC;kBACzB,SAAS;IACvB,mFAAmF;WAC5E,SAAS;IAChB,oFAAoF;gBACxE,MAAM;8FAsEnB,CAAC"}
+{"version":3,"file":"card-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardCheckbox/card-checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,iHAIxB,CAAC"}

package/dist-lib/src/components/ui/CardCheckbox/card-checkbox.styles.d.ts

@@ -1,5 +1,10 @@
 import { VariantProps } from '../../../utils/tv';
 /**
+ * ⚠️ SUPERSEDIDO pelo `cardOption` (ui/CardOption) em 2026-08-27 — a implementação foi
+ * unificada porque os três padrões de card-com-controle divergiam em 11 dimensões. Este
+ * `tv()` não é mais consumido por componente nenhum; segue exportado porque está no barrel
+ * público e remover seria breaking sem ganho. Não escreva componente novo sobre ele.
+ *
  * CardCheckbox — checkbox apresentado como card clicável (área grande,
  * label + description visíveis). Mesma estética dos radio cards (border +
  * bg + padding + selected state com bg-success-muted + border-brand).

package/dist-lib/src/components/ui/CardCheckbox/card-checkbox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardCheckbox/card-checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2BvB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}
+{"version":3,"file":"card-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardCheckbox/card-checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2BvB,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist-lib/src/components/ui/CardOption/card-option.d.ts

@@ -0,0 +1,27 @@
+import { CardOptionGroupProps, CardOptionProps } from './card-option.types';
+/**
+ * `CardOptionGroup` — o container.
+ *
+ * Existe por dois motivos que se somam:
+ *
+ *   1. **`type="radio"` PRECISA de um pai.** É o `RadioGroup` do Radix que dá navegação por
+ *      seta e agrupamento por `name`. Checkbox e switch são autônomos — nesses casos o grupo
+ *      é só um `<div>`.
+ *   2. **O modo lista mora aqui.** Em `layout="list"` a borda e o arredondamento são do
+ *      GRUPO e o item perde os seus (`inList`) — a divisória é a borda de baixo de cada item,
+ *      com a última suprimida. Se cada item mantivesse a borda inteira, a lista sairia com
+ *      borda dupla entre linhas. (Não é `divide-y`: ele põe `border-top` nos filhos e brigava
+ *      com o reset de borda do item — resultado medido era ZERO divisória.)
+ */
+export declare const CardOptionGroup: import('react').ForwardRefExoticComponent<CardOptionGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * `CardOption` — o item.
+ *
+ * ⚠️ **É um `<label htmlFor>` nativo, nunca `<button onClick>` (L-025).** Com `button`, o
+ * leitor de tela anuncia "button" em vez de checkbox/radio, o submit nativo perde
+ * `name`/`value`, e o `stopPropagation` do controle interno faz o clique no card não chegar
+ * nele. O label nativo propaga o clique pro controle real e preserva a semântica — foi a
+ * lição que o `CardCheckbox` já carregava e que esta implementação mantém.
+ */
+export declare const CardOption: import('react').ForwardRefExoticComponent<CardOptionProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=card-option.d.ts.map

package/dist-lib/src/components/ui/CardOption/card-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-option.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardOption/card-option.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,oBAAoB,EAGpB,eAAe,EAGhB,MAAM,qBAAqB,CAAC;AA+B7B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,iHAuD3B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,+GA2GtB,CAAC"}

package/dist-lib/src/components/ui/CardOption/card-option.styles.d.ts

@@ -0,0 +1,381 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * CardOption — controle de formulário apresentado como card clicável, com o controle
+ * (checkbox, radio ou switch) trocável por prop.
+ *
+ * ## Por que um componente e não três
+ *
+ * Medido em 2026-08-27: dos três padrões de "card com controle" que o DS mostrava, **só um
+ * era componente** (`CardCheckbox`). O "Card Selection" do radio e o "Card Toggle" do switch
+ * eram markup solto dentro das páginas de doc — e por isso divergiam em 11 dimensões:
+ * alinhamento (`items-start` vs `items-center`), padding (20px vs 12px), radius, preset do
+ * label (`body-md medium` vs `body-sm semibold`), preset da descrição (`body-md` onde devia
+ * ser `caption`), cor do selecionado, lado do input, e por aí.
+ *
+ * O que produziu a divergência foi a ausência de componente, não falta de disciplina: cada
+ * exemplo foi escrito à mão, em momentos diferentes, e quem copiasse da doc levava a versão
+ * daquele dia. `has-[[data-state=checked]]` aparecia 5× no repo, **todas** em página de doc e
+ * nenhuma em tela real — ou seja, a janela pra unificar era esta, sem migração.
+ *
+ * ## As duas assimetrias que o `type` carrega
+ *
+ * Não é "o mesmo card com controle diferente" em tudo:
+ *
+ *   1. **Lado do controle.** Checkbox/radio à esquerda, switch à direita — convenção de linha
+ *      de configuração. Um default único erraria metade dos casos, então o default deriva do
+ *      `type` (ver `card-option.tsx`).
+ *   2. **Destaque de selecionado.** Radio/checkbox SELECIONAM uma opção e ganham o destaque
+ *      (`bg-success-muted` + `border-brand`). Switch é ESTADO, não seleção: uma lista de
+ *      settings toda verde é ruído, e é exatamente por isso que o exemplo antigo do switch
+ *      não tinha estado nenhum. Daí `highlightSelected` derivar do `type`.
+ *
+ * ## Foco — corrige defeito do CardCheckbox
+ *
+ * O anel vai no card por **`has-[:focus-visible]`**, não por `focus-visible:` no root. O
+ * `CardCheckbox` declarava `focus-visible:ring-4` no `<label>`, e **label não recebe foco**:
+ * era CSS morto (verificado no browser em 2026-08-27 — o anel que aparecia era só o do
+ * controle de 16px, do `shadcn/checkbox`). Com `has-`, o card inteiro reage ao foco do
+ * controle interno, que é o que a área clicável grande promete.
+ */
+export declare const cardOption: import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            description: string;
+        };
+    };
+    /**
+     * Onde o CONTROLE fica — e só ele.
+     *
+     * ⚠️ Era `flex-row-reverse` no root, que invertia TODOS os filhos e levava o ícone pra
+     * direita junto. O ícone tem de ficar sempre à esquerda: ele identifica a opção (junto do
+     * texto), enquanto o controle é a ação. `order-last` move apenas o controle, mantendo
+     * ícone → texto na ordem de leitura em qualquer orientação.
+     */
+    orientation: {
+        left: {};
+        right: {
+            control: string;
+        };
+    };
+    /**
+     * O destaque de selecionado vem do **data attribute do controle**, não de prop.
+     *
+     * ⚠️ A 1ª versão derivava de `checked === true` em JS e o card de **radio nunca
+     * destacava** — a seleção do radio mora no `value` do grupo, não numa prop do item, então
+     * a condição era falsa por construção. Pego no browser: o item com
+     * `data-state="checked"` seguia branco.
+     *
+     * `has-[[data-state=checked]]` resolve os três tipos de uma vez e funciona também em uso
+     * NÃO-CONTROLADO (`defaultValue`/`defaultChecked`), onde nenhuma prop diz o estado. É a
+     * L-012: Radix marca estado por data attribute, não por atributo HTML.
+     *
+     * ⚠️ Quem decide se esta variante entra é o `card-option.tsx`, e o default DEPENDE DO
+     * CONTEXTO: em card solto vem do `type`; **em lista vem desligado**, porque a única borda
+     * do item ali é a de baixo — a divisória — e pintá-la colore a linha que separa o
+     * selecionado do vizinho, não o contorno dele.
+     */
+    highlight: {
+        true: {
+            root: string[];
+        };
+        false: {
+            root: string;
+        };
+    };
+    /**
+     * Dentro de um grupo `layout="list"`: sem cantos e sem borda em volta — quem desenha o
+     * contorno é o grupo. O que sobra é a **linha divisória**, feita pela borda de baixo de
+     * cada item, com o último suprimido.
+     *
+     * ⚠️ A 1ª versão era `border-0` no item + `divide-y` no grupo, e **não desenhava divisória
+     * nenhuma**: o `divide-y` funciona pondo `border-top` nos filhos a partir do 2º, e o
+     * `border-0` do item zerava justamente essa borda. Medido no browser — `border-top: 0px`
+     * nos três itens. Desenhar a borda no próprio item não depende dessa ordem de cascata.
+     */
+    inList: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    control: string;
+    iconWrap: string;
+    body: string;
+    label: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            description: string;
+        };
+    };
+    /**
+     * Onde o CONTROLE fica — e só ele.
+     *
+     * ⚠️ Era `flex-row-reverse` no root, que invertia TODOS os filhos e levava o ícone pra
+     * direita junto. O ícone tem de ficar sempre à esquerda: ele identifica a opção (junto do
+     * texto), enquanto o controle é a ação. `order-last` move apenas o controle, mantendo
+     * ícone → texto na ordem de leitura em qualquer orientação.
+     */
+    orientation: {
+        left: {};
+        right: {
+            control: string;
+        };
+    };
+    /**
+     * O destaque de selecionado vem do **data attribute do controle**, não de prop.
+     *
+     * ⚠️ A 1ª versão derivava de `checked === true` em JS e o card de **radio nunca
+     * destacava** — a seleção do radio mora no `value` do grupo, não numa prop do item, então
+     * a condição era falsa por construção. Pego no browser: o item com
+     * `data-state="checked"` seguia branco.
+     *
+     * `has-[[data-state=checked]]` resolve os três tipos de uma vez e funciona também em uso
+     * NÃO-CONTROLADO (`defaultValue`/`defaultChecked`), onde nenhuma prop diz o estado. É a
+     * L-012: Radix marca estado por data attribute, não por atributo HTML.
+     *
+     * ⚠️ Quem decide se esta variante entra é o `card-option.tsx`, e o default DEPENDE DO
+     * CONTEXTO: em card solto vem do `type`; **em lista vem desligado**, porque a única borda
+     * do item ali é a de baixo — a divisória — e pintá-la colore a linha que separa o
+     * selecionado do vizinho, não o contorno dele.
+     */
+    highlight: {
+        true: {
+            root: string[];
+        };
+        false: {
+            root: string;
+        };
+    };
+    /**
+     * Dentro de um grupo `layout="list"`: sem cantos e sem borda em volta — quem desenha o
+     * contorno é o grupo. O que sobra é a **linha divisória**, feita pela borda de baixo de
+     * cada item, com o último suprimido.
+     *
+     * ⚠️ A 1ª versão era `border-0` no item + `divide-y` no grupo, e **não desenhava divisória
+     * nenhuma**: o `divide-y` funciona pondo `border-top` nos filhos a partir do 2º, e o
+     * `border-0` do item zerava justamente essa borda. Medido no browser — `border-top: 0px`
+     * nos três itens. Desenhar a borda no próprio item não depende dessa ordem de cascata.
+     */
+    inList: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    control: string;
+    iconWrap: string;
+    body: string;
+    label: string;
+    description: string;
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        md: {
+            root: string;
+            label: string;
+            description: string;
+        };
+        lg: {
+            root: string;
+            label: string;
+            description: string;
+        };
+    };
+    /**
+     * Onde o CONTROLE fica — e só ele.
+     *
+     * ⚠️ Era `flex-row-reverse` no root, que invertia TODOS os filhos e levava o ícone pra
+     * direita junto. O ícone tem de ficar sempre à esquerda: ele identifica a opção (junto do
+     * texto), enquanto o controle é a ação. `order-last` move apenas o controle, mantendo
+     * ícone → texto na ordem de leitura em qualquer orientação.
+     */
+    orientation: {
+        left: {};
+        right: {
+            control: string;
+        };
+    };
+    /**
+     * O destaque de selecionado vem do **data attribute do controle**, não de prop.
+     *
+     * ⚠️ A 1ª versão derivava de `checked === true` em JS e o card de **radio nunca
+     * destacava** — a seleção do radio mora no `value` do grupo, não numa prop do item, então
+     * a condição era falsa por construção. Pego no browser: o item com
+     * `data-state="checked"` seguia branco.
+     *
+     * `has-[[data-state=checked]]` resolve os três tipos de uma vez e funciona também em uso
+     * NÃO-CONTROLADO (`defaultValue`/`defaultChecked`), onde nenhuma prop diz o estado. É a
+     * L-012: Radix marca estado por data attribute, não por atributo HTML.
+     *
+     * ⚠️ Quem decide se esta variante entra é o `card-option.tsx`, e o default DEPENDE DO
+     * CONTEXTO: em card solto vem do `type`; **em lista vem desligado**, porque a única borda
+     * do item ali é a de baixo — a divisória — e pintá-la colore a linha que separa o
+     * selecionado do vizinho, não o contorno dele.
+     */
+    highlight: {
+        true: {
+            root: string[];
+        };
+        false: {
+            root: string;
+        };
+    };
+    /**
+     * Dentro de um grupo `layout="list"`: sem cantos e sem borda em volta — quem desenha o
+     * contorno é o grupo. O que sobra é a **linha divisória**, feita pela borda de baixo de
+     * cada item, com o último suprimido.
+     *
+     * ⚠️ A 1ª versão era `border-0` no item + `divide-y` no grupo, e **não desenhava divisória
+     * nenhuma**: o `divide-y` funciona pondo `border-top` nos filhos a partir do 2º, e o
+     * `border-0` do item zerava justamente essa borda. Medido no browser — `border-top: 0px`
+     * nos três itens. Desenhar a borda no próprio item não depende dessa ordem de cascata.
+     */
+    inList: {
+        true: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    control: string;
+    iconWrap: string;
+    body: string;
+    label: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * O container. Guarda a borda e o arredondamento quando `layout="list"`, porque nesse modo
+ * os itens não têm os seus.
+ */
+export declare const cardOptionGroup: import('tailwind-variants').TVReturnType<{
+    layout: {
+        spaced: string;
+        /**
+         * O grupo desenha só o contorno; a divisória entre linhas é a borda de baixo de cada
+         * item (ver `inList`). Não usa `divide-y`: ele põe `border-top` nos filhos e brigava
+         * com o reset de borda do item.
+         *
+         * Vale pros TRÊS tipos, não só switch — radio em lista é um seletor de linha única, e
+         * checkbox em lista é uma lista de permissões.
+         *
+         * ⚠️ O `gap-0` é obrigatório e não é redundante: com `type="radio"` o grupo É o
+         * `RadioGroup` do DS, que traz `grid w-full gap-gp-xl` no base. Sem declarar gap aqui,
+         * o `gap-gp-xl` (12px) sobrevivia e a lista de radio saía com 12px entre as linhas —
+         * medido. (A 1ª tentativa foi um `grid-none` que eu inventei; classe inexistente é
+         * inerte e não zera nada.)
+         */
+        list: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, "flex w-full flex-col", {
+    layout: {
+        spaced: string;
+        /**
+         * O grupo desenha só o contorno; a divisória entre linhas é a borda de baixo de cada
+         * item (ver `inList`). Não usa `divide-y`: ele põe `border-top` nos filhos e brigava
+         * com o reset de borda do item.
+         *
+         * Vale pros TRÊS tipos, não só switch — radio em lista é um seletor de linha única, e
+         * checkbox em lista é uma lista de permissões.
+         *
+         * ⚠️ O `gap-0` é obrigatório e não é redundante: com `type="radio"` o grupo É o
+         * `RadioGroup` do DS, que traz `grid w-full gap-gp-xl` no base. Sem declarar gap aqui,
+         * o `gap-gp-xl` (12px) sobrevivia e a lista de radio saía com 12px entre as linhas —
+         * medido. (A 1ª tentativa foi um `grid-none` que eu inventei; classe inexistente é
+         * inerte e não zera nada.)
+         */
+        list: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    layout: {
+        spaced: string;
+        /**
+         * O grupo desenha só o contorno; a divisória entre linhas é a borda de baixo de cada
+         * item (ver `inList`). Não usa `divide-y`: ele põe `border-top` nos filhos e brigava
+         * com o reset de borda do item.
+         *
+         * Vale pros TRÊS tipos, não só switch — radio em lista é um seletor de linha única, e
+         * checkbox em lista é uma lista de permissões.
+         *
+         * ⚠️ O `gap-0` é obrigatório e não é redundante: com `type="radio"` o grupo É o
+         * `RadioGroup` do DS, que traz `grid w-full gap-gp-xl` no base. Sem declarar gap aqui,
+         * o `gap-gp-xl` (12px) sobrevivia e a lista de radio saía com 12px entre as linhas —
+         * medido. (A 1ª tentativa foi um `grid-none` que eu inventei; classe inexistente é
+         * inerte e não zera nada.)
+         */
+        list: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, "flex w-full flex-col", unknown, unknown, undefined>>;
+export type CardOptionVariants = VariantProps<typeof cardOption>;
+export type CardOptionGroupVariants = VariantProps<typeof cardOptionGroup>;
+//# sourceMappingURL=card-option.styles.d.ts.map

package/dist-lib/src/components/ui/CardOption/card-option.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-option.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardOption/card-option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;IAmCnB;;;;;;;OAOG;;;;;;;IAKH;;;;;;;;;;;;;;;;OAgBG;;;;;;;;;IAcH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAnDH;;;;;;;OAOG;;;;;;;IAKH;;;;;;;;;;;;;;;;OAgBG;;;;;;;;;IAcH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAnDH;;;;;;;OAOG;;;;;;;IAKH;;;;;;;;;;;;;;;;OAgBG;;;;;;;;;IAcH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;2CAoCL,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,eAAe;;;QAKtB;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;QAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;QAbH;;;;;;;;;;;;;WAaG;;;;;;;;;;;mEAsBP,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACjE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}