@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/data-table.js

@@ -1,50 +1,50 @@
 "use client";
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import st, { useState as f, useRef as V, useEffect as I, useCallback as $, useMemo as lt } from "react";
-import { useReactTable as ot, getExpandedRowModel as at, getPaginationRowModel as rt, getFilteredRowModel as ct, getSortedRowModel as it, getCoreRowModel as dt, flexRender as te } from "@tanstack/react-table";
+import st, { useState as u, useRef as D, useEffect as E, useCallback as M, useMemo as lt } from "react";
+import { useReactTable as at, getExpandedRowModel as ot, getPaginationRowModel as rt, getFilteredRowModel as it, getSortedRowModel as ct, getCoreRowModel as dt, flexRender as Z } from "@tanstack/react-table";
 import { useVirtualizer as ut } from "@tanstack/react-virtual";
-import { IconArrowUp as ft, IconArrowDown as mt, IconArrowsSort as gt, IconSearch as pt, IconChevronLeft as ht, IconChevronRight as we, IconX as bt } from "@tabler/icons-react";
-import { Table as xt, TableHeader as yt, TableRow as z, TableHead as Ne, TableBody as A, TableCell as O } from "./table.js";
-import { Button as St } from "./button.js";
-import { Checkbox as ke } from "./checkbox.js";
+import { IconArrowUp as ft, IconArrowDown as mt, IconArrowsSort as gt, IconSearch as pt, IconChevronLeft as ht, IconChevronRight as Se, IconX as bt } from "@tabler/icons-react";
+import { Icon as h } from "./icon.js";
+import { Table as xt, TableHeader as yt, TableRow as z, TableHead as Ne, TableBody as P, TableCell as _ } from "./table.js";
+import { Button as Ct } from "./button.js";
+import { Checkbox as we } from "./checkbox.js";
 import { Skeleton as Re } from "./skeleton.js";
 import { cn as a } from "./lib/utils.js";
-import { springs as ne } from "./lib/motion.js";
-import { DataTableToolbar as Ct } from "./data-table-toolbar.js";
-import { A as wt, m as se } from "../_chunks/framer.js";
-function De(m) {
-  if (!m) return "";
-  const r = [];
-  return m.align === "right" && r.push("text-right tabular-nums"), m.align === "center" && r.push("text-center"), m.hideBelow === "sm" && r.push("hidden sm:table-cell"), m.hideBelow === "md" && r.push("hidden md:table-cell"), m.hideBelow === "lg" && r.push("hidden lg:table-cell"), r.join(" ");
+import { springs as ee } from "./lib/motion.js";
+import { DataTableToolbar as St } from "./data-table-toolbar.js";
+import { A as Nt, m as te } from "../_chunks/framer.js";
+function ke(f) {
+  if (!f) return "";
+  const o = [];
+  return f.align === "right" && o.push("text-right tabular-nums"), f.align === "center" && o.push("text-center"), f.hideBelow === "sm" && o.push("hidden sm:table-cell"), f.hideBelow === "md" && o.push("hidden md:table-cell"), f.hideBelow === "lg" && o.push("hidden lg:table-cell"), o.join(" ");
 }
-const Nt = {
+const wt = {
   compact: "py-ds-02",
   standard: "py-ds-05",
   comfortable: "py-ds-07"
 };
-function kt({
-  initialValue: m,
-  onSave: r,
-  onCancel: K
+function Rt({
+  initialValue: f,
+  onSave: o,
+  onCancel: B
 }) {
-  const [E, C] = f(m), h = V(null);
-  I(() => {
-    var u, F;
-    (u = h.current) == null || u.focus(), (F = h.current) == null || F.select();
+  const [I, N] = u(f), b = D(null);
+  E(() => {
+    b.current?.focus(), b.current?.select();
   }, []);
-  const b = $(() => {
-    r(E);
-  }, [r, E]);
+  const x = M(() => {
+    o(I);
+  }, [o, I]);
   return /* @__PURE__ */ n(
     "input",
     {
-      ref: h,
+      ref: b,
       type: "text",
-      value: E,
-      onChange: (u) => C(u.target.value),
-      onBlur: b,
-      onKeyDown: (u) => {
-        u.key === "Enter" ? (u.preventDefault(), b()) : u.key === "Escape" && (u.preventDefault(), K());
+      value: I,
+      onChange: (g) => N(g.target.value),
+      onBlur: x,
+      onKeyDown: (g) => {
+        g.key === "Enter" ? (g.preventDefault(), x()) : g.key === "Escape" && (g.preventDefault(), B());
       },
       className: a(
         "h-ds-xs-plus w-full rounded-ds-md",
@@ -57,98 +57,98 @@ function kt({
     }
   );
 }
-const Rt = 'button, a, input, select, textarea, [role="checkbox"]';
-function Dt({
-  columns: m,
-  data: r,
-  className: K,
-  noResultsText: E,
-  sortable: C = !1,
-  filterable: h = !1,
-  globalFilter: b = !1,
-  paginated: u = !1,
-  pageSize: F,
+const kt = 'button, a, input, select, textarea, [role="checkbox"]';
+function zt({
+  columns: f,
+  data: o,
+  className: B,
+  noResultsText: I,
+  sortable: N = !1,
+  filterable: b = !1,
+  globalFilter: x = !1,
+  paginated: g = !1,
+  pageSize: ne,
   pageSizeOptions: ze,
   selectable: w = !1,
-  onSelectionChange: G,
-  toolbar: le = !1,
-  density: Ie = "standard",
-  columnPinning: N,
+  onSelectionChange: H,
+  toolbar: se = !1,
+  density: De = "standard",
+  columnPinning: le,
   editable: Ee = !1,
-  onCellEdit: L,
-  expandable: _ = !1,
-  renderExpanded: oe,
-  virtualRows: x = !1,
-  virtualRowHeight: Fe = 48,
-  maxHeight: Te = 600,
-  onSort: T,
-  emptyState: ae,
-  loading: Me = !1,
-  selectedIds: Y,
+  onCellEdit: Ie,
+  expandable: j = !1,
+  renderExpanded: ae,
+  virtualRows: y = !1,
+  virtualRowHeight: ve = 48,
+  maxHeight: Fe = 600,
+  onSort: v,
+  emptyState: oe,
+  loading: Te = !1,
+  selectedIds: A,
   selectableFilter: re,
   getRowId: p,
-  pagination: l,
-  singleExpand: U = !1,
-  stickyHeader: je = !1,
-  onRowClick: M,
-  bulkActions: B
+  pagination: r,
+  singleExpand: O = !1,
+  stickyHeader: Me = !1,
+  onRowClick: F,
+  bulkActions: V
 }) {
-  const [Ve, ce] = f([]), [$e, _e] = f([]), [W, X] = f(""), [Be, q] = f({
-    pageIndex: l ? l.page - 1 : 0,
-    pageSize: (l == null ? void 0 : l.pageSize) ?? F ?? 10
-  }), [y, ie] = f({}), [He, Ae] = f({}), [de, Oe] = f({
-    left: (N == null ? void 0 : N.left) ?? [],
-    right: (N == null ? void 0 : N.right) ?? []
-  }), [ue, Ke] = f(Ie), [k, J] = f(null), [Ge, fe] = f({}), me = V(null), Q = V(!1);
-  I(() => {
-    if (Y) {
-      Q.current = !0;
+  const [je, ie] = u([]), [Ve, $e] = u([]), [K, G] = u(""), [Pe, L] = u({
+    pageIndex: r ? r.page - 1 : 0,
+    pageSize: r?.pageSize ?? ne ?? 10
+  }), [C, ce] = u({}), [_e, Be] = u({}), [de, He] = u({
+    left: le?.left ?? [],
+    right: le?.right ?? []
+  }), [ue, Ae] = u(De), [fe, Y] = u(null), [Oe, me] = u({}), ge = D(null), U = D(!1);
+  E(() => {
+    if (A) {
+      U.current = !0;
       const e = {};
-      Y.forEach((t) => {
+      A.forEach((t) => {
         e[t] = !0;
-      }), ie(e);
+      }), ce(e);
     }
-  }, [Y]), I(() => {
-    l && q((e) => ({
+  }, [A]), E(() => {
+    r && L((e) => ({
       ...e,
-      pageIndex: l.page - 1,
-      pageSize: l.pageSize
+      pageIndex: r.page - 1,
+      pageSize: r.pageSize
     }));
-  }, [l == null ? void 0 : l.page, l == null ? void 0 : l.pageSize]);
-  const Le = $(
+  }, [r?.page, r?.pageSize]);
+  const Ke = M(
     (e) => {
-      ce((t) => {
+      ie((t) => {
         const s = typeof e == "function" ? e(t) : e;
-        return T && (s.length === 0 && t.length > 0 ? T(t[0].id, !1) : s.length > 0 && T(s[0].id, s[0].desc ? "desc" : "asc")), s;
+        return v && (s.length === 0 && t.length > 0 ? v(t[0].id, !1) : s.length > 0 && v(s[0].id, s[0].desc ? "desc" : "asc")), s;
       });
     },
-    [T]
-  ), Ye = $(
+    [v]
+  ), Ge = M(
     (e) => {
-      fe((t) => {
+      me((t) => {
         const s = typeof e == "function" ? e(t) : e;
-        if (!U || s === !0 || typeof s != "object") return s;
-        const o = typeof t == "object" ? Object.keys(t).filter((g) => t[g]) : [], D = Object.keys(s).filter((g) => s[g]).filter((g) => !o.includes(g));
-        return D.length > 0 ? { [D[D.length - 1]]: !0 } : s;
+        if (!O || s === !0 || typeof s != "object") return s;
+        const l = typeof t == "object" ? Object.keys(t).filter((m) => t[m]) : [], k = Object.keys(s).filter((m) => s[m]).filter((m) => !l.includes(m));
+        return k.length > 0 ? { [k[k.length - 1]]: !0 } : s;
       });
     },
-    [U]
-  ), Z = V(l == null ? void 0 : l.onPageChange);
-  I(() => {
-    Z.current = l == null ? void 0 : l.onPageChange;
-  }, [l == null ? void 0 : l.onPageChange]);
-  const Ue = $(
+    [O]
+  ), W = D(r?.onPageChange);
+  E(() => {
+    W.current = r?.onPageChange;
+  }, [r?.onPageChange]);
+  const Le = M(
     (e) => {
-      q((t) => {
+      L((t) => {
         const s = typeof e == "function" ? e(t) : e;
-        return Z.current && s.pageIndex !== t.pageIndex && Z.current(s.pageIndex + 1), s;
+        return W.current && s.pageIndex !== t.pageIndex && W.current(s.pageIndex + 1), s;
       });
     },
     []
-  ), We = {
+  ), Ye = {
     id: "_select",
     header: ({ table: e }) => /* @__PURE__ */ n(
-      ke,
+      we,
       {
         checked: e.getIsAllPageRowsSelected(),
         indeterminate: e.getIsSomePageRowsSelected(),
@@ -157,7 +157,7 @@ function Dt({
       }
     ),
     cell: ({ row: e }) => /* @__PURE__ */ n(
-      ke,
+      we,
       {
         checked: e.getIsSelected(),
         disabled: !e.getCanSelect(),
@@ -168,7 +168,7 @@ function Dt({
     enableSorting: !1,
     enableColumnFilter: !1,
     enableHiding: !1
-  }, Xe = {
+  }, Ue = {
     id: "_expand",
     header: () => null,
     cell: ({ row: e }) => /* @__PURE__ */ n(
@@ -179,14 +179,14 @@ function Dt({
         "aria-label": e.getIsExpanded() ? "Collapse row" : "Expand row",
         className: "flex items-center justify-center p-ds-01 rounded-ds-sm hover:bg-surface-raised transition-colors",
         children: /* @__PURE__ */ n(
-          we,
+          h,
           {
-            size: 16,
+            icon: Se,
+            size: "sm",
             className: a(
               "transition-transform duration-moderate-02",
               e.getIsExpanded() && "rotate-90"
-            ),
-            "aria-hidden": "true"
+            )
           }
         )
       }
@@ -195,94 +195,92 @@ function Dt({
     enableColumnFilter: !1,
     enableHiding: !1
   }, R = [
-    ...w ? [We] : [],
-    ..._ ? [Xe] : [],
-    ...m
-  ], j = !!l, v = u || j, S = {
-    columnVisibility: He,
+    ...w ? [Ye] : [],
+    ...j ? [Ue] : [],
+    ...f
+  ], T = !!r, X = g || T, S = {
+    columnVisibility: _e,
     columnPinning: de
   };
-  C && (S.sorting = Ve), (h || b) && (S.columnFilters = $e, S.globalFilter = W), v && (S.pagination = Be), w && (S.rowSelection = y), _ && (S.expanded = Ge);
-  const ge = C && !!T, c = ot({
-    data: r,
+  N && (S.sorting = je), (b || x) && (S.columnFilters = Ve, S.globalFilter = K), X && (S.pagination = Pe), w && (S.rowSelection = C), j && (S.expanded = Oe);
+  const pe = N && !!v, i = at({
+    data: o,
     columns: R,
     state: S,
-    onColumnVisibilityChange: Ae,
-    onColumnPinningChange: Oe,
+    onColumnVisibilityChange: Be,
+    onColumnPinningChange: He,
     getCoreRowModel: dt(),
-    ...C && {
-      onSortingChange: ge ? Le : ce,
-      ...ge ? { manualSorting: !0 } : { getSortedRowModel: it() }
+    ...N && {
+      onSortingChange: pe ? Ke : ie,
+      ...pe ? { manualSorting: !0 } : { getSortedRowModel: ct() }
     },
-    ...(h || b) && {
-      onColumnFiltersChange: _e,
-      onGlobalFilterChange: X,
-      getFilteredRowModel: ct()
+    ...(b || x) && {
+      onColumnFiltersChange: $e,
+      onGlobalFilterChange: G,
+      getFilteredRowModel: it()
     },
-    ...v && {
-      onPaginationChange: j ? Ue : q,
-      ...j ? {
+    ...X && {
+      onPaginationChange: T ? Le : L,
+      ...T ? {
         manualPagination: !0,
         pageCount: Math.ceil(
-          l.total / l.pageSize
+          r.total / r.pageSize
         )
       } : { getPaginationRowModel: rt() }
     },
     ...w && {
-      onRowSelectionChange: ie,
+      onRowSelectionChange: ce,
       enableRowSelection: re ? (e) => re(e.original) : !0
     },
-    ..._ && {
-      onExpandedChange: U ? Ye : fe,
-      getExpandedRowModel: at()
+    ...j && {
+      onExpandedChange: O ? Ge : me,
+      getExpandedRowModel: ot()
     },
     ...p && {
       getRowId: (e) => p(e)
     }
-  }), P = V(G);
-  I(() => {
-    P.current = G;
-  }, [G]), I(() => {
-    if (Q.current) {
-      Q.current = !1;
+  }), q = D(H), J = D(p);
+  E(() => {
+    q.current = H, J.current = p;
+  }, [H, p]), E(() => {
+    if (U.current) {
+      U.current = !1;
       return;
     }
-    if (!P.current) return;
-    const e = Object.keys(y).filter((s) => y[s]), t = r.filter((s, o) => {
-      const i = p ? p(r[o]) : String(o);
-      return e.includes(i);
+    if (!q.current) return;
+    const e = Object.keys(C).filter((s) => C[s]), t = o.filter((s, l) => {
+      const c = J.current ? J.current(o[l]) : String(l);
+      return e.includes(c);
     });
-    P.current(t);
-  }, [y, r, p]);
-  function pe(e) {
-    const { left: t = [], right: s = [] } = de, o = t.indexOf(e), i = s.indexOf(e);
-    return o !== -1 ? {
+    q.current(t);
+  }, [C, o]);
+  function he(e) {
+    const { left: t = [], right: s = [] } = de, l = t.indexOf(e), c = s.indexOf(e);
+    return l !== -1 ? {
       className: "sticky bg-surface-base z-raised",
       style: { left: 0 }
-    } : i !== -1 ? {
+    } : c !== -1 ? {
       className: "sticky bg-surface-base z-raised",
       style: { right: 0 }
     } : { className: "", style: {} };
   }
-  function qe(e) {
+  function We(e) {
     if (!Ee || e === "_select" || e === "_expand") return !1;
-    const t = c.getColumn(e);
-    if (!t) return !1;
-    const s = t.columnDef.meta;
-    return (s == null ? void 0 : s.enableEditing) !== !1;
+    const t = i.getColumn(e);
+    return !(!t || t.columnDef.meta?.enableEditing === !1);
   }
-  const he = Nt[ue], H = c.getRowModel().rows, be = ut({
-    count: x ? H.length : 0,
-    getScrollElement: () => me.current,
-    estimateSize: () => Fe,
+  const be = wt[ue], $ = i.getRowModel().rows, xe = ut({
+    count: y ? $.length : 0,
+    getScrollElement: () => ge.current,
+    estimateSize: () => ve,
     overscan: 10
-  }), Je = (l == null ? void 0 : l.pageSize) ?? F ?? 5, Qe = R.length, Ze = $(
+  }), Xe = r?.pageSize ?? ne ?? 5, qe = R.length, Je = M(
     (e, t) => {
-      !M || t.target.closest(Rt) || M(e);
+      !F || t.target.closest(kt) || F(e);
     },
-    [M]
+    [F]
   );
-  function xe(e, t) {
+  function ye(e, t) {
     const s = e.getVisibleCells();
     return /* @__PURE__ */ n(
       z,
@@ -290,109 +288,108 @@ function Dt({
         "data-state": e.getIsSelected() && "selected",
         style: t,
         className: a(
-          x ? "absolute w-full flex" : void 0,
-          M && "cursor-pointer"
+          y ? "absolute w-full flex" : void 0,
+          F && "cursor-pointer"
         ),
-        onClick: M ? (o) => Ze(e.original, o) : void 0,
-        children: s.map((o) => {
-          const i = pe(o.column.id), D = (k == null ? void 0 : k.rowIndex) === e.index && (k == null ? void 0 : k.columnId) === o.column.id;
+        onClick: F ? (l) => Je(e.original, l) : void 0,
+        children: s.map((l) => {
+          const c = he(l.column.id), k = fe?.rowIndex === e.index && fe?.columnId === l.column.id;
           return /* @__PURE__ */ n(
-            O,
+            _,
             {
               className: a(
-                he,
-                i.className,
-                x && "flex-1",
-                De(o.column.columnDef.meta)
+                be,
+                c.className,
+                y && "flex-1",
+                ke(l.column.columnDef.meta)
               ),
-              style: i.style,
+              style: c.style,
               onDoubleClick: () => {
-                qe(o.column.id) && J({
+                We(l.column.id) && Y({
                   rowIndex: e.index,
-                  columnId: o.column.id
+                  columnId: l.column.id
                 });
               },
-              children: D ? /* @__PURE__ */ n(
-                kt,
+              children: k ? /* @__PURE__ */ n(
+                Rt,
                 {
-                  initialValue: String(o.getValue() ?? ""),
-                  onSave: (g) => {
-                    L == null || L(e.index, o.column.id, g), J(null);
+                  initialValue: String(l.getValue() ?? ""),
+                  onSave: (m) => {
+                    Ie?.(e.index, l.column.id, m), Y(null);
                   },
-                  onCancel: () => J(null)
+                  onCancel: () => Y(null)
                 }
-              ) : te(o.column.columnDef.cell, o.getContext())
+              ) : Z(l.column.columnDef.cell, l.getContext())
             },
-            o.id
+            l.id
           );
         })
       },
       e.id
     );
   }
-  function ve(e, t) {
-    return !_ || !e.getIsExpanded() || !oe ? null : /* @__PURE__ */ n(
+  function Qe(e, t) {
+    return !j || !e.getIsExpanded() || !ae ? null : /* @__PURE__ */ n(
       z,
       {
         style: t,
-        className: x ? "absolute w-full flex" : void 0,
+        className: y ? "absolute w-full flex" : void 0,
         children: /* @__PURE__ */ n(
-          O,
+          _,
           {
             colSpan: R.length,
             className: a(
               "bg-surface-raised p-ds-05",
-              x && "flex-1"
+              y && "flex-1"
             ),
-            children: oe(e.original)
+            children: ae(e.original)
           }
         )
       },
       `${e.id}-expanded`
     );
   }
-  function Pe() {
+  function Ze() {
     const e = ["w-3/4", "w-1/2", "w-2/3", "w-full"];
-    return /* @__PURE__ */ n(A, { children: Array.from({ length: Je }, (t, s) => /* @__PURE__ */ n(z, { children: Array.from({ length: Qe }, (o, i) => {
-      var Se, Ce;
-      const g = (((Se = R[i]) == null ? void 0 : Se.id) ?? ((Ce = R[i]) == null ? void 0 : Ce.header)) === "_select";
+    return /* @__PURE__ */ n(P, { children: Array.from({ length: Xe }, (t, s) => /* @__PURE__ */ n(z, { children: Array.from({ length: qe }, (l, c) => {
+      const m = (R[c]?.id ?? R[c]?.header) === "_select";
       return /* @__PURE__ */ n(
-        O,
+        _,
         {
-          className: he,
-          children: g ? /* @__PURE__ */ n(Re, { variant: "text", className: "h-4 w-4", animation: "pulse" }) : /* @__PURE__ */ n(Re, { variant: "text", className: a("h-4", e[i % e.length]), animation: "pulse" })
+          className: be,
+          children: m ? /* @__PURE__ */ n(Re, { variant: "text", className: "h-4 w-4", animation: "pulse" }) : /* @__PURE__ */ n(Re, { variant: "text", className: a("h-4", e[c % e.length]), animation: "pulse" })
         },
-        `skeleton-${s}-${i}`
+        `skeleton-${s}-${c}`
       );
     }) }, `skeleton-${s}`)) });
   }
   function et() {
-    if (Me)
-      return Pe();
-    if (!H.length)
-      return /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
-        O,
+    if (Te)
+      return Ze();
+    if (!$.length)
+      return /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(z, { children: /* @__PURE__ */ n(
+        _,
         {
           colSpan: R.length,
           className: a(
             "h-24 text-center",
-            !ae && "text-surface-fg-subtle"
+            !oe && "text-surface-fg-subtle"
           ),
-          children: ae || E || "No results."
+          children: oe || I || "No results."
         }
       ) }) });
-    if (x) {
-      const e = be.getVirtualItems(), t = be.getTotalSize();
+    if (y) {
+      const e = xe.getVirtualItems(), t = xe.getTotalSize();
       return /* @__PURE__ */ n(
-        A,
+        P,
         {
           style: {
             height: `${t}px`,
             position: "relative"
           },
           children: e.map((s) => {
-            const o = H[s.index];
-            return xe(o, {
+            const l = $[s.index];
+            return ye(l, {
               position: "absolute",
               top: 0,
               left: 0,
@@ -404,33 +401,33 @@ function Dt({
         }
       );
     }
-    return /* @__PURE__ */ n(A, { children: H.map((e) => /* @__PURE__ */ d(st.Fragment, { children: [
-      xe(e),
-      ve(e)
+    return /* @__PURE__ */ n(P, { children: $.map((e) => /* @__PURE__ */ d(st.Fragment, { children: [
+      ye(e),
+      Qe(e)
     ] }, e.id)) });
   }
-  const ee = lt(() => {
-    if (!B || !w) return [];
-    const e = Object.keys(y).filter((t) => y[t]);
-    return r.filter((t, s) => {
-      const o = p ? p(r[s]) : String(s);
-      return e.includes(o);
+  const Q = lt(() => {
+    if (!V || !w) return [];
+    const e = Object.keys(C).filter((t) => C[t]);
+    return o.filter((t, s) => {
+      const l = p ? p(o[s]) : String(s);
+      return e.includes(l);
     });
-  }, [B, w, y, r, p]), tt = ee.length > 0, nt = j ? l.total : c.getFilteredRowModel().rows.length, ye = /* @__PURE__ */ d(xt, { children: [
+  }, [V, w, C, o, p]), tt = Q.length > 0, nt = T ? r.total : i.getFilteredRowModel().rows.length, Ce = /* @__PURE__ */ d(xt, { children: [
     /* @__PURE__ */ d(
       yt,
       {
         className: a(
-          je && "sticky top-0 z-10 bg-surface-base"
+          Me && "sticky top-0 z-10 bg-surface-base"
         ),
         children: [
-          c.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => {
-            const s = C && t.column.getCanSort(), o = t.column.getIsSorted(), i = pe(t.column.id);
+          i.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => {
+            const s = N && t.column.getCanSort(), l = t.column.getIsSorted(), c = he(t.column.id);
             return /* @__PURE__ */ n(
               Ne,
               {
-                className: a(i.className, De(t.column.columnDef.meta)),
-                style: i.style,
+                className: a(c.className, ke(t.column.columnDef.meta)),
+                style: c.style,
                 children: t.isPlaceholder ? null : s ? /* @__PURE__ */ d(
                   "button",
                   {
@@ -444,65 +441,47 @@ function Dt({
                     onClick: t.column.getToggleSortingHandler(),
                     "aria-label": `Sort by ${typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id}`,
                     children: [
-                      te(
+                      Z(
                         t.column.columnDef.header,
                         t.getContext()
                       ),
-                      /* @__PURE__ */ n(wt, { mode: "wait", initial: !1, children: o === "asc" ? /* @__PURE__ */ n(
-                        se.span,
+                      /* @__PURE__ */ n(Nt, { mode: "wait", initial: !1, children: l === "asc" ? /* @__PURE__ */ n(
+                        te.span,
                         {
                           initial: { opacity: 0, rotate: 90 },
                           animate: { opacity: 1, rotate: 0 },
                           exit: { opacity: 0, rotate: -90 },
-                          transition: ne.snappy,
+                          transition: ee.snappy,
                           className: "inline-flex",
-                          children: /* @__PURE__ */ n(
-                            ft,
-                            {
-                              className: "h-ico-sm w-ico-sm text-surface-fg-muted",
-                              "aria-hidden": "true"
-                            }
-                          )
+                          children: /* @__PURE__ */ n(h, { icon: ft, size: "sm", className: "text-surface-fg-muted" })
                         },
                         "asc"
-                      ) : o === "desc" ? /* @__PURE__ */ n(
-                        se.span,
+                      ) : l === "desc" ? /* @__PURE__ */ n(
+                        te.span,
                         {
                           initial: { opacity: 0, rotate: -90 },
                           animate: { opacity: 1, rotate: 0 },
                           exit: { opacity: 0, rotate: 90 },
-                          transition: ne.snappy,
+                          transition: ee.snappy,
                           className: "inline-flex",
-                          children: /* @__PURE__ */ n(
-                            mt,
-                            {
-                              className: "h-ico-sm w-ico-sm text-surface-fg-muted",
-                              "aria-hidden": "true"
-                            }
-                          )
+                          children: /* @__PURE__ */ n(h, { icon: mt, size: "sm", className: "text-surface-fg-muted" })
                         },
                         "desc"
                       ) : /* @__PURE__ */ n(
-                        se.span,
+                        te.span,
                         {
                           initial: { opacity: 0 },
                           animate: { opacity: 1 },
                           exit: { opacity: 0 },
-                          transition: ne.snappy,
+                          transition: ee.snappy,
                           className: "inline-flex",
-                          children: /* @__PURE__ */ n(
-                            gt,
-                            {
-                              className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
-                              "aria-hidden": "true"
-                            }
-                          )
+                          children: /* @__PURE__ */ n(h, { icon: gt, size: "sm", className: "text-surface-fg-subtle" })
                         },
                         "unsorted"
                       ) })
                     ]
                   }
-                ) : te(
+                ) : Z(
                   t.column.columnDef.header,
                   t.getContext()
                 )
@@ -510,7 +489,7 @@ function Dt({
               t.id
             );
           }) }, e.id)),
-          h && c.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => /* @__PURE__ */ n(Ne, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ n(
+          b && i.getHeaderGroups().map((e) => /* @__PURE__ */ n(z, { children: e.headers.map((t) => /* @__PURE__ */ n(Ne, { className: "py-ds-01", children: t.isPlaceholder || t.column.columnDef.enableColumnFilter === !1 ? null : /* @__PURE__ */ n(
             "input",
             {
               type: "text",
@@ -532,33 +511,26 @@ function Dt({
     ),
     et()
   ] });
-  return /* @__PURE__ */ d("div", { className: a(K), children: [
-    le && /* @__PURE__ */ n(
-      Ct,
+  return /* @__PURE__ */ d("div", { className: a(B), children: [
+    se && /* @__PURE__ */ n(
+      St,
       {
-        table: c,
-        globalFilter: b,
-        globalFilterValue: W,
-        onGlobalFilterChange: X,
+        table: i,
+        globalFilter: x,
+        globalFilterValue: K,
+        onGlobalFilterChange: G,
         density: ue,
-        onDensityChange: Ke
+        onDensityChange: Ae
       }
     ),
-    b && !le && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04", children: [
-      /* @__PURE__ */ n(
-        pt,
-        {
-          size: 16,
-          className: "text-surface-fg-subtle",
-          "aria-hidden": "true"
-        }
-      ),
+    x && !se && /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 pb-ds-04 border-b border-surface-border mb-ds-04", children: [
+      /* @__PURE__ */ n(h, { icon: pt, size: "sm", className: "text-surface-fg-subtle" }),
       /* @__PURE__ */ n(
         "input",
         {
           type: "text",
-          value: W,
-          onChange: (e) => X(e.target.value),
+          value: K,
+          onChange: (e) => G(e.target.value),
           placeholder: "Search all columns...",
           "aria-label": "Search all columns",
           className: a(
@@ -569,26 +541,26 @@ function Dt({
         }
       )
     ] }),
-    x ? /* @__PURE__ */ n(
+    y ? /* @__PURE__ */ n(
       "div",
       {
-        ref: me,
-        style: { maxHeight: `${Te}px`, overflowY: "auto" },
-        children: ye
+        ref: ge,
+        style: { maxHeight: `${Fe}px`, overflowY: "auto" },
+        children: Ce
       }
-    ) : ye,
-    v && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border", children: [
+    ) : Ce,
+    X && /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-ds-03 py-ds-04 border-t border-surface-border", children: [
       /* @__PURE__ */ d("span", { className: "text-ds-sm text-surface-fg-muted", children: [
         nt,
         " total rows"
       ] }),
       /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-        !j && /* @__PURE__ */ n(
+        !T && /* @__PURE__ */ n(
           "select",
           {
-            value: c.getState().pagination.pageSize,
+            value: i.getState().pagination.pageSize,
             onChange: (e) => {
-              c.setPageSize(Number(e.target.value));
+              i.setPageSize(Number(e.target.value));
             },
             "aria-label": "Rows per page",
             className: a(
@@ -607,8 +579,8 @@ function Dt({
           "button",
           {
             type: "button",
-            disabled: !c.getCanPreviousPage(),
-            onClick: () => c.previousPage(),
+            disabled: !i.getCanPreviousPage(),
+            onClick: () => i.previousPage(),
             "aria-label": "Previous page",
             className: a(
               "h-ds-sm w-ds-sm flex items-center justify-center",
@@ -617,22 +589,22 @@ function Dt({
               "disabled:opacity-action-disabled disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ n(ht, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(h, { icon: ht, size: "sm" })
           }
         ),
         /* @__PURE__ */ d("span", { className: "text-ds-sm text-surface-fg-muted", children: [
           "Page ",
-          c.getState().pagination.pageIndex + 1,
+          i.getState().pagination.pageIndex + 1,
           " of",
           " ",
-          c.getPageCount()
+          i.getPageCount()
         ] }),
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
-            disabled: !c.getCanNextPage(),
-            onClick: () => c.nextPage(),
+            disabled: !i.getCanNextPage(),
+            onClick: () => i.nextPage(),
             "aria-label": "Next page",
             className: a(
               "h-ds-sm w-ds-sm flex items-center justify-center",
@@ -641,12 +613,12 @@ function Dt({
               "disabled:opacity-action-disabled disabled:cursor-not-allowed",
               "transition-colors"
             ),
-            children: /* @__PURE__ */ n(we, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ n(h, { icon: Se, size: "sm" })
           }
         )
       ] })
     ] }),
-    B && w && tt && /* @__PURE__ */ d(
+    V && w && tt && /* @__PURE__ */ d(
       "div",
       {
         className: a(
@@ -659,17 +631,17 @@ function Dt({
         "aria-label": "Bulk actions",
         children: [
           /* @__PURE__ */ d("span", { className: "text-ds-sm font-medium text-surface-fg whitespace-nowrap", children: [
-            ee.length,
+            Q.length,
             " selected"
           ] }),
           /* @__PURE__ */ n("div", { className: "h-5 w-px bg-surface-border", "aria-hidden": "true" }),
-          B.map((e) => /* @__PURE__ */ n(
-            St,
+          V.map((e) => /* @__PURE__ */ n(
+            Ct,
             {
               size: "sm",
               variant: e.color === "error" ? "destructive" : "outline",
               disabled: e.disabled,
-              onClick: () => e.onClick(ee),
+              onClick: () => e.onClick(Q),
               children: e.label
             },
             e.label
@@ -678,14 +650,14 @@ function Dt({
             "button",
             {
               type: "button",
-              onClick: () => c.resetRowSelection(),
+              onClick: () => i.resetRowSelection(),
               "aria-label": "Clear selection",
               className: a(
                 "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__ */ n(bt, { size: 16, "aria-hidden": "true" })
+              children: /* @__PURE__ */ n(h, { icon: bt, size: "sm" })
             }
           )
         ]
@@ -693,7 +665,7 @@ function Dt({
     )
   ] });
 }
-Dt.displayName = "DataTable";
+zt.displayName = "DataTable";
 export {
-  Dt as DataTable
+  zt as DataTable
 };