@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.styles.d.ts

@@ -0,0 +1,232 @@
+/**
+ * Styles compartilhados das partes do TableToolbar.
+ * Cada `tv()` corresponde a um sub-componente em `parts/`.
+ *
+ * Specs alinhadas com `.tbl-toolbar` do design-and-table-v2.
+ */
+/**
+ * Gaps responsivos:
+ *   - Mobile (< md): gap menor pra search + 2 botões caberem na mesma linha
+ *   - Desktop (≥ md): gap mais respirado (16px root, 10px left, 8px actions)
+ */
+export declare const toolbarRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarLeft: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarDivider: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "w-[1px] h-[24px] bg-border-default shrink-0 mx-[6px] self-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "w-[1px] h-[24px] bg-border-default shrink-0 mx-[6px] self-center", unknown, unknown, undefined>>;
+/**
+ * Mobile (< md): fluido (`flex-1`) — ocupa o espaço restante, sem aumentar/diminuir width no foco.
+ * Desktop (≥ md): width fixo 200px rest → 300px no focus-within OU quando tem valor.
+ *
+ * O `focus-within:` desktop expande automaticamente quando o input está focado.
+ * A variant `expanded: true` mantém expandido mesmo sem foco (quando há valor).
+ */
+export declare const toolbarSearch: import('tailwind-variants').TVReturnType<{
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /** Quando true, mantém expandido (300px) mesmo sem foco — útil quando tem valor (desktop only) */
+    expanded: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSearchInput: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Dot indicator (filtros aplicados) — pequeno círculo brand no canto superior direito.
+ *
+ * NOTA: `ToolbarToolButton` agora compõe o `Button` do DS — seu estilo vem do
+ * Button (color/variant/size). Esse helper só pinta o ponto de "tem aplicado".
+ */
+export declare const toolbarToolDot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSegmented: import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarSegmentedButton: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabs: import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabWrap: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarTabButton: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: string;
+        false: string;
+    };
+    fluid: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Botão "X" pra fechar tab custom — escondido por trás do tab (margin -18px),
+ * desliza pra fora ao hover do wrap.
+ */
+export declare const toolbarTabClose: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Espaçamento: toolbar → 16px → divider (border-top) → 16px → chips.
+ * `mt-pad-3xl` afasta o border-top da toolbar; `pt-pad-3xl` afasta o
+ * conteúdo interno (chips) do border.
+ */
+export declare const toolbarApplied: import('tailwind-variants').TVReturnType<{
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    /**
+     * Separator (margem topo 16px + border + padding 16px) entre toolbar
+     * header e chips. Default `true`. Espaçamento total: 16px → divider → 16px → chips.
+     */
+    separator: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedChip: import('tailwind-variants').TVReturnType<{
+    interactive: {
+        true: string[];
+    };
+}, undefined, string[], {
+    interactive: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    interactive: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipRemove: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "font-semibold text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "font-semibold text-fg-default", unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipOp: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-fg-muted text-caption-sm", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-fg-muted text-caption-sm", unknown, unknown, undefined>>;
+export declare const toolbarAppliedChipValue: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toolbarAppliedClearLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Spec alinhada com `.tbl-bulk-bar` do design-and-table-v2:
+ *   - padding 10px 14px, gap 12px, radius xl (12px)
+ *   - bg-brand-subtle + border-brand + fg-brand
+ *   - flex-wrap pra mobile cair em coluna naturalmente
+ */
+export declare const bulkBarRoot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarCount: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bulkBarClear: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=table-toolbar.styles.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/table-toolbar.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAGH;;;;GAIG;AACH,eAAO,MAAM,WAAW,sMAKtB,CAAC;AAEH,eAAO,MAAM,WAAW,sMAStB,CAAC;AAEH,eAAO,MAAM,cAAc,sMAQzB,CAAC;AAGH,eAAO,MAAM,cAAc,0TAEzB,CAAC;AAGH;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;IAgBtB,kGAAkG;;;;;;IAAlG,kGAAkG;;;;;;IAAlG,kGAAkG;;;;;qDAOpG,CAAC;AAEH,eAAO,MAAM,kBAAkB,sMAM7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,sMAMzB,CAAC;AAGH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;qDAa3B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAuBjC,CAAC;AAGH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;qDActB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAiBzB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAoB3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,eAAe,sMAU1B,CAAC;AAGH;;;;GAIG;AACH,eAAO,MAAM,cAAc;IAUvB;;;OAGG;;;;;;IAHH;;;OAGG;;;;;;IAHH;;;OAGG;;;;;qDASL,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;qDAmB7B,CAAC;AAEH,eAAO,MAAM,wBAAwB,sMASnC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oPAEjC,CAAC;AAEH,eAAO,MAAM,oBAAoB,oPAE/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,sMAOlC,CAAC;AAEH,eAAO,MAAM,uBAAuB,sMASlC,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,WAAW,sMAMtB,CAAC;AAEH,eAAO,MAAM,YAAY,sMAOvB,CAAC;AAEH,eAAO,MAAM,cAAc,sMAKzB,CAAC;AAEH,eAAO,MAAM,YAAY,sMAUvB,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+/** Direção de ordenação compartilhada pelos popovers/hooks do toolbar.
+ *  Fonte única de verdade — re-exportado por `sort-popover` e `use-toolbar-sort`. */
+export type SortDirection = "asc" | "desc";
+/** Item segmentado (usado por density-toggle, view-mode-toggle) */
+export type ToolbarSegmentedItem<TValue extends string = string> = {
+    value: TValue;
+    /** Conteúdo do botão (geralmente ícone). Texto opcional via aria-label */
+    children: ReactNode;
+    label?: string;
+    disabled?: boolean;
+};
+/** View tab (Todos/Meus/Ativos…) */
+export type ToolbarTab = {
+    id: string;
+    name: ReactNode;
+    /** Tabs custom mostram X de close no hover */
+    custom?: boolean;
+};
+/** Operador de filtro suportado pelo applied chips (ids longos do FilterModel) */
+export type AppliedFilterOp = "equals" | "neq" | "contains" | "notContains" | "startsWith" | "endsWith" | "gt" | "lt" | "gte" | "lte" | "isAnyOf" | "isNoneOf" | "between" | "isEmpty" | "isNotEmpty" | string;
+/** Filtro aplicado (chip individual) */
+export type AppliedFilter = {
+    id: string;
+    /** Label legível da coluna (ex "Status") */
+    columnLabel: ReactNode;
+    /** Operador (resolvido pra símbolo via DEFAULT_OP_LABELS quando `opLabel` ausente). */
+    op: AppliedFilterOp;
+    /**
+     * Label do operador já resolvido (ex: do registry do column-type). Quando
+     * presente, vence o DEFAULT_OP_LABELS — garante que o chip mostre o mesmo
+     * texto do popover (ex: currency `gt` = "maior que", não ">").
+     */
+    opLabel?: ReactNode;
+    /**
+     * Valor já formatado pra exibição. String/ReactNode = 1 tag. Array de
+     * ReactNode = múltiplas tags lado a lado (ex: "Ativo" "Pendente" "Pausado").
+     */
+    value: ReactNode | ReactNode[];
+    /**
+     * Quando true, o chip renderiza apenas o `columnLabel` (sem operador, sem
+     * valor). Usado pra chips "placeholder" pré-ativos vazios que aguardam o
+     * usuário escolher um valor (use case `showEmptyFilterChips` do DataTable).
+     * Default false.
+     */
+    isEmpty?: boolean;
+};
+//# sourceMappingURL=table-toolbar.types.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/table-toolbar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/table-toolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;qFACqF;AACrF,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,mEAAmE;AACnE,MAAM,MAAM,oBAAoB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oCAAoC;AACpC,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,kFAAkF;AAClF,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,KAAK,GACL,UAAU,GACV,aAAa,GACb,YAAY,GACZ,UAAU,GACV,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,SAAS,GACT,UAAU,GACV,SAAS,GACT,SAAS,GACT,YAAY,GACZ,MAAM,CAAC;AAEX,wCAAwC;AACxC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,WAAW,EAAE,SAAS,CAAC;IACvB,uFAAuF;IACvF,EAAE,EAAE,eAAe,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { toast, type ToastOptions } from './toast';
+export { ToastCard, type ToastCardProps, type ToastAction, } from './toast-card';
+export { toastVariants, type ToastVariantProps, type ToastStatus, } from './toast.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,WAAW,GACjB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC"}

package/dist-lib/src/components/ui/Toast/toast-card.d.ts

@@ -0,0 +1,35 @@
+import { ToastStatus } from './toast.styles';
+import * as React from "react";
+/** Ação de um toast — botão. `tone` controla a cor (brand/neutro/danger). */
+export interface ToastAction {
+    label: string;
+    onClick?: () => void;
+    /** brand (default) = primário · neutral = secundário · danger = destrutivo. */
+    tone?: "brand" | "neutral" | "danger";
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+export interface ToastCardProps {
+    /** Muda só a cor do icon-chip. Default = neutro. */
+    status?: ToastStatus;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Override do ícone do chip. Sem isso, usa o ícone padrão do status. */
+    icon?: React.ReactNode;
+    /** Texto curto à direita do título (ex.: "agora", "há 2 min"). */
+    meta?: React.ReactNode;
+    /** Botão primário. Sozinho → inline à direita; com `cancel` → rodapé. */
+    action?: ToastAction;
+    /** Botão secundário. Renderiza rodapé (cancel à esquerda, action à direita). */
+    cancel?: ToastAction;
+    /** Mostra o X de fechar. Recebe o id pra dar dismiss no Sonner. */
+    onClose?: () => void;
+    /** id do toast no Sonner (injetado pelo helper) — usado pra dismiss. */
+    toastId?: string | number;
+}
+/**
+ * ToastCard — conteúdo visual do toast (consumido via `toast.custom` do Sonner).
+ * Não use direto pra disparar; use o helper `toast` de `./toast`.
+ */
+export declare function ToastCard({ status, title, description, icon, meta, action, cancel, onClose, toastId, }: ToastCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toast-card.d.ts.map

package/dist-lib/src/components/ui/Toast/toast-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-card.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toast/toast-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEjE,6EAA6E;AAC7E,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B,oDAAoD;IACpD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yEAAyE;IACzE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,gFAAgF;IAChF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAgCD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAkB,EAClB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,cAAc,2CAgDhB"}

package/dist-lib/src/components/ui/Toast/toast.styles.d.ts

@@ -0,0 +1,102 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Toast (card sobre o Sonner) — superfície neutra (surface) sempre.
+ * O `status` muda APENAS o icon-chip: bg fraco (`-muted`) + ícone forte (`fg-*`).
+ * O card nunca é tingido (decisão de design: feedback pelo ícone, não pelo fundo).
+ *
+ * Layout: root = COLUNA. Linha principal (`row`) centralizada verticalmente
+ * (ícone · [título+descrição juntos no `content`] · meta/ação-inline/close).
+ * Quando há 2 botões, eles vão no `footer` ABAIXO da linha, alinhados à direita
+ * com gap de 4px. A descrição vive dentro do `content` (flex-1) → quebra linha,
+ * nunca passa por baixo do botão inline.
+ *
+ * Slots: root · row · iconChip · content · title · description · rightCluster · meta · footer.
+ */
+export declare const toastVariants: import('tailwind-variants').TVReturnType<{
+    status: {
+        default: {
+            iconChip: string;
+        };
+        info: {
+            iconChip: string;
+        };
+        success: {
+            iconChip: string;
+        };
+        warning: {
+            iconChip: string;
+        };
+        danger: {
+            iconChip: string;
+        };
+    };
+}, {
+    root: string;
+    row: string;
+    iconChip: string;
+    content: string;
+    title: string;
+    description: string;
+    rightCluster: string;
+    meta: string;
+    footer: string;
+}, undefined, {
+    status: {
+        default: {
+            iconChip: string;
+        };
+        info: {
+            iconChip: string;
+        };
+        success: {
+            iconChip: string;
+        };
+        warning: {
+            iconChip: string;
+        };
+        danger: {
+            iconChip: string;
+        };
+    };
+}, {
+    root: string;
+    row: string;
+    iconChip: string;
+    content: string;
+    title: string;
+    description: string;
+    rightCluster: string;
+    meta: string;
+    footer: string;
+}, import('tailwind-variants').TVReturnType<{
+    status: {
+        default: {
+            iconChip: string;
+        };
+        info: {
+            iconChip: string;
+        };
+        success: {
+            iconChip: string;
+        };
+        warning: {
+            iconChip: string;
+        };
+        danger: {
+            iconChip: string;
+        };
+    };
+}, {
+    root: string;
+    row: string;
+    iconChip: string;
+    content: string;
+    title: string;
+    description: string;
+    rightCluster: string;
+    meta: string;
+    footer: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ToastVariantProps = VariantProps<typeof toastVariants>;
+export type ToastStatus = NonNullable<ToastVariantProps["status"]>;
+//# sourceMappingURL=toast.styles.d.ts.map

package/dist-lib/src/components/ui/Toast/toast.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Toast/toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2BxB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC"}

package/dist-lib/src/components/ui/avatar-ig/avatar.d.ts

@@ -0,0 +1,23 @@
+import { AvatarProps } from './avatar.types';
+/**
+ * Avatar — circular badge with initials.
+ *
+ * Supports semantic `color` presets (brand, success, warning, critical, info, muted)
+ * and a `colorHex` override for person-specific hex colors.
+ *
+ * Auto contrast (v0.7.1, L-027): quando `colorHex` é fornecido, calcula o
+ * contraste WCAG entre branco/preto e o bg, escolhendo a cor de texto com
+ * MAIOR ratio. Antes aplicava `text-white` cego — quebrava em cores claras
+ * (ex: BB amarelo #FAE128 → ratio 1.29:1, falha WCAG AA). Agora respeita
+ * o threshold dinâmico baseado em luminância (Y > 0.5 → preto, else branco).
+ *
+ * Override: pra forçar uma cor específica (caso de marca que exige X), passe
+ * `className` com classe Tailwind `text-X` — ela sobrescreve a auto-pickada
+ * pela ordem de cascade.
+ *
+ * Accessibility:
+ * - With `aria-label` → role="img" (semantic avatar)
+ * - Without `aria-label` → aria-hidden="true" (decorative, inside a card/cell)
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist-lib/src/components/ui/avatar-ig/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/avatar-ig/avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,wGAmDlB,CAAC"}

package/dist-lib/src/components/ui/avatar-ig/avatar.styles.d.ts

@@ -0,0 +1,74 @@
+import { VariantProps } from '../../../utils/tv';
+/**
+ * Avatar styles — iGreen DS
+ *
+ * Circular badge with initials. No interactive states (no hover, no focus, no disabled).
+ *
+ * Size uses `size-comp-*` tokens (square: width = height):
+ *   xs = 20px (comp-2xs)  |  sm = 24px (comp-xs)  |  md = 28px (comp-sm)
+ *   lg = 32px (comp-md)   |  xl = 40px (comp-xl)
+ *
+ * Color applies bg + fg pairs from semantic tokens.
+ * `_custom` is an internal-only variant used when `colorHex` overrides the
+ * background via inline style — it intentionally applies no bg/fg so the
+ * component can set them manually.
+ *
+ * Typography scales with size to keep initials proportional inside the circle.
+ */
+export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, string[], {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        brand: string;
+        success: string;
+        warning: string;
+        critical: string;
+        info: string;
+        muted: string;
+        /** Internal: used by colorHex override — no bg/fg applied. */
+        _custom: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type AvatarVariantProps = VariantProps<typeof avatarVariants>;
+//# sourceMappingURL=avatar.styles.d.ts.map

package/dist-lib/src/components/ui/avatar-ig/avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/avatar-ig/avatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;QA2BrB,8DAA8D;;;;;;;;;;;;;;;;;;QAA9D,8DAA8D;;;;;;;;;;;;;;;;;;QAA9D,8DAA8D;;;qDASlE,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist-lib/src/components/ui/avatar-ig/avatar.types.d.ts

@@ -0,0 +1,16 @@
+import { AvatarVariantProps } from './avatar.styles';
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, Omit<AvatarVariantProps, "color"> {
+    /**
+     * Semantic color preset for bg + fg pairing.
+     * Ignored when `colorHex` is provided.
+     * @default "muted"
+     */
+    color?: "brand" | "success" | "warning" | "critical" | "info" | "muted";
+    /**
+     * Hex color override (e.g. person-specific color).
+     * When provided, background is set via inline style and text becomes white.
+     * Takes precedence over `color`.
+     */
+    colorHex?: string;
+}
+//# sourceMappingURL=avatar.types.d.ts.map

package/dist-lib/src/components/ui/avatar-ig/avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/avatar-ig/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;IAExE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

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

@@ -0,0 +1,4 @@
+export { Avatar } from './avatar';
+export { avatarVariants, type AvatarVariantProps } from './avatar.styles';
+export type { AvatarProps } from './avatar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/avatar-ig/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/hooks/useTheme.d.ts

@@ -0,0 +1,19 @@
+export type Theme = "light" | "dark" | "system";
+/**
+ * Hook único de tema do app.
+ *
+ *   - 3 valores: `"light"` | `"dark"` | `"system"` (segue prefers-color-scheme).
+ *   - Persiste em `localStorage["igreen-ds-theme"]`.
+ *   - Sincroniza múltiplas instâncias na mesma tab via `CustomEvent` e entre
+ *     tabs via `storage` event. Pode ser chamado em qualquer page/component
+ *     sem precisar de Context Provider.
+ *   - Aplica `.dark` no `<html>` com observador de `prefers-color-scheme`
+ *     quando theme=`"system"`.
+ */
+export declare function useTheme(): {
+    readonly theme: Theme;
+    readonly setTheme: (next: Theme) => void;
+    readonly isDark: boolean;
+    readonly toggle: () => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist-lib/src/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhD;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ;;8BAkBc,KAAK;;;EAsC1C"}

package/dist-lib/src/lib/lucide-types.d.ts

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes, SVGProps } from 'react';
+export interface LucideProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
+    size?: string | number;
+    absoluteStrokeWidth?: boolean;
+    strokeWidth?: string | number;
+}
+/** Componente de ícone do lucide-react (chevron, X, etc.). */
+export type LucideIcon = ForwardRefExoticComponent<LucideProps & RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=lucide-types.d.ts.map

package/dist-lib/src/lib/lucide-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-types.d.ts","sourceRoot":"","sources":["../../../src/lib/lucide-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,8DAA8D;AAC9D,MAAM,MAAM,UAAU,GAAG,yBAAyB,CAChD,WAAW,GAAG,aAAa,CAAC,aAAa,CAAC,CAC3C,CAAC"}

package/dist-lib/src/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist-lib/src/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAoH7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist-lib/src/preview/mocks/app-shell-mocks.d.ts

@@ -0,0 +1,16 @@
+import { SidebarContext } from '../../components/ui/MenuSidebar';
+import { HeaderCommandGroup, HeaderMessage, HeaderNotification, HeaderThemeOption } from '../../components/ui/Header';
+import { AppShellUser, AppShellLayoutOption } from '../../components/ui/AppShell';
+/**
+ * Mocks compartilhados pelo AppShellDoc + pages de showcase que precisam de uma
+ * "casca de app realista". Em produção, esses dados viriam do backend/contexto da
+ * app — aqui são estáticos pra demonstração consistente.
+ */
+export declare const APP_SHELL_CONTEXTS: SidebarContext[];
+export declare const APP_SHELL_COMMANDS: HeaderCommandGroup[];
+export declare const APP_SHELL_NOTIFICATIONS: HeaderNotification[];
+export declare const APP_SHELL_MESSAGES: HeaderMessage[];
+export declare const APP_SHELL_THEME_OPTIONS: HeaderThemeOption[];
+export declare const APP_SHELL_USER: AppShellUser;
+export declare const APP_SHELL_LAYOUT_OPTIONS: AppShellLayoutOption[];
+//# sourceMappingURL=app-shell-mocks.d.ts.map

package/dist-lib/src/preview/mocks/app-shell-mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell-mocks.d.ts","sourceRoot":"","sources":["../../../../src/preview/mocks/app-shell-mocks.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,oBAAoB,EACrB,MAAM,8BAA8B,CAAC;AAEtC;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAsH9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAgBlD,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,EAwCvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAK7C,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,EAItD,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,YAI5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,oBAAoB,EAG1D,CAAC"}