modern-cmdk 1.0.0 → 1.0.2

package/dist/react/index.mjs

@@ -1,6 +1,6 @@
-import { C as itemId, S as groupId, d as formatShortcut, f as parseShortcut, i as createCommandMachine } from "../core-Bq0eDvlc.mjs";
+import { C as itemId, S as groupId, d as formatShortcut, f as parseShortcut, i as createCommandMachine } from "../core-CgQYpHK3.mjs";
 import * as React from "react";
-import { Component, Suspense, createContext, use, useCallback, useEffect, useId, useInsertionEffect, useMemo, useOptimistic, useRef, useState, useSyncExternalStore, useTransition } from "react";
+import { Component, Suspense, createContext, use, useCallback, useEffect, useId, useLayoutEffect, useMemo, useOptimistic, useRef, useState, useSyncExternalStore, useTransition } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Dialog } from "radix-ui";
 //#region src/react/activity.tsx
@@ -20,6 +20,14 @@ function CommandActivity({ mode, children }) {
 }
 //#endregion
 //#region src/react/context.ts
+const CommandStableContext = createContext(null);
+CommandStableContext.displayName = "CommandStableContext";
+const CommandStateContext = createContext(null);
+CommandStateContext.displayName = "CommandStateContext";
+/**
+* @deprecated Use CommandStableContext and CommandStateContext instead.
+* Kept for backward compatibility with useCommandState hook.
+*/
 const CommandContext = createContext(null);
 CommandContext.displayName = "CommandContext";
 const CommandGroupContext = createContext(null);
@@ -28,15 +36,15 @@ CommandGroupContext.displayName = "CommandGroupContext";
 //#region src/react/async-items.tsx
 /** Inner component that suspends via use() until items resolve */
 function AsyncItemsInner({ items: itemsPromise, children }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.AsyncItems must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("Command.AsyncItems must be used within a <Command> component");
 	const items = use(itemsPromise);
-	useEffect(() => {
-		ctx.machine.send({
+	useLayoutEffect(() => {
+		stable.machine.send({
 			type: "ITEMS_LOADED",
 			items
 		});
-	}, [ctx.machine, items]);
+	}, [stable.machine, items]);
 	return /* @__PURE__ */ jsx(Fragment, { children: children(items) });
 }
 function CommandAsyncItems({ items, fallback, children }) {
@@ -140,12 +148,14 @@ function CommandDialog({ children, className, overlayClassName, contentClassName
 	const rootId = useId();
 	const listId = `${rootId}-list`;
 	const inputId = `${rootId}-input`;
+	const onOpenChangeRef = useRef(onOpenChange);
+	onOpenChangeRef.current = onOpenChange;
 	const machineRef = useRef(null);
 	if (machineRef.current === null) machineRef.current = createCommandMachine({
 		...machineOptions,
 		open: controlledOpen ?? false,
 		onOpenChange: (open) => {
-			onOpenChange?.(open);
+			onOpenChangeRef.current?.(open);
 		}
 	});
 	const machine = machineRef.current;
@@ -174,28 +184,31 @@ function CommandDialog({ children, className, overlayClassName, contentClassName
 	const handleRadixOpenChange = useCallback((open) => {
 		machine.send({ type: open ? "OPEN" : "CLOSE" });
 	}, [machine]);
-	const contextValue = useMemo(() => ({
+	const stableContextValue = useMemo(() => ({
 		machine,
-		state,
-		isPending,
-		updateSearch,
-		setOptimisticActiveId,
-		filteredIdSet,
 		rootId: id,
 		listId,
 		inputId,
-		label
+		label,
+		updateSearch,
+		setOptimisticActiveId
 	}), [
 		machine,
-		state,
-		isPending,
-		updateSearch,
-		setOptimisticActiveId,
-		filteredIdSet,
 		id,
 		listId,
 		inputId,
-		label
+		label,
+		updateSearch,
+		setOptimisticActiveId
+	]);
+	const stateContextValue = useMemo(() => ({
+		state,
+		isPending,
+		filteredIdSet
+	}), [
+		state,
+		isPending,
+		filteredIdSet
 	]);
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		open: state.open,
@@ -224,16 +237,19 @@ function CommandDialog({ children, className, overlayClassName, contentClassName
 						className: "sr-only",
 						children: "Type a command or search..."
 					}),
-					/* @__PURE__ */ jsx(CommandContext, {
-						value: contextValue,
-						children: /* @__PURE__ */ jsx("div", {
-							"data-command-dialog-content": "",
-							className: contentClassName,
+					/* @__PURE__ */ jsx(CommandStableContext, {
+						value: stableContextValue,
+						children: /* @__PURE__ */ jsx(CommandStateContext, {
+							value: stateContextValue,
 							children: /* @__PURE__ */ jsx("div", {
-								"data-command-root": "",
-								role: "search",
-								"aria-label": label,
-								children
+								"data-command-dialog-content": "",
+								className: contentClassName,
+								children: /* @__PURE__ */ jsx("div", {
+									"data-command-root": "",
+									role: "search",
+									"aria-label": label,
+									children
+								})
 							})
 						})
 					})
@@ -245,9 +261,9 @@ function CommandDialog({ children, className, overlayClassName, contentClassName
 //#endregion
 //#region src/react/empty.tsx
 function CommandEmpty({ ref, children, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Empty must be used within a <Command> component");
-	if (ctx.state.filteredCount > 0 || ctx.state.loading) return null;
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Empty must be used within a <Command> component");
+	if (stateCtx.state.filteredCount > 0 || stateCtx.state.loading) return null;
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-command-empty": "",
@@ -261,11 +277,11 @@ function CommandEmpty({ ref, children, ...props }) {
 //#region src/react/hooks/use-register.ts
 /** Register a command item with the machine — auto-deregisters on unmount */
 function useRegisterItem(value, options) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("useRegisterItem must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("useRegisterItem must be used within a <Command> component");
 	const generatedId = useId();
 	const id = itemId(options?.forceId ?? generatedId);
-	useInsertionEffect(() => {
+	useLayoutEffect(() => {
 		const item = {
 			id,
 			value,
@@ -276,18 +292,18 @@ function useRegisterItem(value, options) {
 			onSelect: options?.onSelect,
 			data: options?.data
 		};
-		ctx.machine.send({
+		stable.machine.send({
 			type: "REGISTER_ITEM",
 			item
 		});
 		return () => {
-			ctx.machine.send({
+			stable.machine.send({
 				type: "UNREGISTER_ITEM",
 				id
 			});
 		};
 	}, [
-		ctx.machine,
+		stable.machine,
 		id,
 		value,
 		options?.groupId,
@@ -301,28 +317,28 @@ function useRegisterItem(value, options) {
 }
 /** Register a command group with the machine — auto-deregisters on unmount */
 function useRegisterGroup(heading, options) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("useRegisterGroup must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("useRegisterGroup must be used within a <Command> component");
 	const generatedId = useId();
 	const id = groupId(options?.forceId ?? generatedId);
-	useInsertionEffect(() => {
+	useLayoutEffect(() => {
 		const group = {
 			id,
 			heading,
 			priority: options?.priority
 		};
-		ctx.machine.send({
+		stable.machine.send({
 			type: "REGISTER_GROUP",
 			group
 		});
 		return () => {
-			ctx.machine.send({
+			stable.machine.send({
 				type: "UNREGISTER_GROUP",
 				id
 			});
 		};
 	}, [
-		ctx.machine,
+		stable.machine,
 		id,
 		heading,
 		options?.priority
@@ -332,14 +348,14 @@ function useRegisterGroup(heading, options) {
 //#endregion
 //#region src/react/group.tsx
 function CommandGroup({ ref, children, heading, priority, forceId, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Group must be used within a <Command> component");
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Group must be used within a <Command> component");
 	const headingId = useId();
 	const groupId = useRegisterGroup(heading, {
 		...priority !== void 0 && { priority },
 		...forceId !== void 0 && { forceId }
 	});
-	const groupItems = ctx.state.groupedIds.get(groupId);
+	const groupItems = stateCtx.state.groupedIds.get(groupId);
 	const hasVisibleItems = groupItems !== void 0 && groupItems.length > 0;
 	const groupContext = useMemo(() => ({
 		groupId,
@@ -394,29 +410,31 @@ function CommandHighlight({ text, ranges, highlightClassName }) {
 //#endregion
 //#region src/react/input.tsx
 function CommandInput({ ref, placeholder = "Search...", onValueChange, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Input must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("Command.Input must be used within a <Command> component");
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Input must be used within a <Command> component");
 	const handleChange = useCallback((event) => {
 		const { value } = event.target;
-		ctx.updateSearch(value);
+		stable.updateSearch(value);
 		onValueChange?.(value);
-	}, [ctx.updateSearch, onValueChange]);
+	}, [stable.updateSearch, onValueChange]);
 	return /* @__PURE__ */ jsx("input", {
 		ref,
 		"data-command-input": "",
 		type: "text",
 		role: "combobox",
-		"aria-expanded": ctx.state.filteredCount > 0,
-		"aria-controls": ctx.listId,
-		"aria-activedescendant": ctx.state.activeId ?? void 0,
+		"aria-expanded": stateCtx.state.filteredCount > 0,
+		"aria-controls": stable.listId,
+		"aria-activedescendant": stateCtx.state.activeId ?? void 0,
 		"aria-autocomplete": "list",
-		"aria-label": ctx.label,
-		id: ctx.inputId,
+		"aria-label": stable.label,
+		id: stable.inputId,
 		autoComplete: "off",
 		autoCorrect: "off",
 		spellCheck: false,
 		placeholder,
-		value: ctx.state.search,
+		value: stateCtx.state.search,
 		onChange: handleChange,
 		...props
 	});
@@ -424,8 +442,10 @@ function CommandInput({ ref, placeholder = "Search...", onValueChange, ...props
 //#endregion
 //#region src/react/item.tsx
 function CommandItem({ ref, children, value, keywords, onSelect, disabled = false, shortcut, forceId, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Item must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("Command.Item must be used within a <Command> component");
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Item must be used within a <Command> component");
 	const id = useRegisterItem(value, {
 		...keywords !== void 0 && { keywords },
 		...shortcut !== void 0 && { shortcut },
@@ -433,31 +453,31 @@ function CommandItem({ ref, children, value, keywords, onSelect, disabled = fals
 		...onSelect !== void 0 && { onSelect },
 		...forceId !== void 0 && { forceId }
 	});
-	const isActive = ctx.state.activeId === id;
-	const isFiltered = ctx.filteredIdSet.has(id);
+	const isActive = stateCtx.state.activeId === id;
+	const isFiltered = stateCtx.filteredIdSet.has(id);
 	const handleSelect = useCallback(() => {
-		if (!disabled) ctx.machine.send({
+		if (!disabled) stable.machine.send({
 			type: "ITEM_SELECT",
 			id
 		});
 	}, [
-		ctx.machine,
+		stable.machine,
 		id,
 		disabled
 	]);
-	const activeIdRef = useRef(ctx.state.activeId);
-	activeIdRef.current = ctx.state.activeId;
+	const activeIdRef = useRef(stateCtx.state.activeId);
+	activeIdRef.current = stateCtx.state.activeId;
 	const handlePointerMove = useCallback(() => {
 		if (!disabled && activeIdRef.current !== id) {
-			ctx.setOptimisticActiveId(id);
-			ctx.machine.send({
+			stable.setOptimisticActiveId(id);
+			stable.machine.send({
 				type: "ITEM_ACTIVATE",
 				id
 			});
 		}
 	}, [
-		ctx.machine,
-		ctx.setOptimisticActiveId,
+		stable.machine,
+		stable.setOptimisticActiveId,
 		id,
 		disabled
 	]);
@@ -511,9 +531,8 @@ function useVirtualizer(options) {
 	const getItemSize = useCallback((index) => measuredSizes.current.get(index) ?? estimateSize, [estimateSize]);
 	const totalSize = useMemo(() => {
 		if (!enabled) return 0;
-		const sizes = Iterator.from({ [Symbol.iterator]: function* () {
-			for (let i = 0; i < count; i++) yield getItemSize(i);
-		} }).toArray();
+		const sizes = [];
+		for (let i = 0; i < count; i++) sizes.push(getItemSize(i));
 		return Math.sumPrecise(sizes);
 	}, [
 		enabled,
@@ -531,9 +550,8 @@ function useVirtualizer(options) {
 				startIdx++;
 			}
 			startIdx = Math.max(0, startIdx - overscan);
-			const offsetSizes = Iterator.from({ [Symbol.iterator]: function* () {
-				for (let i = 0; i < startIdx; i++) yield getItemSize(i);
-			} }).toArray();
+			const offsetSizes = [];
+			for (let i = 0; i < startIdx; i++) offsetSizes.push(getItemSize(i));
 			offset = Math.sumPrecise(offsetSizes);
 			const items = [];
 			let currentOffset = offset;
@@ -562,10 +580,9 @@ function useVirtualizer(options) {
 		totalSize,
 		scrollToIndex: useCallback((index) => {
 			if (!scrollElement || !enabled) return;
-			const clampedIndex = Math.min(index, count);
-			const sizes = Iterator.from({ [Symbol.iterator]: function* () {
-				for (let i = 0; i < clampedIndex; i++) yield getItemSize(i);
-			} }).toArray();
+			const clampedIndex = Math.min(index, count - 1);
+			const sizes = [];
+			for (let i = 0; i < clampedIndex; i++) sizes.push(getItemSize(i));
 			const targetOffset = Math.sumPrecise(sizes);
 			scrollElement.scrollTo({
 				top: targetOffset,
@@ -596,12 +613,14 @@ function useVirtualizer(options) {
 //#endregion
 //#region src/react/list.tsx
 function CommandList({ ref, children, virtualize, estimateSize = 44, overscan = 8, style, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.List must be used within a <Command> component");
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("Command.List must be used within a <Command> component");
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.List must be used within a <Command> component");
 	const innerRef = useRef(null);
 	const scrollRef = useRef(null);
 	const [height, setHeight] = useState(0);
-	const shouldVirtualize = virtualize ?? ctx.state.filteredCount > 100;
+	const shouldVirtualize = virtualize ?? stateCtx.state.filteredCount > 100;
 	useEffect(() => {
 		const element = innerRef.current;
 		if (!element) return;
@@ -615,27 +634,27 @@ function CommandList({ ref, children, virtualize, estimateSize = 44, overscan =
 		};
 	}, []);
 	const virtualizer = useVirtualizer({
-		count: ctx.state.filteredCount,
+		count: stateCtx.state.filteredCount,
 		estimateSize,
 		overscan,
 		scrollElement: shouldVirtualize ? scrollRef.current : null,
 		enabled: shouldVirtualize
 	});
-	const prevActiveId = useRef(ctx.state.activeId);
+	const prevActiveId = useRef(stateCtx.state.activeId);
 	useEffect(() => {
-		if (ctx.state.activeId && ctx.state.activeId !== prevActiveId.current) {
-			prevActiveId.current = ctx.state.activeId;
+		if (stateCtx.state.activeId && stateCtx.state.activeId !== prevActiveId.current) {
+			prevActiveId.current = stateCtx.state.activeId;
 			if (shouldVirtualize) {
-				const idx = ctx.state.filteredIds.indexOf(ctx.state.activeId);
+				const idx = stateCtx.state.filteredIds.indexOf(stateCtx.state.activeId);
 				if (idx >= 0) virtualizer.scrollToIndex(idx);
-			} else (scrollRef.current?.querySelector(`[id="${CSS.escape(ctx.state.activeId)}"]`))?.scrollIntoView({
+			} else (scrollRef.current?.querySelector(`[id="${CSS.escape(stateCtx.state.activeId)}"]`))?.scrollIntoView({
 				block: "nearest",
 				behavior: "smooth"
 			});
 		}
 	}, [
-		ctx.state.activeId,
-		ctx.state.filteredIds,
+		stateCtx.state.activeId,
+		stateCtx.state.filteredIds,
 		shouldVirtualize,
 		virtualizer
 	]);
@@ -651,9 +670,9 @@ function CommandList({ ref, children, virtualize, estimateSize = 44, overscan =
 		}, [ref]),
 		"data-command-list": "",
 		role: "listbox",
-		"aria-label": ctx.label,
-		"aria-busy": ctx.state.loading,
-		id: ctx.listId,
+		"aria-label": stable.label,
+		"aria-busy": stateCtx.state.loading,
+		id: stable.listId,
 		style: mergedStyle,
 		...props,
 		children: [shouldVirtualize ? /* @__PURE__ */ jsxs("div", {
@@ -685,10 +704,11 @@ function CommandList({ ref, children, virtualize, estimateSize = 44, overscan =
 			"data-command-aria-live": "",
 			className: "sr-only",
 			children: [
-				ctx.state.filteredCount,
+				stateCtx.state.filteredCount,
 				" result",
-				ctx.state.filteredCount !== 1 ? "s" : "",
-				" available."
+				stateCtx.state.filteredCount !== 1 ? "s" : "",
+				" ",
+				"available."
 			]
 		})]
 	});
@@ -696,9 +716,9 @@ function CommandList({ ref, children, virtualize, estimateSize = 44, overscan =
 //#endregion
 //#region src/react/loading.tsx
 function CommandLoading({ ref, children, loading: loadingOverride, ...props }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Loading must be used within a <Command> component");
-	if (!(loadingOverride ?? ctx.state.loading ?? ctx.isPending)) return null;
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Loading must be used within a <Command> component");
+	if (!(loadingOverride ?? stateCtx.state.loading ?? stateCtx.isPending)) return null;
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		"data-command-loading": "",
@@ -712,9 +732,9 @@ function CommandLoading({ ref, children, loading: loadingOverride, ...props }) {
 //#endregion
 //#region src/react/page.tsx
 function CommandPage({ id, children }) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("Command.Page must be used within a <Command> component");
-	if (ctx.state.page !== id) return null;
+	const stateCtx = use(CommandStateContext);
+	if (!stateCtx) throw new Error("Command.Page must be used within a <Command> component");
+	if (stateCtx.state.page !== id) return null;
 	return /* @__PURE__ */ jsx("div", {
 		"data-command-page": "",
 		"data-command-page-id": id,
@@ -766,38 +786,43 @@ function CommandRoot({ children, className, label = "Command palette", ...machin
 			document.removeEventListener("keydown", handleKeyDown);
 		};
 	}, [handleKeyDown]);
-	return /* @__PURE__ */ jsx(CommandContext, {
+	return /* @__PURE__ */ jsx(CommandStableContext, {
 		value: useMemo(() => ({
 			machine,
-			state,
-			isPending,
-			updateSearch,
-			setOptimisticActiveId,
-			filteredIdSet,
 			rootId: id,
 			listId,
 			inputId,
-			label
+			label,
+			updateSearch,
+			setOptimisticActiveId
 		}), [
 			machine,
-			state,
-			isPending,
-			updateSearch,
-			setOptimisticActiveId,
-			filteredIdSet,
 			id,
 			listId,
 			inputId,
-			label
+			label,
+			updateSearch,
+			setOptimisticActiveId
 		]),
-		children: /* @__PURE__ */ jsx("div", {
-			ref: rootRef,
-			"data-command-root": "",
-			"data-command-state": state.open ? "open" : "closed",
-			className,
-			role: "search",
-			"aria-label": label,
-			children
+		children: /* @__PURE__ */ jsx(CommandStateContext, {
+			value: useMemo(() => ({
+				state,
+				isPending,
+				filteredIdSet
+			}), [
+				state,
+				isPending,
+				filteredIdSet
+			]),
+			children: /* @__PURE__ */ jsx("div", {
+				ref: rootRef,
+				"data-command-root": "",
+				"data-command-state": state.open ? "open" : "closed",
+				className,
+				role: "search",
+				"aria-label": label,
+				children
+			})
 		})
 	});
 }
@@ -843,10 +868,12 @@ var CommandErrorBoundary = class extends Component {
 //#endregion
 //#region src/react/hooks/use-command-state.ts
 function useCommandState(selector) {
-	const ctx = use(CommandContext);
-	if (!ctx) throw new Error("useCommandState must be used within a <Command> component");
-	const getSnapshot = useCallback(() => selector ? selector(ctx.machine.getState()) : ctx.machine.getState(), [ctx.machine, selector]);
-	return useSyncExternalStore(ctx.machine.subscribe, getSnapshot, getSnapshot);
+	const stable = use(CommandStableContext);
+	if (!stable) throw new Error("useCommandState must be used within a <Command> component");
+	const selectorRef = useRef(selector);
+	selectorRef.current = 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
@@ -866,14 +893,15 @@ const DEVTOOLS_KEY = "__CRIMSON_COMMAND_DEVTOOLS__";
 */
 function useCommandDevtools(label = "default") {
 	if (!__DEV__) return;
-	const ctx = use(CommandContext);
+	const stable = use(CommandStableContext);
+	const stateCtx = use(CommandStateContext);
 	const stateRef = useRef(null);
 	useEffect(() => {
-		if (!ctx) return;
+		if (!stable || !stateCtx) return;
 		const update = () => {
-			const s = ctx.state;
+			const s = stateCtx.state;
 			const devState = {
-				registeredItems: s.filteredCount,
+				registeredItems: stable.machine.getRegistry().size,
 				filteredItems: s.filteredIds.length,
 				searchQuery: s.search,
 				activeId: s.activeId,
@@ -891,15 +919,19 @@ function useCommandDevtools(label = "default") {
 				state: devState
 			} }));
 		};
-		const unsub = ctx.machine.subscribe(update);
+		const unsub = stable.machine.subscribe(update);
 		update();
 		return () => {
 			unsub();
 			globalThis[DEVTOOLS_KEY]?.delete(label);
 		};
-	}, [ctx, label]);
+	}, [
+		stable,
+		stateCtx,
+		label
+	]);
 }
 //#endregion
-export { Command, CommandActivity, CommandAsyncItems, CommandBadge, CommandDialog, CommandEmpty, CommandErrorBoundary, CommandGroup, CommandHighlight, CommandInput, CommandItem, CommandList, CommandLoading, CommandPage, CommandSeparator, CommandShortcut, createKeydownHandler, useCommand, useCommandDevtools, useCommandState, useRegisterGroup, useRegisterItem, useVirtualizer };
+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 };
 
 //# sourceMappingURL=index.mjs.map