impact-nova 3.0.0-alpha.4 → 3.0.0-alpha.6

package/dist/components/data-display/chart/chart.utils.js

@@ -1,45 +1,46 @@
-import h from "highcharts";
-import { CHART_PALETTE_CSS_VARS as x } from "./chart-palette.js";
-import { resolveDesignTokenColor as m } from "../../../lib/resolve-design-token-color.js";
-function v(o, { fadeTo: i = 0.1 } = {}) {
-  const n = typeof document > "u" ? o : m(o), a = h.color(n).setOpacity(Math.min(Math.max(i, 0), 1)).get("rgba");
+import v from "highcharts";
+import { CHART_PALETTE_CSS_VARS as A } from "./chart-palette.js";
+import { resolveDesignTokenColor as S } from "../../../lib/resolve-design-token-color.js";
+import { chartUsesScatter3d as O, getScatter3dHighchartsOptions as C, mergeScatter3dOptions3dFrame as L, mergeScatter3dChartLoadHandlers as T } from "./chart-scatter3d.js";
+function D(o, { fadeTo: i = 0.1 } = {}) {
+  const a = typeof document > "u" ? o : S(o), n = v.color(a).setOpacity(Math.min(Math.max(i, 0), 1)).get("rgba");
   return {
     linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
     stops: [
-      [0, n],
-      [1, a]
+      [0, a],
+      [1, n]
     ]
   };
 }
-const A = /* @__PURE__ */ new Set(["column", "bar"]);
-function D(o, i) {
-  const { series: n, colors: a } = o;
-  if (!i || !n || !a?.length) return o;
-  const p = i === !0 ? {} : i, s = o.chart?.type ?? "column";
+const k = /* @__PURE__ */ new Set(["column", "bar"]);
+function F(o, i) {
+  const { series: a, colors: n } = o;
+  if (!i || !a || !n?.length) return o;
+  const h = i === !0 ? {} : i, l = o.chart?.type ?? "column";
   return {
     ...o,
-    series: n.map((t, d) => {
-      const u = "type" in t && t.type || s;
-      if (!A.has(u) || "color" in t && t.color)
-        return t;
-      const e = "colorIndex" in t && typeof t.colorIndex == "number" ? t.colorIndex : d, l = a[e % a.length];
-      if (typeof l != "string") return t;
-      const c = v(l, p), f = "negativeColor" in t && t.negativeColor;
+    series: a.map((r, f) => {
+      const u = "type" in r && r.type || l;
+      if (!k.has(u) || "color" in r && r.color)
+        return r;
+      const t = "colorIndex" in r && typeof r.colorIndex == "number" ? r.colorIndex : f, c = n[t % n.length];
+      if (typeof c != "string") return r;
+      const p = D(c, h), g = "negativeColor" in r && r.negativeColor;
       return {
-        ...t,
-        color: c,
+        ...r,
+        color: p,
         // Points below the threshold grow away from the axis the other way; flip the fade.
-        ...!f && {
-          negativeColor: { ...c, linearGradient: { x1: 0, y1: 1, x2: 0, y2: 0 } }
+        ...!g && {
+          negativeColor: { ...p, linearGradient: { x1: 0, y1: 1, x2: 0, y2: 0 } }
         }
       };
     })
   };
 }
-function S(o) {
+function z(o) {
   return !o || Array.isArray(o) ? {} : o;
 }
-function g(o) {
+function y(o) {
   return {
     ...o,
     style: {
@@ -48,51 +49,51 @@ function g(o) {
     }
   };
 }
-function C(o, i) {
-  const n = i?.dataLabels;
-  if (Array.isArray(n))
-    return n.map(g);
-  const a = S(o?.dataLabels);
-  return g({
-    ...a,
+function E(o, i) {
+  const a = i?.dataLabels;
+  if (Array.isArray(a))
+    return a.map(y);
+  const n = z(o?.dataLabels);
+  return y({
     ...n,
+    ...a,
     style: {
-      ...a.style,
-      ...n?.style,
+      ...n.style,
+      ...a?.style,
       pointerEvents: "none"
     }
   });
 }
-function O(o, i) {
+function W(o, i) {
   return {
     ...o,
     ...i,
-    dataLabels: C(o, i)
+    dataLabels: E(o, i)
   };
 }
-const E = (o) => {
+const I = (o) => {
   const {
     type: i = "column",
-    title: n,
-    subtitle: a,
-    xAxisCategories: p,
-    xAxisTitle: s,
-    yAxisCategories: t,
-    yAxisTitle: d,
+    title: a,
+    subtitle: n,
+    xAxisCategories: h,
+    xAxisTitle: l,
+    yAxisCategories: r,
+    yAxisTitle: f,
     series: u,
-    options: e,
-    stacked: l,
-    is3D: c,
-    showLegend: f = !0,
-    showTooltip: y = !0
-  } = o, r = {
+    options: t,
+    stacked: c,
+    is3D: p,
+    showLegend: g = !0,
+    showTooltip: x = !0
+  } = o, d = O({ is3D: p, type: i, series: u }), s = d ? C({ xAxisTitle: l, yAxisTitle: f, options: t }) : void 0, e = {
     chart: {
       type: i,
       backgroundColor: "transparent",
       style: {
         fontFamily: "Manrope, sans-serif"
       },
-      options3d: c ? {
+      options3d: p ? {
         enabled: !0,
         alpha: 15,
         beta: 15,
@@ -101,7 +102,7 @@ const E = (o) => {
       } : void 0
     },
     title: {
-      text: n ?? "",
+      text: a ?? "",
       align: "left",
       style: {
         fontSize: "18px",
@@ -110,7 +111,7 @@ const E = (o) => {
       }
     },
     subtitle: {
-      text: a,
+      text: n,
       align: "left"
     },
     credits: {
@@ -126,9 +127,9 @@ const E = (o) => {
       }
     },
     xAxis: {
-      categories: p,
-      title: s ? {
-        text: s,
+      categories: h,
+      title: l ? {
+        text: l,
         style: {
           color: "var(--color-foreground-tertiary)",
           fontFamily: '"Manrope", sans-serif',
@@ -151,9 +152,9 @@ const E = (o) => {
       }
     },
     yAxis: {
-      categories: t,
+      categories: r,
       title: {
-        text: d,
+        text: f,
         margin: 30,
         style: {
           color: "var(--color-foreground-tertiary)",
@@ -178,7 +179,7 @@ const E = (o) => {
       }
     },
     legend: {
-      enabled: f,
+      enabled: g,
       symbolRadius: 2,
       itemStyle: {
         color: "var(--color-foreground-tertiary)",
@@ -190,7 +191,7 @@ const E = (o) => {
       }
     },
     tooltip: {
-      enabled: y,
+      enabled: x,
       backgroundColor: "var(--color-surface-floating)",
       borderColor: "var(--color-border)",
       borderRadius: 8,
@@ -199,16 +200,16 @@ const E = (o) => {
       },
       shadow: !0
     },
-    colors: [...x],
+    colors: [...A],
     plotOptions: {
       column: {
         borderRadius: 4,
-        stacking: l ? "normal" : void 0,
+        stacking: c ? "normal" : void 0,
         borderWidth: 0
       },
       bar: {
         borderRadius: 4,
-        stacking: l ? "normal" : void 0,
+        stacking: c ? "normal" : void 0,
         borderWidth: 1,
         borderColor: "var(--color-background)"
       },
@@ -237,62 +238,91 @@ const E = (o) => {
       }
     },
     series: u
+  }, m = d ? {
+    ...e.chart?.options3d,
+    ...s?.chart?.options3d,
+    ...t?.chart?.options3d,
+    frame: L(
+      s?.chart?.options3d?.frame,
+      t?.chart?.options3d?.frame
+    )
+  } : {
+    ...e.chart?.options3d,
+    ...t?.chart?.options3d
   };
   return {
-    ...r,
     ...e,
-    colors: e?.colors ?? r.colors,
+    ...t,
+    colors: t?.colors ?? e.colors,
     chart: {
-      ...r.chart,
-      ...e?.chart
+      ...e.chart,
+      ...s?.chart,
+      ...t?.chart,
+      ...d ? { type: "scatter3d" } : {},
+      options3d: m,
+      events: d ? {
+        ...t?.chart?.events,
+        load: T(t?.chart?.events?.load)
+      } : t?.chart?.events
     },
     xAxis: {
-      ...r.xAxis,
-      ...Array.isArray(e?.xAxis) ? {} : e?.xAxis
+      ...e.xAxis,
+      ...s?.xAxis,
+      ...Array.isArray(t?.xAxis) ? {} : t?.xAxis
     },
-    yAxis: Array.isArray(e?.yAxis) ? e?.yAxis.map((b) => ({
-      ...r.yAxis,
+    yAxis: Array.isArray(t?.yAxis) ? t.yAxis.map((b) => ({
+      ...e.yAxis,
+      ...s?.yAxis,
       ...b
     })) : {
-      ...r.yAxis,
-      ...e?.yAxis
+      ...e.yAxis,
+      ...s?.yAxis,
+      ...t?.yAxis
     },
+    zAxis: d ? {
+      ...s?.zAxis,
+      ...t?.zAxis
+    } : t?.zAxis,
     plotOptions: {
-      ...r.plotOptions,
-      ...e?.plotOptions,
+      ...e.plotOptions,
+      ...t?.plotOptions,
       column: {
-        ...r.plotOptions?.column,
-        ...e?.plotOptions?.column
+        ...e.plotOptions?.column,
+        ...t?.plotOptions?.column
       },
       bar: {
-        ...r.plotOptions?.bar,
-        ...e?.plotOptions?.bar
+        ...e.plotOptions?.bar,
+        ...t?.plotOptions?.bar
       },
       pie: {
-        ...r.plotOptions?.pie,
-        ...e?.plotOptions?.pie
+        ...e.plotOptions?.pie,
+        ...t?.plotOptions?.pie
       },
-      heatmap: O(
-        r.plotOptions?.heatmap,
-        e?.plotOptions?.heatmap
+      heatmap: W(
+        e.plotOptions?.heatmap,
+        t?.plotOptions?.heatmap
       ),
+      scatter3d: {
+        ...s?.plotOptions?.scatter3d,
+        ...t?.plotOptions?.scatter3d
+      },
       series: {
-        ...r.plotOptions?.series,
-        ...e?.plotOptions?.series
+        ...e.plotOptions?.series,
+        ...t?.plotOptions?.series
       }
     },
     tooltip: {
-      ...r.tooltip,
-      ...e?.tooltip
+      ...e.tooltip,
+      ...t?.tooltip
     },
     legend: {
-      ...r.legend,
-      ...e?.legend
+      ...e.legend,
+      ...t?.legend
     }
   };
 };
 export {
-  D as applySeriesGradient,
-  v as chartGradient,
-  E as getBaseChartOptions
+  F as applySeriesGradient,
+  D as chartGradient,
+  I as getBaseChartOptions
 };

package/dist/components/feedback/tooltip/button-icon-tooltip.d.ts

@@ -1,9 +1,12 @@
 import { KeyBinding } from '../../primitives/kbd';
+import { TooltipContentProps } from './tooltip.types';
 import * as React from "react";
 export interface ButtonIconTooltipProps {
     children: React.ReactElement;
     label?: string;
     side?: "top" | "bottom" | "left" | "right";
+    align?: TooltipContentProps["align"];
+    variant?: TooltipContentProps["variant"];
     keybinding?: KeyBinding;
     disabled?: boolean;
 }
@@ -11,4 +14,4 @@ export interface ButtonIconTooltipProps {
  * Wraps icon buttons with tooltip + optional Kbd badge.
  * Use at app/feature layer — keeps Button free of feedback imports.
  */
-export declare function ButtonIconTooltip({ children, label, side, keybinding, disabled, }: ButtonIconTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIconTooltip({ children, label, side, align, variant, keybinding, disabled, }: ButtonIconTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/tooltip/button-icon-tooltip.js

@@ -1,23 +1,25 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "react";
-import { Kbd as s } from "../../primitives/kbd/kbd.js";
-import { Tooltip as m, TooltipTrigger as a, TooltipContent as l } from "./tooltip.js";
-function T({
+import { Kbd as c } from "../../primitives/kbd/kbd.js";
+import { Tooltip as l, TooltipTrigger as a, TooltipContent as f } from "./tooltip.js";
+function h({
   children: o,
   label: r,
-  side: e = "top",
-  keybinding: i,
-  disabled: p
+  side: n = "top",
+  align: p = "center",
+  variant: s = "tertiary",
+  keybinding: e,
+  disabled: m
 }) {
-  return r ? /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ t(a, { asChild: !0, children: p ? /* @__PURE__ */ t("span", { tabIndex: -1, className: "inline-block outline-none", children: o }) : o }),
-    /* @__PURE__ */ t(l, { variant: "tertiary", side: e, children: i ? /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
+  return r ? /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ t(a, { asChild: !0, children: m ? /* @__PURE__ */ t("span", { tabIndex: -1, className: "inline-block outline-none", children: o }) : o }),
+    /* @__PURE__ */ t(f, { variant: s, side: n, align: p, children: e ? /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
       r,
       " ",
-      /* @__PURE__ */ t(s, { keybinding: i, size: "sm" })
+      /* @__PURE__ */ t(c, { keybinding: e, size: "sm" })
     ] }) : r })
   ] }) : o;
 }
 export {
-  T as ButtonIconTooltip
+  h as ButtonIconTooltip
 };

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,6 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+import "react";
+const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -9,5 +10,5 @@ const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  d as defaultTabTooltipRender
+  p as defaultTabTooltipRender
 };

package/dist/components/feedback/tooltip/use-overflow-tooltip.js

@@ -4,106 +4,114 @@ const H = 500;
 function N(o, s) {
   return o !== void 0 ? o : typeof s == "string" ? s : null;
 }
-function B(o, {
+function z(o, {
   content: s,
-  overflowMode: p = "ellipsis",
+  overflowMode: g = "ellipsis",
   alwaysShow: i = !1,
-  disabled: f = !1,
-  focusable: d = !1,
+  disabled: a = !1,
+  focusable: E = !1,
   contentDependency: h
 } = {}) {
-  const g = t.useRef(null), a = t.useRef(!1), u = t.useRef(
+  const m = t.useRef(null), T = t.useRef(!1), u = t.useRef(
     null
-  ), m = t.useRef(null), [D, r] = t.useState(!1), [I, n] = t.useState(!1), O = t.useRef(!1), v = t.useRef(!1), T = N(s, o), P = typeof T == "string" ? T.trim().length > 0 : T != null, l = () => {
+  ), O = t.useRef(null), [D, r] = t.useState(!1), [I, n] = t.useState(!1), v = t.useRef(!1), P = t.useRef(!1), p = N(s, o), C = typeof p == "string" ? p.trim().length > 0 : p != null, l = () => {
     u.current && (clearTimeout(u.current), u.current = null);
   }, c = () => {
-    const e = m.current;
-    e && (document.removeEventListener("scroll", e, !0), m.current = null);
+    const e = O.current;
+    e && (document.removeEventListener("scroll", e, !0), O.current = null);
   }, A = () => {
     l(), n(!1), r(!1);
   }, _ = () => {
     c();
     const e = () => {
-      a.current = !1, A(), c();
+      T.current = !1, A(), c();
     };
-    m.current = e, document.addEventListener("scroll", e, {
+    O.current = e, document.addEventListener("scroll", e, {
       capture: !0,
       passive: !0
     });
   };
   t.useEffect(() => {
     r(!1), n(!1), l(), c();
-  }, [h, s, o, i, f, p]), t.useEffect(
+  }, [h, s, o, i, a, g]), t.useEffect(
     () => () => {
       l(), c();
     },
     []
   );
   const k = t.useCallback((e) => {
-    g.current = e;
-  }, []), E = (e) => i || L(e, p), C = (e, R) => {
-    if (!(f || !P)) {
-      if (E(e)) {
+    m.current = e;
+  }, []), R = (e) => i || L(e, g), d = (e, f) => {
+    if (!(a || !C)) {
+      if (R(e)) {
         r(!0), n(!0);
         return;
       }
       r(!1), n(!1);
     }
   }, F = (e) => {
-    l(), u.current = setTimeout(() => {
-      u.current = null, a.current && C(e);
+    l();
+    const f = R(e);
+    u.current = setTimeout(() => {
+      if (u.current = null, !!T.current) {
+        if (f) {
+          r(!0), n(!0);
+          return;
+        }
+        d(e);
+      }
     }, H);
   };
   return {
     setTriggerRef: k,
     onTriggerPointerEnter: (e) => {
-      if (!(f || !P)) {
-        if (a.current = !0, _(), i) {
-          C(e.currentTarget);
+      if (!(a || !C)) {
+        if (T.current = !0, _(), i) {
+          d(e.currentTarget);
           return;
         }
         F(e.currentTarget);
       }
     },
     onTriggerPointerLeave: () => {
-      a.current = !1, l();
+      T.current = !1, l();
     },
-    onTriggerFocus: d ? (e) => {
-      C(e.currentTarget);
+    onTriggerFocus: E ? (e) => {
+      d(e.currentTarget);
     } : void 0,
     onContentPointerEnter: () => {
-      O.current = !0, n(!0);
+      v.current = !0, n(!0);
     },
     onContentPointerDown: () => {
-      v.current = !0, n(!0);
+      P.current = !0, n(!0);
     },
     onContentPointerLeave: () => {
-      O.current = !1;
+      v.current = !1;
     },
     onContentPointerUp: () => {
-      v.current = !1;
+      P.current = !1;
     },
-    triggerTabIndex: d ? 0 : void 0,
+    triggerTabIndex: E ? 0 : void 0,
     isTooltipArmed: D,
     isTooltipOpen: I,
-    tooltipContent: T,
+    tooltipContent: p,
     recheckOverflow: () => {
-      const e = g.current;
-      return !e || f || !P ? !1 : E(e) ? (r(!0), !0) : (r(!1), n(!1), !1);
+      const e = m.current;
+      return !e || a || !C ? !1 : R(e) ? (r(!0), !0) : (r(!1), n(!1), !1);
     },
     handleTooltipOpenChange: (e) => {
-      if (!e && (O.current || v.current) || e && !D && !i || (n(e), e))
+      if (!e && (v.current || P.current) || e && !D && !i || (n(e), e))
         return;
       c();
-      const R = g.current;
-      if (!R) {
+      const f = m.current;
+      if (!f) {
         r(!1);
         return;
       }
-      !i && !L(R, p) && r(!1);
+      !i && !L(f, g) && r(!1);
     }
   };
 }
 export {
-  B as useOverflowTooltip
+  z as useOverflowTooltip
 };

package/dist/components/flows/command-palette/shortcut-settings.js

@@ -2,17 +2,17 @@ import { jsx as r, jsxs as h, Fragment as z } from "react/jsx-runtime";
 import * as o from "react";
 import { Person as G, Monitor as U, PriorityAlert as q, Locked as O, Reset as B } from "impact-nova-icons";
 import { cn as p } from "../../../lib/utils.js";
+import { Kbd as $ } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as H } from "../../primitives/kbd/keybinding-display.js";
 import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
-import { ModuleRegistry as $, AllCommunityModule as H } from "ag-grid-community";
-import { AllEnterpriseModule as V } from "ag-grid-enterprise";
-import { DataTable as J, DataTableContent as Q } from "../../data/data-table/data-table.js";
+import { ModuleRegistry as V, AllCommunityModule as J } from "ag-grid-community";
+import { AllEnterpriseModule as Q } from "ag-grid-enterprise";
+import { DataTable as X, DataTableContent as Y } from "../../data/data-table/data-table.js";
 import { AG_CELL_NO_PADDING as F } from "../../data/ag-grid-react/cell-renderers/index.js";
-import { Kbd as X } from "../../primitives/kbd/kbd.js";
-import { keybindingToString as Y } from "../../primitives/kbd/keybinding-display.js";
 import { useCommandPalette as Z } from "./use-command-palette.js";
 import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as W, isReservedShortcut as ee } from "./utils.js";
 import { BadgeCellRenderer as te } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
-$.registerModules([H, V]);
+V.registerModules([J, Q]);
 function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
@@ -69,7 +69,7 @@ function ne(a) {
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(X, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
@@ -133,7 +133,7 @@ function le({
         description: e.description || "",
         category: e.category || "General",
         keybinding: i,
-        keybindingDisplay: i ? Y(i) : "",
+        keybindingDisplay: i ? H(i) : "",
         scope: e.scope,
         source: D,
         sourceColor: T ? "primary" : "neutral",
@@ -278,10 +278,10 @@ function le({
     u?.type === "conflict" ? /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
     /* @__PURE__ */ r("span", { children: u ? u.text : L })
   ] }) : null;
-  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Q,
+      Y,
       {
         rowData: y,
         columnDefs: I,

package/dist/components/flows/filter-panel/filter-panel.js

@@ -6,8 +6,8 @@ import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
 import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
-import { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
-import { Kbd as j } from "../../primitives/kbd/kbd.js";
+import { Kbd as S } from "../../primitives/kbd/kbd.js";
+import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
 import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
 import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
@@ -145,14 +145,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          S,
+                          j,
                           {
                             triggerClassName: "truncate font-['Manrope'] block min-w-0",
                             content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                               t.label,
                               " ",
                               /* @__PURE__ */ e(
-                                j,
+                                S,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"