impact-nova 3.0.0-alpha.3 → 3.0.0-alpha.5

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
   a as default
 };

package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js

@@ -3,8 +3,7 @@ import { Badge as s } from "../../data-display/badge/badge.js";
 import { FilterPopoverContent as u } from "../../flows/filter-strip/filter-tag-list.js";
 import { Popover as b, PopoverTrigger as f } from "../../feedback/popover/popover.js";
 import { Tooltip as g, TooltipTrigger as v, TooltipContent as x } from "../../feedback/tooltip/tooltip.js";
-import "react";
-function I({
+function w({
   tags: o,
   title: l = "Attributes",
   maxVisibleTags: n = 4,
@@ -71,5 +70,5 @@ function I({
   );
 }
 export {
-  I as ExpandableListItemAttributes
+  w as ExpandableListItemAttributes
 };

package/dist/components/data/expandable-list-item/expandable-list-item-metrics.js

@@ -1,9 +1,8 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { ScrollOverflowAffordance as o } from "../../layout/horizontal-scroller/scroll-overflow-affordance.js";
-import "react";
 import { OverflowTooltip as r } from "../../feedback/tooltip/overflow-tooltip.js";
 const m = 128;
-function f({
+function x({
   columns: i,
   sectionId: l = "metrics"
 }) {
@@ -51,5 +50,5 @@ function f({
   );
 }
 export {
-  f as ExpandableListItemMetrics
+  x as ExpandableListItemMetrics
 };

package/dist/components/data/expandable-list-item/sku-picker-chrome.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { AlphabeticalSortDirection } from '../../../lib/alphabetical-sort';
 export type SkuPickerView = "card" | "list";
 export type SkuPickerGridProps = {
     /** Fold the toolbar and choices behind the title row. */
@@ -12,7 +13,7 @@ export type SkuPickerGridProps = {
 export declare function SkuPickerChrome(props: {
     view: SkuPickerView;
     search: string;
-    sortAlphabetically: boolean;
+    sortDirection: AlphabeticalSortDirection;
     selectedCount: number;
     /** True when every choice Select All would touch is already selected. */
     allSelected?: boolean;

package/dist/components/data/expandable-list-item/sku-picker-chrome.js

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Search as s, CardView as m, ListFilter as u, TextFormat as h, Back as b } from "impact-nova-icons";
+import { Search as s, CardView as m, ListFilter as u, SortZa as h, SortAz as b, Back as v } from "impact-nova-icons";
 import "react";
 import { Badge as f } from "../../data-display/badge/badge.js";
-import { ButtonIconTooltip as r } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Input as v } from "../../forms/input/input.js";
-import { Accordion as x, AccordionItem as g, AccordionTrigger as w, AccordionContent as C } from "../../primitives/accordion/accordion.js";
+import { ButtonIconTooltip as c } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Input as x } from "../../forms/input/input.js";
+import { Accordion as g, AccordionItem as w, AccordionTrigger as S, AccordionContent as C } from "../../primitives/accordion/accordion.js";
 import { Button as i } from "../../primitives/button/button.js";
 import { cn as N } from "../../../lib/utils.js";
-const d = "picker";
-function S(e) {
+const o = "picker";
+function y(e) {
   return N(
     e && "border-brand bg-accent text-brand hover:bg-accent hover:text-brand"
   );
 }
-function y(e) {
+function k(e) {
   if (e.selectedCount === 0)
     return /* @__PURE__ */ t("p", { className: "text-xs font-medium text-content-muted", children: e.emptyLabel });
   const a = Math.max(0, e.selectedCount - e.previewCodes.length);
@@ -25,30 +25,30 @@ function y(e) {
     ] }) : null
   ] });
 }
-function V(e) {
+function U(e) {
   const a = e.title ?? "SKU", n = /* @__PURE__ */ t(
-    y,
+    k,
     {
       selectedCount: e.selectedCount,
       previewCodes: e.previewCodes,
       emptyLabel: e.emptyLabel ?? "No SKUs selected"
     }
-  ), c = /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
+  ), r = /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ t(
-        v,
+        x,
         {
           size: "default",
           className: "w-[200px]",
           placeholder: "Search",
           value: e.search,
-          onChange: (o) => e.onSearchChange(o.target.value),
+          onChange: (d) => e.onSearchChange(d.target.value),
           prefix: /* @__PURE__ */ t(s, { className: "size-4 text-content-placeholder", "aria-hidden": !0 }),
           "aria-label": e.searchLabel ?? "Search SKUs"
         }
       ),
       /* @__PURE__ */ t(
-        r,
+        c,
         {
           label: e.view === "card" ? "Switch to list view" : "Switch to card view",
           children: /* @__PURE__ */ t(
@@ -65,26 +65,33 @@ function V(e) {
           )
         }
       ),
-      /* @__PURE__ */ t(r, { label: "Sort Alphabetically", children: /* @__PURE__ */ t(
-        i,
+      /* @__PURE__ */ t(
+        c,
         {
-          type: "button",
-          size: "icon",
-          variant: "tertiary",
-          "aria-label": "Sort alphabetically",
-          "aria-pressed": e.sortAlphabetically,
-          className: S(e.sortAlphabetically),
-          onClick: e.onToggleSort,
-          children: /* @__PURE__ */ t(h, {})
+          label: e.sortDirection === "desc" ? "Sort Z to A" : "Sort A to Z",
+          children: /* @__PURE__ */ t(
+            i,
+            {
+              type: "button",
+              size: "icon",
+              variant: "tertiary",
+              "aria-label": e.sortDirection === "desc" ? "Sort Z to A" : "Sort A to Z",
+              "aria-pressed": e.sortDirection !== "none",
+              className: y(e.sortDirection !== "none"),
+              onClick: e.onToggleSort,
+              children: e.sortDirection === "desc" ? /* @__PURE__ */ t(h, {}) : /* @__PURE__ */ t(b, {})
+            }
+          )
         }
-      ) })
+      )
     ] }),
     /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ t(
         i,
         {
           type: "button",
-          variant: "link",
+          variant: "ghost",
+          className: "text-brand hover:text-brand",
           onClick: e.onSelectAll,
           disabled: e.allSelected === !0,
           children: "Select All"
@@ -94,7 +101,8 @@ function V(e) {
         i,
         {
           type: "button",
-          variant: "link",
+          variant: "ghost",
+          className: "text-brand hover:text-brand",
           onClick: e.onClear,
           disabled: e.selectedCount === 0,
           children: "Clear"
@@ -103,19 +111,19 @@ function V(e) {
     ] })
   ] });
   return e.collapsible ? /* @__PURE__ */ t(
-    x,
+    g,
     {
       type: "single",
       collapsible: !0,
-      defaultValue: e.defaultCollapsed ? void 0 : d,
+      defaultValue: e.defaultCollapsed ? void 0 : o,
       className: "w-full",
-      children: /* @__PURE__ */ l(g, { value: d, className: "border border-stroke-subtle", children: [
-        /* @__PURE__ */ t(w, { headingLevel: 3, rightActions: n, children: /* @__PURE__ */ l("span", { className: "truncate text-sm font-semibold leading-6 text-content-title", children: [
+      children: /* @__PURE__ */ l(w, { value: o, className: "border border-stroke-subtle", children: [
+        /* @__PURE__ */ t(S, { headingLevel: 3, rightActions: n, children: /* @__PURE__ */ l("span", { className: "truncate text-sm font-semibold leading-6 text-content-title", children: [
           a,
           e.required ? /* @__PURE__ */ t("span", { className: "text-destructive", children: " *" }) : null
         ] }) }),
         /* @__PURE__ */ l(C, { className: "flex flex-col gap-3", children: [
-          c,
+          r,
           e.children,
           e.footer
         ] })
@@ -124,7 +132,7 @@ function V(e) {
   ) : /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-3 overflow-hidden rounded-lg border border-stroke-subtle bg-canvas-elevated px-4 py-2", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
-        e.showBack === !1 ? null : /* @__PURE__ */ t(i, { type: "button", size: "icon", variant: "ghost", "aria-label": "Back", children: /* @__PURE__ */ t(b, {}) }),
+        e.showBack === !1 ? null : /* @__PURE__ */ t(i, { type: "button", size: "icon", variant: "ghost", "aria-label": "Back", children: /* @__PURE__ */ t(v, {}) }),
         /* @__PURE__ */ l("p", { className: "text-sm font-semibold leading-6 text-content-title", children: [
           a,
           e.required ? /* @__PURE__ */ t("span", { className: "text-destructive", children: " *" }) : null
@@ -132,11 +140,11 @@ function V(e) {
       ] }),
       n
     ] }),
-    c,
+    r,
     e.children,
     e.footer
   ] });
 }
 export {
-  V as SkuPickerChrome
+  U as SkuPickerChrome
 };

package/dist/components/data/expandable-list-item/useServerSkuInfinitePages.d.ts

@@ -1,4 +1,5 @@
-export declare function useServerSkuInfinitePages(search: string, sortAlphabetically: boolean): {
+import { AlphabeticalSortDirection } from '../../../lib/alphabetical-sort';
+export declare function useServerSkuInfinitePages(search: string, sortDirection: AlphabeticalSortDirection): {
     debouncedSearch: string;
     query: import('@tanstack/react-query').UseInfiniteQueryResult<import('@tanstack/query-core').InfiniteData<import('./virtualized-responsive-grid.catalog').SkuServerPage, unknown>, Error>;
     loadedCatalogIndices: number[];

package/dist/components/data/expandable-list-item/virtualized-responsive-grid.catalog.d.ts

@@ -1,4 +1,5 @@
 import { ImageComponent } from 'impact-nova-icons';
+import { AlphabeticalSortDirection } from '../../../lib/alphabetical-sort';
 export declare const SKU_CATALOG_TOTAL = 50000;
 export declare const ITEM_CATALOG_TOTAL = 50000;
 export declare const SERVER_PAGE_SIZE = 200;
@@ -57,11 +58,11 @@ export type SkuServerPage = {
     nextStartIndex?: number;
 };
 /** Reuse the filtered catalog for later pages of the same search. Does not mutate cached arrays. */
-export declare function getCachedSkuMatchingIndices(searchQuery: string, sortAlphabetically: boolean): number[] | null;
+export declare function getCachedSkuMatchingIndices(searchQuery: string, sortDirection: AlphabeticalSortDirection): number[] | null;
 export declare function fetchSkuServerPage(options: {
     startIndex: number;
     searchQuery: string;
-    sortAlphabetically: boolean;
+    sortDirection: AlphabeticalSortDirection;
     pageSize?: number;
 }): Promise<SkuServerPage>;
 export declare function getItemCatalogRecord(catalogIndex: number): ItemCatalogRecord;
@@ -75,7 +76,7 @@ export declare function collectStripCatalogIndices(options: {
 export declare function filterAndSortCatalogIndices(options: {
     totalCount: number;
     searchQuery: string;
-    sortAlphabetically: boolean;
+    sortDirection: AlphabeticalSortDirection;
     getSearchText: (catalogIndex: number) => string;
     getSortKey: (catalogIndex: number) => string;
 }): number[] | null;

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,7 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-import "react";
-const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+const d = (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: [
@@ -10,5 +9,5 @@ const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  p as defaultTabTooltipRender
+  d 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 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 { 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 { 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";
-V.registerModules([J, Q]);
+$.registerModules([H, V]);
 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($, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(X, { 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 ? H(i) : "",
+        keybindingDisplay: i ? Y(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(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Y,
+      Q,
       {
         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 { Kbd as S } from "../../primitives/kbd/kbd.js";
-import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
+import { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
+import { Kbd as j } from "../../primitives/kbd/kbd.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(
-                          j,
+                          S,
                           {
                             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(
-                                S,
+                                j,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"