@actioneer/ads 0.5.6 → 0.5.7

package/components/table.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsx as s, jsxs as z } from "react/jsx-runtime";
+import { jsx as d, jsxs as A } from "react/jsx-runtime";
 import * as a from "react";
-import { cn as t } from "../lib/cn.js";
+import { cn as u } from "../lib/cn.js";
 import { Checkbox as j } from "./checkbox.js";
-import { ChevronUp as Q, ChevronDown as V, SortIcon as X } from "../lib/icons.js";
-const L = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" : "text-left", O = (o, n = !1) => o === "left" ? t(
+import { ChevronUp as ie, ChevronDown as ce, SortIcon as ue } from "../lib/icons.js";
+const W = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", X = (e, t = !1) => e === "left" ? u(
   "sticky left-0 z-10",
   // Scroll-aware: the smudge only appears once content is actually
   // hidden behind the pinned column (nothing to scroll back to at the
   // far left → no shadow).
   "group-data-[scroll-left=true]/table-shell:shadow-table-smudge-left"
-) : o === "right" ? t(
+) : e === "right" ? u(
   "sticky right-0 z-10",
   // Backward-compatible fallback. Action columns should opt into the
   // Table-level elevation so one shadow spans the complete column.
-  !n && "group-data-[scroll-right=true]/table-shell:shadow-table-smudge-right"
-) : void 0, W = (o) => o === "right" ? t(
-  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:right-0 group-first/row:before:top-0 group-first/row:before:size-5 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_0%_100%,transparent_19.5px,var(--table-shell)_20px)]",
-  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:right-0 group-last/row:after:bottom-0 group-last/row:after:size-5 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_0%_0%,transparent_19.5px,var(--table-shell)_20px)]"
-) : t(
-  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:left-0 group-first/row:before:top-0 group-first/row:before:size-5 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_100%_100%,transparent_19.5px,var(--table-shell)_20px)]",
-  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:left-0 group-last/row:after:bottom-0 group-last/row:after:size-5 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_100%_0%,transparent_19.5px,var(--table-shell)_20px)]"
-), F = (o) => t(
+  !t && "group-data-[scroll-right=true]/table-shell:shadow-table-smudge-right"
+) : void 0, G = (e) => e === "right" ? u(
+  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:right-0 group-first/row:before:top-0 group-first/row:before:size-1 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_0%_100%,transparent_3.5px,var(--table-shell)_4px)]",
+  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:right-0 group-last/row:after:bottom-0 group-last/row:after:size-1 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_0%_0%,transparent_3.5px,var(--table-shell)_4px)]"
+) : u(
+  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:left-0 group-first/row:before:top-0 group-first/row:before:size-1 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_100%_100%,transparent_3.5px,var(--table-shell)_4px)]",
+  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:left-0 group-last/row:after:bottom-0 group-last/row:after:size-1 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_100%_0%,transparent_3.5px,var(--table-shell)_4px)]"
+), Q = (e) => u(
   "bg-card align-middle transition-colors",
   // Row separators — functional hairline, none under the last row.
   "border-b border-border group-last/row:border-b-0",
-  !o && t(
+  !e && u(
     // Restore the original quiet neutral hover: the row softly sinks
     // toward the shell instead of picking up a brand tint or a new
     // rounded silhouette. The wash is pre-composited so scrolled text
@@ -33,167 +33,280 @@ const L = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" :
     "group-hover/row:bg-(--table-row-hover) group-focus-within/row:bg-(--table-row-hover)",
     "group-data-[selected]/row:bg-(--table-row-selected)"
   )
-), Y = t(
-  "group-first/row:rounded-tl-[calc(var(--radius-2xl)-var(--spacing))]",
-  "group-last/row:rounded-bl-[calc(var(--radius-2xl)-var(--spacing))]"
-), Z = t(
-  "group-first/row:first:rounded-tl-[calc(var(--radius-2xl)-var(--spacing))]",
-  "group-first/row:last:rounded-tr-[calc(var(--radius-2xl)-var(--spacing))]",
-  "group-last/row:first:rounded-bl-[calc(var(--radius-2xl)-var(--spacing))]",
-  "group-last/row:last:rounded-br-[calc(var(--radius-2xl)-var(--spacing))]"
-), I = t(
+), de = u(
+  "group-first/row:rounded-tl-sm",
+  "group-last/row:rounded-bl-sm"
+), pe = u(
+  "group-first/row:first:rounded-tl-sm",
+  "group-first/row:last:rounded-tr-sm",
+  "group-last/row:first:rounded-bl-sm",
+  "group-last/row:last:rounded-br-sm"
+), Y = u(
   "after:pointer-events-none after:absolute after:right-0 after:top-1/2",
   "after:h-4 after:w-px after:-translate-y-1/2 after:rounded-sm",
   "after:bg-border-strong last:after:hidden"
-), M = a.createContext(null), T = () => a.useContext(M), q = a.createContext("body"), D = a.forwardRef(
+), H = "__ads_table_column_", fe = new Intl.Collator(void 0, {
+  numeric: !0,
+  sensitivity: "base"
+});
+function z(e) {
+  const t = [];
+  return a.Children.forEach(e, (n) => {
+    if (a.isValidElement(n) && n.type === a.Fragment) {
+      t.push(...z(n.props.children));
+      return;
+    }
+    t.push(n);
+  }), t;
+}
+function D(e) {
+  if (e == null || typeof e == "boolean")
+    return "";
+  if (typeof e == "number" || typeof e == "string") return e;
+  if (Array.isArray(e))
+    return e.map((r) => String(D(r))).join(" ").trim();
+  if (!a.isValidElement(e)) return "";
+  const t = e.props.sortValue;
+  if (typeof t == "string" || typeof t == "number" || t instanceof Date)
+    return t;
+  const n = D(e.props.children);
+  if (String(n).trim()) return n;
+  for (const r of [
+    "value",
+    "label",
+    "status",
+    "name",
+    "title",
+    "health"
+  ]) {
+    const o = e.props[r];
+    if (typeof o == "string" || typeof o == "number") return o;
+  }
+  return "";
+}
+function J(e) {
+  if (e instanceof Date)
+    return { kind: "number", value: e.getTime() };
+  if (typeof e == "number")
+    return { kind: "number", value: e };
+  const t = e.trim();
+  if (!t || t === "—" || t === "-")
+    return { kind: "empty", value: "" };
+  const n = t.replace(/[,\s]/g, "").replace(/^[₹$€£]/, "").replace(/%$/, "");
+  if (/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(n))
+    return { kind: "number", value: Number(n) };
+  const o = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}/.test(t) || /\b(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\b/i.test(t) ? Date.parse(t) : Number.NaN;
+  return Number.isNaN(o) ? { kind: "text", value: t } : { kind: "number", value: o };
+}
+function me(e, t, n) {
+  const r = J(e), o = J(t);
+  if (r.kind === "empty") return o.kind === "empty" ? 0 : 1;
+  if (o.kind === "empty") return -1;
+  const l = r.kind === "number" && o.kind === "number" ? r.value - o.value : fe.compare(String(r.value), String(o.value));
+  return n === "ascending" ? l : -l;
+}
+const Z = a.createContext(null), V = () => a.useContext(Z), P = a.createContext("body");
+function be(e) {
+  const t = [], r = z(e.props.children).map((o, l) => {
+    if (!a.isValidElement(o) || o.type !== $)
+      return o;
+    let s = 0;
+    const f = z(o.props.children).map((i) => {
+      if (!a.isValidElement(i)) return i;
+      for (; (t[s] ?? 0) > l; )
+        s += 1;
+      const S = Math.max(1, Number(i.props.colSpan ?? 1)), h = Math.max(1, Number(i.props.rowSpan ?? 1)), g = s;
+      for (let x = 0; x < S; x += 1)
+        t[g + x] = Math.max(
+          t[g + x] ?? 0,
+          l + h
+        );
+      return s += S, i.type !== re ? i : a.cloneElement(i, { _sortColumnIndex: g });
+    });
+    return a.cloneElement(o, void 0, f);
+  });
+  return a.cloneElement(e, void 0, r);
+}
+function ge(e, t, n) {
+  const r = z(e.props.children).map((o, l) => {
+    if (!a.isValidElement(o) || o.type !== $)
+      return { row: o, index: l, value: "" };
+    const s = z(o.props.children);
+    return {
+      row: o,
+      index: l,
+      value: D(s[t])
+    };
+  });
+  return r.sort((o, l) => me(o.value, l.value, n) || o.index - l.index), a.cloneElement(
+    e,
+    void 0,
+    r.map(({ row: o }) => o)
+  );
+}
+function K(e, t) {
+  const n = t != null && t.column.startsWith(H) ? Number(t.column.slice(H.length)) : Number.NaN;
+  return a.Children.map(e, (r) => a.isValidElement(r) ? r.type === a.Fragment ? a.cloneElement(
+    r,
+    void 0,
+    K(r.props.children, t)
+  ) : r.type === ee ? be(r) : r.type === te && t && Number.isInteger(n) && n >= 0 ? ge(r, n, t.direction) : r : r);
+}
+const he = a.forwardRef(
   ({
-    className: o,
-    wrapperClassName: n,
-    footer: i,
-    children: d,
-    selectionMode: g = "none",
-    selectedKeys: e,
-    onSelectionChange: c,
-    rowKeys: l,
-    elevatedActionColumn: u = !1,
-    actionColumnWidth: h = "4rem",
-    sortDescriptor: b,
-    onSortChange: w,
+    className: e,
+    wrapperClassName: t,
+    footer: n,
+    children: r,
+    selectionMode: o = "none",
+    selectedKeys: l,
+    onSelectionChange: s,
+    rowKeys: b,
+    elevatedActionColumn: f = !1,
+    actionColumnWidth: i = "4rem",
+    sortDescriptor: S,
+    onSortChange: h,
+    allowsSorting: g = !0,
     isStatic: x = !1,
-    ...U
-  }, $) => {
-    const v = a.useMemo(() => l ?? [], [l]), m = e === "all", f = m ? null : e ?? /* @__PURE__ */ new Set(), C = a.useCallback(
-      (r) => m || !!(f != null && f.has(r)),
-      [m, f]
-    ), N = v.length > 0 && (m || v.every((r) => f == null ? void 0 : f.has(r))), H = !N && (m || v.some((r) => f == null ? void 0 : f.has(r))), P = a.useCallback(
-      (r) => {
-        if (!c) return;
-        if (g === "single") {
-          c(C(r) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([r]));
+    ...C
+  }, _) => {
+    const w = a.useMemo(() => b ?? [], [b]), v = l === "all", p = v ? null : l ?? /* @__PURE__ */ new Set(), R = a.useCallback(
+      (c) => v || !!(p != null && p.has(c)),
+      [v, p]
+    ), k = w.length > 0 && (v || w.every((c) => p == null ? void 0 : p.has(c))), q = !k && (v || w.some((c) => p == null ? void 0 : p.has(c))), F = a.useCallback(
+      (c) => {
+        if (!s) return;
+        if (o === "single") {
+          s(R(c) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([c]));
           return;
         }
-        const p = new Set(m ? v : f ?? /* @__PURE__ */ new Set());
-        p.has(r) ? p.delete(r) : p.add(r), c(p);
+        const m = new Set(v ? w : p ?? /* @__PURE__ */ new Set());
+        m.has(c) ? m.delete(c) : m.add(c), s(m);
       },
-      [c, g, C, m, v, f]
-    ), A = a.useCallback(() => {
-      c && c(N ? /* @__PURE__ */ new Set() : new Set(v));
-    }, [c, N, v]), B = a.useCallback(
-      (r) => {
-        if (!w) return;
-        const p = (b == null ? void 0 : b.column) === r && b.direction === "ascending" ? "descending" : "ascending";
-        w({ column: r, direction: p });
+      [s, o, R, v, w, p]
+    ), I = a.useCallback(() => {
+      s && s(k ? /* @__PURE__ */ new Set() : new Set(w));
+    }, [s, k, w]), [oe, ne] = a.useState(), T = g && !h, y = T ? oe ?? S : S, B = a.useCallback(
+      (c) => {
+        if (!g) return;
+        const m = (y == null ? void 0 : y.column) === c && y.direction === "ascending" ? "descending" : "ascending", N = { column: c, direction: m };
+        h ? h(N) : ne(N);
       },
-      [w, b]
-    ), R = a.useRef(null), [S, G] = a.useState({
+      [y, g, h]
+    ), ae = a.useMemo(
+      () => T ? K(r, y) : r,
+      [y, T, r]
+    ), M = a.useRef(null), [L, se] = a.useState({
       left: !1,
       right: !1
-    }), _ = a.useCallback(() => {
-      const r = R.current;
-      if (!r) return;
-      const p = r.scrollWidth - r.clientWidth, y = r.scrollLeft > 1, E = r.scrollLeft < p - 1;
-      G(
-        (k) => k.left === y && k.right === E ? k : { left: y, right: E }
+    }), E = a.useCallback(() => {
+      const c = M.current;
+      if (!c) return;
+      const m = c.scrollWidth - c.clientWidth, N = c.scrollLeft > 1, U = c.scrollLeft < m - 1;
+      se(
+        (O) => O.left === N && O.right === U ? O : { left: N, right: U }
       );
     }, []);
     a.useEffect(() => {
-      _();
-      const r = R.current;
-      if (!r || typeof ResizeObserver > "u") return;
-      const p = new ResizeObserver(_);
-      p.observe(r);
-      const y = r.querySelector("table");
-      return y && p.observe(y), () => p.disconnect();
-    }, [_]);
-    const J = a.useMemo(
+      E();
+      const c = M.current;
+      if (!c || typeof ResizeObserver > "u") return;
+      const m = new ResizeObserver(E);
+      m.observe(c);
+      const N = c.querySelector("table");
+      return N && m.observe(N), () => m.disconnect();
+    }, [E]);
+    const le = a.useMemo(
       () => ({
-        selectionMode: g,
-        isSelected: C,
-        toggleKey: P,
-        toggleAll: A,
-        allSelected: N,
-        someSelected: H,
+        selectionMode: o,
+        isSelected: R,
+        toggleKey: F,
+        toggleAll: I,
+        allSelected: k,
+        someSelected: q,
         isStatic: x,
-        sortDescriptor: b,
-        requestSort: w ? B : void 0,
-        elevatedActionColumn: u
+        sortDescriptor: y,
+        requestSort: g ? B : void 0,
+        automaticSorting: T,
+        elevatedActionColumn: f
       }),
       [
-        g,
-        C,
-        P,
-        A,
-        N,
-        H,
+        o,
+        R,
+        F,
+        I,
+        k,
+        q,
         x,
-        b,
-        w,
+        y,
+        g,
+        T,
         B,
-        u
+        f
       ]
     );
-    return /* @__PURE__ */ s(M.Provider, { value: J, children: /* @__PURE__ */ z(
+    return /* @__PURE__ */ d(Z.Provider, { value: le, children: /* @__PURE__ */ A(
       "div",
       {
-        "data-scroll-left": S.left ? "true" : "false",
-        "data-scroll-right": S.right ? "true" : "false",
-        className: t(
+        "data-scroll-left": L.left ? "true" : "false",
+        "data-scroll-right": L.right ? "true" : "false",
+        className: u(
           "group/table-shell overflow-clip rounded-2xl bg-table-shell px-1 pb-1",
-          n
+          t
         ),
         children: [
-          /* @__PURE__ */ z(
+          /* @__PURE__ */ A(
             "div",
             {
               className: "relative",
-              style: u ? {
-                "--table-action-column-width": h
+              style: f ? {
+                "--table-action-column-width": i
               } : void 0,
               children: [
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    ref: R,
-                    onScroll: _,
-                    className: "overflow-x-auto rounded-[calc(var(--radius-2xl)-var(--spacing))]",
-                    children: /* @__PURE__ */ s(
+                    ref: M,
+                    onScroll: E,
+                    className: "overflow-x-auto rounded-sm",
+                    children: /* @__PURE__ */ d(
                       "table",
                       {
-                        ref: $,
+                        ref: _,
                         "data-slot": "table",
-                        className: t(
+                        className: u(
                           "w-full border-separate border-spacing-0 text-base",
-                          o
+                          e
                         ),
-                        ...U,
-                        children: d
+                        ...C,
+                        children: ae
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-scroll-hint",
-                    className: t(
+                    className: u(
                       "pointer-events-none absolute inset-y-0 z-20 w-10",
                       "bg-gradient-to-l from-(--table-scroll-hint) to-transparent",
                       "opacity-0 transition-opacity duration-(--duration-fast) ease-out motion-reduce:transition-none",
-                      S.right && "opacity-100",
-                      u ? "right-[var(--table-action-column-width)]" : "right-0"
+                      L.right && "opacity-100",
+                      f ? "right-[var(--table-action-column-width)]" : "right-0"
                     )
                   }
                 ),
-                u && /* @__PURE__ */ s(
+                f && /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-action-column-elevation",
-                    className: t(
+                    className: u(
                       "pointer-events-none absolute inset-y-0 right-0 z-20",
                       "w-[var(--table-action-column-width)]",
-                      "rounded-br-[calc(var(--radius-2xl)-var(--spacing))]"
+                      "rounded-br-sm"
                       // No shadow of its own: while columns hide behind the pinned
                       // surface the scroll-hint gradient is already washing the
                       // seam — stacking a cast on top of it read harsh. The hint
@@ -204,113 +317,113 @@ const L = (o) => o === "center" ? "text-center" : o === "right" ? "text-right" :
               ]
             }
           ),
-          i && /* @__PURE__ */ s("div", { className: "flex items-center px-4 py-2.5", children: i })
+          n && /* @__PURE__ */ d("div", { className: "flex items-center px-4 py-2.5", children: n })
         ]
       }
     ) });
   }
 );
-D.displayName = "Table";
-const K = a.forwardRef(({ className: o, ...n }, i) => {
-  const d = T();
-  return /* @__PURE__ */ s(q.Provider, { value: "header", children: /* @__PURE__ */ s(
+he.displayName = "Table";
+const ee = a.forwardRef(({ className: e, ...t }, n) => {
+  const r = V();
+  return /* @__PURE__ */ d(P.Provider, { value: "header", children: /* @__PURE__ */ d(
     "thead",
     {
-      ref: i,
-      className: t(
+      ref: n,
+      className: u(
         "text-xs text-muted-foreground",
-        (d == null ? void 0 : d.elevatedActionColumn) && "relative z-30 bg-table-shell",
-        o
+        (r == null ? void 0 : r.elevatedActionColumn) && "relative z-30 bg-table-shell",
+        e
       ),
-      ...n
+      ...t
     }
   ) });
 });
-K.displayName = "TableHeader";
-const ee = a.forwardRef(({ className: o, ...n }, i) => /* @__PURE__ */ s(q.Provider, { value: "body", children: /* @__PURE__ */ s("tbody", { ref: i, className: t(o), ...n }) }));
-ee.displayName = "TableBody";
-const re = a.forwardRef(
-  ({ className: o, rowKey: n, children: i, ...d }, g) => {
-    const e = T(), c = a.useContext(q), l = !!e && e.selectionMode !== "none", u = l && c === "body" && n !== void 0 ? e.isSelected(n) : !1;
-    return /* @__PURE__ */ z(
+ee.displayName = "TableHeader";
+const te = a.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ d(P.Provider, { value: "body", children: /* @__PURE__ */ d("tbody", { ref: n, className: u(e), ...t }) }));
+te.displayName = "TableBody";
+const $ = a.forwardRef(
+  ({ className: e, rowKey: t, children: n, ...r }, o) => {
+    const l = V(), s = a.useContext(P), b = !!l && l.selectionMode !== "none", f = b && s === "body" && t !== void 0 ? l.isSelected(t) : !1;
+    return /* @__PURE__ */ A(
       "tr",
       {
-        ref: g,
-        "data-selected": u || void 0,
-        className: t("group/row", o),
-        ...d,
+        ref: o,
+        "data-selected": f || void 0,
+        className: u("group/row", e),
+        ...r,
         children: [
-          l && (c === "header" ? /* @__PURE__ */ s(
+          b && (s === "header" ? /* @__PURE__ */ d(
             "th",
             {
               scope: "col",
-              className: t(
+              className: u(
                 "w-10 px-4 py-2.5",
-                I,
+                Y,
                 // Sticky without the baked shadow — an always-on smudge
                 // muddies the shell's corners (elevation = actionability).
                 // (sticky is positioned, so the ::after tick anchors to it —
                 // no `relative` needed, and it would conflict with sticky.)
                 "sticky left-0 z-10 bg-table-shell"
               ),
-              children: e.selectionMode === "multiple" && /* @__PURE__ */ s(
+              children: l.selectionMode === "multiple" && /* @__PURE__ */ d(
                 j,
                 {
                   size: "sm",
                   "aria-label": "Select all rows",
-                  checked: e.allSelected,
-                  indeterminate: e.someSelected,
-                  onChange: e.toggleAll
+                  checked: l.allSelected,
+                  indeterminate: l.someSelected,
+                  onChange: l.toggleAll
                 }
               )
             }
-          ) : /* @__PURE__ */ s(
+          ) : /* @__PURE__ */ d(
             "td",
             {
-              className: t(
+              className: u(
                 "w-10 px-4 py-3",
-                F(e.isStatic),
-                Y,
+                Q(l.isStatic),
+                de,
                 "sticky left-0 z-10",
                 // Same white-behind-white corner problem as pinned data cells.
-                W("left")
+                G("left")
               ),
-              onClick: (h) => h.stopPropagation(),
-              children: n !== void 0 && /* @__PURE__ */ s(
+              onClick: (i) => i.stopPropagation(),
+              children: t !== void 0 && /* @__PURE__ */ d(
                 j,
                 {
                   size: "sm",
-                  "aria-label": `Select ${n}`,
-                  checked: u,
-                  onChange: () => e.toggleKey(n)
+                  "aria-label": `Select ${t}`,
+                  checked: f,
+                  onChange: () => l.toggleKey(t)
                 }
               )
             }
           )),
-          i
+          n
         ]
       }
     );
   }
 );
-re.displayName = "TableRow";
-const te = a.forwardRef(({ className: o, align: n, sticky: i, sortKey: d, children: g, ...e }, c) => {
-  var w, x;
-  const l = T(), u = !!d && !!(l != null && l.requestSort), h = u && ((w = l == null ? void 0 : l.sortDescriptor) == null ? void 0 : w.column) === d, b = (x = l == null ? void 0 : l.sortDescriptor) == null ? void 0 : x.direction;
-  return /* @__PURE__ */ s(
+$.displayName = "TableRow";
+const re = a.forwardRef(({ className: e, align: t, sticky: n, sortKey: r, allowsSorting: o = !0, _sortColumnIndex: l, children: s, ...b }, f) => {
+  var v, p;
+  const i = V(), h = (i != null && i.automaticSorting && l !== void 0 ? `${H}${l}` : void 0) ?? r, g = Number(b.colSpan ?? 1) === 1, x = String(D(s)).trim().length > 0, C = o && g && n !== "right" && x && !!h && !!(i != null && i.requestSort), _ = C && ((v = i == null ? void 0 : i.sortDescriptor) == null ? void 0 : v.column) === h, w = (p = i == null ? void 0 : i.sortDescriptor) == null ? void 0 : p.direction;
+  return /* @__PURE__ */ d(
     "th",
     {
-      ref: c,
+      ref: f,
       scope: "col",
-      "aria-sort": h ? b === "ascending" ? "ascending" : "descending" : u ? "none" : void 0,
-      className: t(
+      "aria-sort": _ ? w === "ascending" ? "ascending" : "descending" : C ? "none" : void 0,
+      className: u(
         // whitespace-nowrap: header labels hug their content — the table
         // scrolls horizontally, so wrapping "Null %" to two lines only
         // wastes header height without saving any width.
         "relative whitespace-nowrap px-4 py-2.5 font-normal",
-        I,
-        L(n),
-        i && (i === "right" && (l != null && l.elevatedActionColumn) ? t(
+        Y,
+        W(t),
+        n && (n === "right" && (i != null && i.elevatedActionColumn) ? u(
           // Preserve the semantic column width, but do not pin or paint
           // a blank header cell over the labels behind it. Only body
           // action cells participate in the sticky elevated surface.
@@ -318,69 +431,70 @@ const te = a.forwardRef(({ className: o, align: n, sticky: i, sortKey: d, childr
           "min-w-[var(--table-action-column-width)]",
           "max-w-[var(--table-action-column-width)]",
           "bg-transparent"
-        ) : t(O(i), "bg-table-shell")),
-        o
+        ) : u(X(n), "bg-table-shell")),
+        e
       ),
-      ...e,
-      children: u ? /* @__PURE__ */ z(
+      ...b,
+      children: C ? /* @__PURE__ */ A(
         "button",
         {
           type: "button",
-          onClick: () => l.requestSort(d),
-          className: t(
+          onClick: () => i.requestSort(h),
+          className: u(
             "group/sort -mx-1 inline-flex items-center gap-1 rounded px-1 outline-none transition-colors",
             "hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-            n === "right" && "flex-row-reverse",
-            h && "text-foreground"
+            t === "right" && "flex-row-reverse",
+            _ && "text-foreground"
           ),
           children: [
-            g,
-            h ? b === "ascending" ? /* @__PURE__ */ s(Q, { className: "size-3.5" }) : /* @__PURE__ */ s(V, { className: "size-3.5" }) : /* @__PURE__ */ s(X, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
+            s,
+            _ ? w === "ascending" ? /* @__PURE__ */ d(ie, { className: "size-3.5" }) : /* @__PURE__ */ d(ce, { className: "size-3.5" }) : /* @__PURE__ */ d(ue, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
           ]
         }
-      ) : g
+      ) : s
     }
   );
 });
-te.displayName = "TableColumn";
-const oe = a.forwardRef(
-  ({ className: o, align: n, sticky: i, ...d }, g) => {
-    const e = T(), c = i === "right" && (e == null ? void 0 : e.elevatedActionColumn);
-    return /* @__PURE__ */ s(
+re.displayName = "TableColumn";
+const we = a.forwardRef(
+  ({ className: e, align: t, sticky: n, sortValue: r, ...o }, l) => {
+    const s = V(), b = n === "right" && (s == null ? void 0 : s.elevatedActionColumn);
+    return /* @__PURE__ */ d(
       "td",
       {
-        ref: g,
-        className: t(
+        ref: l,
+        "data-sort-value": r instanceof Date ? r.toISOString() : r,
+        className: u(
           // whitespace-nowrap: cell content never wraps — the table's
           // overflow-x-auto viewport scrolls horizontally instead, matching the
           // header cells. Opt back into wrapping with `whitespace-normal` for
           // deliberate multi-line content (e.g. an EmptyState in a colSpan cell).
           "whitespace-nowrap px-4 py-3",
-          F((e == null ? void 0 : e.isStatic) ?? !1),
-          Z,
-          L(n),
-          i && O(i, e == null ? void 0 : e.elevatedActionColumn),
-          i && W(i),
-          c && t(
+          Q((s == null ? void 0 : s.isStatic) ?? !1),
+          pe,
+          W(t),
+          n && X(n, s == null ? void 0 : s.elevatedActionColumn),
+          n && G(n),
+          b && u(
             "w-[var(--table-action-column-width)]",
             "min-w-[var(--table-action-column-width)]",
             "max-w-[var(--table-action-column-width)]",
             "bg-elevated",
             "group-hover/row:bg-elevated group-focus-within/row:bg-elevated"
           ),
-          o
+          e
         ),
-        ...d
+        ...o
       }
     );
   }
 );
-oe.displayName = "TableCell";
+we.displayName = "TableCell";
 export {
-  D as Table,
-  ee as TableBody,
-  oe as TableCell,
-  te as TableColumn,
-  K as TableHeader,
-  re as TableRow
+  he as Table,
+  te as TableBody,
+  we as TableCell,
+  re as TableColumn,
+  ee as TableHeader,
+  $ as TableRow
 };