@dashforge/tw 0.5.0-beta → 0.7.0-beta

package/dist/src/components/Accordion/accordion.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/accordion.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyB5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"accordion.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/accordion.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2B5B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/src/components/Box/box.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"box.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/box.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAkKtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"box.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Box/box.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAqLtB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/src/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,29 @@
+import type { DataGridProps } from './dataGrid.types.js';
+/**
+ * Dashforge TW `<DataGrid>` — virtualized data table.
+ *
+ * Companion to `<Table>` for large data sets (~500+ rows up to
+ * millions via virtualization). Same column model, sort/search/
+ * filter/selection logic (shared via `_shared/data/` helpers) —
+ * differs in render path: only the visible window of rows is mounted
+ * in DOM, with spacer `<tr>` above and below to preserve scrollbar
+ * size.
+ *
+ * Virtualization: hand-rolled (`useVirtualizer`) using
+ * `IntersectionObserver` + scroll-event + `requestAnimationFrame`
+ * debounce + `ResizeObserver`. Zero new runtime deps.
+ *
+ * Server-side mode (4 independent opt-in flags):
+ *  - `serverSideSort` — emits `onSortChange` but does NOT sort locally
+ *  - `serverSideFilter` — emits `onFilterChange` but does NOT filter
+ *  - `serverSideSearch` — emits `onSearchQueryChange` (debounced)
+ *  - `serverSidePagination` — `totalCount` prop sizes the virtual
+ *    scrollbar; `rows` is the page slice from the server
+ *
+ * Selection at scale: `selectAllScope`:
+ *  - `'allLoaded'` (default) — header checkbox toggles all rows in
+ *    `rows` prop
+ *  - `'visible'` — toggles only the current viewport window
+ */
+export declare function DataGrid<T extends object>(props: DataGridProps<T>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DataGrid.d.ts.map

package/dist/src/components/DataGrid/DataGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAwBzD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,kDAwYjE"}

package/dist/src/components/DataGrid/dataGrid.types.d.ts

@@ -0,0 +1,171 @@
+import type { ReactNode } from 'react';
+import type { AccessRequirement } from '@dashforge/rbac';
+import type { DataGridVariants } from './dataGrid.variants.js';
+import type { TableColumn, TableSortModel, TableFilterModel, TableRowSelectionMode, TableLabels } from '../Table/table.types.js';
+/**
+ * Determines what the "select all" header checkbox covers when
+ * `rowSelection="multiple"` is enabled.
+ *
+ *  - `'visible'` — only the rows currently in the viewport (after
+ *    virtualization windowing) are toggled. Useful when the
+ *    underlying data is paginated server-side and "all" semantically
+ *    refers to the screen.
+ *  - `'allLoaded'` (default) — all rows currently in the `rows` prop
+ *    are toggled. The standard "select everything I can see in this
+ *    dataset" pattern.
+ *
+ * For "select all in server-side dataset", the consumer wires it
+ * themselves (e.g. fetch all ids + setSelectedRowIds).
+ */
+export type DataGridSelectAllScope = 'visible' | 'allLoaded';
+/**
+ * Independent opt-in flags that delegate the corresponding pipeline
+ * step to the consumer. With each flag enabled, DataGrid emits the
+ * `onXChange` callback but does NOT perform the operation locally
+ * — the consumer is expected to provide the resulting `rows` array.
+ */
+export interface DataGridServerSideFlags {
+    serverSideSort?: boolean;
+    serverSideFilter?: boolean;
+    serverSideSearch?: boolean;
+    /**
+     * When true, DataGrid does NOT slice `rows` for pagination. The
+     * virtualization math uses `totalCount` (required) to size the
+     * scroll container.
+     */
+    serverSidePagination?: boolean;
+}
+export interface DataGridPaginationConfig {
+    page: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+}
+export interface DataGridSlotProps {
+    root?: {
+        className?: string;
+    };
+    toolbar?: {
+        className?: string;
+    };
+    search?: {
+        className?: string;
+    };
+    scroll?: {
+        className?: string;
+    };
+    table?: {
+        className?: string;
+    };
+    thead?: {
+        className?: string;
+    };
+    tbody?: {
+        className?: string;
+    };
+    headerRow?: {
+        className?: string;
+    };
+    headerCell?: {
+        className?: string;
+    };
+    row?: {
+        className?: string;
+    };
+    cell?: {
+        className?: string;
+    };
+    emptyState?: {
+        className?: string;
+    };
+    loadingOverlay?: {
+        className?: string;
+    };
+    selectionCell?: {
+        className?: string;
+    };
+    rowActionsCell?: {
+        className?: string;
+    };
+    bulkActionFooter?: {
+        className?: string;
+    };
+    /** Optional Pagination wrapper below the virtualized scroll. */
+    pagination?: {
+        className?: string;
+    };
+}
+/**
+ * Props for `<DataGrid>`.
+ *
+ * Companion to `<Table>` for large data sets. Where Table renders
+ * every row in DOM, DataGrid uses **homemade virtualization**
+ * (`IntersectionObserver` + scroll-event + `requestAnimationFrame`
+ * — no external libs) to render only a window of visible rows.
+ *
+ * Required:
+ *  - `rows`, `cols`, `getRowId` — same as Table
+ *  - `rowHeight` (fixed in v1; variable-height deferred to v1-bis)
+ *  - `height` — explicit container height in CSS units, OR
+ *    consumer sets it via `sx` / parent layout (the scroll container
+ *    needs a bounded height for virtualization to work)
+ *
+ * Optional:
+ *  - `overscan` — extra rows above/below viewport (default 5)
+ *  - Server-side mode flags (4 independent opt-ins)
+ *  - Internal pagination (opt-in via `pagination` config)
+ *  - `selectAllScope` — `'visible'` vs `'allLoaded'` for header
+ *    select-all checkbox
+ *  - Everything Table accepts: sort / filter / search / selection /
+ *    row actions / RBAC / variants / i18n labels / sx / slotProps
+ */
+export interface DataGridProps<T extends object> extends Pick<DataGridVariants, 'variant' | 'size' | 'density'>, DataGridServerSideFlags {
+    rows: T[];
+    cols: TableColumn<T>[];
+    getRowId: (row: T, index: number) => string;
+    /** Required: total dataset count. In client-side mode equals
+     *  `rows.length`; in `serverSidePagination` mode the consumer
+     *  provides the full count so the virtual scroll height matches. */
+    totalCount?: number;
+    /** Fixed row height in pixels. Required for windowing math. */
+    rowHeight: number;
+    /** Rows rendered above/below the viewport. @default 5 */
+    overscan?: number;
+    /** Container height in CSS units (e.g. `"600px"`, `"100vh"`).
+     *  Required for the scroll container to bound the virtualization. */
+    height?: string;
+    sortModel?: TableSortModel;
+    onSortChange?: (model: TableSortModel) => void;
+    defaultSortModel?: TableSortModel;
+    enableSearch?: boolean;
+    searchQuery?: string;
+    onSearchQueryChange?: (q: string) => void;
+    searchPlaceholder?: string;
+    searchDebounceMs?: number;
+    filterModel?: TableFilterModel;
+    onFilterChange?: (model: TableFilterModel) => void;
+    rowSelection?: TableRowSelectionMode;
+    selectedRowIds?: string[];
+    onSelectionChange?: (ids: string[]) => void;
+    /** Bulk action sticky footer (visible only when selection > 0). */
+    bulkActions?: (selectedRows: T[]) => ReactNode;
+    /**
+     * Scope of the "select all" header checkbox.
+     * @default 'allLoaded'
+     */
+    selectAllScope?: DataGridSelectAllScope;
+    pagination?: DataGridPaginationConfig;
+    rowActions?: (row: T) => ReactNode;
+    loading?: boolean;
+    loadingRowCount?: number;
+    emptyState?: ReactNode;
+    stickyHeader?: boolean;
+    caption?: ReactNode;
+    showCaption?: boolean;
+    access?: AccessRequirement;
+    labels?: TableLabels;
+    sx?: string;
+    slotProps?: DataGridSlotProps;
+}
+//# sourceMappingURL=dataGrid.types.d.ts.map

package/dist/src/components/DataGrid/dataGrid.types.d.ts.map

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

package/dist/src/components/DataGrid/dataGrid.variants.d.ts

@@ -0,0 +1,216 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * `<DataGrid>` variant recipe.
+ *
+ * Sibling of `tableVariants` — shares the same visual axes (variant /
+ * size / density) and the same identity-rule patterns:
+ *  - No `dark:` variants on neutral palette (auto-invert via the
+ *    dashforgePreset() CSS var swap).
+ *  - Selected row uses LeftNav `itemActive` pattern
+ *    (`bg-primary-100 text-primary-900`) — guaranteed contrast.
+ *  - Hover uses one-tier elevation (`bg-neutral-100`).
+ *
+ * DataGrid-specific slot additions vs Table:
+ *  - `stickyLeftCell` — column that uses `cols[i].sticky === 'left'`.
+ *    Z-index ordering: `thead` (z-10) < `stickyLeftCell` (z-11) <
+ *    `header × stickyLeft top-left corner cell` (z-20).
+ *  - `paginationFooter` — wraps the optional `<Pagination>`.
+ */
+export declare const dataGridVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    rowActionsCell: string[];
+    emptyState: string;
+    loadingOverlay: string;
+    bulkActionFooter: string[];
+    stickyLeftCell: string;
+    stickyLeftHeaderCell: string;
+    paginationFooter: string;
+}, undefined, {
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    rowActionsCell: string[];
+    emptyState: string;
+    loadingOverlay: string;
+    bulkActionFooter: string[];
+    stickyLeftCell: string;
+    stickyLeftHeaderCell: string;
+    paginationFooter: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    rowActionsCell: string[];
+    emptyState: string;
+    loadingOverlay: string;
+    bulkActionFooter: string[];
+    stickyLeftCell: string;
+    stickyLeftHeaderCell: string;
+    paginationFooter: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DataGridVariants = VariantProps<typeof dataGridVariants>;
+//# sourceMappingURL=dataGrid.variants.d.ts.map

package/dist/src/components/DataGrid/dataGrid.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataGrid.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/dataGrid.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0H3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/src/components/Dialog/dialog.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/dialog.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAyCzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"dialog.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/dialog.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6CzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/src/components/Divider/divider.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/divider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gEA0B1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAYnE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAyC9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"divider.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/divider.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gEA0B1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAYnE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA0C9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/src/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,uBAAuB,CAAC;AAgB/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAiOhD"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,uBAAuB,CAAC;AAgB/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmOhD"}

package/dist/src/components/Pagination/pagination.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/pagination.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAsF7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"pagination.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/pagination.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA4F7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/src/components/Popover/popover.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/popover.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAa1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"popover.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/popover.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmB1B,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/src/components/Skeleton/skeleton.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/skeleton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkD3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"skeleton.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Skeleton/skeleton.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmD3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/src/components/Table/Table.d.ts

@@ -0,0 +1,24 @@
+import type { TableProps } from './table.types.js';
+/**
+ * Dashforge TW `<Table>` — declarative-first, market-grounded table.
+ *
+ * Design references:
+ *  - Visual: Stripe (clean line dividers, hover row actions, sticky header)
+ *  - Density: Pencil & Paper UX research (compact / comfortable / spacious)
+ *  - A11Y: W3C WAI Table tutorial (semantic `<table>`, scope, aria-sort)
+ *  - Column model: extended from Dashforge MUI Table existing API
+ *
+ * Smart defaults: column types auto-detected → numbers right-aligned
+ * + tabular-nums, dates monospace, booleans center-aligned. Override
+ * via explicit `align` / `monospace` per column.
+ *
+ * State (sort / search / filter / selection / expansion) is internal
+ * by default; pass the controlled prop + matching change handler to
+ * lift state up — same pattern as `<TextField>` value.
+ *
+ * i18n: pass `header: t('users.name')` for column headers; pass
+ * `labels={{ searchPlaceholder: t('...'), ... }}` for internal default
+ * strings.
+ */
+export declare function Table<T extends object>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Table.d.ts.map

package/dist/src/components/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,UAAU,EAKX,MAAM,kBAAkB,CAAC;AA0B1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,kDAgW3D"}

package/dist/src/components/Table/cells/RenderButton.d.ts

@@ -0,0 +1,13 @@
+import type { MouseEvent, ReactNode } from 'react';
+import type { ButtonProps } from '../../Button/button.types.js';
+export interface RenderButtonProps extends Pick<ButtonProps, 'variant' | 'color' | 'size' | 'disabled' | 'access'> {
+    label: ReactNode;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * Inline button cell renderer. Thin wrapper over `<Button>` with
+ * the size narrowed to `sm` by default (table density expects compact
+ * controls).
+ */
+export declare function RenderButton(props: RenderButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenderButton.d.ts.map

package/dist/src/components/Table/cells/RenderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/cells/RenderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAOpD"}

package/dist/src/components/Table/cells/RenderChip.d.ts

@@ -0,0 +1,80 @@
+import type { ReactNode } from 'react';
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * Internal mini-chip used by the cell renderer library. Not exported
+ * from `@dashforge/tw` as a standalone component (per Sprint 4.1
+ * scope decision — a standalone `<Chip>` may ship in Sprint 5 if
+ * demand emerges).
+ *
+ * Variants:
+ *  - `color`: 7 intents (neutral / primary / success / warning /
+ *    danger / info / secondary)
+ *  - `variant`: `soft` (default) / `solid` / `outline`
+ *  - `size`: `sm` / `md`
+ */
+declare const chipVariants: import("tailwind-variants").TVReturnType<{
+    color: {
+        neutral: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+        secondary: string;
+    };
+    variant: {
+        soft: string;
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, string[], {
+    color: {
+        neutral: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+        secondary: string;
+    };
+    variant: {
+        soft: string;
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    color: {
+        neutral: string;
+        primary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        info: string;
+        secondary: string;
+    };
+    variant: {
+        soft: string;
+        solid: string;
+        outline: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ChipVariants = VariantProps<typeof chipVariants>;
+export interface RenderChipProps extends ChipVariants {
+    children: ReactNode;
+    className?: string;
+}
+export declare function RenderChip(props: RenderChipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RenderChip.d.ts.map

package/dist/src/components/Table/cells/RenderChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/cells/RenderChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAsEhB,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAOhD"}

package/dist/src/components/Table/cells/RenderText.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+export interface RenderTextProps {
+    value: ReactNode;
+    /** Truncate to one line with ellipsis on overflow. @default false */
+    truncate?: boolean;
+    /** Secondary text color (less prominent). @default false */
+    muted?: boolean;
+    /** Extra class merged via `tailwind-merge`. */
+    className?: string;
+}
+/**
+ * Plain text cell renderer. Wraps the value in a `<span>` and
+ * optionally truncates on overflow. Use this for the most common
+ * case: render a single string value.
+ *
+ * The Table component does NOT use this by default for plain
+ * string columns — it just renders `{value}` directly. Use
+ * `RenderText` when you need the truncate / muted styling.
+ */
+export declare function RenderText(props: RenderTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenderText.d.ts.map

package/dist/src/components/Table/cells/RenderText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderText.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/cells/RenderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAchD"}

package/dist/src/components/Table/cells/RenderTwoLine.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export interface RenderTwoLineProps {
+    primary: ReactNode;
+    secondary: ReactNode;
+    className?: string;
+}
+/**
+ * Two-line cell renderer: a bold primary line stacked above a muted
+ * secondary line. Useful for `Name + email`, `Title + ID`, etc.
+ *
+ * Replaces the MUI-side `RenderTwoLineCell` without the magic-number
+ * vertical-align fudges (`mt: 0.8 / 0.2`) — flexbox handles the
+ * vertical layout cleanly.
+ *
+ * Dashforge identity rule: text colors auto-invert via the
+ * `dashforgePreset()` CSS-variable swap. No `dark:` variants needed
+ * on neutral palette.
+ */
+export declare function RenderTwoLine(props: RenderTwoLineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RenderTwoLine.d.ts.map

package/dist/src/components/Table/cells/RenderTwoLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderTwoLine.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/cells/RenderTwoLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAYtD"}