@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/command.js

@@ -1,81 +1,417 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Command } from "cmdk";
+import { Dialog } from "@base-ui/react/dialog";
+import { Separator } from "@base-ui/react/separator";
 import { Search } from "lucide-react";
-import { forwardRef } from "react";
-import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { cn } from "../../lib/utilities.js";
-const command_Command = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command, {
-        ref: ref,
-        className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50", className),
-        ...props
-    }));
-command_Command.displayName = Command.displayName;
-const CommandDialog = ({ children, ...props })=>/*#__PURE__*/ jsx(Dialog, {
+import command_module from "./command.module.js";
+const CommandContext = /*#__PURE__*/ createContext(null);
+const CommandGroupContext = /*#__PURE__*/ createContext(null);
+function assignRef(ref, value) {
+    if ("function" == typeof ref) return void ref(value);
+    if (ref) ref.current = value;
+}
+function normalizeCommandValue(value) {
+    return value.trim().toLowerCase();
+}
+function defaultCommandFilter(value, search, keywords = []) {
+    if (0 === search.length) return 1;
+    const normalizedSearch = normalizeCommandValue(search);
+    const normalizedValue = normalizeCommandValue([
+        value,
+        ...keywords
+    ].join(" "));
+    return normalizedValue.includes(normalizedSearch) ? 1 : 0;
+}
+function useCommandContext(componentName) {
+    const context = useContext(CommandContext);
+    if (!context) throw new Error(`${componentName} must be used within Command.`);
+    return context;
+}
+const Command = /*#__PURE__*/ forwardRef(({ children, className, defaultValue: _defaultValue, disablePointerSelection = false, filter, label, loop = false, onKeyDown, onValueChange: _onValueChange, shouldFilter = true, value: _value, vimBindings: _vimBindings, ...props }, ref)=>{
+    const [activeItemId, setActiveItemId] = useState(null);
+    const [search, setSearch] = useState("");
+    const itemOrderReference = useRef(0);
+    const itemsReference = useRef(new Map());
+    const [itemsVersion, setItemsVersion] = useState(0);
+    const listId = useId();
+    const registerItem = useCallback((item)=>{
+        const existingItem = itemsReference.current.get(item.id);
+        const nextItem = {
+            ...item,
+            order: existingItem?.order ?? itemOrderReference.current++
+        };
+        const hasChanged = !existingItem || existingItem.disabled !== nextItem.disabled || existingItem.forceMount !== nextItem.forceMount || existingItem.groupId !== nextItem.groupId || existingItem.keywords.join("\u0000") !== nextItem.keywords.join("\u0000") || existingItem.ref !== nextItem.ref || existingItem.textValue !== nextItem.textValue || existingItem.value !== nextItem.value;
+        if (!hasChanged) return;
+        itemsReference.current.set(item.id, nextItem);
+        setItemsVersion((currentVersion)=>currentVersion + 1);
+    }, []);
+    const unregisterItem = useCallback((itemId)=>{
+        if (!itemsReference.current.delete(itemId)) return;
+        setItemsVersion((currentVersion)=>currentVersion + 1);
+    }, []);
+    const items = useMemo(()=>[
+            ...itemsReference.current.values()
+        ].sort((firstItem, secondItem)=>firstItem.order - secondItem.order), [
+        itemsVersion
+    ]);
+    const isFiltering = shouldFilter && search.trim().length > 0;
+    const isItemVisible = useCallback((itemId)=>{
+        const item = itemsReference.current.get(itemId);
+        if (!item) return false;
+        if (item.forceMount || !shouldFilter || 0 === search.trim().length) return true;
+        const itemValue = item.value ?? item.textValue;
+        const itemFilter = filter ?? defaultCommandFilter;
+        return itemFilter(itemValue, search, item.keywords) > 0;
+    }, [
+        filter,
+        search,
+        shouldFilter
+    ]);
+    const visibleItems = useMemo(()=>items.filter((item)=>isItemVisible(item.id)), [
+        isItemVisible,
+        items
+    ]);
+    const selectableItems = useMemo(()=>visibleItems.filter((item)=>!item.disabled), [
+        visibleItems
+    ]);
+    useEffect(()=>{
+        if (0 === selectableItems.length) return void setActiveItemId(null);
+        if (!activeItemId || !selectableItems.some((item)=>item.id === activeItemId)) setActiveItemId(selectableItems[0].id);
+    }, [
+        activeItemId,
+        selectableItems
+    ]);
+    useEffect(()=>{
+        if (!activeItemId) return;
+        itemsReference.current.get(activeItemId)?.ref.current?.scrollIntoView({
+            block: "nearest"
+        });
+    }, [
+        activeItemId
+    ]);
+    const selectSpecificItem = useCallback((itemId)=>{
+        setActiveItemId(itemId);
+    }, []);
+    const selectNextItem = useCallback(()=>{
+        if (0 === selectableItems.length) return;
+        const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
+        if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
+        const nextIndex = currentIndex + 1;
+        if (nextIndex >= selectableItems.length) return void setActiveItemId(loop ? selectableItems[0].id : selectableItems[currentIndex].id);
+        setActiveItemId(selectableItems[nextIndex].id);
+    }, [
+        activeItemId,
+        loop,
+        selectableItems
+    ]);
+    const selectPreviousItem = useCallback(()=>{
+        if (0 === selectableItems.length) return;
+        const currentIndex = selectableItems.findIndex((item)=>item.id === activeItemId);
+        if (-1 === currentIndex) return void setActiveItemId(selectableItems[0].id);
+        const previousIndex = currentIndex - 1;
+        if (previousIndex < 0) return void setActiveItemId(loop ? selectableItems.at(-1)?.id ?? selectableItems[0].id : selectableItems[currentIndex].id);
+        setActiveItemId(selectableItems[previousIndex].id);
+    }, [
+        activeItemId,
+        loop,
+        selectableItems
+    ]);
+    const triggerActiveItem = useCallback(()=>{
+        if (!activeItemId) return;
+        itemsReference.current.get(activeItemId)?.ref.current?.click();
+    }, [
+        activeItemId
+    ]);
+    const hasVisibleItemsInGroup = useCallback((groupId)=>visibleItems.some((item)=>item.groupId === groupId), [
+        visibleItems
+    ]);
+    const getVisibleItemCount = useCallback(()=>visibleItems.length, [
+        visibleItems.length
+    ]);
+    const contextValue = useMemo(()=>({
+            activeItemId,
+            disablePointerSelection,
+            getVisibleItemCount,
+            hasVisibleItemsInGroup,
+            isFiltering,
+            isItemVisible,
+            listId,
+            loop,
+            registerItem,
+            search,
+            setSearch,
+            selectNextItem,
+            selectPreviousItem,
+            selectSpecificItem,
+            shouldFilter,
+            triggerActiveItem,
+            unregisterItem
+        }), [
+        activeItemId,
+        disablePointerSelection,
+        getVisibleItemCount,
+        hasVisibleItemsInGroup,
+        isFiltering,
+        isItemVisible,
+        listId,
+        loop,
+        registerItem,
+        search,
+        setSearch,
+        selectNextItem,
+        selectPreviousItem,
+        selectSpecificItem,
+        shouldFilter,
+        triggerActiveItem,
+        unregisterItem
+    ]);
+    return /*#__PURE__*/ jsx(CommandContext.Provider, {
+        value: contextValue,
+        children: /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            "aria-label": label,
+            className: cn(command_module.command, className),
+            onKeyDown: (event)=>{
+                onKeyDown?.(event);
+                if (event.defaultPrevented) return;
+                switch(event.key){
+                    case "ArrowDown":
+                        event.preventDefault();
+                        selectNextItem();
+                        break;
+                    case "ArrowUp":
+                        event.preventDefault();
+                        selectPreviousItem();
+                        break;
+                    case "Home":
+                        if (0 === selectableItems.length) return;
+                        event.preventDefault();
+                        setActiveItemId(selectableItems[0].id);
+                        break;
+                    case "End":
+                        if (0 === selectableItems.length) return;
+                        event.preventDefault();
+                        setActiveItemId(selectableItems.at(-1)?.id ?? selectableItems[0].id);
+                        break;
+                    case "Enter":
+                        if (event.nativeEvent.isComposing) return;
+                        event.preventDefault();
+                        triggerActiveItem();
+                        break;
+                    default:
+                        break;
+                }
+            },
+            ...props,
+            children: children
+        })
+    });
+});
+Command.displayName = "Command";
+function CommandDialog({ children, open, onOpenChange, title = "Command menu", ...props }) {
+    return /*#__PURE__*/ jsx(Dialog.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
         ...props,
-        children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: "overflow-hidden p-0",
+        children: /*#__PURE__*/ jsxs(Dialog.Portal, {
             children: [
-                /*#__PURE__*/ jsx(DialogTitle, {
-                    className: "sr-only"
+                /*#__PURE__*/ jsx(Dialog.Backdrop, {
+                    className: command_module.backdrop
                 }),
-                /*#__PURE__*/ jsx(command_Command, {
-                    className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 dark:[&_[cmdk-group-heading]]:text-neutral-400 [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
-                    children: children
+                /*#__PURE__*/ jsxs(Dialog.Popup, {
+                    className: command_module.dialogPopup,
+                    children: [
+                        /*#__PURE__*/ jsx(Dialog.Title, {
+                            className: command_module.srOnly,
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsx(Command, {
+                            children: children
+                        })
+                    ]
                 })
             ]
         })
     });
-const CommandInput = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
-        className: "flex items-center border-b px-3",
-        "cmdk-input-wrapper": "",
+}
+CommandDialog.displayName = "CommandDialog";
+const CommandInput = /*#__PURE__*/ forwardRef(({ className, onChange, onValueChange, value, ...props }, ref)=>{
+    const { activeItemId, listId, search, selectSpecificItem, setSearch } = useCommandContext("CommandInput");
+    const isControlled = void 0 !== value;
+    const inputValue = isControlled ? value : search;
+    useEffect(()=>{
+        if (!isControlled) return;
+        setSearch(value ?? "");
+    }, [
+        isControlled,
+        setSearch,
+        value
+    ]);
+    return /*#__PURE__*/ jsxs("div", {
+        className: command_module.inputWrapper,
         children: [
             /*#__PURE__*/ jsx(Search, {
-                className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+                className: command_module.searchIcon
             }),
-            /*#__PURE__*/ jsx(Command.Input, {
+            /*#__PURE__*/ jsx("input", {
                 ref: ref,
-                className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-neutral-400", className),
+                "aria-activedescendant": activeItemId ?? void 0,
+                "aria-autocomplete": "list",
+                "aria-controls": listId,
+                "aria-expanded": "true",
+                className: cn(command_module.input, className),
+                onChange: (event)=>{
+                    onChange?.(event);
+                    const nextSearchValue = event.currentTarget.value;
+                    setSearch(nextSearchValue);
+                    onValueChange?.(nextSearchValue);
+                    selectSpecificItem(null);
+                },
+                role: "combobox",
+                type: "text",
+                value: inputValue,
                 ...props
             })
         ]
-    }));
-CommandInput.displayName = Command.Input.displayName;
-const CommandList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.List, {
-        ref: ref,
-        className: cn("max-h-[300px] overflow-x-hidden overflow-y-auto", className),
-        ...props
-    }));
-CommandList.displayName = Command.List.displayName;
-const CommandEmpty = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Command.Empty, {
-        ref: ref,
-        className: "py-6 text-center text-sm",
-        ...props
-    }));
-CommandEmpty.displayName = Command.Empty.displayName;
-const CommandGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Group, {
+    });
+});
+CommandInput.displayName = "CommandInput";
+const CommandList = /*#__PURE__*/ forwardRef(({ className, label, ...props }, ref)=>{
+    const { listId } = useCommandContext("CommandList");
+    return /*#__PURE__*/ jsx("div", {
+        "aria-label": label,
         ref: ref,
-        className: cn("overflow-hidden p-1 text-neutral-950 dark:text-neutral-50 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 dark:[&_[cmdk-group-heading]]:text-neutral-400", className),
+        className: cn(command_module.list, className),
+        id: listId,
+        role: "listbox",
         ...props
-    }));
-CommandGroup.displayName = Command.Group.displayName;
-const CommandSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Separator, {
+    });
+});
+CommandList.displayName = "CommandList";
+const CommandEmpty = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    const { getVisibleItemCount } = useCommandContext("CommandEmpty");
+    if (getVisibleItemCount() > 0) return null;
+    return /*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: cn("-mx-1 h-px bg-neutral-200 dark:bg-neutral-800", className),
+        className: cn(command_module.empty, className),
+        role: "status",
         ...props
-    }));
-CommandSeparator.displayName = Command.Separator.displayName;
-const CommandItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Command.Item, {
+    });
+});
+CommandEmpty.displayName = "CommandEmpty";
+const CommandGroup = /*#__PURE__*/ forwardRef(({ children, className, forceMount = false, heading, value: _value, ...props }, ref)=>{
+    const groupId = useId();
+    const { hasVisibleItemsInGroup, isFiltering } = useCommandContext("CommandGroup");
+    if (!forceMount && isFiltering && !hasVisibleItemsInGroup(groupId)) return null;
+    return /*#__PURE__*/ jsx(CommandGroupContext.Provider, {
+        value: groupId,
+        children: /*#__PURE__*/ jsxs("div", {
+            ref: ref,
+            className: cn(command_module.group, className),
+            "data-command-group": "",
+            ...props,
+            children: [
+                heading ? /*#__PURE__*/ jsx("div", {
+                    className: command_module.groupHeading,
+                    children: heading
+                }) : null,
+                children
+            ]
+        })
+    });
+});
+CommandGroup.displayName = "CommandGroup";
+const CommandSeparator = /*#__PURE__*/ forwardRef(({ alwaysRender = false, className, orientation = "horizontal", ...props }, ref)=>{
+    const { isFiltering } = useCommandContext("CommandSeparator");
+    if (isFiltering && !alwaysRender) return null;
+    return /*#__PURE__*/ jsx(Separator, {
         ref: ref,
-        className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-neutral-100 data-[selected=true]:text-neutral-900 dark:data-[selected=true]:bg-neutral-800 dark:data-[selected=true]:text-neutral-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
+        className: cn(command_module.separator, className),
+        orientation: orientation,
         ...props
-    }));
-CommandItem.displayName = Command.Item.displayName;
+    });
+});
+CommandSeparator.displayName = "CommandSeparator";
+const CommandItem = /*#__PURE__*/ forwardRef(({ children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props }, ref)=>{
+    const { activeItemId, disablePointerSelection, isFiltering, isItemVisible, registerItem, selectSpecificItem, unregisterItem } = useCommandContext("CommandItem");
+    const groupId = useContext(CommandGroupContext);
+    const generatedId = useId();
+    const itemReference = useRef(null);
+    const keywordSignature = useMemo(()=>keywords.join("\u0000"), [
+        keywords
+    ]);
+    useLayoutEffect(()=>{
+        const textValue = value ?? itemReference.current?.textContent?.trim() ?? "";
+        registerItem({
+            disabled,
+            forceMount,
+            groupId,
+            id: generatedId,
+            keywords,
+            ref: itemReference,
+            textValue,
+            value
+        });
+    }, [
+        children,
+        disabled,
+        forceMount,
+        generatedId,
+        groupId,
+        keywordSignature,
+        keywords,
+        registerItem,
+        value
+    ]);
+    useEffect(()=>()=>{
+            unregisterItem(generatedId);
+        }, [
+        generatedId,
+        unregisterItem
+    ]);
+    const isVisible = forceMount || !isFiltering || isItemVisible(generatedId);
+    if (!isVisible) return null;
+    const isSelected = activeItemId === generatedId;
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: (node)=>{
+            itemReference.current = node;
+            assignRef(ref, node);
+        },
+        "aria-disabled": disabled || void 0,
+        "aria-selected": isSelected,
+        className: cn(command_module.item, className),
+        "data-disabled": disabled ? "true" : void 0,
+        "data-selected": isSelected ? "true" : void 0,
+        id: generatedId,
+        onClick: (event)=>{
+            if (disabled) return void event.preventDefault();
+            selectSpecificItem(generatedId);
+            onSelect?.(value ?? itemReference.current?.textContent?.trim() ?? "");
+            onClick?.(event);
+        },
+        onFocus: ()=>{
+            if (disabled) return;
+            selectSpecificItem(generatedId);
+        },
+        onMouseEnter: (event)=>{
+            onMouseEnter?.(event);
+            if (disabled || disablePointerSelection) return;
+            selectSpecificItem(generatedId);
+        },
+        role: "option",
+        tabIndex: disabled ? -1 : 0,
+        children: children
+    });
+});
+CommandItem.displayName = "CommandItem";
 const CommandShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
-        className: cn("ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400", className),
+        className: cn(command_module.shortcut, className),
         ...props
     });
 CommandShortcut.displayName = "CommandShortcut";
-export { command_Command as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
 
 //# sourceMappingURL=command.js.map

package/dist/components/ui/command.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/command.js","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type {DialogProps} from \"@radix-ui/react-dialog\";\r\nimport {Command as CommandPrimitive} from \"cmdk\";\r\nimport {Search} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {Dialog, DialogContent, DialogTitle} from \"@/components/ui/dialog\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Command = React.forwardRef<React.ComponentRef<typeof CommandPrimitive>, React.ComponentPropsWithoutRef<typeof CommandPrimitive>>(\r\n  ({className, ...props}, ref) => (\r\n    <CommandPrimitive\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nCommand.displayName = CommandPrimitive.displayName;\r\n\r\nconst CommandDialog = ({children, ...props}: DialogProps) => {\r\n  return (\r\n    <Dialog {...props}>\r\n      <DialogContent className='overflow-hidden p-0'>\r\n        <DialogTitle className='sr-only' />\r\n        <Command className='[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 dark:[&_[cmdk-group-heading]]:text-neutral-400 [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5'>\r\n          {children}\r\n        </Command>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nconst CommandInput = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.Input>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\r\n>(({className, ...props}, ref) => (\r\n  <div\r\n    className='flex items-center border-b px-3'\r\n    // eslint-disable-next-line react/no-unknown-property -- cmdk specific attribute\r\n    cmdk-input-wrapper=''>\r\n    <Search className='mr-2 h-4 w-4 shrink-0 opacity-50' />\r\n    <CommandPrimitive.Input\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-neutral-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\n\r\nCommandInput.displayName = CommandPrimitive.Input.displayName;\r\n\r\nconst CommandList = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\r\n>(({className, ...props}, ref) => (\r\n  <CommandPrimitive.List\r\n    ref={ref}\r\n    className={cn(\"max-h-[300px] overflow-x-hidden overflow-y-auto\", className)}\r\n    {...props}\r\n  />\r\n));\r\n\r\nCommandList.displayName = CommandPrimitive.List.displayName;\r\n\r\nconst CommandEmpty = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.Empty>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\r\n>((props, ref) => (\r\n  <CommandPrimitive.Empty\r\n    ref={ref}\r\n    className='py-6 text-center text-sm'\r\n    {...props}\r\n  />\r\n));\r\n\r\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\r\n\r\nconst CommandGroup = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.Group>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\r\n>(({className, ...props}, ref) => (\r\n  <CommandPrimitive.Group\r\n    ref={ref}\r\n    className={cn(\r\n      \"overflow-hidden p-1 text-neutral-950 dark:text-neutral-50 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-neutral-500 dark:[&_[cmdk-group-heading]]:text-neutral-400\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\n\r\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\r\n\r\nconst CommandSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <CommandPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 h-px bg-neutral-200 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\r\n\r\nconst CommandItem = React.forwardRef<\r\n  React.ComponentRef<typeof CommandPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\r\n>(({className, ...props}, ref) => (\r\n  <CommandPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-neutral-100 data-[selected=true]:text-neutral-900 dark:data-[selected=true]:bg-neutral-800 dark:data-[selected=true]:text-neutral-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\n\r\nCommandItem.displayName = CommandPrimitive.Item.displayName;\r\n\r\nconst CommandShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\"ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nCommandShortcut.displayName = \"CommandShortcut\";\r\n\r\nexport {Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut};\r\n"],"names":["Command","React","className","props","ref","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","DialogTitle","CommandInput","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":";;;;;;;AAUA,MAAMA,kBAAU,WAAHA,GAAGC,WACd,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACC,SAAgBA;QACf,KAAKD;QACL,WAAWE,GACT,6HACAJ;QAED,GAAGC,KAAK;;AAIfH,gBAAQ,WAAW,GAAGK,QAAAA,WAA4B;AAElD,MAAME,gBAAgB,CAAC,EAACC,QAAQ,EAAE,GAAGL,OAAmB,GAC/C,WAAP,GACE,IAACM,QAAMA;QAAE,GAAGN,KAAK;kBACf,mBAACO,eAAaA;YAAC,WAAU;;8BACvB,IAACC,aAAWA;oBAAC,WAAU;;8BACvB,IAACX,iBAAOA;oBAAC,WAAU;8BAChBQ;;;;;AAOX,MAAMI,eAAe,WAAfA,GAAeX,WAGnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAAC;QACC,WAAU;QAEV,sBAAmB;;0BACnB,IAACS,QAAMA;gBAAC,WAAU;;0BAClB,IAACR,QAAAA,KAAsB;gBACrB,KAAKD;gBACL,WAAWE,GACT,uLACAJ;gBAED,GAAGC,KAAK;;;;AAKfS,aAAa,WAAW,GAAGP,QAAAA,KAAAA,CAAAA,WAAkC;AAE7D,MAAMS,cAAc,WAAdA,GAAcb,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,QAAAA,IAAqB;QACpB,KAAKD;QACL,WAAWE,GAAG,mDAAmDJ;QAChE,GAAGC,KAAK;;AAIbW,YAAY,WAAW,GAAGT,QAAAA,IAAAA,CAAAA,WAAiC;AAE3D,MAAMU,eAAe,WAAfA,GAAed,WAGnB,CAACE,OAAOC,MAAAA,WAAAA,GACR,IAACC,QAAAA,KAAsB;QACrB,KAAKD;QACL,WAAU;QACT,GAAGD,KAAK;;AAIbY,aAAa,WAAW,GAAGV,QAAAA,KAAAA,CAAAA,WAAkC;AAE7D,MAAMW,eAAe,WAAfA,GAAef,WAGnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,QAAAA,KAAsB;QACrB,KAAKD;QACL,WAAWE,GACT,0RACAJ;QAED,GAAGC,KAAK;;AAIba,aAAa,WAAW,GAAGX,QAAAA,KAAAA,CAAAA,WAAkC;AAE7D,MAAMY,mBAAmB,WAAnBA,GAAmBhB,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,QAAAA,SAA0B;QACzB,KAAKD;QACL,WAAWE,GAAG,iDAAiDJ;QAC9D,GAAGC,KAAK;;AAGbc,iBAAiB,WAAW,GAAGZ,QAAAA,SAAAA,CAAAA,WAAsC;AAErE,MAAMa,cAAc,WAAdA,GAAcjB,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,QAAAA,IAAqB;QACpB,KAAKD;QACL,WAAWE,GACT,6YACAJ;QAED,GAAGC,KAAK;;AAIbe,YAAY,WAAW,GAAGb,QAAAA,IAAAA,CAAAA,WAAiC;AAE3D,MAAMc,kBAAkB,CAAC,EAACjB,SAAS,EAAE,GAAGC,OAA6C,GAC5E,WAAP,GACE,IAAC;QACC,WAAWG,GAAG,0EAA0EJ;QACvF,GAAGC,KAAK;;AAIfgB,gBAAgB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/command.js","sources":["../../../src/components/ui/command.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Dialog as BaseDialog} from \"@base-ui/react/dialog\";\r\nimport {Separator as BaseSeparator} from \"@base-ui/react/separator\";\r\nimport {Search} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./command.module.css\";\r\n\r\ntype CommandFilter = (value: string, search: string, keywords?: string[]) => number;\r\n\r\ninterface CommandProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Command palette content.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Accessible label announced for the command region.\r\n   * @default undefined\r\n   */\r\n  label?: string;\r\n  /**\r\n   * Whether items should be filtered automatically as the search value changes.\r\n   * @default true\r\n   */\r\n  shouldFilter?: boolean;\r\n  /**\r\n   * Custom scoring function used to determine whether an item matches the current search value.\r\n   * @default undefined\r\n   */\r\n  filter?: CommandFilter;\r\n  /**\r\n   * Deprecated uncontrolled search value placeholder retained for API compatibility.\r\n   * @default undefined\r\n   */\r\n  defaultValue?: string;\r\n  /**\r\n   * Deprecated controlled search value placeholder retained for API compatibility.\r\n   * @default undefined\r\n   */\r\n  value?: string;\r\n  /**\r\n   * Deprecated change callback retained for API compatibility.\r\n   * @default undefined\r\n   */\r\n  onValueChange?: (value: string) => void;\r\n  /**\r\n   * Whether keyboard navigation should wrap from the last item to the first.\r\n   * @default false\r\n   */\r\n  loop?: boolean;\r\n  /**\r\n   * Whether pointer hover should avoid changing the active item.\r\n   * @default false\r\n   */\r\n  disablePointerSelection?: boolean;\r\n  /**\r\n   * Deprecated Vim keybinding toggle retained for API compatibility.\r\n   * @default undefined\r\n   */\r\n  vimBindings?: boolean;\r\n}\r\n\r\ninterface CommandDialogProps extends Omit<React.ComponentPropsWithoutRef<typeof BaseDialog.Root>, \"children\"> {\r\n  /**\r\n   * Command palette content rendered inside the dialog popup.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Accessible dialog title announced to assistive technologies.\r\n   * @default \"Command menu\"\r\n   */\r\n  title?: React.ReactNode;\r\n}\r\n\r\ninterface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"type\" | \"value\"> {\r\n  /**\r\n   * Controlled search value.\r\n   * @default undefined\r\n   */\r\n  value?: string;\r\n  /**\r\n   * Native input change handler invoked before the command-specific callback.\r\n   * @default undefined\r\n   */\r\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\r\n  /**\r\n   * Callback fired when the command search value changes.\r\n   * @default undefined\r\n   */\r\n  onValueChange?: (search: string) => void;\r\n}\r\n\r\ninterface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Command items and groups.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Accessible label for the listbox container.\r\n   * @default undefined\r\n   */\r\n  label?: string;\r\n}\r\n\r\ninterface CommandGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"value\"> {\r\n  /**\r\n   * Group contents.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Optional visual heading displayed above the group items.\r\n   * @default undefined\r\n   */\r\n  heading?: React.ReactNode;\r\n  /**\r\n   * Optional stable value retained for API compatibility.\r\n   * @default undefined\r\n   */\r\n  value?: string;\r\n  /**\r\n   * Whether the group should remain rendered even when it has no visible items.\r\n   * @default false\r\n   */\r\n  forceMount?: boolean;\r\n}\r\n\r\ninterface CommandSeparatorProps extends React.ComponentPropsWithoutRef<typeof BaseSeparator> {\r\n  /**\r\n   * Whether the separator should remain visible while filtering is active.\r\n   * @default false\r\n   */\r\n  alwaysRender?: boolean;\r\n}\r\n\r\ninterface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\r\n  /**\r\n   * Item contents.\r\n   * @default undefined\r\n   */\r\n  children?: React.ReactNode;\r\n  /**\r\n   * Whether the item is disabled and should be skipped by selection logic.\r\n   * @default false\r\n   */\r\n  disabled?: boolean;\r\n  /**\r\n   * Callback invoked when the item is selected.\r\n   * @default undefined\r\n   */\r\n  onSelect?: (value: string) => void;\r\n  /**\r\n   * Optional value used for filtering and selection callbacks.\r\n   * @default undefined\r\n   */\r\n  value?: string;\r\n  /**\r\n   * Additional search keywords included in the filter match set.\r\n   * @default []\r\n   */\r\n  keywords?: string[];\r\n  /**\r\n   * Whether the item should remain rendered even when filtered out.\r\n   * @default false\r\n   */\r\n  forceMount?: boolean;\r\n}\r\n\r\ninterface CommandRegisteredItem {\r\n  disabled: boolean;\r\n  forceMount: boolean;\r\n  groupId: string | null;\r\n  id: string;\r\n  keywords: string[];\r\n  order: number;\r\n  ref: React.RefObject<HTMLDivElement | null>;\r\n  textValue: string;\r\n  value?: string;\r\n}\r\n\r\ninterface CommandContextValue {\r\n  activeItemId: string | null;\r\n  disablePointerSelection: boolean;\r\n  getVisibleItemCount: () => number;\r\n  hasVisibleItemsInGroup: (groupId: string) => boolean;\r\n  isFiltering: boolean;\r\n  isItemVisible: (itemId: string) => boolean;\r\n  listId: string;\r\n  loop: boolean;\r\n  registerItem: (item: Omit<CommandRegisteredItem, \"order\">) => void;\r\n  search: string;\r\n  setSearch: (value: string) => void;\r\n  selectNextItem: () => void;\r\n  selectPreviousItem: () => void;\r\n  selectSpecificItem: (itemId: string | null) => void;\r\n  shouldFilter: boolean;\r\n  triggerActiveItem: () => void;\r\n  unregisterItem: (itemId: string) => void;\r\n}\r\n\r\nconst CommandContext = React.createContext<CommandContextValue | null>(null);\r\nconst CommandGroupContext = React.createContext<string | null>(null);\r\n\r\nfunction assignRef<TValue>(ref: React.ForwardedRef<TValue>, value: TValue): void {\r\n  if (typeof ref === \"function\") {\r\n    ref(value);\r\n    return;\r\n  }\r\n\r\n  if (ref) {\r\n    ref.current = value;\r\n  }\r\n}\r\n\r\nfunction normalizeCommandValue(value: string): string {\r\n  return value.trim().toLowerCase();\r\n}\r\n\r\nfunction defaultCommandFilter(value: string, search: string, keywords: string[] = []): number {\r\n  if (search.length === 0) {\r\n    return 1;\r\n  }\r\n\r\n  const normalizedSearch = normalizeCommandValue(search);\r\n  const normalizedValue = normalizeCommandValue([value, ...keywords].join(\" \"));\r\n\r\n  return normalizedValue.includes(normalizedSearch) ? 1 : 0;\r\n}\r\n\r\nfunction useCommandContext(componentName: string): CommandContextValue {\r\n  const context = React.useContext(CommandContext);\r\n\r\n  if (!context) {\r\n    throw new Error(`${componentName} must be used within Command.`);\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\n/**\r\n * Provides a lightweight, filterable command surface without depending on cmdk.\r\n *\r\n * @remarks\r\n * This wrapper preserves the existing compound-component API while replacing the\r\n * underlying implementation with a small context-driven registry. It supports\r\n * text filtering, arrow-key navigation, Enter-to-select, and pointer hover\r\n * selection for common command palette use cases.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Command label='Quick actions'>\r\n *   <CommandInput placeholder='Search actions...' />\r\n *   <CommandList>\r\n *     <CommandItem onSelect={() => console.log(\"Open\")}>Open</CommandItem>\r\n *   </CommandList>\r\n * </Command>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog Docs}\r\n */\r\nconst Command = React.forwardRef<HTMLDivElement, CommandProps>(\r\n  (\r\n    {\r\n      children,\r\n      className,\r\n      defaultValue: _defaultValue,\r\n      disablePointerSelection = false,\r\n      filter,\r\n      label,\r\n      loop = false,\r\n      onKeyDown,\r\n      onValueChange: _onValueChange,\r\n      shouldFilter = true,\r\n      value: _value,\r\n      vimBindings: _vimBindings,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\r\n    const [search, setSearch] = React.useState(\"\");\r\n    const itemOrderReference = React.useRef(0);\r\n    const itemsReference = React.useRef(new Map<string, CommandRegisteredItem>());\r\n    const [itemsVersion, setItemsVersion] = React.useState(0);\r\n    const listId = React.useId();\r\n\r\n    const registerItem = React.useCallback((item: Omit<CommandRegisteredItem, \"order\">): void => {\r\n      const existingItem = itemsReference.current.get(item.id);\r\n      const nextItem: CommandRegisteredItem = {\r\n        ...item,\r\n        order: existingItem?.order ?? itemOrderReference.current++,\r\n      };\r\n\r\n      const hasChanged =\r\n        !existingItem\r\n        || existingItem.disabled !== nextItem.disabled\r\n        || existingItem.forceMount !== nextItem.forceMount\r\n        || existingItem.groupId !== nextItem.groupId\r\n        || existingItem.keywords.join(\"\\u0000\") !== nextItem.keywords.join(\"\\u0000\")\r\n        || existingItem.ref !== nextItem.ref\r\n        || existingItem.textValue !== nextItem.textValue\r\n        || existingItem.value !== nextItem.value;\r\n\r\n      if (!hasChanged) {\r\n        return;\r\n      }\r\n\r\n      itemsReference.current.set(item.id, nextItem);\r\n      setItemsVersion((currentVersion) => currentVersion + 1);\r\n    }, []);\r\n\r\n    const unregisterItem = React.useCallback((itemId: string): void => {\r\n      if (!itemsReference.current.delete(itemId)) {\r\n        return;\r\n      }\r\n\r\n      setItemsVersion((currentVersion) => currentVersion + 1);\r\n    }, []);\r\n\r\n    const items = React.useMemo(() => {\r\n      return [...itemsReference.current.values()].sort((firstItem, secondItem) => firstItem.order - secondItem.order);\r\n    }, [itemsVersion]);\r\n\r\n    const isFiltering = shouldFilter && search.trim().length > 0;\r\n\r\n    const isItemVisible = React.useCallback(\r\n      (itemId: string): boolean => {\r\n        const item = itemsReference.current.get(itemId);\r\n\r\n        if (!item) {\r\n          return false;\r\n        }\r\n\r\n        if (item.forceMount || !shouldFilter || search.trim().length === 0) {\r\n          return true;\r\n        }\r\n\r\n        const itemValue = item.value ?? item.textValue;\r\n        const itemFilter = filter ?? defaultCommandFilter;\r\n\r\n        return itemFilter(itemValue, search, item.keywords) > 0;\r\n      },\r\n      [filter, search, shouldFilter],\r\n    );\r\n\r\n    const visibleItems = React.useMemo(() => items.filter((item) => isItemVisible(item.id)), [isItemVisible, items]);\r\n\r\n    const selectableItems = React.useMemo(() => visibleItems.filter((item) => !item.disabled), [visibleItems]);\r\n\r\n    React.useEffect(() => {\r\n      if (selectableItems.length === 0) {\r\n        setActiveItemId(null);\r\n        return;\r\n      }\r\n\r\n      if (!activeItemId || !selectableItems.some((item) => item.id === activeItemId)) {\r\n        setActiveItemId(selectableItems[0].id);\r\n      }\r\n    }, [activeItemId, selectableItems]);\r\n\r\n    React.useEffect(() => {\r\n      if (!activeItemId) {\r\n        return;\r\n      }\r\n\r\n      itemsReference.current.get(activeItemId)?.ref.current?.scrollIntoView({\r\n        block: \"nearest\",\r\n      });\r\n    }, [activeItemId]);\r\n\r\n    const selectSpecificItem = React.useCallback((itemId: string | null): void => {\r\n      setActiveItemId(itemId);\r\n    }, []);\r\n\r\n    const selectNextItem = React.useCallback((): void => {\r\n      if (selectableItems.length === 0) {\r\n        return;\r\n      }\r\n\r\n      const currentIndex = selectableItems.findIndex((item) => item.id === activeItemId);\r\n\r\n      if (currentIndex === -1) {\r\n        setActiveItemId(selectableItems[0].id);\r\n        return;\r\n      }\r\n\r\n      const nextIndex = currentIndex + 1;\r\n\r\n      if (nextIndex >= selectableItems.length) {\r\n        setActiveItemId(loop ? selectableItems[0].id : selectableItems[currentIndex].id);\r\n        return;\r\n      }\r\n\r\n      setActiveItemId(selectableItems[nextIndex].id);\r\n    }, [activeItemId, loop, selectableItems]);\r\n\r\n    const selectPreviousItem = React.useCallback((): void => {\r\n      if (selectableItems.length === 0) {\r\n        return;\r\n      }\r\n\r\n      const currentIndex = selectableItems.findIndex((item) => item.id === activeItemId);\r\n\r\n      if (currentIndex === -1) {\r\n        setActiveItemId(selectableItems[0].id);\r\n        return;\r\n      }\r\n\r\n      const previousIndex = currentIndex - 1;\r\n\r\n      if (previousIndex < 0) {\r\n        setActiveItemId(loop ? (selectableItems.at(-1)?.id ?? selectableItems[0].id) : selectableItems[currentIndex].id);\r\n        return;\r\n      }\r\n\r\n      setActiveItemId(selectableItems[previousIndex].id);\r\n    }, [activeItemId, loop, selectableItems]);\r\n\r\n    const triggerActiveItem = React.useCallback((): void => {\r\n      if (!activeItemId) {\r\n        return;\r\n      }\r\n\r\n      itemsReference.current.get(activeItemId)?.ref.current?.click();\r\n    }, [activeItemId]);\r\n\r\n    const hasVisibleItemsInGroup = React.useCallback(\r\n      (groupId: string): boolean => visibleItems.some((item) => item.groupId === groupId),\r\n      [visibleItems],\r\n    );\r\n\r\n    const getVisibleItemCount = React.useCallback((): number => visibleItems.length, [visibleItems.length]);\r\n\r\n    const contextValue = React.useMemo<CommandContextValue>(\r\n      () => ({\r\n        activeItemId,\r\n        disablePointerSelection,\r\n        getVisibleItemCount,\r\n        hasVisibleItemsInGroup,\r\n        isFiltering,\r\n        isItemVisible,\r\n        listId,\r\n        loop,\r\n        registerItem,\r\n        search,\r\n        setSearch,\r\n        selectNextItem,\r\n        selectPreviousItem,\r\n        selectSpecificItem,\r\n        shouldFilter,\r\n        triggerActiveItem,\r\n        unregisterItem,\r\n      }),\r\n      [\r\n        activeItemId,\r\n        disablePointerSelection,\r\n        getVisibleItemCount,\r\n        hasVisibleItemsInGroup,\r\n        isFiltering,\r\n        isItemVisible,\r\n        listId,\r\n        loop,\r\n        registerItem,\r\n        search,\r\n        setSearch,\r\n        selectNextItem,\r\n        selectPreviousItem,\r\n        selectSpecificItem,\r\n        shouldFilter,\r\n        triggerActiveItem,\r\n        unregisterItem,\r\n      ],\r\n    );\r\n\r\n    return (\r\n      <CommandContext.Provider value={contextValue}>\r\n        <div\r\n          ref={ref}\r\n          aria-label={label}\r\n          className={cn(styles.command, className)}\r\n          onKeyDown={(event) => {\r\n            onKeyDown?.(event);\r\n\r\n            if (event.defaultPrevented) {\r\n              return;\r\n            }\r\n\r\n            switch (event.key) {\r\n              case \"ArrowDown\": {\r\n                event.preventDefault();\r\n                selectNextItem();\r\n                break;\r\n              }\r\n\r\n              case \"ArrowUp\": {\r\n                event.preventDefault();\r\n                selectPreviousItem();\r\n                break;\r\n              }\r\n\r\n              case \"Home\": {\r\n                if (selectableItems.length === 0) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n                setActiveItemId(selectableItems[0].id);\r\n                break;\r\n              }\r\n\r\n              case \"End\": {\r\n                if (selectableItems.length === 0) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n                setActiveItemId(selectableItems.at(-1)?.id ?? selectableItems[0].id);\r\n                break;\r\n              }\r\n\r\n              case \"Enter\": {\r\n                if (event.nativeEvent.isComposing) {\r\n                  return;\r\n                }\r\n\r\n                event.preventDefault();\r\n                triggerActiveItem();\r\n                break;\r\n              }\r\n\r\n              default: {\r\n                break;\r\n              }\r\n            }\r\n          }}\r\n          {...props}>\r\n          {children}\r\n        </div>\r\n      </CommandContext.Provider>\r\n    );\r\n  },\r\n);\r\nCommand.displayName = \"Command\";\r\n\r\n/**\r\n * Renders the command surface inside a modal dialog.\r\n *\r\n * @remarks\r\n * - Renders a Base UI dialog popup\r\n * - Built on Base UI Dialog primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandDialog open={open} onOpenChange={setOpen}>\r\n *   <CommandInput placeholder='Search...' />\r\n * </CommandDialog>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog Docs}\r\n */\r\nfunction CommandDialog({children, open, onOpenChange, title = \"Command menu\", ...props}: Readonly<CommandDialogProps>): React.JSX.Element {\r\n  return (\r\n    <BaseDialog.Root\r\n      open={open}\r\n      onOpenChange={onOpenChange}\r\n      {...props}>\r\n      <BaseDialog.Portal>\r\n        <BaseDialog.Backdrop className={styles.backdrop} />\r\n        <BaseDialog.Popup className={styles.dialogPopup}>\r\n          <BaseDialog.Title className={styles.srOnly}>{title}</BaseDialog.Title>\r\n          <Command>{children}</Command>\r\n        </BaseDialog.Popup>\r\n      </BaseDialog.Portal>\r\n    </BaseDialog.Root>\r\n  );\r\n}\r\nCommandDialog.displayName = \"CommandDialog\";\r\n\r\n/**\r\n * Provides the searchable input surface for a command palette.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element inside a wrapper `<div>`\r\n * - Built on the shared command registry context\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandInput placeholder='Search...' />\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/combobox_role | ARIA Combobox Role}\r\n */\r\nconst CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(({className, onChange, onValueChange, value, ...props}, ref) => {\r\n  const {activeItemId, listId, search, selectSpecificItem, setSearch} = useCommandContext(\"CommandInput\");\r\n  const isControlled = value !== undefined;\r\n  const inputValue = isControlled ? value : search;\r\n\r\n  React.useEffect(() => {\r\n    if (!isControlled) {\r\n      return;\r\n    }\r\n\r\n    setSearch(value ?? \"\");\r\n  }, [isControlled, setSearch, value]);\r\n\r\n  return (\r\n    <div className={styles.inputWrapper}>\r\n      <Search className={styles.searchIcon} />\r\n      <input\r\n        ref={ref}\r\n        aria-activedescendant={activeItemId ?? undefined}\r\n        aria-autocomplete='list'\r\n        aria-controls={listId}\r\n        aria-expanded='true'\r\n        className={cn(styles.input, className)}\r\n        onChange={(event) => {\r\n          onChange?.(event);\r\n\r\n          const nextSearchValue = event.currentTarget.value;\r\n          setSearch(nextSearchValue);\r\n          onValueChange?.(nextSearchValue);\r\n          selectSpecificItem(null);\r\n        }}\r\n        role='combobox'\r\n        type='text'\r\n        value={inputValue}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n});\r\nCommandInput.displayName = \"CommandInput\";\r\n\r\n/**\r\n * Renders the listbox container that hosts command items and groups.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element with `role=\"listbox\"`\r\n * - Built on the shared command registry context\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandList>\r\n *   <CommandItem>Settings</CommandItem>\r\n * </CommandList>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/listbox_role | ARIA Listbox Role}\r\n */\r\nconst CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(({className, label, ...props}, ref) => {\r\n  const {listId} = useCommandContext(\"CommandList\");\r\n\r\n  return (\r\n    <div\r\n      aria-label={label}\r\n      ref={ref}\r\n      className={cn(styles.list, className)}\r\n      id={listId}\r\n      role='listbox'\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nCommandList.displayName = \"CommandList\";\r\n\r\n/**\r\n * Renders a fallback empty-state message when no command items are visible.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element with `role=\"status\"`\r\n * - Built on the shared command registry context\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandEmpty>No results found.</CommandEmpty>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/status_role | ARIA Status Role}\r\n */\r\nconst CommandEmpty = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => {\r\n  const {getVisibleItemCount} = useCommandContext(\"CommandEmpty\");\r\n\r\n  if (getVisibleItemCount() > 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.empty, className)}\r\n      role='status'\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nCommandEmpty.displayName = \"CommandEmpty\";\r\n\r\n/**\r\n * Groups related command items under an optional heading.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element\r\n * - Built on the shared command registry context\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandGroup heading='Suggestions'>\r\n *   <CommandItem>Profile</CommandItem>\r\n * </CommandGroup>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/group_role | ARIA Group Role}\r\n */\r\nconst CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\r\n  ({children, className, forceMount = false, heading, value: _value, ...props}, ref) => {\r\n    const groupId = React.useId();\r\n    const {hasVisibleItemsInGroup, isFiltering} = useCommandContext(\"CommandGroup\");\r\n\r\n    if (!forceMount && isFiltering && !hasVisibleItemsInGroup(groupId)) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <CommandGroupContext.Provider value={groupId}>\r\n        <div\r\n          ref={ref}\r\n          className={cn(styles.group, className)}\r\n          data-command-group=''\r\n          {...props}>\r\n          {heading ? <div className={styles.groupHeading}>{heading}</div> : null}\r\n          {children}\r\n        </div>\r\n      </CommandGroupContext.Provider>\r\n    );\r\n  },\r\n);\r\nCommandGroup.displayName = \"CommandGroup\";\r\n\r\n/**\r\n * Renders a separator between command groups or item sections.\r\n *\r\n * @remarks\r\n * - Renders the shared separator primitive\r\n * - Built on Base UI Separator\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/separator | Base UI Separator Docs}\r\n */\r\nconst CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\r\n  ({alwaysRender = false, className, orientation = \"horizontal\", ...props}, ref) => {\r\n    const {isFiltering} = useCommandContext(\"CommandSeparator\");\r\n\r\n    if (isFiltering && !alwaysRender) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <BaseSeparator\r\n        ref={ref}\r\n        className={cn(styles.separator, className)}\r\n        orientation={orientation}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nCommandSeparator.displayName = \"CommandSeparator\";\r\n\r\n/**\r\n * Renders a selectable command option with filtering metadata and keyboard support.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element with `role=\"option\"`\r\n * - Built on the shared command registry context\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandItem keywords={[\"preferences\"]}>Settings</CommandItem>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Roles/option_role | ARIA Option Role}\r\n */\r\nconst CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\r\n  ({children, className, disabled = false, forceMount = false, keywords = [], onClick, onMouseEnter, onSelect, value, ...props}, ref) => {\r\n    const {activeItemId, disablePointerSelection, isFiltering, isItemVisible, registerItem, selectSpecificItem, unregisterItem} =\r\n      useCommandContext(\"CommandItem\");\r\n    const groupId = React.useContext(CommandGroupContext);\r\n    const generatedId = React.useId();\r\n    const itemReference = React.useRef<HTMLDivElement | null>(null);\r\n    const keywordSignature = React.useMemo(() => keywords.join(\"\\u0000\"), [keywords]);\r\n\r\n    React.useLayoutEffect(() => {\r\n      const textValue = value ?? itemReference.current?.textContent?.trim() ?? \"\";\r\n\r\n      registerItem({\r\n        disabled,\r\n        forceMount,\r\n        groupId,\r\n        id: generatedId,\r\n        keywords,\r\n        ref: itemReference,\r\n        textValue,\r\n        value,\r\n      });\r\n    }, [children, disabled, forceMount, generatedId, groupId, keywordSignature, keywords, registerItem, value]);\r\n\r\n    React.useEffect(() => {\r\n      return () => {\r\n        unregisterItem(generatedId);\r\n      };\r\n    }, [generatedId, unregisterItem]);\r\n\r\n    const isVisible = forceMount || !isFiltering || isItemVisible(generatedId);\r\n\r\n    if (!isVisible) {\r\n      return null;\r\n    }\r\n\r\n    const isSelected = activeItemId === generatedId;\r\n\r\n    return (\r\n      <div\r\n        {...props}\r\n        ref={(node) => {\r\n          itemReference.current = node;\r\n          assignRef(ref, node);\r\n        }}\r\n        aria-disabled={disabled || undefined}\r\n        aria-selected={isSelected}\r\n        className={cn(styles.item, className)}\r\n        data-disabled={disabled ? \"true\" : undefined}\r\n        data-selected={isSelected ? \"true\" : undefined}\r\n        id={generatedId}\r\n        onClick={(event) => {\r\n          if (disabled) {\r\n            event.preventDefault();\r\n            return;\r\n          }\r\n\r\n          selectSpecificItem(generatedId);\r\n          onSelect?.(value ?? itemReference.current?.textContent?.trim() ?? \"\");\r\n          onClick?.(event);\r\n        }}\r\n        onFocus={() => {\r\n          if (disabled) {\r\n            return;\r\n          }\r\n\r\n          selectSpecificItem(generatedId);\r\n        }}\r\n        onMouseEnter={(event) => {\r\n          onMouseEnter?.(event);\r\n\r\n          if (disabled || disablePointerSelection) {\r\n            return;\r\n          }\r\n\r\n          selectSpecificItem(generatedId);\r\n        }}\r\n        role='option'\r\n        tabIndex={disabled ? -1 : 0}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nCommandItem.displayName = \"CommandItem\";\r\n\r\n/**\r\n * Renders auxiliary shortcut text aligned to the edge of a command item.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element\r\n * - Built as a lightweight presentational helper for command menus\r\n *\r\n * @example\r\n * ```tsx\r\n * <CommandShortcut>⌘K</CommandShortcut>\r\n * ```\r\n *\r\n * @see {@link https://developer.mozilla.org/docs/Web/HTML/Element/span | HTML span element}\r\n */\r\nconst CommandShortcut = ({className, ...props}: Readonly<React.HTMLAttributes<HTMLSpanElement>>): React.JSX.Element => {\r\n  return (\r\n    <span\r\n      className={cn(styles.shortcut, className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nCommandShortcut.displayName = \"CommandShortcut\";\r\n\r\nexport {Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut};\r\n"],"names":["CommandContext","React","CommandGroupContext","assignRef","ref","value","normalizeCommandValue","defaultCommandFilter","search","keywords","normalizedSearch","normalizedValue","useCommandContext","componentName","context","Error","Command","children","className","_defaultValue","disablePointerSelection","filter","label","loop","onKeyDown","_onValueChange","shouldFilter","_value","_vimBindings","props","activeItemId","setActiveItemId","setSearch","itemOrderReference","itemsReference","Map","itemsVersion","setItemsVersion","listId","registerItem","item","existingItem","nextItem","hasChanged","currentVersion","unregisterItem","itemId","items","firstItem","secondItem","isFiltering","isItemVisible","itemValue","itemFilter","visibleItems","selectableItems","selectSpecificItem","selectNextItem","currentIndex","nextIndex","selectPreviousItem","previousIndex","triggerActiveItem","hasVisibleItemsInGroup","groupId","getVisibleItemCount","contextValue","cn","styles","event","CommandDialog","open","onOpenChange","title","BaseDialog","CommandInput","onChange","onValueChange","isControlled","undefined","inputValue","Search","nextSearchValue","CommandList","CommandEmpty","CommandGroup","forceMount","heading","CommandSeparator","alwaysRender","orientation","BaseSeparator","CommandItem","disabled","onClick","onMouseEnter","onSelect","generatedId","itemReference","keywordSignature","textValue","isVisible","isSelected","node","CommandShortcut"],"mappings":"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"}

package/dist/components/ui/command.module.js

@@ -0,0 +1,20 @@
+import "./command_module.css";
+const command_module = {
+    command: "command-eYZUHV",
+    srOnly: "srOnly-KBf7C0",
+    backdrop: "backdrop-IqhuHJ",
+    dialogPopup: "dialogPopup-uCrAem",
+    inputWrapper: "inputWrapper-gkdH1j",
+    searchIcon: "searchIcon-n1uM3z",
+    input: "input-tITn9m",
+    list: "list-u9qWEv",
+    empty: "empty-rfpqI3",
+    group: "group-gXWsyp",
+    groupHeading: "groupHeading-AMvZXM",
+    separator: "separator-gdtbYv",
+    item: "item-J0D0Xh",
+    shortcut: "shortcut-mXr9yN"
+};
+export default command_module;
+
+//# sourceMappingURL=command.module.js.map

package/dist/components/ui/command.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/command.module.js","sources":["../../../src/components/ui/command.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./command_module.css\"\nexport default {\"command\":\"command-eYZUHV\",\"srOnly\":\"srOnly-KBf7C0\",\"backdrop\":\"backdrop-IqhuHJ\",\"dialogPopup\":\"dialogPopup-uCrAem\",\"inputWrapper\":\"inputWrapper-gkdH1j\",\"searchIcon\":\"searchIcon-n1uM3z\",\"input\":\"input-tITn9m\",\"list\":\"list-u9qWEv\",\"empty\":\"empty-rfpqI3\",\"group\":\"group-gXWsyp\",\"groupHeading\":\"groupHeading-AMvZXM\",\"separator\":\"separator-gdtbYv\",\"item\":\"item-J0D0Xh\",\"shortcut\":\"shortcut-mXr9yN\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,SAAU;IAAiB,QAAS;IAAgB,UAAW;IAAkB,aAAc;IAAqB,cAAe;IAAsB,YAAa;IAAoB,OAAQ;IAAe,MAAO;IAAc,OAAQ;IAAe,OAAQ;IAAe,cAAe;IAAsB,WAAY;IAAmB,MAAO;IAAc,UAAW;AAAiB"}