@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/AppShell/app-shell.types.d.ts

@@ -0,0 +1,111 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from '../../../lib/lucide-types';
+import { HeaderBreadcrumbItem, HeaderCommandGroup, HeaderMessagesConfig, HeaderNotificationsConfig, HeaderThemeOption } from '../Header';
+import { SidebarContext, SidebarMenuItem } from '../MenuSidebar';
+/**
+ * Identidade do usuário logado — exibida no avatar do rail (com DropdownMenu)
+ * e no cabeçalho do user menu.
+ */
+export type AppShellUser = {
+    /** Nome completo (linha 1 do header do user menu). */
+    name: string;
+    /** Email (linha 2 do header do user menu). */
+    email?: string;
+    /** URL da imagem do avatar. Fallback usa `initials`. */
+    avatarSrc?: string;
+    /** Iniciais (fallback do avatar). Default: 2 primeiras letras do `name`. */
+    initials?: string;
+    /** Cor de fundo do avatar (fallback). Default: token `bg-bg-brand`. */
+    avatarColor?: string;
+};
+/** Opção do switcher de layout (Fluido / Compacto). Mesmo shape do tema. */
+export type AppShellLayoutOption = {
+    id: string;
+    label: string;
+    icon: LucideIcon;
+};
+/**
+ * Props do `<AppShell>` — template de aplicação que compõe MenuSidebar + Header
+ * + slot livre pro body. Pensado pra ser a "casca" reutilizável de todas as
+ * telas do CRM iGreen.
+ *
+ * Layout:
+ *  ┌─────────────────────────────────────────────────────────┐
+ *  │ rail │ panel │  Header (sticky no top do main area)     │
+ *  │      │       ├────────────────────────────────────────────┤
+ *  │      │       │                                            │
+ *  │      │       │  body (children) — gap-gp-4xl p-pad-6xl    │
+ *  │      │       │                                            │
+ *  └──────┴───────┴────────────────────────────────────────────┘
+ *
+ * - Sidebar e Header são passthrough 1:1 das props do `<MenuSidebar>` e `<Header>`
+ * - `menuCollapsed` é gerenciado internamente (uncontrolled) ou via prop (controlled)
+ * - `theme` idem
+ * - `children` é o body — gap 16px + padding 32px aplicados no slot
+ */
+export type AppShellProps = {
+    /** Contextos do MenuSidebar (rail + panel data-driven). Obrigatório. */
+    contexts: SidebarContext[];
+    /** Contexto inicialmente ativo (uncontrolled). Default: primeiro do array. */
+    defaultActiveContextId?: string;
+    /** Contexto ativo (controlled). */
+    activeContextId?: string;
+    onContextChange?: (id: string) => void;
+    /** Item inicialmente ativo (href, uncontrolled). */
+    defaultActiveItemHref?: string;
+    /** Item ativo (controlled). */
+    activeItemHref?: string;
+    onItemClick?: (item: SidebarMenuItem) => void;
+    /** Breadcrumb do header (último item = página atual). Obrigatório. */
+    breadcrumb: HeaderBreadcrumbItem[];
+    /** Search/Command palette. Quando omitido, search é escondido. */
+    commandGroups?: HeaderCommandGroup[];
+    commandPlaceholder?: string;
+    commandEmptyMessage?: string;
+    searchPlaceholder?: string;
+    /** Notificações (dropdown direito). */
+    notifications?: HeaderNotificationsConfig;
+    /** Mensagens (dropdown direito). */
+    messages?: HeaderMessagesConfig;
+    /** Theme switcher. Quando omitido, switcher é escondido. */
+    theme?: string;
+    onThemeChange?: (id: string) => void;
+    themeOptions?: HeaderThemeOption[];
+    /** Slot extra no canto direito do header. */
+    headerRightSlot?: ReactNode;
+    /**
+     * Usuário logado. Quando passado, renderiza Avatar clicável no rail que
+     * abre um DropdownMenu com nome/email + layout + tema + settings + logout.
+     * Quando omitido, mantém o avatar default ("SV" estático).
+     */
+    user?: AppShellUser;
+    /** Layout atual ("fluid" | "compact" | string custom). */
+    layout?: string;
+    onLayoutChange?: (id: string) => void;
+    layoutOptions?: AppShellLayoutOption[];
+    /** Callback "Configurações" no user menu. Item escondido se omitido. */
+    onSettings?: () => void;
+    /** Callback "Sair" no user menu. Item escondido se omitido. */
+    onLogout?: () => void;
+    /**
+     * Sidebar collapsed (controlled). Quando ausente, AppShell gerencia state
+     * interno (uncontrolled) — toggle do header dispara setInternal.
+     */
+    menuCollapsed?: boolean;
+    defaultMenuCollapsed?: boolean;
+    onMenuCollapseChange?: (collapsed: boolean) => void;
+    /** Conteúdo do body — o que muda entre telas. Aplicado dentro de slot
+     *  com `gap-gp-4xl p-pad-6xl` (24px gap + 32px padding). */
+    children: ReactNode;
+    /** ClassName extra no body slot (raro — use só pra ajustes pontuais). */
+    bodyClassName?: string;
+    /**
+     * Em mobile (<md), zera o padding interno do body — útil pra telas que
+     * controlam o próprio padding (chat com overlays fullscreen, mapas, etc).
+     * Default: false (padding 18px mobile, 32px desktop).
+     */
+    mobileEdgeToEdge?: boolean;
+    /** ClassName extra no root da AppShell (afeta toda a tela). */
+    className?: string;
+};
+//# sourceMappingURL=app-shell.types.d.ts.map

package/dist-lib/src/components/ui/AppShell/app-shell.types.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export { AppShell } from './app-shell';
+export type { AppShellProps, AppShellUser, AppShellLayoutOption, } from './app-shell.types';
+export { UserMenu } from './user-menu';
+export type { UserMenuProps } from './user-menu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC"}

package/dist-lib/src/components/ui/AppShell/user-menu.d.ts

@@ -0,0 +1,30 @@
+import { HeaderThemeOption } from '../Header';
+import { AppShellLayoutOption, AppShellUser } from './app-shell.types';
+export type UserMenuProps = {
+    user: AppShellUser;
+    /** Layout state (radio group). Sem theme/layout escondidos automaticamente. */
+    layout?: string;
+    onLayoutChange?: (id: string) => void;
+    layoutOptions?: AppShellLayoutOption[];
+    theme?: string;
+    onThemeChange?: (id: string) => void;
+    themeOptions?: HeaderThemeOption[];
+    onSettings?: () => void;
+    onLogout?: () => void;
+};
+/**
+ * UserMenu — Avatar do rail do MenuSidebar com DropdownMenu.
+ *
+ * Conteúdo (na ordem):
+ *   1. Header com avatar + nome + email
+ *   2. Separator
+ *   3. Layout radio group (se layoutOptions)
+ *   4. Tema radio group (se themeOptions)
+ *   5. Configurações (se onSettings)
+ *   6. Separator
+ *   7. Sair (se onLogout)
+ *
+ * Renderizado como `user={<UserMenu ...>}` na MenuSidebar.
+ */
+export declare function UserMenu({ user, layout, onLayoutChange, layoutOptions, theme, onThemeChange, themeOptions, onSettings, onLogout, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=user-menu.d.ts.map

package/dist-lib/src/components/ui/AppShell/user-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/AppShell/user-menu.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,YAAY,CAAC;IACnB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,cAAc,EACd,aAAa,EACb,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAmKf"}

package/dist-lib/src/components/ui/Button/button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './button.types';
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist-lib/src/components/ui/Button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,2GA4ClB,CAAC"}

package/dist-lib/src/components/ui/Button/button.styles.d.ts

@@ -0,0 +1,147 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Button styles — V3 tokens (alinhado com /design-and-table-v2)
+ *
+ * Specs base:
+ *   - font-size 13px (text-body-md font-medium = 0.8125rem / 600)
+ *   - border-radius 10px (rounded-radius-lg)
+ *   - secondary usa fg-secondary
+ *   - rings cor-pura via ring.{brand|danger|success|warning|secondary}
+ *
+ * Variants color: primary/secondary/critical/success/warning
+ *   - primary  → bg-brand / fg-brand / border-brand
+ *   - critical → bg-danger / fg-danger / border-danger-muted
+ *   - secondary → neutros (bg-muted, fg-secondary, border-default)
+ *
+ * Variants visual: filled/outline/soft/ghost
+ *
+ * Sizes mantidas (largura/espaçamento como estavam).
+ *
+ * Disabled: opacity-50 (v3 não tem bg-disabled token).
+ */
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], {
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        secondary: string;
+        critical: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        filled: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+    };
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        "icon-2xs": string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-md": string;
+        "icon-lg": string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    /**
+     * Shape do botão:
+     *   - rounded (default): mantém o radius da `size` (varia por tamanho)
+     *   - pill: força `rounded-full` (override com `!` pra ganhar do size)
+     */
+    shape: {
+        rounded: string;
+        pill: string;
+    };
+    disabled: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+//# sourceMappingURL=button.styles.d.ts.map

package/dist-lib/src/components/ui/Button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsDvB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;qDAwHL,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist-lib/src/components/ui/Button/button.types.d.ts

@@ -0,0 +1,7 @@
+import { ButtonVariantProps } from './button.styles';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "color">, ButtonVariantProps {
+    loading?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+//# sourceMappingURL=button.types.d.ts.map

package/dist-lib/src/components/ui/Button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAC/E,kBAAkB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}

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

@@ -0,0 +1,4 @@
+export { Button } from './button';
+export { buttonVariants, type ButtonVariantProps } from './button.styles';
+export type { ButtonProps } from './button.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/ButtonGroup/button-group.d.ts

@@ -0,0 +1,10 @@
+import { ButtonGroupProps, ButtonGroupPrimaryProps, ButtonGroupChevronProps } from './button-group.types';
+/**
+ * Export como compound component — `<ButtonGroup>` é a raiz, e os slots
+ * `<ButtonGroup.Primary>` / `<ButtonGroup.Chevron>` são namespaced.
+ */
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Primary: import('react').ForwardRefExoticComponent<ButtonGroupPrimaryProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Chevron: import('react').ForwardRefExoticComponent<ButtonGroupChevronProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=button-group.d.ts.map

package/dist-lib/src/components/ui/ButtonGroup/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ButtonGroup/button-group.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EAExB,MAAM,sBAAsB,CAAC;AAiH9B;;;GAGG;AACH,eAAO,MAAM,WAAW;;;CAGtB,CAAC"}

package/dist-lib/src/components/ui/ButtonGroup/button-group.styles.d.ts

@@ -0,0 +1,77 @@
+/**
+ * ButtonGroup wrapper styles — agrupa visualmente os slots Primary + Chevron.
+ *
+ * Comportamento:
+ *   - inline-flex: 2 botões lado a lado
+ *   - radius: aplicado no group via slots (Primary herda left, Chevron herda right)
+ *   - divider: border interno emerge naturalmente do Button outline; pra filled/soft
+ *     usamos collapse via `-ml-px` no Chevron + ring divider via `before:` no slot
+ *
+ * Não tem variants próprias — color/variant/size vêm via ButtonGroupContext.
+ * O wrapper só agrupa visualmente; aparência sai dos filhos.
+ */
+export declare const buttonGroupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Override de radius nos slots — neutraliza o radius da `size` do Button no
+ * lado interno do group (entre Primary e Chevron) e mantém apenas no lado
+ * externo (left do Primary, right do Chevron).
+ *
+ * Usa `!` pra sobrescrever a regra do Button (size define rounded-radius-X).
+ */
+export declare const buttonGroupSlot: import('tailwind-variants').TVReturnType<{
+    position: {
+        primary: string;
+        chevron: string;
+    };
+}, undefined, undefined, {
+    position: {
+        primary: string;
+        chevron: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    position: {
+        primary: string;
+        chevron: string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+/**
+ * Dimensões do Chevron por size — QUADRADO (width = height), alinhado com
+ * a `size` correspondente do Button no Primary. Pad reduzido pro chevron
+ * preencher o espaço sem ficar acanhado.
+ *
+ * Tabela de equivalência (size do Button → dimensão chevron):
+ *   2xs (28px) → 28x28 (size-form-xs)
+ *   xs  (32px) → 32x32 (size-form-sm)
+ *   sm  (36px) → 36x36 (size-form-md)
+ *   md  (40px) → 40x40 (size-form-lg)
+ *   lg  (44px) → 44x44 (size-form-xl)
+ *
+ * Visual coeso: o chevron parece um "espelho" quadrado do Primary, não um
+ * appendice estreito. Pattern Shadcn/Linear/Notion segue essa proporção.
+ */
+export declare const buttonGroupChevronSize: import('tailwind-variants').TVReturnType<{
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, undefined, {
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=button-group.styles.d.ts.map

package/dist-lib/src/components/ui/ButtonGroup/button-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ButtonGroup/button-group.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,sMAM9B,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;sDAU1B,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;sDAajC,CAAC"}

package/dist-lib/src/components/ui/ButtonGroup/button-group.types.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/button.types';
+/**
+ * Props compartilhadas pelo group e pelos slots Primary/Chevron.
+ * Permite override individual via prop direta nos slots.
+ */
+export type ButtonGroupSharedProps = Pick<ButtonProps, "color" | "variant" | "size" | "disabled">;
+/**
+ * Props do wrapper ButtonGroup.
+ * color/variant/size propagam aos filhos via context. Filhos podem dar override.
+ */
+export interface ButtonGroupProps extends ButtonGroupSharedProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Quando true, propaga `disabled` aos 2 slots. Default false.
+     * Slots individuais podem ter `disabled` próprio independente desse.
+     */
+    disabled?: boolean;
+}
+/**
+ * Props do slot Primary — botão da ação principal (label + onClick).
+ * Aceita TODAS as props do Button exceto color/variant/size (vêm do group via context).
+ * Pode dar OVERRIDE passando essas props explicitamente.
+ */
+export type ButtonGroupPrimaryProps = Omit<ButtonProps, "shape" | "fullWidth">;
+/**
+ * Props do slot Chevron — icon button com chevron-down default.
+ * Largura compacta (mais estreita que icon-* size do Button).
+ */
+export interface ButtonGroupChevronProps extends Omit<ButtonProps, "shape" | "fullWidth" | "children" | "loading" | "iconLeft" | "iconRight"> {
+    /**
+     * Ícone do chevron — default `<ChevronDown>`. Customize se quiser usar
+     * outro ícone (ex: `<MoreVertical>` pra menu kebab).
+     */
+    icon?: ReactNode;
+    /**
+     * Aria-label obrigatório — chevron é icon-only, leitor de tela precisa
+     * descrever a ação.
+     */
+    "aria-label": string;
+}
+//# sourceMappingURL=button-group.types.d.ts.map

package/dist-lib/src/components/ui/ButtonGroup/button-group.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ButtonGroup/button-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAEvE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,WAAW,EACX,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC1C,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,sBAAsB;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IACpG;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB"}

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

@@ -0,0 +1,3 @@
+export { ButtonGroup } from './button-group';
+export type { ButtonGroupProps, ButtonGroupPrimaryProps, ButtonGroupChevronProps, } from './button-group.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,42 @@
+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 */
+    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">;
+/**
+ * CardCheckbox — checkbox apresentado como card clicável.
+ *
+ * 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.
+ *
+ * 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)}
+ *   />
+ *
+ * O card inteiro é clicável (não só o checkbox) — toggle dispara
+ * onCheckedChange via clique no <label> wrapper.
+ */
+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>>;
+//# sourceMappingURL=card-checkbox.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,72 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * 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).
+ *
+ * Estados:
+ *   - default: surface + border-default
+ *   - hover (não-selected): border-input + bg-muted
+ *   - selected (checked): bg-success-muted + border-brand + shadow-sh-sm
+ *   - disabled: opacity-50
+ */
+export declare const cardCheckbox: import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    body: string;
+    label: string;
+    description: string;
+}, undefined, {
+    selected: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    body: string;
+    label: string;
+    description: string;
+}, import('tailwind-variants').TVReturnType<{
+    selected: {
+        true: {
+            root: string;
+        };
+        false: {
+            root: string;
+        };
+    };
+    disabled: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    body: string;
+    label: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+export type CardCheckboxVariants = VariantProps<typeof cardCheckbox>;
+//# sourceMappingURL=card-checkbox.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+export { CardCheckbox } from './card-checkbox';
+export type { CardCheckboxProps } from './card-checkbox';
+export { cardCheckbox } from './card-checkbox.styles';
+export type { CardCheckboxVariants } from './card-checkbox.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/CardCheckbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}