@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ui/data-table-card.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { flexRender as u } from "@tanstack/react-table";
+import { Checkbox as C } from "./checkbox.js";
+import { Skeleton as a } from "./skeleton.js";
+import { cn as g } from "./lib/utils.js";
+import { useDataTableContext as w } from "./data-table-context.js";
+function B({
+  loading: h,
+  skeletonRowCount: x,
+  noResultsText: p,
+  emptyState: n
+}) {
+  const { table: b, selectable: N } = w(), c = b.getRowModel().rows;
+  return h ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", children: Array.from({ length: x }, (t, d) => /* @__PURE__ */ l(
+    "div",
+    {
+      className: "rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04",
+      children: [
+        /* @__PURE__ */ s(a, { variant: "text", className: "mb-ds-03 h-5 w-2/3", animation: "pulse" }),
+        /* @__PURE__ */ l("div", { className: "flex flex-col gap-ds-02", children: [
+          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-full", animation: "pulse" }),
+          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-3/4", animation: "pulse" }),
+          /* @__PURE__ */ s(a, { variant: "text", className: "h-4 w-1/2", animation: "pulse" })
+        ] })
+      ]
+    },
+    `card-skeleton-${d}`
+  )) }) : c.length ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-03", role: "list", children: c.map((t) => {
+    const i = t.getVisibleCells().filter(
+      (e) => e.column.id !== "_select" && e.column.id !== "_expand"
+    ), r = i[0], o = i.slice(1), m = t.getIsSelected();
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        role: "listitem",
+        className: g(
+          "rounded-ds-lg border border-surface-border bg-surface-raised p-ds-04",
+          m && "ring-2 ring-accent-9"
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-ds-03 mb-ds-02", children: [
+            /* @__PURE__ */ s("div", { className: "min-w-0 flex-1 font-medium text-surface-fg", children: r && u(r.column.columnDef.cell, r.getContext()) }),
+            N && /* @__PURE__ */ s(
+              C,
+              {
+                size: "sm",
+                checked: m,
+                disabled: !t.getCanSelect(),
+                onCheckedChange: (e) => t.toggleSelected(!!e),
+                "aria-label": "Select row",
+                className: "shrink-0"
+              }
+            )
+          ] }),
+          o.length > 0 && /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-01 border-t border-surface-border pt-ds-02", children: o.map((e) => {
+            const f = e.column.columnDef.meta;
+            f?.hideBelow === "md" || f?.hideBelow;
+            const v = typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id;
+            return /* @__PURE__ */ l("div", { className: "flex justify-between gap-ds-03 text-ds-sm", children: [
+              /* @__PURE__ */ s("span", { className: "shrink-0 text-surface-fg-muted", children: v }),
+              /* @__PURE__ */ s("span", { className: "min-w-0 text-right text-surface-fg", children: u(e.column.columnDef.cell, e.getContext()) })
+            ] }, e.id);
+          }) })
+        ]
+      },
+      t.id
+    );
+  }) }) : /* @__PURE__ */ s("div", { className: g("py-ds-07 text-center", !n && "text-surface-fg-subtle"), children: n || p || "No results." });
+}
+export {
+  B as DataTableCards
+};

package/dist/ui/data-table-context.d.ts

@@ -0,0 +1,62 @@
+"use client";
+import { default as React } from 'react';
+import { ColumnPinningState, Table } from '@tanstack/react-table';
+import { Density } from './data-table-toolbar';
+/** Editing state: which cell is currently in edit mode */
+export type EditingCell = {
+    rowIndex: number;
+    columnId: string;
+} | null;
+export declare function getColumnMetaClasses(meta?: Record<string, unknown>): string;
+export declare const densityPaddingMap: Record<Density, string>;
+/** Interactive element selectors for row click filtering */
+export declare const INTERACTIVE_SELECTOR = "button, a, input, select, textarea, [role=\"checkbox\"]";
+export interface DataTableContextValue<TData = unknown> {
+    table: Table<TData>;
+    /** All assembled columns (including _select, _expand) */
+    allColumns: {
+        id?: string;
+        header?: unknown;
+    }[];
+    /** Current cell padding class based on density */
+    cellPadding: string;
+    /** Column pinning state for sticky positioning */
+    columnPinningState: ColumnPinningState;
+    /** Whether sorting is enabled */
+    sortable: boolean;
+    /** Whether per-column filters are enabled */
+    filterable: boolean;
+    /** Whether inline editing is enabled */
+    editable: boolean;
+    /** Whether row expansion is enabled */
+    expandable: boolean;
+    /** Whether virtual rows are enabled */
+    virtualRows: boolean;
+    /** Whether row selection is enabled */
+    selectable: boolean;
+    /** Mobile view mode */
+    mobileView: 'card' | 'table';
+    /** Current editing cell */
+    editingCell: EditingCell;
+    /** Set editing cell */
+    setEditingCell: (cell: EditingCell) => void;
+    /** Callback when a cell value is edited */
+    onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void;
+    /** Render function for expanded row content */
+    renderExpanded?: (row: TData) => React.ReactNode;
+    /** Row click handler */
+    onRowClick?: (row: TData) => void;
+}
+export declare function DataTableProvider<TData>({ children, value, }: {
+    children: React.ReactNode;
+    value: DataTableContextValue<TData>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDataTableContext<TData = unknown>(): DataTableContextValue<TData>;
+/** Compute sticky positioning styles for pinned columns */
+export declare function getPinnedCellStyle(columnId: string, columnPinningState: ColumnPinningState): {
+    className: string;
+    style: React.CSSProperties;
+};
+/** Check if a column allows editing */
+export declare function isColumnEditable<TData>(columnId: string, editable: boolean, table: Table<TData>): boolean;
+//# sourceMappingURL=data-table-context.d.ts.map

package/dist/ui/data-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAInD,0DAA0D;AAC1D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAA;AAIvE,wBAAgB,oBAAoB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAS3E;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAIrD,CAAA;AAED,4DAA4D;AAC5D,eAAO,MAAM,oBAAoB,4DACwB,CAAA;AAIzD,MAAM,WAAW,qBAAqB,CAAC,KAAK,GAAG,OAAO;IACpD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,yDAAyD;IACzD,UAAU,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC/C,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAA;IACnB,kDAAkD;IAClD,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,6CAA6C;IAC7C,UAAU,EAAE,OAAO,CAAA;IACnB,wCAAwC;IACxC,QAAQ,EAAE,OAAO,CAAA;IACjB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,WAAW,EAAE,OAAO,CAAA;IACpB,uCAAuC;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,UAAU,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,2BAA2B;IAC3B,WAAW,EAAE,WAAW,CAAA;IACxB,uBAAuB;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IAC3C,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACzE,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,wBAAwB;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;CAClC;AAID,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,EACvC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;CACpC,2CAMA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,GAAG,OAAO,KAGnC,qBAAqB,CAAC,KAAK,CAAC,CAC3C;AAID,2DAA2D;AAC3D,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,kBAAkB,EAAE,kBAAkB;;WASZ,KAAK,CAAC,aAAa;EAU9C;AAED,uCAAuC;AACvC,wBAAgB,gBAAgB,CAAC,KAAK,EACpC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAClB,OAAO,CAYT"}

package/dist/ui/data-table-context.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import a from "react";
+function f(e) {
+  if (!e) return "";
+  const t = [];
+  return e.align === "right" && t.push("text-right tabular-nums"), e.align === "center" && t.push("text-center"), e.hideBelow === "sm" && t.push("hidden sm:table-cell"), e.hideBelow === "md" && t.push("hidden md:table-cell"), e.hideBelow === "lg" && t.push("hidden lg:table-cell"), t.join(" ");
+}
+const d = {
+  compact: "py-ds-02",
+  standard: "py-ds-05",
+  comfortable: "py-ds-07"
+}, b = 'button, a, input, select, textarea, [role="checkbox"]', i = a.createContext(null);
+function h({
+  children: e,
+  value: t
+}) {
+  return /* @__PURE__ */ o(i.Provider, { value: t, children: e });
+}
+function x() {
+  const e = a.useContext(i);
+  if (!e) throw new Error("useDataTableContext must be used within DataTableProvider");
+  return e;
+}
+function g(e, t) {
+  const { left: s = [], right: n = [] } = t, r = s.indexOf(e), l = n.indexOf(e);
+  return r !== -1 ? {
+    className: "sticky bg-surface-base z-raised",
+    style: { left: 0 }
+  } : l !== -1 ? {
+    className: "sticky bg-surface-base z-raised",
+    style: { right: 0 }
+  } : { className: "", style: {} };
+}
+function p(e, t, s) {
+  if (!t || e === "_select" || e === "_expand") return !1;
+  const n = s.getColumn(e);
+  return !(!n || n.columnDef.meta?.enableEditing === !1);
+}
+export {
+  h as DataTableProvider,
+  b as INTERACTIVE_SELECTOR,
+  d as densityPaddingMap,
+  f as getColumnMetaClasses,
+  g as getPinnedCellStyle,
+  p as isColumnEditable,
+  x as useDataTableContext
+};

package/dist/ui/data-table-header.d.ts

@@ -0,0 +1,10 @@
+"use client";
+/**
+ * Renders the `<TableHeader>` block including sortable column headers
+ * and optional per-column filter inputs. Internal — not exported to consumers.
+ */
+declare function DataTableHeaderImpl({ stickyHeader }: {
+    stickyHeader?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { DataTableHeaderImpl as DataTableHeader };
+//# sourceMappingURL=data-table-header.d.ts.map

package/dist/ui/data-table-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-header.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-header.tsx"],"names":[],"mappings":"AAqBA;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,2CAsJxE;AAED,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,CAAA"}

package/dist/ui/data-table-header.js

@@ -0,0 +1,141 @@
+"use client";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { flexRender as d } from "@tanstack/react-table";
+import { IconArrowUp as D, IconArrowDown as N, IconArrowsSort as C } from "@tabler/icons-react";
+import { Icon as s } from "./icon.js";
+import { TableHeader as S, TableRow as p, TableHead as f } from "./table.js";
+import { cn as a } from "./lib/utils.js";
+import { springs as i } from "./lib/motion.js";
+import { useDataTableContext as w, getPinnedCellStyle as H, getColumnMetaClasses as T } from "./data-table-context.js";
+import { A as I, m as c } from "../_chunks/framer.js";
+function R({ stickyHeader: g }) {
+  const { table: r, sortable: b, filterable: x, columnPinningState: y } = w();
+  return /* @__PURE__ */ u(
+    S,
+    {
+      className: a(
+        g && "sticky top-0 z-10 bg-surface-base"
+      ),
+      children: [
+        r.getHeaderGroups().map((n) => /* @__PURE__ */ t(p, { children: n.headers.map((e) => {
+          const o = b && e.column.getCanSort(), l = e.column.getIsSorted(), m = H(
+            e.column.id,
+            y
+          );
+          return /* @__PURE__ */ t(
+            f,
+            {
+              className: a(
+                m.className,
+                T(
+                  e.column.columnDef.meta
+                )
+              ),
+              style: m.style,
+              "aria-sort": o ? l === "asc" ? "ascending" : l === "desc" ? "descending" : "none" : void 0,
+              children: e.isPlaceholder ? null : o ? /* @__PURE__ */ u(
+                "button",
+                {
+                  type: "button",
+                  className: a(
+                    "flex items-center gap-ds-01 font-medium",
+                    "cursor-pointer select-none",
+                    "-ml-ds-01 rounded-ds-sm px-ds-01 py-ds-01",
+                    "hover:bg-surface-raised transition-colors"
+                  ),
+                  onClick: e.column.getToggleSortingHandler(),
+                  "aria-label": `Sort by ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
+                  children: [
+                    d(
+                      e.column.columnDef.header,
+                      e.getContext()
+                    ),
+                    /* @__PURE__ */ t(I, { mode: "wait", initial: !1, children: l === "asc" ? /* @__PURE__ */ t(
+                      c.span,
+                      {
+                        initial: { opacity: 0, rotate: 90 },
+                        animate: { opacity: 1, rotate: 0 },
+                        exit: { opacity: 0, rotate: -90 },
+                        transition: i.snappy,
+                        className: "inline-flex",
+                        children: /* @__PURE__ */ t(
+                          s,
+                          {
+                            icon: D,
+                            size: "sm",
+                            className: "text-surface-fg-muted"
+                          }
+                        )
+                      },
+                      "asc"
+                    ) : l === "desc" ? /* @__PURE__ */ t(
+                      c.span,
+                      {
+                        initial: { opacity: 0, rotate: -90 },
+                        animate: { opacity: 1, rotate: 0 },
+                        exit: { opacity: 0, rotate: 90 },
+                        transition: i.snappy,
+                        className: "inline-flex",
+                        children: /* @__PURE__ */ t(
+                          s,
+                          {
+                            icon: N,
+                            size: "sm",
+                            className: "text-surface-fg-muted"
+                          }
+                        )
+                      },
+                      "desc"
+                    ) : /* @__PURE__ */ t(
+                      c.span,
+                      {
+                        initial: { opacity: 0 },
+                        animate: { opacity: 1 },
+                        exit: { opacity: 0 },
+                        transition: i.snappy,
+                        className: "inline-flex",
+                        children: /* @__PURE__ */ t(
+                          s,
+                          {
+                            icon: C,
+                            size: "sm",
+                            className: "text-surface-fg-subtle"
+                          }
+                        )
+                      },
+                      "unsorted"
+                    ) })
+                  ]
+                }
+              ) : d(
+                e.column.columnDef.header,
+                e.getContext()
+              )
+            },
+            e.id
+          );
+        }) }, n.id)),
+        x && r.getHeaderGroups().map((n) => /* @__PURE__ */ t(p, { children: n.headers.map((e) => /* @__PURE__ */ t(f, { className: "py-ds-01", children: e.isPlaceholder || e.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            value: e.column.getFilterValue() ?? "",
+            onChange: (o) => e.column.setFilterValue(o.target.value),
+            placeholder: `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : ""}...`,
+            "aria-label": `Filter ${typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : e.column.id}`,
+            className: a(
+              "h-ds-xs-plus w-full rounded-ds-md",
+              "border border-surface-border-strong bg-surface-raised-hover",
+              "px-ds-02 text-ds-sm",
+              "text-surface-fg placeholder:text-surface-fg-subtle",
+              "outline-none focus:border-accent-7"
+            )
+          }
+        ) }, `${e.id}-filter`)) }, `${n.id}-filters`))
+      ]
+    }
+  );
+}
+export {
+  R as DataTableHeader
+};

package/dist/ui/data-table-pagination.d.ts

@@ -0,0 +1,13 @@
+"use client";
+import { Table } from '@tanstack/react-table';
+/**
+ * Pagination controls: page size selector, prev/next buttons, page info.
+ * Internal — not exported to consumers.
+ */
+export declare function DataTablePagination<TData>({ table, totalRowCount, useServerPagination, pageSizeOptions, }: {
+    table: Table<TData>;
+    totalRowCount: number;
+    useServerPagination: boolean;
+    pageSizeOptions?: number[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-table-pagination.d.ts.map

package/dist/ui/data-table-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../src/ui/data-table-pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAMlD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,eAAe,GAChB,EAAE;IACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,2CAwEA"}

package/dist/ui/data-table-pagination.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { IconChevronLeft as c, IconChevronRight as l } from "@tabler/icons-react";
+import { Icon as o } from "./icon.js";
+import { cn as t } from "./lib/utils.js";
+function f({
+  table: e,
+  totalRowCount: d,
+  useServerPagination: n,
+  pageSizeOptions: i
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border", children: [
+    /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: [
+      d,
+      " total rows"
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+      !n && /* @__PURE__ */ a(
+        "select",
+        {
+          value: e.getState().pagination.pageSize,
+          onChange: (r) => {
+            e.setPageSize(Number(r.target.value));
+          },
+          "aria-label": "Rows per page",
+          className: t(
+            "h-ds-sm rounded-ds-md",
+            "border border-surface-border-strong bg-surface-raised-hover",
+            "px-ds-03 text-ds-sm",
+            "text-surface-fg"
+          ),
+          children: (i ?? [10, 20, 50, 100]).map((r) => /* @__PURE__ */ s("option", { value: r, children: [
+            r,
+            " rows"
+          ] }, r))
+        }
+      ),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          disabled: !e.getCanPreviousPage(),
+          onClick: () => e.previousPage(),
+          "aria-label": "Previous page",
+          className: t(
+            "h-ds-sm w-ds-sm flex items-center justify-center",
+            "rounded-ds-md border border-surface-border-strong",
+            "enabled:hover:bg-surface-raised",
+            "disabled:opacity-action-disabled disabled:cursor-not-allowed",
+            "transition-colors"
+          ),
+          children: /* @__PURE__ */ a(o, { icon: c, size: "sm" })
+        }
+      ),
+      /* @__PURE__ */ s("span", { className: "text-ds-sm text-surface-fg-muted", children: [
+        "Page ",
+        e.getState().pagination.pageIndex + 1,
+        " of",
+        " ",
+        e.getPageCount()
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          disabled: !e.getCanNextPage(),
+          onClick: () => e.nextPage(),
+          "aria-label": "Next page",
+          className: t(
+            "h-ds-sm w-ds-sm flex items-center justify-center",
+            "rounded-ds-md border border-surface-border-strong",
+            "enabled:hover:bg-surface-raised",
+            "disabled:opacity-action-disabled disabled:cursor-not-allowed",
+            "transition-colors"
+          ),
+          children: /* @__PURE__ */ a(o, { icon: l, size: "sm" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  f as DataTablePagination
+};

package/dist/ui/data-table.d.ts

@@ -2,19 +2,14 @@
 import { default as React } from 'react';
 import { ColumnDef, RowData } from '@tanstack/react-table';
 import { Density } from './data-table-toolbar';
+import { BulkAction } from './data-table-bulk-actions';
+export type { BulkAction } from './data-table-bulk-actions';
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
         align?: 'left' | 'center' | 'right';
         hideBelow?: 'sm' | 'md' | 'lg';
     }
 }
-/** Bulk action definition for the floating action bar */
-export interface BulkAction<TData> {
-    label: string;
-    onClick: (selectedRows: TData[]) => void;
-    color?: 'default' | 'error';
-    disabled?: boolean;
-}
 /**
  * Props for DataTable — a feature-rich TanStack Table wrapper supporting sorting, filtering,
  * pagination, row selection, inline editing, row expansion, column pinning, and virtualization.
@@ -69,8 +64,13 @@ export interface BulkAction<TData> {
  * />
  * // These are just a few ways — feel free to combine props creatively!
  */
+/**
+ * A full-featured data table built on TanStack Table with sorting, filtering,
+ * pagination, row selection, inline cell editing, expandable rows, column pinning,
+ * a toolbar with density/export controls, and optional row virtualization.
+ */
 export interface DataTableProps<TData, TValue> {
-    /** Column definitions passed to TanStack Table */
+    /** Column definitions passed to TanStack Table. */
     columns: ColumnDef<TData, TValue>[];
     /** Row data */
     data: TData[];
@@ -144,8 +144,10 @@ export interface DataTableProps<TData, TValue> {
     onRowClick?: (row: TData) => void;
     /** Actions shown in a floating bar when rows are selected */
     bulkActions?: BulkAction<TData>[];
+    /** Render rows as stacked cards on small screens (below sm breakpoint). Default 'table'. */
+    mobileView?: 'card' | 'table';
 }
-export declare function DataTable<TData, TValue>({ columns, data, className, noResultsText, sortable, filterable, globalFilter, paginated, pageSize: initialPageSize, pageSizeOptions, selectable, onSelectionChange, toolbar, density: initialDensity, columnPinning: initialColumnPinning, editable, onCellEdit, expandable, renderExpanded, virtualRows, virtualRowHeight, maxHeight, onSort, emptyState, loading, selectedIds, selectableFilter, getRowId: getRowIdProp, pagination: serverPagination, singleExpand, stickyHeader, onRowClick, bulkActions, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, className, noResultsText, sortable, filterable, globalFilter, paginated, pageSize: initialPageSize, pageSizeOptions, selectable, onSelectionChange, toolbar, density: initialDensity, columnPinning: initialColumnPinning, editable, onCellEdit, expandable, renderExpanded, virtualRows, virtualRowHeight, maxHeight, onSort, emptyState, loading, selectedIds, selectableFilter, getRowId: getRowIdProp, pagination: serverPagination, singleExpand, stickyHeader, onRowClick, bulkActions, mobileView, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export declare namespace DataTable {
     var displayName: string;
 }

package/dist/ui/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/ui/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EACL,KAAK,SAAS,EAMd,KAAK,OAAO,EAYb,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,EAAoB,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAUrE,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAGjF,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAE3D,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;QACnC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;KAC/B;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH;;;;GAIG;AACH,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC3C,mDAAmD;IACnD,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAA;IACnC,eAAe;IACf,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mDAAmD;IACnD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACnD,wFAAwF;IACxF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,aAAa,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAGrD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAGzE,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAA;IAGhD,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,gGAAgG;IAChG,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,KAAK,IAAI,CAAA;IAGjE,6EAA6E;IAC7E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG5B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,OAAO,CAAA;IAC1C,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IAGjC,0EAA0E;IAC1E,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;KACrC,CAAA;IAGD,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAA;IAGjC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAA;IAGjC,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,UAAkB,EAClB,YAAoB,EACpB,SAAiB,EACjB,QAAQ,EAAE,eAAe,EACzB,eAAe,EACf,UAAkB,EAClB,iBAAiB,EACjB,OAAe,EACf,OAAO,EAAE,cAA2B,EACpC,aAAa,EAAE,oBAAoB,EACnC,QAAgB,EAChB,UAAU,EACV,UAAkB,EAClB,cAAc,EACd,WAAmB,EACnB,gBAAqB,EACrB,SAAe,EACf,MAAM,EACN,UAAU,EACV,OAAe,EACf,WAAW,EACX,gBAAgB,EAChB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,gBAAgB,EAC5B,YAAoB,EACpB,YAAoB,EACpB,UAAU,EACV,WAAW,EACX,UAAoB,GACrB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CA4b/B;yBA/de,SAAS"}