impact-nova 1.5.6 → 1.5.8

package/dist/components/ui/ag-grid-react/cell-renderers/index.js

@@ -8,16 +8,18 @@ import { InputDisplayRenderer as a } from "./input-display-renderer.js";
 import { SelectDisplayRenderer as p } from "./select-display-renderer.js";
 import { CheckboxDisplayRenderer as m } from "./checkbox-display-renderer.js";
 import { SwitchDisplayRenderer as d } from "./switch-display-renderer.js";
-import { TextAreaDisplayRenderer as n } from "./textarea-display-renderer.js";
-import { DateDisplayRenderer as s } from "./date-display-renderer.js";
-import { InputCellEditor as c } from "./editors/input-cell-editor.js";
-import { SelectCellEditor as f } from "./editors/select-cell-editor.js";
-import { TextAreaCellEditor as C } from "./editors/textarea-cell-editor.js";
-import { DateCellEditor as D } from "./editors/date-cell-editor.js";
-import { SplitCellEditor as E } from "./editors/split-cell-editor.js";
-import { applyValueFormatter as M, evaluateValidationRules as U, getFieldValue as j, mapBadgeColor as q, mapBadgeVariant as z, resolveCellEditable as H, resolveValueFormatter as J } from "./cell-renderer-utils.js";
-import { addRowDataEditableCheck as Q } from "../editable-utils.js";
-const V = "ag-cell-no-padding", F = "ag-cell-renderer-full-control", T = "ag-cell-inner-padding", v = {
+import { TextAreaDisplayRenderer as s } from "./textarea-display-renderer.js";
+import { DateDisplayRenderer as n } from "./date-display-renderer.js";
+import { PercentProgressDisplayRenderer as c } from "./percent-progress-display-renderer.js";
+import { InputCellEditor as f } from "./editors/input-cell-editor.js";
+import { PercentProgressCellEditor as D } from "./editors/percent-progress-cell-editor.js";
+import { SelectCellEditor as C } from "./editors/select-cell-editor.js";
+import { TextAreaCellEditor as E } from "./editors/textarea-cell-editor.js";
+import { DateCellEditor as R } from "./editors/date-cell-editor.js";
+import { SplitCellEditor as y } from "./editors/split-cell-editor.js";
+import { applyValueFormatter as z, evaluateValidationRules as H, getFieldValue as J, mapBadgeColor as K, mapBadgeVariant as Q, resolveCellEditable as W, resolveValueFormatter as X } from "./cell-renderer-utils.js";
+import { addRowDataEditableCheck as Z } from "../editable-utils.js";
+const v = "ag-cell-no-padding", w = "ag-cell-renderer-full-control", M = "ag-cell-inner-padding", U = {
   // Display-only renderers
   empty: e,
   badge: r,
@@ -30,42 +32,46 @@ const V = "ag-cell-no-padding", F = "ag-cell-renderer-full-control", T = "ag-cel
   selectDisplay: p,
   checkboxDisplay: m,
   switchDisplay: d,
-  textareaDisplay: n,
-  dateDisplay: s,
+  textareaDisplay: s,
+  dateDisplay: n,
+  percentProgressDisplay: c,
   // Cell editors (real interactive components, mounted on edit)
-  inputEditor: c,
-  selectEditor: f,
-  textareaEditor: C,
-  dateEditor: D,
-  splitEditor: E
+  inputEditor: f,
+  selectEditor: C,
+  textareaEditor: E,
+  dateEditor: R,
+  splitEditor: y,
+  percentProgressEditor: D
 };
 export {
-  F as AG_CELL_FULL_CONTROL,
-  T as AG_CELL_INNER_PADDING,
-  V as AG_CELL_NO_PADDING,
-  v as AG_GRID_CELL_COMPONENTS,
+  w as AG_CELL_FULL_CONTROL,
+  M as AG_CELL_INNER_PADDING,
+  v as AG_CELL_NO_PADDING,
+  U as AG_GRID_CELL_COMPONENTS,
   o as ActionsCellRenderer,
   r as BadgeCellRenderer,
   m as CheckboxDisplayRenderer,
-  D as DateCellEditor,
-  s as DateDisplayRenderer,
+  R as DateCellEditor,
+  n as DateDisplayRenderer,
   e as EmptyCellRenderer,
   a as InputDisplayRenderer,
   l as LinkCellRenderer,
-  f as SelectCellEditor,
+  D as PercentProgressCellEditor,
+  c as PercentProgressDisplayRenderer,
+  C as SelectCellEditor,
   p as SelectDisplayRenderer,
-  E as SplitCellEditor,
+  y as SplitCellEditor,
   i as SplitCellRenderer,
   t as StatusBadgeRenderer,
   d as SwitchDisplayRenderer,
-  C as TextAreaCellEditor,
-  n as TextAreaDisplayRenderer,
-  Q as addRowDataEditableCheck,
-  M as applyValueFormatter,
-  U as evaluateValidationRules,
-  j as getFieldValue,
-  q as mapBadgeColor,
-  z as mapBadgeVariant,
-  H as resolveCellEditable,
-  J as resolveValueFormatter
+  E as TextAreaCellEditor,
+  s as TextAreaDisplayRenderer,
+  Z as addRowDataEditableCheck,
+  z as applyValueFormatter,
+  H as evaluateValidationRules,
+  J as getFieldValue,
+  K as mapBadgeColor,
+  Q as mapBadgeVariant,
+  W as resolveCellEditable,
+  X as resolveValueFormatter
 };

package/dist/components/ui/ag-grid-react/cell-renderers/percent-progress-display-renderer.d.ts

@@ -0,0 +1,31 @@
+import { ICellRendererParams } from 'ag-grid-enterprise';
+import { BadgeProps } from '../../badge';
+import { ProgressProps } from '../../progress';
+export interface PercentProgressDisplayRendererProps extends ICellRendererParams {
+    disabled?: boolean;
+    className?: string;
+    /** Inclusive min for the scale (default 0) */
+    min?: number;
+    /** Inclusive max for the scale (default 100) */
+    max?: number;
+    /** Decimal places for the badge label (default 0) */
+    fractionDigits?: number;
+    /** Percentage pill — same options as `Badge` (defaults: subtle / neutral / circle) */
+    badgeVariant?: BadgeProps['variant'];
+    badgeColor?: BadgeProps['color'];
+    badgeShape?: BadgeProps['shape'];
+    /** Progress track + fill — same options as `ProgressBar` / `Progress` (default: default) */
+    progressVariant?: ProgressProps['variant'];
+}
+/**
+ * PercentProgressDisplayRenderer — capsule progress bar + percentage pill (display).
+ * Pair with `PercentProgressCellEditor` via `cellEditor` for editing.
+ *
+ * Cell value: number or string like `"25"` / `"25%"`, or `{ value, cellMetadata? }`.
+ *
+ * Styling via `cellRendererParams`: `badgeVariant`, `badgeColor`, `badgeShape`, `progressVariant`.
+ */
+export declare const PercentProgressDisplayRenderer: {
+    (props: PercentProgressDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/ui/ag-grid-react/cell-renderers/percent-progress-display-renderer.js

@@ -0,0 +1,63 @@
+import { jsx as o, jsxs as V } from "react/jsx-runtime";
+import { Badge as j } from "../../badge.js";
+import { cn as w } from "../../../../lib/utils.js";
+import { Progress as $ } from "../../progress.js";
+function E(e) {
+  return e && typeof e == "object" && "value" in e ? e.value : e;
+}
+function F(e) {
+  if (e == null || e === "") return null;
+  if (typeof e == "number") return isNaN(e) ? null : e;
+  const a = Number(String(e).replace(/%/g, "").trim());
+  return isNaN(a) ? null : a;
+}
+function S(e, a, n) {
+  return Math.min(n, Math.max(a, e));
+}
+const _ = (e) => {
+  const { value: a, disabled: n, colDef: c, className: b, data: s } = e, l = e.min ?? 0, d = e.max ?? 100, u = e.fractionDigits ?? 0, x = e.badgeVariant ?? "subtle", h = e.badgeColor ?? "neutral", p = e.badgeShape ?? "circle", N = e.progressVariant ?? "default", f = a && typeof a == "object" && "cellMetadata" in a ? a.cellMetadata?._isDisabled : void 0, m = s && typeof s == "object" && "rowMetadata" in s ? s.rowMetadata?._isDisabled : void 0;
+  let t = !1;
+  if (!n) {
+    const P = c?._originalEditable;
+    c?.editable === !1 ? t = !1 : f === !1 ? t = !0 : f === !0 ? t = !1 : m === !1 ? t = !0 : m === !0 ? t = !1 : t = P === !0 || c?.editable === !0;
+  }
+  const v = E(a), g = F(v), i = g != null, r = i ? S(g, l, d) : l, y = d - l || 1, D = i ? (r - l) / y * 100 : 0, M = i ? u > 0 ? `${r.toFixed(u)}%` : `${Math.round(r)}%` : "--";
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `w-full h-full flex items-center ag-cell-inner-padding ${b ?? ""} ${n ? "opacity-60 cursor-not-allowed" : t ? "in-ag-editable-cell-highlight" : ""}`,
+      children: /* @__PURE__ */ V("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ o(
+          $,
+          {
+            label: !1,
+            variant: N,
+            value: D,
+            max: 100,
+            "aria-valuenow": i ? r : void 0,
+            "aria-valuemin": l,
+            "aria-valuemax": d,
+            className: "h-2.5"
+          }
+        ) }),
+        /* @__PURE__ */ o(
+          j,
+          {
+            variant: x,
+            color: h,
+            shape: p,
+            className: w(
+              "shrink-0 tabular-nums px-2 py-0.5 text-xs font-medium leading-none border-0",
+              !i && "text-[#dfe2e7]"
+            ),
+            children: M
+          }
+        )
+      ] })
+    }
+  );
+};
+_.displayName = "PercentProgressDisplayRenderer";
+export {
+  _ as PercentProgressDisplayRenderer
+};

package/dist/components/ui/ag-grid-react/cell-renderers/select-display-renderer.js

@@ -1,25 +1,31 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { ChevronDown as m } from "lucide-react";
-const u = (s) => {
-  const { value: e, options: r = [], placeholder: a = "Select...", disabled: l, colDef: o } = s, c = !l && o?.editable === !0, i = r.find((d) => d.value === String(e ?? ""))?.label ?? (e != null && e !== "" ? String(e) : ""), n = !i;
-  return /* @__PURE__ */ t(
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { ChevronDown as g } from "lucide-react";
+const h = (u) => {
+  const { value: e, options: b = [], placeholder: p = "Select...", disabled: o, colDef: i, data: t } = u, r = e && typeof e == "object" && "cellMetadata" in e ? e.cellMetadata?._isDisabled : void 0, d = t && typeof t == "object" && "rowMetadata" in t ? t.rowMetadata?._isDisabled : void 0;
+  let l = !1;
+  if (!o) {
+    const s = i?._originalEditable;
+    i?.editable === !1 ? l = !1 : r === !1 ? l = !0 : r === !0 ? l = !1 : d === !1 ? l = !0 : d === !0 ? l = !1 : l = s === !0 || i?.editable === !0;
+  }
+  const a = e && typeof e == "object" && "value" in e ? e.value : e, c = b.find((s) => s.value === String(a ?? ""))?.label ?? (a != null && a !== "" ? String(a) : ""), f = !c;
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: `w-full h-full flex items-center ag-cell-inner-padding ${l ? "opacity-60 cursor-not-allowed" : c ? "in-ag-editable-cell-highlight" : ""}`,
-      children: /* @__PURE__ */ p(
+      className: `w-full h-full flex items-center ag-cell-inner-padding ${o ? "opacity-60 cursor-not-allowed" : l ? "in-ag-editable-cell-highlight" : ""}`,
+      children: /* @__PURE__ */ m(
         "div",
         {
-          className: "flex w-full items-center justify-between rounded-[8px] bg-white px-1.5 h-7 cursor-pointer",
+          className: `flex w-full items-center justify-between rounded-[8px] px-1.5 h-7 ${l ? "bg-white cursor-pointer" : "bg-inherit"}`,
           children: [
-            /* @__PURE__ */ t("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${n ? "text-[#dfe2e7]" : ""}`, children: n ? a : i }),
-            /* @__PURE__ */ t(m, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+            /* @__PURE__ */ n("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${f ? "text-[#dfe2e7]" : ""}`, children: f ? p : c }),
+            l && /* @__PURE__ */ n(g, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
           ]
         }
       )
     }
   );
 };
-u.displayName = "SelectDisplayRenderer";
+h.displayName = "SelectDisplayRenderer";
 export {
-  u as SelectDisplayRenderer
+  h as SelectDisplayRenderer
 };

package/dist/components/ui/badge.d.ts

@@ -3,8 +3,9 @@ import * as React from "react";
 declare const badgeVariants: (props?: {
     variant?: "solid" | "outline" | "subtle";
     color?: "primary" | "destructive" | "warning" | "success" | "neutral";
+    shape?: "circle" | "square";
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, color, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, color, shape, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };

package/dist/components/ui/badge.js

@@ -1,9 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { cva as n } from "class-variance-authority";
-import { cn as o } from "../../lib/utils.js";
-const i = n(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-sm leading-[18px] font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { cva as o } from "class-variance-authority";
+import { cn as i } from "../../lib/utils.js";
+const c = o(
+  "inline-flex items-center border px-2.5 py-0.5 text-sm leading-[18px] font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -17,6 +17,10 @@ const i = n(
         warning: "",
         destructive: "",
         neutral: ""
+      },
+      shape: {
+        circle: "rounded-full",
+        square: "rounded"
       }
     },
     compoundVariants: [
@@ -41,21 +45,22 @@ const i = n(
     ],
     defaultVariants: {
       variant: "solid",
-      color: "primary"
+      color: "primary",
+      shape: "circle"
     }
   }
 );
-function d({ className: r, variant: t, color: a, ...e }) {
-  return /* @__PURE__ */ s(
+function m({ className: r, variant: t, color: a, shape: e, ...s }) {
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: o(i({ variant: t, color: a }), r),
+      className: i(c({ variant: t, color: a, shape: e }), r),
       "data-component": "badge",
-      ...e
+      ...s
     }
   );
 }
 export {
-  d as Badge,
-  i as badgeVariants
+  m as Badge,
+  c as badgeVariants
 };

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

@@ -1,5 +1,5 @@
 import { ShortcutRegistry, ConflictInfo } from './shortcut-registry';
-import { CommandDefinition, KeyBinding, ShortcutScope } from './utils';
+import { CommandDefinition, KeyBinding, ShortcutScope, ShortcutStorageAdapter } from './utils';
 /**
  * CommandPaletteProvider — React context that wraps ShortcutRegistry,
  * manages ⌘K open/close, and provides the API to all descendants.
@@ -44,8 +44,10 @@ 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, }: CommandPaletteProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandPaletteProvider({ children, openKeybinding, storage, }: CommandPaletteProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CommandPaletteProvider {
     var displayName: string;
 }

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

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

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

@@ -12,19 +12,35 @@ import { CommandDefinition, KeyBinding } from './utils';
  *   CommandPaletteEmpty, CommandPaletteSeparator, CommandPaletteFooter
  */
 import * as React from 'react';
-export interface CommandPaletteProps {
+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;
+}
+export interface CommandPaletteProps extends CommandPaletteLabels {
     className?: string;
     children?: React.ReactNode;
     /** Custom list of commands (overrides automatic registry commands) */
     commands?: CommandDefinition[];
-    /** Placeholder text for the search input */
-    placeholder?: string;
     /** 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, onCommandExecute, onOpenChange, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+declare function CommandPalette({ className, children, commands: externalCommands, placeholder, emptyTitle, emptyDescription, recentGroupLabel, defaultGroupLabel, navigateLabel, runLabel, closeLabel, onCommandExecute, onOpenChange, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CommandPalette {
     var displayName: string;
 }