@actioneer/ads 0.6.0 → 0.7.0

package/components/table.js

@@ -1,77 +1,64 @@
 "use client";
-import { jsx as p, jsxs as T } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as u } from "../lib/cn.js";
-import { Checkbox as re } from "./checkbox.js";
-import { ChevronUp as ge, ChevronDown as he, SortIcon as we } from "../lib/icons.js";
-const ne = (e) => e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left", ae = (e, t = !1) => e === "left" ? u(
+import { jsx as d, jsxs as T } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as m } from "../lib/cn.js";
+import { Checkbox as ne } from "./checkbox.js";
+import { ChevronUp as ve, ChevronDown as we, SortIcon as ye } from "../lib/icons.js";
+const se = (r) => r === "center" ? "text-center" : r === "right" ? "text-right" : "text-left", ae = (r, t = !1) => r === "left" ? m(
   "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"
-) : e === "right" ? u(
+) : r === "right" ? m(
   "sticky right-0 z-10",
   // Backward-compatible fallback. Action columns should opt into the
   // Table-level elevation so one shadow spans the complete column.
   !t && "group-data-[scroll-right=true]/table-shell:shadow-table-smudge-right"
-) : void 0, se = (e) => e === "right" ? u(
-  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:right-0 group-first/row:before:top-0 group-first/row:before:size-3 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_0%_100%,transparent_11.5px,var(--table-shell)_12px)]",
-  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:right-0 group-last/row:after:bottom-0 group-last/row:after:size-3 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_0%_0%,transparent_11.5px,var(--table-shell)_12px)]"
-) : u(
-  "group-first/row:before:pointer-events-none group-first/row:before:absolute group-first/row:before:left-0 group-first/row:before:top-0 group-first/row:before:size-3 group-first/row:before:content-[''] group-first/row:before:[background:radial-gradient(circle_at_100%_100%,transparent_11.5px,var(--table-shell)_12px)]",
-  "group-last/row:after:pointer-events-none group-last/row:after:absolute group-last/row:after:left-0 group-last/row:after:bottom-0 group-last/row:after:size-3 group-last/row:after:content-[''] group-last/row:after:[background:radial-gradient(circle_at_100%_0%,transparent_11.5px,var(--table-shell)_12px)]"
-), le = (e) => u(
+) : void 0, ie = n.createContext(!1), le = (r) => m(
   "bg-card align-middle transition-colors",
-  // Row separators — functional hairline, none under the last row.
-  "border-b border-border group-last/row:border-b-0",
-  !e && u(
-    // Restore the original quiet neutral hover: the row softly sinks
-    // toward the shell instead of picking up a brand tint or a new
+  // The header is the first NG1 band, so the first body row stays white.
+  "group-even/row:bg-ng1",
+  // Functional row hairline; the table shell carries the outer stroke.
+  "border-b border-table-stroke group-last/row:border-b-0",
+  r && m(
+    // Use NG2 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)"
   )
-), ve = u(
-  "group-first/row:rounded-tl-(--table-card-radius)",
-  "group-last/row:rounded-bl-(--table-card-radius)"
-), ye = u(
-  "group-first/row:first:rounded-tl-(--table-card-radius)",
-  "group-first/row:last:rounded-tr-(--table-card-radius)",
-  "group-last/row:first:rounded-bl-(--table-card-radius)",
-  "group-last/row:last:rounded-br-(--table-card-radius)"
-), ie = u(
+), ce = "bg-ng1", ue = m(
   "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"
-), K = "__ads_table_column_", G = 64, xe = new Intl.Collator(void 0, {
+), G = "__ads_table_column_", Q = 64, xe = new Intl.Collator(void 0, {
   numeric: !0,
   sensitivity: "base"
 });
-function V(e) {
+function V(r) {
   const t = [];
-  return o.Children.forEach(e, (a) => {
-    if (o.isValidElement(a) && a.type === o.Fragment) {
+  return n.Children.forEach(r, (a) => {
+    if (n.isValidElement(a) && a.type === n.Fragment) {
       t.push(...V(a.props.children));
       return;
     }
     t.push(a);
   }), t;
 }
-function X(e) {
-  if (e == null || typeof e == "boolean")
+function X(r) {
+  if (r == null || typeof r == "boolean")
     return "";
-  if (typeof e == "number" || typeof e == "string") return e;
-  if (Array.isArray(e))
-    return e.map((n) => String(X(n))).join(" ").trim();
-  if (!o.isValidElement(e)) return "";
-  const t = e.props.sortValue;
+  if (typeof r == "number" || typeof r == "string") return r;
+  if (Array.isArray(r))
+    return r.map((o) => String(X(o))).join(" ").trim();
+  if (!n.isValidElement(r)) return "";
+  const t = r.props.sortValue;
   if (typeof t == "string" || typeof t == "number" || t instanceof Date)
     return t;
-  const a = X(e.props.children);
+  const a = X(r.props.children);
   if (String(a).trim()) return a;
-  for (const n of [
+  for (const o of [
     "value",
     "label",
     "status",
@@ -79,17 +66,17 @@ function X(e) {
     "title",
     "health"
   ]) {
-    const s = e.props[n];
+    const s = r.props[o];
     if (typeof s == "string" || typeof s == "number") return s;
   }
   return "";
 }
-function oe(e) {
-  if (e instanceof Date)
-    return { kind: "number", value: e.getTime() };
-  if (typeof e == "number")
-    return { kind: "number", value: e };
-  const t = e.trim();
+function oe(r) {
+  if (r instanceof Date)
+    return { kind: "number", value: r.getTime() };
+  if (typeof r == "number")
+    return { kind: "number", value: r };
+  const t = r.trim();
   if (!t || t === "—" || t === "-")
     return { kind: "empty", value: "" };
   const a = t.replace(/[,\s]/g, "").replace(/^[₹$€£]/, "").replace(/%$/, "");
@@ -98,267 +85,270 @@ function oe(e) {
   const s = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}/.test(t) || /\b(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\b/i.test(t) ? Date.parse(t) : Number.NaN;
   return Number.isNaN(s) ? { kind: "text", value: t } : { kind: "number", value: s };
 }
-function Ce(e, t, a) {
-  const n = oe(e), s = oe(t);
-  if (n.kind === "empty") return s.kind === "empty" ? 0 : 1;
+function Ce(r, t, a) {
+  const o = oe(r), s = oe(t);
+  if (o.kind === "empty") return s.kind === "empty" ? 0 : 1;
   if (s.kind === "empty") return -1;
-  const i = n.kind === "number" && s.kind === "number" ? n.value - s.value : xe.compare(String(n.value), String(s.value));
-  return a === "ascending" ? i : -i;
+  const c = o.kind === "number" && s.kind === "number" ? o.value - s.value : xe.compare(String(o.value), String(s.value));
+  return a === "ascending" ? c : -c;
 }
-const ce = o.createContext(null), j = () => o.useContext(ce), Q = o.createContext("body");
-function Ne(e) {
-  const t = [], n = V(e.props.children).map((s, i) => {
-    if (!o.isValidElement(s) || s.type !== Y)
+const de = n.createContext(null), B = () => n.useContext(de), Y = n.createContext("body");
+function Ne(r) {
+  const t = [], o = V(r.props.children).map((s, c) => {
+    if (!n.isValidElement(s) || s.type !== Z)
       return s;
-    let l = 0;
-    const w = V(s.props.children).map((r) => {
-      if (!o.isValidElement(r)) return r;
-      for (; (t[l] ?? 0) > i; )
-        l += 1;
-      const E = Math.max(1, Number(r.props.colSpan ?? 1)), x = Math.max(1, Number(r.props.rowSpan ?? 1)), v = l;
-      for (let C = 0; C < E; C += 1)
-        t[v + C] = Math.max(
-          t[v + C] ?? 0,
-          i + x
+    let u = 0;
+    const f = V(s.props.children).map((e) => {
+      if (!n.isValidElement(e)) return e;
+      for (; (t[u] ?? 0) > c; )
+        u += 1;
+      const N = Math.max(1, Number(e.props.colSpan ?? 1)), x = Math.max(1, Number(e.props.rowSpan ?? 1)), w = u;
+      for (let g = 0; g < N; g += 1)
+        t[w + g] = Math.max(
+          t[w + g] ?? 0,
+          c + x
         );
-      return l += E, r.type !== fe ? r : o.cloneElement(r, { _sortColumnIndex: v });
+      return u += N, e.type !== be ? e : n.cloneElement(e, { _sortColumnIndex: w });
     });
-    return o.cloneElement(s, void 0, w);
+    return n.cloneElement(s, void 0, f);
   });
-  return o.cloneElement(e, void 0, n);
+  return n.cloneElement(r, void 0, o);
 }
-function ze(e, t, a) {
-  const n = V(e.props.children).map((s, i) => {
-    if (!o.isValidElement(s) || s.type !== Y)
-      return { row: s, index: i, value: "" };
-    const l = V(s.props.children);
+function ke(r, t, a) {
+  const o = V(r.props.children).map((s, c) => {
+    if (!n.isValidElement(s) || s.type !== Z)
+      return { row: s, index: c, value: "" };
+    const u = V(s.props.children);
     return {
       row: s,
-      index: i,
-      value: X(l[t])
+      index: c,
+      value: X(u[t])
     };
   });
-  return n.sort((s, i) => Ce(s.value, i.value, a) || s.index - i.index), o.cloneElement(
-    e,
+  return o.sort((s, c) => Ce(s.value, c.value, a) || s.index - c.index), n.cloneElement(
+    r,
     void 0,
-    n.map(({ row: s }) => s)
+    o.map(({ row: s }) => s)
   );
 }
-function ue(e, t) {
-  const a = t != null && t.column.startsWith(K) ? Number(t.column.slice(K.length)) : Number.NaN;
-  return o.Children.map(e, (n) => o.isValidElement(n) ? n.type === o.Fragment ? o.cloneElement(
-    n,
+function me(r, t) {
+  const a = t != null && t.column.startsWith(G) ? Number(t.column.slice(G.length)) : Number.NaN;
+  return n.Children.map(r, (o) => n.isValidElement(o) ? o.type === n.Fragment ? n.cloneElement(
+    o,
     void 0,
-    ue(n.props.children, t)
-  ) : n.type === de ? Ne(n) : n.type === pe && t && Number.isInteger(a) && a >= 0 ? ze(n, a, t.direction) : n : n);
+    me(o.props.children, t)
+  ) : o.type === pe ? Ne(o) : o.type === fe && t && Number.isInteger(a) && a >= 0 ? ke(o, a, t.direction) : o : o);
 }
-const Se = o.forwardRef(
+const ze = n.forwardRef(
   ({
-    className: e,
+    className: r,
     wrapperClassName: t,
-    footer: a,
-    children: n,
-    selectionMode: s = "none",
-    selectedKeys: i,
-    onSelectionChange: l,
-    rowKeys: h,
-    elevatedActionColumn: w = !1,
-    actionColumnWidth: r = "4rem",
-    sortDescriptor: E,
-    onSortChange: x,
-    allowsSorting: v = !0,
-    isStatic: C = !1,
-    resizableColumns: A = !0,
-    maxBodyHeight: z,
-    ...W
+    toolbar: a,
+    footer: o,
+    children: s,
+    selectionMode: c = "none",
+    selectedKeys: u,
+    onSelectionChange: h,
+    rowKeys: f,
+    elevatedActionColumn: e = !1,
+    actionColumnWidth: N = "3rem",
+    sortDescriptor: x,
+    onSortChange: w,
+    allowsSorting: g = !0,
+    isStatic: A = !1,
+    resizableColumns: E = !0,
+    maxBodyHeight: k,
+    ..._
   }, O) => {
-    const N = o.useMemo(() => h ?? [], [h]), y = i === "all", b = y ? null : i ?? /* @__PURE__ */ new Set(), k = o.useCallback(
-      (c) => y || !!(b != null && b.has(c)),
-      [y, b]
-    ), R = N.length > 0 && (y || N.every((c) => b == null ? void 0 : b.has(c))), $ = !R && (y || N.some((c) => b == null ? void 0 : b.has(c))), M = o.useCallback(
-      (c) => {
-        if (!l) return;
-        if (s === "single") {
-          l(k(c) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([c]));
+    const C = n.useMemo(() => f ?? [], [f]), z = u === "all", v = z ? null : u ?? /* @__PURE__ */ new Set(), D = n.useCallback(
+      (i) => z || !!(v != null && v.has(i)),
+      [z, v]
+    ), R = C.length > 0 && (z || C.every((i) => v == null ? void 0 : v.has(i))), W = !R && (z || C.some((i) => v == null ? void 0 : v.has(i))), $ = n.useCallback(
+      (i) => {
+        if (!h) return;
+        if (c === "single") {
+          h(D(i) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([i]));
           return;
         }
-        const m = new Set(y ? N : b ?? /* @__PURE__ */ new Set());
-        m.has(c) ? m.delete(c) : m.add(c), l(m);
+        const b = new Set(z ? C : v ?? /* @__PURE__ */ new Set());
+        b.has(i) ? b.delete(i) : b.add(i), h(b);
       },
-      [l, s, k, y, N, b]
-    ), H = o.useCallback(() => {
-      l && l(R ? /* @__PURE__ */ new Set() : new Set(N));
-    }, [l, R, N]), [U, q] = o.useState(), S = v && !x, d = S ? U ?? E : E, f = o.useCallback(
-      (c) => {
-        if (!v) return;
-        const m = (d == null ? void 0 : d.column) === c && d.direction === "ascending" ? "descending" : "ascending", g = { column: c, direction: m };
-        x ? x(g) : q(g);
+      [h, c, D, z, C, v]
+    ), I = n.useCallback(() => {
+      h && h(R ? /* @__PURE__ */ new Set() : new Set(C));
+    }, [h, R, C]), [H, U] = n.useState(), p = g && !w, l = p ? H ?? x : x, S = n.useCallback(
+      (i) => {
+        if (!g) return;
+        const b = (l == null ? void 0 : l.column) === i && l.direction === "ascending" ? "descending" : "ascending", y = { column: i, direction: b };
+        w ? w(y) : U(y);
       },
-      [d, v, x]
-    ), _ = o.useMemo(
-      () => S ? ue(n, d) : n,
-      [d, S, n]
-    ), D = o.useRef(null), [I, me] = o.useState({
+      [l, g, w]
+    ), j = n.useMemo(
+      () => p ? me(s, l) : s,
+      [l, p, s]
+    ), M = n.useRef(null), [F, he] = n.useState({
       left: !1,
       right: !1
-    }), F = o.useCallback(() => {
-      const c = D.current;
-      if (!c) return;
-      const m = c.scrollWidth - c.clientWidth, g = c.scrollLeft > 1, L = c.scrollLeft < m - 1;
-      me(
-        (J) => J.left === g && J.right === L ? J : { left: g, right: L }
+    }), q = n.useCallback(() => {
+      const i = M.current;
+      if (!i) return;
+      const b = i.scrollWidth - i.clientWidth, y = i.scrollLeft > 1, L = i.scrollLeft < b - 1;
+      he(
+        (K) => K.left === y && K.right === L ? K : { left: y, right: L }
       );
     }, []);
-    o.useEffect(() => {
-      F();
-      const c = D.current;
-      if (!c || typeof ResizeObserver > "u") return;
-      const m = new ResizeObserver(F);
-      m.observe(c);
-      const g = c.querySelector("table");
-      return g && m.observe(g), () => m.disconnect();
-    }, [F]);
-    const [P, B] = o.useState(
+    n.useEffect(() => {
+      q();
+      const i = M.current;
+      if (!i || typeof ResizeObserver > "u") return;
+      const b = new ResizeObserver(q);
+      b.observe(i);
+      const y = i.querySelector("table");
+      return y && b.observe(y), () => b.disconnect();
+    }, [q]);
+    const [P, J] = n.useState(
       null
-    ), Z = o.useCallback(
-      (c) => {
-        B(
-          (m) => m ?? Array.from(
-            c.cells,
-            (g) => g.getBoundingClientRect().width
+    ), ee = n.useCallback(
+      (i) => {
+        J(
+          (b) => b ?? Array.from(
+            i.cells,
+            (y) => y.getBoundingClientRect().width
           )
         );
       },
       []
-    ), ee = o.useCallback(
-      (c, m) => {
-        B((g) => {
-          if (!g) return g;
-          const L = [...g];
-          return L[c] = Math.max(G, m), L;
-        });
-      },
-      []
-    ), te = o.useCallback(
-      () => B(null),
+    ), te = n.useCallback((i, b) => {
+      J((y) => {
+        if (!y) return y;
+        const L = [...y];
+        return L[i] = Math.max(Q, b), L;
+      });
+    }, []), re = n.useCallback(
+      () => J(null),
       []
-    ), be = o.useMemo(
+    ), ge = n.useMemo(
       () => ({
-        selectionMode: s,
-        isSelected: k,
-        toggleKey: M,
-        toggleAll: H,
+        selectionMode: c,
+        isSelected: D,
+        toggleKey: $,
+        toggleAll: I,
         allSelected: R,
-        someSelected: $,
-        isStatic: C,
-        sortDescriptor: d,
-        requestSort: v ? f : void 0,
-        automaticSorting: S,
-        elevatedActionColumn: w,
-        resizableColumns: A,
+        someSelected: W,
+        isStatic: A,
+        sortDescriptor: l,
+        requestSort: g ? S : void 0,
+        automaticSorting: p,
+        elevatedActionColumn: e,
+        resizableColumns: E,
         columnWidths: P,
-        snapshotColumnWidths: Z,
-        setColumnWidth: ee,
-        resetColumnWidths: te,
-        stickyHeader: z != null
+        snapshotColumnWidths: ee,
+        setColumnWidth: te,
+        resetColumnWidths: re,
+        stickyHeader: k != null
       }),
       [
-        s,
-        k,
-        M,
-        H,
-        R,
+        c,
+        D,
         $,
-        C,
-        d,
-        v,
-        S,
-        f,
-        w,
+        I,
+        R,
+        W,
         A,
+        l,
+        g,
+        p,
+        S,
+        e,
+        E,
         P,
-        Z,
         ee,
         te,
-        z
+        re,
+        k
       ]
     );
-    return /* @__PURE__ */ p(ce.Provider, { value: be, children: /* @__PURE__ */ T(
+    return /* @__PURE__ */ d(de.Provider, { value: ge, children: /* @__PURE__ */ T(
       "div",
       {
-        "data-scroll-left": I.left ? "true" : "false",
-        "data-scroll-right": I.right ? "true" : "false",
-        className: u(
-          "group/table-shell overflow-clip rounded-2xl bg-table-shell px-1 pb-1",
-          // Concentric inner radius for the white body card: shell radius
-          // minus the 4px inset above. Every card corner (cells, viewport,
-          // pinned caps) derives from this one value.
-          "[--table-card-radius:calc(var(--radius-2xl)-0.25rem)]",
+        "data-slot": "table-container",
+        "data-scroll-left": F.left ? "true" : "false",
+        "data-scroll-right": F.right ? "true" : "false",
+        className: m(
+          "group/table-shell overflow-clip rounded-m border border-table-stroke bg-white",
+          "[--table-card-radius:var(--radius-m)]",
           t
         ),
         children: [
+          a && /* @__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
+            }
+          ),
           /* @__PURE__ */ T(
             "div",
             {
               className: "relative",
-              style: w ? {
-                "--table-action-column-width": r
+              style: e ? {
+                "--table-action-column-width": N
               } : void 0,
               children: [
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ d(
                   "div",
                   {
-                    ref: D,
-                    onScroll: F,
-                    className: u(
+                    ref: M,
+                    onScroll: q,
+                    className: m(
                       "overflow-x-auto rounded-(--table-card-radius)",
-                      z != null && "overflow-y-auto"
+                      k != null && "overflow-y-auto"
                     ),
-                    style: z != null ? { maxHeight: z } : void 0,
+                    style: k != null ? { maxHeight: k } : void 0,
                     children: /* @__PURE__ */ T(
                       "table",
                       {
                         ref: O,
                         "data-slot": "table",
-                        className: u(
-                          "w-full border-separate border-spacing-0 text-base",
+                        className: m(
+                          "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.
                           P && "table-fixed",
-                          e
+                          r
                         ),
-                        ...W,
+                        ..._,
                         children: [
-                          P && /* @__PURE__ */ p("colgroup", { children: P.map((c, m) => /* @__PURE__ */ p("col", { style: { width: c } }, m)) }),
-                          _
+                          P && /* @__PURE__ */ d("colgroup", { children: P.map((i, b) => /* @__PURE__ */ d("col", { style: { width: i } }, b)) }),
+                          j
                         ]
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ p(
+                /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-scroll-hint",
-                    className: u(
+                    className: m(
                       "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",
-                      I.right && "opacity-100",
-                      w ? "right-[var(--table-action-column-width)]" : "right-0"
+                      F.right && "opacity-100",
+                      e ? "right-[var(--table-action-column-width)]" : "right-0"
                     )
                   }
                 ),
-                w && /* @__PURE__ */ p(
+                e && /* @__PURE__ */ d(
                   "div",
                   {
                     "aria-hidden": "true",
                     "data-slot": "table-action-column-elevation",
-                    className: u(
+                    className: m(
                       "pointer-events-none absolute inset-y-0 right-0 z-20",
-                      "w-[var(--table-action-column-width)]",
-                      "rounded-br-(--table-card-radius)"
+                      "w-[var(--table-action-column-width)]"
                       // No shadow of its own: while columns hide behind the pinned
                       // surface the scroll-hint gradient is already washing the
                       // seam — stacking a cast on top of it read harsh. The hint
@@ -369,88 +359,97 @@ const Se = o.forwardRef(
               ]
             }
           ),
-          a && /* @__PURE__ */ p("div", { className: "flex items-center px-4 py-2.5", children: a })
+          o && /* @__PURE__ */ d("div", { className: "flex items-center border-t border-table-stroke px-4 py-2.5", children: o })
         ]
       }
     ) });
   }
 );
-Se.displayName = "Table";
-const de = o.forwardRef(({ className: e, ...t }, a) => {
-  const n = j();
-  return /* @__PURE__ */ p(Q.Provider, { value: "header", children: /* @__PURE__ */ p(
+ze.displayName = "Table";
+const pe = n.forwardRef(({ className: r, ...t }, a) => {
+  const o = B();
+  return /* @__PURE__ */ d(Y.Provider, { value: "header", children: /* @__PURE__ */ d(
     "thead",
     {
       ref: a,
-      className: u(
-        "text-xs text-muted-foreground",
-        (n == null ? void 0 : n.elevatedActionColumn) && "relative z-30 bg-table-shell",
-        e
+      className: m(
+        "text-s font-medium uppercase text-table-header-foreground",
+        (o == null ? void 0 : o.elevatedActionColumn) && "relative z-30 bg-ng1",
+        r
       ),
       ...t
     }
   ) });
 });
-de.displayName = "TableHeader";
-const pe = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ p(Q.Provider, { value: "body", children: /* @__PURE__ */ p("tbody", { ref: a, className: u(e), ...t }) }));
-pe.displayName = "TableBody";
-const Y = o.forwardRef(
-  ({ className: e, rowKey: t, children: a, ...n }, s) => {
-    const i = j(), l = o.useContext(Q), h = !!i && i.selectionMode !== "none", w = h && l === "body" && t !== void 0 ? i.isSelected(t) : !1;
-    return /* @__PURE__ */ T(
+pe.displayName = "TableHeader";
+const fe = n.forwardRef(({ className: r, ...t }, a) => /* @__PURE__ */ d(Y.Provider, { value: "body", children: /* @__PURE__ */ d("tbody", { ref: a, className: m(r), ...t }) }));
+fe.displayName = "TableBody";
+const Z = n.forwardRef(
+  ({
+    className: r,
+    rowKey: t,
+    children: a,
+    isInteractive: o = !1,
+    onClick: s,
+    role: c,
+    ...u
+  }, h) => {
+    const f = B(), e = n.useContext(Y), N = !!f && f.selectionMode !== "none", x = e === "body" && !(f != null && f.isStatic) && (o || N || typeof s == "function" || c === "button" || u["aria-expanded"] !== void 0), w = N && e === "body" && t !== void 0 ? f.isSelected(t) : !1;
+    return /* @__PURE__ */ d(ie.Provider, { value: x, children: /* @__PURE__ */ T(
       "tr",
       {
-        ref: s,
+        ref: h,
+        "data-interactive": x || void 0,
         "data-selected": w || void 0,
-        className: u("group/row", e),
-        ...n,
+        className: m("group/row", e === "body" && "h-12", r),
+        onClick: s,
+        role: c,
+        ...u,
         children: [
-          h && (l === "header" ? /* @__PURE__ */ T(
+          N && (e === "header" ? /* @__PURE__ */ T(
             "th",
             {
               scope: "col",
-              className: u(
-                "w-10 px-4 py-2.5",
-                ie,
+              className: m(
+                "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 bg-table-shell"
+                "sticky left-0 z-10",
+                ce
               ),
               children: [
-                /* @__PURE__ */ p("span", { className: "sr-only", children: "Row selection" }),
-                i.selectionMode === "multiple" && /* @__PURE__ */ p(
-                  re,
+                /* @__PURE__ */ d("span", { className: "sr-only", children: "Row selection" }),
+                f.selectionMode === "multiple" && /* @__PURE__ */ d(
+                  ne,
                   {
                     size: "sm",
                     "aria-label": "Select all rows",
-                    checked: i.allSelected,
-                    indeterminate: i.someSelected,
-                    onChange: i.toggleAll
+                    checked: f.allSelected,
+                    indeterminate: f.someSelected,
+                    onChange: f.toggleAll
                   }
                 )
               ]
             }
-          ) : /* @__PURE__ */ p(
+          ) : /* @__PURE__ */ d(
             "td",
             {
-              className: u(
-                "w-10 px-4 py-3",
-                le(i.isStatic),
-                ve,
-                "sticky left-0 z-10",
-                // Same white-behind-white corner problem as pinned data cells.
-                se("left")
+              className: m(
+                "h-12 w-10 px-4 py-2",
+                le(x),
+                "sticky left-0 z-10"
               ),
-              onClick: (r) => r.stopPropagation(),
-              children: t !== void 0 && /* @__PURE__ */ p(
-                re,
+              onClick: (g) => g.stopPropagation(),
+              children: t !== void 0 && /* @__PURE__ */ d(
+                ne,
                 {
                   size: "sm",
                   "aria-label": `Select ${t}`,
                   checked: w,
-                  onChange: () => i.toggleKey(t)
+                  onChange: () => f.toggleKey(t)
                 }
               )
             }
@@ -458,176 +457,193 @@ const Y = o.forwardRef(
           a
         ]
       }
-    );
+    ) });
   }
 );
-Y.displayName = "TableRow";
-const fe = o.forwardRef(({ className: e, align: t, sticky: a, sortKey: n, allowsSorting: s = !0, _sortColumnIndex: i, children: l, ...h }, w) => {
-  var U, q, S;
-  const r = j(), x = (r != null && r.automaticSorting && i !== void 0 ? `${K}${i}` : void 0) ?? n, v = Number(h.colSpan ?? 1) === 1, C = String(X(l)).trim(), A = C.length > 0, z = s && v && a !== "right" && A && !!x && !!(r != null && r.requestSort), W = z && ((U = r == null ? void 0 : r.sortDescriptor) == null ? void 0 : U.column) === x, O = (q = r == null ? void 0 : r.sortDescriptor) == null ? void 0 : q.direction, N = !!(r != null && r.resizableColumns) && v && a !== "right", y = o.useRef(null), [b, k] = o.useState(!1), R = (d) => {
-    if (d.button !== 0 || !r) return;
-    const f = d.currentTarget.parentElement, _ = f == null ? void 0 : f.parentElement;
-    if (!(!f || !_)) {
-      r.snapshotColumnWidths(_), y.current = {
-        index: f.cellIndex,
-        startX: d.clientX,
-        startWidth: f.getBoundingClientRect().width
-      }, k(!0);
-      try {
-        d.currentTarget.setPointerCapture(d.pointerId);
-      } catch {
+Z.displayName = "TableRow";
+const be = n.forwardRef(
+  ({
+    className: r,
+    align: t,
+    sticky: a,
+    sortKey: o,
+    allowsSorting: s = !0,
+    _sortColumnIndex: c,
+    children: u,
+    ...h
+  }, f) => {
+    var I, H, U;
+    const e = B(), x = (e != null && e.automaticSorting && c !== void 0 ? `${G}${c}` : void 0) ?? o, w = Number(h.colSpan ?? 1) === 1, g = String(X(u)).trim(), A = g.length > 0, E = s && w && a !== "right" && A && !!x && !!(e != null && e.requestSort), k = E && ((I = e == null ? void 0 : e.sortDescriptor) == null ? void 0 : I.column) === x, _ = (H = e == null ? void 0 : e.sortDescriptor) == null ? void 0 : H.direction, O = !!(e != null && e.resizableColumns) && w && a !== "right", C = n.useRef(null), [z, v] = n.useState(!1), D = (p) => {
+      if (p.button !== 0 || !e) return;
+      const l = p.currentTarget.parentElement, S = l == null ? void 0 : l.parentElement;
+      if (!(!l || !S)) {
+        e.snapshotColumnWidths(S), C.current = {
+          index: l.cellIndex,
+          startX: p.clientX,
+          startWidth: l.getBoundingClientRect().width
+        }, v(!0);
+        try {
+          p.currentTarget.setPointerCapture(p.pointerId);
+        } catch {
+        }
+        p.preventDefault();
+      }
+    }, R = (p) => {
+      const l = C.current;
+      !l || !e || e.setColumnWidth(
+        l.index,
+        l.startWidth + (p.clientX - l.startX)
+      );
+    }, W = () => {
+      C.current = null, v(!1);
+    }, $ = (p) => {
+      if (p.key !== "ArrowLeft" && p.key !== "ArrowRight" || !e) return;
+      p.preventDefault();
+      const l = p.currentTarget.parentElement, S = l == null ? void 0 : l.parentElement;
+      if (!l || !S) return;
+      e.snapshotColumnWidths(S);
+      const j = p.shiftKey ? 32 : 8, M = p.key === "ArrowRight" ? j : -j;
+      e.setColumnWidth(
+        l.cellIndex,
+        l.getBoundingClientRect().width + M
+      );
+    };
+    return /* @__PURE__ */ T(
+      "th",
+      {
+        ref: f,
+        scope: "col",
+        "aria-sort": k ? _ === "ascending" ? "ascending" : "descending" : E ? "none" : void 0,
+        className: m(
+          // 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 font-medium uppercase",
+          ce,
+          ue,
+          // 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",
+          // Capped-height tables scroll under the header: pin it to the
+          // viewport top, painted NG1 so rows pass beneath.
+          (e == null ? void 0 : e.stickyHeader) && "sticky top-0 z-30",
+          se(t),
+          a && (a === "right" && (e != null && e.elevatedActionColumn) ? m(
+            // 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.
+            "w-[var(--table-action-column-width)]",
+            "min-w-[var(--table-action-column-width)]",
+            "max-w-[var(--table-action-column-width)]",
+            "px-2",
+            "bg-transparent"
+          ) : ae(a)),
+          r
+        ),
+        ...h,
+        children: [
+          E ? /* @__PURE__ */ T(
+            "button",
+            {
+              type: "button",
+              onClick: () => e.requestSort(x),
+              className: m(
+                "group/sort -mx-1 inline-flex items-center gap-1 rounded px-1 uppercase outline-none transition-colors",
+                "hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
+                t === "right" && "flex-row-reverse",
+                k && "font-medium"
+              ),
+              children: [
+                u,
+                k ? _ === "ascending" ? /* @__PURE__ */ d(ve, { className: "size-3.5" }) : /* @__PURE__ */ d(we, { className: "size-3.5" }) : /* @__PURE__ */ d(ye, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
+              ]
+            }
+          ) : A ? u : /* @__PURE__ */ d("span", { className: "sr-only", children: h["aria-label"] ?? "Table column" }),
+          O && /* @__PURE__ */ d(
+            "span",
+            {
+              "data-slot": "resize-handle",
+              role: "separator",
+              "aria-orientation": "vertical",
+              "aria-label": `Resize ${g || "this"} column`,
+              "aria-valuemin": Q,
+              "aria-valuemax": 2e3,
+              "aria-valuenow": ((U = e == null ? void 0 : e.columnWidths) == null ? void 0 : U[c ?? -1]) ?? Q,
+              tabIndex: 0,
+              "data-resizing": z ? "true" : void 0,
+              onPointerDown: D,
+              onPointerMove: R,
+              onPointerUp: W,
+              onPointerCancel: W,
+              onKeyDown: $,
+              onDoubleClick: () => e == null ? void 0 : e.resetColumnWidths(),
+              className: m(
+                // 12px hit area straddling the column edge; the 1px tick inside
+                // is the visible affordance (it replaces the decorative one).
+                "group/resize absolute -right-1.5 top-0 z-10 flex h-full w-3 cursor-col-resize touch-none select-none items-center justify-center rounded-sm outline-none",
+                "focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ d(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: m(
+                    "h-4 w-px rounded-sm bg-border-strong",
+                    "transition-[transform,background-color] duration-150 ease-out motion-reduce:transition-none",
+                    "group-hover/resize:scale-y-125 group-hover/resize:bg-foreground/60",
+                    "group-focus-visible/resize:scale-y-125 group-focus-visible/resize:bg-foreground/60",
+                    "group-data-[resizing]/resize:scale-y-125 group-data-[resizing]/resize:bg-foreground/60"
+                  )
+                }
+              )
+            }
+          )
+        ]
       }
-      d.preventDefault();
-    }
-  }, $ = (d) => {
-    const f = y.current;
-    !f || !r || r.setColumnWidth(
-      f.index,
-      f.startWidth + (d.clientX - f.startX)
     );
-  }, M = () => {
-    y.current = null, k(!1);
-  }, H = (d) => {
-    if (d.key !== "ArrowLeft" && d.key !== "ArrowRight" || !r) return;
-    d.preventDefault();
-    const f = d.currentTarget.parentElement, _ = f == null ? void 0 : f.parentElement;
-    if (!f || !_) return;
-    r.snapshotColumnWidths(_);
-    const D = d.shiftKey ? 32 : 8, I = d.key === "ArrowRight" ? D : -D;
-    r.setColumnWidth(f.cellIndex, f.getBoundingClientRect().width + I);
-  };
-  return /* @__PURE__ */ T(
-    "th",
-    {
-      ref: w,
-      scope: "col",
-      "aria-sort": W ? O === "ascending" ? "ascending" : "descending" : z ? "none" : void 0,
-      className: u(
-        // whitespace-nowrap: header labels hug their content — the table
-        // scrolls horizontally, so wrapping "Null %" to two lines only
-        // wastes header height without saving any width.
-        "relative whitespace-nowrap px-4 py-2.5 font-normal",
-        ie,
-        // The resize handle carries its own tick visual, so drop the
-        // decorative one; the last column never shows a handle.
-        N && "after:hidden [&:last-child>[data-slot=resize-handle]]:hidden",
-        // Capped-height tables scroll under the header: pin it to the
-        // viewport top, painted on the shell gray so rows pass beneath.
-        (r == null ? void 0 : r.stickyHeader) && "sticky top-0 z-30 bg-table-shell",
-        ne(t),
-        a && (a === "right" && (r != null && r.elevatedActionColumn) ? u(
-          // Preserve the semantic column width, but do not pin or paint
-          // a blank header cell over the labels behind it. Only body
-          // action cells participate in the sticky elevated surface.
-          "w-[var(--table-action-column-width)]",
-          "min-w-[var(--table-action-column-width)]",
-          "max-w-[var(--table-action-column-width)]",
-          "bg-transparent"
-        ) : u(ae(a), "bg-table-shell")),
-        e
-      ),
-      ...h,
-      children: [
-        z ? /* @__PURE__ */ T(
-          "button",
-          {
-            type: "button",
-            onClick: () => r.requestSort(x),
-            className: u(
-              "group/sort -mx-1 inline-flex items-center gap-1 rounded px-1 outline-none transition-colors",
-              "hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring",
-              t === "right" && "flex-row-reverse",
-              W && "text-foreground"
-            ),
-            children: [
-              l,
-              W ? O === "ascending" ? /* @__PURE__ */ p(ge, { className: "size-3.5" }) : /* @__PURE__ */ p(he, { className: "size-3.5" }) : /* @__PURE__ */ p(we, { className: "size-3.5 opacity-0 transition-opacity group-hover/sort:opacity-60" })
-            ]
-          }
-        ) : A ? l : /* @__PURE__ */ p("span", { className: "sr-only", children: h["aria-label"] ?? "Table column" }),
-        N && /* @__PURE__ */ p(
-          "span",
-          {
-            "data-slot": "resize-handle",
-            role: "separator",
-            "aria-orientation": "vertical",
-            "aria-label": `Resize ${C || "this"} column`,
-            "aria-valuemin": G,
-            "aria-valuemax": 2e3,
-            "aria-valuenow": ((S = r == null ? void 0 : r.columnWidths) == null ? void 0 : S[i ?? -1]) ?? G,
-            tabIndex: 0,
-            "data-resizing": b ? "true" : void 0,
-            onPointerDown: R,
-            onPointerMove: $,
-            onPointerUp: M,
-            onPointerCancel: M,
-            onKeyDown: H,
-            onDoubleClick: () => r == null ? void 0 : r.resetColumnWidths(),
-            className: u(
-              // 12px hit area straddling the column edge; the 1px tick inside
-              // is the visible affordance (it replaces the decorative one).
-              "group/resize absolute -right-1.5 top-0 z-10 flex h-full w-3 cursor-col-resize touch-none select-none items-center justify-center rounded-sm outline-none",
-              "focus-visible:ring-2 focus-visible:ring-ring"
-            ),
-            children: /* @__PURE__ */ p(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: u(
-                  "h-4 w-px rounded-sm bg-border-strong",
-                  "transition-[transform,background-color] duration-150 ease-out motion-reduce:transition-none",
-                  "group-hover/resize:scale-y-125 group-hover/resize:bg-foreground/60",
-                  "group-focus-visible/resize:scale-y-125 group-focus-visible/resize:bg-foreground/60",
-                  "group-data-[resizing]/resize:scale-y-125 group-data-[resizing]/resize:bg-foreground/60"
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-});
-fe.displayName = "TableColumn";
-const ke = o.forwardRef(
-  ({ className: e, align: t, sticky: a, sortValue: n, ...s }, i) => {
-    const l = j(), h = a === "right" && (l == null ? void 0 : l.elevatedActionColumn);
-    return /* @__PURE__ */ p(
+  }
+);
+be.displayName = "TableColumn";
+const Se = n.forwardRef(
+  ({ className: r, align: t, sticky: a, sortValue: o, ...s }, c) => {
+    const u = B(), h = n.useContext(ie), f = a === "right" && (u == null ? void 0 : u.elevatedActionColumn);
+    return /* @__PURE__ */ d(
       "td",
       {
-        ref: i,
-        "data-sort-value": n instanceof Date ? n.toISOString() : n,
-        className: u(
+        ref: c,
+        "data-sort-value": o instanceof Date ? o.toISOString() : o,
+        className: m(
           // whitespace-nowrap: cell content never wraps — the table's
           // overflow-x-auto viewport scrolls horizontally instead, matching the
           // header cells. Opt back into wrapping with `whitespace-normal` for
           // deliberate multi-line content (e.g. an EmptyState in a colSpan cell).
-          "whitespace-nowrap px-4 py-3",
-          le((l == null ? void 0 : l.isStatic) ?? !1),
-          ye,
-          ne(t),
-          a && ae(a, l == null ? void 0 : l.elevatedActionColumn),
-          a && se(a),
-          h && u(
+          "h-12 whitespace-nowrap px-4 py-2",
+          le(h),
+          se(t),
+          a && ae(a, u == null ? void 0 : u.elevatedActionColumn),
+          f && m(
             "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 off the zebra wash.
+            "group-even/row:bg-elevated",
             "group-hover/row:bg-elevated group-focus-within/row:bg-elevated"
           ),
-          e
+          r
         ),
         ...s
       }
     );
   }
 );
-ke.displayName = "TableCell";
+Se.displayName = "TableCell";
 export {
-  Se as Table,
-  pe as TableBody,
-  ke as TableCell,
-  fe as TableColumn,
-  de as TableHeader,
-  Y as TableRow
+  ze as Table,
+  fe as TableBody,
+  Se as TableCell,
+  be as TableColumn,
+  pe as TableHeader,
+  Z as TableRow
 };