impact-nova 2.0.9 → 2.1.0-alpha.1

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

@@ -1,504 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
-import * as r from "react";
-import * as P from "@radix-ui/react-dialog";
-import { Search as Q } from "impact-nova-icons";
-import { cn as l } from "../../../lib/utils.js";
-import { useCommandPalette as ie } from "./command-palette-context.js";
-import { Kbd as v } from "./kbd.js";
-import { buildCommandPaletteLayout as de } from "./command-palette-layout.js";
-import { fuzzyFilter as le, keybindingToSymbols as ce, COMMAND_SOURCE_LABELS as me } from "./utils.js";
-const ue = /* @__PURE__ */ new Set(["browser", "system", "ag-grid"]);
-function pe(o) {
-  return !!o && ue.has(o);
-}
-const R = r.createContext({
-  query: "",
-  setQuery: () => {
-  },
-  selectedIndex: 0,
-  setSelectedIndex: () => {
-  },
-  orderedCommands: [],
-  onExecute: () => {
-  }
-});
-function fe({
-  className: o,
-  children: a,
-  commands: n,
-  placeholder: i = "Type a command or search...",
-  emptyTitle: m = "No results found",
-  emptyDescription: p = "Try a different search term",
-  recentGroupLabel: f = "Recently Used",
-  defaultGroupLabel: d = "Commands",
-  navigateLabel: I = "Navigate",
-  runLabel: z = "Run",
-  closeLabel: M = "Close",
-  configureShortcutsLabel: D = "Configure Shortcuts",
-  onCommandExecute: O,
-  onOpenChange: W
-}) {
-  const {
-    open: E,
-    setOpen: Y,
-    getPaletteCommands: Z,
-    getEffectiveKeybinding: G,
-    registry: k
-  } = ie(), [y, $] = r.useState(""), [N, g] = r.useState(0), A = r.useRef(null), F = r.useRef(null), j = r.useMemo(() => (n ?? Z()).filter((s) => {
-    const u = s.source ?? "user";
-    return u === "user" || u === "ag-grid";
-  }), [n, E]), q = r.useMemo(() => {
-    const t = le(
-      j,
-      y,
-      (s) => `${s.category ? s.category + ": " : ""}${s.label}${s.description ? " " + s.description : ""}`
-    );
-    if (!y.trim()) {
-      const s = k.getRecentCommandIds(), u = new Set(s), x = [], C = [];
-      for (const h of t)
-        u.has(h.item.id) ? x.push(h) : C.push(h);
-      return x.sort(
-        (h, oe) => s.indexOf(h.item.id) - s.indexOf(oe.item.id)
-      ), [...x, ...C];
-    }
-    return t;
-  }, [j, y, k]), T = r.useMemo(
-    () => q.map((t) => t.item),
-    [q]
-  ), ee = r.useMemo(
-    () => de({
-      filteredCommands: T,
-      emptyQuery: !y.trim(),
-      recentCommandIds: k.getRecentCommandIds(),
-      recentGroupLabel: f,
-      defaultGroupLabel: d
-    }),
-    [T, y, k, f, d]
-  ), { groups: te, orderedCommands: b } = ee, S = r.useRef({
-    ordered: b,
-    index: N
-  });
-  S.current = { ordered: b, index: N }, r.useEffect(() => {
-    E && ($(""), g(0), requestAnimationFrame(() => {
-      A.current?.focus();
-    }));
-  }, [E]);
-  const K = (t) => {
-    Y(t), W?.(t);
-  }, w = r.useCallback(
-    (t) => {
-      t.handler(), k.addRecentCommand(t.id), O?.(t), K(!1);
-    },
-    [k, O]
-  ), ae = r.useCallback(
-    (t) => {
-      const { ordered: s } = S.current, u = Math.max(s.length - 1, 0);
-      switch (t.key) {
-        case "ArrowDown": {
-          t.preventDefault(), g((x) => Math.min(x + 1, u));
-          break;
-        }
-        case "ArrowUp": {
-          t.preventDefault(), g((x) => Math.max(x - 1, 0));
-          break;
-        }
-        case "Enter": {
-          t.preventDefault();
-          const { ordered: x, index: C } = S.current, h = x[C];
-          h && w(h);
-          break;
-        }
-        case "Home": {
-          t.preventDefault(), g(0);
-          break;
-        }
-        case "End": {
-          t.preventDefault(), g(u);
-          break;
-        }
-      }
-    },
-    [w]
-  );
-  r.useEffect(() => {
-    g(0);
-  }, [y]), r.useEffect(() => {
-    const t = b.length;
-    g((s) => t === 0 ? 0 : Math.min(s, t - 1));
-  }, [b.length]), r.useLayoutEffect(() => {
-    const t = F.current;
-    if (!t) return;
-    const s = t.querySelector(
-      '[data-selected="true"]'
-    );
-    s && s.scrollIntoView({
-      block: "nearest",
-      inline: "nearest",
-      behavior: "auto"
-    });
-  }, [N]);
-  const ne = r.useMemo(
-    () => ({
-      query: y,
-      setQuery: $,
-      selectedIndex: N,
-      setSelectedIndex: g,
-      orderedCommands: b,
-      onExecute: w,
-      placeholder: i,
-      emptyTitle: m,
-      emptyDescription: p,
-      recentGroupLabel: f,
-      defaultGroupLabel: d,
-      navigateLabel: I,
-      runLabel: z,
-      closeLabel: M,
-      configureShortcutsLabel: D
-    }),
-    [
-      y,
-      N,
-      b,
-      w,
-      i,
-      m,
-      p,
-      f,
-      d,
-      I,
-      z,
-      M,
-      D
-    ]
-  ), re = r.Children.count(a) > 0;
-  return /* @__PURE__ */ e(P.Root, { open: E, onOpenChange: K, children: /* @__PURE__ */ c(P.Portal, { children: [
-    /* @__PURE__ */ e(P.Overlay, { className: "fixed inset-0 z-50 bg-scrim data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
-    /* @__PURE__ */ c(
-      P.Content,
-      {
-        "aria-describedby": void 0,
-        "data-command-palette": !0,
-        "data-component": "command-palette",
-        onKeyDown: ae,
-        className: l(
-          "fixed left-[50%] top-[20%] z-50 w-full max-w-[640px] -translate-x-1/2",
-          "rounded-xl border border-stroke-hairline bg-canvas-elevated shadow-2xl overflow-hidden",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-          // Pin translate-x at -50% during animation so it stays centered (no horizontal slide)
-          "data-[state=open]:slide-in-from-left-1/2 data-[state=closed]:slide-out-to-left-1/2",
-          "duration-150",
-          o
-        ),
-        style: { transformOrigin: "top center" },
-        children: [
-          /* @__PURE__ */ e(P.Title, { className: "sr-only", children: "Command Palette" }),
-          /* @__PURE__ */ e(R.Provider, { value: ne, children: re ? a : /* @__PURE__ */ c(se, { children: [
-            /* @__PURE__ */ e(U, { ref: A, placeholder: i }),
-            /* @__PURE__ */ e(_, { ref: F, children: b.length === 0 ? /* @__PURE__ */ e(V, {}) : te.map((t, s) => /* @__PURE__ */ c(
-              r.Fragment,
-              {
-                children: [
-                  s > 0 && /* @__PURE__ */ e(X, {}),
-                  /* @__PURE__ */ e(B, { heading: t.heading, children: t.items.map((u, x) => {
-                    const C = t.rowStart + x, h = G(u.id);
-                    return /* @__PURE__ */ e(
-                      H,
-                      {
-                        command: u,
-                        isSelected: C === N,
-                        onSelect: () => w(u),
-                        onMouseEnter: () => g(C),
-                        keybinding: h
-                      },
-                      u.id
-                    );
-                  }) })
-                ]
-              },
-              `${t.heading}-${t.rowStart}`
-            )) }),
-            /* @__PURE__ */ e(J, {})
-          ] }) })
-        ]
-      }
-    )
-  ] }) });
-}
-fe.displayName = "CommandPalette";
-const U = r.forwardRef(({ className: o, placeholder: a, onValueChange: n, ...i }, m) => {
-  const { query: p, setQuery: f } = r.useContext(R);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      className: l(
-        "flex items-center gap-3 border-b border-stroke-hairline px-4",
-        o
-      ),
-      "data-command-palette-input": !0,
-      children: [
-        /* @__PURE__ */ e(Q, { className: "h-4 w-4 shrink-0 text-content-muted" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            ref: m,
-            value: p,
-            onChange: (d) => {
-              f(d.target.value), n?.(d.target.value);
-            },
-            placeholder: a,
-            autoComplete: "off",
-            autoCorrect: "off",
-            spellCheck: !1,
-            className: l(
-              "flex h-12 w-full bg-transparent py-3 text-sm font-medium outline-none",
-              "placeholder:text-content-muted"
-            ),
-            ...i
-          }
-        ),
-        /* @__PURE__ */ e(
-          v,
-          {
-            keybinding: { key: "Escape" },
-            size: "sm",
-            variant: "muted",
-            className: "shrink-0"
-          }
-        )
-      ]
-    }
-  );
-});
-U.displayName = "CommandPaletteInput";
-const _ = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: i,
-    role: "listbox",
-    "data-command-palette-list": !0,
-    className: l(
-      "max-h-[360px] overflow-y-auto overscroll-contain py-1",
-      o
-    ),
-    ...n,
-    children: a
-  }
-));
-_.displayName = "CommandPaletteList";
-const B = r.forwardRef(({ className: o, heading: a, children: n, ...i }, m) => /* @__PURE__ */ c(
-  "div",
-  {
-    ref: m,
-    role: "group",
-    "aria-label": a,
-    "data-command-palette-group": !0,
-    className: l("py-1", o),
-    ...i,
-    children: [
-      a && /* @__PURE__ */ e("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-content-muted", children: a }),
-      n
-    ]
-  }
-));
-B.displayName = "CommandPaletteGroup";
-function xe({
-  source: o,
-  isSelected: a
-}) {
-  if (!o || o === "user") return null;
-  const n = me[o];
-  return n ? /* @__PURE__ */ e(
-    "span",
-    {
-      className: l(
-        "shrink-0 rounded px-1.5 py-px text-[9px] font-medium leading-tight tracking-wide",
-        a ? "text-brand-foreground/50" : "text-content-muted border border-stroke-hairline"
-      ),
-      children: n
-    }
-  ) : null;
-}
-const H = r.forwardRef(({ className: o, command: a, isSelected: n, onSelect: i, keybinding: m, ...p }, f) => {
-  const d = pe(a.source);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ref: f,
-      role: "option",
-      "aria-selected": n,
-      "data-selected": n,
-      "data-command-palette-item": !0,
-      "data-command-id": a.id,
-      onClick: i,
-      className: l(
-        "flex items-center gap-3 cursor-pointer px-4 py-2 text-sm",
-        // Smooth selection shift; scroll-margin keeps row clear of list edges when scrolling into view
-        "transition-[color,background-color] duration-150 ease-out [scroll-margin-block:6px]",
-        n ? "bg-brand text-brand-foreground" : d ? "text-content-muted hover:bg-canvas-muted" : "text-content-charcoal hover:bg-canvas-muted",
-        o
-      ),
-      ...p,
-      children: [
-        a.icon && /* @__PURE__ */ e(
-          "span",
-          {
-            className: l(
-              "flex h-4 w-4 shrink-0 items-center justify-center",
-              n ? "text-brand-foreground" : d ? "text-stroke-hairline" : "text-content-muted"
-            ),
-            children: a.icon
-          }
-        ),
-        /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col min-w-0", children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: l(
-                "truncate",
-                d && !n ? "font-normal" : "font-medium"
-              ),
-              children: a.label
-            }
-          ),
-          a.description && /* @__PURE__ */ e(
-            "span",
-            {
-              className: l(
-                "truncate text-xs",
-                n ? "text-brand-foreground/70" : d ? "text-stroke-hairline" : "text-content-muted"
-              ),
-              children: a.description
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(xe, { source: a.source, isSelected: n }),
-        m && /* @__PURE__ */ e(
-          L,
-          {
-            keybinding: m,
-            isSelected: n,
-            external: d
-          }
-        )
-      ]
-    }
-  );
-});
-H.displayName = "CommandPaletteItem";
-function L({
-  keybinding: o,
-  isSelected: a,
-  external: n,
-  className: i,
-  ...m
-}) {
-  const p = ce(o);
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: l("ml-auto flex items-center gap-0.5 shrink-0", i),
-      "data-command-palette-shortcut": !0,
-      ...m,
-      children: p.map((f, d) => /* @__PURE__ */ e(
-        "kbd",
-        {
-          className: l(
-            "inline-flex min-w-[20px] items-center justify-center rounded px-1 h-[20px] text-[10px] font-mono leading-none",
-            "transition-[color,background-color,border-color] duration-150 ease-out",
-            a ? "bg-canvas-elevated/20 text-brand-foreground border border-brand-foreground/30" : n ? "bg-canvas-muted text-stroke-hairline border border-stroke-hairline" : "bg-canvas-muted text-content-muted border border-stroke-hairline"
-          ),
-          children: f
-        },
-        `${f}-${d}`
-      ))
-    }
-  );
-}
-L.displayName = "CommandPaletteShortcut";
-function V({
-  className: o,
-  ...a
-}) {
-  const { emptyTitle: n, emptyDescription: i } = r.useContext(R);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      "data-command-palette-empty": !0,
-      className: l(
-        "flex flex-col items-center justify-center py-12 text-center text-sm text-content-muted",
-        o
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ e(Q, { className: "h-8 w-8 mb-3 text-stroke-hairline" }),
-        /* @__PURE__ */ e("p", { className: "font-medium", children: n }),
-        /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: i })
-      ]
-    }
-  );
-}
-V.displayName = "CommandPaletteEmpty";
-function X({
-  className: o,
-  ...a
-}) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-command-palette-separator": !0,
-      className: l("h-px bg-stroke-hairline mx-2", o),
-      ...a
-    }
-  );
-}
-X.displayName = "CommandPaletteSeparator";
-function J({
-  className: o,
-  ...a
-}) {
-  const { navigateLabel: n, runLabel: i, closeLabel: m, configureShortcutsLabel: p } = r.useContext(R);
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      "data-command-palette-footer": !0,
-      className: l(
-        "flex items-center gap-4 border-t border-stroke-hairline px-4 py-2 text-[11px] text-content-muted",
-        o
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(v, { keys: ["↑"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e(v, { keys: ["↓"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: n })
-        ] }),
-        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(v, { keys: ["↵"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: i })
-        ] }),
-        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(v, { keys: ["Escape"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: m })
-        ] }),
-        p && /* @__PURE__ */ c("span", { className: "ml-auto inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(v, { keybinding: { key: "k", alt: !0 }, size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: p })
-        ] })
-      ]
-    }
-  );
-}
-J.displayName = "CommandPaletteFooter";
-export {
-  fe as CommandPalette,
-  V as CommandPaletteEmpty,
-  J as CommandPaletteFooter,
-  B as CommandPaletteGroup,
-  U as CommandPaletteInput,
-  H as CommandPaletteItem,
-  _ as CommandPaletteList,
-  X as CommandPaletteSeparator,
-  L as CommandPaletteShortcut
-};

package/dist/components/ui/command-palette/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * Command Palette & Keyboard Shortcuts — Public API
- */
-export type { ShortcutScope, KeyBinding, CommandDefinition, FuzzyResult, SerializedOverride, BrowserShortcutInfo, ShortcutStorageAdapter, } from './utils';
-export { isMac, getKeySymbol, keybindingToSymbols, keybindingToString, matchesKeybinding, parseKeybinding, keybindingsEqual, keybindingFromEvent, isReservedShortcut, getBrowserShortcutInfo, BROWSER_SHORTCUTS, fuzzyScore, fuzzyFilter, COMMAND_SOURCE_LABELS, scopePriority, serialiseOverrides, deserialiseOverrides, } from './utils';
-export { ShortcutRegistry, LocalStorageAdapter } from './shortcut-registry';
-export type { RegistryChangeEvent, RegistryListener, ConflictInfo } from './shortcut-registry';
-export { CommandPaletteProvider, useCommandPalette, } from './command-palette-context';
-export type { CommandPaletteContextValue, CommandPaletteProviderProps } from './command-palette-context';
-export { useShortcut } from './use-shortcut';
-export type { UseShortcutOptions } from './use-shortcut';
-export { useGlobalShortcut } from './use-global-shortcut';
-export type { UseGlobalShortcutOptions } from './use-global-shortcut';
-export { useBrowserShortcuts } from './use-browser-shortcuts';
-export type { UseBrowserShortcutsOptions } from './use-browser-shortcuts';
-export { ShortcutScopeProvider } from './shortcut-scope-provider';
-export type { ShortcutScopeProviderProps } from './shortcut-scope-provider';
-export { CommandPalette, CommandPaletteInput, CommandPaletteList, CommandPaletteGroup, CommandPaletteItem, CommandPaletteShortcut, CommandPaletteEmpty, CommandPaletteSeparator, CommandPaletteFooter, } from './command-palette';
-export type { CommandPaletteProps, CommandPaletteInputProps, CommandPaletteGroupProps, CommandPaletteItemProps, CommandPaletteShortcutProps, } from './command-palette';
-export { Kbd } from './kbd';
-export type { KbdProps } from './kbd';
-export { ShortcutOverlayProvider, useShortcutOverlay } from './shortcut-overlay-context';
-export type { ShortcutOverlayContextValue, ShortcutOverlayProviderProps } from './shortcut-overlay-context';
-export { ShortcutOverlay } from './shortcut-overlay';

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

@@ -1,51 +0,0 @@
-import { BROWSER_SHORTCUTS as r, COMMAND_SOURCE_LABELS as o, deserialiseOverrides as m, fuzzyFilter as a, fuzzyScore as i, getBrowserShortcutInfo as n, getKeySymbol as d, isMac as s, isReservedShortcut as l, keybindingFromEvent as S, keybindingToString as u, keybindingToSymbols as p, keybindingsEqual as c, matchesKeybinding as y, parseKeybinding as P, scopePriority as f, serialiseOverrides as C } from "./utils.js";
-import { LocalStorageAdapter as g, ShortcutRegistry as x } from "./shortcut-registry.js";
-import { CommandPaletteProvider as v, useCommandPalette as O } from "./command-palette-context.js";
-import { useShortcut as R } from "./use-shortcut.js";
-import { useGlobalShortcut as z } from "./use-global-shortcut.js";
-import { useBrowserShortcuts as K } from "./use-browser-shortcuts.js";
-import { ShortcutScopeProvider as T } from "./shortcut-scope-provider.js";
-import { CommandPalette as F, CommandPaletteEmpty as I, CommandPaletteFooter as M, CommandPaletteGroup as _, CommandPaletteInput as w, CommandPaletteItem as G, CommandPaletteList as U, CommandPaletteSeparator as q, CommandPaletteShortcut as D } from "./command-palette.js";
-import { Kbd as N } from "./kbd.js";
-import { ShortcutOverlayProvider as j, useShortcutOverlay as J } from "./shortcut-overlay-context.js";
-import { ShortcutOverlay as V } from "./shortcut-overlay.js";
-export {
-  r as BROWSER_SHORTCUTS,
-  o as COMMAND_SOURCE_LABELS,
-  F as CommandPalette,
-  I as CommandPaletteEmpty,
-  M as CommandPaletteFooter,
-  _ as CommandPaletteGroup,
-  w as CommandPaletteInput,
-  G as CommandPaletteItem,
-  U as CommandPaletteList,
-  v as CommandPaletteProvider,
-  q as CommandPaletteSeparator,
-  D as CommandPaletteShortcut,
-  N as Kbd,
-  g as LocalStorageAdapter,
-  V as ShortcutOverlay,
-  j as ShortcutOverlayProvider,
-  x as ShortcutRegistry,
-  T as ShortcutScopeProvider,
-  m as deserialiseOverrides,
-  a as fuzzyFilter,
-  i as fuzzyScore,
-  n as getBrowserShortcutInfo,
-  d as getKeySymbol,
-  s as isMac,
-  l as isReservedShortcut,
-  S as keybindingFromEvent,
-  u as keybindingToString,
-  p as keybindingToSymbols,
-  c as keybindingsEqual,
-  y as matchesKeybinding,
-  P as parseKeybinding,
-  f as scopePriority,
-  C as serialiseOverrides,
-  K as useBrowserShortcuts,
-  O as useCommandPalette,
-  z as useGlobalShortcut,
-  R as useShortcut,
-  J as useShortcutOverlay
-};

package/dist/components/ui/command-palette/kbd.d.ts

@@ -1,28 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { KeyBinding } from './utils';
-/**
- * Kbd — Keyboard key badge component.
- *
- * Renders individual key caps (e.g. ⌘, ⇧, K) as styled <kbd> elements.
- * Automatically maps modifier names to platform-appropriate symbols.
- *
- * Usage:
- *   <Kbd keys={['meta', 'shift', 'P']} />
- *   // Renders: [⌘] [⇧] [P] on Mac, [Ctrl] [Shift] [P] on Windows
- *
- *   <Kbd keybinding={{ key: 'k', meta: true }} />
- *   // Renders: [⌘] [K] on Mac, [Ctrl] [K] on Windows
- */
-import * as React from 'react';
-declare const kbdVariants: (props?: {
-    size?: "default" | "sm" | "lg";
-    variant?: "default" | "dark" | "muted";
-} & import('class-variance-authority/types').ClassProp) => string;
-export interface KbdProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'>, VariantProps<typeof kbdVariants> {
-    /** Array of key names/symbols to render. e.g. ['meta', 'shift', 'P'] */
-    keys?: string[];
-    /** Or provide a KeyBinding object directly */
-    keybinding?: KeyBinding;
-}
-declare const Kbd: React.ForwardRefExoticComponent<KbdProps & React.RefAttributes<HTMLElement>>;
-export { Kbd, kbdVariants };

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

@@ -1,52 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as o from "react";
-import { cva as c } from "class-variance-authority";
-import { cn as i } from "../../../lib/utils.js";
-import { keybindingToSymbols as f, getKeySymbol as u } from "./utils.js";
-const b = c(
-  "inline-flex items-center justify-center rounded border font-mono leading-none select-none",
-  {
-    variants: {
-      size: {
-        sm: "min-w-[18px] h-[18px] px-1 text-[10px]",
-        default: "min-w-[22px] h-[22px] px-1.5 text-[11px]",
-        lg: "min-w-[26px] h-[26px] px-2 text-xs"
-      },
-      variant: {
-        default: "bg-canvas-muted border-stroke-hairline text-content-charcoal shadow-[0_1px_0_0_var(--color-border-hairline)]",
-        muted: "bg-stroke-hairline border-stroke-hairline text-content-muted",
-        dark: "bg-content text-canvas border-stroke shadow-[0_1px_0_0_hsl(0_0%_0%_/_0.25)]"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      variant: "default"
-    }
-  }
-), h = o.forwardRef(
-  ({ className: s, keys: t, keybinding: r, size: l, variant: m, ...d }, p) => {
-    const n = o.useMemo(() => r ? f(r) : t ? t.map((e) => u(e)) : [], [t, r]);
-    return n.length === 0 ? null : /* @__PURE__ */ a(
-      "span",
-      {
-        ref: p,
-        className: i("inline-flex items-center gap-0.5", s),
-        "data-component": "kbd",
-        ...d,
-        children: n.map((e, x) => /* @__PURE__ */ a(
-          "kbd",
-          {
-            className: i(b({ size: l, variant: m })),
-            children: e
-          },
-          `${e}-${x}`
-        ))
-      }
-    );
-  }
-);
-h.displayName = "Kbd";
-export {
-  h as Kbd,
-  b as kbdVariants
-};

package/dist/components/ui/command-palette/shortcut-overlay.d.ts

@@ -1,19 +0,0 @@
-/**
- * ShortcutOverlay — Excel-like "Key Tips" overlay.
- *
- * When visible, scans the DOM for elements with `[data-shortcut-id]`,
- * resolves their effective keybindings from the command palette registry,
- * and renders floating Kbd badges positioned next to each element.
- *
- * Performance notes:
- *  - No `elementFromPoint` / forced reflows — uses containment checks only.
- *  - MutationObserver (childList on body) detects panel open/close cheaply.
- *  - All rescans are debounced via a single `requestAnimationFrame`.
- *
- * Dismiss: click backdrop, press Escape, or re-trigger the shortcut.
- */
-import * as React from 'react';
-export declare function ShortcutOverlay(): React.ReactPortal;
-export declare namespace ShortcutOverlay {
-    var displayName: string;
-}