@actioneer/ads 0.5.7 → 0.5.8

package/components/table.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as d, jsxs as A } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as d, jsxs as _ } from "react/jsx-runtime";
+import * as o from "react";
 import { cn as u } from "../lib/cn.js";
-import { Checkbox as j } from "./checkbox.js";
-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(
+import { Checkbox as re } from "./checkbox.js";
+import { ChevronUp as be, ChevronDown as ge, SortIcon as he } from "../lib/icons.js";
+const ne = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ae = (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
@@ -15,13 +15,13 @@ const W = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" :
   // Backward-compatible fallback. Action columns should opt into the
   // Table-level elevation so one shadow spans the complete column.
   !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)]"
+) : void 0, se = (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-3 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_0%_100%,transparent_11.5px,var(--table-shell)_12px)]",
+  "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-3 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_0%_0%,transparent_11.5px,var(--table-shell)_12px)]"
 ) : 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(
+  "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-3 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_100%_100%,transparent_11.5px,var(--table-shell)_12px)]",
+  "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-3 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_100%_0%,transparent_11.5px,var(--table-shell)_12px)]"
+), ie = (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",
@@ -33,45 +33,45 @@ const W = (e) => e === "center" ? "text-center" : e === "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)"
   )
-), 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(
+), we = u(
+  "group-first/row:rounded-tl-(--table-card-radius)",
+  "group-last/row:rounded-bl-(--table-card-radius)"
+), ve = u(
+  "group-first/row:first:rounded-tl-(--table-card-radius)",
+  "group-first/row:last:rounded-tr-(--table-card-radius)",
+  "group-last/row:first:rounded-bl-(--table-card-radius)",
+  "group-last/row:last:rounded-br-(--table-card-radius)"
+), le = 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"
-), H = "__ads_table_column_", fe = new Intl.Collator(void 0, {
+), K = "__ads_table_column_", G = 64, xe = new Intl.Collator(void 0, {
   numeric: !0,
   sensitivity: "base"
 });
-function z(e) {
+function V(e) {
   const t = [];
-  return a.Children.forEach(e, (n) => {
-    if (a.isValidElement(n) && n.type === a.Fragment) {
-      t.push(...z(n.props.children));
+  return o.Children.forEach(e, (a) => {
+    if (o.isValidElement(a) && a.type === o.Fragment) {
+      t.push(...V(a.props.children));
       return;
     }
-    t.push(n);
+    t.push(a);
   }), t;
 }
-function D(e) {
+function U(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 "";
+    return e.map((n) => String(U(n))).join(" ").trim();
+  if (!o.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 [
+  const a = U(e.props.children);
+  if (String(a).trim()) return a;
+  for (const n of [
     "value",
     "label",
     "status",
@@ -79,12 +79,12 @@ function D(e) {
     "title",
     "health"
   ]) {
-    const o = e.props[r];
-    if (typeof o == "string" || typeof o == "number") return o;
+    const s = e.props[n];
+    if (typeof s == "string" || typeof s == "number") return s;
   }
   return "";
 }
-function J(e) {
+function oe(e) {
   if (e instanceof Date)
     return { kind: "number", value: e.getTime() };
   if (typeof e == "number")
@@ -92,194 +92,239 @@ function J(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 };
+  const a = t.replace(/[,\s]/g, "").replace(/^[₹$€£]/, "").replace(/%$/, "");
+  if (/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(a))
+    return { kind: "number", value: Number(a) };
+  const s = /^\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(s) ? { kind: "text", value: t } : { kind: "number", value: s };
 }
-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;
+function ye(e, t, a) {
+  const n = oe(e), s = oe(t);
+  if (n.kind === "empty") return s.kind === "empty" ? 0 : 1;
+  if (s.kind === "empty") return -1;
+  const l = n.kind === "number" && s.kind === "number" ? n.value - s.value : xe.compare(String(n.value), String(s.value));
+  return a === "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
+const ce = o.createContext(null), q = () => o.useContext(ce), Q = o.createContext("body");
+function Ce(e) {
+  const t = [], n = V(e.props.children).map((s, l) => {
+    if (!o.isValidElement(s) || s.type !== Y)
+      return s;
+    let i = 0;
+    const w = V(s.props.children).map((r) => {
+      if (!o.isValidElement(r)) return r;
+      for (; (t[i] ?? 0) > l; )
+        i += 1;
+      const T = Math.max(1, Number(r.props.colSpan ?? 1)), y = Math.max(1, Number(r.props.rowSpan ?? 1)), v = i;
+      for (let C = 0; C < T; C += 1)
+        t[v + C] = Math.max(
+          t[v + C] ?? 0,
+          l + y
         );
-      return s += S, i.type !== re ? i : a.cloneElement(i, { _sortColumnIndex: g });
+      return i += T, r.type !== fe ? r : o.cloneElement(r, { _sortColumnIndex: v });
     });
-    return a.cloneElement(o, void 0, f);
+    return o.cloneElement(s, void 0, w);
   });
-  return a.cloneElement(e, void 0, r);
+  return o.cloneElement(e, void 0, n);
 }
-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);
+function Ne(e, t, a) {
+  const n = V(e.props.children).map((s, l) => {
+    if (!o.isValidElement(s) || s.type !== Y)
+      return { row: s, index: l, value: "" };
+    const i = V(s.props.children);
     return {
-      row: o,
+      row: s,
       index: l,
-      value: D(s[t])
+      value: U(i[t])
     };
   });
-  return r.sort((o, l) => me(o.value, l.value, n) || o.index - l.index), a.cloneElement(
+  return n.sort((s, l) => ye(s.value, l.value, a) || s.index - l.index), o.cloneElement(
     e,
     void 0,
-    r.map(({ row: o }) => o)
+    n.map(({ row: s }) => s)
   );
 }
-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,
+function ue(e, t) {
+  const a = t != null && t.column.startsWith(K) ? Number(t.column.slice(K.length)) : Number.NaN;
+  return o.Children.map(e, (n) => o.isValidElement(n) ? n.type === o.Fragment ? o.cloneElement(
+    n,
     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);
+    ue(n.props.children, t)
+  ) : n.type === de ? Ce(n) : n.type === pe && t && Number.isInteger(a) && a >= 0 ? Ne(n, a, t.direction) : n : n);
 }
-const he = a.forwardRef(
+const ze = o.forwardRef(
   ({
     className: e,
     wrapperClassName: t,
-    footer: n,
-    children: r,
-    selectionMode: o = "none",
+    footer: a,
+    children: n,
+    selectionMode: s = "none",
     selectedKeys: l,
-    onSelectionChange: s,
-    rowKeys: b,
-    elevatedActionColumn: f = !1,
-    actionColumnWidth: i = "4rem",
-    sortDescriptor: S,
-    onSortChange: h,
-    allowsSorting: g = !0,
-    isStatic: x = !1,
-    ...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(
+    onSelectionChange: i,
+    rowKeys: h,
+    elevatedActionColumn: w = !1,
+    actionColumnWidth: r = "4rem",
+    sortDescriptor: T,
+    onSortChange: y,
+    allowsSorting: v = !0,
+    isStatic: C = !1,
+    resizableColumns: A = !0,
+    ...W
+  }, M) => {
+    const N = o.useMemo(() => h ?? [], [h]), z = l === "all", b = z ? null : l ?? /* @__PURE__ */ new Set(), E = o.useCallback(
+      (c) => z || !!(b != null && b.has(c)),
+      [z, b]
+    ), k = N.length > 0 && (z || N.every((c) => b == null ? void 0 : b.has(c))), B = !k && (z || N.some((c) => b == null ? void 0 : b.has(c))), O = o.useCallback(
       (c) => {
-        if (!s) return;
-        if (o === "single") {
-          s(R(c) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([c]));
+        if (!i) return;
+        if (s === "single") {
+          i(E(c) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([c]));
           return;
         }
-        const m = new Set(v ? w : p ?? /* @__PURE__ */ new Set());
-        m.has(c) ? m.delete(c) : m.add(c), s(m);
+        const m = new Set(z ? N : b ?? /* @__PURE__ */ new Set());
+        m.has(c) ? m.delete(c) : m.add(c), i(m);
       },
-      [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(
+      [i, s, E, z, N, b]
+    ), I = o.useCallback(() => {
+      i && i(k ? /* @__PURE__ */ new Set() : new Set(N));
+    }, [i, k, N]), [F, H] = o.useState(), R = v && !y, x = R ? F ?? T : T, f = o.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);
+        if (!v) return;
+        const m = (x == null ? void 0 : x.column) === c && x.direction === "ascending" ? "descending" : "ascending", g = { column: c, direction: m };
+        y ? y(g) : H(g);
       },
-      [y, g, h]
-    ), ae = a.useMemo(
-      () => T ? K(r, y) : r,
-      [y, T, r]
-    ), M = a.useRef(null), [L, se] = a.useState({
+      [x, v, y]
+    ), p = o.useMemo(
+      () => R ? ue(n, x) : n,
+      [x, R, n]
+    ), S = o.useRef(null), [D, X] = o.useState({
       left: !1,
       right: !1
-    }), E = a.useCallback(() => {
-      const c = M.current;
+    }), $ = o.useCallback(() => {
+      const c = S.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 }
+      const m = c.scrollWidth - c.clientWidth, g = c.scrollLeft > 1, L = c.scrollLeft < m - 1;
+      X(
+        (J) => J.left === g && J.right === L ? J : { left: g, right: L }
       );
     }, []);
-    a.useEffect(() => {
-      E();
-      const c = M.current;
+    o.useEffect(() => {
+      $();
+      const c = S.current;
       if (!c || typeof ResizeObserver > "u") return;
-      const m = new ResizeObserver(E);
+      const m = new ResizeObserver($);
       m.observe(c);
-      const N = c.querySelector("table");
-      return N && m.observe(N), () => m.disconnect();
-    }, [E]);
-    const le = a.useMemo(
+      const g = c.querySelector("table");
+      return g && m.observe(g), () => m.disconnect();
+    }, [$]);
+    const [P, j] = o.useState(
+      null
+    ), Z = o.useCallback(
+      (c) => {
+        j(
+          (m) => m ?? Array.from(
+            c.cells,
+            (g) => g.getBoundingClientRect().width
+          )
+        );
+      },
+      []
+    ), ee = o.useCallback(
+      (c, m) => {
+        j((g) => {
+          if (!g) return g;
+          const L = [...g];
+          return L[c] = Math.max(G, m), L;
+        });
+      },
+      []
+    ), te = o.useCallback(
+      () => j(null),
+      []
+    ), me = o.useMemo(
       () => ({
-        selectionMode: o,
-        isSelected: R,
-        toggleKey: F,
+        selectionMode: s,
+        isSelected: E,
+        toggleKey: O,
         toggleAll: I,
         allSelected: k,
-        someSelected: q,
-        isStatic: x,
-        sortDescriptor: y,
-        requestSort: g ? B : void 0,
-        automaticSorting: T,
-        elevatedActionColumn: f
+        someSelected: B,
+        isStatic: C,
+        sortDescriptor: x,
+        requestSort: v ? f : void 0,
+        automaticSorting: R,
+        elevatedActionColumn: w,
+        resizableColumns: A,
+        columnWidths: P,
+        snapshotColumnWidths: Z,
+        setColumnWidth: ee,
+        resetColumnWidths: te
       }),
       [
-        o,
-        R,
-        F,
+        s,
+        E,
+        O,
         I,
         k,
-        q,
-        x,
-        y,
-        g,
-        T,
         B,
-        f
+        C,
+        x,
+        v,
+        R,
+        f,
+        w,
+        A,
+        P,
+        Z,
+        ee,
+        te
       ]
     );
-    return /* @__PURE__ */ d(Z.Provider, { value: le, children: /* @__PURE__ */ A(
+    return /* @__PURE__ */ d(ce.Provider, { value: me, children: /* @__PURE__ */ _(
       "div",
       {
-        "data-scroll-left": L.left ? "true" : "false",
-        "data-scroll-right": L.right ? "true" : "false",
+        "data-scroll-left": D.left ? "true" : "false",
+        "data-scroll-right": D.right ? "true" : "false",
         className: u(
           "group/table-shell overflow-clip rounded-2xl bg-table-shell px-1 pb-1",
+          // Concentric inner radius for the white body card: shell radius
+          // minus the 4px inset above. Every card corner (cells, viewport,
+          // pinned caps) derives from this one value.
+          "[--table-card-radius:calc(var(--radius-2xl)-0.25rem)]",
           t
         ),
         children: [
-          /* @__PURE__ */ A(
+          /* @__PURE__ */ _(
             "div",
             {
               className: "relative",
-              style: f ? {
-                "--table-action-column-width": i
+              style: w ? {
+                "--table-action-column-width": r
               } : void 0,
               children: [
                 /* @__PURE__ */ d(
                   "div",
                   {
-                    ref: M,
-                    onScroll: E,
-                    className: "overflow-x-auto rounded-sm",
-                    children: /* @__PURE__ */ d(
+                    ref: S,
+                    onScroll: $,
+                    className: "overflow-x-auto rounded-(--table-card-radius)",
+                    children: /* @__PURE__ */ _(
                       "table",
                       {
-                        ref: _,
+                        ref: M,
                         "data-slot": "table",
                         className: u(
                           "w-full border-separate border-spacing-0 text-base",
+                          // Manual widths need fixed layout so the <colgroup> wins;
+                          // until the first resize the automatic layout is untouched.
+                          P && "table-fixed",
                           e
                         ),
-                        ...C,
-                        children: ae
+                        ...W,
+                        children: [
+                          P && /* @__PURE__ */ d("colgroup", { children: P.map((c, m) => /* @__PURE__ */ d("col", { style: { width: c } }, m)) }),
+                          p
+                        ]
                       }
                     )
                   }
@@ -292,13 +337,13 @@ const he = a.forwardRef(
                     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",
-                      L.right && "opacity-100",
-                      f ? "right-[var(--table-action-column-width)]" : "right-0"
+                      "opacity-0 transition-opacity duration-150 ease-out motion-reduce:transition-none",
+                      D.right && "opacity-100",
+                      w ? "right-[var(--table-action-column-width)]" : "right-0"
                     )
                   }
                 ),
-                f && /* @__PURE__ */ d(
+                w && /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
@@ -306,7 +351,7 @@ const he = a.forwardRef(
                     className: u(
                       "pointer-events-none absolute inset-y-0 right-0 z-20",
                       "w-[var(--table-action-column-width)]",
-                      "rounded-br-sm"
+                      "rounded-br-(--table-card-radius)"
                       // 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
@@ -317,113 +362,150 @@ const he = a.forwardRef(
               ]
             }
           ),
-          n && /* @__PURE__ */ d("div", { className: "flex items-center px-4 py-2.5", children: n })
+          a && /* @__PURE__ */ d("div", { className: "flex items-center px-4 py-2.5", children: a })
         ]
       }
     ) });
   }
 );
-he.displayName = "Table";
-const ee = a.forwardRef(({ className: e, ...t }, n) => {
-  const r = V();
-  return /* @__PURE__ */ d(P.Provider, { value: "header", children: /* @__PURE__ */ d(
+ze.displayName = "Table";
+const de = o.forwardRef(({ className: e, ...t }, a) => {
+  const n = q();
+  return /* @__PURE__ */ d(Q.Provider, { value: "header", children: /* @__PURE__ */ d(
     "thead",
     {
-      ref: n,
+      ref: a,
       className: u(
         "text-xs text-muted-foreground",
-        (r == null ? void 0 : r.elevatedActionColumn) && "relative z-30 bg-table-shell",
+        (n == null ? void 0 : n.elevatedActionColumn) && "relative z-30 bg-table-shell",
         e
       ),
       ...t
     }
   ) });
 });
-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(
+de.displayName = "TableHeader";
+const pe = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ d(Q.Provider, { value: "body", children: /* @__PURE__ */ d("tbody", { ref: a, className: u(e), ...t }) }));
+pe.displayName = "TableBody";
+const Y = o.forwardRef(
+  ({ className: e, rowKey: t, children: a, ...n }, s) => {
+    const l = q(), i = o.useContext(Q), h = !!l && l.selectionMode !== "none", w = h && i === "body" && t !== void 0 ? l.isSelected(t) : !1;
+    return /* @__PURE__ */ _(
       "tr",
       {
-        ref: o,
-        "data-selected": f || void 0,
+        ref: s,
+        "data-selected": w || void 0,
         className: u("group/row", e),
-        ...r,
+        ...n,
         children: [
-          b && (s === "header" ? /* @__PURE__ */ d(
+          h && (i === "header" ? /* @__PURE__ */ _(
             "th",
             {
               scope: "col",
               className: u(
                 "w-10 px-4 py-2.5",
-                Y,
+                le,
                 // 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: l.selectionMode === "multiple" && /* @__PURE__ */ d(
-                j,
-                {
-                  size: "sm",
-                  "aria-label": "Select all rows",
-                  checked: l.allSelected,
-                  indeterminate: l.someSelected,
-                  onChange: l.toggleAll
-                }
-              )
+              children: [
+                /* @__PURE__ */ d("span", { className: "sr-only", children: "Row selection" }),
+                l.selectionMode === "multiple" && /* @__PURE__ */ d(
+                  re,
+                  {
+                    size: "sm",
+                    "aria-label": "Select all rows",
+                    checked: l.allSelected,
+                    indeterminate: l.someSelected,
+                    onChange: l.toggleAll
+                  }
+                )
+              ]
             }
           ) : /* @__PURE__ */ d(
             "td",
             {
               className: u(
                 "w-10 px-4 py-3",
-                Q(l.isStatic),
-                de,
+                ie(l.isStatic),
+                we,
                 "sticky left-0 z-10",
                 // Same white-behind-white corner problem as pinned data cells.
-                G("left")
+                se("left")
               ),
-              onClick: (i) => i.stopPropagation(),
+              onClick: (r) => r.stopPropagation(),
               children: t !== void 0 && /* @__PURE__ */ d(
-                j,
+                re,
                 {
                   size: "sm",
                   "aria-label": `Select ${t}`,
-                  checked: f,
+                  checked: w,
                   onChange: () => l.toggleKey(t)
                 }
               )
             }
           )),
-          n
+          a
         ]
       }
     );
   }
 );
-$.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(
+Y.displayName = "TableRow";
+const fe = o.forwardRef(({ className: e, align: t, sticky: a, sortKey: n, allowsSorting: s = !0, _sortColumnIndex: l, children: i, ...h }, w) => {
+  var H, R, x;
+  const r = q(), y = (r != null && r.automaticSorting && l !== void 0 ? `${K}${l}` : void 0) ?? n, v = Number(h.colSpan ?? 1) === 1, C = String(U(i)).trim(), A = C.length > 0, W = s && v && a !== "right" && A && !!y && !!(r != null && r.requestSort), M = W && ((H = r == null ? void 0 : r.sortDescriptor) == null ? void 0 : H.column) === y, N = (R = r == null ? void 0 : r.sortDescriptor) == null ? void 0 : R.direction, z = !!(r != null && r.resizableColumns) && v && a !== "right", b = o.useRef(null), [E, k] = o.useState(!1), B = (f) => {
+    if (f.button !== 0 || !r) return;
+    const p = f.currentTarget.parentElement, S = p == null ? void 0 : p.parentElement;
+    if (!(!p || !S)) {
+      r.snapshotColumnWidths(S), b.current = {
+        index: p.cellIndex,
+        startX: f.clientX,
+        startWidth: p.getBoundingClientRect().width
+      }, k(!0);
+      try {
+        f.currentTarget.setPointerCapture(f.pointerId);
+      } catch {
+      }
+      f.preventDefault();
+    }
+  }, O = (f) => {
+    const p = b.current;
+    !p || !r || r.setColumnWidth(
+      p.index,
+      p.startWidth + (f.clientX - p.startX)
+    );
+  }, I = () => {
+    b.current = null, k(!1);
+  }, F = (f) => {
+    if (f.key !== "ArrowLeft" && f.key !== "ArrowRight" || !r) return;
+    f.preventDefault();
+    const p = f.currentTarget.parentElement, S = p == null ? void 0 : p.parentElement;
+    if (!p || !S) return;
+    r.snapshotColumnWidths(S);
+    const D = f.shiftKey ? 32 : 8, X = f.key === "ArrowRight" ? D : -D;
+    r.setColumnWidth(p.cellIndex, p.getBoundingClientRect().width + X);
+  };
+  return /* @__PURE__ */ _(
     "th",
     {
-      ref: f,
+      ref: w,
       scope: "col",
-      "aria-sort": _ ? w === "ascending" ? "ascending" : "descending" : C ? "none" : void 0,
+      "aria-sort": M ? N === "ascending" ? "ascending" : "descending" : W ? "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",
-        Y,
-        W(t),
-        n && (n === "right" && (i != null && i.elevatedActionColumn) ? u(
+        le,
+        // The resize handle carries its own tick visual, so drop the
+        // decorative one; the last column never shows a handle.
+        z && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
+        ne(t),
+        a && (a === "right" && (r != null && r.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.
@@ -431,51 +513,92 @@ const re = a.forwardRef(({ className: e, align: t, sticky: n, sortKey: r, allows
           "min-w-[var(--table-action-column-width)]",
           "max-w-[var(--table-action-column-width)]",
           "bg-transparent"
-        ) : u(X(n), "bg-table-shell")),
+        ) : u(ae(a), "bg-table-shell")),
         e
       ),
-      ...b,
-      children: C ? /* @__PURE__ */ A(
-        "button",
-        {
-          type: "button",
-          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",
-            t === "right" && "flex-row-reverse",
-            _ && "text-foreground"
-          ),
-          children: [
-            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" })
-          ]
-        }
-      ) : s
+      ...h,
+      children: [
+        W ? /* @__PURE__ */ _(
+          "button",
+          {
+            type: "button",
+            onClick: () => r.requestSort(y),
+            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",
+              t === "right" && "flex-row-reverse",
+              M && "text-foreground"
+            ),
+            children: [
+              i,
+              M ? N === "ascending" ? /* @__PURE__ */ d(be, { className: "size-3.5" }) : /* @__PURE__ */ d(ge, { className: "size-3.5" }) : /* @__PURE__ */ d(he, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
+            ]
+          }
+        ) : A ? i : /* @__PURE__ */ d("span", { className: "sr-only", children: h["aria-label"] ?? "Table column" }),
+        z && /* @__PURE__ */ d(
+          "span",
+          {
+            "data-slot": "resize-handle",
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": `Resize ${C || "this"} column`,
+            "aria-valuemin": G,
+            "aria-valuemax": 2e3,
+            "aria-valuenow": ((x = r == null ? void 0 : r.columnWidths) == null ? void 0 : x[l ?? -1]) ?? G,
+            tabIndex: 0,
+            "data-resizing": E ? "true" : void 0,
+            onPointerDown: B,
+            onPointerMove: O,
+            onPointerUp: I,
+            onPointerCancel: I,
+            onKeyDown: F,
+            onDoubleClick: () => r == null ? void 0 : r.resetColumnWidths(),
+            className: u(
+              // 12px hit area straddling the column edge; the 1px tick inside
+              // is the visible affordance (it replaces the decorative one).
+              "group/resize absolute -right-1.5 top-0 z-10 flex h-full w-3 cursor-col-resize touch-none select-none items-center justify-center rounded-sm outline-none",
+              "focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: u(
+                  "h-4 w-px rounded-sm bg-border-strong",
+                  "transition-[transform,background-color] duration-150 ease-out motion-reduce:transition-none",
+                  "group-hover/resize:scale-y-125 group-hover/resize:bg-foreground/60",
+                  "group-focus-visible/resize:scale-y-125 group-focus-visible/resize:bg-foreground/60",
+                  "group-data-[resizing]/resize:scale-y-125 group-data-[resizing]/resize:bg-foreground/60"
+                )
+              }
+            )
+          }
+        )
+      ]
     }
   );
 });
-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);
+fe.displayName = "TableColumn";
+const Se = o.forwardRef(
+  ({ className: e, align: t, sticky: a, sortValue: n, ...s }, l) => {
+    const i = q(), h = a === "right" && (i == null ? void 0 : i.elevatedActionColumn);
     return /* @__PURE__ */ d(
       "td",
       {
         ref: l,
-        "data-sort-value": r instanceof Date ? r.toISOString() : r,
+        "data-sort-value": n instanceof Date ? n.toISOString() : n,
         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",
-          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(
+          ie((i == null ? void 0 : i.isStatic) ?? !1),
+          ve,
+          ne(t),
+          a && ae(a, i == null ? void 0 : i.elevatedActionColumn),
+          a && se(a),
+          h && u(
             "w-[var(--table-action-column-width)]",
             "min-w-[var(--table-action-column-width)]",
             "max-w-[var(--table-action-column-width)]",
@@ -484,17 +607,17 @@ const we = a.forwardRef(
           ),
           e
         ),
-        ...o
+        ...s
       }
     );
   }
 );
-we.displayName = "TableCell";
+Se.displayName = "TableCell";
 export {
-  he as Table,
-  te as TableBody,
-  we as TableCell,
-  re as TableColumn,
-  ee as TableHeader,
-  $ as TableRow
+  ze as Table,
+  pe as TableBody,
+  Se as TableCell,
+  fe as TableColumn,
+  de as TableHeader,
+  Y as TableRow
 };