@multiplatform.one/table 6.0.4 → 6.3.0

package/src/utils/withInterp.spec.ts

@@ -0,0 +1,30 @@
+import { describe, expect, it } from "vitest";
+import { bidiIsolate, withInterp } from "./withInterp";
+
+describe("withInterp", () => {
+  it("no-ops when the translation already interpolated", () => {
+    expect(withInterp("Delete row 3", { row: 3 })).toBe("Delete row 3");
+  });
+
+  it("interpolates the raw key when i18n is uninitialized", () => {
+    expect(withInterp("Delete row {{row}}", { row: 3 })).toBe("Delete row 3");
+  });
+
+  it("leaves unknown variables as-is", () => {
+    expect(withInterp("Delete row {{row}}", { other: 1 })).toBe("Delete row {{row}}");
+  });
+
+  it("handles multiple variables", () => {
+    expect(withInterp("{{a}} of {{b}}", { a: 1, b: 2 })).toBe("1 of 2");
+  });
+});
+
+describe("bidiIsolate", () => {
+  it("wraps the run in FSI…PDI so RTL contexts cannot reorder it", () => {
+    expect(bidiIsolate("1–5 of 5")).toBe("\u20681–5 of 5\u2069");
+  });
+
+  it("leaves empty strings alone (nothing to isolate)", () => {
+    expect(bidiIsolate("")).toBe("");
+  });
+});

package/src/utils/withInterp.ts

@@ -0,0 +1,31 @@
+/**
+ * Apply `{{var}}` interpolation when react-i18next returns an untranslated key
+ * (no i18n instance in unit tests / headless DS). Same helper the i18n pass
+ * added to components (`components/src/shared/t.ts`); row-action aria-labels
+ * interpolate row identity (DG-A11Y-06), so they need it here too.
+ */
+export function withInterp(
+  translated: string,
+  options: Record<string, string | number | undefined | null>,
+): string {
+  if (!translated.includes("{{")) return translated;
+  return translated.replace(/\{\{(\w+)\}\}/g, (_, key: string) => {
+    const value = options[key];
+    return value === undefined || value === null ? `{{${key}}}` : String(value);
+  });
+}
+
+/**
+ * First-strong bidi isolation — FSI…PDI (`\u2068…\u2069`), the string form of
+ * `<bdi>`. Same helper as `components/src/shared/t.ts` (same duplication
+ * precedent as `withInterp` above). Interpolated count/range labels
+ * ("1–5 of 5") reorder inside an RTL paragraph ("of 5 5–1"); isolating the
+ * whole formatted run gives it its own base direction from its first strong
+ * character, so untranslated latin copy renders LTR as a unit while
+ * translated RTL copy still renders RTL. Apply to visible numeric labels at
+ * the interpolation site.
+ */
+export function bidiIsolate(text: string): string {
+  if (!text) return text;
+  return `\u2068${text}\u2069`;
+}

package/types/components/ChildTable/index.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+import { type AnyFormApi } from "@multiplatform.one/forms";
+import type { DataTableColumn, DataTableData } from "../../types";
+export type ChildTableProps<TRow extends DataTableData = DataTableData> = {
+    name?: string;
+    form?: AnyFormApi;
+    validators?: Record<string, unknown>;
+    value?: TRow[];
+    onChange?: (rows: TRow[]) => void;
+    columns: DataTableColumn<TRow>[];
+    defaultRow?: Partial<TRow>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    skeleton?: boolean;
+    compact?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    showRowNumbers?: boolean;
+    showAddRow?: boolean;
+    showDeleteRow?: boolean;
+    label?: ReactNode;
+    error?: string | boolean;
+    helperText?: string;
+    required?: boolean;
+    id?: string;
+};
+export declare function ChildTable<TRow extends DataTableData = DataTableData>(props: ChildTableProps<TRow>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/components/ChildTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChildTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtF,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,aAAa,GAAG,aAAa,IAAI;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AA0BF,wBAAgB,UAAU,CAAC,IAAI,SAAS,aAAa,GAAG,aAAa,EACnE,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,2CA4F7B"}

package/types/components/ColumnHeaderFilter/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ColumnHeaderFilter - Filter popover for individual column headers
+ * AG Grid style column filtering with operators and value inputs
+ */
+export type ColumnFilterType = "text" | "number" | "date" | "boolean" | "select";
+export interface ColumnHeaderFilterProps {
+    columnId: string;
+    columnLabel: string;
+    columnType: ColumnFilterType;
+    /** Current filter value for this column */
+    filterValue?: any;
+    /** Callback when filter changes */
+    onFilterChange: (value: any) => void;
+    /** Options for select-type columns */
+    options?: Array<{
+        label: string;
+        value: any;
+    }>;
+    /** Whether the column is currently filtered */
+    isFiltered?: boolean;
+}
+export declare function ColumnHeaderFilter({ columnId: _columnId, columnLabel, columnType, filterValue: _filterValue, onFilterChange, options, isFiltered, }: ColumnHeaderFilterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/types/components/ColumnHeaderFilter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnHeaderFilter/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAkBH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mCAAmC;IACnC,cAAc,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,sCAAsC;IACtC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;IAC/C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EAAE,SAAS,EACnB,WAAW,EACX,UAAU,EACV,WAAW,EAAE,YAAY,EACzB,cAAc,EACd,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,2CAqGzB"}

package/types/components/DataTable/DataTableCardControls.d.ts

@@ -0,0 +1,30 @@
+/**
+ * DataTableCardControls - sort + filter affordances for the card layout.
+ *
+ * In the grid layout, sorting and per-column filtering live in the column
+ * headers. The card layout has no headers, so this compact control row
+ * restores those affordances above the card list: a sort menu (cycles
+ * none → asc → desc per sortable column, mirroring the header click
+ * cycle) and the existing DataTableFilters compact chrome (add filter +
+ * active count + clear). Both operate on the same table state as the
+ * grid — no parallel state.
+ */
+import type { DataTableColumnType, FacetedFilterOption } from "../../types";
+export interface DataTableCardControlsProps {
+    /** TanStack table instance (from useDataTable). */
+    table: any;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    /** Columns offered by the filter builder (id/label/type). */
+    availableColumns?: Array<{
+        id: string;
+        label: string;
+        type: DataTableColumnType;
+        options?: FacetedFilterOption[];
+    }>;
+    compact?: boolean;
+    /** Table-level disabled state (UX-011): controls render inert + LC-40 visible. */
+    disabled?: boolean;
+}
+export declare function DataTableCardControls({ table, enableSorting, enableFiltering, availableColumns, compact, disabled, }: DataTableCardControlsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DataTableCardControls.d.ts.map

package/types/components/DataTable/DataTableCardControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCardControls.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCardControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAI5E,MAAM,WAAW,0BAA0B;IACzC,mDAAmD;IACnD,KAAK,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,KAAK,CAAC;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,mBAAmB,CAAC;QAC1B,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;KACjC,CAAC,CAAC;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,aAAqB,EACrB,eAAuB,EACvB,gBAAqB,EACrB,OAAe,EACf,QAAgB,GACjB,EAAE,0BAA0B,kDA+F5B"}

package/types/components/DataTable/DataTableContext.d.ts

@@ -0,0 +1,11 @@
+/**
+ * DataTableContext - styled context for DataTable compound component.
+ *
+ * Shares variant props (size, compact) across the compound tree
+ * so sub-components render with consistent sizing without prop drilling.
+ */
+export declare const DataTableContext: import("@tamagui/web").StyledContext<{
+    size: "sm" | "md" | "lg";
+    compact: boolean;
+}>;
+//# sourceMappingURL=DataTableContext.d.ts.map

package/types/components/DataTable/DataTableContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableContext.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,gBAAgB;UACrB,IAAI,GAAG,IAAI,GAAG,IAAI;aACf,OAAO;EAIhB,CAAC"}

package/types/components/DataTable/DataTableMobileCards.d.ts

@@ -0,0 +1,37 @@
+/**
+ * DataTableMobileCards - stacked card-list view for DataTable.
+ *
+ * Renders each row as a card instead of a grid row. Used when the
+ * resolved layout is "cards" (below the `$sm` breakpoint with
+ * layout="auto", or forced via layout="cards").
+ *
+ * Card anatomy (knobs system): `surface` + `cardSurface` fragments own
+ * the card frame; the first visible column renders as the card title in
+ * the header row (with selection checkbox / row number / delete), and
+ * the remaining visible columns render as label/value rows. Column
+ * visibility and order from table state apply unchanged — cells come
+ * from `row.getVisibleCells()`. Values render through the same cell
+ * renderers as the grid, inside `TableCellContext` so fields stay
+ * chromeless (useIsInTableCell).
+ */
+import type React from "react";
+export interface DataTableMobileCardsProps<TData> {
+    tableRows: any[];
+    enableRowSelection?: boolean;
+    showRowNumbers: boolean;
+    showDeleteRow: boolean;
+    readOnly: boolean;
+    /** Table-level disabled state (UX-011): controls render inert + LC-40 visible. */
+    disabled?: boolean;
+    dataLength: number;
+    minRows: number;
+    hasActiveFilters: boolean;
+    renderCellContent: (cell: any, rowIndex: number, rowData: TData) => React.ReactNode;
+    onDeleteRow: (rowIndex: number) => void;
+    selectAllChecked?: boolean;
+    selectAllIndeterminate?: boolean;
+    onToggleSelectAll?: () => void;
+    compact?: boolean;
+}
+export declare function DataTableMobileCards<TData extends Record<string, any>>({ tableRows, enableRowSelection, showRowNumbers, showDeleteRow, readOnly, disabled, dataLength, minRows, hasActiveFilters, renderCellContent, onDeleteRow, selectAllChecked, selectAllIndeterminate, onToggleSelectAll, compact, }: DataTableMobileCardsProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableMobileCards.d.ts.map

package/types/components/DataTable/DataTableMobileCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableMobileCards.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableMobileCards.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAMH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,yBAAyB,CAAC,KAAK;IAC9C,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACtE,SAAS,EACT,kBAA0B,EAC1B,cAAc,EACd,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,gBAAwB,EACxB,sBAA8B,EAC9B,iBAAiB,EACjB,OAAe,GAChB,EAAE,yBAAyB,CAAC,KAAK,CAAC,2CAsKlC"}

package/types/components/DataTable/DataTableRoot.d.ts

@@ -0,0 +1,22 @@
+/**
+ * DataTableRoot - core table rendering component.
+ *
+ * Renders the table structure: headers, body rows, cells, footer.
+ * Handles form mode vs standalone mode, toolbar, pagination, mobile
+ * cards, virtualization, and keyboard navigation.
+ *
+ * This component calls useDataTable internally and provides state
+ * via both DataTableContext (styled) and DataTableStateContext (regular).
+ */
+import React from "react";
+import type { DataTableProps } from "../../types";
+export interface DataTableRootProps<TData extends Record<string, any> = Record<string, any>> extends DataTableProps<TData> {
+    /** Compound sub-components rendered as children */
+    children?: React.ReactNode;
+    /** Structural modifier: compact layout */
+    compact?: boolean;
+    /** Structural modifier: disabled state */
+    disabled?: boolean;
+}
+export declare function DataTableRoot<TData extends Record<string, any> = Record<string, any>>({ data, columns, initialState, onStateChange, onRetry, syncWithUrl, urlDebounceMs, urlStrategy, manualFiltering, manualPagination, manualSorting, enableFiltering, filterableFields, enableSorting, enablePagination, pageSizeOptions, paginationMode, loadPage, enableColumnVisibility, enableColumnOrdering, enableColumnResizing, enableGlobalSearch, enableViews, columnLayout, layout, enableVirtualization, virtualizationHeight, virtualizationOverscan, enableRowExpansion, renderSubComponent, getSubRows, enableColumnPinning, maxPinnedColumns, enableGrouping, enableKeyboardNavigation, enableRowSelection, selectAllScope: selectAllScopeProp, bulkActions, readOnly, onCellChange, name, form: formProp, showRowNumbers, showAddRow, showDeleteRow, minRows, maxRows, defaultRow, onDataChange, rowCount, pageCount, renderToolbar, renderPagination, renderFilters: _renderFilters, className, size, compact, disabled, children, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: DataTableRootProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableRoot.d.ts.map

package/types/components/DataTable/DataTableRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRoot.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAcH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,KAAK,EAIV,cAAc,EAEf,MAAM,aAAa,CAAC;AA+CrB,MAAM,WAAW,kBAAkB,CACjC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CACvD,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACrF,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,OAAO,EACP,WAAmB,EACnB,aAAmB,EACnB,WAAW,EACX,eAAuB,EACvB,gBAAwB,EACxB,aAAqB,EACrB,eAAsB,EACtB,gBAAgB,EAChB,aAAoB,EACpB,gBAAuB,EACvB,eAAe,EACf,cAAwB,EACxB,QAAQ,EACR,sBAA6B,EAC7B,oBAA4B,EAC5B,oBAA4B,EAC5B,kBAAyB,EACzB,WAAmB,EACnB,YAAsB,EACtB,MAAe,EACf,oBAA4B,EAC5B,oBAAoB,EACpB,sBAA0B,EAC1B,kBAA0B,EAC1B,kBAAkB,EAClB,UAAU,EACV,mBAA2B,EAC3B,gBAAoB,EACpB,cAAsB,EACtB,wBAAgC,EAChC,kBAA0B,EAC1B,cAAc,EAAE,kBAAkB,EAClC,WAAW,EACX,QAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,cAAsB,EACtB,UAAkB,EAClB,aAAqB,EACrB,OAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,EAAE,cAAc,EAC7B,SAAS,EACT,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAizD3B"}

package/types/components/DataTable/DataTableStateContext.d.ts

@@ -0,0 +1,77 @@
+/**
+ * DataTableStateContext - regular React context for sharing table state.
+ *
+ * Shares the useDataTable return value (table instance, state, actions,
+ * computed values) across the compound tree. Sub-components consume this
+ * context instead of receiving state/action props.
+ *
+ * Uses regular createContext (not createStyledContext) because this
+ * shares non-style state -- table instance, callbacks, computed values.
+ */
+import type { Table as ReactTable } from "@tanstack/react-table";
+import type { DataTableState, SelectAllScope } from "../../types";
+/**
+ * What the toolbar filter surface should edit when it opens:
+ * - `new`: start from the searchable field list
+ * - `advanced`: an existing toolbar/hidden-field filter (chip press)
+ * - `column`: an existing column-funnel filter (chip press)
+ */
+export type FilterEditTarget = {
+    kind: "new";
+} | {
+    kind: "advanced";
+    filterId: string;
+} | {
+    kind: "column";
+    columnId: string;
+};
+/** Shared channel between the filter chips bar and the toolbar filter surface. */
+export interface DataTableFilterUi {
+    editTarget: FilterEditTarget | null;
+    requestEdit: (target: FilterEditTarget | null) => void;
+}
+export interface DataTableStateContextValue<TData = any> {
+    table: ReactTable<TData>;
+    state: DataTableState;
+    /** Effective select-all scope (house `selectAllScope` knob / prop). */
+    selectAllScope?: SelectAllScope;
+    /** Chip-press → toolbar filter editor channel. Present when Root wires it. */
+    filterUi?: DataTableFilterUi;
+    actions: {
+        setGlobalFilter: (value: string) => void;
+        setFilters: (filters: any[]) => void;
+        addFilter: (filter: any) => void;
+        removeFilter: (filterId: string) => void;
+        clearFilters: () => void;
+        setPagination: (pagination: any) => void;
+        setSorting: (sorting: any) => void;
+        toggleColumnVisibility: (columnId: string, visible?: boolean) => void;
+        setColumnOrder: (order: string[]) => void;
+        setColumnSizing: (sizing: Record<string, number>) => void;
+        saveView: (name: string) => void;
+        loadView: (viewId: string) => void;
+        resetToDefault: () => void;
+        setExpanded?: (expanded: any) => void;
+        [key: string]: any;
+    };
+    computed: {
+        filteredData: any[];
+        paginatedData: any[];
+        totalPages: number;
+        /** Total row count across all pages (post-filter; server total when paginating manually). */
+        totalRows: number;
+        hasActiveFilters: boolean;
+        activeFilterCount: number;
+        [key: string]: any;
+    };
+}
+export declare const DataTableStateContext: import("react").Context<DataTableStateContextValue<any> | null>;
+/**
+ * Hook for sub-components to access the DataTable state context.
+ *
+ * Returns the table instance, state, actions, and computed values
+ * from the nearest DataTable ancestor. Returns null when no provider
+ * is present (for example when a sub-component is used with explicit props only).
+ */
+export declare function useDataTableState<TData = any>(): DataTableStateContextValue<TData> | null;
+//# sourceMappingURL=DataTableStateContext.d.ts.map

package/types/components/DataTable/DataTableStateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStateContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableStateContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,GACf;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,WAAW,0BAA0B,CAAC,KAAK,GAAG,GAAG;IACrD,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,KAAK,EAAE,cAAc,CAAC;IACtB,uEAAuE;IACvE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,UAAU,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;QACrC,SAAS,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;QACjC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;QACzC,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,aAAa,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;QACzC,UAAU,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;QACnC,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;QACtE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QAC1C,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;QAC1D,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;QACtC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,QAAQ,EAAE;QACR,YAAY,EAAE,GAAG,EAAE,CAAC;QACpB,aAAa,EAAE,GAAG,EAAE,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,6FAA6F;QAC7F,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,qBAAqB,iEAAyD,CAAC;AAE5F;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,GAAG,GAAG,KAAK,0BAA0B,CAAC,KAAK,CAAC,GAAG,IAAI,CAEzF"}

package/types/components/DataTable/DataTableVirtualized.d.ts

@@ -0,0 +1,36 @@
+/**
+ * DataTableVirtualized - virtual scroll mode for DataTable.
+ *
+ * Uses TanStack Virtual to render only visible rows, enabling
+ * performant display of large datasets. Renders absolute-positioned
+ * rows inside a scrollable container with a filler area for
+ * column border extension.
+ */
+import type React from "react";
+export interface DataTableVirtualizedProps {
+    virtualItems: any[];
+    totalSize: number;
+    bodyScrollRef: React.RefObject<HTMLDivElement | null>;
+    virtualizationHeight: number | undefined;
+    tableRows: any[];
+    headerGroups: any[];
+    showRowNumbers: boolean;
+    enableRowExpansion: boolean;
+    showDeleteRow: boolean;
+    readOnly: boolean;
+    enableKeyboardNavigation: boolean;
+    keyboardNav: any;
+    getColSizeProps: (col: any) => any;
+    renderRowContent: (row: any, rowIndex: number, isLastRow: boolean, cellElement?: "div") => React.ReactNode;
+    extraColumnsBefore: number;
+    extraColumnsAfter: number;
+    table: any;
+    /**
+     * Infinite mode: the virtual count includes one extra tail row past the
+     * loaded rows. It renders a skeleton (append affordance) and extends the
+     * scroll range so appended pages grow geometry seamlessly.
+     */
+    hasInfiniteTail?: boolean;
+}
+export declare function DataTableVirtualized({ virtualItems, totalSize, bodyScrollRef, virtualizationHeight, tableRows, headerGroups, showRowNumbers, enableRowExpansion, showDeleteRow, readOnly, enableKeyboardNavigation, keyboardNav, getColSizeProps, renderRowContent, hasInfiniteTail, }: DataTableVirtualizedProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableVirtualized.d.ts.map

package/types/components/DataTable/DataTableVirtualized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableVirtualized.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableVirtualized.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,OAAO,CAAC;IAClC,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC;IACnC,gBAAgB,EAAE,CAChB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,OAAO,EAClB,WAAW,CAAC,EAAE,KAAK,KAChB,KAAK,CAAC,SAAS,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,eAAuB,GACxB,EAAE,yBAAyB,2CAkJ3B"}

package/types/components/DataTable/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * DataTable - compound component for data tables.
+ *
+ * Orchestrates DataTableRoot with all sub-components attached via
+ * withStaticProperties. Supports both compound composition:
+ *
+ *   <DataTable data={data} columns={columns}>
+ *     <DataTable.Toolbar />
+ *     <DataTable.Pagination />
+ *   </DataTable>
+ *
+ * Or the root only (no child slots):
+ *
+ *   <DataTable data={data} columns={columns} />
+ */
+import { DataTableRoot } from "./DataTableRoot";
+import { DataTableToolbar } from "../DataTableToolbar";
+import { DataTableFilters } from "../DataTableFilters";
+import { DataTablePagination } from "../DataTablePagination";
+import { DataTableBulkActions } from "../DataTableBulkActions";
+import { DataTableExport } from "../DataTableExport";
+import { DataTableSearch } from "../DataTableSearch";
+import { DataTableViewOptions } from "../DataTableViewOptions";
+import { DataTableGrouping } from "../DataTableGrouping";
+export { DataTableContext } from "./DataTableContext";
+export { DataTableStateContext, useDataTableState } from "./DataTableStateContext";
+export type { DataTableStateContextValue } from "./DataTableStateContext";
+export type { DataTableRootProps } from "./DataTableRoot";
+export declare const DataTable: typeof DataTableRoot & {
+    Toolbar: typeof DataTableToolbar;
+    Filters: typeof DataTableFilters;
+    Pagination: typeof DataTablePagination;
+    BulkActions: typeof DataTableBulkActions;
+    /** Alias for BulkActions — auto-shown by DataTableRoot when enableRowSelection is on. */
+    SelectionToolbar: typeof DataTableBulkActions;
+    Export: typeof DataTableExport;
+    Search: typeof DataTableSearch;
+    ViewOptions: typeof DataTableViewOptions;
+    Grouping: typeof DataTableGrouping;
+};
+export type DataTableComponent = typeof DataTable;
+//# sourceMappingURL=index.d.ts.map

package/types/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACnF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,eAAO,MAAM,SAAS;;;;;IAKpB,yFAAyF;;;;;;CAMzF,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC"}

package/types/components/DataTable/index.native.d.ts

@@ -0,0 +1,33 @@
+/**
+ * DataTable - compound component for data tables (native variant).
+ *
+ * Uses FlashList for virtualization on native platforms.
+ * Exports the same interface as the web version.
+ */
+import { DataTablePagination } from "../DataTablePagination";
+import { DataTableToolbar } from "../DataTableToolbar";
+import { DataTableFilters } from "../DataTableFilters";
+import { DataTableBulkActions } from "../DataTableBulkActions";
+import { DataTableExport } from "../DataTableExport";
+import { DataTableSearch } from "../DataTableSearch";
+import { DataTableViewOptions } from "../DataTableViewOptions";
+import { DataTableGrouping } from "../DataTableGrouping";
+import type { DataTableRootProps } from "./DataTableRoot";
+export { DataTableContext } from "./DataTableContext";
+export { DataTableStateContext, useDataTableState } from "./DataTableStateContext";
+export type { DataTableStateContextValue } from "./DataTableStateContext";
+export type { DataTableRootProps } from "./DataTableRoot";
+declare function DataTableRoot<TData extends Record<string, any> = Record<string, any>>({ data, columns, initialState, onStateChange, onRetry, syncWithUrl, urlDebounceMs, urlStrategy, manualFiltering, manualPagination, manualSorting, enableFiltering, enableSorting, enablePagination, pageSizeOptions, enableColumnVisibility, enableColumnOrdering, enableColumnResizing, enableGlobalSearch, enableViews, layout, enableVirtualization, virtualizationHeight, virtualizationOverscan, enableRowExpansion, renderSubComponent, enableColumnPinning, maxPinnedColumns, enableKeyboardNavigation: _enableKeyboardNavigation, readOnly, onCellChange, name, form: formProp, showRowNumbers, showAddRow, showDeleteRow, minRows, maxRows, defaultRow, onDataChange, rowCount, pageCount, renderToolbar, renderPagination, renderFilters, className: _className, size, compact, disabled, children, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: DataTableRootProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: typeof DataTableRoot & {
+    Toolbar: typeof DataTableToolbar;
+    Filters: typeof DataTableFilters;
+    Pagination: typeof DataTablePagination;
+    BulkActions: typeof DataTableBulkActions;
+    SelectionToolbar: typeof DataTableBulkActions;
+    Export: typeof DataTableExport;
+    Search: typeof DataTableSearch;
+    ViewOptions: typeof DataTableViewOptions;
+    Grouping: typeof DataTableGrouping;
+};
+export type DataTableComponent = typeof DataTable;
+//# sourceMappingURL=index.native.d.ts.map

package/types/components/DataTable/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAuBH,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAMzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACnF,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AA4D1D,iBAAS,aAAa,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAC9E,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,OAAO,EACP,WAAmB,EACnB,aAAmB,EACnB,WAAW,EACX,eAAuB,EACvB,gBAAwB,EACxB,aAAqB,EACrB,eAAsB,EACtB,aAAoB,EACpB,gBAAuB,EACvB,eAAe,EACf,sBAA6B,EAC7B,oBAA4B,EAC5B,oBAA4B,EAC5B,kBAAyB,EACzB,WAAmB,EACnB,MAAe,EACf,oBAA4B,EAC5B,oBAAoB,EACpB,sBAA0B,EAC1B,kBAA0B,EAC1B,kBAAkB,EAClB,mBAA2B,EAC3B,gBAAoB,EACpB,wBAAwB,EAAE,yBAAiC,EAC3D,QAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EAAE,QAAQ,EACd,cAAsB,EACtB,UAAkB,EAClB,aAAqB,EACrB,OAAW,EACX,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EAAE,UAAU,EACrB,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAi3B3B;AAED,eAAO,MAAM,SAAS;;;;;;;;;;CAUpB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC"}

package/types/components/DataTableBulkActions/index.d.ts

@@ -0,0 +1,33 @@
+import type { BulkAction } from "../../types";
+export type { BulkAction };
+export interface DataTableBulkActionsProps<T = any> {
+    selectedItems?: T[];
+    onClearSelection?: () => void;
+    actions: BulkAction<T>[];
+    maxVisibleActions?: number;
+    showSelectionCount?: boolean;
+    selectionKey?: keyof T;
+    /** Sticky edge for the selection bar (house `bulkBarPlacement`). Default top. */
+    placement?: "top" | "bottom";
+}
+export declare function DataTableBulkActions<T = any>(props: DataTableBulkActionsProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export interface UseRowSelectionOptions<T = any> {
+    data: T[];
+    selectionKey?: keyof T;
+    initialSelection?: T[];
+    onSelectionChange?: (selectedItems: T[]) => void;
+}
+export interface UseRowSelectionReturn<T = any> {
+    selectedItems: T[];
+    selectedIds: Set<string | number>;
+    isSelected: (item: T) => boolean;
+    isAllSelected: boolean;
+    isIndeterminate: boolean;
+    toggleItem: (item: T) => void;
+    toggleAll: () => void;
+    selectItems: (items: T[]) => void;
+    clearSelection: () => void;
+    selectAll: () => void;
+}
+export declare function useRowSelection<T = any>({ data, selectionKey, initialSelection, onSelectionChange, }: UseRowSelectionOptions<T>): UseRowSelectionReturn<T>;
+//# sourceMappingURL=index.d.ts.map

package/types/components/DataTableBulkActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTableBulkActions/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG;IAChD,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;IACvB,iFAAiF;IACjF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,kDAkMhF;AA8CD,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,GAAG;IAC7C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,GAAG;IAC5C,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAClC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,EACvC,IAAI,EACJ,YAA8B,EAC9B,gBAAqB,EACrB,iBAAiB,GAClB,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CA2DtD"}

package/types/components/DataTableCell/CellModalEditor.d.ts

@@ -0,0 +1,34 @@
+/**
+ * CellModalEditor — wraps tall field types (FileUpload, Signature, RichText,
+ * etc.) in a Tamagui Dialog that opens on cell click. Cell shows a compact
+ * `FieldDisplay` summary; click opens a centered modal with the full editor.
+ *
+ * The modal is a staging buffer (UX-023 / Axiom 7 AGENCY): the inner editor
+ * is wired to a local draft seeded from the committed value on open — nothing
+ * reaches the row while the modal is open. "Done" commits the draft once via
+ * `onCommit`; an outside click also commits (LC-21: a cell editor's draft
+ * still commits on the outside-click close); "Cancel" and Escape discard the
+ * draft and leave the row untouched. Cancel is never disabled (LC-30) and the
+ * footer stays within the two-action dialog budget (LC-31).
+ */
+import { type FieldDisplayType } from "@multiplatform.one/forms";
+import { type ReactNode } from "react";
+export interface CellModalEditorProps {
+    field: FieldDisplayType;
+    value: any;
+    fieldProps?: Record<string, any>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Commits the staged draft to the row. Fires at most once per session. */
+    onCommit: (value: any) => void;
+    /**
+     * Full editor mounted inside the modal, wired to the staged draft: render
+     * with `draftValue` and report edits through `onDraftChange` — never
+     * straight to the row.
+     */
+    children: (draftValue: any, onDraftChange: (value: any) => void) => ReactNode;
+    /** Title shown in the modal header. */
+    title?: string;
+}
+export declare function CellModalEditor({ field, value, fieldProps, disabled, readOnly, onCommit, children, title, }: CellModalEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellModalEditor.d.ts.map

package/types/components/DataTableCell/CellModalEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellModalEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DataTableCell/CellModalEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG/E,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,KAAK,SAAS,CAAC;IAC9E,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CAmHtB"}

package/types/components/DataTableCell/CellModalEditor.native.d.ts

@@ -0,0 +1,20 @@
+/**
+ * CellModalEditor (native) — bottom-sheet editor for tall field types.
+ *
+ * The web implementation (./CellModalEditor.tsx) opens a centered Tamagui
+ * Dialog sized with vh/vw units — neither the Dialog portal presentation nor
+ * those units work on device. On native the owner's contract for oversized
+ * cell edits is a bottom sheet, so this variant reuses the forms
+ * FloatingPanel, whose native implementation is a React Native Modal bottom
+ * sheet (same adaptive dialog/sheet split AdaptivePopup implements).
+ *
+ * Same props/API as ./CellModalEditor.tsx, same staging semantics (UX-023 /
+ * Axiom 7 AGENCY): the inner editor edits a local draft seeded on open;
+ * "Done" and backdrop-tap / Android-back commit the draft once through
+ * `onCommit` (LC-21: the cell editor's draft commits on the outside close);
+ * "Cancel" discards it. Cancel is never disabled (LC-30).
+ */
+import type { CellModalEditorProps } from "./CellModalEditor";
+export type { CellModalEditorProps } from "./CellModalEditor";
+export declare function CellModalEditor({ field, value, fieldProps, disabled, readOnly, onCommit, children, title, }: CellModalEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellModalEditor.native.d.ts.map

package/types/components/DataTableCell/CellModalEditor.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellModalEditor.native.d.ts","sourceRoot":"","sources":["../../../src/components/DataTableCell/CellModalEditor.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAOH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,oBAAoB,2CAgFtB"}

package/types/components/DataTableCell/CellOptionsEditor.d.ts

@@ -0,0 +1,30 @@
+/**
+ * CellOptionsEditor — popover/sheet host for option-group cell editors whose
+ * full option list cannot fit the cell anchor (UX-022 / LC-06 OVERSIZED-EDIT:
+ * a radio group's options are unreachable at narrow column widths when
+ * rendered inline, clipped by the cell's overflow guard).
+ *
+ * The cell face is a compact FieldDisplay trigger showing the current option
+ * label; pressing it opens a forms FloatingPanel — an anchored popover with
+ * collision handling on desktop web, a bottom sheet on native and small
+ * viewports — with the full option list, seeded at the cell's current value
+ * (Axiom 11). A pick commits immediately and closes (LC-21 COMMIT class: one
+ * value completes the contract); Escape / outside click just dismiss.
+ */
+import { type FieldDisplayType } from "@multiplatform.one/forms";
+import { type ReactNode } from "react";
+export interface CellOptionsEditorProps {
+    field: FieldDisplayType;
+    value: any;
+    fieldProps?: Record<string, any>;
+    disabled?: boolean;
+    /** Accessible name for the chromeless cell trigger (column header). */
+    label?: string;
+    /**
+     * Option-group editor rendered inside the panel. `close` dismisses the
+     * panel — call it after committing a pick (COMMIT-class dismissal).
+     */
+    children: (close: () => void) => ReactNode;
+}
+export declare function CellOptionsEditor({ field, value, fieldProps, disabled, label, children, }: CellOptionsEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellOptionsEditor.d.ts.map

package/types/components/DataTableCell/CellOptionsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA+B,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE9F,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,sBAAsB,2CAkDxB"}