@moduix/react 2.1.0 → 2.2.4

package/dist/components/command-palette/CommandPalette.js

@@ -1,394 +1,413 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CheckIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import { OverlayPortal, OverlayPortalProvider } from "../../lib/moduix/overlayPortal.js";
-import { Kbd } from "../kbd/Kbd.js";
-import { ScrollArea } from "../scroll-area/ScrollArea.js";
-import CommandPalette_module_default from "./CommandPalette.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Combobox } from "@ark-ui/react/combobox";
+import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { forwardRef, useEffect } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Combobox } from "@ark-ui/react/combobox";
-import { Dialog, useDialog, useDialogContext } from "@ark-ui/react/dialog";
-//#region src/components/command-palette/CommandPalette.tsx
-const DEFAULT_CLEAR_TRIGGER_LABEL = "Clear search";
-const DEFAULT_SEARCH_INPUT_LABEL = "Search commands";
+import { CheckIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
+import { CloseButton } from "../close-button/index.js";
+import { Kbd } from "../kbd/index.js";
+import { ScrollArea } from "../scroll-area/index.js";
+import CommandPalette_module from "./CommandPalette.module.js";
+const DEFAULT_CLEAR_TRIGGER_LABEL = 'Clear search';
+const DEFAULT_SEARCH_INPUT_LABEL = 'Search commands';
 function isShortcutMatch(event, shortcut) {
-	const parts = shortcut.toLowerCase().split("+").map((part) => part.trim()).filter(Boolean);
-	const [modifier, key] = parts;
-	if (!modifier || !key || parts.length !== 2 || event.shiftKey) return false;
-	const eventKey = event.key.toLowerCase();
-	const eventCode = event.code.startsWith("Key") || event.code.startsWith("Digit") ? event.code.slice(event.code.startsWith("Key") ? 3 : 5).toLowerCase() : event.code.toLowerCase();
-	if (eventKey !== key && eventCode !== key) return false;
-	if (modifier === "mod") return (event.metaKey || event.ctrlKey) && !event.altKey;
-	if (modifier === "ctrl" || modifier === "control") return event.ctrlKey && !event.metaKey && !event.altKey;
-	if (modifier === "meta" || modifier === "cmd" || modifier === "command") return event.metaKey && !event.ctrlKey && !event.altKey;
-	if (modifier === "alt" || modifier === "option") return event.altKey && !event.metaKey && !event.ctrlKey;
-	return false;
+    const parts = shortcut.toLowerCase().split('+').map((part)=>part.trim()).filter(Boolean);
+    const [modifier, key] = parts;
+    if (!modifier || !key || 2 !== parts.length || event.shiftKey) return false;
+    const eventKey = event.key.toLowerCase();
+    const eventCode = event.code.startsWith('Key') || event.code.startsWith('Digit') ? event.code.slice(event.code.startsWith('Key') ? 3 : 5).toLowerCase() : event.code.toLowerCase();
+    if (eventKey !== key && eventCode !== key) return false;
+    if ('mod' === modifier) return (event.metaKey || event.ctrlKey) && !event.altKey;
+    if ('ctrl' === modifier || 'control' === modifier) return event.ctrlKey && !event.metaKey && !event.altKey;
+    if ('meta' === modifier || 'cmd' === modifier || 'command' === modifier) return event.metaKey && !event.ctrlKey && !event.altKey;
+    if ('alt' === modifier || 'option' === modifier) return event.altKey && !event.metaKey && !event.ctrlKey;
+    return false;
 }
 function isEditableTarget(target) {
-	if (!(target instanceof Element)) return false;
-	return target.closest("input, textarea, select, [contenteditable], [contenteditable=\"true\"]") !== null;
+    if (!(target instanceof Element)) return false;
+    return null !== target.closest('input, textarea, select, [contenteditable], [contenteditable="true"]');
 }
 function CommandPaletteRoot({ shortcut = false, shortcutTarget, lazyMount = true, unmountOnExit = true, immediate, onExitComplete, portalled, present, portalRef, skipAnimationOnMount, children, ...props }) {
-	const dialog = useDialog(props);
-	useEffect(() => {
-		if (!shortcut || shortcutTarget === null) return;
-		const target = shortcutTarget ?? document;
-		const handleKeyDown = (event) => {
-			if (event.defaultPrevented || event.isComposing || !isShortcutMatch(event, shortcut) || !dialog.open && isEditableTarget(event.target)) return;
-			event.preventDefault();
-			dialog.setOpen(!dialog.open);
-		};
-		const eventListener = handleKeyDown;
-		target.addEventListener("keydown", eventListener);
-		return () => target.removeEventListener("keydown", eventListener);
-	}, [
-		dialog,
-		shortcut,
-		shortcutTarget
-	]);
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Dialog.RootProvider, {
-			value: dialog,
-			immediate,
-			lazyMount,
-			onExitComplete,
-			present,
-			skipAnimationOnMount,
-			unmountOnExit,
-			children
-		})
-	});
+    const dialog = useDialog(props);
+    useEffect(()=>{
+        if (!shortcut || null === shortcutTarget) return;
+        const target = shortcutTarget ?? document;
+        const handleKeyDown = (event)=>{
+            if (event.defaultPrevented || event.repeat || event.isComposing || !isShortcutMatch(event, shortcut) || !dialog.open && isEditableTarget(event.target)) return;
+            event.preventDefault();
+            dialog.setOpen(!dialog.open);
+        };
+        const eventListener = handleKeyDown;
+        target.addEventListener('keydown', eventListener);
+        return ()=>target.removeEventListener('keydown', eventListener);
+    }, [
+        dialog,
+        shortcut,
+        shortcutTarget
+    ]);
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Dialog.RootProvider, {
+            value: dialog,
+            immediate: immediate,
+            lazyMount: lazyMount,
+            onExitComplete: onExitComplete,
+            present: present,
+            skipAnimationOnMount: skipAnimationOnMount,
+            unmountOnExit: unmountOnExit,
+            children: children
+        })
+    });
 }
 function CommandPaletteRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
-	return /* @__PURE__ */ jsx(OverlayPortalProvider, {
-		portalled,
-		portalRef,
-		children: /* @__PURE__ */ jsx(Dialog.RootProvider, {
-			lazyMount,
-			unmountOnExit,
-			...props
-		})
-	});
+    return /*#__PURE__*/ jsx(OverlayPortalProvider, {
+        portalled: portalled,
+        portalRef: portalRef,
+        children: /*#__PURE__*/ jsx(Dialog.RootProvider, {
+            lazyMount: lazyMount,
+            unmountOnExit: unmountOnExit,
+            ...props
+        })
+    });
 }
-const CommandPaletteTrigger = forwardRef(function CommandPaletteTrigger({ asChild, className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
-		ref,
-		asChild,
-		"data-slot": "command-palette-trigger",
-		className: clsx(!asChild && CommandPalette_module_default.trigger, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Dialog.Trigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "command-palette-trigger",
+        className: clsx(!asChild && CommandPalette_module.trigger, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteBackdrop = forwardRef(function CommandPaletteBackdrop({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		ref,
-		"data-slot": "command-palette-backdrop",
-		className: clsx(CommandPalette_module_default.backdrop, normalizeClassName(className)),
-		...props
-	}) });
+const CommandPalette_CommandPaletteBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Dialog.Backdrop, {
+            ref: ref,
+            "data-slot": "command-palette-backdrop",
+            className: clsx(CommandPalette_module.backdrop, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const CommandPalettePositioner = forwardRef(function CommandPalettePositioner({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Dialog.Positioner, {
-		ref,
-		"data-slot": "command-palette-positioner",
-		className: clsx(CommandPalette_module_default.positioner, normalizeClassName(className)),
-		...props
-	}) });
+const CommandPalette_CommandPalettePositioner = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(OverlayPortal, {
+        children: /*#__PURE__*/ jsx(Dialog.Positioner, {
+            ref: ref,
+            "data-slot": "command-palette-positioner",
+            className: clsx(CommandPalette_module.positioner, normalizeClassName(className)),
+            ...props
+        })
+    });
 });
-const CommandPaletteContent = forwardRef(function CommandPaletteContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Content, {
-		ref,
-		"data-slot": "command-palette-content",
-		className: clsx(CommandPalette_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Dialog.Content, {
+        ref: ref,
+        "data-slot": "command-palette-content",
+        className: clsx(CommandPalette_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPalettePanel = forwardRef(function CommandPalettePanel({ children, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CommandPaletteBackdrop, {}), /* @__PURE__ */ jsx(CommandPalettePositioner, { children: /* @__PURE__ */ jsx(CommandPaletteContent, {
-		ref,
-		...props,
-		children: /* @__PURE__ */ jsx(CommandPaletteBody, { children })
-	}) })] });
+const CommandPalette_CommandPalettePanel = /*#__PURE__*/ forwardRef(function({ children, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CommandPalette_CommandPaletteBackdrop, {}),
+            /*#__PURE__*/ jsx(CommandPalette_CommandPalettePositioner, {
+                children: /*#__PURE__*/ jsx(CommandPalette_CommandPaletteContent, {
+                    ref: ref,
+                    ...props,
+                    children: /*#__PURE__*/ jsx(CommandPalette_CommandPaletteBody, {
+                        children: children
+                    })
+                })
+            })
+        ]
+    });
 });
-const CommandPaletteTitle = forwardRef(function CommandPaletteTitle({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Title, {
-		ref,
-		"data-slot": "command-palette-title",
-		className: clsx(CommandPalette_module_default.title, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Dialog.Title, {
+        ref: ref,
+        "data-slot": "command-palette-title",
+        className: clsx(CommandPalette_module.title, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteDescription = forwardRef(function CommandPaletteDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Dialog.Description, {
-		ref,
-		"data-slot": "command-palette-description",
-		className: clsx(CommandPalette_module_default.description, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Dialog.Description, {
+        ref: ref,
+        "data-slot": "command-palette-description",
+        className: clsx(CommandPalette_module.description, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteHeader = forwardRef(function CommandPaletteHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-slot": "command-palette-header",
-		className: clsx(CommandPalette_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "command-palette-header",
+        className: clsx(CommandPalette_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteBody = forwardRef(function CommandPaletteBody({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-slot": "command-palette-body",
-		className: clsx(CommandPalette_module_default.body, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "command-palette-body",
+        className: clsx(CommandPalette_module.body, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteCombobox = forwardRef(function CommandPaletteCombobox({ className, open = true, inputBehavior = "autohighlight", selectionBehavior = "preserve", closeOnSelect = true, disableLayer = true, onSelect, ...props }, ref) {
-	const dialog = useDialogContext();
-	const handleSelect = (details) => {
-		onSelect?.(details);
-		if (closeOnSelect) dialog.setOpen(false);
-	};
-	return /* @__PURE__ */ jsx(Combobox.Root, {
-		ref,
-		"data-slot": "command-palette-combobox",
-		className: clsx(CommandPalette_module_default.combobox, normalizeClassName(className)),
-		open,
-		inputBehavior,
-		selectionBehavior,
-		closeOnSelect,
-		disableLayer,
-		onSelect: handleSelect,
-		...props
-	});
+const CommandPalette_CommandPaletteCombobox = /*#__PURE__*/ forwardRef(function({ className, open = true, inputBehavior = 'autohighlight', selectionBehavior = 'preserve', closeOnSelect = true, disableLayer = true, onSelect, ...props }, ref) {
+    const dialog = useDialogContext();
+    const handleSelect = (details)=>{
+        onSelect?.(details);
+        if (closeOnSelect) dialog.setOpen(false);
+    };
+    return /*#__PURE__*/ jsx(Combobox.Root, {
+        ref: ref,
+        "data-slot": "command-palette-combobox",
+        className: clsx(CommandPalette_module.combobox, normalizeClassName(className)),
+        open: open,
+        inputBehavior: inputBehavior,
+        selectionBehavior: selectionBehavior,
+        closeOnSelect: closeOnSelect,
+        disableLayer: disableLayer,
+        onSelect: handleSelect,
+        ...props
+    });
 });
-const CommandPaletteControl = forwardRef(function CommandPaletteControl({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Control, {
-		ref,
-		"data-slot": "command-palette-control",
-		className: clsx(CommandPalette_module_default.control, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Control, {
+        ref: ref,
+        "data-slot": "command-palette-control",
+        className: clsx(CommandPalette_module.control, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteInput = forwardRef(function CommandPaletteInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Input, {
-		ref,
-		"data-slot": "command-palette-input",
-		className: clsx(CommandPalette_module_default.input, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Input, {
+        ref: ref,
+        "data-slot": "command-palette-input",
+        className: clsx(CommandPalette_module.input, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteSearch = forwardRef(function CommandPaletteSearch({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, clearTriggerProps, controlProps, ...props }, ref) {
-	return /* @__PURE__ */ jsxs(CommandPaletteControl, {
-		...controlProps,
-		children: [/* @__PURE__ */ jsx(CommandPaletteInput, {
-			ref,
-			"aria-label": ariaLabel ?? (ariaLabelledBy == null ? DEFAULT_SEARCH_INPUT_LABEL : void 0),
-			"aria-labelledby": ariaLabelledBy,
-			...props
-		}), /* @__PURE__ */ jsx(CommandPaletteClearTrigger, { ...clearTriggerProps })]
-	});
+const CommandPalette_CommandPaletteSearch = /*#__PURE__*/ forwardRef(function({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, clearTriggerProps, controlProps, ...props }, ref) {
+    return /*#__PURE__*/ jsxs(CommandPalette_CommandPaletteControl, {
+        ...controlProps,
+        children: [
+            /*#__PURE__*/ jsx(CommandPalette_CommandPaletteInput, {
+                ref: ref,
+                "aria-label": ariaLabel ?? (null == ariaLabelledBy ? DEFAULT_SEARCH_INPUT_LABEL : void 0),
+                "aria-labelledby": ariaLabelledBy,
+                ...props
+            }),
+            /*#__PURE__*/ jsx(CommandPalette_CommandPaletteClearTrigger, {
+                ...clearTriggerProps
+            })
+        ]
+    });
 });
-const CommandPaletteClearTrigger = forwardRef(function CommandPaletteClearTrigger({ asChild, className, children, disabled, onClick, onPointerDown, tabIndex, "aria-controls": ariaControls, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Context, { children: (combobox) => {
-		const inputProps = combobox.getInputProps();
-		const isInvalid = inputProps["aria-invalid"] === true || inputProps["aria-invalid"] === "true";
-		return /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			asChild,
-			...props,
-			disabled: disabled ?? combobox.disabled,
-			"data-scope": "combobox",
-			"data-part": "clear-trigger",
-			"data-slot": "command-palette-clear-trigger",
-			"data-invalid": isInvalid ? "" : void 0,
-			hidden: combobox.inputValue.length === 0,
-			tabIndex: tabIndex ?? -1,
-			"aria-controls": ariaControls ?? inputProps.id,
-			"aria-label": ariaLabel ?? (!asChild && children == null && ariaLabelledBy == null ? DEFAULT_CLEAR_TRIGGER_LABEL : void 0),
-			"aria-labelledby": ariaLabelledBy,
-			className: clsx(CommandPalette_module_default.clearTrigger, normalizeClassName(className)),
-			onPointerDown: (event) => {
-				onPointerDown?.(event);
-				if (event.button === 0) event.preventDefault();
-			},
-			onClick: (event) => {
-				onClick?.(event);
-				if (!event.defaultPrevented) combobox.setInputValue("");
-			},
-			children
-		});
-	} });
+const CommandPalette_CommandPaletteClearTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, disabled, onClick, onPointerDown, tabIndex, 'aria-controls': ariaControls, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Context, {
+        children: (combobox)=>{
+            const inputProps = combobox.getInputProps();
+            const isInvalid = true === inputProps['aria-invalid'] || 'true' === inputProps['aria-invalid'];
+            return /*#__PURE__*/ jsx(CloseButton.Root, {
+                ref: ref,
+                asChild: asChild,
+                ...props,
+                disabled: disabled ?? combobox.disabled,
+                "data-scope": "combobox",
+                "data-part": "clear-trigger",
+                "data-slot": "command-palette-clear-trigger",
+                "data-invalid": isInvalid ? '' : void 0,
+                hidden: 0 === combobox.inputValue.length,
+                tabIndex: tabIndex ?? -1,
+                "aria-controls": ariaControls ?? inputProps.id,
+                "aria-label": ariaLabel ?? (asChild || null != children || null != ariaLabelledBy ? void 0 : DEFAULT_CLEAR_TRIGGER_LABEL),
+                "aria-labelledby": ariaLabelledBy,
+                className: clsx(CommandPalette_module.clearTrigger, normalizeClassName(className)),
+                onPointerDown: (event)=>{
+                    onPointerDown?.(event);
+                    if (0 === event.button) event.preventDefault();
+                },
+                onClick: (event)=>{
+                    onClick?.(event);
+                    if (!event.defaultPrevented) combobox.setInputValue('');
+                },
+                children: children
+            });
+        }
+    });
 });
-const CommandPaletteList = forwardRef(function CommandPaletteList({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Content, {
-		ref,
-		"data-slot": "command-palette-list",
-		className: clsx(CommandPalette_module_default.list, normalizeClassName(className)),
-		...props,
-		children: /* @__PURE__ */ jsxs(ScrollArea, {
-			"data-slot": "command-palette-scroll-area",
-			className: CommandPalette_module_default.scrollArea,
-			children: [
-				/* @__PURE__ */ jsx(ScrollArea.Viewport, {
-					"data-slot": "command-palette-scroll-viewport",
-					className: CommandPalette_module_default.scrollViewport,
-					children: /* @__PURE__ */ jsx(ScrollArea.Content, {
-						"data-slot": "command-palette-scroll-content",
-						className: CommandPalette_module_default.scrollContent,
-						children
-					})
-				}),
-				/* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
-					"data-slot": "command-palette-scrollbar",
-					className: CommandPalette_module_default.scrollbar,
-					children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {})
-				}),
-				/* @__PURE__ */ jsx(ScrollArea.Corner, {})
-			]
-		})
-	});
+const CommandPalette_CommandPaletteList = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Content, {
+        ref: ref,
+        "data-slot": "command-palette-list",
+        className: clsx(CommandPalette_module.list, normalizeClassName(className)),
+        ...props,
+        children: /*#__PURE__*/ jsxs(ScrollArea, {
+            "data-slot": "command-palette-scroll-area",
+            className: CommandPalette_module.scrollArea,
+            children: [
+                /*#__PURE__*/ jsx(ScrollArea.Viewport, {
+                    "data-slot": "command-palette-scroll-viewport",
+                    className: CommandPalette_module.scrollViewport,
+                    children: /*#__PURE__*/ jsx(ScrollArea.Content, {
+                        "data-slot": "command-palette-scroll-content",
+                        className: CommandPalette_module.scrollContent,
+                        children: children
+                    })
+                }),
+                /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
+                    "data-slot": "command-palette-scrollbar",
+                    className: CommandPalette_module.scrollbar,
+                    children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {})
+                }),
+                /*#__PURE__*/ jsx(ScrollArea.Corner, {})
+            ]
+        })
+    });
 });
-const CommandPaletteEmpty = forwardRef(function CommandPaletteEmpty({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Empty, {
-		ref,
-		"data-slot": "command-palette-empty",
-		className: clsx(CommandPalette_module_default.empty, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteEmpty = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Empty, {
+        ref: ref,
+        "data-slot": "command-palette-empty",
+        className: clsx(CommandPalette_module.empty, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemGroup = forwardRef(function CommandPaletteItemGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemGroup, {
-		ref,
-		"data-slot": "command-palette-item-group",
-		className: clsx(CommandPalette_module_default.itemGroup, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemGroup, {
+        ref: ref,
+        "data-slot": "command-palette-item-group",
+        className: clsx(CommandPalette_module.itemGroup, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemGroupLabel = forwardRef(function CommandPaletteItemGroupLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemGroupLabel, {
-		ref,
-		"data-slot": "command-palette-item-group-label",
-		className: clsx(CommandPalette_module_default.itemGroupLabel, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemGroupLabel, {
+        ref: ref,
+        "data-slot": "command-palette-item-group-label",
+        className: clsx(CommandPalette_module.itemGroupLabel, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItem = forwardRef(function CommandPaletteItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.Item, {
-		ref,
-		"data-slot": "command-palette-item",
-		className: clsx(CommandPalette_module_default.item, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.Item, {
+        ref: ref,
+        "data-slot": "command-palette-item",
+        className: clsx(CommandPalette_module.item, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemText = forwardRef(function CommandPaletteItemText({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemText, {
-		ref,
-		"data-slot": "command-palette-item-text",
-		className: clsx(CommandPalette_module_default.itemText, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemText, {
+        ref: ref,
+        "data-slot": "command-palette-item-text",
+        className: clsx(CommandPalette_module.itemText, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemIndicator = forwardRef(function CommandPaletteItemIndicator({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
-		ref,
-		"data-slot": "command-palette-item-indicator",
-		className: clsx(CommandPalette_module_default.itemIndicator, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(CheckIcon, {})
-	});
+const CommandPalette_CommandPaletteItemIndicator = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
+        ref: ref,
+        "data-slot": "command-palette-item-indicator",
+        className: clsx(CommandPalette_module.itemIndicator, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
 });
-const CommandPaletteItemIcon = forwardRef(function CommandPaletteItemIcon({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-slot": "command-palette-item-icon",
-		className: clsx(CommandPalette_module_default.itemIcon, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemIcon = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-slot": "command-palette-item-icon",
+        className: clsx(CommandPalette_module.itemIcon, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemLabel = forwardRef(function CommandPaletteItemLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-slot": "command-palette-item-label",
-		className: clsx(CommandPalette_module_default.itemLabel, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-slot": "command-palette-item-label",
+        className: clsx(CommandPalette_module.itemLabel, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemDescription = forwardRef(function CommandPaletteItemDescription({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-slot": "command-palette-item-description",
-		className: clsx(CommandPalette_module_default.itemDescription, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-slot": "command-palette-item-description",
+        className: clsx(CommandPalette_module.itemDescription, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteItemMeta = forwardRef(function CommandPaletteItemMeta({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-slot": "command-palette-item-meta",
-		className: clsx(CommandPalette_module_default.itemMeta, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteItemMeta = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-slot": "command-palette-item-meta",
+        className: clsx(CommandPalette_module.itemMeta, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteSeparator = forwardRef(function CommandPaletteSeparator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		role: "separator",
-		"data-slot": "command-palette-separator",
-		className: clsx(CommandPalette_module_default.separator, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        role: "separator",
+        "data-slot": "command-palette-separator",
+        className: clsx(CommandPalette_module.separator, normalizeClassName(className)),
+        ...props
+    });
 });
-const CommandPaletteFooter = forwardRef(function CommandPaletteFooter({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-slot": "command-palette-footer",
-		className: clsx(CommandPalette_module_default.footer, normalizeClassName(className)),
-		...props
-	});
+const CommandPalette_CommandPaletteFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-slot": "command-palette-footer",
+        className: clsx(CommandPalette_module.footer, normalizeClassName(className)),
+        ...props
+    });
 });
 function CommandPaletteKbd({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Kbd.Root, {
-		"data-slot": "command-palette-kbd",
-		className: clsx(CommandPalette_module_default.kbd, normalizeClassName(className)),
-		...props
-	});
+    return /*#__PURE__*/ jsx(Kbd.Root, {
+        "data-slot": "command-palette-kbd",
+        className: clsx(CommandPalette_module.kbd, normalizeClassName(className)),
+        ...props
+    });
 }
 const CommandPalette = Object.assign(CommandPaletteRoot, {
-	Root: CommandPaletteRoot,
-	RootProvider: CommandPaletteRootProvider,
-	Trigger: CommandPaletteTrigger,
-	Backdrop: CommandPaletteBackdrop,
-	Positioner: CommandPalettePositioner,
-	Content: CommandPaletteContent,
-	Panel: CommandPalettePanel,
-	Title: CommandPaletteTitle,
-	Description: CommandPaletteDescription,
-	Header: CommandPaletteHeader,
-	Body: CommandPaletteBody,
-	Combobox: CommandPaletteCombobox,
-	Control: CommandPaletteControl,
-	Input: CommandPaletteInput,
-	Search: CommandPaletteSearch,
-	ClearTrigger: CommandPaletteClearTrigger,
-	List: CommandPaletteList,
-	Empty: CommandPaletteEmpty,
-	ItemGroup: CommandPaletteItemGroup,
-	ItemGroupLabel: CommandPaletteItemGroupLabel,
-	Item: CommandPaletteItem,
-	ItemText: CommandPaletteItemText,
-	ItemIndicator: CommandPaletteItemIndicator,
-	ItemIcon: CommandPaletteItemIcon,
-	ItemLabel: CommandPaletteItemLabel,
-	ItemDescription: CommandPaletteItemDescription,
-	ItemMeta: CommandPaletteItemMeta,
-	Separator: CommandPaletteSeparator,
-	Footer: CommandPaletteFooter,
-	Kbd: CommandPaletteKbd
+    Root: CommandPaletteRoot,
+    RootProvider: CommandPaletteRootProvider,
+    Trigger: CommandPalette_CommandPaletteTrigger,
+    Backdrop: CommandPalette_CommandPaletteBackdrop,
+    Positioner: CommandPalette_CommandPalettePositioner,
+    Content: CommandPalette_CommandPaletteContent,
+    Panel: CommandPalette_CommandPalettePanel,
+    Title: CommandPalette_CommandPaletteTitle,
+    Description: CommandPalette_CommandPaletteDescription,
+    Header: CommandPalette_CommandPaletteHeader,
+    Body: CommandPalette_CommandPaletteBody,
+    Combobox: CommandPalette_CommandPaletteCombobox,
+    Control: CommandPalette_CommandPaletteControl,
+    Input: CommandPalette_CommandPaletteInput,
+    Search: CommandPalette_CommandPaletteSearch,
+    ClearTrigger: CommandPalette_CommandPaletteClearTrigger,
+    List: CommandPalette_CommandPaletteList,
+    Empty: CommandPalette_CommandPaletteEmpty,
+    ItemGroup: CommandPalette_CommandPaletteItemGroup,
+    ItemGroupLabel: CommandPalette_CommandPaletteItemGroupLabel,
+    Item: CommandPalette_CommandPaletteItem,
+    ItemText: CommandPalette_CommandPaletteItemText,
+    ItemIndicator: CommandPalette_CommandPaletteItemIndicator,
+    ItemIcon: CommandPalette_CommandPaletteItemIcon,
+    ItemLabel: CommandPalette_CommandPaletteItemLabel,
+    ItemDescription: CommandPalette_CommandPaletteItemDescription,
+    ItemMeta: CommandPalette_CommandPaletteItemMeta,
+    Separator: CommandPalette_CommandPaletteSeparator,
+    Footer: CommandPalette_CommandPaletteFooter,
+    Kbd: CommandPaletteKbd
 });
-//#endregion
 export { CommandPalette };