@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/TabelaTeste/tabela-teste.styles.d.ts

@@ -0,0 +1,184 @@
+/**
+ * TabelaTeste — réplica visual da tabela do sandbox /design-and-table-v2.
+ *
+ * Componente de referência hardcoded: sem props, sem variants, sem flexibility.
+ * Serve pra fixar como tokens DS mapeiam pra esse visual específico — outros
+ * componentes (Table) podem usar essas classes como guia.
+ *
+ * Os estilos abaixo são literais — cada key corresponde a uma classe do
+ * sandbox. Densidade default = comfortable (56px), cellBorders ON.
+ */
+export declare const tabelaStyles: {
+    wrap: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    table: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "block min-w-max", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "block min-w-max", unknown, unknown, undefined>>;
+    thead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    trHead: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex bg-bg-table-head", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex bg-bg-table-head", unknown, unknown, undefined>>;
+    th: import('tailwind-variants').TVReturnType<{
+        sorted: {
+            true: string;
+        };
+    }, undefined, string[], {
+        sorted: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        sorted: {
+            true: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    thSelect: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    thActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    thLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 whitespace-nowrap overflow-hidden text-ellipsis text-left", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 whitespace-nowrap overflow-hidden text-ellipsis text-left", unknown, unknown, undefined>>;
+    thTypeIcon: import('tailwind-variants').TVReturnType<{
+        sorted: {
+            true: string;
+        };
+    }, undefined, string[], {
+        sorted: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        sorted: {
+            true: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    thSort: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "inline-flex items-center gap-[4px] shrink-0 text-fg-default", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "inline-flex items-center gap-[4px] shrink-0 text-fg-default", unknown, unknown, undefined>>;
+    thSortIndex: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    thSortHint: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    thMenu: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    thResize: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    tbody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "bg-bg-surface", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "bg-bg-surface", unknown, unknown, undefined>>;
+    tr: import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, string[], {
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    td: import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, string[], {
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    tdSelect: import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, string[], {
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    tdActions: import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, string[], {
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        density: {
+            compact: string;
+            comfortable: string;
+            spacious: string;
+        };
+        selected: {
+            true: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+    rowMenuBtn: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    cellBorderTh: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "border-r border-border-table", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "border-r border-border-table", unknown, unknown, undefined>>;
+    cellBorderTd: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "border-r border-border-table", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "border-r border-border-table", unknown, unknown, undefined>>;
+    cellId: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-sm font-normal text-fg-muted [font-variant-numeric:tabular-nums]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-sm font-normal text-fg-muted [font-variant-numeric:tabular-nums]", unknown, unknown, undefined>>;
+    cellCurrency: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "[font-variant-numeric:tabular-nums] font-semibold", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "[font-variant-numeric:tabular-nums] font-semibold", unknown, unknown, undefined>>;
+    cellDate: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "[font-variant-numeric:tabular-nums] text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "[font-variant-numeric:tabular-nums] text-fg-muted", unknown, unknown, undefined>>;
+    cellStatus: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "inline-flex items-center gap-gp-md text-body-sm font-normal text-fg-default dark:text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "inline-flex items-center gap-gp-md text-body-sm font-normal text-fg-default dark:text-fg-muted", unknown, unknown, undefined>>;
+    dot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "size-[8px] rounded-radius-full shrink-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "size-[8px] rounded-radius-full shrink-0", unknown, unknown, undefined>>;
+    cellPerson: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "inline-flex items-center gap-gp-md whitespace-nowrap overflow-hidden", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "inline-flex items-center gap-gp-md whitespace-nowrap overflow-hidden", unknown, unknown, undefined>>;
+    cellPersonName: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "whitespace-nowrap overflow-hidden text-ellipsis font-medium", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "whitespace-nowrap overflow-hidden text-ellipsis font-medium", unknown, unknown, undefined>>;
+    cellAgent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "inline-flex items-center gap-gp-md whitespace-nowrap overflow-hidden", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "inline-flex items-center gap-gp-md whitespace-nowrap overflow-hidden", unknown, unknown, undefined>>;
+    avatar: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    avatarSm: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    cellLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-fg-brand no-underline hover:underline", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-fg-brand no-underline hover:underline", unknown, unknown, undefined>>;
+    cellMuted: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-fg-muted", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-fg-muted", unknown, unknown, undefined>>;
+    checkbox: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+    chip: import('tailwind-variants').TVReturnType<{
+        kind: {
+            success: string;
+            warning: string;
+            info: string;
+            danger: string;
+        };
+    }, undefined, string[], {
+        kind: {
+            success: string;
+            warning: string;
+            info: string;
+            danger: string;
+        };
+    }, undefined, import('tailwind-variants').TVReturnType<{
+        kind: {
+            success: string;
+            warning: string;
+            info: string;
+            danger: string;
+        };
+    }, undefined, string[], unknown, unknown, undefined>>;
+};
+//# sourceMappingURL=tabela-teste.styles.d.ts.map

package/dist-lib/src/components/ui/TabelaTeste/tabela-teste.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabela-teste.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TabelaTeste/tabela-teste.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiVxB,CAAC"}

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

@@ -0,0 +1,10 @@
+export { Table, TableHead, TableHeadCell, TableBody, TableRow, TableCell, } from './table';
+export { TableCardRow } from './table-card-row';
+export { useColumnWidths } from './use-column-widths';
+export { useColumnResize } from './use-column-resize';
+export { SELECTION_COLUMN_WIDTH, TABLE_HEADER_HEIGHT, } from './table.constants';
+export type { TableProps, TableHeadProps, TableHeadCellProps, TableBodyProps, TableRowProps, TableCellProps, TableDensity, SortDirection, ColumnPinned, CellAlign, CellPurpose, } from './table.types';
+export type { TableCardRowProps } from './table-card-row';
+export type { WidthColumnInput, ColumnWidthsResult, } from './use-column-widths';
+export type { UseColumnResizeParams, UseColumnResizeResult, } from './use-column-resize';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,QAAQ,EACR,SAAS,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EACL,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,YAAY,EACV,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist-lib/src/components/ui/Table/table-card-row.d.ts

@@ -0,0 +1,39 @@
+import { MouseEvent, ReactNode } from 'react';
+export type TableCardRowProps = {
+    /** Conteúdo do header do card (esquerda). Normalmente checkbox + primary column. */
+    header?: ReactNode;
+    /** Conteúdo do canto superior direito do header. Normalmente actions/menu. */
+    headerActions?: ReactNode;
+    /** Itens label/value renderizados no body do card. */
+    items: ReadonlyArray<{
+        /** Label da coluna (mostrado acima do valor). */
+        label: ReactNode;
+        /** Valor renderizado. */
+        value: ReactNode;
+        /** Key opcional pro React. Default = index. */
+        key?: string | number;
+    }>;
+    selected?: boolean;
+    /**
+     * Row está em foco pra detalhe (ex: click abriu drawer com info). Visual idêntico ao `selected`
+     * (bg brand-tinted + strip lateral brand) — mas semanticamente independente: pode coexistir com `selected`.
+     * Use pra padrão de "click row → abre detail panel", mantendo seleção (checkbox) separada.
+     */
+    open?: boolean;
+    clickable?: boolean;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    className?: string;
+};
+/**
+ * <TableCardRow> — renderização "card vertical" de uma linha pra mobile/container estreito.
+ *
+ * Layout:
+ *   ┌─────────────────────────────────────┐
+ *   │ {header}              {headerActions} │
+ *   ├─────────────────────────────────────┤
+ *   │ {label}: {value}                     │
+ *   │ {label}: {value}                     │
+ *   └─────────────────────────────────────┘
+ */
+export declare function TableCardRow({ header, headerActions, items, selected, open, clickable, onClick, className, }: TableCardRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-card-row.d.ts.map

package/dist-lib/src/components/ui/Table/table-card-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-card-row.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/table-card-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oFAAoF;IACpF,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,sDAAsD;IACtD,KAAK,EAAE,aAAa,CAAC;QACnB,iDAAiD;QACjD,KAAK,EAAE,SAAS,CAAC;QACjB,yBAAyB;QACzB,KAAK,EAAE,SAAS,CAAC;QACjB,+CAA+C;QAC/C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,EACb,KAAK,EACL,QAAgB,EAChB,IAAY,EACZ,SAAS,EACT,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CA8DnB"}

package/dist-lib/src/components/ui/Table/table.constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Constants compartilhadas do Table primitivo.
+ *
+ * Use estes valores em vez de duplicar literais — fonte única de verdade pra
+ * larguras especiais, breakpoints, e identificadores de roles dentro do grid.
+ */
+/** Largura padrão da coluna de seleção (checkbox header + body cells).
+ *  56px = 28px checkbox + 14px padding lateral × 2. Calibrado pra hit area
+ *  WCAG mobile (44×44) com folga visual. */
+export declare const SELECTION_COLUMN_WIDTH = 56;
+/** Altura do header de uma linha de tabela. Usada por skeleton, totalizer,
+ *  group header e quick filter row pra alinhar visualmente com a header bar. */
+export declare const TABLE_HEADER_HEIGHT = 42;
+//# sourceMappingURL=table.constants.d.ts.map

package/dist-lib/src/components/ui/Table/table.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/table.constants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;4CAE4C;AAC5C,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC;gFACgF;AAChF,eAAO,MAAM,mBAAmB,KAAK,CAAC"}

package/dist-lib/src/components/ui/Table/table.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeadCellProps } from './table.types';
+export declare function Table({ density, cardBreakpoint, cellBorders, ariaLabel, className, scrollRef: externalScrollRef, children, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableHead({ sticky, className, rootProps, children, }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableBody({ className, style, rootProps, virtualized, children, }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TableHeadCell: React.ForwardRefExoticComponent<TableHeadCellProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=table.d.ts.map

package/dist-lib/src/components/ui/Table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,kBAAkB,EAGnB,MAAM,eAAe,CAAC;AAiCvB,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,cAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,SAAS,EACT,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,GACT,EAAE,UAAU,2CAyCZ;AAID,wBAAgB,SAAS,CAAC,EACxB,MAAa,EACb,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,cAAc,2CAchB;AAID,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,GACT,EAAE,cAAc,2CA0BhB;AAID,eAAO,MAAM,QAAQ,sFAoDnB,CAAC;AAIH,eAAO,MAAM,SAAS,uFAgDpB,CAAC;AAIH,eAAO,MAAM,aAAa,2FAuKxB,CAAC"}

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

@@ -0,0 +1,374 @@
+/**
+ * Table styles — slots tv pra Table, TableHead, TableHeadCell, TableBody, TableRow, TableCell.
+ *
+ * Densidade afeta: altura mínima de row + padding vertical de cell.
+ * Modo card: aplicado via container query (@container) — root declara container-type.
+ */
+export declare const tableStyles: import('tailwind-variants').TVReturnType<{
+    density: {
+        compact: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        standard: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        comfortable: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+    };
+    sticky: {
+        true: {
+            head: string;
+        };
+        false: {};
+    };
+    selected: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {
+            row: string;
+            cardWrap: string;
+        };
+    };
+    clickable: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {};
+    };
+    pinned: {
+        left: {
+            headCell: string;
+            cell: string;
+        };
+        right: {
+            headCell: string;
+            cell: string;
+        };
+    };
+    align: {
+        left: {
+            cell: string;
+            headCell: string;
+        };
+        center: {
+            cell: string;
+            headCell: string;
+        };
+        right: {
+            cell: string;
+            headCell: string;
+        };
+    };
+    sortable: {
+        true: {
+            headCell: string;
+        };
+        false: {};
+    };
+    ellipsis: {
+        true: {
+            cell: string;
+        };
+        false: {};
+    };
+    cellBorders: {
+        true: {
+            headCell: string;
+            cell: string;
+        };
+        false: {};
+    };
+    /** Variant pra cells de coluna especial (selection / actions).
+     *
+     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.
+     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding
+     *    horizontal mínimo. Usado quando `type: "actions"` no DataTableColumnDef.
+     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */
+    purpose: {
+        default: {};
+        selection: {
+            headCell: string;
+            cell: string;
+        };
+        actions: {
+            headCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string[];
+    scroll: string[];
+    head: string[];
+    headCell: string[];
+    body: string[];
+    row: string[];
+    cell: string[];
+    resizeHandle: string[];
+    sortIcon: string[];
+    typeIcon: string[];
+    sortBadge: string[];
+    headRightStack: string[];
+    headSortActive: string[];
+    headSortHint: string[];
+    headMenuItem: string[];
+    cardWrap: string[];
+    cardHeader: string[];
+    cardItem: string[];
+    cardLabel: string[];
+    cardValue: string[];
+}, undefined, {
+    density: {
+        compact: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        standard: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        comfortable: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+    };
+    sticky: {
+        true: {
+            head: string;
+        };
+        false: {};
+    };
+    selected: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {
+            row: string;
+            cardWrap: string;
+        };
+    };
+    clickable: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {};
+    };
+    pinned: {
+        left: {
+            headCell: string;
+            cell: string;
+        };
+        right: {
+            headCell: string;
+            cell: string;
+        };
+    };
+    align: {
+        left: {
+            cell: string;
+            headCell: string;
+        };
+        center: {
+            cell: string;
+            headCell: string;
+        };
+        right: {
+            cell: string;
+            headCell: string;
+        };
+    };
+    sortable: {
+        true: {
+            headCell: string;
+        };
+        false: {};
+    };
+    ellipsis: {
+        true: {
+            cell: string;
+        };
+        false: {};
+    };
+    cellBorders: {
+        true: {
+            headCell: string;
+            cell: string;
+        };
+        false: {};
+    };
+    /** Variant pra cells de coluna especial (selection / actions).
+     *
+     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.
+     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding
+     *    horizontal mínimo. Usado quando `type: "actions"` no DataTableColumnDef.
+     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */
+    purpose: {
+        default: {};
+        selection: {
+            headCell: string;
+            cell: string;
+        };
+        actions: {
+            headCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string[];
+    scroll: string[];
+    head: string[];
+    headCell: string[];
+    body: string[];
+    row: string[];
+    cell: string[];
+    resizeHandle: string[];
+    sortIcon: string[];
+    typeIcon: string[];
+    sortBadge: string[];
+    headRightStack: string[];
+    headSortActive: string[];
+    headSortHint: string[];
+    headMenuItem: string[];
+    cardWrap: string[];
+    cardHeader: string[];
+    cardItem: string[];
+    cardLabel: string[];
+    cardValue: string[];
+}, import('tailwind-variants').TVReturnType<{
+    density: {
+        compact: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        standard: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+        comfortable: {
+            row: string;
+            cell: string;
+            headCell: string;
+        };
+    };
+    sticky: {
+        true: {
+            head: string;
+        };
+        false: {};
+    };
+    selected: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {
+            row: string;
+            cardWrap: string;
+        };
+    };
+    clickable: {
+        true: {
+            row: string;
+            cardWrap: string;
+        };
+        false: {};
+    };
+    pinned: {
+        left: {
+            headCell: string;
+            cell: string;
+        };
+        right: {
+            headCell: string;
+            cell: string;
+        };
+    };
+    align: {
+        left: {
+            cell: string;
+            headCell: string;
+        };
+        center: {
+            cell: string;
+            headCell: string;
+        };
+        right: {
+            cell: string;
+            headCell: string;
+        };
+    };
+    sortable: {
+        true: {
+            headCell: string;
+        };
+        false: {};
+    };
+    ellipsis: {
+        true: {
+            cell: string;
+        };
+        false: {};
+    };
+    cellBorders: {
+        true: {
+            headCell: string;
+            cell: string;
+        };
+        false: {};
+    };
+    /** Variant pra cells de coluna especial (selection / actions).
+     *
+     *  - `selection`: remove padding pra checkbox 28px caber em 56px e centralizar.
+     *  - `actions`: header em branco (sem texto/menu), sem border-right, padding
+     *    horizontal mínimo. Usado quando `type: "actions"` no DataTableColumnDef.
+     *    Border-right removida via `!border-r-0` (override do cellBorders=true). */
+    purpose: {
+        default: {};
+        selection: {
+            headCell: string;
+            cell: string;
+        };
+        actions: {
+            headCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string[];
+    scroll: string[];
+    head: string[];
+    headCell: string[];
+    body: string[];
+    row: string[];
+    cell: string[];
+    resizeHandle: string[];
+    sortIcon: string[];
+    typeIcon: string[];
+    sortBadge: string[];
+    headRightStack: string[];
+    headSortActive: string[];
+    headSortHint: string[];
+    headMenuItem: string[];
+    cardWrap: string[];
+    cardHeader: string[];
+    cardItem: string[];
+    cardLabel: string[];
+    cardValue: string[];
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=table.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/table.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuNpB;;;;;oFAKgF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IALhF;;;;;oFAKgF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IALhF;;;;;oFAKgF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2BlF,CAAC"}