impact-nova 1.7.5 → 1.7.7

package/dist/components/ui/checkbox.js

@@ -1,73 +1,84 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import * as n from "react";
-import * as f from "@radix-ui/react-checkbox";
-import { Check as y, Minus as w } from "lucide-react";
-import { cn as s } from "../../lib/utils.js";
-const I = n.forwardRef(({ className: g, label: c, helperText: o, isError: m, disabled: d, checked: e, defaultChecked: b, onCheckedChange: k, onKeyDown: v, ...u }, p) => {
-  const N = n.useId(), h = u.id || N, [i, l] = n.useState(
-    e !== void 0 ? e : b || !1
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import * as u from "react";
+import * as l from "@radix-ui/react-checkbox";
+import { Check as y, Minus as I } from "lucide-react";
+import { cn as i } from "../../lib/utils.js";
+const R = u.forwardRef(({ className: v, label: n, helperText: e, helperTextPosition: s = "absolute", isError: c, disabled: r, checked: t, defaultChecked: b, onCheckedChange: k, onKeyDown: p, ...f }, N) => {
+  const w = u.useId(), g = f.id || w, [o, x] = u.useState(
+    t !== void 0 ? t : b || !1
   );
-  n.useEffect(() => {
-    e !== void 0 && l(e);
-  }, [e]);
-  const x = (t) => {
-    e === void 0 && l(t), k?.(t);
+  u.useEffect(() => {
+    t !== void 0 && x(t);
+  }, [t]);
+  const h = (a) => {
+    t === void 0 && x(a), k?.(a);
   };
-  return /* @__PURE__ */ r("div", { className: "flex items-center", "data-component": "checkbox", "data-state": i === "indeterminate" ? "indeterminate" : i ? "checked" : "unchecked", "data-disabled": d || void 0, children: [
-    /* @__PURE__ */ a(
-      f.Root,
+  return /* @__PURE__ */ m("div", { className: "flex items-center", "data-component": "checkbox", "data-state": o === "indeterminate" ? "indeterminate" : o ? "checked" : "unchecked", "data-disabled": r || void 0, children: [
+    /* @__PURE__ */ d(
+      l.Root,
       {
-        ref: p,
-        id: h,
-        className: s(
+        ref: N,
+        id: g,
+        className: i(
           "peer h-4 w-4 shrink-0 rounded-[4px] border border-stroke-field bg-canvas-elevated ring-offset-canvas focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-brand data-[state=checked]:bg-accent data-[state=checked]:text-brand data-[state=indeterminate]:border-brand data-[state=indeterminate]:bg-accent data-[state=indeterminate]:text-brand mr-[7px]",
-          m && "border-destructive focus-visible:ring-destructive",
-          d && "border-stroke text-disabled-foreground data-[state=checked]:bg-disabled-surface data-[state=checked]:text-disabled-foreground",
-          g
+          c && "border-destructive focus-visible:ring-destructive",
+          r && "border-stroke text-disabled-foreground data-[state=checked]:bg-disabled-surface data-[state=checked]:text-disabled-foreground",
+          v
         ),
-        checked: e,
+        checked: t,
         defaultChecked: b,
-        onCheckedChange: x,
-        disabled: d,
-        onKeyDown: (t) => {
-          t.key === "Enter" && (t.preventDefault(), x(i === "indeterminate" ? !0 : !i)), v?.(t);
+        onCheckedChange: h,
+        disabled: r,
+        onKeyDown: (a) => {
+          a.key === "Enter" && (a.preventDefault(), h(o === "indeterminate" ? !0 : !o)), p?.(a);
         },
-        ...u,
-        children: /* @__PURE__ */ r(
-          f.Indicator,
+        ...f,
+        children: /* @__PURE__ */ m(
+          l.Indicator,
           {
             "data-checkbox": "indicator",
-            className: s("flex items-center justify-center text-current group"),
+            className: i("flex items-center justify-center text-current group"),
             children: [
-              /* @__PURE__ */ a(y, { className: "h-3 w-3 hidden group-data-[state=checked]:block", strokeWidth: 3 }),
-              /* @__PURE__ */ a(w, { className: "h-3 w-3 hidden group-data-[state=indeterminate]:block", strokeWidth: 3 })
+              /* @__PURE__ */ d(y, { className: "h-3 w-3 hidden group-data-[state=checked]:block", strokeWidth: 3 }),
+              /* @__PURE__ */ d(I, { className: "h-3 w-3 hidden group-data-[state=indeterminate]:block", strokeWidth: 3 })
             ]
           }
         )
       }
     ),
-    (c || o) && /* @__PURE__ */ r("div", { className: "grid gap-[6px] leading-none", children: [
-      c && /* @__PURE__ */ r(
-        "label",
-        {
-          htmlFor: h,
-          className: s(
-            "text-sm font-medium leading-[20px] text-secondary-foreground peer-data-[state=checked]:text-content peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-            m && "text-destructive",
-            d && "text-disabled-foreground"
+    (n || e) && /* @__PURE__ */ m(
+      "div",
+      {
+        className: i(
+          "grid gap-[6px] leading-none",
+          e && s === "absolute" && "relative",
+          !n && e && s === "absolute" && "min-h-5"
+        ),
+        children: [
+          n && /* @__PURE__ */ m(
+            "label",
+            {
+              htmlFor: g,
+              className: i(
+                "text-sm font-medium leading-[20px] text-secondary-foreground peer-data-[state=checked]:text-content peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                c && "text-destructive",
+                r && "text-disabled-foreground"
+              ),
+              children: [
+                n,
+                " ",
+                f.required && /* @__PURE__ */ d("span", { className: "text-destructive", children: "*" })
+              ]
+            }
           ),
-          children: [
-            c,
-            " ",
-            u.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
-          ]
-        }
-      ),
-      o && /* @__PURE__ */ a("p", { className: s("text-sm text-content-muted", m && "text-destructive"), children: o })
-    ] })
+          e && s === "absolute" && /* @__PURE__ */ d("p", { className: i("absolute left-0 top-full z-10 mt-1 min-w-0 max-w-full text-[12px] font-medium leading-[18px] text-navigation-muted", c && "text-destructive"), children: e }),
+          e && s === "flow" && /* @__PURE__ */ d("p", { className: i("text-[12px] font-medium leading-[18px] text-navigation-muted", c && "text-destructive"), children: e })
+        ]
+      }
+    )
   ] });
 });
-I.displayName = f.Root.displayName;
+R.displayName = l.Root.displayName;
 export {
-  I as Checkbox
+  R as Checkbox
 };

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

@@ -21,3 +21,6 @@ export { Kbd } from './kbd';
 export type { KbdProps } from './kbd';
 export { ShortcutSettings } from './shortcut-settings';
 export type { ShortcutSettingsProps } from './shortcut-settings';
+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,6 +1,6 @@
-import { BROWSER_SHORTCUTS as o, COMMAND_SOURCE_LABELS as r, deserialiseOverrides as m, fuzzyFilter as a, fuzzyScore as i, getBrowserShortcutInfo as n, getKeySymbol as d, isMac as s, isReservedShortcut as S, keybindingFromEvent as l, keybindingToString as p, keybindingToSymbols as u, keybindingsEqual as c, matchesKeybinding as y, parseKeybinding as C, scopePriority as P, serialiseOverrides as f } from "./utils.js";
-import { LocalStorageAdapter as b, ShortcutRegistry as h } from "./shortcut-registry.js";
-import { CommandPaletteProvider as v, useCommandPalette as E } from "./command-palette-context.js";
+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 S, keybindingFromEvent as l, keybindingToString as u, keybindingToSymbols as p, keybindingsEqual as c, matchesKeybinding as y, parseKeybinding as f, scopePriority as P, 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";
@@ -8,9 +8,11 @@ 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 { ShortcutSettings as j } from "./shortcut-settings.js";
+import { ShortcutOverlayProvider as Q, useShortcutOverlay as V } from "./shortcut-overlay-context.js";
+import { ShortcutOverlay as Y } from "./shortcut-overlay.js";
 export {
-  o as BROWSER_SHORTCUTS,
-  r as COMMAND_SOURCE_LABELS,
+  r as BROWSER_SHORTCUTS,
+  o as COMMAND_SOURCE_LABELS,
   F as CommandPalette,
   I as CommandPaletteEmpty,
   M as CommandPaletteFooter,
@@ -22,8 +24,10 @@ export {
   q as CommandPaletteSeparator,
   D as CommandPaletteShortcut,
   N as Kbd,
-  b as LocalStorageAdapter,
-  h as ShortcutRegistry,
+  g as LocalStorageAdapter,
+  Y as ShortcutOverlay,
+  Q as ShortcutOverlayProvider,
+  x as ShortcutRegistry,
   T as ShortcutScopeProvider,
   j as ShortcutSettings,
   m as deserialiseOverrides,
@@ -34,15 +38,16 @@ export {
   s as isMac,
   S as isReservedShortcut,
   l as keybindingFromEvent,
-  p as keybindingToString,
-  u as keybindingToSymbols,
+  u as keybindingToString,
+  p as keybindingToSymbols,
   c as keybindingsEqual,
   y as matchesKeybinding,
-  C as parseKeybinding,
+  f as parseKeybinding,
   P as scopePriority,
-  f as serialiseOverrides,
+  C as serialiseOverrides,
   K as useBrowserShortcuts,
-  E as useCommandPalette,
+  O as useCommandPalette,
   z as useGlobalShortcut,
-  R as useShortcut
+  R as useShortcut,
+  V as useShortcutOverlay
 };

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

@@ -0,0 +1,23 @@
+/**
+ * ShortcutOverlayProvider — React context for the Excel-like "Key Tips" overlay.
+ *
+ * Manages visibility state for the shortcut overlay, which displays
+ * keyboard shortcut badges next to their associated UI elements.
+ */
+import * as React from 'react';
+export interface ShortcutOverlayContextValue {
+    /** Whether the shortcut overlay is currently visible */
+    isOverlayVisible: boolean;
+    /** Set overlay visibility explicitly */
+    setOverlayVisible: (visible: boolean) => void;
+    /** Toggle overlay visibility */
+    toggleOverlay: () => void;
+}
+export interface ShortcutOverlayProviderProps {
+    children: React.ReactNode;
+}
+export declare function ShortcutOverlayProvider({ children }: ShortcutOverlayProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ShortcutOverlayProvider {
+    var displayName: string;
+}
+export declare function useShortcutOverlay(): ShortcutOverlayContextValue;

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

@@ -0,0 +1,28 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as t from "react";
+const u = t.createContext(null);
+function n({ children: e }) {
+  const [o, a] = t.useState(!1), l = t.useCallback((r) => {
+    a(r);
+  }, []), s = t.useCallback(() => {
+    a((r) => !r);
+  }, []), i = t.useMemo(() => ({
+    isOverlayVisible: o,
+    setOverlayVisible: l,
+    toggleOverlay: s
+  }), [o, l, s]);
+  return /* @__PURE__ */ c(u.Provider, { value: i, children: e });
+}
+n.displayName = "ShortcutOverlayProvider";
+function y() {
+  const e = t.useContext(u);
+  if (!e)
+    throw new Error(
+      "useShortcutOverlay must be used within a <ShortcutOverlayProvider>. Wrap your application root with <ShortcutOverlayProvider>."
+    );
+  return e;
+}
+export {
+  n as ShortcutOverlayProvider,
+  y as useShortcutOverlay
+};

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

@@ -0,0 +1,19 @@
+/**
+ * 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;
+}

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

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