@actioneer/ads 1.0.7 → 1.0.9

package/components/table.js

@@ -1,75 +1,82 @@
 "use client";
-import { jsx as d, jsxs as $, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as u, jsxs as M, Fragment as Ae } from "react/jsx-runtime";
 import * as r from "react";
-import { MotionConfig as Ae, motion as De } from "motion/react";
-import { cn as g } from "../lib/cn.js";
-import { Button as We } from "./button.js";
-import { Checkbox as be } from "./checkbox.js";
-import { Radio as Me } from "./radio.js";
-import { ChevronRight as Ve, ChevronUp as $e, ChevronDown as Le, SortIcon as _e } from "../lib/icons.js";
+import { MotionConfig as De, motion as We } from "motion/react";
+import { cn as b } from "../lib/cn.js";
+import { Button as Me } from "./button.js";
+import { Checkbox as ge } from "./checkbox.js";
+import { Radio as Ve } from "./radio.js";
+import { ChevronRight as $e, ChevronUp as Le, ChevronDown as _e, SortIcon as Fe } from "../lib/icons.js";
 import { springDisclosure as je } from "../lib/motion.js";
-const ge = (t) => t === "center" ? "text-center" : t === "right" ? "text-right" : "text-left", ve = (t, e = !1) => t === "left" ? g(
+const ve = (t) => t === "center" ? "text-center" : t === "right" ? "text-right" : "text-left", ye = (t, e = !1) => t === "left" ? b(
   "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"
-) : t === "right" ? g(
+) : t === "right" ? b(
   "sticky right-0 z-10",
   // Backward-compatible fallback. Action columns should opt into the
   // Table-level elevation so one shadow spans the complete column.
   !e && "group-data-[scroll-right=true]/table-shell:shadow-table-smudge-right"
-) : void 0, ye = r.createContext({ interactive: !1, selected: !1 }), we = { depth: 0, hidden: !1 }, se = r.createContext(we), ae = {
+) : void 0, we = r.createContext({ interactive: !1, selected: !1 }), xe = { depth: 0, hidden: !1 }, le = r.createContext(xe), Ne = (t) => ({
   backgroundColor: "var(--card)",
-  backgroundImage: "linear-gradient(to right, var(--table-row-selected), var(--card))",
+  backgroundImage: `linear-gradient(to right, ${t}, var(--card))`,
   backgroundSize: "var(--table-selection-width, 100%) 100%",
   backgroundRepeat: "no-repeat"
-}, xe = (t) => g(
+}), ce = Ne("var(--table-row-selected)"), Oe = Ne("var(--table-row-hover)"), Ce = (t, { sticky: e, selected: s = !1 } = {}) => b(
   "bg-card align-middle transition-colors",
   // Functional row hairline; the table shell carries the outer stroke.
   "border-b border-table-stroke group-last/row:border-b-0",
-  t && g(
-    // Use WG1 without introducing a new
-    // rounded silhouette. The wash is pre-composited so scrolled text
-    // cannot show through sticky cells.
-    "group-hover/row:bg-(--table-row-hover) group-focus-within/row:bg-(--table-row-hover)",
-    "group-data-[selected]/row:bg-transparent"
-  )
-), Ne = "bg-table-shell", Ce = g(
+  t && !e && // Scrolling cells fade to transparent so the row's continuous WG1 →
+  // White hover fade shows through without a new rounded silhouette.
+  "group-hover/row:bg-transparent group-focus-within/row:bg-transparent",
+  t && e && !s && b(
+    // Pinned cells stay opaque over scrolled content and fade in their
+    // slice of the same row-wide hover gradient.
+    "before:pointer-events-none before:absolute before:inset-0 before:-z-10",
+    "before:bg-[image:linear-gradient(to_right,var(--table-row-hover),var(--card))]",
+    "before:bg-[length:var(--table-selection-width,100%)_100%] before:bg-no-repeat",
+    e === "left" ? "before:bg-left" : "before:bg-right",
+    "before:opacity-0 before:transition-opacity before:duration-150 before:ease-out",
+    "group-hover/row:before:opacity-100 group-focus-within/row:before:opacity-100"
+  ),
+  t && "group-data-[selected]/row:bg-transparent group-data-[active]/row:bg-transparent"
+), ke = "bg-table-shell", Re = b(
   "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"
-), ie = "__ads_table_column_", le = 64, Oe = new Intl.Collator(void 0, {
+), de = "__ads_table_column_", ue = 64, Xe = new Intl.Collator(void 0, {
   numeric: !0,
   sensitivity: "base"
 });
-function L(t) {
+function V(t) {
   const e = [];
   return r.Children.forEach(t, (s) => {
     if (r.isValidElement(s) && s.type === r.Fragment) {
-      e.push(...L(s.props.children));
+      e.push(...V(s.props.children));
       return;
     }
     e.push(s);
   }), e;
 }
-function z(t, e) {
+function R(t, e) {
   return t === e || !!(e.displayName && t && (typeof t == "object" || typeof t == "function") && "displayName" in t && t.displayName === e.displayName);
 }
-function ke(t) {
-  return L(t).some((e) => !r.isValidElement(e) || z(e.type, de) ? !1 : z(e.type, K) && L(e.props.childRows).some(r.isValidElement) || ke(e.props.children));
+function Se(t) {
+  return V(t).some((e) => !r.isValidElement(e) || R(e.type, fe) ? !1 : R(e.type, K) && V(e.props.childRows).some(r.isValidElement) || Se(e.props.children));
 }
-function Xe(t) {
-  const e = /* @__PURE__ */ new Map(), s = (i) => L(i).flatMap((n) => {
+function Be(t) {
+  const e = /* @__PURE__ */ new Map(), s = (i) => V(i).flatMap((n) => {
     if (!r.isValidElement(n)) return [];
-    if (z(n.type, de) || z(n.type, ue)) return [];
-    if (!z(n.type, K)) return s(n.props.children);
+    if (R(n.type, fe) || R(n.type, me)) return [];
+    if (!R(n.type, K)) return s(n.props.children);
     const c = s(n.props.childRows);
     return n.props.rowKey === void 0 ? c : (c.length > 0 && e.set(n.props.rowKey, c), [n.props.rowKey, ...c]);
   });
   return { keys: s(t), descendants: e };
 }
-function oe(t, e) {
+function ie(t, e) {
   for (const [s, i] of e)
     i.every((n) => t.has(n)) ? t.add(s) : t.delete(s);
   return t;
@@ -113,63 +120,63 @@ function he(t) {
   const n = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}/.test(e) || /\b(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\b/i.test(e) ? Date.parse(e) : Number.NaN;
   return Number.isNaN(n) ? { kind: "text", value: e } : { kind: "number", value: n };
 }
-function Be(t, e, s) {
+function Ue(t, e, s) {
   const i = he(t), n = he(e);
   if (i.kind === "empty") return n.kind === "empty" ? 0 : 1;
   if (n.kind === "empty") return -1;
-  const c = i.kind === "number" && n.kind === "number" ? i.value - n.value : Oe.compare(String(i.value), String(n.value));
+  const c = i.kind === "number" && n.kind === "number" ? i.value - n.value : Xe.compare(String(i.value), String(n.value));
   return s === "ascending" ? c : -c;
 }
-const Re = r.createContext(null), te = () => r.useContext(Re), ce = r.createContext("body");
-function Ue(t) {
-  const e = [], i = L(t.props.children).map((n, c) => {
-    if (!r.isValidElement(n) || !z(n.type, K))
+const ze = r.createContext(null), oe = () => r.useContext(ze), pe = r.createContext("body");
+function He(t) {
+  const e = [], i = V(t.props.children).map((n, c) => {
+    if (!r.isValidElement(n) || !R(n.type, K))
       return n;
-    let b = 0;
-    const A = L(n.props.children).map((o) => {
+    let g = 0;
+    const T = V(n.props.children).map((o) => {
       if (!r.isValidElement(o)) return o;
-      for (; (e[b] ?? 0) > c; )
-        b += 1;
-      const _ = Math.max(1, Number(o.props.colSpan ?? 1)), E = Math.max(1, Number(o.props.rowSpan ?? 1)), x = b;
-      for (let N = 0; N < _; N += 1)
-        e[x + N] = Math.max(
-          e[x + N] ?? 0,
-          c + E
+      for (; (e[g] ?? 0) > c; )
+        g += 1;
+      const $ = Math.max(1, Number(o.props.colSpan ?? 1)), A = Math.max(1, Number(o.props.rowSpan ?? 1)), x = g;
+      for (let w = 0; w < $; w += 1)
+        e[x + w] = Math.max(
+          e[x + w] ?? 0,
+          c + A
         );
-      return b += _, z(o.type, pe) ? r.cloneElement(o, { _sortColumnIndex: x }) : o;
+      return g += $, R(o.type, be) ? r.cloneElement(o, { _sortColumnIndex: x }) : o;
     });
-    return r.cloneElement(n, void 0, A);
+    return r.cloneElement(n, void 0, T);
   });
   return r.cloneElement(t, void 0, i);
 }
-function Se(t, e, s = "ascending") {
-  const i = L(t).map((n, c) => {
-    if (!r.isValidElement(n) || !z(n.type, K))
+function Ee(t, e, s = "ascending") {
+  const i = V(t).map((n, c) => {
+    if (!r.isValidElement(n) || !R(n.type, K))
       return { row: n, index: c, value: "" };
-    const b = L(n.props.children);
+    const g = V(n.props.children);
     return {
       row: r.cloneElement(n, {
         key: n.key ?? n.props.rowKey ?? c,
-        ...n.props.childRows ? { childRows: Se(n.props.childRows, e, s) } : {}
+        ...n.props.childRows ? { childRows: Ee(n.props.childRows, e, s) } : {}
       }),
       index: c,
-      value: e === void 0 ? "" : ee(b[e])
+      value: e === void 0 ? "" : ee(g[e])
     };
   });
-  return e !== void 0 && i.sort((n, c) => Be(n.value, c.value, s) || n.index - c.index), i.map(({ row: n }) => n);
+  return e !== void 0 && i.sort((n, c) => Ue(n.value, c.value, s) || n.index - c.index), i.map(({ row: n }) => n);
 }
-function Fe(t, e, s) {
-  return r.cloneElement(t, void 0, Se(t.props.children, e, s));
+function qe(t, e, s) {
+  return r.cloneElement(t, void 0, Ee(t.props.children, e, s));
 }
-function ze(t, e) {
-  const s = e != null && e.column.startsWith(ie) ? Number(e.column.slice(ie.length)) : Number.NaN;
+function Te(t, e) {
+  const s = e != null && e.column.startsWith(de) ? Number(e.column.slice(de.length)) : Number.NaN;
   return r.Children.map(t, (i) => r.isValidElement(i) ? i.type === r.Fragment ? r.cloneElement(
     i,
     void 0,
-    ze(i.props.children, e)
-  ) : z(i.type, ue) ? Ue(i) : z(i.type, Ee) ? Fe(i, Number.isInteger(s) && s >= 0 ? s : void 0, e == null ? void 0 : e.direction) : i : i);
+    Te(i.props.children, e)
+  ) : R(i.type, me) ? He(i) : R(i.type, Ie) ? qe(i, Number.isInteger(s) && s >= 0 ? s : void 0, e == null ? void 0 : e.direction) : i : i);
 }
-const de = r.forwardRef(
+const fe = r.forwardRef(
   ({
     className: t,
     wrapperClassName: e,
@@ -177,168 +184,168 @@ const de = r.forwardRef(
     footer: i,
     children: n,
     selectionMode: c = "none",
-    selectedKeys: b,
-    onSelectionChange: v,
-    rowKeys: A,
+    selectedKeys: g,
+    onSelectionChange: y,
+    rowKeys: T,
     elevatedActionColumn: o = !1,
-    actionColumnWidth: _ = "3rem",
-    sortDescriptor: E,
+    actionColumnWidth: $ = "3rem",
+    sortDescriptor: A,
     onSortChange: x,
-    allowsSorting: N = !0,
-    isStatic: F = !1,
+    allowsSorting: w = !0,
+    isStatic: U = !1,
     resizableColumns: j = !0,
-    maxBodyHeight: D,
-    ...q
-  }, u) => {
-    const k = r.useId(), R = r.useMemo(() => ke(n), [n]), y = r.useMemo(() => Xe(n), [n]), T = r.useMemo(() => A ?? [], [A]), J = b === "all", W = r.useMemo(() => {
-      const a = new Set(b === "all" ? [...T, ...y.keys] : b);
+    maxBodyHeight: S,
+    ...Y
+  }, Z) => {
+    const d = r.useId(), C = r.useMemo(() => Se(n), [n]), f = r.useMemo(() => Be(n), [n]), I = r.useMemo(() => T ?? [], [T]), H = g === "all", P = r.useMemo(() => {
+      const a = new Set(g === "all" ? [...I, ...f.keys] : g);
       if (c !== "multiple") return a;
-      for (const p of [...a])
-        for (const h of y.descendants.get(p) ?? []) a.add(h);
-      return oe(a, y.descendants);
-    }, [b, c, T, y]), S = r.useCallback(
-      (a) => J || W.has(a),
-      [J, W]
-    ), B = r.useCallback(
+      for (const m of [...a])
+        for (const v of f.descendants.get(m) ?? []) a.add(v);
+      return ie(a, f.descendants);
+    }, [g, c, I, f]), k = r.useCallback(
+      (a) => H || P.has(a),
+      [H, P]
+    ), O = r.useCallback(
       (a) => {
-        var p;
-        return c === "multiple" && !S(a) && (((p = y.descendants.get(a)) == null ? void 0 : p.some((h) => W.has(h))) ?? !1);
+        var m;
+        return c === "multiple" && !k(a) && (((m = f.descendants.get(a)) == null ? void 0 : m.some((v) => P.has(v))) ?? !1);
       },
-      [c, S, y, W]
-    ), C = T.length > 0 && T.every(S), O = !C && T.some((a) => S(a) || B(a)), m = r.useCallback(
+      [c, k, f, P]
+    ), D = I.length > 0 && I.every(k), z = !D && I.some((a) => k(a) || O(a)), h = r.useCallback(
       (a) => {
-        if (!v) return;
+        if (!y) return;
         if (c === "single") {
-          S(a) || v(/* @__PURE__ */ new Set([a]));
+          k(a) || y(/* @__PURE__ */ new Set([a]));
           return;
         }
-        const p = new Set(W), h = !S(a);
-        for (const U of [a, ...y.descendants.get(a) ?? []])
-          h ? p.add(U) : p.delete(U);
-        v(oe(p, y.descendants));
+        const m = new Set(P), v = !k(a);
+        for (const B of [a, ...f.descendants.get(a) ?? []])
+          v ? m.add(B) : m.delete(B);
+        y(ie(m, f.descendants));
       },
-      [v, c, S, W, y]
-    ), f = r.useCallback(() => {
-      if (!v) return;
+      [y, c, k, P, f]
+    ), p = r.useCallback(() => {
+      if (!y) return;
       const a = /* @__PURE__ */ new Set();
-      if (!C)
-        for (const p of T) {
-          a.add(p);
-          for (const h of y.descendants.get(p) ?? []) a.add(h);
+      if (!D)
+        for (const m of I) {
+          a.add(m);
+          for (const v of f.descendants.get(m) ?? []) a.add(v);
         }
-      v(oe(a, y.descendants));
-    }, [v, C, T, y]), [M, X] = r.useState(), I = N && !x, w = I ? M ?? E : E, V = r.useCallback(
+      y(ie(a, f.descendants));
+    }, [y, D, I, f]), [L, q] = r.useState(), E = w && !x, N = E ? L ?? A : A, J = r.useCallback(
       (a) => {
-        if (!N) return;
-        const p = (w == null ? void 0 : w.column) === a && w.direction === "ascending" ? "descending" : "ascending", h = { column: a, direction: p };
-        x ? x(h) : X(h);
+        if (!w) return;
+        const m = (N == null ? void 0 : N.column) === a && N.direction === "ascending" ? "descending" : "ascending", v = { column: a, direction: m };
+        x ? x(v) : q(v);
       },
-      [w, N, x]
-    ), re = r.useMemo(
-      () => I ? ze(n, w) : n,
-      [w, I, n]
-    ), G = r.useRef(null), [Q, l] = r.useState({
+      [N, w, x]
+    ), X = r.useMemo(
+      () => E ? Te(n, N) : n,
+      [N, E, n]
+    ), _ = r.useRef(null), [F, se] = r.useState({
       left: !1,
       right: !1
-    }), P = r.useCallback(() => {
-      const a = G.current;
+    }), G = r.useCallback(() => {
+      const a = _.current;
       if (!a) return;
       a.style.setProperty("--table-selection-width", `${a.clientWidth}px`), a.style.setProperty("--table-selection-scroll", `${a.scrollLeft}px`);
-      const p = a.scrollWidth - a.clientWidth, h = a.scrollLeft > 1, U = a.scrollLeft < p - 1;
-      l(
-        (ne) => ne.left === h && ne.right === U ? ne : { left: h, right: U }
+      const m = a.scrollWidth - a.clientWidth, v = a.scrollLeft > 1, B = a.scrollLeft < m - 1;
+      se(
+        (ae) => ae.left === v && ae.right === B ? ae : { left: v, right: B }
       );
     }, []);
     r.useLayoutEffect(() => {
-      P();
-      const a = G.current;
+      G();
+      const a = _.current;
       if (!a || typeof ResizeObserver > "u") return;
-      const p = new ResizeObserver(P);
-      p.observe(a);
-      const h = a.querySelector("table");
-      return h && p.observe(h), () => p.disconnect();
-    }, [P]);
-    const [H, Y] = r.useState(
+      const m = new ResizeObserver(G);
+      m.observe(a);
+      const v = a.querySelector("table");
+      return v && m.observe(v), () => m.disconnect();
+    }, [G]);
+    const [Q, l] = r.useState(
       null
-    ), Z = r.useCallback(
+    ), W = r.useCallback(
       (a) => {
-        Y(
-          (p) => p ?? Array.from(
+        l(
+          (m) => m ?? Array.from(
             a.cells,
-            (h) => h.getBoundingClientRect().width
+            (v) => v.getBoundingClientRect().width
           )
         );
       },
       []
-    ), me = r.useCallback((a, p) => {
-      Y((h) => {
-        if (!h) return h;
-        const U = [...h];
-        return U[a] = Math.max(le, p), U;
+    ), te = r.useCallback((a, m) => {
+      l((v) => {
+        if (!v) return v;
+        const B = [...v];
+        return B[a] = Math.max(ue, m), B;
       });
-    }, []), fe = r.useCallback(
-      () => Y(null),
+    }, []), re = r.useCallback(
+      () => l(null),
       []
-    ), Ie = r.useMemo(
+    ), ne = r.useMemo(
       () => ({
         selectionMode: c,
-        selectionName: k,
-        hasNestedRows: R,
-        isSelected: S,
-        isIndeterminate: B,
-        toggleKey: m,
-        toggleAll: f,
-        allSelected: C,
-        someSelected: O,
-        isStatic: F,
-        sortDescriptor: w,
-        requestSort: N ? V : void 0,
-        automaticSorting: I,
+        selectionName: d,
+        hasNestedRows: C,
+        isSelected: k,
+        isIndeterminate: O,
+        toggleKey: h,
+        toggleAll: p,
+        allSelected: D,
+        someSelected: z,
+        isStatic: U,
+        sortDescriptor: N,
+        requestSort: w ? J : void 0,
+        automaticSorting: E,
         elevatedActionColumn: o,
         resizableColumns: j,
-        columnWidths: H,
-        snapshotColumnWidths: Z,
-        setColumnWidth: me,
-        resetColumnWidths: fe,
-        stickyHeader: D != null
+        columnWidths: Q,
+        snapshotColumnWidths: W,
+        setColumnWidth: te,
+        resetColumnWidths: re,
+        stickyHeader: S != null
       }),
       [
         c,
-        k,
-        R,
-        S,
-        B,
-        m,
-        f,
+        d,
         C,
+        k,
         O,
-        F,
-        w,
+        h,
+        p,
+        D,
+        z,
+        U,
         N,
-        I,
-        V,
+        w,
+        E,
+        J,
         o,
         j,
-        H,
-        Z,
-        me,
-        fe,
-        D
+        Q,
+        W,
+        te,
+        re,
+        S
       ]
     );
-    return /* @__PURE__ */ d(Re.Provider, { value: Ie, children: /* @__PURE__ */ d(se.Provider, { value: we, children: /* @__PURE__ */ $(
+    return /* @__PURE__ */ u(ze.Provider, { value: ne, children: /* @__PURE__ */ u(le.Provider, { value: xe, children: /* @__PURE__ */ M(
       "div",
       {
         "data-slot": "table-container",
-        "data-scroll-left": Q.left ? "true" : "false",
-        "data-scroll-right": Q.right ? "true" : "false",
-        className: g(
+        "data-scroll-left": F.left ? "true" : "false",
+        "data-scroll-right": F.right ? "true" : "false",
+        className: b(
           "group/table-shell w-full min-w-0 overflow-clip rounded-m border border-table-stroke bg-table-shell",
           "[--table-card-radius:var(--radius-m)]",
           e
         ),
         children: [
-          s && /* @__PURE__ */ d(
+          s && /* @__PURE__ */ u(
             "div",
             {
               "data-slot": "table-toolbar",
@@ -346,65 +353,65 @@ const de = r.forwardRef(
               children: s
             }
           ),
-          /* @__PURE__ */ $(
+          /* @__PURE__ */ M(
             "div",
             {
               className: "relative",
               style: o ? {
-                "--table-action-column-width": _
+                "--table-action-column-width": $
               } : void 0,
               children: [
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ u(
                   "div",
                   {
-                    ref: G,
-                    onScroll: P,
-                    className: g(
+                    ref: _,
+                    onScroll: G,
+                    className: b(
                       "overflow-x-auto rounded-(--table-card-radius)",
-                      D != null && "overflow-y-auto"
+                      S != null && "overflow-y-auto"
                     ),
-                    style: D != null ? { maxHeight: D } : void 0,
-                    children: /* @__PURE__ */ $(
+                    style: S != null ? { maxHeight: S } : void 0,
+                    children: /* @__PURE__ */ M(
                       "table",
                       {
-                        ref: u,
+                        ref: Z,
                         "data-slot": "table",
-                        className: g(
+                        className: b(
                           "w-full border-separate border-spacing-0 text-m font-normal",
                           // Manual widths need fixed layout so the <colgroup> wins;
                           // until the first resize the automatic layout is untouched.
-                          H && "table-fixed",
+                          Q && "table-fixed",
                           t
                         ),
-                        ...q,
+                        ...Y,
                         children: [
-                          H && /* @__PURE__ */ d("colgroup", { children: H.map((a, p) => /* @__PURE__ */ d("col", { style: { width: a } }, p)) }),
-                          re
+                          Q && /* @__PURE__ */ u("colgroup", { children: Q.map((a, m) => /* @__PURE__ */ u("col", { style: { width: a } }, m)) }),
+                          X
                         ]
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ d(
+                /* @__PURE__ */ u(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-scroll-hint",
-                    className: g(
+                    className: b(
                       "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-150 ease-out motion-reduce:transition-none",
-                      Q.right && "opacity-100",
+                      F.right && "opacity-100",
                       o ? "right-[var(--table-action-column-width)]" : "right-0"
                     )
                   }
                 ),
-                o && /* @__PURE__ */ d(
+                o && /* @__PURE__ */ u(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-action-column-elevation",
-                    className: g(
+                    className: b(
                       "pointer-events-none absolute inset-y-0 right-0 z-20",
                       "w-[var(--table-action-column-width)]"
                       // No shadow of its own: while columns hide behind the pinned
@@ -417,20 +424,20 @@ const de = r.forwardRef(
               ]
             }
           ),
-          i && /* @__PURE__ */ d("div", { className: "flex items-center border-t border-table-stroke px-4 py-2.5", children: i })
+          i && /* @__PURE__ */ u("div", { className: "flex items-center border-t border-table-stroke px-4 py-2.5", children: i })
         ]
       }
     ) }) });
   }
 );
-de.displayName = "Table";
-const ue = r.forwardRef(({ className: t, ...e }, s) => {
-  const i = te();
-  return /* @__PURE__ */ d(ce.Provider, { value: "header", children: /* @__PURE__ */ d(
+fe.displayName = "Table";
+const me = r.forwardRef(({ className: t, ...e }, s) => {
+  const i = oe();
+  return /* @__PURE__ */ u(pe.Provider, { value: "header", children: /* @__PURE__ */ u(
     "thead",
     {
       ref: s,
-      className: g(
+      className: b(
         "text-s font-medium text-table-header-foreground",
         (i == null ? void 0 : i.elevatedActionColumn) && "relative z-30 bg-table-shell",
         t
@@ -439,9 +446,9 @@ const ue = r.forwardRef(({ className: t, ...e }, s) => {
     }
   ) });
 });
-ue.displayName = "TableHeader";
-const Ee = r.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ d(ce.Provider, { value: "body", children: /* @__PURE__ */ d("tbody", { ref: s, className: g("[&>tr:not([hidden],[data-collapsed]):not(:has(~tr:not([hidden],[data-collapsed])))>td]:border-b-0", t), ...e }) }));
-Ee.displayName = "TableBody";
+me.displayName = "TableHeader";
+const Ie = r.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ u(pe.Provider, { value: "body", children: /* @__PURE__ */ u("tbody", { ref: s, className: b("[&>tr:not([hidden],[data-collapsed]):not(:has(~tr:not([hidden],[data-collapsed])))>td]:border-b-0", t), ...e }) }));
+Ie.displayName = "TableBody";
 const K = r.forwardRef(
   ({
     className: t,
@@ -450,161 +457,168 @@ const K = r.forwardRef(
     childRows: i,
     expanded: n,
     defaultExpanded: c = !1,
-    onExpandedChange: b,
-    disclosureLabel: v,
-    id: A,
+    onExpandedChange: g,
+    disclosureLabel: y,
+    id: T,
     hidden: o,
-    isInteractive: _ = !1,
-    onClick: E,
-    onKeyDown: x,
-    role: N,
-    tabIndex: F,
-    style: j,
-    ...D
-  }, q) => {
-    const u = te(), k = r.useContext(ce), R = r.useContext(se), y = r.useId(), T = A ?? y, [J, W] = r.useState(c), [S, B] = r.useState(!1), C = n ?? J, O = L(i).map((l, P) => !r.isValidElement(l) || !z(l.type, K) ? l : r.cloneElement(l, {
-      key: l.key ?? l.props.rowKey ?? P,
-      id: l.props.id ?? `${T}-child-${encodeURIComponent(String(l.props.rowKey ?? P))}`
-    })), m = k === "body" && O.some(r.isValidElement), f = O.flatMap((l) => r.isValidElement(l) && l.props.id ? [l.props.id] : []), M = (l) => {
-      B(l), n === void 0 && W(!C), b == null || b(!C);
-    }, X = !!u && u.selectionMode !== "none", I = k === "body" && (typeof E == "function" || m || X && e !== void 0), w = k === "body" && !(u != null && u.isStatic) && (I || _), V = X && k === "body" && e !== void 0 ? u.isSelected(e) : !1, re = r.useMemo(
-      () => ({ interactive: w, selected: V }),
-      [w, V]
+    isInteractive: $ = !1,
+    isActive: A = !1,
+    onClick: x,
+    onKeyDown: w,
+    role: U,
+    tabIndex: j,
+    style: S,
+    ...Y
+  }, Z) => {
+    const d = oe(), C = r.useContext(pe), f = r.useContext(le), I = r.useId(), H = T ?? I, [P, k] = r.useState(c), [O, D] = r.useState(!1), z = n ?? P, h = V(i).map((l, W) => !r.isValidElement(l) || !R(l.type, K) ? l : r.cloneElement(l, {
+      key: l.key ?? l.props.rowKey ?? W,
+      id: l.props.id ?? `${H}-child-${encodeURIComponent(String(l.props.rowKey ?? W))}`
+    })), p = C === "body" && h.some(r.isValidElement), L = h.flatMap((l) => r.isValidElement(l) && l.props.id ? [l.props.id] : []), q = (l) => {
+      D(l), n === void 0 && k(!z), g == null || g(!z);
+    }, E = !!d && d.selectionMode !== "none", N = C === "body" && (typeof x == "function" || p || E && e !== void 0), J = C === "body" && A, X = C === "body" && !(d != null && d.isStatic) && (N || $ || J), _ = E && C === "body" && e !== void 0 ? d.isSelected(e) : !1, F = _ || J, se = r.useMemo(
+      () => ({ interactive: X, selected: F }),
+      [X, F]
     );
     let G = !0;
-    const Q = u != null && u.hasNestedRows || m || R.depth > 0 ? L(s).map((l, P) => {
-      if (!G || !r.isValidElement(l) || !z(l.type, Te) && !z(l.type, pe)) return l;
+    const Q = d != null && d.hasNestedRows || p || f.depth > 0 ? V(s).map((l, W) => {
+      if (!G || !r.isValidElement(l) || !R(l.type, Pe) && !R(l.type, be)) return l;
       G = !1;
-      const H = v ?? String(ee(l.props.children)).trim(), Y = k === "header" ? "span" : "div";
-      return r.cloneElement(l, { key: l.key ?? P }, /* @__PURE__ */ d(
-        Y,
+      const te = y ?? String(ee(l.props.children)).trim(), re = C === "header" ? "span" : "div";
+      return r.cloneElement(l, { key: l.key ?? W }, /* @__PURE__ */ u(
+        re,
         {
           className: "inline-flex items-center gap-2",
-          style: R.depth > 0 ? { paddingInlineStart: `calc(var(--spacing) * 6 * ${R.depth})` } : void 0,
-          children: m ? /* @__PURE__ */ $(
-            We,
+          style: f.depth > 0 ? { paddingInlineStart: `calc(var(--spacing) * 6 * ${f.depth})` } : void 0,
+          children: p ? /* @__PURE__ */ M(
+            Me,
             {
               type: "button",
               variant: "ghost",
               size: "sm",
               className: "-mx-2 h-8 shrink-0 border-0 px-2 text-left text-inherit enabled:hover:bg-transparent enabled:hover:text-action-primary-text enabled:active:bg-transparent enabled:active:text-action-primary-text [&>span]:gap-2",
               style: { fontWeight: "inherit" },
-              "aria-label": `${C ? "Collapse" : "Expand"} ${H || "row"}`,
-              "aria-expanded": C,
-              "aria-controls": f.join(" ") || void 0,
-              onClick: (Z) => {
-                Z.stopPropagation(), M(Z.detail === 0);
+              "aria-label": `${z ? "Collapse" : "Expand"} ${te || "row"}`,
+              "aria-expanded": z,
+              "aria-controls": L.join(" ") || void 0,
+              onClick: (ne) => {
+                ne.stopPropagation(), q(ne.detail === 0);
               },
               children: [
-                /* @__PURE__ */ d(Ae, { reducedMotion: "user", children: /* @__PURE__ */ d(De.span, { initial: !1, animate: { rotate: C ? 90 : 0 }, transition: S ? { duration: 0 } : je, className: "inline-flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ d(Ve, { "aria-hidden": !0 }) }) }),
+                /* @__PURE__ */ u(De, { reducedMotion: "user", children: /* @__PURE__ */ u(We.span, { initial: !1, animate: { rotate: z ? 90 : 0 }, transition: O ? { duration: 0 } : je, className: "inline-flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ u($e, { "aria-hidden": !0 }) }) }),
                 l.props.children
               ]
             }
-          ) : /* @__PURE__ */ $(Pe, { children: [
-            /* @__PURE__ */ d("span", { "aria-hidden": !0, className: "size-6 shrink-0" }),
+          ) : /* @__PURE__ */ M(Ae, { children: [
+            /* @__PURE__ */ u("span", { "aria-hidden": !0, className: "size-6 shrink-0" }),
             l.props.children
           ] })
         }
       ));
     }) : s;
-    return /* @__PURE__ */ $(ye.Provider, { value: re, children: [
-      /* @__PURE__ */ $(
+    return /* @__PURE__ */ M(we.Provider, { value: se, children: [
+      /* @__PURE__ */ M(
         "tr",
         {
-          ref: q,
-          id: T,
+          ref: Z,
+          id: H,
           hidden: o,
-          "aria-hidden": R.hidden || void 0,
-          "data-collapsed": R.hidden || void 0,
-          "data-depth": u != null && u.hasNestedRows ? R.depth : void 0,
-          "data-interactive": w || void 0,
-          "data-selected": V || void 0,
-          className: g(
+          "aria-hidden": f.hidden || void 0,
+          "data-collapsed": f.hidden || void 0,
+          "data-depth": d != null && d.hasNestedRows ? f.depth : void 0,
+          "data-interactive": X || void 0,
+          "data-selected": _ || void 0,
+          "data-active": J || void 0,
+          "aria-current": J ? "true" : void 0,
+          className: b(
             "group/row",
-            k === "body" && "h-16",
+            C === "body" && "h-16",
             // Native table-row collapse removes height while preserving the
             // intrinsic column widths. `hidden` / display:none would make
             // every column shift when longer descendants become visible.
-            R.hidden && "collapse",
-            I && "cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+            f.hidden && "collapse",
+            N && "cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
             t
           ),
-          style: w && V ? {
-            ...ae,
+          style: X ? {
+            ...F ? ce : Oe,
             backgroundPositionX: "var(--table-selection-scroll, 0px)",
-            ...j
-          } : j,
+            ...S
+          } : S,
           onClick: (l) => {
-            const P = l.target;
-            P instanceof Element && P.closest(
+            const W = l.target;
+            W instanceof Element && W.closest(
               "a, button, input, select, textarea, [role='button'], [role='link'], [contenteditable='true']"
-            ) || (E ? E(l) : X && e !== void 0 ? u == null || u.toggleKey(e) : m && M(l.detail === 0));
+            ) || (x ? x(l) : E && e !== void 0 ? d == null || d.toggleKey(e) : p && q(l.detail === 0));
           },
           onKeyDown: (l) => {
-            x == null || x(l), !l.defaultPrevented && I && l.target === l.currentTarget && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.currentTarget.click());
+            w == null || w(l), !l.defaultPrevented && N && l.target === l.currentTarget && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.currentTarget.click());
           },
-          role: N,
-          tabIndex: F ?? (I ? 0 : void 0),
-          ...D,
+          role: U,
+          tabIndex: j ?? (N ? 0 : void 0),
+          ...Y,
           children: [
-            X && (k === "header" ? /* @__PURE__ */ $(
+            E && (C === "header" ? /* @__PURE__ */ M(
               "th",
               {
                 scope: "col",
-                className: g(
+                className: b(
                   "w-10 border-b border-table-stroke px-4 py-2.5",
-                  Ce,
+                  Re,
                   // 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",
-                  Ne
+                  ke
                 ),
                 children: [
-                  /* @__PURE__ */ d("span", { className: "sr-only", children: "Row selection" }),
-                  u.selectionMode === "multiple" && /* @__PURE__ */ d(
-                    be,
+                  /* @__PURE__ */ u("span", { className: "sr-only", children: "Row selection" }),
+                  d.selectionMode === "multiple" && /* @__PURE__ */ u(
+                    ge,
                     {
                       size: "sm",
                       "aria-label": "Select all rows",
-                      checked: u.allSelected,
-                      indeterminate: u.someSelected,
-                      onChange: u.toggleAll
+                      checked: d.allSelected,
+                      indeterminate: d.someSelected,
+                      onChange: d.toggleAll
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ d(
+            ) : /* @__PURE__ */ u(
               "td",
               {
-                className: g(
+                className: b(
                   "h-16 w-10 px-4 py-2",
-                  xe(w),
+                  Ce(X, { sticky: "left", selected: F }),
                   "sticky left-0 z-10"
                 ),
-                style: w && V ? {
-                  ...ae,
+                style: X && F ? {
+                  ...ce,
                   backgroundPositionX: "left"
                 } : void 0,
                 onClick: (l) => l.stopPropagation(),
-                children: e !== void 0 && (u.selectionMode === "single" ? /* @__PURE__ */ d(
-                  Me,
+                children: e !== void 0 && (d.selectionMode === "single" ? /* @__PURE__ */ u(
+                  Ve,
                   {
-                    name: u.selectionName,
+                    name: d.selectionName,
                     value: e,
                     "aria-label": `Select ${e}`,
-                    checked: V,
-                    onChange: () => u.toggleKey(e)
+                    checked: _,
+                    onChange: () => d.toggleKey(e)
                   }
-                ) : /* @__PURE__ */ d(
-                  be,
+                ) : /* @__PURE__ */ u(
+                  ge,
                   {
                     size: "sm",
                     "aria-label": `Select ${e}`,
-                    checked: V,
-                    indeterminate: u.isIndeterminate(e),
-                    onChange: () => u.toggleKey(e)
+                    checked: _,
+                    indeterminate: d.isIndeterminate(e),
+                    onChange: () => d.toggleKey(e),
+                    className: b(
+                      "transition-opacity duration-150 ease-out motion-reduce:transition-none",
+                      _ || d.isIndeterminate(e) ? "opacity-100" : "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100"
+                    )
                   }
                 ))
               }
@@ -613,12 +627,12 @@ const K = r.forwardRef(
           ]
         }
       ),
-      m && /* @__PURE__ */ d(se.Provider, { value: { depth: R.depth + 1, hidden: R.hidden || !C || !!o }, children: O })
+      p && /* @__PURE__ */ u(le.Provider, { value: { depth: f.depth + 1, hidden: f.hidden || !z || !!o }, children: h })
     ] });
   }
 );
 K.displayName = "TableRow";
-const pe = r.forwardRef(
+const be = r.forwardRef(
   ({
     className: t,
     align: e,
@@ -626,66 +640,66 @@ const pe = r.forwardRef(
     sortKey: i,
     allowsSorting: n = !0,
     _sortColumnIndex: c,
-    children: b,
-    ...v
-  }, A) => {
-    var B, C, O;
-    const o = te(), E = (o != null && o.automaticSorting && c !== void 0 ? `${ie}${c}` : void 0) ?? i, x = Number(v.colSpan ?? 1) === 1, N = String(ee(b)).trim(), F = N.length > 0, j = n && x && s !== "right" && F && !!E && !!(o != null && o.requestSort), D = j && ((B = o == null ? void 0 : o.sortDescriptor) == null ? void 0 : B.column) === E, q = (C = o == null ? void 0 : o.sortDescriptor) == null ? void 0 : C.direction, u = !!(o != null && o.resizableColumns) && x && s !== "right", k = r.useRef(null), [R, y] = r.useState(!1), T = (m) => {
-      if (m.button !== 0 || !o) return;
-      const f = m.currentTarget.parentElement, M = f == null ? void 0 : f.parentElement;
-      if (!(!f || !M)) {
-        o.snapshotColumnWidths(M), k.current = {
-          index: f.cellIndex,
-          startX: m.clientX,
-          startWidth: f.getBoundingClientRect().width
-        }, y(!0);
+    children: g,
+    ...y
+  }, T) => {
+    var O, D, z;
+    const o = oe(), A = (o != null && o.automaticSorting && c !== void 0 ? `${de}${c}` : void 0) ?? i, x = Number(y.colSpan ?? 1) === 1, w = String(ee(g)).trim(), U = w.length > 0, j = n && x && s !== "right" && U && !!A && !!(o != null && o.requestSort), S = j && ((O = o == null ? void 0 : o.sortDescriptor) == null ? void 0 : O.column) === A, Y = (D = o == null ? void 0 : o.sortDescriptor) == null ? void 0 : D.direction, Z = !!(o != null && o.resizableColumns) && x && s !== "right", d = r.useRef(null), [C, f] = r.useState(!1), I = (h) => {
+      if (h.button !== 0 || !o) return;
+      const p = h.currentTarget.parentElement, L = p == null ? void 0 : p.parentElement;
+      if (!(!p || !L)) {
+        o.snapshotColumnWidths(L), d.current = {
+          index: p.cellIndex,
+          startX: h.clientX,
+          startWidth: p.getBoundingClientRect().width
+        }, f(!0);
         try {
-          m.currentTarget.setPointerCapture(m.pointerId);
+          h.currentTarget.setPointerCapture(h.pointerId);
         } catch {
         }
-        m.preventDefault();
+        h.preventDefault();
       }
-    }, J = (m) => {
-      const f = k.current;
-      !f || !o || o.setColumnWidth(
-        f.index,
-        f.startWidth + (m.clientX - f.startX)
+    }, H = (h) => {
+      const p = d.current;
+      !p || !o || o.setColumnWidth(
+        p.index,
+        p.startWidth + (h.clientX - p.startX)
       );
-    }, W = () => {
-      k.current = null, y(!1);
-    }, S = (m) => {
-      if (m.key !== "ArrowLeft" && m.key !== "ArrowRight" || !o) return;
-      m.preventDefault();
-      const f = m.currentTarget.parentElement, M = f == null ? void 0 : f.parentElement;
-      if (!f || !M) return;
-      o.snapshotColumnWidths(M);
-      const X = m.shiftKey ? 32 : 8, I = m.key === "ArrowRight" ? X : -X;
+    }, P = () => {
+      d.current = null, f(!1);
+    }, k = (h) => {
+      if (h.key !== "ArrowLeft" && h.key !== "ArrowRight" || !o) return;
+      h.preventDefault();
+      const p = h.currentTarget.parentElement, L = p == null ? void 0 : p.parentElement;
+      if (!p || !L) return;
+      o.snapshotColumnWidths(L);
+      const q = h.shiftKey ? 32 : 8, E = h.key === "ArrowRight" ? q : -q;
       o.setColumnWidth(
-        f.cellIndex,
-        f.getBoundingClientRect().width + I
+        p.cellIndex,
+        p.getBoundingClientRect().width + E
       );
     };
-    return /* @__PURE__ */ $(
+    return /* @__PURE__ */ M(
       "th",
       {
-        ref: A,
+        ref: T,
         scope: "col",
-        "aria-sort": D ? q === "ascending" ? "ascending" : "descending" : j ? "none" : void 0,
-        className: g(
+        "aria-sort": S ? Y === "ascending" ? "ascending" : "descending" : j ? "none" : void 0,
+        className: b(
           // 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 border-b border-table-stroke px-4 py-2.5 text-s font-medium text-table-header-foreground",
-          Ne,
-          Ce,
+          ke,
+          Re,
           // The resize handle carries its own tick visual, so drop the
           // decorative one; the last column never shows a handle.
-          u && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
+          Z && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
           // Capped-height tables scroll under the header: pin it to the
           // viewport top, painted like the table surface so rows pass beneath.
           (o == null ? void 0 : o.stickyHeader) && "sticky top-0 z-30",
-          ge(e),
-          s && (s === "right" && (o != null && o.elevatedActionColumn) ? g(
+          ve(e),
+          s && (s === "right" && (o != null && o.elevatedActionColumn) ? b(
             // 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.
@@ -694,57 +708,57 @@ const pe = r.forwardRef(
             "max-w-[var(--table-action-column-width)]",
             "px-2",
             "bg-transparent"
-          ) : ve(s)),
+          ) : ye(s)),
           t
         ),
-        ...v,
+        ...y,
         children: [
-          j ? /* @__PURE__ */ $(
+          j ? /* @__PURE__ */ M(
             "button",
             {
               type: "button",
-              onClick: () => o.requestSort(E),
-              className: g(
+              onClick: () => o.requestSort(A),
+              className: b(
                 "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",
                 e === "right" && "flex-row-reverse",
-                D && "font-medium"
+                S && "font-medium"
               ),
               children: [
-                b,
-                D ? q === "ascending" ? /* @__PURE__ */ d($e, { className: "size-3.5" }) : /* @__PURE__ */ d(Le, { className: "size-3.5" }) : /* @__PURE__ */ d(_e, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
+                g,
+                S ? Y === "ascending" ? /* @__PURE__ */ u(Le, { className: "size-3.5" }) : /* @__PURE__ */ u(_e, { className: "size-3.5" }) : /* @__PURE__ */ u(Fe, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
               ]
             }
-          ) : F ? b : /* @__PURE__ */ d("span", { className: "sr-only", children: v["aria-label"] ?? "Table column" }),
-          u && /* @__PURE__ */ d(
+          ) : U ? g : /* @__PURE__ */ u("span", { className: "sr-only", children: y["aria-label"] ?? "Table column" }),
+          Z && /* @__PURE__ */ u(
             "span",
             {
               "data-slot": "resize-handle",
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": `Resize ${N || "this"} column`,
-              "aria-valuemin": le,
+              "aria-label": `Resize ${w || "this"} column`,
+              "aria-valuemin": ue,
               "aria-valuemax": 2e3,
-              "aria-valuenow": ((O = o == null ? void 0 : o.columnWidths) == null ? void 0 : O[c ?? -1]) ?? le,
+              "aria-valuenow": ((z = o == null ? void 0 : o.columnWidths) == null ? void 0 : z[c ?? -1]) ?? ue,
               tabIndex: 0,
-              "data-resizing": R ? "true" : void 0,
-              onPointerDown: T,
-              onPointerMove: J,
-              onPointerUp: W,
-              onPointerCancel: W,
-              onKeyDown: S,
+              "data-resizing": C ? "true" : void 0,
+              onPointerDown: I,
+              onPointerMove: H,
+              onPointerUp: P,
+              onPointerCancel: P,
+              onKeyDown: k,
               onDoubleClick: () => o == null ? void 0 : o.resetColumnWidths(),
-              className: g(
+              className: b(
                 // 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(
+              children: /* @__PURE__ */ u(
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: g(
+                  className: b(
                     "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",
@@ -760,21 +774,21 @@ const pe = r.forwardRef(
     );
   }
 );
-pe.displayName = "TableColumn";
-const Te = r.forwardRef(
-  ({ className: t, align: e, sticky: s, sortValue: i, style: n, ...c }, b) => {
-    const v = te(), { interactive: A, selected: o } = r.useContext(ye), _ = s === "right" && (v == null ? void 0 : v.elevatedActionColumn);
-    return /* @__PURE__ */ d(
+be.displayName = "TableColumn";
+const Pe = r.forwardRef(
+  ({ className: t, align: e, sticky: s, sortValue: i, style: n, ...c }, g) => {
+    const y = oe(), { interactive: T, selected: o } = r.useContext(we), $ = s === "right" && (y == null ? void 0 : y.elevatedActionColumn);
+    return /* @__PURE__ */ u(
       "td",
       {
-        ref: b,
+        ref: g,
         "data-sort-value": i instanceof Date ? i.toISOString() : i,
-        style: A && o && s ? {
-          ...ae,
+        style: T && o && s ? {
+          ...ce,
           backgroundPositionX: s,
           ...n
         } : n,
-        className: g(
+        className: b(
           // 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
@@ -782,10 +796,10 @@ const Te = r.forwardRef(
           // Cell values own the ADS 14px body-text contract instead of relying
           // on inheritance from <Table>; nested content stays 14px by default.
           "h-16 whitespace-nowrap px-4 py-2 text-m",
-          xe(A),
-          ge(e),
-          s && ve(s, v == null ? void 0 : v.elevatedActionColumn),
-          _ && g(
+          Ce(T, { sticky: s, selected: o }),
+          ve(e),
+          s && ye(s, y == null ? void 0 : y.elevatedActionColumn),
+          $ && b(
             "w-[var(--table-action-column-width)]",
             "min-w-[var(--table-action-column-width)]",
             "max-w-[var(--table-action-column-width)]",
@@ -800,12 +814,12 @@ const Te = r.forwardRef(
     );
   }
 );
-Te.displayName = "TableCell";
+Pe.displayName = "TableCell";
 export {
-  de as Table,
-  Ee as TableBody,
-  Te as TableCell,
-  pe as TableColumn,
-  ue as TableHeader,
+  fe as Table,
+  Ie as TableBody,
+  Pe as TableCell,
+  be as TableColumn,
+  me as TableHeader,
   K as TableRow
 };