modern-cmdk 1.2.1 → 1.2.3

package/dist/react/index.mjs

@@ -4,10 +4,10 @@ import { Component, Suspense, createContext, use, useCallback, useEffect, useId,
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 import { createPortal } from "react-dom";
-//#region src/react/activity.tsx
+// src/react/activity.tsx
 const ActivityComponent = "Activity" in React ? React.Activity : null;
 /**
-* Wraps content in React 19.3.0-canary Activity API.
+* Wraps content in React's <Activity> API (React 19.2+).
 * When mode="hidden", the component tree is preserved in memory but not rendered.
 * Falls back to conditional rendering if Activity is unavailable.
 */
@@ -19,8 +19,7 @@ function CommandActivity({ mode, children }) {
 	if (mode === "hidden") return null;
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-//#endregion
-//#region src/react/context.ts
+// src/react/context.ts
 const CommandStableContext = createContext(null);
 CommandStableContext.displayName = "CommandStableContext";
 const CommandStateContext = createContext(null);
@@ -42,8 +41,7 @@ CommandGroupContext.displayName = "CommandGroupContext";
 /** Context for the status container rendered outside the listbox — used by Command.Empty */
 const CommandListStatusContext = createContext(null);
 CommandListStatusContext.displayName = "CommandListStatusContext";
-//#endregion
-//#region src/react/async-items.tsx
+// src/react/async-items.tsx
 /** Inner component that suspends via use() until items resolve */
 function AsyncItemsInner({ items: itemsPromise, children }) {
 	const stable = useStableContext("Command.AsyncItems");
@@ -68,8 +66,7 @@ function CommandAsyncItems({ items, fallback, children }) {
 		})
 	});
 }
-//#endregion
-//#region src/react/badge.tsx
+// src/react/badge.tsx
 /** Inline badge for categorization or status indicators on command items. */
 function CommandBadge({ ref, children, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
@@ -79,8 +76,7 @@ function CommandBadge({ ref, children, ...props }) {
 		children
 	});
 }
-//#endregion
-//#region src/core/utils/string-wellformed.ts
+// src/core/utils/string-wellformed.ts
 /**
 * Regex matching lone surrogates (unpaired high or low surrogates).
 * A lone high surrogate (U+D800–U+DBFF) not followed by a low surrogate,
@@ -97,84 +93,7 @@ const REPLACEMENT_CHAR = "�";
 function ensureWellFormed(str) {
 	return str.replace(LONE_SURROGATE_RE, REPLACEMENT_CHAR);
 }
-//#endregion
-//#region src/core/keyboard/parser.ts
-const isMac = typeof navigator !== "undefined" && (navigator.userAgentData?.platform === "macOS" || /Mac|iPod|iPhone|iPad/.test(navigator.platform));
-/** Modifier aliases — cross-platform Mod resolution */
-const MODIFIER_MAP = {
-	mod: isMac ? "meta" : "ctrl",
-	meta: "meta",
-	cmd: "meta",
-	command: "meta",
-	ctrl: "ctrl",
-	control: "ctrl",
-	shift: "shift",
-	alt: "alt",
-	option: "alt",
-	opt: "alt"
-};
-/**
-* Parse a shortcut string like "Mod+Shift+K" into a structured ParsedShortcut.
-* Ensures valid Unicode input via ensureWellFormed helper.
-*/
-function parseShortcut(shortcut) {
-	const safeShortcut = ensureWellFormed(shortcut);
-	const parts = safeShortcut.split("+").map((p) => p.trim().toLowerCase());
-	let meta = false;
-	let ctrl = false;
-	let shift = false;
-	let alt = false;
-	let key = "";
-	for (const part of parts) {
-		const modifier = MODIFIER_MAP[part];
-		if (modifier) switch (modifier) {
-			case "meta":
-				meta = true;
-				break;
-			case "ctrl":
-				ctrl = true;
-				break;
-			case "shift":
-				shift = true;
-				break;
-			case "alt":
-				alt = true;
-				break;
-		}
-		else key = part;
-	}
-	const modifiers = [];
-	if (meta) modifiers.push("meta");
-	if (ctrl) modifiers.push("ctrl");
-	if (shift) modifiers.push("shift");
-	if (alt) modifiers.push("alt");
-	modifiers.push(key);
-	return {
-		key,
-		meta,
-		ctrl,
-		shift,
-		alt,
-		raw: safeShortcut,
-		normalized: modifiers.join("+")
-	};
-}
-/**
-* Formats a ParsedShortcut for display using platform-appropriate symbols.
-* On macOS: renders glyphs (⌘, ⇧, ⌥, ⌃). On other platforms: text labels joined by "+".
-*/
-function formatShortcut(parsed) {
-	const parts = [];
-	if (parsed.meta) parts.push(isMac ? "⌘" : "Ctrl");
-	if (parsed.ctrl && !(!isMac && parsed.meta)) parts.push(isMac ? "⌃" : "Ctrl");
-	if (parsed.shift) parts.push(isMac ? "⇧" : "Shift");
-	if (parsed.alt) parts.push(isMac ? "⌥" : "Alt");
-	const displayKey = parsed.key.length === 1 ? parsed.key.toUpperCase() : parsed.key.charAt(0).toUpperCase() + parsed.key.slice(1);
-	parts.push(displayKey);
-	return isMac ? parts.join("") : parts.join("+");
-}
-//#endregion
-//#region src/core/types.ts
+// src/core/types.ts
 /** Create a branded {@link ItemId} from a plain string. Ensures well-formed Unicode. */
 function itemId(id) {
 	return ensureWellFormed(id);
@@ -206,8 +125,7 @@ function createInitialState(options) {
 		lastUpdated: Date.now()
 	};
 }
-//#endregion
-//#region src/core/frecency/memory-storage.ts
+// src/core/frecency/memory-storage.ts
 /**
 * In-memory implementation of FrecencyStorage using a Map.
 * Data does not persist across page reloads. Suitable for ephemeral
@@ -229,8 +147,7 @@ var MemoryFrecencyStorage = class {
 		this.#store.clear();
 	}
 };
-//#endregion
-//#region src/core/frecency/index.ts
+// src/core/frecency/index.ts
 /** Shared empty bonus map — avoids allocation when no frecency records exist */
 const EMPTY_BONUS_MAP = /* @__PURE__ */ new Map();
 /** Pre-computed bucket boundaries in hours — avoids Duration.total() per call */
@@ -332,8 +249,7 @@ var FrecencyEngine = class {
 		this.#storage[Symbol.dispose]();
 	}
 };
-//#endregion
-//#region src/core/utils/group-by.ts
+// src/core/utils/group-by.ts
 /**
 * Groups items from an iterable into a Map keyed by the result of `keyFn`.
 * Cross-browser replacement for `Map.groupBy()`.
@@ -348,8 +264,7 @@ function mapGroupBy(items, keyFn) {
 	}
 	return map;
 }
-//#endregion
-//#region src/core/keyboard/matcher.ts
+// src/core/keyboard/matcher.ts
 /**
 * Tests whether a KeyboardEvent exactly matches a ParsedShortcut,
 * comparing all four modifier keys (meta, ctrl, shift, alt) and the primary key.
@@ -370,8 +285,80 @@ function detectConflicts(shortcuts) {
 	const grouped = mapGroupBy(shortcuts, (s) => s.normalized);
 	return new Map(grouped.entries().filter(([, group]) => group.length > 1));
 }
-//#endregion
-//#region src/core/keyboard/index.ts
+// src/core/keyboard/parser.ts
+const isMac = typeof navigator !== "undefined" && (navigator.userAgentData?.platform === "macOS" || /Mac|iPod|iPhone|iPad/.test(navigator.platform));
+/** Modifier aliases — cross-platform Mod resolution */
+const MODIFIER_MAP = {
+	mod: isMac ? "meta" : "ctrl",
+	meta: "meta",
+	cmd: "meta",
+	command: "meta",
+	ctrl: "ctrl",
+	control: "ctrl",
+	shift: "shift",
+	alt: "alt",
+	option: "alt",
+	opt: "alt"
+};
+/**
+* Parse a shortcut string like "Mod+Shift+K" into a structured ParsedShortcut.
+* Ensures valid Unicode input via ensureWellFormed helper.
+*/
+function parseShortcut(shortcut) {
+	const safeShortcut = ensureWellFormed(shortcut);
+	const parts = safeShortcut.split("+").map((p) => p.trim().toLowerCase());
+	let meta = false;
+	let ctrl = false;
+	let shift = false;
+	let alt = false;
+	let key = "";
+	for (const part of parts) {
+		const modifier = MODIFIER_MAP[part];
+		if (modifier) switch (modifier) {
+			case "meta":
+				meta = true;
+				break;
+			case "ctrl":
+				ctrl = true;
+				break;
+			case "shift":
+				shift = true;
+				break;
+			case "alt": alt = true;
+		}
+		else key = part;
+	}
+	const modifiers = [];
+	if (meta) modifiers.push("meta");
+	if (ctrl) modifiers.push("ctrl");
+	if (shift) modifiers.push("shift");
+	if (alt) modifiers.push("alt");
+	modifiers.push(key);
+	return {
+		key,
+		meta,
+		ctrl,
+		shift,
+		alt,
+		raw: safeShortcut,
+		normalized: modifiers.join("+")
+	};
+}
+/**
+* Formats a ParsedShortcut for display using platform-appropriate symbols.
+* On macOS: renders glyphs (⌘, ⇧, ⌥, ⌃). On other platforms: text labels joined by "+".
+*/
+function formatShortcut(parsed) {
+	const parts = [];
+	if (parsed.meta) parts.push(isMac ? "⌘" : "Ctrl");
+	if (parsed.ctrl && !(!isMac && parsed.meta)) parts.push(isMac ? "⌃" : "Ctrl");
+	if (parsed.shift) parts.push(isMac ? "⇧" : "Shift");
+	if (parsed.alt) parts.push(isMac ? "⌥" : "Alt");
+	const displayKey = parsed.key.length === 1 ? parsed.key.toUpperCase() : parsed.key.charAt(0).toUpperCase() + parsed.key.slice(1);
+	parts.push(displayKey);
+	return isMac ? parts.join("") : parts.join("+");
+}
+// src/core/keyboard/index.ts
 /**
 * Manages keyboard shortcut bindings with global keydown listening.
 * Supports `using` for automatic cleanup of both individual bindings and the
@@ -442,8 +429,7 @@ var KeyboardShortcutRegistry = class {
 		this.#bindings.clear();
 	}
 };
-//#endregion
-//#region src/core/utils/set-ops.ts
+// src/core/utils/set-ops.ts
 /** Returns a new Set containing elements present in both `a` and `b`. */
 function setIntersection(a, b) {
 	const result = /* @__PURE__ */ new Set();
@@ -486,8 +472,7 @@ function setSymmetricDifference(a, b) {
 	else result.add(item);
 	return result;
 }
-//#endregion
-//#region src/core/registry.ts
+// src/core/registry.ts
 /**
 * Manages registration and lookup of command items and groups.
 * Uses set operation helpers (union/intersection/difference) for efficient ID operations.
@@ -648,8 +633,23 @@ var CommandRegistry = class {
 		this.clear();
 	}
 };
-//#endregion
-//#region src/core/search/default-scorer.ts
+// src/core/utils/env.ts
+/**
+* `true` unless `process.env.NODE_ENV` is `'production'`.
+*
+* Consumer bundlers (Vite, webpack, Next, esbuild) replace `process.env.NODE_ENV` statically,
+* so the dev-only branches guarded by this flag fold away in production builds. A browser
+* running the unbundled module throws a ReferenceError on the bare `process` reference;
+* the catch turns that into the production value (`false`), so dev-only code stays off.
+*/
+const isDev = (() => {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return false;
+	}
+})();
+// src/core/search/default-scorer.ts
 function isWordSeparator(code) {
 	return code === 32 || code === 9 || code === 45 || code === 95 || code === 46 || code === 47 || code === 92;
 }
@@ -771,11 +771,9 @@ function scoreFuzzy(query, qLen, lowerTarget, tLen) {
 		matches
 	};
 }
-//#endregion
-//#region src/core/search/index.ts
-const __DEV__$1 = globalThis.process ? globalThis.process.env.NODE_ENV !== "production" : false;
+// src/core/search/index.ts
 let leakRegistry;
-if (__DEV__$1) leakRegistry = new FinalizationRegistry((label) => {
+if (isDev && typeof window !== "undefined") leakRegistry = new FinalizationRegistry((label) => {
 	console.warn(`[modern-cmdk] ${label} was garbage collected without being disposed. Use \`using\` or call [Symbol.dispose]() to prevent leaks.`);
 });
 /**
@@ -791,7 +789,7 @@ function createSearchEngine(options) {
 	let previousQuery = "";
 	let previousResults = /* @__PURE__ */ new Set();
 	const sentinel = {};
-	if (__DEV__$1 && leakRegistry) leakRegistry.register(sentinel, "SearchEngine", sentinel);
+	if (leakRegistry) leakRegistry.register(sentinel, "SearchEngine", sentinel);
 	return {
 		index(items) {
 			for (const item of items) indexedEntries.set(item.id, {
@@ -841,12 +839,11 @@ function createSearchEngine(options) {
 		[Symbol.dispose]() {
 			indexedEntries.clear();
 			previousResults.clear();
-			if (__DEV__$1 && leakRegistry) leakRegistry.unregister(sentinel);
+			if (leakRegistry) leakRegistry.unregister(sentinel);
 		}
 	};
 }
-//#endregion
-//#region src/core/utils/event-emitter.ts
+// src/core/utils/event-emitter.ts
 /**
 * Type-safe event emitter with strong references and Disposable subscriptions.
 * Returns Disposable from `on()` for automatic unsubscription via `using`.
@@ -889,8 +886,7 @@ var TypedEmitter = class {
 		this.#listeners.clear();
 	}
 };
-//#endregion
-//#region src/core/utils/scheduler.ts
+// src/core/utils/scheduler.ts
 /** Whether we're in a browser environment with rAF available */
 const hasRAF = typeof requestAnimationFrame === "function";
 /** Feature detection for cutting-edge scheduling APIs */
@@ -951,8 +947,7 @@ function createScheduler() {
 		}
 	};
 }
-//#endregion
-//#region src/core/machine.ts
+// src/core/machine.ts
 /**
 * Creates a headless command palette state machine with search, frecency,
 * and keyboard shortcut support. Implements Disposable for `using` cleanup.
@@ -1059,9 +1054,10 @@ function createCommandMachine(options = {}) {
 		const loop = options.loop ?? true;
 		const currentIdx = activeId ? filteredIdIndex.get(activeId) ?? -1 : -1;
 		let newIdx;
-		if (direction === "next") if (currentIdx === -1 || currentIdx >= filteredIds.length - 1) newIdx = loop ? 0 : filteredIds.length - 1;
-		else newIdx = currentIdx + 1;
-		else if (currentIdx <= 0) newIdx = loop ? filteredIds.length - 1 : 0;
+		if (direction === "next") {
+			if (currentIdx === -1 || currentIdx >= filteredIds.length - 1) newIdx = loop ? 0 : filteredIds.length - 1;
+			else newIdx = currentIdx + 1;
+		} else if (currentIdx <= 0) newIdx = loop ? filteredIds.length - 1 : 0;
 		else newIdx = currentIdx - 1;
 		const newActiveId = filteredIds[newIdx] ?? null;
 		if (newActiveId !== activeId) {
@@ -1177,7 +1173,6 @@ function createCommandMachine(options = {}) {
 			case "UNREGISTER_GROUP":
 				registry.unregisterGroup(event.id);
 				refilter(state.search);
-				break;
 		}
 	}
 	return {
@@ -1218,8 +1213,7 @@ function createCommandMachine(options = {}) {
 		}
 	};
 }
-//#endregion
-//#region src/react/hooks/use-command.ts
+// src/react/hooks/use-command.ts
 /** Core hook that binds a CommandMachine to React via useSyncExternalStore, useTransition, and useOptimistic. */
 function useCommand(machine) {
 	const id = useId();
@@ -1252,8 +1246,7 @@ function useCommand(machine) {
 		id
 	};
 }
-//#endregion
-//#region src/react/hooks/use-keyboard.ts
+// src/react/hooks/use-keyboard.ts
 /** Navigation key to machine direction mapping */
 const NAVIGATION_KEYS = {
 	ArrowDown: "next",
@@ -1294,12 +1287,10 @@ function createKeydownHandler(machine, getState) {
 			case "Escape":
 				event.preventDefault();
 				machine.send({ type: "CLOSE" });
-				break;
 		}
 	};
 }
-//#endregion
-//#region src/react/hooks/use-command-setup.ts
+// src/react/hooks/use-command-setup.ts
 /**
 * Shared setup for Command and Command.Dialog — creates machine once,
 * subscribes via useSyncExternalStore, memoizes context values, and
@@ -1359,8 +1350,7 @@ function useCommandSetup(machineFactory, label) {
 		])
 	};
 }
-//#endregion
-//#region src/react/dialog.tsx
+// src/react/dialog.tsx
 /** Dialog variant that wraps the command palette in a Radix UI Dialog with focus trap and overlay. */
 function CommandDialog({ children, className, overlayClassName, contentClassName, label = "Command palette", description = "Type a command or search...", open: controlledOpen, onOpenChange, container, ...machineOptions }) {
 	const onOpenChangeRef = useRef(onOpenChange);
@@ -1434,8 +1424,7 @@ function CommandDialog({ children, className, overlayClassName, contentClassName
 		})
 	});
 }
-//#endregion
-//#region src/react/empty.tsx
+// src/react/empty.tsx
 /** Rendered when no items match the current search query. */
 function CommandEmpty({ ref, children, ...props }) {
 	const stateCtx = useStateContext("Command.Empty");
@@ -1452,8 +1441,7 @@ function CommandEmpty({ ref, children, ...props }) {
 	if (statusContainerRef?.current) return createPortal(content, statusContainerRef.current);
 	return content;
 }
-//#endregion
-//#region src/react/hooks/use-register.ts
+// src/react/hooks/use-register.ts
 /** Register a command item with the machine — auto-deregisters on unmount */
 function useRegisterItem(value, options) {
 	const stable = useStableContext("useRegisterItem");
@@ -1525,8 +1513,7 @@ function useRegisterGroup(heading, options) {
 	]);
 	return id;
 }
-//#endregion
-//#region src/react/group.tsx
+// src/react/group.tsx
 /** Module-level constant — avoids allocating a new object on every render of hidden groups */
 const HIDDEN_STYLE = { display: "none" };
 /** Visual grouping container with an optional heading that hides when no items match. */
@@ -1570,8 +1557,7 @@ function CommandGroup({ ref, children, heading, priority, forceId, ...props }) {
 		})
 	});
 }
-//#endregion
-//#region src/react/highlight.tsx
+// src/react/highlight.tsx
 /** Renders search match highlighting by splitting text at scored match ranges. */
 function CommandHighlight({ text, ranges, highlightClassName }) {
 	return useMemo(() => {
@@ -1596,8 +1582,7 @@ function CommandHighlight({ text, ranges, highlightClassName }) {
 		highlightClassName
 	]);
 }
-//#endregion
-//#region src/react/input.tsx
+// src/react/input.tsx
 /** Combobox input that drives the command palette search state. */
 function CommandInput({ ref, placeholder = "Search...", onValueChange, ...props }) {
 	const stable = useStableContext("Command.Input");
@@ -1627,8 +1612,7 @@ function CommandInput({ ref, placeholder = "Search...", onValueChange, ...props
 		...props
 	});
 }
-//#endregion
-//#region src/react/item.tsx
+// src/react/item.tsx
 /** Individual selectable item in the command list with keyboard and pointer activation. */
 function CommandItem({ ref, children, value, keywords, onSelect, disabled = false, shortcut, forceId, ...props }) {
 	const stable = useStableContext("Command.Item");
@@ -1698,8 +1682,7 @@ function CommandItem({ ref, children, value, keywords, onSelect, disabled = fals
 		children
 	});
 }
-//#endregion
-//#region src/react/hooks/use-virtualizer.ts
+// src/react/hooks/use-virtualizer.ts
 /** Lightweight virtualizer for large item lists using ResizeObserver and scroll tracking. */
 function useVirtualizer(options) {
 	const { count, estimateSize, overscan = 8, scrollElement, enabled = true } = options;
@@ -1803,8 +1786,7 @@ function useVirtualizer(options) {
 		}, [enabled])
 	};
 }
-//#endregion
-//#region src/react/list.tsx
+// src/react/list.tsx
 /** Scrollable list container with auto-virtualization and aria-live announcements. */
 function CommandList({ ref, children, virtualize, estimateSize = 44, overscan = 8, announceResults, style, ...props }) {
 	const stable = useStableContext("Command.List");
@@ -1944,8 +1926,7 @@ function CommandList({ ref, children, virtualize, estimateSize = 44, overscan =
 		]
 	});
 }
-//#endregion
-//#region src/react/loading.tsx
+// src/react/loading.tsx
 /** Shown during async operations, with configurable loading state override. */
 function CommandLoading({ ref, children, loading: loadingOverride, ...props }) {
 	const stateCtx = useStateContext("Command.Loading");
@@ -1960,8 +1941,7 @@ function CommandLoading({ ref, children, loading: loadingOverride, ...props }) {
 		children
 	});
 }
-//#endregion
-//#region src/react/page.tsx
+// src/react/page.tsx
 /** Page navigation container that only renders when its ID matches the active page. */
 function CommandPage({ id, children }) {
 	if (useStateContext("Command.Page").state.page !== id) return null;
@@ -1971,8 +1951,7 @@ function CommandPage({ id, children }) {
 		children
 	});
 }
-//#endregion
-//#region src/react/separator.tsx
+// src/react/separator.tsx
 /** Visual divider between items or groups, rendered as a presentational element. */
 function CommandSeparator({ ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -1982,8 +1961,7 @@ function CommandSeparator({ ref, ...props }) {
 		...props
 	});
 }
-//#endregion
-//#region src/react/shortcut.tsx
+// src/react/shortcut.tsx
 /** Keyboard shortcut display with platform-aware formatting (e.g., Cmd vs Ctrl). */
 function CommandShortcut({ ref, shortcut, children, ...props }) {
 	const formattedShortcut = useMemo(() => shortcut ? formatShortcut(parseShortcut(shortcut)) : null, [shortcut]);
@@ -1994,8 +1972,7 @@ function CommandShortcut({ ref, shortcut, children, ...props }) {
 		children: formattedShortcut ?? children
 	});
 }
-//#endregion
-//#region src/react/command.tsx
+// src/react/command.tsx
 /** Root compound component that provides the command state machine context to all children. */
 function CommandRoot({ children, className, label = "Command palette", ...machineOptions }) {
 	const rootRef = useRef(null);
@@ -2044,8 +2021,7 @@ const Command = Object.assign(CommandRoot, {
 	AsyncItems: CommandAsyncItems,
 	Activity: CommandActivity
 });
-//#endregion
-//#region src/react/error-boundary.tsx
+// src/react/error-boundary.tsx
 /** Initial state — no error captured */
 const INITIAL_STATE = { error: null };
 /** Error boundary for graceful failure recovery in command subtrees. */
@@ -2067,8 +2043,7 @@ var CommandErrorBoundary = class extends Component {
 		return this.props.children;
 	}
 };
-//#endregion
-//#region src/react/hooks/use-command-state.ts
+// src/react/hooks/use-command-state.ts
 function useCommandState(selector) {
 	const stable = useStableContext("useCommandState");
 	const selectorRef = useRef(selector);
@@ -2076,19 +2051,20 @@ function useCommandState(selector) {
 	const getSnapshot = useCallback(() => selectorRef.current ? selectorRef.current(stable.machine.getState()) : stable.machine.getState(), [stable.machine]);
 	return useSyncExternalStore(stable.machine.subscribe, getSnapshot, getSnapshot);
 }
-//#endregion
-//#region src/react/hooks/use-devtools.ts
+// src/react/hooks/use-devtools.ts
 /** Branded key for the global devtools instance map */
 const DEVTOOLS_KEY = "__CRIMSON_COMMAND_DEVTOOLS__";
 /**
 * Exposes command palette internals to browser devtools.
-* Only active in development — completely tree-shaken in production builds.
+* Development only: the effect is gated on `process.env.NODE_ENV` and returns early in
+* production builds (the hook itself still ships). Call it from a component rendered inside
+* `<Command>`: outside one there is no machine to inspect and the hook does nothing.
 *
 * @example
 * ```tsx
-* function MyPalette() {
+* function DevtoolsBridge() {
 *   useCommandDevtools('main');
-*   return <Command>...</Command>;
+*   return null;
 * }
 * ```
 */
@@ -2097,7 +2073,7 @@ function useCommandDevtools(label = "default") {
 	const stateCtx = use(CommandStateContext);
 	const stateRef = useRef(null);
 	useEffect(() => {
-		if (!__DEV__) return;
+		if (!isDev) return;
 		if (!stable || !stateCtx) return;
 		const update = () => {
 			const s = stateCtx.state;
@@ -2132,5 +2108,4 @@ function useCommandDevtools(label = "default") {
 		label
 	]);
 }
-//#endregion
 export { Command, CommandActivity, CommandAsyncItems, CommandBadge, CommandDialog, CommandEmpty, CommandErrorBoundary, CommandGroup, CommandHighlight, CommandInput, CommandItem, CommandList, CommandLoading, CommandPage, CommandSeparator, CommandShortcut, CommandStableContext, CommandStateContext, createKeydownHandler, useCommand, useCommandDevtools, useCommandState, useRegisterGroup, useRegisterItem, useVirtualizer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modern-cmdk",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "module",
   "description": "The definitive command palette engine for the modern web",
   "license": "MIT",
@@ -57,13 +57,13 @@
     }
   },
   "dependencies": {
-    "idb-keyval": "6.2.5"
+    "idb-keyval": "6.3.0"
   },
   "devDependencies": {
-    "globby": "16.2.0",
-    "jscodeshift": "17.3.0",
-    "radix-ui": "1.6.0",
-    "@types/jscodeshift": "^17.3.0"
+    "globby": "16.2.4",
+    "jscodeshift": "17.4.0",
+    "radix-ui": "1.8.2-rc.1791984254107",
+    "@types/jscodeshift": "17.3.0"
   },
   "keywords": [
     "command-palette",
@@ -80,8 +80,8 @@
     "directory": "packages/modern-cmdk"
   },
   "scripts": {
-    "build": "tsdown --config tsdown.config.ts && node -e \"const fs=require('fs');fs.cpSync('src/react/styles.css','dist/react/styles.css')\"",
-    "dev": "tsdown src/core/index.ts src/react/index.ts --format esm --dts --watch",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit"
   }
 }