@actioneer/ads 1.0.6 → 1.0.8

package/components/table.js

@@ -1,62 +1,99 @@
 "use client";
-import { jsx as u, jsxs as W } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as f } from "../lib/cn.js";
-import { Checkbox as ne } from "./checkbox.js";
-import { ChevronUp as ve, ChevronDown as ye, SortIcon as we } from "../lib/icons.js";
-const se = (r) => r === "center" ? "text-center" : r === "right" ? "text-right" : "text-left", ae = (r, e = !1) => r === "left" ? f(
+import { jsx as d, jsxs as $, Fragment as Ae } from "react/jsx-runtime";
+import * as r from "react";
+import { MotionConfig as De, motion as We } from "motion/react";
+import { cn as h } from "../lib/cn.js";
+import { Button as Me } from "./button.js";
+import { Checkbox as be } 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 he = (t) => t === "center" ? "text-center" : t === "right" ? "text-right" : "text-left", ve = (t, e = !1) => t === "left" ? h(
   "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"
-) : r === "right" ? f(
+) : t === "right" ? h(
   "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, ie = n.createContext(!1), le = (r) => f(
+) : void 0, ye = r.createContext({ interactive: !1, selected: !1 }), we = { depth: 0, hidden: !1 }, se = r.createContext(we), xe = (t) => ({
+  backgroundColor: "var(--card)",
+  backgroundImage: `linear-gradient(to right, ${t}, var(--card))`,
+  backgroundSize: "var(--table-selection-width, 100%) 100%",
+  backgroundRepeat: "no-repeat"
+}), ae = xe("var(--table-row-selected)"), Oe = xe("var(--table-row-hover)"), Ne = (t, { sticky: e, selected: s = !1 } = {}) => h(
   "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",
-  r && f(
-    // Use WG3 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-(--table-row-selected)"
-  )
-), ce = "bg-wg1", ue = f(
+  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 && h(
+    // 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"
+), Ce = "bg-table-shell", ke = h(
   "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"
-), Q = "__ads_table_column_", Y = 64, xe = new Intl.Collator(void 0, {
+), ie = "__ads_table_column_", le = 64, Xe = new Intl.Collator(void 0, {
   numeric: !0,
   sensitivity: "base"
 });
-function _(r) {
+function L(t) {
   const e = [];
-  return n.Children.forEach(r, (a) => {
-    if (n.isValidElement(a) && a.type === n.Fragment) {
-      e.push(..._(a.props.children));
+  return r.Children.forEach(t, (s) => {
+    if (r.isValidElement(s) && s.type === r.Fragment) {
+      e.push(...L(s.props.children));
       return;
     }
-    e.push(a);
+    e.push(s);
   }), e;
 }
-function X(r) {
-  if (r == null || typeof r == "boolean")
+function z(t, e) {
+  return t === e || !!(e.displayName && t && (typeof t == "object" || typeof t == "function") && "displayName" in t && t.displayName === e.displayName);
+}
+function Re(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) || Re(e.props.children));
+}
+function Be(t) {
+  const e = /* @__PURE__ */ new Map(), s = (i) => L(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);
+    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) {
+  for (const [s, i] of e)
+    i.every((n) => t.has(n)) ? t.add(s) : t.delete(s);
+  return t;
+}
+function ee(t) {
+  if (t == null || typeof t == "boolean")
     return "";
-  if (typeof r == "number" || typeof r == "string") return r;
-  if (Array.isArray(r))
-    return r.map((s) => String(X(s))).join(" ").trim();
-  if (!n.isValidElement(r)) return "";
-  const e = r.props.sortValue;
+  if (typeof t == "number" || typeof t == "string") return t;
+  if (Array.isArray(t))
+    return t.map((i) => String(ee(i))).join(" ").trim();
+  if (!r.isValidElement(t)) return "";
+  const e = t.props.sortValue;
   if (typeof e == "string" || typeof e == "number" || e instanceof Date)
     return e;
-  const a = X(r.props.children);
-  if (String(a).trim()) return a;
-  for (const s of [
+  const s = ee(t.props.children);
+  if (String(s).trim()) return s;
+  for (const i of [
     "value",
     "label",
     "status",
@@ -64,287 +101,317 @@ function X(r) {
     "title",
     "health"
   ]) {
-    const o = r.props[s];
-    if (typeof o == "string" || typeof o == "number") return o;
+    const n = t.props[i];
+    if (typeof n == "string" || typeof n == "number") return n;
   }
   return "";
 }
-function oe(r) {
-  if (r instanceof Date)
-    return { kind: "number", value: r.getTime() };
-  if (typeof r == "number")
-    return { kind: "number", value: r };
-  const e = r.trim();
+function ge(t) {
+  if (t instanceof Date)
+    return { kind: "number", value: t.getTime() };
+  if (typeof t == "number")
+    return { kind: "number", value: t };
+  const e = t.trim();
   if (!e || e === "—" || e === "-")
     return { kind: "empty", value: "" };
-  const a = e.replace(/[,\s]/g, "").replace(/^[₹$€£]/, "").replace(/%$/, "");
-  if (/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(a))
-    return { kind: "number", value: Number(a) };
-  const o = /^\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(o) ? { kind: "text", value: e } : { kind: "number", value: o };
+  const s = e.replace(/[,\s]/g, "").replace(/^[₹$€£]/, "").replace(/%$/, "");
+  if (/^[+-]?(?:\d+\.?\d*|\.\d+)$/.test(s))
+    return { kind: "number", value: Number(s) };
+  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 Ce(r, e, a) {
-  const s = oe(r), o = oe(e);
-  if (s.kind === "empty") return o.kind === "empty" ? 0 : 1;
-  if (o.kind === "empty") return -1;
-  const c = s.kind === "number" && o.kind === "number" ? s.value - o.value : xe.compare(String(s.value), String(o.value));
-  return a === "ascending" ? c : -c;
+function Ue(t, e, s) {
+  const i = ge(t), n = ge(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 : Xe.compare(String(i.value), String(n.value));
+  return s === "ascending" ? c : -c;
 }
-const de = n.createContext(null), B = () => n.useContext(de), Z = n.createContext("body");
-function Ne(r) {
-  const e = [], s = _(r.props.children).map((o, c) => {
-    if (!n.isValidElement(o) || o.type !== K)
-      return o;
-    let d = 0;
-    const k = _(o.props.children).map((t) => {
-      if (!n.isValidElement(t)) return t;
-      for (; (e[d] ?? 0) > c; )
-        d += 1;
-      const b = Math.max(1, Number(t.props.colSpan ?? 1)), x = Math.max(1, Number(t.props.rowSpan ?? 1)), y = d;
-      for (let g = 0; g < b; g += 1)
-        e[y + g] = Math.max(
-          e[y + g] ?? 0,
-          c + x
+const Se = r.createContext(null), te = () => r.useContext(Se), ce = r.createContext("body");
+function He(t) {
+  const e = [], i = L(t.props.children).map((n, c) => {
+    if (!r.isValidElement(n) || !z(n.type, K))
+      return n;
+    let b = 0;
+    const A = L(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
         );
-      return d += b, t.type !== be ? t : n.cloneElement(t, { _sortColumnIndex: y });
+      return b += _, z(o.type, pe) ? r.cloneElement(o, { _sortColumnIndex: x }) : o;
     });
-    return n.cloneElement(o, void 0, k);
+    return r.cloneElement(n, void 0, A);
   });
-  return n.cloneElement(r, void 0, s);
+  return r.cloneElement(t, void 0, i);
 }
-function ke(r, e, a) {
-  const s = _(r.props.children).map((o, c) => {
-    if (!n.isValidElement(o) || o.type !== K)
-      return { row: o, index: c, value: "" };
-    const d = _(o.props.children);
+function ze(t, e, s = "ascending") {
+  const i = L(t).map((n, c) => {
+    if (!r.isValidElement(n) || !z(n.type, K))
+      return { row: n, index: c, value: "" };
+    const b = L(n.props.children);
     return {
-      row: o,
+      row: r.cloneElement(n, {
+        key: n.key ?? n.props.rowKey ?? c,
+        ...n.props.childRows ? { childRows: ze(n.props.childRows, e, s) } : {}
+      }),
       index: c,
-      value: X(d[e])
+      value: e === void 0 ? "" : ee(b[e])
     };
   });
-  return s.sort((o, c) => Ce(o.value, c.value, a) || o.index - c.index), n.cloneElement(
-    r,
-    void 0,
-    s.map(({ row: o }) => o)
-  );
+  return e !== void 0 && i.sort((n, c) => Ue(n.value, c.value, s) || n.index - c.index), i.map(({ row: n }) => n);
+}
+function qe(t, e, s) {
+  return r.cloneElement(t, void 0, ze(t.props.children, e, s));
 }
-function me(r, e) {
-  const a = e != null && e.column.startsWith(Q) ? Number(e.column.slice(Q.length)) : Number.NaN;
-  return n.Children.map(r, (s) => n.isValidElement(s) ? s.type === n.Fragment ? n.cloneElement(
-    s,
+function Ee(t, e) {
+  const s = e != null && e.column.startsWith(ie) ? Number(e.column.slice(ie.length)) : Number.NaN;
+  return r.Children.map(t, (i) => r.isValidElement(i) ? i.type === r.Fragment ? r.cloneElement(
+    i,
     void 0,
-    me(s.props.children, e)
-  ) : s.type === fe ? Ne(s) : s.type === pe && e && Number.isInteger(a) && a >= 0 ? ke(s, a, e.direction) : s : s);
+    Ee(i.props.children, e)
+  ) : z(i.type, ue) ? He(i) : z(i.type, Te) ? qe(i, Number.isInteger(s) && s >= 0 ? s : void 0, e == null ? void 0 : e.direction) : i : i);
 }
-const ze = n.forwardRef(
+const de = r.forwardRef(
   ({
-    className: r,
+    className: t,
     wrapperClassName: e,
-    toolbar: a,
-    footer: s,
-    children: o,
+    toolbar: s,
+    footer: i,
+    children: n,
     selectionMode: c = "none",
-    selectedKeys: d,
+    selectedKeys: b,
     onSelectionChange: v,
-    rowKeys: k,
-    elevatedActionColumn: t = !1,
-    actionColumnWidth: b = "3rem",
-    sortDescriptor: x,
-    onSortChange: y,
-    allowsSorting: g = !0,
-    isStatic: z = !1,
-    resizableColumns: S = !0,
-    maxBodyHeight: m,
-    ...E
-  }, O) => {
-    const N = n.useMemo(() => k ?? [], [k]), R = d === "all", w = R ? null : d ?? /* @__PURE__ */ new Set(), D = n.useCallback(
-      (i) => R || !!(w != null && w.has(i)),
-      [R, w]
-    ), A = N.length > 0 && (R || N.every((i) => w == null ? void 0 : w.has(i))), I = !A && (R || N.some((i) => w == null ? void 0 : w.has(i))), $ = n.useCallback(
-      (i) => {
+    rowKeys: A,
+    elevatedActionColumn: o = !1,
+    actionColumnWidth: _ = "3rem",
+    sortDescriptor: E,
+    onSortChange: x,
+    allowsSorting: N = !0,
+    isStatic: U = !1,
+    resizableColumns: F = !0,
+    maxBodyHeight: D,
+    ...q
+  }, u) => {
+    const k = r.useId(), R = r.useMemo(() => Re(n), [n]), y = r.useMemo(() => Be(n), [n]), T = r.useMemo(() => A ?? [], [A]), J = b === "all", W = r.useMemo(() => {
+      const a = new Set(b === "all" ? [...T, ...y.keys] : b);
+      if (c !== "multiple") return a;
+      for (const p of [...a])
+        for (const g of y.descendants.get(p) ?? []) a.add(g);
+      return oe(a, y.descendants);
+    }, [b, c, T, y]), S = r.useCallback(
+      (a) => J || W.has(a),
+      [J, W]
+    ), X = r.useCallback(
+      (a) => {
+        var p;
+        return c === "multiple" && !S(a) && (((p = y.descendants.get(a)) == null ? void 0 : p.some((g) => W.has(g))) ?? !1);
+      },
+      [c, S, y, W]
+    ), C = T.length > 0 && T.every(S), j = !C && T.some((a) => S(a) || X(a)), f = r.useCallback(
+      (a) => {
         if (!v) return;
         if (c === "single") {
-          v(D(i) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([i]));
+          S(a) || v(/* @__PURE__ */ new Set([a]));
           return;
         }
-        const h = new Set(R ? N : w ?? /* @__PURE__ */ new Set());
-        h.has(i) ? h.delete(i) : h.add(i), v(h);
+        const p = new Set(W), g = !S(a);
+        for (const B of [a, ...y.descendants.get(a) ?? []])
+          g ? p.add(B) : p.delete(B);
+        v(oe(p, y.descendants));
       },
-      [v, c, D, R, N, w]
-    ), M = n.useCallback(() => {
-      v && v(A ? /* @__PURE__ */ new Set() : new Set(N));
-    }, [v, A, N]), [H, U] = n.useState(), p = g && !y, l = p ? H ?? x : x, T = n.useCallback(
-      (i) => {
-        if (!g) return;
-        const h = (l == null ? void 0 : l.column) === i && l.direction === "ascending" ? "descending" : "ascending", C = { column: i, direction: h };
-        y ? y(C) : U(C);
+      [v, c, S, W, y]
+    ), m = r.useCallback(() => {
+      if (!v) return;
+      const a = /* @__PURE__ */ new Set();
+      if (!C)
+        for (const p of T) {
+          a.add(p);
+          for (const g of y.descendants.get(p) ?? []) a.add(g);
+        }
+      v(oe(a, y.descendants));
+    }, [v, C, T, y]), [V, O] = r.useState(), I = N && !x, w = I ? V ?? E : E, M = r.useCallback(
+      (a) => {
+        if (!N) return;
+        const p = (w == null ? void 0 : w.column) === a && w.direction === "ascending" ? "descending" : "ascending", g = { column: a, direction: p };
+        x ? x(g) : O(g);
       },
-      [l, g, y]
-    ), j = n.useMemo(
-      () => p ? me(o, l) : o,
-      [l, p, o]
-    ), P = n.useRef(null), [F, ge] = n.useState({
+      [w, N, x]
+    ), re = r.useMemo(
+      () => I ? Ee(n, w) : n,
+      [w, I, n]
+    ), G = r.useRef(null), [Q, l] = r.useState({
       left: !1,
       right: !1
-    }), q = n.useCallback(() => {
-      const i = P.current;
-      if (!i) return;
-      const h = i.scrollWidth - i.clientWidth, C = i.scrollLeft > 1, V = i.scrollLeft < h - 1;
-      ge(
-        (G) => G.left === C && G.right === V ? G : { left: C, right: V }
+    }), P = r.useCallback(() => {
+      const a = G.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, g = a.scrollLeft > 1, B = a.scrollLeft < p - 1;
+      l(
+        (ne) => ne.left === g && ne.right === B ? ne : { left: g, right: B }
       );
     }, []);
-    n.useEffect(() => {
-      q();
-      const i = P.current;
-      if (!i || typeof ResizeObserver > "u") return;
-      const h = new ResizeObserver(q);
-      h.observe(i);
-      const C = i.querySelector("table");
-      return C && h.observe(C), () => h.disconnect();
-    }, [q]);
-    const [L, J] = n.useState(
+    r.useLayoutEffect(() => {
+      P();
+      const a = G.current;
+      if (!a || typeof ResizeObserver > "u") return;
+      const p = new ResizeObserver(P);
+      p.observe(a);
+      const g = a.querySelector("table");
+      return g && p.observe(g), () => p.disconnect();
+    }, [P]);
+    const [H, Y] = r.useState(
       null
-    ), ee = n.useCallback(
-      (i) => {
-        J(
-          (h) => h ?? Array.from(
-            i.cells,
-            (C) => C.getBoundingClientRect().width
+    ), Z = r.useCallback(
+      (a) => {
+        Y(
+          (p) => p ?? Array.from(
+            a.cells,
+            (g) => g.getBoundingClientRect().width
           )
         );
       },
       []
-    ), te = n.useCallback((i, h) => {
-      J((C) => {
-        if (!C) return C;
-        const V = [...C];
-        return V[i] = Math.max(Y, h), V;
+    ), fe = r.useCallback((a, p) => {
+      Y((g) => {
+        if (!g) return g;
+        const B = [...g];
+        return B[a] = Math.max(le, p), B;
       });
-    }, []), re = n.useCallback(
-      () => J(null),
+    }, []), me = r.useCallback(
+      () => Y(null),
       []
-    ), he = n.useMemo(
+    ), Pe = r.useMemo(
       () => ({
         selectionMode: c,
-        isSelected: D,
-        toggleKey: $,
-        toggleAll: M,
-        allSelected: A,
-        someSelected: I,
-        isStatic: z,
-        sortDescriptor: l,
-        requestSort: g ? T : void 0,
-        automaticSorting: p,
-        elevatedActionColumn: t,
-        resizableColumns: S,
-        columnWidths: L,
-        snapshotColumnWidths: ee,
-        setColumnWidth: te,
-        resetColumnWidths: re,
-        stickyHeader: m != null
+        selectionName: k,
+        hasNestedRows: R,
+        isSelected: S,
+        isIndeterminate: X,
+        toggleKey: f,
+        toggleAll: m,
+        allSelected: C,
+        someSelected: j,
+        isStatic: U,
+        sortDescriptor: w,
+        requestSort: N ? M : void 0,
+        automaticSorting: I,
+        elevatedActionColumn: o,
+        resizableColumns: F,
+        columnWidths: H,
+        snapshotColumnWidths: Z,
+        setColumnWidth: fe,
+        resetColumnWidths: me,
+        stickyHeader: D != null
       }),
       [
         c,
-        D,
-        $,
-        M,
-        A,
-        I,
-        z,
-        l,
-        g,
-        p,
-        T,
-        t,
+        k,
+        R,
         S,
-        L,
-        ee,
-        te,
-        re,
-        m
+        X,
+        f,
+        m,
+        C,
+        j,
+        U,
+        w,
+        N,
+        I,
+        M,
+        o,
+        F,
+        H,
+        Z,
+        fe,
+        me,
+        D
       ]
     );
-    return /* @__PURE__ */ u(de.Provider, { value: he, children: /* @__PURE__ */ W(
+    return /* @__PURE__ */ d(Se.Provider, { value: Pe, children: /* @__PURE__ */ d(se.Provider, { value: we, children: /* @__PURE__ */ $(
       "div",
       {
         "data-slot": "table-container",
-        "data-scroll-left": F.left ? "true" : "false",
-        "data-scroll-right": F.right ? "true" : "false",
-        className: f(
-          "group/table-shell overflow-clip rounded-m border border-table-stroke bg-table-shell",
+        "data-scroll-left": Q.left ? "true" : "false",
+        "data-scroll-right": Q.right ? "true" : "false",
+        className: h(
+          "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: [
-          a && /* @__PURE__ */ u(
+          s && /* @__PURE__ */ d(
             "div",
             {
               "data-slot": "table-toolbar",
               className: "flex min-h-12 items-center justify-end border-b border-table-stroke px-4 py-2",
-              children: a
+              children: s
             }
           ),
-          /* @__PURE__ */ W(
+          /* @__PURE__ */ $(
             "div",
             {
               className: "relative",
-              style: t ? {
-                "--table-action-column-width": b
+              style: o ? {
+                "--table-action-column-width": _
               } : void 0,
               children: [
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    ref: P,
-                    onScroll: q,
-                    className: f(
+                    ref: G,
+                    onScroll: P,
+                    className: h(
                       "overflow-x-auto rounded-(--table-card-radius)",
-                      m != null && "overflow-y-auto"
+                      D != null && "overflow-y-auto"
                     ),
-                    style: m != null ? { maxHeight: m } : void 0,
-                    children: /* @__PURE__ */ W(
+                    style: D != null ? { maxHeight: D } : void 0,
+                    children: /* @__PURE__ */ $(
                       "table",
                       {
-                        ref: O,
+                        ref: u,
                         "data-slot": "table",
-                        className: f(
+                        className: h(
                           "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.
-                          L && "table-fixed",
-                          r
+                          H && "table-fixed",
+                          t
                         ),
-                        ...E,
+                        ...q,
                         children: [
-                          L && /* @__PURE__ */ u("colgroup", { children: L.map((i, h) => /* @__PURE__ */ u("col", { style: { width: i } }, h)) }),
-                          j
+                          H && /* @__PURE__ */ d("colgroup", { children: H.map((a, p) => /* @__PURE__ */ d("col", { style: { width: a } }, p)) }),
+                          re
                         ]
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-scroll-hint",
-                    className: f(
+                    className: h(
                       "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",
-                      F.right && "opacity-100",
-                      t ? "right-[var(--table-action-column-width)]" : "right-0"
+                      Q.right && "opacity-100",
+                      o ? "right-[var(--table-action-column-width)]" : "right-0"
                     )
                   }
                 ),
-                t && /* @__PURE__ */ u(
+                o && /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-action-column-elevation",
-                    className: f(
+                    className: h(
                       "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
@@ -357,192 +424,275 @@ const ze = n.forwardRef(
               ]
             }
           ),
-          s && /* @__PURE__ */ u("div", { className: "flex items-center border-t border-table-stroke px-4 py-2.5", children: s })
+          i && /* @__PURE__ */ d("div", { className: "flex items-center border-t border-table-stroke px-4 py-2.5", children: i })
         ]
       }
-    ) });
+    ) }) });
   }
 );
-ze.displayName = "Table";
-const fe = n.forwardRef(({ className: r, ...e }, a) => {
-  const s = B();
-  return /* @__PURE__ */ u(Z.Provider, { value: "header", children: /* @__PURE__ */ u(
+de.displayName = "Table";
+const ue = r.forwardRef(({ className: t, ...e }, s) => {
+  const i = te();
+  return /* @__PURE__ */ d(ce.Provider, { value: "header", children: /* @__PURE__ */ d(
     "thead",
     {
-      ref: a,
-      className: f(
+      ref: s,
+      className: h(
         "text-s font-medium text-table-header-foreground",
-        (s == null ? void 0 : s.elevatedActionColumn) && "relative z-30 bg-wg1",
-        r
+        (i == null ? void 0 : i.elevatedActionColumn) && "relative z-30 bg-table-shell",
+        t
       ),
       ...e
     }
   ) });
 });
-fe.displayName = "TableHeader";
-const pe = n.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ u(Z.Provider, { value: "body", children: /* @__PURE__ */ u("tbody", { ref: a, className: f(r), ...e }) }));
-pe.displayName = "TableBody";
-const K = n.forwardRef(
+ue.displayName = "TableHeader";
+const Te = r.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ d(ce.Provider, { value: "body", children: /* @__PURE__ */ d("tbody", { ref: s, className: h("[&>tr:not([hidden],[data-collapsed]):not(:has(~tr:not([hidden],[data-collapsed])))>td]:border-b-0", t), ...e }) }));
+Te.displayName = "TableBody";
+const K = r.forwardRef(
   ({
-    className: r,
+    className: t,
     rowKey: e,
-    children: a,
-    isInteractive: s = !1,
-    onClick: o,
-    onKeyDown: c,
-    role: d,
-    tabIndex: v,
-    ...k
-  }, t) => {
-    const b = B(), x = n.useContext(Z), y = !!b && b.selectionMode !== "none", g = x === "body" && (typeof o == "function" || y && e !== void 0), z = x === "body" && !(b != null && b.isStatic) && (g || s), S = y && x === "body" && e !== void 0 ? b.isSelected(e) : !1;
-    return /* @__PURE__ */ u(ie.Provider, { value: z, children: /* @__PURE__ */ W(
-      "tr",
-      {
-        ref: t,
-        "data-interactive": z || void 0,
-        "data-selected": S || void 0,
-        className: f(
-          "group/row",
-          x === "body" && "h-16",
-          g && "cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
-          r
-        ),
-        onClick: (m) => {
-          const E = m.target;
-          E instanceof Element && E.closest(
-            "a, button, input, select, textarea, [role='button'], [role='link'], [contenteditable='true']"
-          ) || (o ? o(m) : y && e !== void 0 && (b == null || b.toggleKey(e)));
-        },
-        onKeyDown: (m) => {
-          c == null || c(m), !m.defaultPrevented && g && m.target === m.currentTarget && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.currentTarget.click());
-        },
-        role: d,
-        tabIndex: v ?? (g ? 0 : void 0),
-        ...k,
-        children: [
-          y && (x === "header" ? /* @__PURE__ */ W(
-            "th",
+    children: s,
+    childRows: i,
+    expanded: n,
+    defaultExpanded: c = !1,
+    onExpandedChange: b,
+    disclosureLabel: v,
+    id: A,
+    hidden: o,
+    isInteractive: _ = !1,
+    onClick: E,
+    onKeyDown: x,
+    role: N,
+    tabIndex: U,
+    style: F,
+    ...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, X] = r.useState(!1), C = n ?? J, j = 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))}`
+    })), f = k === "body" && j.some(r.isValidElement), m = j.flatMap((l) => r.isValidElement(l) && l.props.id ? [l.props.id] : []), V = (l) => {
+      X(l), n === void 0 && W(!C), b == null || b(!C);
+    }, O = !!u && u.selectionMode !== "none", I = k === "body" && (typeof E == "function" || f || O && e !== void 0), w = k === "body" && !(u != null && u.isStatic) && (I || _), M = O && k === "body" && e !== void 0 ? u.isSelected(e) : !1, re = r.useMemo(
+      () => ({ interactive: w, selected: M }),
+      [w, M]
+    );
+    let G = !0;
+    const Q = u != null && u.hasNestedRows || f || R.depth > 0 ? L(s).map((l, P) => {
+      if (!G || !r.isValidElement(l) || !z(l.type, Ie) && !z(l.type, pe)) 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,
+        {
+          className: "inline-flex items-center gap-2",
+          style: R.depth > 0 ? { paddingInlineStart: `calc(var(--spacing) * 6 * ${R.depth})` } : void 0,
+          children: f ? /* @__PURE__ */ $(
+            Me,
             {
-              scope: "col",
-              className: f(
-                "w-10 border-b border-table-stroke px-4 py-2.5",
-                ue,
-                // 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",
-                ce
-              ),
+              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": m.join(" ") || void 0,
+              onClick: (Z) => {
+                Z.stopPropagation(), V(Z.detail === 0);
+              },
               children: [
-                /* @__PURE__ */ u("span", { className: "sr-only", children: "Row selection" }),
-                b.selectionMode === "multiple" && /* @__PURE__ */ u(
-                  ne,
+                /* @__PURE__ */ d(De, { reducedMotion: "user", children: /* @__PURE__ */ d(We.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($e, { "aria-hidden": !0 }) }) }),
+                l.props.children
+              ]
+            }
+          ) : /* @__PURE__ */ $(Ae, { children: [
+            /* @__PURE__ */ d("span", { "aria-hidden": !0, className: "size-6 shrink-0" }),
+            l.props.children
+          ] })
+        }
+      ));
+    }) : s;
+    return /* @__PURE__ */ $(ye.Provider, { value: re, children: [
+      /* @__PURE__ */ $(
+        "tr",
+        {
+          ref: q,
+          id: T,
+          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": M || void 0,
+          className: h(
+            "group/row",
+            k === "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",
+            t
+          ),
+          style: w ? {
+            ...M ? ae : Oe,
+            backgroundPositionX: "var(--table-selection-scroll, 0px)",
+            ...F
+          } : F,
+          onClick: (l) => {
+            const P = l.target;
+            P instanceof Element && P.closest(
+              "a, button, input, select, textarea, [role='button'], [role='link'], [contenteditable='true']"
+            ) || (E ? E(l) : O && e !== void 0 ? u == null || u.toggleKey(e) : f && V(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());
+          },
+          role: N,
+          tabIndex: U ?? (I ? 0 : void 0),
+          ...D,
+          children: [
+            O && (k === "header" ? /* @__PURE__ */ $(
+              "th",
+              {
+                scope: "col",
+                className: h(
+                  "w-10 border-b border-table-stroke px-4 py-2.5",
+                  ke,
+                  // 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",
+                  Ce
+                ),
+                children: [
+                  /* @__PURE__ */ d("span", { className: "sr-only", children: "Row selection" }),
+                  u.selectionMode === "multiple" && /* @__PURE__ */ d(
+                    be,
+                    {
+                      size: "sm",
+                      "aria-label": "Select all rows",
+                      checked: u.allSelected,
+                      indeterminate: u.someSelected,
+                      onChange: u.toggleAll
+                    }
+                  )
+                ]
+              }
+            ) : /* @__PURE__ */ d(
+              "td",
+              {
+                className: h(
+                  "h-16 w-10 px-4 py-2",
+                  Ne(w, { sticky: "left", selected: M }),
+                  "sticky left-0 z-10"
+                ),
+                style: w && M ? {
+                  ...ae,
+                  backgroundPositionX: "left"
+                } : void 0,
+                onClick: (l) => l.stopPropagation(),
+                children: e !== void 0 && (u.selectionMode === "single" ? /* @__PURE__ */ d(
+                  Ve,
+                  {
+                    name: u.selectionName,
+                    value: e,
+                    "aria-label": `Select ${e}`,
+                    checked: M,
+                    onChange: () => u.toggleKey(e)
+                  }
+                ) : /* @__PURE__ */ d(
+                  be,
                   {
                     size: "sm",
-                    "aria-label": "Select all rows",
-                    checked: b.allSelected,
-                    indeterminate: b.someSelected,
-                    onChange: b.toggleAll
+                    "aria-label": `Select ${e}`,
+                    checked: M,
+                    indeterminate: u.isIndeterminate(e),
+                    onChange: () => u.toggleKey(e)
                   }
-                )
-              ]
-            }
-          ) : /* @__PURE__ */ u(
-            "td",
-            {
-              className: f(
-                "h-16 w-10 px-4 py-2",
-                le(z),
-                "sticky left-0 z-10"
-              ),
-              onClick: (m) => m.stopPropagation(),
-              children: e !== void 0 && /* @__PURE__ */ u(
-                ne,
-                {
-                  size: "sm",
-                  "aria-label": `Select ${e}`,
-                  checked: S,
-                  onChange: () => b.toggleKey(e)
-                }
-              )
-            }
-          )),
-          a
-        ]
-      }
-    ) });
+                ))
+              }
+            )),
+            Q
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ d(se.Provider, { value: { depth: R.depth + 1, hidden: R.hidden || !C || !!o }, children: j })
+    ] });
   }
 );
 K.displayName = "TableRow";
-const be = n.forwardRef(
+const pe = r.forwardRef(
   ({
-    className: r,
+    className: t,
     align: e,
-    sticky: a,
-    sortKey: s,
-    allowsSorting: o = !0,
+    sticky: s,
+    sortKey: i,
+    allowsSorting: n = !0,
     _sortColumnIndex: c,
-    children: d,
+    children: b,
     ...v
-  }, k) => {
-    var M, H, U;
-    const t = B(), x = (t != null && t.automaticSorting && c !== void 0 ? `${Q}${c}` : void 0) ?? s, y = Number(v.colSpan ?? 1) === 1, g = String(X(d)).trim(), z = g.length > 0, S = o && y && a !== "right" && z && !!x && !!(t != null && t.requestSort), m = S && ((M = t == null ? void 0 : t.sortDescriptor) == null ? void 0 : M.column) === x, E = (H = t == null ? void 0 : t.sortDescriptor) == null ? void 0 : H.direction, O = !!(t != null && t.resizableColumns) && y && a !== "right", N = n.useRef(null), [R, w] = n.useState(!1), D = (p) => {
-      if (p.button !== 0 || !t) return;
-      const l = p.currentTarget.parentElement, T = l == null ? void 0 : l.parentElement;
-      if (!(!l || !T)) {
-        t.snapshotColumnWidths(T), N.current = {
-          index: l.cellIndex,
-          startX: p.clientX,
-          startWidth: l.getBoundingClientRect().width
-        }, w(!0);
+  }, A) => {
+    var X, C, j;
+    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(), U = N.length > 0, F = n && x && s !== "right" && U && !!E && !!(o != null && o.requestSort), D = F && ((X = o == null ? void 0 : o.sortDescriptor) == null ? void 0 : X.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 = (f) => {
+      if (f.button !== 0 || !o) return;
+      const m = f.currentTarget.parentElement, V = m == null ? void 0 : m.parentElement;
+      if (!(!m || !V)) {
+        o.snapshotColumnWidths(V), k.current = {
+          index: m.cellIndex,
+          startX: f.clientX,
+          startWidth: m.getBoundingClientRect().width
+        }, y(!0);
         try {
-          p.currentTarget.setPointerCapture(p.pointerId);
+          f.currentTarget.setPointerCapture(f.pointerId);
         } catch {
         }
-        p.preventDefault();
+        f.preventDefault();
       }
-    }, A = (p) => {
-      const l = N.current;
-      !l || !t || t.setColumnWidth(
-        l.index,
-        l.startWidth + (p.clientX - l.startX)
+    }, J = (f) => {
+      const m = k.current;
+      !m || !o || o.setColumnWidth(
+        m.index,
+        m.startWidth + (f.clientX - m.startX)
       );
-    }, I = () => {
-      N.current = null, w(!1);
-    }, $ = (p) => {
-      if (p.key !== "ArrowLeft" && p.key !== "ArrowRight" || !t) return;
-      p.preventDefault();
-      const l = p.currentTarget.parentElement, T = l == null ? void 0 : l.parentElement;
-      if (!l || !T) return;
-      t.snapshotColumnWidths(T);
-      const j = p.shiftKey ? 32 : 8, P = p.key === "ArrowRight" ? j : -j;
-      t.setColumnWidth(
-        l.cellIndex,
-        l.getBoundingClientRect().width + P
+    }, W = () => {
+      k.current = null, y(!1);
+    }, S = (f) => {
+      if (f.key !== "ArrowLeft" && f.key !== "ArrowRight" || !o) return;
+      f.preventDefault();
+      const m = f.currentTarget.parentElement, V = m == null ? void 0 : m.parentElement;
+      if (!m || !V) return;
+      o.snapshotColumnWidths(V);
+      const O = f.shiftKey ? 32 : 8, I = f.key === "ArrowRight" ? O : -O;
+      o.setColumnWidth(
+        m.cellIndex,
+        m.getBoundingClientRect().width + I
       );
     };
-    return /* @__PURE__ */ W(
+    return /* @__PURE__ */ $(
       "th",
       {
-        ref: k,
+        ref: A,
         scope: "col",
-        "aria-sort": m ? E === "ascending" ? "ascending" : "descending" : S ? "none" : void 0,
-        className: f(
+        "aria-sort": D ? q === "ascending" ? "ascending" : "descending" : F ? "none" : void 0,
+        className: h(
           // 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",
-          ce,
-          ue,
+          Ce,
+          ke,
           // The resize handle carries its own tick visual, so drop the
           // decorative one; the last column never shows a handle.
-          O && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
+          u && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
           // Capped-height tables scroll under the header: pin it to the
-          // viewport top, painted WG1 so rows pass beneath.
-          (t == null ? void 0 : t.stickyHeader) && "sticky top-0 z-30",
-          se(e),
-          a && (a === "right" && (t != null && t.elevatedActionColumn) ? f(
+          // viewport top, painted like the table surface so rows pass beneath.
+          (o == null ? void 0 : o.stickyHeader) && "sticky top-0 z-30",
+          he(e),
+          s && (s === "right" && (o != null && o.elevatedActionColumn) ? h(
             // 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.
@@ -551,57 +701,57 @@ const be = n.forwardRef(
             "max-w-[var(--table-action-column-width)]",
             "px-2",
             "bg-transparent"
-          ) : ae(a)),
-          r
+          ) : ve(s)),
+          t
         ),
         ...v,
         children: [
-          S ? /* @__PURE__ */ W(
+          F ? /* @__PURE__ */ $(
             "button",
             {
               type: "button",
-              onClick: () => t.requestSort(x),
-              className: f(
+              onClick: () => o.requestSort(E),
+              className: h(
                 "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",
-                m && "font-medium"
+                D && "font-medium"
               ),
               children: [
-                d,
-                m ? E === "ascending" ? /* @__PURE__ */ u(ve, { className: "size-3.5" }) : /* @__PURE__ */ u(ye, { className: "size-3.5" }) : /* @__PURE__ */ u(we, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
+                b,
+                D ? q === "ascending" ? /* @__PURE__ */ d(Le, { className: "size-3.5" }) : /* @__PURE__ */ d(_e, { className: "size-3.5" }) : /* @__PURE__ */ d(Fe, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
               ]
             }
-          ) : z ? d : /* @__PURE__ */ u("span", { className: "sr-only", children: v["aria-label"] ?? "Table column" }),
-          O && /* @__PURE__ */ u(
+          ) : U ? b : /* @__PURE__ */ d("span", { className: "sr-only", children: v["aria-label"] ?? "Table column" }),
+          u && /* @__PURE__ */ d(
             "span",
             {
               "data-slot": "resize-handle",
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": `Resize ${g || "this"} column`,
-              "aria-valuemin": Y,
+              "aria-label": `Resize ${N || "this"} column`,
+              "aria-valuemin": le,
               "aria-valuemax": 2e3,
-              "aria-valuenow": ((U = t == null ? void 0 : t.columnWidths) == null ? void 0 : U[c ?? -1]) ?? Y,
+              "aria-valuenow": ((j = o == null ? void 0 : o.columnWidths) == null ? void 0 : j[c ?? -1]) ?? le,
               tabIndex: 0,
               "data-resizing": R ? "true" : void 0,
-              onPointerDown: D,
-              onPointerMove: A,
-              onPointerUp: I,
-              onPointerCancel: I,
-              onKeyDown: $,
-              onDoubleClick: () => t == null ? void 0 : t.resetColumnWidths(),
-              className: f(
+              onPointerDown: T,
+              onPointerMove: J,
+              onPointerUp: W,
+              onPointerCancel: W,
+              onKeyDown: S,
+              onDoubleClick: () => o == null ? void 0 : o.resetColumnWidths(),
+              className: h(
                 // 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__ */ u(
+              children: /* @__PURE__ */ d(
                 "span",
                 {
                   "aria-hidden": "true",
-                  className: f(
+                  className: h(
                     "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",
@@ -617,16 +767,21 @@ const be = n.forwardRef(
     );
   }
 );
-be.displayName = "TableColumn";
-const Se = n.forwardRef(
-  ({ className: r, align: e, sticky: a, sortValue: s, ...o }, c) => {
-    const d = B(), v = n.useContext(ie), k = a === "right" && (d == null ? void 0 : d.elevatedActionColumn);
-    return /* @__PURE__ */ u(
+pe.displayName = "TableColumn";
+const Ie = 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(
       "td",
       {
-        ref: c,
-        "data-sort-value": s instanceof Date ? s.toISOString() : s,
-        className: f(
+        ref: b,
+        "data-sort-value": i instanceof Date ? i.toISOString() : i,
+        style: A && o && s ? {
+          ...ae,
+          backgroundPositionX: s,
+          ...n
+        } : n,
+        className: h(
           // 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
@@ -634,31 +789,30 @@ const Se = n.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",
-          le(v),
-          se(e),
-          a && ae(a, d == null ? void 0 : d.elevatedActionColumn),
-          k && f(
+          Ne(A, { sticky: s, selected: o }),
+          he(e),
+          s && ve(s, v == null ? void 0 : v.elevatedActionColumn),
+          _ && h(
             "w-[var(--table-action-column-width)]",
             "min-w-[var(--table-action-column-width)]",
             "max-w-[var(--table-action-column-width)]",
             "px-2",
-            "bg-elevated",
-            // Keep the action column on its elevated surface during hover.
-            "group-hover/row:bg-elevated group-focus-within/row:bg-elevated"
+            // Pinned actions follow the same opaque row hover/selection fill.
+            "bg-elevated"
           ),
-          r
+          t
         ),
-        ...o
+        ...c
       }
     );
   }
 );
-Se.displayName = "TableCell";
+Ie.displayName = "TableCell";
 export {
-  ze as Table,
-  pe as TableBody,
-  Se as TableCell,
-  be as TableColumn,
-  fe as TableHeader,
+  de as Table,
+  Te as TableBody,
+  Ie as TableCell,
+  pe as TableColumn,
+  ue as TableHeader,
   K as TableRow
 };