impact-nova 1.7.8 → 1.7.10

package/dist/components/ui/accordion.js

@@ -5,21 +5,21 @@ import { ChevronRight as g } from "lucide-react";
 import { cn as a } from "../../lib/utils.js";
 import { Tooltip as p, TooltipTrigger as u, TooltipContent as v } from "./tooltip.js";
 import { useImpactNovaI18n as x } from "../../i18n/ImpactNovaI18nContext.js";
-const R = t.Root, h = d.forwardRef(({ className: o, ...i }, r) => /* @__PURE__ */ e(
+const R = t.Root, b = d.forwardRef(({ className: o, ...i }, r) => /* @__PURE__ */ e(
   t.Item,
   {
     ref: r,
     "data-item": i.value,
     "data-disabled": i.disabled ? "" : void 0,
     className: a(
-      "ia-accordion-item border rounded-lg bg-white border-[#D9DDE7]",
+      "ia-accordion-item border-b rounded-lg bg-white border-[#EFF2FA]",
       o
     ),
     ...i
   }
 ));
-h.displayName = "AccordionItem";
-const b = d.forwardRef(({ className: o, children: i, badge: r, rightActions: s, variant: l = "default", ...c }, m) => {
+b.displayName = "AccordionItem";
+const h = d.forwardRef(({ className: o, children: i, badge: r, rightActions: s, variant: l = "default", ...c }, m) => {
   const { t: f } = x();
   return l === "plain" ? /* @__PURE__ */ e(t.Header, { className: "flex flex-1", children: /* @__PURE__ */ e(
     t.Trigger,
@@ -59,7 +59,7 @@ const b = d.forwardRef(({ className: o, children: i, badge: r, rightActions: s,
     }
   ) });
 });
-b.displayName = t.Trigger.displayName;
+h.displayName = t.Trigger.displayName;
 const N = d.forwardRef(({ className: o, children: i, surfaceClassName: r, ...s }, l) => /* @__PURE__ */ e(
   t.Content,
   {
@@ -73,6 +73,6 @@ N.displayName = t.Content.displayName;
 export {
   R as Accordion,
   N as AccordionContent,
-  h as AccordionItem,
-  b as AccordionTrigger
+  b as AccordionItem,
+  h as AccordionTrigger
 };

package/dist/components/ui/ag-grid-react/cell-renderers/badge-cell-renderer.js

@@ -1,22 +1,23 @@
 import { jsx as d, jsxs as m } from "react/jsx-runtime";
 import { Badge as g } from "../../badge.js";
-import { getFieldValue as a, mapBadgeColor as f, mapBadgeVariant as u } from "./cell-renderer-utils.js";
-const v = (e) => {
-  const { data: l, value: n } = e, i = a(e.badgeLabelField, e.badgeLabel, l) ?? (n != null ? String(n) : void 0), c = a(e.variantField, e.variant, l) ?? "filled", r = a(e.colorField, e.color, l) ?? "default", o = a(e.isIconField, e.isIcon, l), t = a(e.iconField, e.icon, l), s = a(e.sizeField, e.size, l);
-  return i ? /* @__PURE__ */ d("div", { className: "w-full h-full flex items-center justify-start ag-cell-inner-padding", children: /* @__PURE__ */ d(
+import { getFieldValue as l, mapBadgeColor as f, mapBadgeVariant as u } from "./cell-renderer-utils.js";
+const h = (e) => {
+  const { data: i, value: n } = e, a = l(e.badgeLabelField, e.badgeLabel, i) ?? (n != null ? String(n) : void 0), c = l(e.variantField, e.variant, i) ?? "filled", r = l(e.colorField, e.color, i) ?? "default", o = l(e.isIconField, e.isIcon, i), t = l(e.iconField, e.icon, i), s = l(e.sizeField, e.size, i);
+  return a ? /* @__PURE__ */ d("div", { className: "w-full h-full flex items-center justify-start ag-cell-inner-padding", children: /* @__PURE__ */ d(
     g,
     {
       variant: u(c),
       color: f(r),
       size: s === "small" ? "sm" : "md",
+      style: { fontSize: "inherit", lineHeight: "inherit" },
       children: o && t ? /* @__PURE__ */ m("span", { className: "flex items-center gap-1", children: [
         t,
-        i
-      ] }) : i
+        a
+      ] }) : a
     }
   ) }) : null;
 };
-v.displayName = "BadgeCellRenderer";
+h.displayName = "BadgeCellRenderer";
 export {
-  v as BadgeCellRenderer
+  h as BadgeCellRenderer
 };

package/dist/components/ui/ag-grid-react/index.js

@@ -1,5 +1,5 @@
 import { jsxs as U, jsx as a } from "react/jsx-runtime";
-import { lazy as V, useRef as D, useState as f, useCallback as F, useMemo as y, useEffect as W, Suspense as _ } from "react";
+import { lazy as V, useRef as D, useState as f, useCallback as v, useMemo as y, useEffect as W, Suspense as _ } from "react";
 import { ModuleRegistry as $, AllCommunityModule as q, ValidationModule as K } from "ag-grid-community";
 import { AllEnterpriseModule as z } from "ag-grid-enterprise";
 import { AgGridReact as J } from "ag-grid-react";
@@ -22,11 +22,11 @@ function ye({
   onGridReady: m,
   ...u
 }) {
-  const r = D(null), s = D(null), [h, M] = f(null), [G, C] = f(!1), [b, x] = f(null), [R, S] = f(!1), [A, k] = f(null), [N, E] = f(null), O = F((e) => {
+  const r = D(null), s = D(null), [h, M] = f(null), [x, C] = f(!1), [b, G] = f(null), [R, S] = f(!1), [A, k] = f(null), [N, E] = f(null), O = v((e) => {
     if (!r.current) return;
     const t = Z(e);
     r.current.setFilterModel(t), r.current.onFilterChanged();
-  }, []), v = y(() => ({
+  }, []), F = y(() => ({
     openSearch: (e) => {
       if (!r.current) return;
       const t = r.current.getGridOption("context") || {};
@@ -38,10 +38,10 @@ function ye({
       r.current.setGridOption("context", { ...e, activeSearchColumnId: null }), r.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      x(e || null), C(!0);
+      G(e || null), C(!0);
     },
     closeAdvancedFilter: () => {
-      C(!1), x(null);
+      C(!1), G(null);
     },
     applyAdvancedFilter: (e) => {
       O(e);
@@ -53,8 +53,10 @@ function ye({
       S(!1), k(null), E(null);
     },
     activeMenuColumnId: A
-  }), [O, A]), T = F((e) => {
-    r.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), m && m(e);
+  }), [O, A]), T = v((e) => {
+    r.current = e.api, M(e.api);
+    const t = e.api.getGridOption("context") || {};
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), m && m(e);
   }, [m]);
   W(() => {
     const e = s.current;
@@ -103,13 +105,13 @@ function ye({
     // User components override
     ...d
     // Optional custom formatters override defaults
-  }), [d, u.components]), P = F((e) => {
+  }), [d, u.components]), P = v((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
       const t = Object.entries(e.value).map(([n, l]) => l && typeof l == "object" && "value" in l ? l.value : typeof l != "object" && typeof l < "u" ? l : null).filter((n) => n != null);
       return t.length > 0 ? t.join("	") : "";
     }
     return e.value;
-  }, []), w = F((e) => {
+  }, []), w = v((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -121,7 +123,7 @@ function ye({
     }
     return e.value;
   }, []);
-  return /* @__PURE__ */ U(Y.Provider, { value: v, children: [
+  return /* @__PURE__ */ U(Y.Provider, { value: F, children: [
     /* @__PURE__ */ a("div", { ref: s, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ a(
       J,
       {
@@ -167,11 +169,11 @@ function ye({
     /* @__PURE__ */ a(
       le,
       {
-        isOpen: G,
+        isOpen: x,
         columnId: b,
         gridApi: h,
-        onClose: v.closeAdvancedFilter,
-        onApply: v.applyAdvancedFilter
+        onClose: F.closeAdvancedFilter,
+        onApply: F.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ a(
@@ -181,7 +183,7 @@ function ye({
         columnId: A,
         gridApi: h,
         anchor: N,
-        onClose: v.closeMenu
+        onClose: F.closeMenu
       }
     )
   ] });

package/dist/components/ui/badge.js

@@ -3,7 +3,7 @@ import * as g from "react";
 import { cva as f } from "class-variance-authority";
 import { cn as v } from "../../lib/utils.js";
 const m = f(
-  "inline-flex min-w-0 max-w-[164px] shrink-0 items-center justify-center border font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 [&_[data-slot=badge-icon]_svg]:size-4 [&_[data-slot=badge-icon]_svg]:shrink-0",
+  "inline-flex min-w-0 max-w-[164px] shrink-0 items-center justify-center border font-sans font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 [&_[data-slot=badge-icon]_svg]:size-4 [&_[data-slot=badge-icon]_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -33,7 +33,8 @@ const m = f(
       }
     },
     compoundVariants: [
-      { size: "md", layout: "default", class: "text-sm leading-5" },
+      { size: "md", layout: "default", class: "h-6 text-sm leading-5" },
+      { size: "md", layout: "iconOnly", class: "h-6" },
       { size: "sm", layout: "default", class: "h-5 text-xs leading-4" },
       { size: "sm", layout: "iconOnly", class: "h-5" },
       {
@@ -73,7 +74,7 @@ const m = f(
       {
         variant: "subtle",
         color: "primary",
-        class: "border-transparent bg-badge-info-muted text-badge-info-filled"
+        class: "border-transparent bg-accent text-brand"
       },
       { variant: "subtle", color: "neutral", class: "border-transparent bg-badge-neutral-muted text-content-badge" },
       {
@@ -101,39 +102,39 @@ const m = f(
     }
   }
 );
-function w({
+function h({
   className: o,
   variant: l,
   color: i,
   size: d,
   shape: c,
   icon: e,
-  disabled: r,
-  children: a,
+  disabled: a,
+  children: r,
   ...b
 }) {
-  const t = g.Children.count(a) > 0, s = e != null && !t ? "iconOnly" : "default";
+  const t = g.Children.count(r) > 0, s = e != null && !t ? "iconOnly" : "default";
   return /* @__PURE__ */ u(
     "div",
     {
       role: "status",
       "data-component": "badge",
       "data-layout": s,
-      "aria-disabled": r ? !0 : void 0,
+      "aria-disabled": a ? !0 : void 0,
       className: v(
         m({ variant: l, color: i, size: d, shape: c, layout: s }),
-        r && "pointer-events-none border border-disabled-border bg-disabled-surface text-disabled-foreground",
+        a && "pointer-events-none border border-disabled-border bg-disabled-surface text-disabled-foreground",
         o
       ),
       ...b,
       children: [
         e != null ? /* @__PURE__ */ n("span", { "data-slot": "badge-icon", className: "inline-flex shrink-0 text-current", children: e }) : null,
-        t ? /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-center", children: a }) : null
+        t ? /* @__PURE__ */ n("span", { className: "min-w-0 flex-1 truncate text-center", children: r }) : null
       ]
     }
   );
 }
 export {
-  w as Badge,
+  h as Badge,
   m as badgeVariants
 };

package/dist/components/ui/button-group.js

@@ -34,10 +34,10 @@ const H = A("inline-flex", {
     helperTextPosition: x = "absolute",
     isError: a,
     required: S,
-    "aria-label": _,
-    ...k
-  }, B) => {
-    const l = p === "none", I = u === "horizontal", V = r.useId(), z = o ? `${V}-label` : void 0;
+    "aria-label": k,
+    ...B
+  }, I) => {
+    const l = p === "none", V = u === "horizontal", _ = r.useId(), z = o ? `${_}-label` : void 0;
     return /* @__PURE__ */ i("div", { className: t("grid gap-1.5", w), children: [
       o && /* @__PURE__ */ i(
         "label",
@@ -65,27 +65,27 @@ const H = A("inline-flex", {
             /* @__PURE__ */ n(
               "div",
               {
-                ref: B,
+                ref: I,
                 className: t(H({ orientation: u, spacing: p })),
                 role: "group",
                 "data-component": "button-group",
                 "data-orientation": u,
                 "data-spacing": p,
                 "data-fused": l ? "true" : "false",
-                "aria-label": o ? void 0 : _,
+                "aria-label": o ? void 0 : k,
                 "aria-labelledby": o ? z : void 0,
-                ...k,
+                ...B,
                 children: r.Children.map(y, (f) => {
                   if (!r.isValidElement(f)) return f;
                   const e = f, g = e.props.value ?? e.props.children?.toString?.() ?? "", c = typeof g == "string" ? g : String(g), d = v !== void 0 && v === c, m = !!(e.props.disabled || h), G = e.props.size === "icon" || e.props.size === "iconMd" || e.props.size === "iconSm", j = t(
                     "!shadow-none relative border transition-colors",
                     l && !G && "min-w-14",
-                    l ? I ? "!rounded-none first:!rounded-l-md last:!rounded-r-md -ml-px first:ml-0" : "!rounded-none first:!rounded-t-md last:!rounded-b-md -mt-px first:mt-0" : "!rounded-md",
+                    l ? V ? "!rounded-none first:!rounded-l-md last:!rounded-r-md -ml-px first:ml-0" : "!rounded-none first:!rounded-t-md last:!rounded-b-md -mt-px first:mt-0" : "!rounded-md",
                     l && (d ? "z-10" : "z-[1]")
                   ), C = m ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100 [&_svg]:!text-disabled-foreground" : d ? "!bg-accent !border-brand !text-brand [&_svg]:!text-brand" : t(
                     "!bg-canvas-elevated !border-button-primary-disabled !text-[#60697d]",
-                    "[&_svg]:text-content-icon",
-                    "hover:!text-brand hover:[&_svg]:!text-brand"
+                    "[&_svg]:!text-[inherit]",
+                    "hover:!bg-canvas-elevated hover:!text-brand"
                   ), O = a && !d && !m && "!border-destructive !text-destructive [&_svg]:!text-destructive";
                   return r.cloneElement(e, {
                     disabled: m,

package/dist/components/ui/command-palette/shortcut-overlay.js

@@ -1,91 +1,90 @@
-import { jsxs as O, Fragment as L, jsx as p } from "react/jsx-runtime";
-import * as d from "react";
-import { createPortal as M } from "react-dom";
-import { useShortcutOverlay as S } from "./shortcut-overlay-context.js";
-import { useCommandPalette as C } from "./command-palette-context.js";
-import { Kbd as X } from "./kbd.js";
-const u = 26, h = 80, s = 4;
-function z() {
-  const t = document.querySelectorAll(
-    '[role="dialog"][data-state="open"]'
-  );
-  return t.length > 0 ? t[t.length - 1] : null;
-}
-function F(t) {
-  if (t.length <= 1) return t;
-  const r = [...t].sort((n, e) => n.top - e.top), l = (n, e) => Math.abs(n.left - e.left) < h && Math.abs(n.top - e.top) < u + s;
-  for (let n = 1; n < r.length; n++) {
-    const e = r[n], c = () => r.slice(Math.max(0, n - 5), n).some((y) => l(y, e));
-    c() && (e.placement === "above" ? (e.placement = "below", e.top = e.top + u + 32 + s) : (e.placement = "above", e.top = e.top - u - 32 - s), c() && (e.left = e.left + h + s));
+import { jsxs as x, Fragment as A, jsx as h } from "react/jsx-runtime";
+import * as m from "react";
+import { createPortal as L } from "react-dom";
+import { useShortcutOverlay as M } from "./shortcut-overlay-context.js";
+import { useCommandPalette as S } from "./command-palette-context.js";
+import { Kbd as O } from "./kbd.js";
+const p = 26, y = 80, s = 4;
+function X(r) {
+  if (r.length <= 1) return r;
+  const i = [...r].sort((e, t) => e.top - t.top), c = (e, t) => Math.abs(e.left - t.left) < y && Math.abs(e.top - t.top) < p + s, d = (e) => i.slice(Math.max(0, e - 8), e).some((t) => c(t, i[e]));
+  for (let e = 1; e < i.length; e++) {
+    if (!d(e)) continue;
+    const t = i[e], u = t.top, v = t.left, o = t.placement;
+    if (t.placement === "above" ? (t.placement = "below", t.top = u + p + 32 + s) : (t.placement = "above", t.top = u - p - 32 - s), !!d(e)) {
+      t.top = u, t.placement = o;
+      for (let n = 1; n <= 3 && (t.left = v + (y + s) * n, !!d(e)); n++)
+        ;
+    }
   }
-  return r;
+  return i;
 }
-function R(t) {
-  const r = window.innerWidth, l = window.innerHeight;
+function z(r) {
+  const i = window.innerWidth, c = window.innerHeight;
   return {
-    ...t,
-    top: Math.max(s, Math.min(t.top, l - u - s)),
-    left: Math.max(h / 2, Math.min(t.left, r - h / 2))
+    ...r,
+    top: Math.max(s, Math.min(r.top, c - p - s)),
+    left: Math.max(y / 2, Math.min(r.left, i - y / 2))
   };
 }
-function T() {
-  const { isOverlayVisible: t, setOverlayVisible: r } = S(), { getEffectiveKeybinding: l, version: n } = C(), [e, c] = d.useState([]), [y, x] = d.useState(0);
-  return d.useLayoutEffect(() => {
-    if (!t) {
-      c([]);
+function C() {
+  const { isOverlayVisible: r, setOverlayVisible: i } = M(), { getEffectiveKeybinding: c, version: d } = S(), [e, t] = m.useState([]), [u, v] = m.useState(0);
+  return m.useLayoutEffect(() => {
+    if (!r) {
+      t([]);
       return;
     }
-    const f = (z() ?? document).querySelectorAll("[data-shortcut-id]"), m = [];
-    f.forEach((v) => {
-      const w = v.getAttribute("data-shortcut-id");
-      if (!w) return;
-      const b = window.getComputedStyle(v);
-      if (b.display === "none" || b.visibility === "hidden" || b.opacity === "0")
+    const o = document.querySelectorAll("[data-shortcut-id]"), n = [];
+    o.forEach((l) => {
+      const f = l.getAttribute("data-shortcut-id");
+      if (!f) return;
+      const w = window.getComputedStyle(l);
+      if (w.display === "none" || w.visibility === "hidden" || w.opacity === "0")
         return;
-      const a = v.getBoundingClientRect();
+      const a = l.getBoundingClientRect();
       if (a.width === 0 || a.height === 0 || a.bottom < 0 || a.top > window.innerHeight || a.right < 0 || a.left > window.innerWidth)
         return;
-      const E = l(w);
-      if (!E) return;
-      const A = a.left + a.width / 2;
-      let k = "above", g = a.top - u - s;
-      g < s && (k = "below", g = a.bottom + s), m.push({
-        id: w,
-        keybinding: E,
-        top: g,
-        left: A,
+      const g = c(f);
+      if (!g) return;
+      const E = a.left + a.width / 2;
+      let k = "above", b = a.top - p - s;
+      b < s && (k = "below", b = a.bottom + s), n.push({
+        id: f,
+        keybinding: g,
+        top: b,
+        left: E,
         placement: k
       });
-    }), c(F(m).map(R));
-  }, [t, l, n, y]), d.useEffect(() => {
-    if (!t) return;
-    const o = (i) => {
-      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), r(!1));
+    }), t(X(n).map(z));
+  }, [r, c, d, u]), m.useEffect(() => {
+    if (!r) return;
+    const o = (n) => {
+      n.key === "Escape" && (n.preventDefault(), n.stopPropagation(), i(!1));
     };
     return window.addEventListener("keydown", o, !0), () => window.removeEventListener("keydown", o, !0);
-  }, [t, r]), d.useEffect(() => {
-    if (!t) return;
+  }, [r, i]), m.useEffect(() => {
+    if (!r) return;
     let o;
-    const i = () => {
-      cancelAnimationFrame(o), o = requestAnimationFrame(() => x((m) => m + 1));
+    const n = () => {
+      cancelAnimationFrame(o), o = requestAnimationFrame(() => v((f) => f + 1));
     };
-    window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
-    const f = new MutationObserver(i);
-    return f.observe(document.body, {
+    window.addEventListener("scroll", n, !0), window.addEventListener("resize", n);
+    const l = new MutationObserver(n);
+    return l.observe(document.body, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["data-state"]
     }), () => {
-      cancelAnimationFrame(o), window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), f.disconnect();
+      cancelAnimationFrame(o), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n), l.disconnect();
     };
-  }, [t]), !t || e.length === 0 ? null : M(
-    /* @__PURE__ */ O(L, { children: [
-      /* @__PURE__ */ p(
+  }, [r]), !r || e.length === 0 ? null : L(
+    /* @__PURE__ */ x(A, { children: [
+      /* @__PURE__ */ h(
         "div",
         {
           "data-shortcut-overlay-backdrop": "",
-          onClick: () => r(!1),
+          onClick: () => i(!1),
           style: {
             position: "fixed",
             inset: 0,
@@ -95,7 +94,7 @@ function T() {
           }
         }
       ),
-      e.map((o) => /* @__PURE__ */ p(
+      e.map((o) => /* @__PURE__ */ h(
         "div",
         {
           "data-shortcut-overlay-badge": "",
@@ -108,8 +107,8 @@ function T() {
             pointerEvents: "none",
             animation: o.placement === "below" ? "shortcut-overlay-badge-in-below 0.15s ease-out" : "shortcut-overlay-badge-in 0.15s ease-out"
           },
-          children: /* @__PURE__ */ p(
-            X,
+          children: /* @__PURE__ */ h(
+            O,
             {
               keybinding: o.keybinding,
               size: "sm",
@@ -119,7 +118,7 @@ function T() {
         },
         o.id
       )),
-      /* @__PURE__ */ p("style", { children: `
+      /* @__PURE__ */ h("style", { children: `
         @keyframes shortcut-overlay-badge-in {
           from {
             opacity: 0;
@@ -145,7 +144,7 @@ function T() {
     document.body
   );
 }
-T.displayName = "ShortcutOverlay";
+C.displayName = "ShortcutOverlay";
 export {
-  T as ShortcutOverlay
+  C as ShortcutOverlay
 };

package/dist/components/ui/command-palette/shortcut-registry.js

@@ -1,4 +1,4 @@
-import { deserialiseOverrides as h, serialiseOverrides as f, isReservedShortcut as u, keybindingsEqual as m, scopePriority as a, matchesKeybinding as g } from "./utils.js";
+import { deserialiseOverrides as h, serialiseOverrides as u, isReservedShortcut as f, keybindingsEqual as m, scopePriority as a, matchesKeybinding as g } from "./utils.js";
 const v = 10;
 class c {
   static STORAGE_KEY = "impact-nova-shortcuts";
@@ -15,7 +15,7 @@ class c {
   saveOverrides(e) {
     if (!(typeof localStorage > "u"))
       try {
-        localStorage.setItem(c.STORAGE_KEY, f(e));
+        localStorage.setItem(c.STORAGE_KEY, u(e));
       } catch {
       }
   }
@@ -86,7 +86,7 @@ class C {
     const s = this.commands.get(e);
     if (!s) return { success: !1 };
     if (!s.customisable) return { success: !1 };
-    if (u(t))
+    if (f(t))
       return { success: !1, reserved: !0 };
     const i = this.findConflict(e, t, s.scope);
     return i ? { success: !1, conflict: i } : (s.keybinding = t, this.overrides.set(e, t), this.saveOverrides(), this.emit({ type: "update-keybinding", commandId: e }), { success: !0 });
@@ -147,7 +147,7 @@ class C {
   getPaletteCommands() {
     const t = this.getRegisteredInstances().length > 1;
     return this.getAllCommands().filter((s) => {
-      if (s.hidden || s.when && !s.when()) return !1;
+      if (s.hidden) return !1;
       const i = this.getHighestActiveScopePriority();
       return !(a(s.scope) > i || s.instance && t && this.activeInstance && s.instance !== this.activeInstance);
     });

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

@@ -5,10 +5,6 @@ export type DataTableRowHeight = 'default' | 'compact' | 'comfort';
 export interface DataTableContextValue {
     gridApi: GridApi | null;
     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;
@@ -20,3 +16,15 @@ export interface DataTableContextValue {
 }
 export declare const DataTableContext: import('react').Context<DataTableContextValue>;
 export declare const useDataTable: () => DataTableContextValue;
+/**
+ * Separate context for sheet-portal state that changes on every sheet open/close.
+ * Isolated from `DataTableContext` so that `scopedSheetOpen` toggling does NOT
+ * force grid consumers (`DataTableContent`, `AgGridWrapper`) to re-render.
+ */
+export interface DataTableSheetPortalContextValue {
+    sheetTarget: HTMLDivElement | null;
+    setSheetTarget: (node: HTMLDivElement | null) => void;
+    scopedSheetOpen: boolean;
+}
+export declare const DataTableSheetPortalContext: import('react').Context<DataTableSheetPortalContextValue>;
+export declare const useDataTableSheetPortal: () => DataTableSheetPortalContextValue;

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

@@ -1,11 +1,18 @@
 import { createContext as e, useContext as a } from "react";
-const o = e(null), r = () => {
+const o = e(null), l = () => {
   const t = a(o);
   if (!t)
     throw new Error("useDataTable must be used within a DataTable");
   return t;
+}, n = e(null), s = () => {
+  const t = a(n);
+  if (!t)
+    throw new Error("useDataTableSheetPortal must be used within a DataTable");
+  return t;
 };
 export {
   o as DataTableContext,
-  r as useDataTable
+  n as DataTableSheetPortalContext,
+  l as useDataTable,
+  s as useDataTableSheetPortal
 };

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

@@ -1,4 +1,20 @@
 import { default as React } from 'react';
+/**
+ * Returns both `open` and `setOpen`.
+ * Subscribes to BOTH contexts — use only in components that genuinely
+ * need to read the `open` flag (DataTableSheetContent, Trigger, etc.).
+ */
+export declare const useDataTableSheet: () => {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+/**
+ * Returns ONLY `setOpen`. Does NOT subscribe to `open` changes, so the
+ * consuming component will NOT re-render when the sheet opens/closes.
+ */
+export declare const useDataTableSheetApi: () => {
+    setOpen: (open: boolean) => void;
+};
 export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange, }: {
     children: React.ReactNode;
     defaultOpen?: boolean;