impact-nova 2.0.9 → 2.1.0-alpha.10

package/dist/components/ui/combobox.js

@@ -1,361 +0,0 @@
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
-import * as me from "react";
-import { useMemo as _, useState as I, useRef as P, useCallback as d, useEffect as xe } from "react";
-import * as M from "@radix-ui/react-popover";
-import { cn as a } from "../../lib/utils.js";
-import { Info as X } from "impact-nova-icons";
-function pe(c) {
-  if (c.options) return c.options;
-  const { min: u, max: f, step: m } = c;
-  if (u == null || f == null || m == null || m <= 0 || u > f) return [];
-  const L = [];
-  for (let h = u; h <= f; h += m) {
-    const A = Math.round(h * 1e10) / 1e10;
-    L.push(String(A));
-  }
-  return L;
-}
-function ge(c, u) {
-  if (!u) return c;
-  const f = u.toLowerCase();
-  return c.filter((m) => m.toLowerCase().includes(f));
-}
-const Y = {
-  default: "h-8",
-  sm: "h-6",
-  md: "h-[28px]",
-  lg: "h-10"
-}, he = me.forwardRef(
-  ({
-    options: c,
-    min: u,
-    max: f,
-    step: m,
-    defaultValue: L = "",
-    value: h,
-    onChange: A,
-    onBlur: B,
-    placeholder: Z,
-    label: F,
-    helperText: w,
-    helperTextPosition: V = "absolute",
-    isError: x,
-    disabled: p,
-    isNumeric: j,
-    size: $ = "default",
-    className: E,
-    emptyMessage: T = "No options found",
-    allowFreeText: R = !1,
-    required: ee
-  }, y) => {
-    const K = _(
-      () => pe({ options: c, min: u, max: f, step: m }),
-      [c, u, f, m]
-    ), z = h !== void 0, [te, oe] = I(L), S = z ? h : te, [ne, U] = I(""), [i, C] = I(!1), r = i ? ne : S, [O, g] = I(-1), W = P(-1), [re, k] = I("keyboard"), q = P(null), H = P(null), se = d(
-      (e) => {
-        q.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
-      },
-      [y]
-    ), s = _(
-      () => ge(K, r),
-      [K, r]
-    ), G = P(s), ie = _(() => {
-      if (!i || !r) return -1;
-      const e = s.findIndex(
-        (t) => t.toLowerCase() === r.toLowerCase()
-      );
-      return e >= 0 ? e : -1;
-    }, [i, r, s]), N = O >= 0 ? O : ie, J = O >= 0 ? re : "mouse";
-    xe(() => {
-      W.current = N, G.current = s, i && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
-    }, [N, i, s]);
-    const l = d(
-      (e) => {
-        z || oe(e), A?.(e), C(!1), g(-1);
-      },
-      [z, A]
-    ), D = d(() => {
-      C(!1), g(-1);
-    }, []), ae = d(
-      (e) => {
-        const t = e.target.value;
-        U(t), g(-1), k("mouse"), i || C(!0);
-      },
-      [i]
-    ), le = d(() => {
-      p || (U(S), C(!0));
-    }, [p, S]), ce = d(
-      (e) => {
-        const t = e.relatedTarget;
-        if (!H.current?.contains(t)) {
-          if (i) {
-            const o = s.find(
-              (b) => b.toLowerCase() === r.toLowerCase()
-            );
-            o ? l(o) : s.length === 1 ? l(s[0]) : R && r ? l(r) : D();
-          }
-          B?.(e);
-        }
-      },
-      [i, s, r, l, D, R, B]
-    ), ue = d(
-      (e) => {
-        if (!i) {
-          (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), C(!0));
-          return;
-        }
-        if (e.key === "Escape") {
-          e.preventDefault(), e.stopPropagation(), D();
-          return;
-        }
-        if (e.key === "ArrowDown") {
-          e.preventDefault(), k("keyboard"), g(
-            (t) => t < s.length - 1 ? t + 1 : 0
-          );
-          return;
-        }
-        if (e.key === "ArrowUp") {
-          e.preventDefault(), k("keyboard"), g(
-            (t) => t > 0 ? t - 1 : s.length - 1
-          );
-          return;
-        }
-        if (e.key === "Enter" || e.key === "Tab") {
-          e.preventDefault();
-          const t = W.current, o = G.current;
-          if (t >= 0 && t < o.length)
-            l(o[t]);
-          else {
-            const b = o.find(
-              (fe) => fe.toLowerCase() === r.toLowerCase()
-            );
-            b ? l(b) : o.length === 1 ? l(o[0]) : R && r ? l(r) : D();
-          }
-          return;
-        }
-      },
-      [i, s, r, l, D, R]
-    ), Q = d(
-      (e) => {
-        l(e), setTimeout(() => q.current?.focus(), 0);
-      },
-      [l]
-    ), de = d(
-      (e) => {
-        const t = e.target.closest(
-          "[data-combobox-item]"
-        );
-        if (t) {
-          if (e.button !== 0) return;
-          e.preventDefault();
-          const o = t.getAttribute("data-combobox-value");
-          o != null && Q(o);
-          return;
-        }
-        e.preventDefault();
-      },
-      [Q]
-    );
-    return /* @__PURE__ */ v(
-      "div",
-      {
-        "data-component": "combobox",
-        "data-numeric": j || void 0,
-        className: a("flex w-full flex-col gap-[6px]", E),
-        children: [
-          F && /* @__PURE__ */ v(
-            "label",
-            {
-              className: a(
-                "text-xs font-medium leading-[18px] text-content-tertiary",
-                p && "opacity-70",
-                x && "text-destructive"
-              ),
-              children: [
-                F,
-                " ",
-                ee && /* @__PURE__ */ n("span", { className: "text-destructive", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ v(
-            "div",
-            {
-              className: a(
-                w && V === "absolute" && "relative"
-              ),
-              children: [
-                /* @__PURE__ */ v(M.Root, { open: i && !p, modal: !1, children: [
-                  /* @__PURE__ */ n(M.Anchor, { asChild: !0, children: /* @__PURE__ */ n(
-                    "div",
-                    {
-                      "data-component": "combobox-input-border",
-                      tabIndex: -1,
-                      className: a(
-                        "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm transition-colors outline-none ring-0 focus:outline-none focus:ring-0",
-                        "focus-within:outline-none focus-within:ring-0 focus-within:border-brand hover:border-brand",
-                        x ? "border-destructive hover:border-destructive" : "border-field",
-                        p && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-                        Y[$] ?? Y.default,
-                        "bg-canvas"
-                      ),
-                      children: /* @__PURE__ */ n(
-                        "input",
-                        {
-                          ref: se,
-                          type: "text",
-                          value: r,
-                          onChange: ae,
-                          onFocus: le,
-                          onBlur: ce,
-                          onKeyDown: ue,
-                          placeholder: Z,
-                          disabled: !!p,
-                          className: a(
-                            "flex h-full w-full bg-transparent p-0 text-sm font-medium",
-                            "outline-none ring-0 shadow-none border-none",
-                            "focus:outline-none focus:ring-0 focus:shadow-none focus:border-none",
-                            "focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none focus-visible:border-none",
-                            "placeholder:font-medium placeholder:text-content-empty",
-                            p && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground cursor-not-allowed",
-                            j && "text-right"
-                          ),
-                          style: { boxShadow: "none", outline: "none" },
-                          autoComplete: "off",
-                          role: "combobox",
-                          "aria-expanded": i,
-                          "aria-autocomplete": "list",
-                          "aria-haspopup": "listbox"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ n(M.Portal, { children: /* @__PURE__ */ n(
-                    M.Content,
-                    {
-                      align: "start",
-                      side: "bottom",
-                      sideOffset: 4,
-                      avoidCollisions: !0,
-                      collisionPadding: 8,
-                      onOpenAutoFocus: (e) => e.preventDefault(),
-                      onCloseAutoFocus: (e) => e.preventDefault(),
-                      onInteractOutside: () => {
-                      },
-                      onWheel: (e) => e.stopPropagation(),
-                      className: "z-[9999] overflow-hidden rounded-[12px] bg-white text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none w-[var(--radix-popover-trigger-width)]",
-                      style: {
-                        maxHeight: "var(--radix-popover-content-available-height)"
-                      },
-                      children: /* @__PURE__ */ n(
-                        "div",
-                        {
-                          ref: H,
-                          className: "flex-1 overflow-auto py-1 px-[6px]",
-                          style: { maxHeight: 240, overscrollBehavior: "contain" },
-                          role: "listbox",
-                          onPointerDown: de,
-                          onWheel: (e) => e.stopPropagation(),
-                          onMouseLeave: () => {
-                            k("mouse"), g(-1);
-                          },
-                          children: s.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-6 text-sm text-gray-500", children: T }) : s.map((e, t) => {
-                            const o = t === N, b = e.toLowerCase() === S.toLowerCase();
-                            return /* @__PURE__ */ n("div", { className: "w-full pb-[2px]", children: /* @__PURE__ */ n(
-                              "div",
-                              {
-                                "data-combobox-item": !0,
-                                "data-combobox-value": e,
-                                role: "option",
-                                "aria-selected": o,
-                                className: a(
-                                  "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
-                                  j ? "justify-end text-right" : "justify-between",
-                                  o && J === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : o && J === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
-                                ),
-                                onMouseEnter: () => {
-                                  k("mouse"), g(t);
-                                },
-                                children: /* @__PURE__ */ n("span", { className: "text-sm", children: e })
-                              }
-                            ) }, e);
-                          })
-                        }
-                      )
-                    }
-                  ) })
-                ] }),
-                w && V === "absolute" && /* @__PURE__ */ v(
-                  "div",
-                  {
-                    className: a(
-                      "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
-                      x && "text-destructive"
-                    ),
-                    children: [
-                      /* @__PURE__ */ n(
-                        X,
-                        {
-                          size: "xs",
-                          className: a(
-                            "shrink-0",
-                            x ? "text-destructive" : "text-content-muted"
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ n(
-                        "p",
-                        {
-                          className: a(
-                            "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                            x && "text-destructive"
-                          ),
-                          children: w
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          w && V === "flow" && /* @__PURE__ */ v(
-            "div",
-            {
-              className: a(
-                "flex items-center gap-[6px]",
-                x && "text-destructive"
-              ),
-              children: [
-                /* @__PURE__ */ n(
-                  X,
-                  {
-                    size: "xs",
-                    className: a(
-                      "shrink-0",
-                      x ? "text-destructive" : "text-content-muted"
-                    )
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "p",
-                  {
-                    className: a(
-                      "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      x && "text-destructive"
-                    ),
-                    children: w
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-he.displayName = "Combobox";
-export {
-  he as Combobox
-};

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

@@ -1,54 +0,0 @@
-import { ShortcutRegistry, ConflictInfo } from './shortcut-registry';
-import { CommandDefinition, KeyBinding, ShortcutScope, ShortcutStorageAdapter } from './utils';
-/**
- * CommandPaletteProvider — React context that wraps ShortcutRegistry,
- * manages ⌘K open/close, and provides the API to all descendants.
- */
-import * as React from 'react';
-export interface CommandPaletteContextValue {
-    /** The underlying registry instance */
-    registry: ShortcutRegistry;
-    /** Whether the command palette dialog is open */
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    /** Register a command (auto-applies saved overrides) */
-    registerCommand: (command: CommandDefinition) => void;
-    /** Unregister a command by ID */
-    unregisterCommand: (commandId: string) => void;
-    /** Update a command's keybinding (returns conflict info if any) */
-    updateKeybinding: (commandId: string, keybinding: KeyBinding) => {
-        success: boolean;
-        conflict?: ConflictInfo;
-        reserved?: boolean;
-    };
-    /** Reset a command's keybinding to default */
-    resetKeybinding: (commandId: string) => void;
-    /** Get all commands for the palette */
-    getPaletteCommands: () => CommandDefinition[];
-    /** Get all commands for settings */
-    getSettingsCommands: () => CommandDefinition[];
-    /** Get effective keybinding for a command */
-    getEffectiveKeybinding: (commandId: string) => KeyBinding | undefined;
-    /** Get recent command IDs (most recent first) */
-    getRecentCommandIds: () => string[];
-    /** Push/pop scope */
-    pushScope: (scope: ShortcutScope) => void;
-    popScope: (scope: ShortcutScope) => void;
-    /** Set/get the currently focused instance (for multi-table dispatch) */
-    setActiveInstance: (instance: string | null) => void;
-    getActiveInstance: () => string | null;
-    /** Force a re-render of consumers (incremented on registry change) */
-    version: number;
-}
-export interface CommandPaletteProviderProps {
-    children: React.ReactNode;
-    /** Custom keybinding to open the palette (defaults to ⌘K / Ctrl+K) */
-    openKeybinding?: KeyBinding;
-    /** Custom storage adapter for shortcuts and recent commands */
-    storage?: ShortcutStorageAdapter;
-}
-export declare function CommandPaletteProvider({ children, openKeybinding, storage, }: CommandPaletteProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace CommandPaletteProvider {
-    var displayName: string;
-}
-export declare function useCommandPalette(): CommandPaletteContextValue;

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

@@ -1,111 +0,0 @@
-import { jsx as A } from "react/jsx-runtime";
-import * as t from "react";
-import { ShortcutRegistry as N } from "./shortcut-registry.js";
-import { matchesKeybinding as R } from "./utils.js";
-const v = t.createContext(null);
-function T({
-  children: o,
-  openKeybinding: c = { key: "k", meta: !0 },
-  storage: w
-}) {
-  const [e] = t.useState(() => new N(w)), [r, i] = t.useState(!1), [u, S] = t.useState(0);
-  t.useEffect(() => e.subscribe(() => {
-    S((s) => s + 1);
-  }), [e]), t.useEffect(() => {
-    const n = (s) => {
-      const a = s.target, I = a.closest?.("[data-command-palette]"), x = a.tagName === "TEXTAREA" || a.tagName === "SELECT" || a.isContentEditable || a.tagName === "INPUT" && !["checkbox", "radio", "button", "submit", "reset"].includes(
-        a.type
-      );
-      if (R(s, c)) {
-        s.preventDefault(), s.stopPropagation(), i((h) => !h);
-        return;
-      }
-      r || x && !I && !(s.metaKey || s.ctrlKey) || e.handleKeyEvent(s);
-    };
-    return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
-  }, [e, r, c]);
-  const m = t.useCallback(
-    (n) => e.register(n),
-    [e]
-  ), l = t.useCallback(
-    (n) => e.unregister(n),
-    [e]
-  ), d = t.useCallback(
-    (n, s) => e.updateKeybinding(n, s),
-    [e]
-  ), C = t.useCallback(
-    (n) => e.resetKeybinding(n),
-    [e]
-  ), g = t.useCallback(
-    () => e.getPaletteCommands(),
-    [e]
-  ), b = t.useCallback(
-    () => e.getSettingsCommands(),
-    [e]
-  ), p = t.useCallback(
-    (n) => e.getEffectiveKeybinding(n),
-    [e]
-  ), f = t.useCallback(
-    () => e.getRecentCommandIds(),
-    [e]
-  ), y = t.useCallback(
-    (n) => e.pushScope(n),
-    [e]
-  ), k = t.useCallback(
-    (n) => e.popScope(n),
-    [e]
-  ), P = t.useCallback(
-    (n) => e.setActiveInstance(n),
-    [e]
-  ), E = t.useCallback(
-    () => e.getActiveInstance(),
-    [e]
-  ), K = t.useMemo(() => ({
-    registry: e,
-    open: r,
-    setOpen: i,
-    registerCommand: m,
-    unregisterCommand: l,
-    updateKeybinding: d,
-    resetKeybinding: C,
-    getPaletteCommands: g,
-    getSettingsCommands: b,
-    getEffectiveKeybinding: p,
-    getRecentCommandIds: f,
-    pushScope: y,
-    popScope: k,
-    setActiveInstance: P,
-    getActiveInstance: E,
-    version: u
-  }), [
-    e,
-    r,
-    u,
-    m,
-    l,
-    d,
-    C,
-    g,
-    b,
-    p,
-    f,
-    y,
-    k,
-    P,
-    E
-  ]);
-  return /* @__PURE__ */ A(v.Provider, { value: K, children: o });
-}
-T.displayName = "CommandPaletteProvider";
-function V() {
-  const o = t.useContext(v);
-  if (!o)
-    throw new Error(
-      "useCommandPalette must be used within a <CommandPaletteProvider>. Wrap your application root with <CommandPaletteProvider>."
-    );
-  return o;
-}
-export {
-  T as CommandPaletteProvider,
-  V as useCommandPalette
-};

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

@@ -1,86 +0,0 @@
-import { CommandDefinition, KeyBinding } from './utils';
-/**
- * CommandPalette — The ⌘K overlay with search, grouped results, and keyboard navigation.
- *
- * Built from scratch using existing impact-nova Dialog, Input, and Separator components.
- * Implements fuzzy search, keyboard navigation (↑↓ Enter Esc), recently-used sorting,
- * and displays shortcut badges via the Kbd component.
- *
- * Sub-components exported:
- *   CommandPalette, CommandPaletteInput, CommandPaletteList,
- *   CommandPaletteGroup, CommandPaletteItem, CommandPaletteShortcut,
- *   CommandPaletteEmpty, CommandPaletteSeparator, CommandPaletteFooter
- */
-import * as React from "react";
-interface CommandPaletteLabels {
-    /** Placeholder text for the search input */
-    placeholder?: string;
-    /** Title shown when no results are found */
-    emptyTitle?: string;
-    /** Description shown when no results are found */
-    emptyDescription?: string;
-    /** Group heading for recently used commands */
-    recentGroupLabel?: string;
-    /** Group heading for searched commands when no category is present */
-    defaultGroupLabel?: string;
-    /** Label for the navigation hint in the footer */
-    navigateLabel?: string;
-    /** Label for the execution hint in the footer */
-    runLabel?: string;
-    /** Label for the close hint in the footer */
-    closeLabel?: string;
-    /** Label for the configure shortcuts hint in the footer */
-    configureShortcutsLabel?: string;
-}
-export interface CommandPaletteProps extends CommandPaletteLabels {
-    className?: string;
-    children?: React.ReactNode;
-    /** Custom list of commands (overrides automatic registry commands) */
-    commands?: CommandDefinition[];
-    /** Called when a command is executed */
-    onCommandExecute?: (command: CommandDefinition) => void;
-    /** Called when the palette opens/closes */
-    onOpenChange?: (open: boolean) => void;
-}
-declare function CommandPalette({ className, children, commands: externalCommands, placeholder, emptyTitle, emptyDescription, recentGroupLabel, defaultGroupLabel, navigateLabel, runLabel, closeLabel, configureShortcutsLabel, onCommandExecute, onOpenChange, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPalette {
-    var displayName: string;
-}
-export interface CommandPaletteInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    onValueChange?: (value: string) => void;
-}
-declare const CommandPaletteInput: React.ForwardRefExoticComponent<CommandPaletteInputProps & React.RefAttributes<HTMLInputElement>>;
-declare const CommandPaletteList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export interface CommandPaletteGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    heading?: string;
-}
-declare const CommandPaletteGroup: React.ForwardRefExoticComponent<CommandPaletteGroupProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandPaletteItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    command: CommandDefinition;
-    isSelected?: boolean;
-    onSelect?: () => void;
-    keybinding?: KeyBinding;
-}
-declare const CommandPaletteItem: React.ForwardRefExoticComponent<CommandPaletteItemProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandPaletteShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
-    keybinding: KeyBinding;
-    isSelected?: boolean;
-    external?: boolean;
-}
-declare function CommandPaletteShortcut({ keybinding, isSelected, external, className, ...props }: CommandPaletteShortcutProps): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteShortcut {
-    var displayName: string;
-}
-declare function CommandPaletteEmpty({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteEmpty {
-    var displayName: string;
-}
-declare function CommandPaletteSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteSeparator {
-    var displayName: string;
-}
-declare function CommandPaletteFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare namespace CommandPaletteFooter {
-    var displayName: string;
-}
-export { CommandPalette, CommandPaletteInput, CommandPaletteList, CommandPaletteGroup, CommandPaletteItem, CommandPaletteShortcut, CommandPaletteEmpty, CommandPaletteSeparator, CommandPaletteFooter, };