impact-nova 2.5.19 → 2.5.20

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-display/calendar/calendar.js

@@ -1,315 +1,319 @@
-import { jsxs as Xe, jsx as c } from "react/jsx-runtime";
-import { createComponent as $e } from "../../../lib/primitives/create-component.js";
-import { CALENDAR_DEFAULT_END_MONTH as Ke, CALENDAR_DEFAULT_START_MONTH as ea, getCalendarDayLayoutAttr as aa, getCalendarMonthLayoutAttr as ra, resolveFiscalConfig as la, resolveFiscalPattern as na } from "./calendar-config.js";
-import { civilFromLocalDate as G } from "../../../lib/fiscal-calendar/civil-date.js";
-import { getFiscalPresets as ta } from "../../../lib/fiscal-calendar/presets.js";
-import { getGregorianPresets as oa } from "./calendar-gregorian-presets.js";
-import { paddedWeekNumber as j } from "./calendar-week-number-header.js";
-import { formatPeriodCell as ia, formatFiscalYearLabel as k, formatQuarterLabelsForYear as sa, formatYearIntervalCaption as ca } from "./calendar-fiscal-labels.js";
-import { CalendarDayPickerView as da } from "./calendar-day-picker-view.js";
-import { CalendarFooter as ma } from "./calendar-footer.js";
-import { CalendarMonthPanes as ua } from "./calendar-month-panes.js";
-import { CalendarPresetStrip as ga } from "./calendar-preset-strip.js";
-import { CalendarQuarterPanes as fa } from "./calendar-quarter-panes.js";
-import { CalendarYearPanes as pa, YEAR_CAPTION_PAGE_SIZE as ba, YEAR_PAGE_SIZE as Ca } from "./calendar-year-panes.js";
-import { isDateRangeArray as ha, asDayPickerSelection as D, formatMultiRangeFooterSummary as Ya, asRangeSelection as ya } from "./calendar-interval-utils.js";
-import { useCalendarI18n as va } from "./use-calendar-i18n.js";
-import { useCalendarState as Pa } from "./use-calendar-state.js";
-import { useFiscalCalendar as Sa } from "./use-fiscal-calendar.js";
-const Ga = $e(
+import { jsxs as $e, jsx as c } from "react/jsx-runtime";
+import { createComponent as Ke } from "../../../lib/primitives/create-component.js";
+import { CALENDAR_DEFAULT_END_MONTH as ea, CALENDAR_DEFAULT_START_MONTH as aa, getCalendarDayLayoutAttr as ra, getCalendarMonthLayoutAttr as la, resolveFiscalConfig as na, resolveFiscalPattern as ta } from "./calendar-config.js";
+import { civilFromLocalDate as j } from "../../../lib/fiscal-calendar/civil-date.js";
+import { getFiscalPresets as oa } from "../../../lib/fiscal-calendar/presets.js";
+import { resolveWeekStartsOn as ia } from "../../../lib/fiscal-calendar/week-selection.js";
+import { getGregorianPresets as sa } from "./calendar-gregorian-presets.js";
+import { paddedWeekNumber as T } from "./calendar-week-number-header.js";
+import { formatPeriodCell as ca, formatFiscalYearLabel as L, formatQuarterLabelsForYear as da, formatYearIntervalCaption as ma } from "./calendar-fiscal-labels.js";
+import { CalendarDayPickerView as ua } from "./calendar-day-picker-view.js";
+import { CalendarFooter as ga } from "./calendar-footer.js";
+import { CalendarMonthPanes as fa } from "./calendar-month-panes.js";
+import { CalendarPresetStrip as pa } from "./calendar-preset-strip.js";
+import { CalendarQuarterPanes as ba } from "./calendar-quarter-panes.js";
+import { CalendarYearPanes as Ca, YEAR_CAPTION_PAGE_SIZE as ha, YEAR_PAGE_SIZE as Ya } from "./calendar-year-panes.js";
+import { isDateRangeArray as Sa, asDayPickerSelection as k, formatMultiRangeFooterSummary as va, asRangeSelection as ya } from "./calendar-interval-utils.js";
+import { useCalendarI18n as Pa } from "./use-calendar-i18n.js";
+import { useCalendarState as La } from "./use-calendar-state.js";
+import { useFiscalCalendar as ka } from "./use-fiscal-calendar.js";
+const Ua = Ke(
   "Calendar",
   ({
-    className: T,
-    classNames: U,
-    showOutsideDays: Z = !1,
-    fixedWeeks: z = !0,
-    captionLayout: V = "dropdown",
-    buttonVariant: B = "ghost",
-    formatters: J,
-    components: X,
+    className: U,
+    classNames: Z,
+    showOutsideDays: z = !1,
+    fixedWeeks: V = !0,
+    captionLayout: B = "dropdown",
+    buttonVariant: J = "ghost",
+    formatters: X,
+    components: $,
     showFooter: i = !0,
-    footerFlashKey: $ = 0,
-    footerFlashTarget: K,
-    disableApply: ee = !1,
-    onApply: ae,
-    onCancel: re,
-    onClear: le,
+    footerFlashKey: K = 0,
+    footerFlashTarget: ee,
+    disableApply: ae = !1,
+    onApply: re,
+    onCancel: le,
+    onClear: ne,
     mode: n = "single",
-    selected: F,
-    onSelect: ne,
-    onSelectionChange: te,
+    selected: D,
+    onSelect: te,
+    onSelectionChange: oe,
     pickerType: t = "date",
     weekMode: s = "single",
-    selectedWeeks: oe,
-    onWeekSelect: ie,
+    selectedWeeks: ie,
+    onWeekSelect: se,
     calendarKind: r = "gregorian",
-    fiscalConfig: se,
+    fiscalConfig: ce,
     fiscalMode: p = "basic",
     granularity: b,
-    fiscalMonthPattern: A,
-    fiscalYearStartMonth: R = 1,
-    weekStartsOn: C = 1,
+    fiscalMonthPattern: F,
+    fiscalYearStartMonth: A = 1,
+    weekStartsOn: R,
     monthMode: o = "single",
     selectedMonths: E,
-    onMonthSelect: ce,
+    onMonthSelect: de,
     selectedQuarters: N,
-    onQuarterSelect: de,
-    selectedYear: M,
-    onYearSelect: me,
-    yearMode: h = "single",
-    showIntervalCaption: x = !1,
-    showPeriodBoundaries: ue = !1,
-    showPresets: W = !1,
-    comparison: ge,
-    onComparisonChange: fe,
-    onRangesChange: pe,
-    month: be,
-    defaultMonth: Ce,
-    onMonthChange: he,
-    startMonth: Ye,
-    endMonth: ye,
-    autoNavigateToAvailable: ve = !1,
-    ...Y
+    onQuarterSelect: me,
+    selectedYear: W,
+    onYearSelect: ue,
+    yearMode: C = "single",
+    showIntervalCaption: M = !1,
+    showPeriodBoundaries: ge = !1,
+    showPresets: x = !1,
+    comparison: fe,
+    onComparisonChange: pe,
+    onRangesChange: be,
+    month: Ce,
+    defaultMonth: he,
+    onMonthChange: Ye,
+    startMonth: Se,
+    endMonth: ve,
+    autoNavigateToAvailable: ye = !1,
+    ...h
   }, Pe) => {
-    const { t: a, intlLocale: Se, dateFnsLocale: Le, monthsFull: ke, monthsShort: _ } = va(), l = la({
-      fiscalConfig: se,
+    const { t: a, intlLocale: Le, dateFnsLocale: ke, monthsFull: De, monthsShort: _ } = Pa(), l = na({
+      fiscalConfig: ce,
       calendarKind: r,
       fiscalMode: p,
-      fiscalMonthPattern: A,
-      fiscalYearStartMonth: R,
-      weekStartsOn: C
-    }), I = na({
+      fiscalMonthPattern: F,
+      fiscalYearStartMonth: A,
+      weekStartsOn: R
+    }), O = ia({
+      weekStartsOn: R,
+      fiscalConfig: l
+    }), I = ta({
       calendarKind: r,
       fiscalMode: p,
-      fiscalMonthPattern: A
-    }), d = Ye ?? ea, m = ye ?? Ke, {
+      fiscalMonthPattern: F
+    }), d = Se ?? aa, m = ve ?? ea, {
       pendingSelection: u,
       currentMonth: g,
-      pendingWeekSelection: De,
+      pendingWeekSelection: Fe,
       pendingMonthSelection: q,
-      pendingQuarterSelection: Q,
-      pendingYearSelection: H,
-      monthPickerYear: y,
+      pendingQuarterSelection: w,
+      pendingYearSelection: Q,
+      monthPickerYear: Y,
       handleMonthChangeInternal: f,
-      resolveWeekFromInput: Fe,
-      handleWeekClick: Ae,
-      handleMonthClick: Re,
-      handleQuarterClick: Ee,
-      handleYearClick: Ne,
+      resolveWeekFromInput: Ae,
+      handleWeekClick: Re,
+      handleMonthClick: Ee,
+      handleQuarterClick: Ne,
+      handleYearClick: We,
       handlePresetSelect: Me,
-      availableYears: O,
+      availableYears: H,
       selectedDaysFromWeeks: xe,
-      selectedDaysFromRanges: v,
-      weekRangeModifiers: We,
-      handleInternalSelect: _e,
+      selectedDaysFromRanges: S,
+      weekRangeModifiers: _e,
+      handleInternalSelect: Oe,
       handleApply: Ie,
       handleCancel: qe,
-      handleClear: Qe,
-      isMonthSelected: He,
-      getMonthRangeProps: Oe,
-      isMonthDisabled: we,
-      isQuarterSelected: Ge,
-      isQuarterDisabled: je,
-      isYearSelected: Te,
-      isYearDisabled: Ue,
-      isApplyDisabledInternal: Ze
-    } = Pa({
+      handleClear: we,
+      isMonthSelected: Qe,
+      getMonthRangeProps: He,
+      isMonthDisabled: Ge,
+      isQuarterSelected: je,
+      isQuarterDisabled: Te,
+      isYearSelected: Ue,
+      isYearDisabled: Ze,
+      isApplyDisabledInternal: ze
+    } = La({
       showFooter: i,
       mode: n,
-      selected: F,
-      onSelect: ne,
-      onSelectionChange: te,
+      selected: D,
+      onSelect: te,
+      onSelectionChange: oe,
       pickerType: t,
       weekMode: s,
-      selectedWeeks: oe,
-      onWeekSelect: ie,
+      selectedWeeks: ie,
+      onWeekSelect: se,
       calendarKind: r,
       fiscalMode: p,
       granularity: b,
       resolvedFiscalPattern: I,
       fiscalConfig: l,
-      fiscalYearStartMonth: R,
-      weekStartsOn: C,
+      fiscalYearStartMonth: A,
+      weekStartsOn: O,
       monthMode: o,
       selectedMonths: E,
-      onMonthSelect: ce,
+      onMonthSelect: de,
       selectedQuarters: N,
-      onQuarterSelect: de,
-      selectedYear: M,
-      onYearSelect: me,
-      yearMode: h,
-      comparison: ge,
-      onComparisonChange: fe,
-      onRangesChange: pe,
-      month: be,
-      defaultMonth: Ce,
-      onMonthChange: he,
+      onQuarterSelect: me,
+      selectedYear: W,
+      onYearSelect: ue,
+      yearMode: C,
+      comparison: fe,
+      onComparisonChange: pe,
+      onRangesChange: be,
+      month: Ce,
+      defaultMonth: he,
+      onMonthChange: Ye,
       resolvedStartMonth: d,
       resolvedEndMonth: m,
-      disabled: Y.disabled,
-      autoNavigateToAvailable: ve,
-      yearPageSize: x ? ba : Ca,
-      onApply: ae,
-      onCancel: re,
-      onClear: le
-    }), { getCellMeta: ze, model: P } = Sa(
+      disabled: h.disabled,
+      autoNavigateToAvailable: ye,
+      yearPageSize: M ? ha : Ya,
+      onApply: re,
+      onCancel: le,
+      onClear: ne
+    }), { getCellMeta: Ve, model: v } = ka(
       r === "fiscal" ? l : void 0,
       g
-    ), Ve = r === "fiscal" && P ? P.periods.map((e) => ia(e)) : void 0, S = l?.fyLabel ?? "fy-long", L = r === "fiscal" ? O.map((e) => ({
+    ), Be = r === "fiscal" && v ? v.periods.map((e) => ca(e)) : void 0, y = l?.fyLabel ?? "fy-long", P = r === "fiscal" ? H.map((e) => ({
       ...e,
-      label: k(Number(e.value), S)
-    })) : O, w = W ? r === "fiscal" && l ? ta(l, G(/* @__PURE__ */ new Date())) : oa(G(/* @__PURE__ */ new Date())) : [], Be = t === "week" ? "week" : "date", Je = n === "multi-range" ? v : ha(u) ? void 0 : u;
-    return /* @__PURE__ */ Xe(
+      label: L(Number(e.value), y)
+    })) : H, G = x ? r === "fiscal" && l ? oa(l, j(/* @__PURE__ */ new Date())) : sa(j(/* @__PURE__ */ new Date())) : [], Je = t === "week" ? "week" : "date", Xe = n === "multi-range" ? S : Sa(u) ? void 0 : u;
+    return /* @__PURE__ */ $e(
       "div",
       {
         ref: Pe,
         "data-component": "calendar",
-        "data-month-layout": ra(t, o),
-        "data-day-layout": aa(t, n, s),
+        "data-month-layout": la(t, o),
+        "data-day-layout": ra(t, n, s),
         children: [
-          W && w.length > 0 ? /* @__PURE__ */ c(ga, { presets: w, onPresetSelect: Me }) : null,
+          x && G.length > 0 ? /* @__PURE__ */ c(pa, { presets: G, onPresetSelect: Me }) : null,
           t === "month" ? /* @__PURE__ */ c(
-            ua,
+            fa,
             {
               monthMode: o === "multi-range" ? "multiple" : o,
-              monthPickerYear: y,
+              monthPickerYear: Y,
               monthsShort: _,
               showFooter: i,
               pendingMonthSelection: q,
               selectedMonths: E,
               resolvedStartYear: d.getFullYear(),
               resolvedEndYear: m.getFullYear(),
-              yearOptions: L,
+              yearOptions: P,
               previousYearLabel: a("calendar.previousYear"),
               nextYearLabel: a("calendar.nextYear"),
               currentMonth: g,
-              isMonthSelected: He,
-              getMonthRangeProps: Oe,
-              isMonthDisabled: we,
+              isMonthSelected: Qe,
+              getMonthRangeProps: He,
+              isMonthDisabled: Ge,
               onMonthChange: f,
-              onMonthClick: Re,
-              periodLabels: Ve
+              onMonthClick: Ee,
+              periodLabels: Be
             }
           ) : t === "quarter" ? /* @__PURE__ */ c(
-            fa,
+            ba,
             {
               quarterMode: o,
-              pickerYear: y,
+              pickerYear: Y,
               showFooter: i,
-              pendingQuarterSelection: Q,
+              pendingQuarterSelection: w,
               selectedQuarters: N,
               resolvedStartYear: d.getFullYear(),
               resolvedEndYear: m.getFullYear(),
-              yearOptions: L,
+              yearOptions: P,
               previousYearLabel: a("calendar.previousYear"),
               nextYearLabel: a("calendar.nextYear"),
               currentMonth: g,
-              quarterLabelsForYear: (e) => sa(
+              quarterLabelsForYear: (e) => da(
                 e,
                 r === "fiscal" ? l : void 0
               ),
-              isQuarterSelected: Ge,
-              isQuarterDisabled: je,
+              isQuarterSelected: je,
+              isQuarterDisabled: Te,
               onMonthChange: f,
-              onQuarterClick: Ee
+              onQuarterClick: Ne
             }
           ) : t === "year" ? /* @__PURE__ */ c(
-            pa,
+            Ca,
             {
-              pickerYear: y,
+              pickerYear: Y,
               resolvedStartYear: d.getFullYear(),
               resolvedEndYear: m.getFullYear(),
               previousYearLabel: a("calendar.previousYear"),
               nextYearLabel: a("calendar.nextYear"),
-              yearLabels: r === "fiscal" ? (e) => k(e, S) : void 0,
-              yearCaptions: x ? (e) => ca(
+              yearLabels: r === "fiscal" ? (e) => L(e, y) : void 0,
+              yearCaptions: M ? (e) => ma(
                 e,
                 r === "fiscal" ? l : void 0
               ) : void 0,
               showFooter: i,
-              pendingYearSelection: H,
-              selectedYear: M,
-              isYearSelected: Te,
-              isYearDisabled: Ue,
+              pendingYearSelection: Q,
+              selectedYear: W,
+              isYearSelected: Ue,
+              isYearDisabled: Ze,
               onYearPageChange: (e) => f(new Date(e, 0, 1)),
-              onYearClick: Ne
+              onYearClick: We
             }
           ) : /* @__PURE__ */ c(
-            da,
+            ua,
             {
-              className: T,
-              pickerType: Be,
+              className: U,
+              pickerType: Je,
               mode: n === "multi-range" ? "multiple" : n,
               weekMode: s === "multi-range" ? "multiple" : s,
               calendarKind: r,
               granularity: b,
-              showOutsideDays: Z,
-              fixedWeeks: z,
-              captionLayout: V,
-              buttonVariant: B,
-              weekStartsOn: C,
-              formatters: J,
-              classNames: U,
-              components: X,
-              selected: n === "multi-range" ? v : D(F),
+              showOutsideDays: z,
+              fixedWeeks: V,
+              captionLayout: B,
+              buttonVariant: J,
+              weekStartsOn: O,
+              formatters: X,
+              classNames: Z,
+              components: $,
+              selected: n === "multi-range" ? S : k(D),
               showFooter: i,
-              showPeriodBoundaries: ue,
-              pendingSelection: D(Je),
-              selectedDaysFromWeeks: xe ?? v,
+              showPeriodBoundaries: ge,
+              pendingSelection: k(Xe),
+              selectedDaysFromWeeks: xe ?? S,
               currentMonth: g,
-              monthsFull: ke,
+              monthsFull: De,
               monthsShort: _,
               resolvedStartMonth: d,
               resolvedEndMonth: m,
-              availableYears: L,
-              fiscalPeriods: P?.periods,
+              availableYears: P,
+              fiscalPeriods: v?.periods,
               fiscalConfig: l,
-              dateFnsLocale: Le,
-              intlLocale: Se,
-              weekRangeModifiers: We,
-              getCellMeta: ze,
-              onSelect: _e,
+              dateFnsLocale: ke,
+              intlLocale: Le,
+              weekRangeModifiers: _e,
+              getCellMeta: Ve,
+              onSelect: Oe,
               onMonthChange: f,
-              onWeekSelect: (e) => Ae(Fe(e)),
+              onWeekSelect: (e) => Re(Ae(e)),
               previousMonthLabel: a("calendar.previousMonth"),
               nextMonthLabel: a("calendar.nextMonth"),
               monthPlaceholder: a(r === "fiscal" ? "calendar.periodPlaceholder" : "calendar.monthPlaceholder"),
               yearPlaceholder: a(r === "fiscal" ? "calendar.fyPlaceholder" : "calendar.yearPlaceholder"),
               weekNumberHeader: a("calendar.weekNumberHeader"),
-              weekNumberLabel: (e) => a("calendar.weekNumber", { number: j(e) }),
+              weekNumberLabel: (e) => a("calendar.weekNumber", { number: T(e) }),
               weekLabel: (e) => a("calendar.weekLabel", { number: e }),
               fiscalWeekAriaLabel: (e) => a("calendar.fiscalWeekLabel", {
                 number: e.fiscalWeek ?? 0,
                 period: e.fiscalPeriod ?? 0,
-                fy: e.fy != null ? k(e.fy, S) : ""
+                fy: e.fy != null ? L(e.fy, y) : ""
               }),
-              formatWeekNumber: (e) => a("calendar.weekNumber", { number: j(e) }),
-              disabled: Y.disabled,
-              ...Y
+              formatWeekNumber: (e) => a("calendar.weekNumber", { number: T(e) }),
+              disabled: h.disabled,
+              ...h
             }
           ),
           i ? /* @__PURE__ */ c(
-            ma,
+            ga,
             {
               pickerType: t,
               mode: n,
               weekMode: s === "multi-range" ? "range" : s,
               monthMode: o === "multi-range" ? "range" : o,
-              yearMode: h === "multi-range" ? "range" : h,
+              yearMode: C === "multi-range" ? "range" : C,
               calendarKind: r,
               granularity: b,
               resolvedFiscalPattern: I,
               fiscalConfig: l,
-              pendingSelection: D(u),
-              pendingWeekSelection: De,
+              pendingSelection: k(u),
+              pendingWeekSelection: Fe,
               pendingMonthSelection: q,
-              pendingQuarterSelection: Q,
-              pendingYearSelection: H,
-              multiRangeSummary: n === "multi-range" ? Ya(ya(u)) : void 0,
-              disableApply: ee,
-              isApplyDisabled: Ze,
-              footerFlashKey: $,
-              footerFlashTarget: K,
+              pendingQuarterSelection: w,
+              pendingYearSelection: Q,
+              multiRangeSummary: n === "multi-range" ? va(ya(u)) : void 0,
+              disableApply: ae,
+              isApplyDisabled: ze,
+              footerFlashKey: K,
+              footerFlashTarget: ee,
               labels: {
                 clear: a("calendar.clear"),
                 cancel: a("calendar.cancel"),
@@ -322,7 +326,7 @@ const Ga = $e(
                 yearSingle: a("calendar.yearRange"),
                 yearPlural: (e) => a("calendar.yearRangePlural", { count: e })
               },
-              onClear: Qe,
+              onClear: we,
               onCancel: qe,
               onApply: Ie
             }
@@ -333,5 +337,5 @@ const Ga = $e(
   }
 );
 export {
-  Ga as Calendar
+  Ua as Calendar
 };

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/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,