impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/command-palette/utils.js

@@ -1,3 +1,9 @@
+const F = {
+  system: "System",
+  user: "User",
+  browser: "Browser",
+  "ag-grid": "Table"
+};
 let f = null;
 function u() {
   return f !== null ? f : typeof navigator > "u" ? !1 : (f = /mac|ipod|iphone|ipad/i.test(navigator.platform ?? navigator.userAgent ?? ""), f);
@@ -33,21 +39,21 @@ const p = {
   tab: "Tab",
   space: "Space"
 };
-function h(t) {
-  return (u() ? p : w)[t.toLowerCase()] ?? t.toUpperCase();
+function h(e) {
+  return (u() ? p : w)[e.toLowerCase()] ?? e.toUpperCase();
 }
-function C(t) {
-  const e = [];
-  return u() ? (t.ctrl && e.push(h("ctrl")), t.alt && e.push(h("alt")), t.shift && e.push(h("shift")), t.meta && e.push(h("meta"))) : ((t.meta || t.ctrl) && e.push(h("ctrl")), t.alt && e.push(h("alt")), t.shift && e.push(h("shift"))), e.push(h(t.key)), e;
+function C(e) {
+  const t = [];
+  return u() ? (e.ctrl && t.push(h("ctrl")), e.alt && t.push(h("alt")), e.shift && t.push(h("shift")), e.meta && t.push(h("meta"))) : ((e.meta || e.ctrl) && t.push(h("ctrl")), e.alt && t.push(h("alt")), e.shift && t.push(h("shift"))), t.push(h(e.key)), t;
 }
-function F(t) {
-  const e = C(t);
-  return u() ? e.join("") : e.join("+");
+function K(e) {
+  const t = C(e);
+  return u() ? t.join("") : t.join("+");
 }
-function K(t, e) {
-  let o = t.key.toLowerCase() === e.key.toLowerCase();
-  if (!o && e.alt && u()) {
-    const n = t.code, i = e.key.toLowerCase();
+function O(e, t) {
+  let o = e.key.toLowerCase() === t.key.toLowerCase();
+  if (!o && t.alt && u()) {
+    const n = e.code, i = t.key.toLowerCase();
     n.startsWith("Key") ? o = n.slice(3).toLowerCase() === i : n.startsWith("Digit") ? o = n.slice(5) === i : o = ({
       Comma: ",",
       Period: ".",
@@ -63,31 +69,31 @@ function K(t, e) {
     }[n] ?? n.toLowerCase()) === i;
   }
   if (!o) return !1;
-  const a = !!e.meta, r = !!e.ctrl, s = !!e.alt, c = !!e.shift;
+  const a = !!t.meta, r = !!t.ctrl, s = !!t.alt, c = !!t.shift;
   if (u())
-    return t.metaKey === a && t.ctrlKey === r && t.altKey === s && t.shiftKey === c;
+    return e.metaKey === a && e.ctrlKey === r && e.altKey === s && e.shiftKey === c;
   const m = a || r;
-  return t.ctrlKey === m && t.altKey === s && t.shiftKey === c && !t.metaKey;
+  return e.ctrlKey === m && e.altKey === s && e.shiftKey === c && !e.metaKey;
 }
-function k(t) {
-  const e = { key: "" }, o = t.includes("+") ? t.split("+").map((a) => a.trim()) : S(t);
+function k(e) {
+  const t = { key: "" }, o = e.includes("+") ? e.split("+").map((a) => a.trim()) : S(e);
   for (const a of o) {
     const r = a.toLowerCase();
-    r === "⌘" || r === "meta" || r === "cmd" || r === "command" ? e.meta = !0 : r === "⌃" || r === "ctrl" || r === "control" ? e.ctrl = !0 : r === "⌥" || r === "alt" || r === "option" ? e.alt = !0 : r === "⇧" || r === "shift" ? e.shift = !0 : e.key = a;
+    r === "⌘" || r === "meta" || r === "cmd" || r === "command" ? t.meta = !0 : r === "⌃" || r === "ctrl" || r === "control" ? t.ctrl = !0 : r === "⌥" || r === "alt" || r === "option" ? t.alt = !0 : r === "⇧" || r === "shift" ? t.shift = !0 : t.key = a;
   }
-  return e;
+  return t;
 }
-function S(t) {
-  const e = ["⌘", "⌃", "⌥", "⇧"], o = [];
-  let a = t;
-  for (const r of e)
+function S(e) {
+  const t = ["⌘", "⌃", "⌥", "⇧"], o = [];
+  let a = e;
+  for (const r of t)
     a.includes(r) && (o.push(r), a = a.replace(r, ""));
   return a.trim() && o.push(a.trim()), o;
 }
-function O(t, e) {
-  return t.key.toLowerCase() === e.key.toLowerCase() && !!t.meta == !!e.meta && !!t.ctrl == !!e.ctrl && !!t.alt == !!e.alt && !!t.shift == !!e.shift;
+function L(e, t) {
+  return e.key.toLowerCase() === t.key.toLowerCase() && !!e.meta == !!t.meta && !!e.ctrl == !!t.ctrl && !!e.alt == !!t.alt && !!e.shift == !!t.shift;
 }
-function L(t) {
+function B(e) {
   if ((/* @__PURE__ */ new Set([
     "Control",
     "Shift",
@@ -96,10 +102,10 @@ function L(t) {
     "CapsLock",
     "NumLock",
     "ScrollLock"
-  ])).has(t.key)) return null;
-  let o = t.key;
-  if (t.altKey && u()) {
-    const a = t.code;
+  ])).has(e.key)) return null;
+  let o = e.key;
+  if (e.altKey && u()) {
+    const a = e.code;
     a.startsWith("Key") ? o = a.slice(3).toLowerCase() : a.startsWith("Digit") ? o = a.slice(5) : o = {
       Comma: ",",
       Period: ".",
@@ -116,10 +122,10 @@ function L(t) {
   }
   return {
     key: o,
-    meta: u() ? t.metaKey : !1,
-    ctrl: u() ? t.ctrlKey : t.ctrlKey || t.metaKey,
-    alt: t.altKey,
-    shift: t.shiftKey
+    meta: u() ? e.metaKey : !1,
+    ctrl: u() ? e.ctrlKey : e.ctrlKey || e.metaKey,
+    alt: e.altKey,
+    shift: e.shiftKey
   };
 }
 const b = [
@@ -197,25 +203,25 @@ const b = [
   { shortcut: "ctrl+shift+i", label: "DevTools (Windows)", category: "System" },
   { shortcut: "ctrl+shift+j", label: "DevTools Console (Windows)", category: "System" }
 ], g = new Set(
-  b.map((t) => t.shortcut)
+  b.map((e) => e.shortcut)
 );
-function d(t) {
-  const e = [];
-  return (t.meta || t.ctrl) && e.push("meta"), t.alt && e.push("alt"), t.shift && e.push("shift"), e.push(t.key.toLowerCase()), e.join("+");
+function d(e) {
+  const t = [];
+  return (e.meta || e.ctrl) && t.push("meta"), e.alt && t.push("alt"), e.shift && t.push("shift"), t.push(e.key.toLowerCase()), t.join("+");
 }
-function R(t) {
-  const e = d(t);
-  return g.has(e) || g.has(e.replace("meta+", "ctrl+"));
+function R(e) {
+  const t = d(e);
+  return g.has(t) || g.has(t.replace("meta+", "ctrl+"));
 }
-function B(t) {
-  const e = d(t);
+function M(e) {
+  const t = d(e);
   return b.find(
-    (o) => o.shortcut === e || o.shortcut === e.replace("meta+", "ctrl+")
+    (o) => o.shortcut === t || o.shortcut === t.replace("meta+", "ctrl+")
   );
 }
-function T(t, e) {
-  if (!t) return { score: 0, matches: [] };
-  const o = t.toLowerCase(), a = e.toLowerCase();
+function T(e, t) {
+  if (!e) return { score: 0, matches: [] };
+  const o = e.toLowerCase(), a = t.toLowerCase();
   let r = 0;
   for (const l of o) {
     const y = a.indexOf(l, r);
@@ -225,15 +231,15 @@ function T(t, e) {
   let s = 0, c = 0, m = 0;
   const n = [];
   let i = -1;
-  for (let l = 0; l < e.length && c < o.length; l++)
-    a[l] === o[c] ? (s += 1, m++, m > 1 && (s += m), (l === 0 || /[\s\-_./:]/.test(e[l - 1])) && (s += 5), e[l] === t[c] && (s += 0.5), i === -1 && (i = l), c++) : (i !== -1 && (n.push([i, l - 1]), i = -1), m = 0);
-  return i !== -1 && n.push([i, i + (c - n.reduce((l, y) => l + (y[1] - y[0] + 1), 0)) - 1]), c < o.length ? null : (a.startsWith(o) && (s += 10), s += Math.max(0, 5 - (e.length - t.length) * 0.1), { score: s, matches: n });
+  for (let l = 0; l < t.length && c < o.length; l++)
+    a[l] === o[c] ? (s += 1, m++, m > 1 && (s += m), (l === 0 || /[\s\-_./:]/.test(t[l - 1])) && (s += 5), t[l] === e[c] && (s += 0.5), i === -1 && (i = l), c++) : (i !== -1 && (n.push([i, l - 1]), i = -1), m = 0);
+  return i !== -1 && n.push([i, i + (c - n.reduce((l, y) => l + (y[1] - y[0] + 1), 0)) - 1]), c < o.length ? null : (a.startsWith(o) && (s += 10), s += Math.max(0, 5 - (t.length - e.length) * 0.1), { score: s, matches: n });
 }
-function M(t, e, o) {
-  if (!e.trim()) return t.map((r) => ({ item: r, score: 0, matches: [] }));
+function E(e, t, o) {
+  if (!t.trim()) return e.map((r) => ({ item: r, score: 0, matches: [] }));
   const a = [];
-  for (const r of t) {
-    const s = o(r), c = T(e, s);
+  for (const r of e) {
+    const s = o(r), c = T(t, s);
     c && a.push({ item: r, score: c.score, matches: c.matches });
   }
   return a.sort((r, s) => s.score - r.score), a;
@@ -244,40 +250,41 @@ const W = {
   page: 2,
   modal: 3
 };
-function D(t) {
-  return W[t];
+function D(e) {
+  return W[e];
 }
-function E(t) {
-  const e = [];
-  return t.forEach((o, a) => {
-    e.push({ commandId: a, keybinding: o });
-  }), JSON.stringify(e);
+function x(e) {
+  const t = [];
+  return e.forEach((o, a) => {
+    t.push({ commandId: a, keybinding: o });
+  }), JSON.stringify(t);
 }
-function x(t) {
-  const e = /* @__PURE__ */ new Map();
+function _(e) {
+  const t = /* @__PURE__ */ new Map();
   try {
-    const o = JSON.parse(t);
+    const o = JSON.parse(e);
     for (const a of o)
-      e.set(a.commandId, a.keybinding);
+      t.set(a.commandId, a.keybinding);
   } catch {
   }
-  return e;
+  return t;
 }
 export {
   b as BROWSER_SHORTCUTS,
-  x as deserialiseOverrides,
-  M as fuzzyFilter,
+  F as COMMAND_SOURCE_LABELS,
+  _ as deserialiseOverrides,
+  E as fuzzyFilter,
   T as fuzzyScore,
-  B as getBrowserShortcutInfo,
+  M as getBrowserShortcutInfo,
   h as getKeySymbol,
   u as isMac,
   R as isReservedShortcut,
-  L as keybindingFromEvent,
-  F as keybindingToString,
+  B as keybindingFromEvent,
+  K as keybindingToString,
   C as keybindingToSymbols,
-  O as keybindingsEqual,
-  K as matchesKeybinding,
+  L as keybindingsEqual,
+  O as matchesKeybinding,
   k as parseKeybinding,
   D as scopePriority,
-  E as serialiseOverrides
+  x as serialiseOverrides
 };

package/dist/components/ui/data-table/data-table-column-list.js

@@ -1,41 +1,41 @@
-import { jsx as w } from "react/jsx-runtime";
-import { useState as j, useRef as R, useCallback as p, useEffect as A } from "react";
+import { jsx as R } from "react/jsx-runtime";
+import { useState as j, useRef as w, useCallback as p, useEffect as A } from "react";
 import { useDataTable as B } from "./data-table-context.js";
 import { NestedList as H } from "../nested-list/nested-list.js";
 import { SelectionMode as J } from "../types/nested-list.types.js";
 import { useImpactNovaI18n as K } from "../../../i18n/ImpactNovaI18nContext.js";
 function Q(d, I) {
   let f = null;
-  return ((...S) => {
-    f && clearTimeout(f), f = setTimeout(() => d(...S), I);
+  return ((...v) => {
+    f && clearTimeout(f), f = setTimeout(() => d(...v), I);
   });
 }
 const le = ({
   enableApplyDiscard: d = !1,
   showSearch: I = !0,
   showSelectAll: f = !0,
-  showCollapse: S = !0
+  showCollapse: v = !0
 }) => {
-  const { gridApi: r } = B(), { t: h } = K(), [F, x] = j([]), [U, V] = j(!1), y = R(!1), W = R(/* @__PURE__ */ new Map()), g = p(() => {
-    if (!r || y.current) return;
+  const { gridApi: r } = B(), { t: h } = K(), [F, x] = j([]), [U, V] = j(!1), S = w(!1), W = w(/* @__PURE__ */ new Map()), g = p(() => {
+    if (!r || S.current) return;
     const o = r.getColumnState(), n = new Map(o.map((t) => [t.colId, t]));
     W.current = n;
-    const i = r.getColumns() || [], s = new Map(i.map((t) => [t.getColId(), t])), u = [], e = [], T = /* @__PURE__ */ new Map(), k = (t, c) => {
+    const s = r.getColumns() || [], i = new Map(s.map((t) => [t.getColId(), t])), u = [], e = [], y = /* @__PURE__ */ new Map(), T = (t, c) => {
       const l = t.getGroupId();
-      let a = T.get(l);
+      let a = y.get(l);
       if (a) return a;
-      const m = t.getOriginalParent(), b = m ? k(m, c).children : c, D = t.getColGroupDef();
+      const m = t.getOriginalParent(), b = m ? T(m, c).children : c, D = t.getColGroupDef();
       return a = {
         id: l,
         label: D?.headerName || l,
         checked: !0,
         children: [],
         category: "group"
-      }, T.set(l, a), b.push(a), a;
+      }, y.set(l, a), b.push(a), a;
     };
-    let v = 0, L = 0, G = 0, P = 0;
+    let k = 0, L = 0, G = 0, P = 0;
     o.forEach((t) => {
-      const c = s.get(t.colId);
+      const c = i.get(t.colId);
       if (!c) return;
       let l = r.getDisplayNameForColumn(c, "header");
       if (l === "") return;
@@ -51,9 +51,9 @@ const le = ({
         label: l,
         checked: a
       };
-      t.pinned ? (v++, a && L++) : (G++, a && P++);
+      t.pinned ? (k++, a && L++) : (G++, a && P++);
       const b = t.pinned ? u : e, D = c.getOriginalParent();
-      D?.getColGroupDef().children ? k(D, b).children.push(m) : b.push(m);
+      D?.getColGroupDef().children ? T(D, b).children.push(m) : b.push(m);
     });
     const M = (t) => {
       let c = t.length > 0;
@@ -66,7 +66,7 @@ const le = ({
     u.length > 0 && N.push({
       id: "root-frozen",
       label: h("dataTable.frozenColumns"),
-      checked: v > 0 && L === v,
+      checked: k > 0 && L === k,
       children: u,
       category: "structure",
       isDragDisabled: !0
@@ -78,7 +78,7 @@ const le = ({
       category: "structure",
       isDragDisabled: !0
     }), x(N), V(!0);
-  }, [r, h]), z = R(null);
+  }, [r, h]), z = w(null);
   A(() => {
     z.current = Q(g, 150);
   }, [g]), A(() => {
@@ -93,48 +93,48 @@ const le = ({
       "columnRowGroupChanged",
       "columnPivotModeChanged",
       "columnEverythingChanged"
-    ], i = () => {
+    ], s = () => {
       z.current?.();
     };
-    return r.isDestroyed() || n.forEach((s) => r.addEventListener(s, i)), () => {
-      clearTimeout(o), r.isDestroyed() || n.forEach((s) => r.removeEventListener(s, i));
+    return r.isDestroyed() || n.forEach((i) => r.addEventListener(i, s)), () => {
+      clearTimeout(o), r.isDestroyed() || n.forEach((i) => r.removeEventListener(i, s));
     };
   }, [r, g]);
   const O = p((o) => {
-    const n = [], i = (s, u) => {
-      s.forEach((e) => {
+    const n = [], s = (i, u) => {
+      i.forEach((e) => {
         if (e.id === "root-frozen") {
-          e.children && i(e.children, "left");
+          e.children && s(e.children, "left");
           return;
         }
         if (e.id === "root-scrollable") {
-          e.children && i(e.children, null);
+          e.children && s(e.children, null);
           return;
         }
-        e.category === "group" || e.children && e.children.length > 0 ? e.children && i(e.children, u) : r?.getColumn(e.id) && n.push({
+        e.category === "group" || e.children && e.children.length > 0 ? e.children && s(e.children, u) : r?.getColumn(e.id) && n.push({
           colId: e.id,
           pinned: u,
           hide: !e.checked
         });
       });
     };
-    return i(o, null), n;
+    return s(o, null), n;
   }, [r]), C = p((o) => {
     if (!r) return;
-    y.current = !0;
+    S.current = !0;
     const n = O(o);
     n.length > 0 && r.applyColumnState({
       state: n,
       applyOrder: !0
     }), setTimeout(() => {
-      y.current = !1;
+      S.current = !1;
     }, 300);
   }, [r, O]), _ = p((o) => {
     C(o);
   }, [C]), q = p((o) => {
     d || C(o), x(o);
   }, [d, C]);
-  return U ? /* @__PURE__ */ w("div", { className: "flex flex-col h-full bg-white", children: /* @__PURE__ */ w(
+  return U ? /* @__PURE__ */ R("div", { className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ R(
     H,
     {
       items: F,
@@ -145,12 +145,12 @@ const le = ({
       enableSelectAll: f,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: S,
+      enableGlobalCollapse: v,
       selectionMode: J.CASCADE_DOWN,
       searchPlaceholder: h("dataTable.searchColumnsPlaceholder"),
       className: "h-full"
     }
-  ) }) : /* @__PURE__ */ w("div", { className: "p-4 text-[13px] text-slate-400", children: h("dataTable.loadingColumns") });
+  ) }) : /* @__PURE__ */ R("div", { className: "p-4 text-[13px] text-content-placeholder", children: h("dataTable.loadingColumns") });
 };
 export {
   le as DataTableColumnList

package/dist/components/ui/data-table/data-table-constants.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Minimum height (px) for the `DataTableContent` region (grid + sheet portal host).
+ * The scoped settings sheet portals into `absolute inset-0` over this area; the host must be
+ * at least this tall or the overlay is clipped and cannot show a usable panel.
+ */
+export declare const DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX = 400;

package/dist/components/ui/data-table/data-table-constants.js

@@ -0,0 +1,4 @@
+const _ = 400;
+export {
+  _ as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX
+};

package/dist/components/ui/data-table/data-table-context.d.ts

@@ -7,6 +7,10 @@ export interface DataTableContextValue {
     registerApi: (api: GridApi) => void;
     sheetTarget: HTMLDivElement | null;
     setSheetTarget: (node: HTMLDivElement | null) => void;
+    /** True while at least one `DataTableSheet` in this table has `open` — expands grid host so the portaled overlay is not clipped. */
+    scopedSheetOpen: boolean;
+    /** Call `+1` when a sheet opens, `-1` when it closes or unmounts (supports multiple sheets). */
+    registerScopedSheetDepth: (delta: 1 | -1) => void;
     fontSize: DataTableFontSize;
     setFontSize: (size: DataTableFontSize) => void;
     numericFormat: DataTableNumericFormat;

package/dist/components/ui/data-table/data-table-format-options.js

@@ -1,68 +1,68 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import "react";
 import { useDataTable as d } from "./data-table-context.js";
-import { RadioGroup as m, RadioGroupItem as l } from "../radio-group.js";
-import { Label as r } from "../label.js";
+import { RadioGroup as o, RadioGroupItem as l } from "../radio-group.js";
+import { Label as n } from "../label.js";
 import { useImpactNovaI18n as x } from "../../../i18n/ImpactNovaI18nContext.js";
 const b = () => {
-  const { t } = x(), {
-    fontSize: s,
-    setFontSize: o,
-    numericFormat: i,
-    setNumericFormat: c
+  const { t: a } = x(), {
+    fontSize: c,
+    setFontSize: i,
+    numericFormat: m,
+    setNumericFormat: s
   } = d();
-  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-6 px-1 py-1", children: [
-    /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-[#8C8C8C]", children: t("dataTable.fontSize") }),
-      /* @__PURE__ */ a(
-        m,
+  return /* @__PURE__ */ t("div", { className: "flex flex-col gap-6 px-1 py-1", children: [
+    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-content-icon", children: a("dataTable.fontSize") }),
+      /* @__PURE__ */ t(
+        o,
         {
-          value: s,
+          value: c,
           orientation: "vertical",
-          onValueChange: (n) => o(n),
+          onValueChange: (r) => i(r),
           className: "flex flex-col",
           children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "small", id: "font-small" }),
-              /* @__PURE__ */ e(r, { htmlFor: "font-small", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.fontSmall") })
+              /* @__PURE__ */ e(n, { htmlFor: "font-small", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontSmall") })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "medium", id: "font-medium" }),
-              /* @__PURE__ */ e(r, { htmlFor: "font-medium", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.fontMediumDefault") })
+              /* @__PURE__ */ e(n, { htmlFor: "font-medium", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontMediumDefault") })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "large", id: "font-large" }),
-              /* @__PURE__ */ e(r, { htmlFor: "font-large", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.fontLarge") })
+              /* @__PURE__ */ e(n, { htmlFor: "font-large", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.fontLarge") })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-[#8C8C8C]", children: t("dataTable.numericValues") }),
-      /* @__PURE__ */ a(
-        m,
+    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e("h3", { className: "text-[12px] font-semibold text-content-icon", children: a("dataTable.numericValues") }),
+      /* @__PURE__ */ t(
+        o,
         {
-          value: i,
+          value: m,
           orientation: "vertical",
-          onValueChange: (n) => c(n),
+          onValueChange: (r) => s(r),
           className: "flex flex-col",
           children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "full", id: "num-full" }),
-              /* @__PURE__ */ e(r, { htmlFor: "num-full", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.numericFull") })
+              /* @__PURE__ */ e(n, { htmlFor: "num-full", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericFull") })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "k", id: "num-k" }),
-              /* @__PURE__ */ e(r, { htmlFor: "num-k", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.numericK") })
+              /* @__PURE__ */ e(n, { htmlFor: "num-k", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericK") })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "m", id: "num-m" }),
-              /* @__PURE__ */ e(r, { htmlFor: "num-m", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.numericM") })
+              /* @__PURE__ */ e(n, { htmlFor: "num-m", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericM") })
             ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
               /* @__PURE__ */ e(l, { value: "b", id: "num-b" }),
-              /* @__PURE__ */ e(r, { htmlFor: "num-b", className: "font-normal text-[13px] text-slate-700 cursor-pointer", children: t("dataTable.numericB") })
+              /* @__PURE__ */ e(n, { htmlFor: "num-b", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericB") })
             ] })
           ]
         }

package/dist/components/ui/data-table/data-table-sheet.d.ts

@@ -1,20 +1,20 @@
 import { default as React } from 'react';
-export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange }: {
+export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange, }: {
     children: React.ReactNode;
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetTrigger: ({ children, asChild }: {
+export declare const DataTableSheetTrigger: ({ children, asChild, }: {
     children: React.ReactNode;
     asChild?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetHeader: ({ title, children, className }: {
+export declare const DataTableSheetHeader: ({ title, children, className, }: {
     title?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const DataTableSheetContent: ({ children, className }: {
+export declare const DataTableSheetContent: ({ children, className, }: {
     children: React.ReactNode;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;