@devalok/shilp-sutra 0.25.0 → 0.26.0

package/dist/ui/data-table.js

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