@kiefer-tek/sophea-design-system 0.15.0

package/dist/components/DataTable/Footer.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+type SelectionState = "none" | "partial" | "all";
+/**
+ * Footer mode for tables with selectable rows. Displays a selection message on
+ * the left (with optional view/clear actions) and pagination on the right.
+ *
+ * DEVIATION: Opal's footer used `Pagination variant="count"`, which renders an
+ * "X of Z" summary inside the pager. The design-system `Pagination` has no
+ * count variant (API: page/pageCount/onPageChange), so the selection footer
+ * shows page navigation only; the count summary is omitted in this mode to
+ * match Opal's selection layout, which did not show a range on the left.
+ */
+interface FooterSelectionModeProps {
+    mode: "selection";
+    /** Whether the table supports selecting multiple rows. */
+    multiSelect: boolean;
+    /** Current selection state: `"none"`, `"partial"`, or `"all"`. */
+    selectionState: SelectionState;
+    /** Number of currently selected items. */
+    selectedCount: number;
+    /** Toggle view-filter on/off. */
+    onView?: () => void;
+    /** Whether the view-filter is currently active. */
+    isViewingSelected?: boolean;
+    /** Clears all selections. */
+    onClear?: () => void;
+    /** Number of items displayed per page. */
+    pageSize: number;
+    /** Total number of items across all pages. */
+    totalItems: number;
+    /** The 1-based current page number. */
+    currentPage: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** Called when the user navigates to a different page. */
+    onPageChange: (page: number) => void;
+    /** Unit label. @default "items" */
+    units?: string;
+}
+/**
+ * Footer mode for read-only tables (no row selection). Displays
+ * "Showing X~Y of Z" on the left and pagination on the right.
+ */
+interface FooterSummaryModeProps {
+    mode: "summary";
+    /** First item number in the current page (e.g. `1`). */
+    rangeStart: number;
+    /** Last item number in the current page (e.g. `25`). */
+    rangeEnd: number;
+    /** Total number of items across all pages. */
+    totalItems: number;
+    /** The 1-based current page number. */
+    currentPage: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** Called when the user navigates to a different page. */
+    onPageChange: (page: number) => void;
+    /** Optional extra element rendered after the summary text (e.g. a download icon). */
+    leftExtra?: ReactNode;
+    /** Unit label for the summary text, e.g. "users". */
+    units?: string;
+}
+export type FooterProps = FooterSelectionModeProps | FooterSummaryModeProps;
+export default function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/DataTable/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,KAAK,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;AAEjD;;;;;;;;;GASG;AACH,UAAU,wBAAwB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,0DAA0D;IAC1D,WAAW,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,cAAc,EAAE,cAAc,CAAC;IAC/B,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,UAAU,sBAAsB;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,wDAAwD;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qFAAqF;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,wBAAwB,GAAG,sBAAsB,CAAC;AAmB5E,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAoChD"}

package/dist/components/DataTable/QualifierContainer.d.ts

@@ -0,0 +1,9 @@
+import { MouseEvent, ReactNode } from 'react';
+export interface QualifierContainerProps {
+    type: "head" | "cell";
+    children?: ReactNode;
+    /** Pass-through click handler (e.g. stopPropagation on body cells). */
+    onClick?: (e: MouseEvent) => void;
+}
+export default function QualifierContainer({ type, children, onClick, }: QualifierContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QualifierContainer.d.ts.map

package/dist/components/DataTable/QualifierContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QualifierContainer.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/QualifierContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CAczB"}

package/dist/components/DataTable/TableBody.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { DragStartEvent, DragEndEvent, CollisionDetection, Modifier, SensorDescriptor, SensorOptions } from '@dnd-kit/core';
+export interface DraggableProps {
+    dndContextProps: {
+        sensors: SensorDescriptor<SensorOptions>[];
+        collisionDetection: CollisionDetection;
+        modifiers: Modifier[];
+        onDragStart: (event: DragStartEvent) => void;
+        onDragEnd: (event: DragEndEvent) => void;
+        onDragCancel: () => void;
+    };
+    sortableItems: string[];
+    activeId: string | null;
+    isEnabled: boolean;
+}
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+    /** DnD context props from useDraggableRows — enables drag-and-drop reordering. */
+    dndSortable?: DraggableProps;
+    /** Render function for the drag overlay row. */
+    renderDragOverlay?: (activeId: string) => ReactNode;
+}
+declare const TableBody: import('react').ForwardRefExoticComponent<TableBodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export default TableBody;
+//# sourceMappingURL=TableBody.d.ts.map

package/dist/components/DataTable/TableBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EACV,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACd,MAAM,eAAe,CAAC;AAMvB,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE;QACf,OAAO,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC;QAC3C,kBAAkB,EAAE,kBAAkB,CAAC;QACvC,SAAS,EAAE,QAAQ,EAAE,CAAC;QACtB,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC7C,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;QACzC,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,uBAAuB,CAAC;IAC/C,kFAAkF;IAClF,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAC;CACrD;AAWD,QAAA,MAAM,SAAS,oHAMd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/DataTable/TableCell.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, TdHTMLAttributes } from 'react';
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+    /** Explicit pixel width for the cell. */
+    width?: number;
+}
+export default function TableCell({ width, children, className, style, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableCell.d.ts.map

package/dist/components/DataTable/TableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9D,MAAM,WAAW,cACf,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,2CAchB"}

package/dist/components/DataTable/TableElement.d.ts

@@ -0,0 +1,17 @@
+import { TableHTMLAttributes } from 'react';
+export type TableVariant = "rows" | "cards" | "panel";
+export type SelectionBehavior = "no-select" | "single-select" | "multi-select";
+export interface TableElementProps extends TableHTMLAttributes<HTMLTableElement> {
+    /** Visual row variant. @default "cards" */
+    variant?: TableVariant;
+    /** Row selection behavior. @default "no-select" */
+    selectionBehavior?: SelectionBehavior;
+    /** Explicit pixel width for the table (e.g. from the computed column widths).
+     *  When provided the table uses exactly this width instead of stretching to
+     *  fill its container, which prevents extra space being redistributed across
+     *  columns on resize. */
+    width?: number;
+}
+declare const TableElement: import('react').ForwardRefExoticComponent<TableElementProps & import('react').RefAttributes<HTMLTableElement>>;
+export default TableElement;
+//# sourceMappingURL=TableElement.d.ts.map

package/dist/components/DataTable/TableElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableElement.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableElement.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,eAAe,GAAG,cAAc,CAAC;AAE/E,MAAM,WAAW,iBACf,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,2CAA2C;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;6BAGyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,gHA0BjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/DataTable/TableHead.d.ts

@@ -0,0 +1,33 @@
+import { MouseEvent, ReactNode, ThHTMLAttributes, TouchEvent } from 'react';
+import { DataTableIcon } from './types';
+export type SortDirection = "none" | "ascending" | "descending";
+interface TableHeadCustomProps {
+    /** Header label content. */
+    children: ReactNode;
+    /** Current sort state. When omitted, no sort button is shown. */
+    sorted?: SortDirection;
+    /** Called when the sort button is clicked. Required to show the sort button. */
+    onSort?: () => void;
+    /** When `true`, renders a thin resize handle on the right edge. */
+    resizable?: boolean;
+    /** Called when a resize drag begins on the handle. Attach the splitter
+     *  resize handler here to enable column resizing. */
+    onResizeStart?: (event: MouseEvent | TouchEvent) => void;
+    /** Override the sort icon for this column. Receives the current sort state and
+     *  returns the icon component to render. Falls back to the built-in icons. */
+    icon?: (sorted: SortDirection) => DataTableIcon;
+    /** Text alignment for the column. Defaults to `"left"`. */
+    alignment?: "left" | "center" | "right";
+    /** Column width in pixels. Applied as an inline style on the `<th>`. */
+    width?: number;
+    /** When `true`, shows a bottom border on hover. Defaults to `true`. */
+    bottomBorder?: boolean;
+}
+export type TableHeadProps = TableHeadCustomProps & Omit<ThHTMLAttributes<HTMLTableCellElement>, keyof TableHeadCustomProps>;
+/**
+ * Table header cell primitive. Displays a column label with optional sort
+ * functionality and a resize handle indicator. Renders as a `<th>`.
+ */
+export default function TableHead({ children, sorted, onSort, icon: iconFn, resizable, onResizeStart, alignment, width, bottomBorder, ...thProps }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/components/DataTable/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableHead.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,CAAC;AAEhE,UAAU,oBAAoB;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,iEAAiE;IACjE,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;yDACqD;IACrD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAC;IACzD;kFAC8E;IAC9E,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,aAAa,CAAC;IAChD,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAa3E;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAI,EAAE,MAAwB,EAC9B,SAAS,EACT,aAAa,EACb,SAAkB,EAClB,KAAK,EACL,YAAmB,EACnB,GAAG,OAAO,EACX,EAAE,cAAc,2CAqDhB"}

package/dist/components/DataTable/TableHeader.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export type TableHeaderProps = HTMLAttributes<HTMLTableSectionElement>;
+declare const TableHeader: import('react').ForwardRefExoticComponent<TableHeaderProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export default TableHeader;
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/components/DataTable/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAEvE,QAAA,MAAM,WAAW,sHAIhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/DataTable/TableQualifier.d.ts

@@ -0,0 +1,25 @@
+import { DataTableIcon, QualifierContentType } from './types';
+export interface TableQualifierProps {
+    /** Content type displayed in the qualifier. */
+    content: QualifierContentType;
+    /** Disables interaction. */
+    disabled?: boolean;
+    /** Whether to show a selection checkbox overlay. */
+    selectable?: boolean;
+    /** Whether the row is currently selected. */
+    selected?: boolean;
+    /** Called when the checkbox is toggled. */
+    onSelectChange?: (selected: boolean) => void;
+    /** Icon component to render (for "icon" content). */
+    icon?: DataTableIcon;
+    /** Image source URL (for "image" content). */
+    imageSrc?: string;
+    /** Image alt text (for "image" content). */
+    imageAlt?: string;
+    /** Show a tinted background container behind the content. */
+    background?: boolean;
+    /** Icon size preset. `"lg"` = 28/24, `"md"` = 20/16. @default "md" */
+    iconSize?: "lg" | "md";
+}
+export default function TableQualifier({ content, disabled, selectable, selected, onSelectChange, icon: Icon, imageSrc, imageAlt, background, iconSize: iconSizePreset, }: TableQualifierProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableQualifier.d.ts.map

package/dist/components/DataTable/TableQualifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableQualifier.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableQualifier.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,OAAO,EAAE,oBAAoB,CAAC;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,qDAAqD;IACrD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAkBD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,QAAgB,EAChB,UAAkB,EAClB,QAAgB,EAChB,cAAc,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,QAAa,EACb,UAAkB,EAClB,QAAQ,EAAE,cAAqB,GAChC,EAAE,mBAAmB,2CAiErB"}

package/dist/components/DataTable/TableRow.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, Ref } from 'react';
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    ref?: Ref<HTMLTableRowElement>;
+    selected?: boolean;
+    /** Disables interaction and applies disabled styling. */
+    disabled?: boolean;
+    /** When provided, makes this row sortable via @dnd-kit. */
+    sortableId?: string;
+    /** Show drag handle overlay. Defaults to true when sortableId is set. */
+    showDragHandle?: boolean;
+}
+export default function TableRow({ sortableId, showDragHandle, selected, disabled, ref, className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/components/DataTable/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AA2ED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,UAAU,EACV,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAwBf"}

package/dist/components/DataTable/TableSizeContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+/** Table density preset. `"lg"` is the comfortable default, `"md"` is compact. */
+export type TableSize = "md" | "lg";
+export interface TableSizeProviderProps {
+    size: TableSize;
+    children: ReactNode;
+}
+export declare function TableSizeProvider({ size, children }: TableSizeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTableSize(): TableSize;
+//# sourceMappingURL=TableSizeContext.d.ts.map

package/dist/components/DataTable/TableSizeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSizeContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/TableSizeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,kFAAkF;AAClF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAIpC,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAM3E;AAED,wBAAgB,YAAY,IAAI,SAAS,CAExC"}

package/dist/components/DataTable/columns.d.ts

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+import { DeepKeys, DeepValue } from '@tanstack/react-table';
+import { SortDirection } from './TableHead';
+import { ColumnWidth, DataTableIcon, QualifierContentType, QualifierColumn, DataColumn, DisplayColumn, ActionsColumn } from './types';
+interface QualifierConfig<TData> {
+    /** Content type for body-row `<TableQualifier>`. @default "simple" */
+    content?: QualifierContentType;
+    /** Return the icon component to render for a row (for "icon" content). */
+    getContent?: (row: TData) => DataTableIcon;
+    /** Return the image URL to render for a row (for "image" content). */
+    getImageSrc?: (row: TData) => string;
+    /** Return the image alt text for a row (for "image" content). @default "" */
+    getImageAlt?: (row: TData) => string;
+    /** Show a tinted background container behind the content. @default false */
+    background?: boolean;
+    /** Icon size preset. `"lg"` = 28/24, `"md"` = 20/16. @default "md" */
+    iconSize?: "lg" | "md";
+}
+interface DataColumnConfig<TData, TValue> {
+    /** Column header label. */
+    header: string;
+    /** Custom cell renderer. If omitted, the value is rendered as a string. */
+    cell?: (value: TValue, row: TData) => ReactNode;
+    /** Enable sorting for this column. @default true */
+    enableSorting?: boolean;
+    /** Enable resizing for this column. @default true */
+    enableResizing?: boolean;
+    /** Enable hiding for this column. @default true */
+    enableHiding?: boolean;
+    /** Override the sort icon for this column. */
+    icon?: (sorted: SortDirection) => DataTableIcon;
+    /** Column weight for proportional distribution. @default 20 */
+    weight?: number;
+}
+interface DisplayColumnConfig<TData> {
+    /** Unique column ID. */
+    id: string;
+    /** Column header label. */
+    header?: string;
+    /** Cell renderer. */
+    cell: (row: TData) => ReactNode;
+    /** Column width config. */
+    width: ColumnWidth;
+    /** Enable hiding. @default true */
+    enableHiding?: boolean;
+}
+interface ActionsConfig<TData> {
+    /** Show column visibility popover. @default true */
+    showColumnVisibility?: boolean;
+    /** Show sorting popover. @default true */
+    showSorting?: boolean;
+    /** Footer text for the sorting popover. */
+    sortingFooterText?: string;
+    /** Optional cell renderer for row-level action buttons. */
+    cell?: (row: TData) => ReactNode;
+}
+interface TableColumnsBuilder<TData> {
+    /** Create a qualifier (leading avatar/checkbox) column. */
+    qualifier(config?: QualifierConfig<TData>): QualifierColumn<TData>;
+    /** Create a data (accessor) column. */
+    column<TKey extends DeepKeys<TData>>(accessor: TKey, config: DataColumnConfig<TData, DeepValue<TData, TKey>>): DataColumn<TData>;
+    /** Create a display (non-accessor) column. */
+    displayColumn(config: DisplayColumnConfig<TData>): DisplayColumn<TData>;
+    /** Create an actions column (visibility/sorting popovers). */
+    actions(config?: ActionsConfig<TData>): ActionsColumn<TData>;
+}
+/**
+ * Creates a typed column builder for a given row type.
+ *
+ * Internally uses TanStack's `createColumnHelper<TData>()` to get free
+ * `DeepKeys`/`DeepValue` inference for accessor columns.
+ *
+ * **Important**: Define columns at module scope or wrap in `useMemo` to avoid
+ * creating new array references per render.
+ *
+ * @example
+ * ```ts
+ * const tc = createTableColumns<TeamMember>();
+ * const columns = [
+ *   tc.qualifier({ content: "icon", getContent: () => UserIcon }),
+ *   tc.column("name", { header: "Name", weight: 23 }),
+ *   tc.column("email", { header: "Email", weight: 28 }),
+ *   tc.actions(),
+ * ];
+ * ```
+ */
+export declare function createTableColumns<TData>(): TableColumnsBuilder<TData>;
+export {};
+//# sourceMappingURL=columns.d.ts.map

package/dist/components/DataTable/columns.d.ts.map

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

package/dist/components/DataTable/components.d.ts

@@ -0,0 +1,28 @@
+import { DataTableBaseProps } from './types';
+export type SelectionBehavior = "no-select" | "single-select" | "multi-select";
+export type DataTableProps<TData> = DataTableBaseProps<TData> & {
+    /** Row selection behavior. @default "no-select" */
+    selectionBehavior?: SelectionBehavior;
+    /** Optional className applied to the outer wrapper. */
+    className?: string;
+};
+/**
+ * Config-driven table that wires together `useDataTable`, `useColumnWidths`,
+ * and `useDraggableRows`. Full flexibility via the column definitions from
+ * `createTableColumns()`.
+ *
+ * @example
+ * ```tsx
+ * const tc = createTableColumns<TeamMember>();
+ * const columns = [
+ *   tc.qualifier({ content: "icon", getContent: () => UserIcon }),
+ *   tc.column("name", { header: "Name", weight: 23 }),
+ *   tc.column("email", { header: "Email", weight: 28 }),
+ *   tc.actions(),
+ * ];
+ *
+ * <DataTable data={items} columns={columns} getRowId={(r) => r.id} footer={{}} />
+ * ```
+ */
+export declare function DataTable<TData>(props: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/components/DataTable/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/components.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,CAAC;AAkCzB,OAAO,KAAK,EACV,kBAAkB,EAMnB,MAAM,SAAS,CAAC;AAMjB,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,eAAe,GAAG,cAAc,CAAC;AAE/E,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAC9D,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAuEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CA0iB5D"}

package/dist/components/DataTable/hooks/useColumnWidths.d.ts

@@ -0,0 +1,32 @@
+import { Header } from '@tanstack/react-table';
+/** Extracted config ready to pass to useColumnWidths. */
+export interface WidthConfig {
+    fixedColumnIds: Set<string>;
+    columnWeights: Record<string, number>;
+    columnMinWidths: Record<string, number>;
+}
+interface UseColumnWidthsOptions {
+    /** Visible headers from TanStack's first header group. */
+    headers: Header<unknown, unknown>[];
+    /** Column IDs that have fixed pixel widths (e.g. qualifier, actions). */
+    fixedColumnIds: Set<string>;
+    /** Explicit column weights (takes precedence over columnDef.size). */
+    columnWeights?: Record<string, number>;
+    /** Per-column minimum widths for data (non-fixed) columns. */
+    columnMinWidths: Record<string, number>;
+}
+interface UseColumnWidthsReturn {
+    /** Attach to the scrollable container for width measurement. */
+    containerRef: React.RefObject<HTMLDivElement>;
+    /** Computed pixel widths keyed by column ID. */
+    columnWidths: Record<string, number>;
+    /** Factory to create a splitter resize handler for a column pair. */
+    createResizeHandler: (columnId: string, neighborId: string) => (event: React.MouseEvent | React.TouchEvent) => void;
+}
+/**
+ * Computes proportional column pixel widths from weights and provides
+ * splitter-style resize handlers that keep total table width constant.
+ */
+export default function useColumnWidths({ headers, fixedColumnIds, columnWeights, columnMinWidths, }: UseColumnWidthsOptions): UseColumnWidthsReturn;
+export {};
+//# sourceMappingURL=useColumnWidths.d.ts.map

package/dist/components/DataTable/hooks/useColumnWidths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnWidths.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/hooks/useColumnWidths.ts"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAMpD,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAED,UAAU,sBAAsB;IAC9B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;IACpC,yEAAyE;IACzE,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,8DAA8D;IAC9D,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAED,UAAU,qBAAqB;IAC7B,gEAAgE;IAChE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,qEAAqE;IACrE,mBAAmB,EAAE,CACnB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,KACf,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AA4LD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,OAAO,EACP,cAAc,EACd,aAAkB,EAClB,eAAe,GAChB,EAAE,sBAAsB,GAAG,qBAAqB,CAwDhD"}

package/dist/components/DataTable/hooks/useDataTable.d.ts

@@ -0,0 +1,103 @@
+import { Table, ColumnDef, RowData, SortingState, RowSelectionState, ColumnResizeMode, TableOptions, VisibilityState } from '@tanstack/react-table';
+export type SortDirectionState = "none" | "ascending" | "descending";
+export type SelectionState = "none" | "partial" | "all";
+/**
+ * Convert a TanStack sort direction to a DataTable sort direction string.
+ *
+ * This is a **named export** (not on the return object) because it is used
+ * statically inside JSX header loops, not tied to hook state.
+ */
+export declare function toSortDirection(dir: false | "asc" | "desc"): SortDirectionState;
+/** Keys managed internally — callers cannot override these via `tableOptions`. */
+type ManagedKeys = "data" | "columns" | "state" | "onSortingChange" | "onRowSelectionChange" | "onColumnSizingChange" | "onColumnVisibilityChange" | "onPaginationChange" | "onGlobalFilterChange" | "getCoreRowModel" | "getSortedRowModel" | "getPaginationRowModel" | "getFilteredRowModel" | "globalFilterFn" | "columnResizeMode" | "enableRowSelection" | "enableColumnResizing" | "getRowId";
+/**
+ * Options accepted by {@link useDataTable}.
+ *
+ * Only `data` and `columns` are required — everything else has sensible defaults.
+ */
+export interface UseDataTableOptions<TData extends RowData> {
+    /** The row data array. */
+    data: TData[];
+    /** TanStack column definitions. */
+    columns: ColumnDef<TData, unknown>[];
+    /** Rows per page. Set `Infinity` to disable pagination. @default 10 */
+    pageSize?: number;
+    /** Whether rows can be selected. @default true */
+    enableRowSelection?: boolean;
+    /** Whether columns can be resized. @default true */
+    enableColumnResizing?: boolean;
+    /** Stable row identity function. TanStack tracks selection by ID instead of array index. */
+    getRowId: TableOptions<TData>["getRowId"];
+    /** Resize strategy. @default "onChange" */
+    columnResizeMode?: ColumnResizeMode;
+    /** Initial sorting state. @default [] */
+    initialSorting?: SortingState;
+    /** Initial column visibility state. @default {} */
+    initialColumnVisibility?: VisibilityState;
+    /** Initial row selection state. Keys are row IDs (from `getRowId`), values are `true`. @default {} */
+    initialRowSelection?: RowSelectionState;
+    /** When true AND `initialRowSelection` is non-empty, start in view-selected mode (filtered to selected rows). @default false */
+    initialViewSelected?: boolean;
+    /** Called whenever the set of selected row IDs changes. */
+    onSelectionChange?: (selectedIds: string[]) => void;
+    /** Search term for global text filtering. Rows are filtered to those containing
+     *  the term in any accessor column value (case-insensitive). */
+    searchTerm?: string;
+    /** Server-side configuration. When provided, enables manual pagination/sorting/filtering. */
+    serverSide?: {
+        totalItems: number;
+        onSortingChange: (sorting: SortingState) => void;
+        onPaginationChange: (pageIndex: number, pageSize: number) => void;
+        onSearchTermChange: (searchTerm: string) => void;
+    };
+    /** Escape-hatch: extra options spread into `useReactTable`. Managed keys are excluded. */
+    tableOptions?: Partial<Omit<TableOptions<TData>, ManagedKeys>>;
+}
+/**
+ * Values returned by {@link useDataTable}.
+ */
+export interface UseDataTableReturn<TData extends RowData> {
+    /** Full TanStack table instance for rendering. */
+    table: Table<TData>;
+    /** Current page number (1-based). */
+    currentPage: number;
+    /** Total number of pages. */
+    totalPages: number;
+    /** Total number of rows. */
+    totalItems: number;
+    /** Rows per page. */
+    pageSize: number;
+    /** Navigate to a page (1-based, clamped to valid range). */
+    setPage: (page: number) => void;
+    /** Whether pagination is active (pageSize is finite). */
+    isPaginated: boolean;
+    /** Aggregate selection state for the current page. */
+    selectionState: SelectionState;
+    /** Number of selected rows. */
+    selectedCount: number;
+    /** Whether every row on the current page is selected. */
+    isAllPageRowsSelected: boolean;
+    /** IDs of currently selected rows (derived from `getRowId`). */
+    selectedRowIds: string[];
+    /** Deselect all rows. */
+    clearSelection: () => void;
+    /** Select or deselect all rows on the current page. */
+    toggleAllPageRowsSelected: (selected: boolean) => void;
+    /** Select or deselect all rows across all pages. */
+    toggleAllRowsSelected: (selected: boolean) => void;
+    /** Whether every row across all pages is selected. */
+    isAllRowsSelected: boolean;
+    /** Whether the table is currently filtered to show only selected rows. */
+    isViewingSelected: boolean;
+    /** Enter view mode — freeze the current selection as a filter. */
+    enterViewMode: () => void;
+    /** Exit view mode — remove the selection filter. */
+    exitViewMode: () => void;
+}
+/**
+ * Wraps TanStack `useReactTable` with DataTable-specific defaults and derived
+ * state so that consumers only need to provide `data` + `columns`.
+ */
+export default function useDataTable<TData extends RowData>(options: UseDataTableOptions<TData>): UseDataTableReturn<TData>;
+export {};
+//# sourceMappingURL=useDataTable.d.ts.map

package/dist/components/DataTable/hooks/useDataTable.d.ts.map

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

package/dist/components/DataTable/hooks/useDraggableRows.d.ts

@@ -0,0 +1,41 @@
+import { useSensors, closestCenter, DragStartEvent, DragEndEvent } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+interface UseDraggableRowsOptions<TData> {
+    /** Current display-order data. */
+    data: TData[];
+    /** Extract a unique string ID from each row. */
+    getRowId: (row: TData) => string;
+    /** Whether DnD row reordering is active (e.g. set to `false` when column sorting is active). @default true */
+    enabled?: boolean;
+    /** Called after a successful reorder with the new ID order and a map of changed positions. */
+    onReorder?: (ids: string[], changedOrders: Record<string, number>) => void | Promise<void>;
+}
+export interface DraggableRowsReturn {
+    /** Props to pass to TableBody's `dndSortable` prop. */
+    dndContextProps: {
+        sensors: ReturnType<typeof useSensors>;
+        collisionDetection: typeof closestCenter;
+        modifiers: Array<typeof restrictToVerticalAxis>;
+        onDragStart: (event: DragStartEvent) => void;
+        onDragEnd: (event: DragEndEvent) => void;
+        onDragCancel: () => void;
+    };
+    /** Ordered list of IDs for SortableContext. */
+    sortableItems: string[];
+    /** ID of the currently dragged row, or null. */
+    activeId: string | null;
+    /** Whether a drag is in progress. */
+    isDragging: boolean;
+    /** Whether DnD is enabled. */
+    isEnabled: boolean;
+    /** Ref that is `true` briefly after a drag ends, used to suppress the trailing click. */
+    wasDraggingRef: React.RefObject<boolean>;
+}
+/**
+ * Manages drag-and-drop row reordering using @dnd-kit, providing sensor
+ * configuration, sortable item IDs, drag state, and a reorder callback
+ * that reports only the changed positions.
+ */
+export default function useDraggableRows<TData>(options: UseDraggableRowsOptions<TData>): DraggableRowsReturn;
+export {};
+//# sourceMappingURL=useDraggableRows.d.ts.map

package/dist/components/DataTable/hooks/useDraggableRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggableRows.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/hooks/useDraggableRows.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EAIV,aAAa,EACb,KAAK,cAAc,EACnB,KAAK,YAAY,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,UAAU,uBAAuB,CAAC,KAAK;IACrC,kCAAkC;IAClC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;IACjC,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,CACV,GAAG,EAAE,MAAM,EAAE,EACb,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAClC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;QACvC,kBAAkB,EAAE,OAAO,aAAa,CAAC;QACzC,SAAS,EAAE,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;QAChD,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;QAC7C,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;QACzC,YAAY,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,+CAA+C;IAC/C,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,gDAAgD;IAChD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,qCAAqC;IACrC,UAAU,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CAC1C;AAMD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAC5C,OAAO,EAAE,uBAAuB,CAAC,KAAK,CAAC,GACtC,mBAAmB,CAyFrB"}