@devalok/shilp-sutra 0.34.0 → 0.36.0

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

@@ -1,219 +1,122 @@
 "use client";
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import D, { useCallback as w, useState as S, useRef as T, useEffect as I } from "react";
-import { flexRender as _ } from "@tanstack/react-table";
-import { TableBody as h, TableRow as p, TableCell as b } from "./table.js";
-import { Skeleton as E } from "./skeleton.js";
-import { cn as m } from "./lib/utils.js";
-import { useDataTableContext as x, INTERACTIVE_SELECTOR as $, getPinnedCellStyle as V, isColumnEditable as P, getColumnMetaClasses as A } from "./data-table-context.js";
-function B({
-  initialValue: t,
-  onSave: a,
-  onCancel: c
-}) {
-  const [s, o] = S(t), r = T(null);
-  I(() => {
-    r.current?.focus(), r.current?.select();
-  }, []);
-  const u = w(() => {
-    a(s);
-  }, [a, s]);
-  return /* @__PURE__ */ e(
-    "input",
-    {
-      ref: r,
-      type: "text",
-      value: s,
-      onChange: (l) => o(l.target.value),
-      onBlur: u,
-      onKeyDown: (l) => {
-        l.key === "Enter" ? (l.preventDefault(), u()) : l.key === "Escape" && (l.preventDefault(), c());
-      },
-      className: m(
-        "h-ds-xs-plus w-full rounded-ds-md",
-        "border border-accent-7 bg-surface-raised-hover",
-        "px-ds-02 text-ds-sm",
-        "text-surface-fg placeholder:text-surface-fg-subtle",
-        "outline-hidden focus:border-accent-7"
-      ),
-      "aria-label": "Edit cell value"
-    }
-  );
+import { cn as e } from "./lib/utils.js";
+import { TableBody as t, TableCell as n, TableRow as r } from "./table.js";
+import { Skeleton as i } from "./skeleton.js";
+import { getColumnMetaClasses as a, getPinnedCellStyle as o, isColumnEditable as s, useDataTableContext as c } from "./data-table-context.js";
+import l, { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { flexRender as g } from "@tanstack/react-table";
+//#region src/ui/data-table-body.tsx
+function _({ initialValue: t, onSave: n, onCancel: r }) {
+	let [i, a] = p(t), o = f(null);
+	d(() => {
+		o.current?.focus(), o.current?.select();
+	}, []);
+	let s = u(() => {
+		n(i);
+	}, [n, i]);
+	return /* @__PURE__ */ m("input", {
+		ref: o,
+		type: "text",
+		value: i,
+		onChange: (e) => a(e.target.value),
+		onBlur: s,
+		onKeyDown: (e) => {
+			e.key === "Enter" ? (e.preventDefault(), s()) : e.key === "Escape" && (e.preventDefault(), r());
+		},
+		className: e("h-ds-xs-plus w-full rounded-ds-md", "border border-accent-7 bg-surface-raised-hover", "px-ds-02 text-ds-sm", "text-surface-fg placeholder:text-surface-fg-subtle", "outline-hidden focus:border-accent-7"),
+		"aria-label": "Edit cell value"
+	});
 }
-function v({
-  row: t,
-  style: a
-}) {
-  const {
-    table: c,
-    cellPadding: s,
-    columnPinningState: o,
-    editable: r,
-    editingCell: u,
-    setEditingCell: l,
-    onCellEdit: d,
-    virtualRows: f,
-    onRowClick: n
-  } = x(), g = w(
-    (i) => {
-      !n || i.target.closest($) || n(t.original);
-    },
-    [n, t.original]
-  ), R = t.getVisibleCells();
-  return /* @__PURE__ */ e(
-    p,
-    {
-      "data-state": t.getIsSelected() && "selected",
-      style: a,
-      className: m(
-        f ? "absolute w-full flex" : void 0,
-        n && "cursor-pointer"
-      ),
-      onClick: n ? g : void 0,
-      children: R.map((i) => {
-        const C = V(i.column.id, o), k = u?.rowIndex === t.index && u?.columnId === i.column.id;
-        return /* @__PURE__ */ e(
-          b,
-          {
-            className: m(
-              s,
-              C.className,
-              f && "flex-1",
-              A(
-                i.column.columnDef.meta
-              )
-            ),
-            style: C.style,
-            onDoubleClick: () => {
-              P(i.column.id, r, c) && l({
-                rowIndex: t.index,
-                columnId: i.column.id
-              });
-            },
-            children: k ? /* @__PURE__ */ e(
-              B,
-              {
-                initialValue: String(i.getValue() ?? ""),
-                onSave: (y) => {
-                  d?.(t.index, i.column.id, y), l(null);
-                },
-                onCancel: () => l(null)
-              }
-            ) : _(i.column.columnDef.cell, i.getContext())
-          },
-          i.id
-        );
-      })
-    }
-  );
+function v({ row: t, style: i }) {
+	let { table: l, cellPadding: d, columnPinningState: f, editable: p, editingCell: h, setEditingCell: v, onCellEdit: y, virtualRows: b, onRowClick: x } = c(), S = u((e) => {
+		x && (e.target.closest("button, a, input, select, textarea, [role=\"checkbox\"]") || x(t.original));
+	}, [x, t.original]), C = t.getVisibleCells();
+	return /* @__PURE__ */ m(r, {
+		"data-state": t.getIsSelected() && "selected",
+		style: i,
+		className: e(b ? "absolute w-full flex" : void 0, x && "cursor-pointer"),
+		onClick: x ? S : void 0,
+		children: C.map((r) => {
+			let i = o(r.column.id, f), c = h?.rowIndex === t.index && h?.columnId === r.column.id;
+			return /* @__PURE__ */ m(n, {
+				className: e(d, i.className, b && "flex-1", a(r.column.columnDef.meta)),
+				style: i.style,
+				onDoubleClick: () => {
+					s(r.column.id, p, l) && v({
+						rowIndex: t.index,
+						columnId: r.column.id
+					});
+				},
+				children: c ? /* @__PURE__ */ m(_, {
+					initialValue: String(r.getValue() ?? ""),
+					onSave: (e) => {
+						y?.(t.index, r.column.id, e), v(null);
+					},
+					onCancel: () => v(null)
+				}) : g(r.column.columnDef.cell, r.getContext())
+			}, r.id);
+		})
+	});
 }
-function j({
-  row: t,
-  style: a
-}) {
-  const { allColumns: c, expandable: s, renderExpanded: o, virtualRows: r } = x();
-  return !s || !t.getIsExpanded() || !o ? null : /* @__PURE__ */ e(
-    p,
-    {
-      style: a,
-      className: r ? "absolute w-full flex" : void 0,
-      children: /* @__PURE__ */ e(
-        b,
-        {
-          colSpan: c.length,
-          className: m(
-            "bg-surface-raised p-ds-05",
-            r && "flex-1"
-          ),
-          children: o(t.original)
-        }
-      )
-    }
-  );
+function y({ row: t, style: i }) {
+	let { allColumns: a, expandable: o, renderExpanded: s, virtualRows: l } = c();
+	return !o || !t.getIsExpanded() || !s ? null : /* @__PURE__ */ m(r, {
+		style: i,
+		className: l ? "absolute w-full flex" : void 0,
+		children: /* @__PURE__ */ m(n, {
+			colSpan: a.length,
+			className: e("bg-surface-raised p-ds-05", l && "flex-1"),
+			children: s(t.original)
+		})
+	});
 }
-function M({
-  rowCount: t
-}) {
-  const { allColumns: a, cellPadding: c } = x(), s = a.length, o = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-  return /* @__PURE__ */ e(h, { children: Array.from({ length: t }, (r, u) => /* @__PURE__ */ e(p, { children: Array.from({ length: s }, (l, d) => {
-    const n = (a[d]?.id ?? a[d]?.header) === "_select";
-    return /* @__PURE__ */ e(
-      b,
-      {
-        className: c,
-        children: n ? /* @__PURE__ */ e(
-          E,
-          {
-            variant: "text",
-            className: "h-4 w-4",
-            animation: "pulse"
-          }
-        ) : /* @__PURE__ */ e(
-          E,
-          {
-            variant: "text",
-            className: m(
-              "h-4",
-              o[d % o.length]
-            ),
-            animation: "pulse"
-          }
-        )
-      },
-      `skeleton-${u}-${d}`
-    );
-  }) }, `skeleton-${u}`)) });
+function b({ rowCount: a }) {
+	let { allColumns: o, cellPadding: s } = c(), l = o.length, u = [
+		"w-3/4",
+		"w-1/2",
+		"w-2/3",
+		"w-full"
+	];
+	return /* @__PURE__ */ m(t, { children: Array.from({ length: a }, (t, a) => /* @__PURE__ */ m(r, { children: Array.from({ length: l }, (t, r) => /* @__PURE__ */ m(n, {
+		className: s,
+		children: (o[r]?.id ?? o[r]?.header) === "_select" ? /* @__PURE__ */ m(i, {
+			variant: "text",
+			className: "h-4 w-4",
+			animation: "pulse"
+		}) : /* @__PURE__ */ m(i, {
+			variant: "text",
+			className: e("h-4", u[r % u.length]),
+			animation: "pulse"
+		})
+	}, `skeleton-${a}-${r}`)) }, `skeleton-${a}`)) });
 }
-function q({
-  loading: t,
-  skeletonRowCount: a,
-  noResultsText: c,
-  emptyState: s,
-  virtualItems: o,
-  totalVirtualSize: r
-}) {
-  const { table: u, allColumns: l, virtualRows: d } = x(), f = u.getRowModel().rows;
-  return t ? /* @__PURE__ */ e(M, { rowCount: a }) : f.length ? d && o ? /* @__PURE__ */ e(
-    h,
-    {
-      style: {
-        height: `${r}px`,
-        position: "relative"
-      },
-      children: o.map((n) => {
-        const g = f[n.index];
-        return /* @__PURE__ */ e(
-          v,
-          {
-            row: g,
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: `${n.size}px`,
-              transform: `translateY(${n.start}px)`
-            }
-          },
-          g.id
-        );
-      })
-    }
-  ) : /* @__PURE__ */ e(h, { children: f.map((n) => /* @__PURE__ */ N(D.Fragment, { children: [
-    /* @__PURE__ */ e(v, { row: n }),
-    /* @__PURE__ */ e(j, { row: n })
-  ] }, n.id)) }) : /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-    b,
-    {
-      colSpan: l.length,
-      className: m(
-        "h-24 text-center",
-        !s && "text-surface-fg-subtle"
-      ),
-      children: s || c || "No results."
-    }
-  ) }) });
+function x({ loading: i, skeletonRowCount: a, noResultsText: o, emptyState: s, virtualItems: u, totalVirtualSize: d }) {
+	let { table: f, allColumns: p, virtualRows: g } = c(), _ = f.getRowModel().rows;
+	return i ? /* @__PURE__ */ m(b, { rowCount: a }) : _.length ? g && u ? /* @__PURE__ */ m(t, {
+		style: {
+			height: `${d}px`,
+			position: "relative"
+		},
+		children: u.map((e) => {
+			let t = _[e.index];
+			return /* @__PURE__ */ m(v, {
+				row: t,
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					height: `${e.size}px`,
+					transform: `translateY(${e.start}px)`
+				}
+			}, t.id);
+		})
+	}) : /* @__PURE__ */ m(t, { children: _.map((e) => /* @__PURE__ */ h(l.Fragment, { children: [/* @__PURE__ */ m(v, { row: e }), /* @__PURE__ */ m(y, { row: e })] }, e.id)) }) : /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(n, {
+		colSpan: p.length,
+		className: e("h-24 text-center", !s && "text-surface-fg-subtle"),
+		children: s || o || "No results."
+	}) }) });
 }
-export {
-  q as DataTableBody
-};
+//#endregion
+export { x as DataTableBody };

package/dist/ui/data-table-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-body.js","names":[],"sources":["../../src/ui/data-table-body.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { type Row, flexRender } from '@tanstack/react-table'\nimport { type VirtualItem } from '@tanstack/react-virtual'\n\nimport { TableBody, TableCell, TableRow } from './table'\nimport { Skeleton } from './skeleton'\nimport { cn } from './lib/utils'\nimport {\n  useDataTableContext,\n  getColumnMetaClasses,\n  getPinnedCellStyle,\n  isColumnEditable,\n  INTERACTIVE_SELECTOR,\n} from './data-table-context'\n\n// ── CellEditInput ───────────────────────────────────────────────\n\n/**\n * Inline edit input rendered inside a table cell.\n * Auto-focuses, saves on Enter/blur, cancels on Escape.\n */\nfunction CellEditInput({\n  initialValue,\n  onSave,\n  onCancel,\n}: {\n  initialValue: string\n  onSave: (value: string) => void\n  onCancel: () => void\n}) {\n  const [value, setValue] = useState(initialValue)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    inputRef.current?.focus()\n    inputRef.current?.select()\n  }, [])\n\n  const handleSave = useCallback(() => {\n    onSave(value)\n  }, [onSave, value])\n\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      value={value}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={handleSave}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.preventDefault()\n          handleSave()\n        } else if (e.key === 'Escape') {\n          e.preventDefault()\n          onCancel()\n        }\n      }}\n      className={cn(\n        'h-ds-xs-plus w-full rounded-ds-md',\n        'border border-accent-7 bg-surface-raised-hover',\n        'px-ds-02 text-ds-sm',\n        'text-surface-fg placeholder:text-surface-fg-subtle',\n        'outline-hidden focus:border-accent-7',\n      )}\n      aria-label=\"Edit cell value\"\n    />\n  )\n}\n\n// ── DataRow ─────────────────────────────────────────────────────\n\n/** Render a single data row (shared between virtual and non-virtual paths) */\nfunction DataTableRow<TData>({\n  row,\n  style,\n}: {\n  row: Row<TData>\n  style?: React.CSSProperties\n}) {\n  const {\n    table,\n    cellPadding,\n    columnPinningState,\n    editable,\n    editingCell,\n    setEditingCell,\n    onCellEdit,\n    virtualRows,\n    onRowClick,\n  } = useDataTableContext<TData>()\n\n  const handleRowClick = useCallback(\n    (e: React.MouseEvent<HTMLTableRowElement>) => {\n      if (!onRowClick) return\n      const target = e.target as HTMLElement\n      if (target.closest(INTERACTIVE_SELECTOR)) return\n      onRowClick(row.original)\n    },\n    [onRowClick, row.original],\n  )\n\n  const visibleCells = row.getVisibleCells()\n\n  return (\n    <TableRow\n      data-state={row.getIsSelected() && 'selected'}\n      style={style}\n      className={cn(\n        virtualRows ? 'absolute w-full flex' : undefined,\n        onRowClick && 'cursor-pointer',\n      )}\n      onClick={onRowClick ? handleRowClick : undefined}\n    >\n      {visibleCells.map((cell) => {\n        const pinned = getPinnedCellStyle(cell.column.id, columnPinningState)\n        const isEditing =\n          editingCell?.rowIndex === row.index &&\n          editingCell?.columnId === cell.column.id\n\n        return (\n          <TableCell\n            key={cell.id}\n            className={cn(\n              cellPadding,\n              pinned.className,\n              virtualRows && 'flex-1',\n              getColumnMetaClasses(\n                cell.column.columnDef.meta as Record<string, unknown>,\n              ),\n            )}\n            style={pinned.style}\n            onDoubleClick={() => {\n              if (isColumnEditable(cell.column.id, editable, table)) {\n                setEditingCell({\n                  rowIndex: row.index,\n                  columnId: cell.column.id,\n                })\n              }\n            }}\n          >\n            {isEditing ? (\n              <CellEditInput\n                initialValue={String(cell.getValue() ?? '')}\n                onSave={(value) => {\n                  onCellEdit?.(row.index, cell.column.id, value)\n                  setEditingCell(null)\n                }}\n                onCancel={() => setEditingCell(null)}\n              />\n            ) : (\n              flexRender(cell.column.columnDef.cell, cell.getContext())\n            )}\n          </TableCell>\n        )\n      })}\n    </TableRow>\n  )\n}\n\n// ── ExpandedRow ─────────────────────────────────────────────────\n\n/** Render expanded content row below the data row */\nfunction DataTableExpandedRow<TData>({\n  row,\n  style,\n}: {\n  row: Row<TData>\n  style?: React.CSSProperties\n}) {\n  const { allColumns, expandable, renderExpanded, virtualRows } =\n    useDataTableContext<TData>()\n\n  if (!expandable || !row.getIsExpanded() || !renderExpanded) return null\n\n  return (\n    <TableRow\n      style={style}\n      className={virtualRows ? 'absolute w-full flex' : undefined}\n    >\n      <TableCell\n        colSpan={allColumns.length}\n        className={cn(\n          'bg-surface-raised p-ds-05',\n          virtualRows && 'flex-1',\n        )}\n      >\n        {renderExpanded(row.original)}\n      </TableCell>\n    </TableRow>\n  )\n}\n\n// ── SkeletonRows ────────────────────────────────────────────────\n\nfunction DataTableSkeletonRows({\n  rowCount,\n}: {\n  rowCount: number\n}) {\n  const { allColumns, cellPadding } = useDataTableContext()\n  const visibleColumnCount = allColumns.length\n  const skeletonWidths = ['w-3/4', 'w-1/2', 'w-2/3', 'w-full']\n\n  return (\n    <TableBody>\n      {Array.from({ length: rowCount }, (_, rowIdx) => (\n        <TableRow key={`skeleton-${rowIdx}`}>\n          {Array.from({ length: visibleColumnCount }, (_, colIdx) => {\n            const colId = allColumns[colIdx]?.id ?? allColumns[colIdx]?.header\n            const isSelect = colId === '_select'\n            return (\n              <TableCell\n                key={`skeleton-${rowIdx}-${colIdx}`}\n                className={cellPadding}\n              >\n                {isSelect ? (\n                  <Skeleton\n                    variant=\"text\"\n                    className=\"h-4 w-4\"\n                    animation=\"pulse\"\n                  />\n                ) : (\n                  <Skeleton\n                    variant=\"text\"\n                    className={cn(\n                      'h-4',\n                      skeletonWidths[colIdx % skeletonWidths.length],\n                    )}\n                    animation=\"pulse\"\n                  />\n                )}\n              </TableCell>\n            )\n          })}\n        </TableRow>\n      ))}\n    </TableBody>\n  )\n}\n\n// ── DataTableBody (orchestrates all body rendering) ─────────────\n\nexport function DataTableBody<TData>({\n  loading,\n  skeletonRowCount,\n  noResultsText,\n  emptyState,\n  virtualItems,\n  totalVirtualSize,\n}: {\n  loading?: boolean\n  skeletonRowCount: number\n  noResultsText?: string\n  emptyState?: React.ReactNode\n  virtualItems?: VirtualItem[]\n  totalVirtualSize?: number\n}) {\n  const { table, allColumns, virtualRows } = useDataTableContext<TData>()\n  const rows = table.getRowModel().rows\n\n  // Loading state: show skeleton rows\n  if (loading) {\n    return <DataTableSkeletonRows rowCount={skeletonRowCount} />\n  }\n\n  if (!rows.length) {\n    return (\n      <TableBody>\n        <TableRow>\n          <TableCell\n            colSpan={allColumns.length}\n            className={cn(\n              'h-24 text-center',\n              !emptyState && 'text-surface-fg-subtle',\n            )}\n          >\n            {emptyState || noResultsText || 'No results.'}\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    )\n  }\n\n  if (virtualRows && virtualItems) {\n    return (\n      <TableBody\n        style={{\n          height: `${totalVirtualSize}px`,\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualRow) => {\n          const row = rows[virtualRow.index]\n          return (\n            <DataTableRow\n              key={row.id}\n              row={row}\n              style={{\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                width: '100%',\n                height: `${virtualRow.size}px`,\n                transform: `translateY(${virtualRow.start}px)`,\n              }}\n            />\n          )\n        })}\n      </TableBody>\n    )\n  }\n\n  // Standard (non-virtual) rendering\n  return (\n    <TableBody>\n      {rows.map((row) => (\n        <React.Fragment key={row.id}>\n          <DataTableRow row={row} />\n          <DataTableExpandedRow row={row} />\n        </React.Fragment>\n      ))}\n    </TableBody>\n  )\n}\n"],"mappings":"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"}

package/dist/ui/data-table-bulk-actions.js

@@ -1,61 +1,45 @@
 "use client";
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { IconX as i } from "@tabler/icons-react";
-import { Icon as n } from "./icon.js";
-import { Button as d } from "./button.js";
-import { cn as s } from "./lib/utils.js";
-function p({
-  table: a,
-  selectedRows: o,
-  bulkActions: l
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: s(
-        "fixed bottom-6 left-1/2 -translate-x-1/2 z-50",
-        "flex items-center gap-ds-04 px-ds-05 py-ds-03",
-        "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating",
-        "animate-in slide-in-from-bottom-2"
-      ),
-      role: "toolbar",
-      "aria-label": "Bulk actions",
-      children: [
-        /* @__PURE__ */ t("span", { className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap", children: [
-          o.length,
-          " selected"
-        ] }),
-        /* @__PURE__ */ r("div", { className: "h-5 w-px bg-surface-border", "aria-hidden": "true" }),
-        l.map((e) => /* @__PURE__ */ r(
-          d,
-          {
-            size: "sm",
-            variant: e.color === "error" ? "solid" : "outline",
-            color: e.color === "error" ? "error" : void 0,
-            disabled: e.disabled,
-            onClick: () => e.onClick(o),
-            children: e.label
-          },
-          e.label
-        )),
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            onClick: () => a.resetRowSelection(),
-            "aria-label": "Clear selection",
-            className: s(
-              "flex items-center justify-center p-ds-01",
-              "rounded-ds-sm hover:bg-surface-raised transition-colors",
-              "text-surface-fg-muted hover:text-surface-fg"
-            ),
-            children: /* @__PURE__ */ r(n, { icon: i, size: "sm" })
-          }
-        )
-      ]
-    }
-  );
+import { cn as e } from "./lib/utils.js";
+import { Icon as t } from "./icon.js";
+import { Button as n } from "./button.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { IconX as a } from "@tabler/icons-react";
+//#region src/ui/data-table-bulk-actions.tsx
+function o({ table: o, selectedRows: s, bulkActions: c }) {
+	return /* @__PURE__ */ i("div", {
+		className: e("fixed bottom-6 left-1/2 -translate-x-1/2 z-sticky", "flex items-center gap-ds-04 px-ds-05 py-ds-03", "rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating", "animate-in slide-in-from-bottom-2"),
+		role: "toolbar",
+		"aria-label": "Bulk actions",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap",
+				children: [s.length, " selected"]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "h-5 w-px bg-surface-border",
+				"aria-hidden": "true"
+			}),
+			c.map((e) => /* @__PURE__ */ r(n, {
+				size: "sm",
+				variant: e.color === "error" ? "solid" : "outline",
+				color: e.color === "error" ? "error" : void 0,
+				disabled: e.disabled,
+				onClick: () => e.onClick(s),
+				children: e.label
+			}, e.label)),
+			/* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: () => o.resetRowSelection(),
+				"aria-label": "Clear selection",
+				className: e("flex items-center justify-center p-ds-01", "rounded-ds-sm hover:bg-surface-raised transition-colors", "text-surface-fg-muted hover:text-surface-fg"),
+				children: /* @__PURE__ */ r(t, {
+					icon: a,
+					size: "sm"
+				})
+			})
+		]
+	});
 }
-export {
-  p as DataTableBulkActions
-};
+//#endregion
+export { o as DataTableBulkActions };

package/dist/ui/data-table-bulk-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-bulk-actions.js","names":[],"sources":["../../src/ui/data-table-bulk-actions.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport { type Table } from '@tanstack/react-table'\nimport { IconX } from '@tabler/icons-react'\n\nimport { Icon } from './icon'\nimport { Button } from './button'\nimport { cn } from './lib/utils'\n\n/** Bulk action definition for the floating action bar */\nexport interface BulkAction<TData> {\n  label: string\n  onClick: (selectedRows: TData[]) => void\n  color?: 'accent' | 'error'\n  disabled?: boolean\n}\n\n/**\n * Floating action bar shown when rows are selected.\n * Internal — not exported to consumers.\n */\nexport function DataTableBulkActions<TData>({\n  table,\n  selectedRows,\n  bulkActions,\n}: {\n  table: Table<TData>\n  selectedRows: TData[]\n  bulkActions: BulkAction<TData>[]\n}) {\n  return (\n    <div\n      className={cn(\n        'fixed bottom-6 left-1/2 -translate-x-1/2 z-sticky',\n        'flex items-center gap-ds-04 px-ds-05 py-ds-03',\n        'rounded-ds-lg border border-surface-border-strong bg-surface-overlay shadow-floating',\n        'animate-in slide-in-from-bottom-2',\n      )}\n      role=\"toolbar\"\n      aria-label=\"Bulk actions\"\n    >\n      <span className=\"text-ds-sm font-medium text-surface-fg whitespace-nowrap\">\n        {selectedRows.length} selected\n      </span>\n      <div className=\"h-5 w-px bg-surface-border\" aria-hidden=\"true\" />\n      {bulkActions.map((action) => (\n        <Button\n          key={action.label}\n          size=\"sm\"\n          variant={action.color === 'error' ? 'solid' : 'outline'}\n          color={action.color === 'error' ? 'error' : undefined}\n          disabled={action.disabled}\n          onClick={() => action.onClick(selectedRows)}\n        >\n          {action.label}\n        </Button>\n      ))}\n      <button\n        type=\"button\"\n        onClick={() => table.resetRowSelection()}\n        aria-label=\"Clear selection\"\n        className={cn(\n          'flex items-center justify-center p-ds-01',\n          'rounded-ds-sm hover:bg-surface-raised transition-colors',\n          'text-surface-fg-muted hover:text-surface-fg',\n        )}\n      >\n        <Icon icon={IconX} size=\"sm\" />\n      </button>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,EAA4B,EAC1C,UACA,iBACA,kBAKC;AACD,QACE,kBAAC,OAAD;EACE,WAAW,EACT,qDACA,iDACA,wFACA,oCACD;EACD,MAAK;EACL,cAAW;YARb;GAUE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,EAAa,QAAO,YAChB;;GACP,kBAAC,OAAD;IAAK,WAAU;IAA6B,eAAY;IAAS,CAAA;GAChE,EAAY,KAAK,MAChB,kBAAC,GAAD;IAEE,MAAK;IACL,SAAS,EAAO,UAAU,UAAU,UAAU;IAC9C,OAAO,EAAO,UAAU,UAAU,UAAU,KAAA;IAC5C,UAAU,EAAO;IACjB,eAAe,EAAO,QAAQ,EAAa;cAE1C,EAAO;IACD,EARF,EAAO,MAQL,CACT;GACF,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAM,mBAAmB;IACxC,cAAW;IACX,WAAW,EACT,4CACA,2DACA,8CACD;cAED,kBAAC,GAAD;KAAM,MAAM;KAAO,MAAK;KAAO,CAAA;IACxB,CAAA;GACL"}