@refraction-ui/react 0.19.1 → 0.20.0

package/dist/react-command.js

@@ -0,0 +1,364 @@
+import {
+  Keys,
+  cn,
+  createKeyboardHandler,
+  cva,
+  devWarn,
+  generateId
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-command/dist/index.js
+import * as React from "react";
+
+// ../command/dist/index.js
+function defaultFilter(value, search) {
+  return value.toLowerCase().includes(search.toLowerCase());
+}
+function createCommand(props = {}, items = []) {
+  const {
+    open: controlledOpen,
+    onOpenChange,
+    filter = defaultFilter
+  } = props;
+  const rootId = generateId("rfr-cmd");
+  const inputId = generateId("rfr-cmd-input");
+  const listId = generateId("rfr-cmd-list");
+  let searchQuery = "";
+  let selectedIndex = 0;
+  let filteredItems = [...items];
+  const isOpen = controlledOpen ?? true;
+  function applyFilter(query) {
+    if (!query) return [...items];
+    return items.filter((item) => filter(item.value, query));
+  }
+  function doSearch(query) {
+    searchQuery = query;
+    filteredItems = applyFilter(query);
+    selectedIndex = 0;
+  }
+  function doSelect(index) {
+    const idx = index ?? selectedIndex;
+    const item = filteredItems[idx];
+    if (!item || item.disabled) return void 0;
+    return item;
+  }
+  const keyboardHandlers = {
+    [Keys.ArrowDown]: (e) => {
+      e.preventDefault();
+      if (filteredItems.length > 0) {
+        selectedIndex = (selectedIndex + 1) % filteredItems.length;
+      }
+    },
+    [Keys.ArrowUp]: (e) => {
+      e.preventDefault();
+      if (filteredItems.length > 0) {
+        selectedIndex = (selectedIndex - 1 + filteredItems.length) % filteredItems.length;
+      }
+    },
+    [Keys.Enter]: (e) => {
+      e.preventDefault();
+      doSelect();
+    },
+    [Keys.Escape]: (e) => {
+      e.preventDefault();
+      onOpenChange?.(false);
+    }
+  };
+  const ariaProps = {
+    role: "combobox",
+    "aria-expanded": isOpen,
+    "aria-haspopup": "listbox",
+    "aria-owns": listId,
+    id: rootId
+  };
+  const inputAriaProps = {
+    role: "searchbox",
+    "aria-autocomplete": "list",
+    "aria-controls": listId,
+    id: inputId
+  };
+  const listAriaProps = {
+    role: "listbox",
+    id: listId,
+    "aria-label": "Command suggestions"
+  };
+  function getItemAriaProps(item, index) {
+    return {
+      role: "option",
+      "aria-selected": index === selectedIndex,
+      "aria-disabled": item.disabled ?? false,
+      id: `${listId}-item-${item.id}`
+    };
+  }
+  return {
+    get state() {
+      return {
+        search: searchQuery,
+        filteredItems,
+        selectedIndex,
+        open: isOpen
+      };
+    },
+    search: doSearch,
+    select: doSelect,
+    keyboardHandlers,
+    ariaProps,
+    inputAriaProps,
+    listAriaProps,
+    getItemAriaProps,
+    ids: {
+      root: rootId,
+      input: inputId,
+      list: listId
+    }
+  };
+}
+var commandVariants = cva({
+  base: "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground"
+});
+var commandInputVariants = cva({
+  base: "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+});
+var commandItemVariants = cva({
+  base: "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+  variants: {
+    state: {
+      default: "",
+      selected: "bg-accent text-accent-foreground",
+      disabled: "pointer-events-none opacity-50"
+    }
+  },
+  defaultVariants: {
+    state: "default"
+  }
+});
+var commandGroupVariants = cva({
+  base: "overflow-hidden p-1 text-foreground"
+});
+
+// ../react-command/dist/index.js
+var CommandContext = React.createContext(null);
+function useCommandContext() {
+  const ctx = React.useContext(CommandContext);
+  if (!ctx) {
+    devWarn(
+      "react-command/context-outside-provider",
+      "Command compound components (CommandInput/CommandList/CommandItem/CommandGroup/etc.) must be rendered inside a <Command>. The missing CommandContext makes this throw."
+    );
+    throw new Error("Command compound components must be used within <Command>");
+  }
+  return ctx;
+}
+function Command({
+  open,
+  onOpenChange,
+  filter,
+  className,
+  children
+}) {
+  const [items, setItems] = React.useState([]);
+  const [search, setSearch] = React.useState("");
+  const [selectedIndex, setSelectedIndex] = React.useState(0);
+  const apiRef = React.useRef(null);
+  const api = React.useMemo(() => {
+    const instance = createCommand({ open, onOpenChange, filter }, items);
+    if (search) {
+      instance.search(search);
+    }
+    apiRef.current = instance;
+    return instance;
+  }, [open, onOpenChange, filter, items, search]);
+  const filteredItems = api.state.filteredItems;
+  const handleSearch = React.useCallback((query) => {
+    setSearch(query);
+    setSelectedIndex(0);
+  }, []);
+  const handleSelect = React.useCallback((index) => {
+    setSelectedIndex(index);
+  }, []);
+  const registerItem = React.useCallback((item) => {
+    setItems((prev) => {
+      if (prev.some((i) => i.id === item.id)) return prev;
+      return [...prev, item];
+    });
+  }, []);
+  const unregisterItem = React.useCallback((id) => {
+    setItems((prev) => prev.filter((i) => i.id !== id));
+  }, []);
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      const handler = createKeyboardHandler({
+        [Keys.ArrowDown]: (ev) => {
+          ev.preventDefault();
+          if (filteredItems.length > 0) {
+            setSelectedIndex((prev) => (prev + 1) % filteredItems.length);
+          }
+        },
+        [Keys.ArrowUp]: (ev) => {
+          ev.preventDefault();
+          if (filteredItems.length > 0) {
+            setSelectedIndex((prev) => (prev - 1 + filteredItems.length) % filteredItems.length);
+          }
+        },
+        [Keys.Enter]: (ev) => {
+          ev.preventDefault();
+        },
+        [Keys.Escape]: (ev) => {
+          ev.preventDefault();
+          onOpenChange?.(false);
+        }
+      });
+      handler(e.nativeEvent);
+    },
+    [filteredItems.length, onOpenChange]
+  );
+  const ctx = React.useMemo(
+    () => ({
+      search,
+      onSearch: handleSearch,
+      selectedIndex,
+      onSelect: handleSelect,
+      items,
+      filteredItems,
+      registerItem,
+      unregisterItem,
+      listId: api.ids.list,
+      inputId: api.ids.input
+    }),
+    [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input]
+  );
+  return React.createElement(
+    CommandContext.Provider,
+    { value: ctx },
+    React.createElement(
+      "div",
+      {
+        className: cn(commandVariants(), className),
+        ...api.ariaProps,
+        onKeyDown: handleKeyDown
+      },
+      children
+    )
+  );
+}
+var CommandInput = React.forwardRef(
+  function CommandInput2({ className, onChange, ...props }, ref) {
+    const { search, onSearch, inputId, listId } = useCommandContext();
+    const handleChange = (e) => {
+      onSearch(e.target.value);
+      onChange?.(e);
+    };
+    return React.createElement("input", {
+      ref,
+      id: inputId,
+      type: "text",
+      role: "searchbox",
+      "aria-autocomplete": "list",
+      "aria-controls": listId,
+      value: search,
+      onChange: handleChange,
+      className: cn(commandInputVariants(), className),
+      ...props
+    });
+  }
+);
+var CommandList = React.forwardRef(
+  function CommandList2({ className, children, ...props }, ref) {
+    const { listId } = useCommandContext();
+    return React.createElement(
+      "div",
+      {
+        ref,
+        id: listId,
+        role: "listbox",
+        "aria-label": "Command suggestions",
+        className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+        ...props
+      },
+      children
+    );
+  }
+);
+var CommandEmpty = React.forwardRef(
+  function CommandEmpty2({ className, children, ...props }, ref) {
+    const { filteredItems } = useCommandContext();
+    if (filteredItems.length > 0) return null;
+    return React.createElement(
+      "div",
+      {
+        ref,
+        className: cn("py-6 text-center text-sm", className),
+        role: "presentation",
+        ...props
+      },
+      children
+    );
+  }
+);
+var CommandGroup = React.forwardRef(
+  function CommandGroup2({ className, heading, children, ...props }, ref) {
+    return React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(commandGroupVariants(), className),
+        role: "group",
+        "aria-label": heading,
+        ...props
+      },
+      heading ? React.createElement(
+        "div",
+        { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground" },
+        heading
+      ) : null,
+      children
+    );
+  }
+);
+var CommandItem = React.forwardRef(
+  function CommandItem2({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) {
+    const state = disabled ? "disabled" : "default";
+    return React.createElement(
+      "div",
+      {
+        ref,
+        role: "option",
+        "aria-selected": false,
+        "aria-disabled": disabled ?? false,
+        "data-value": value,
+        className: cn(commandItemVariants({ state }), className),
+        onClick: () => {
+          if (!disabled) {
+            onItemSelect?.();
+          }
+        },
+        ...props
+      },
+      children
+    );
+  }
+);
+var CommandSeparator = React.forwardRef(
+  function CommandSeparator2({ className, ...props }, ref) {
+    return React.createElement("div", {
+      ref,
+      role: "separator",
+      className: cn("-mx-1 h-px bg-border", className),
+      ...props
+    });
+  }
+);
+export {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  commandGroupVariants,
+  commandInputVariants,
+  commandItemVariants,
+  commandVariants
+};
+//# sourceMappingURL=react-command.js.map

package/dist/react-command.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../command/src/command.ts", "../../command/src/command.styles.ts", "../../react-command/src/command.tsx"],
+  "sourcesContent": ["import type { KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { Keys, generateId } from '@refraction-ui/shared'\n\nexport interface CommandProps {\n  /** Whether the command palette is open (controlled) */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Custom filter function — receives item value and search query, returns true to include */\n  filter?: (value: string, search: string) => boolean\n}\n\nexport interface CommandItemData {\n  /** Unique identifier for the item */\n  id: string\n  /** Display label */\n  label: string\n  /** Searchable value */\n  value: string\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Optional group the item belongs to */\n  group?: string\n}\n\nexport interface CommandState {\n  /** Current search query */\n  search: string\n  /** Items after filtering */\n  filteredItems: CommandItemData[]\n  /** Index of the currently highlighted item in filteredItems */\n  selectedIndex: number\n  /** Whether the palette is open */\n  open: boolean\n}\n\nexport interface CommandAPI {\n  /** Current command state */\n  state: CommandState\n  /** Update the search query and re-filter items */\n  search(query: string): void\n  /** Select the item at the given index (or the currently highlighted item) */\n  select(index?: number): CommandItemData | undefined\n  /** Keyboard handlers for the command palette */\n  keyboardHandlers: KeyboardHandlerMap\n  /** ARIA attributes for the command root */\n  ariaProps: Record<string, unknown>\n  /** ARIA attributes for the input */\n  inputAriaProps: Record<string, unknown>\n  /** ARIA attributes for the list */\n  listAriaProps: Record<string, unknown>\n  /** Get ARIA attributes for a specific item */\n  getItemAriaProps(item: CommandItemData, index: number): Record<string, unknown>\n  /** Generated IDs */\n  ids: {\n    root: string\n    input: string\n    list: string\n  }\n}\n\n/** Default filter: case-insensitive includes */\nfunction defaultFilter(value: string, search: string): boolean {\n  return value.toLowerCase().includes(search.toLowerCase())\n}\n\nexport function createCommand(\n  props: CommandProps = {},\n  items: CommandItemData[] = [],\n): CommandAPI {\n  const {\n    open: controlledOpen,\n    onOpenChange,\n    filter = defaultFilter,\n  } = props\n\n  const rootId = generateId('rfr-cmd')\n  const inputId = generateId('rfr-cmd-input')\n  const listId = generateId('rfr-cmd-list')\n\n  let searchQuery = ''\n  let selectedIndex = 0\n  let filteredItems = [...items]\n  const isOpen = controlledOpen ?? true\n\n  function applyFilter(query: string): CommandItemData[] {\n    if (!query) return [...items]\n    return items.filter((item) => filter(item.value, query))\n  }\n\n  function doSearch(query: string): void {\n    searchQuery = query\n    filteredItems = applyFilter(query)\n    selectedIndex = 0\n  }\n\n  function doSelect(index?: number): CommandItemData | undefined {\n    const idx = index ?? selectedIndex\n    const item = filteredItems[idx]\n    if (!item || item.disabled) return undefined\n    return item\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.ArrowDown]: (e) => {\n      e.preventDefault()\n      if (filteredItems.length > 0) {\n        selectedIndex = (selectedIndex + 1) % filteredItems.length\n      }\n    },\n    [Keys.ArrowUp]: (e) => {\n      e.preventDefault()\n      if (filteredItems.length > 0) {\n        selectedIndex = (selectedIndex - 1 + filteredItems.length) % filteredItems.length\n      }\n    },\n    [Keys.Enter]: (e) => {\n      e.preventDefault()\n      doSelect()\n    },\n    [Keys.Escape]: (e) => {\n      e.preventDefault()\n      onOpenChange?.(false)\n    },\n  }\n\n  const ariaProps: Record<string, unknown> = {\n    role: 'combobox',\n    'aria-expanded': isOpen,\n    'aria-haspopup': 'listbox',\n    'aria-owns': listId,\n    id: rootId,\n  }\n\n  const inputAriaProps: Record<string, unknown> = {\n    role: 'searchbox',\n    'aria-autocomplete': 'list',\n    'aria-controls': listId,\n    id: inputId,\n  }\n\n  const listAriaProps: Record<string, unknown> = {\n    role: 'listbox',\n    id: listId,\n    'aria-label': 'Command suggestions',\n  }\n\n  function getItemAriaProps(item: CommandItemData, index: number): Record<string, unknown> {\n    return {\n      role: 'option',\n      'aria-selected': index === selectedIndex,\n      'aria-disabled': item.disabled ?? false,\n      id: `${listId}-item-${item.id}`,\n    }\n  }\n\n  return {\n    get state(): CommandState {\n      return {\n        search: searchQuery,\n        filteredItems,\n        selectedIndex,\n        open: isOpen,\n      }\n    },\n    search: doSearch,\n    select: doSelect,\n    keyboardHandlers,\n    ariaProps,\n    inputAriaProps,\n    listAriaProps,\n    getItemAriaProps,\n    ids: {\n      root: rootId,\n      input: inputId,\n      list: listId,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const commandVariants = cva({\n  base: 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',\n})\n\nexport const commandInputVariants = cva({\n  base: 'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n})\n\nexport const commandItemVariants = cva({\n  base: 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none',\n  variants: {\n    state: {\n      default: '',\n      selected: 'bg-accent text-accent-foreground',\n      disabled: 'pointer-events-none opacity-50',\n    },\n  },\n  defaultVariants: {\n    state: 'default',\n  },\n})\n\nexport const commandGroupVariants = cva({\n  base: 'overflow-hidden p-1 text-foreground',\n})\n", "import * as React from 'react'\nimport {\n  createCommand,\n  commandVariants,\n  commandInputVariants,\n  commandItemVariants,\n  commandGroupVariants,\n  type CommandProps as CoreCommandProps,\n  type CommandItemData,\n} from '@refraction-ui/command'\nimport { cn, createKeyboardHandler, Keys, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface CommandContextValue {\n  search: string\n  onSearch: (query: string) => void\n  selectedIndex: number\n  onSelect: (index: number) => void\n  items: CommandItemData[]\n  filteredItems: CommandItemData[]\n  registerItem: (item: CommandItemData) => void\n  unregisterItem: (id: string) => void\n  listId: string\n  inputId: string\n}\n\nconst CommandContext = React.createContext<CommandContextValue | null>(null)\n\nfunction useCommandContext(): CommandContextValue {\n  const ctx = React.useContext(CommandContext)\n  if (!ctx) {\n    devWarn(\n      'react-command/context-outside-provider',\n      'Command compound components (CommandInput/CommandList/CommandItem/CommandGroup/etc.) must be rendered inside a <Command>. The missing CommandContext makes this throw.',\n    )\n    throw new Error('Command compound components must be used within <Command>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// Command (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface CommandProps {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  filter?: (value: string, search: string) => boolean\n  className?: string\n  children?: React.ReactNode\n}\n\nexport function Command({\n  open,\n  onOpenChange,\n  filter,\n  className,\n  children,\n}: CommandProps) {\n  const [items, setItems] = React.useState<CommandItemData[]>([])\n  const [search, setSearch] = React.useState('')\n  const [selectedIndex, setSelectedIndex] = React.useState(0)\n\n  const apiRef = React.useRef<ReturnType<typeof createCommand> | null>(null)\n\n  // Recompute the API when items or search change\n  const api = React.useMemo(() => {\n    const instance = createCommand({ open, onOpenChange, filter }, items)\n    if (search) {\n      instance.search(search)\n    }\n    apiRef.current = instance\n    return instance\n  }, [open, onOpenChange, filter, items, search])\n\n  const filteredItems = api.state.filteredItems\n\n  const handleSearch = React.useCallback((query: string) => {\n    setSearch(query)\n    setSelectedIndex(0)\n  }, [])\n\n  const handleSelect = React.useCallback((index: number) => {\n    setSelectedIndex(index)\n  }, [])\n\n  const registerItem = React.useCallback((item: CommandItemData) => {\n    setItems((prev) => {\n      if (prev.some((i) => i.id === item.id)) return prev\n      return [...prev, item]\n    })\n  }, [])\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setItems((prev) => prev.filter((i) => i.id !== id))\n  }, [])\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      const handler = createKeyboardHandler({\n        [Keys.ArrowDown]: (ev) => {\n          ev.preventDefault()\n          if (filteredItems.length > 0) {\n            setSelectedIndex((prev) => (prev + 1) % filteredItems.length)\n          }\n        },\n        [Keys.ArrowUp]: (ev) => {\n          ev.preventDefault()\n          if (filteredItems.length > 0) {\n            setSelectedIndex((prev) => (prev - 1 + filteredItems.length) % filteredItems.length)\n          }\n        },\n        [Keys.Enter]: (ev) => {\n          ev.preventDefault()\n        },\n        [Keys.Escape]: (ev) => {\n          ev.preventDefault()\n          onOpenChange?.(false)\n        },\n      })\n      handler(e.nativeEvent)\n    },\n    [filteredItems.length, onOpenChange],\n  )\n\n  const ctx = React.useMemo<CommandContextValue>(\n    () => ({\n      search,\n      onSearch: handleSearch,\n      selectedIndex,\n      onSelect: handleSelect,\n      items,\n      filteredItems,\n      registerItem,\n      unregisterItem,\n      listId: api.ids.list,\n      inputId: api.ids.input,\n    }),\n    [search, handleSearch, selectedIndex, handleSelect, items, filteredItems, registerItem, unregisterItem, api.ids.list, api.ids.input],\n  )\n\n  return React.createElement(\n    CommandContext.Provider,\n    { value: ctx },\n    React.createElement(\n      'div',\n      {\n        className: cn(commandVariants(), className),\n        ...api.ariaProps,\n        onKeyDown: handleKeyDown,\n      },\n      children,\n    ),\n  )\n}\n\n// ---------------------------------------------------------------------------\n// CommandInput\n// ---------------------------------------------------------------------------\n\nexport interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nexport const CommandInput = React.forwardRef<HTMLInputElement, CommandInputProps>(\n  function CommandInput({ className, onChange, ...props }, ref) {\n    const { search, onSearch, inputId, listId } = useCommandContext()\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value)\n      onChange?.(e)\n    }\n\n    return React.createElement('input', {\n      ref,\n      id: inputId,\n      type: 'text',\n      role: 'searchbox',\n      'aria-autocomplete': 'list',\n      'aria-controls': listId,\n      value: search,\n      onChange: handleChange,\n      className: cn(commandInputVariants(), className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// CommandList\n// ---------------------------------------------------------------------------\n\nexport interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const CommandList = React.forwardRef<HTMLDivElement, CommandListProps>(\n  function CommandList({ className, children, ...props }, ref) {\n    const { listId } = useCommandContext()\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        id: listId,\n        role: 'listbox',\n        'aria-label': 'Command suggestions',\n        className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className),\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// CommandEmpty\n// ---------------------------------------------------------------------------\n\nexport interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const CommandEmpty = React.forwardRef<HTMLDivElement, CommandEmptyProps>(\n  function CommandEmpty({ className, children, ...props }, ref) {\n    const { filteredItems } = useCommandContext()\n\n    if (filteredItems.length > 0) return null\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        className: cn('py-6 text-center text-sm', className),\n        role: 'presentation',\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// CommandGroup\n// ---------------------------------------------------------------------------\n\nexport interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  heading?: string\n}\n\nexport const CommandGroup = React.forwardRef<HTMLDivElement, CommandGroupProps>(\n  function CommandGroup({ className, heading, children, ...props }, ref) {\n    return React.createElement(\n      'div',\n      {\n        ref,\n        className: cn(commandGroupVariants(), className),\n        role: 'group',\n        'aria-label': heading,\n        ...props,\n      },\n      heading\n        ? React.createElement(\n            'div',\n            { className: 'px-2 py-1.5 text-xs font-medium text-muted-foreground' },\n            heading,\n          )\n        : null,\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// CommandItem\n// ---------------------------------------------------------------------------\n\nexport interface CommandItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  value?: string\n  disabled?: boolean\n  onSelect?: () => void\n}\n\nexport const CommandItem = React.forwardRef<HTMLDivElement, CommandItemProps>(\n  function CommandItem({ className, value, disabled, onSelect: onItemSelect, children, ...props }, ref) {\n    const state = disabled ? 'disabled' : 'default'\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'option',\n        'aria-selected': false,\n        'aria-disabled': disabled ?? false,\n        'data-value': value,\n        className: cn(commandItemVariants({ state }), className),\n        onClick: () => {\n          if (!disabled) {\n            onItemSelect?.()\n          }\n        },\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// CommandSeparator\n// ---------------------------------------------------------------------------\n\nexport interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const CommandSeparator = React.forwardRef<HTMLDivElement, CommandSeparatorProps>(\n  function CommandSeparator({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      role: 'separator',\n      className: cn('-mx-1 h-px bg-border', className),\n      ...props,\n    })\n  },\n)\n"],
+  "mappings": ";;;;;;;;;;;;;AA8DA,SAAS,cAAc,OAAe,QAAyB;AAC7D,SAAO,MAAM,YAAA,EAAc,SAAS,OAAO,YAAA,CAAa;AAC1D;AAEO,SAAS,cACd,QAAsB,CAAA,GACtB,QAA2B,CAAA,GACf;AACZ,QAAM;IACJ,MAAM;IACN;IACA,SAAS;EAAA,IACP;AAEJ,QAAM,SAAS,WAAW,SAAS;AACnC,QAAM,UAAU,WAAW,eAAe;AAC1C,QAAM,SAAS,WAAW,cAAc;AAExC,MAAI,cAAc;AAClB,MAAI,gBAAgB;AACpB,MAAI,gBAAgB,CAAC,GAAG,KAAK;AAC7B,QAAM,SAAS,kBAAkB;AAEjC,WAAS,YAAY,OAAkC;AACrD,QAAI,CAAC,MAAO,QAAO,CAAC,GAAG,KAAK;AAC5B,WAAO,MAAM,OAAO,CAAC,SAAS,OAAO,KAAK,OAAO,KAAK,CAAC;EACzD;AAEA,WAAS,SAAS,OAAqB;AACrC,kBAAc;AACd,oBAAgB,YAAY,KAAK;AACjC,oBAAgB;EAClB;AAEA,WAAS,SAAS,OAA6C;AAC7D,UAAM,MAAM,SAAS;AACrB,UAAM,OAAO,cAAc,GAAG;AAC9B,QAAI,CAAC,QAAQ,KAAK,SAAU,QAAO;AACnC,WAAO;EACT;AAEA,QAAM,mBAAuC;IAC3C,CAAC,KAAK,SAAS,GAAG,CAAC,MAAM;AACvB,QAAE,eAAA;AACF,UAAI,cAAc,SAAS,GAAG;AAC5B,yBAAiB,gBAAgB,KAAK,cAAc;MACtD;IACF;IACA,CAAC,KAAK,OAAO,GAAG,CAAC,MAAM;AACrB,QAAE,eAAA;AACF,UAAI,cAAc,SAAS,GAAG;AAC5B,yBAAiB,gBAAgB,IAAI,cAAc,UAAU,cAAc;MAC7E;IACF;IACA,CAAC,KAAK,KAAK,GAAG,CAAC,MAAM;AACnB,QAAE,eAAA;AACF,eAAA;IACF;IACA,CAAC,KAAK,MAAM,GAAG,CAAC,MAAM;AACpB,QAAE,eAAA;AACF,qBAAe,KAAK;IACtB;EAAA;AAGF,QAAM,YAAqC;IACzC,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,aAAa;IACb,IAAI;EAAA;AAGN,QAAM,iBAA0C;IAC9C,MAAM;IACN,qBAAqB;IACrB,iBAAiB;IACjB,IAAI;EAAA;AAGN,QAAM,gBAAyC;IAC7C,MAAM;IACN,IAAI;IACJ,cAAc;EAAA;AAGhB,WAAS,iBAAiB,MAAuB,OAAwC;AACvF,WAAO;MACL,MAAM;MACN,iBAAiB,UAAU;MAC3B,iBAAiB,KAAK,YAAY;MAClC,IAAI,GAAG,MAAM,SAAS,KAAK,EAAE;IAAA;EAEjC;AAEA,SAAO;IACL,IAAI,QAAsB;AACxB,aAAO;QACL,QAAQ;QACR;QACA;QACA,MAAM;MAAA;IAEV;IACA,QAAQ;IACR,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA,KAAK;MACH,MAAM;MACN,OAAO;MACP,MAAM;IAAA;EACR;AAEJ;AChLO,IAAM,kBAAkB,IAAI;EACjC,MAAM;AACR,CAAC;AAEM,IAAM,uBAAuB,IAAI;EACtC,MAAM;AACR,CAAC;AAEM,IAAM,sBAAsB,IAAI;EACrC,MAAM;EACN,UAAU;IACR,OAAO;MACL,SAAS;MACT,UAAU;MACV,UAAU;IAAA;EACZ;EAEF,iBAAiB;IACf,OAAO;EAAA;AAEX,CAAC;AAEM,IAAM,uBAAuB,IAAI;EACtC,MAAM;AACR,CAAC;;;ACGD,IAAM,iBAAuB,oBAA0C,IAAI;AAE3E,SAAS,oBAAyC;AAChD,QAAM,MAAY,iBAAW,cAAc;AAC3C,MAAI,CAAC,KAAK;AACR;MACE;MACA;IAAA;AAEF,UAAM,IAAI,MAAM,2DAA2D;EAC7E;AACA,SAAO;AACT;AAcO,SAAS,QAAQ;EACtB;EACA;EACA;EACA;EACA;AACF,GAAiB;AACf,QAAM,CAAC,OAAO,QAAQ,IAAU,eAA4B,CAAA,CAAE;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,EAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAU,eAAS,CAAC;AAE1D,QAAM,SAAe,aAAgD,IAAI;AAGzE,QAAM,MAAY,cAAQ,MAAM;AAC9B,UAAM,WAAW,cAAc,EAAE,MAAM,cAAc,OAAA,GAAU,KAAK;AACpE,QAAI,QAAQ;AACV,eAAS,OAAO,MAAM;IACxB;AACA,WAAO,UAAU;AACjB,WAAO;EACT,GAAG,CAAC,MAAM,cAAc,QAAQ,OAAO,MAAM,CAAC;AAE9C,QAAM,gBAAgB,IAAI,MAAM;AAEhC,QAAM,eAAqB,kBAAY,CAAC,UAAkB;AACxD,cAAU,KAAK;AACf,qBAAiB,CAAC;EACpB,GAAG,CAAA,CAAE;AAEL,QAAM,eAAqB,kBAAY,CAAC,UAAkB;AACxD,qBAAiB,KAAK;EACxB,GAAG,CAAA,CAAE;AAEL,QAAM,eAAqB,kBAAY,CAAC,SAA0B;AAChE,aAAS,CAAC,SAAS;AACjB,UAAI,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE,EAAG,QAAO;AAC/C,aAAO,CAAC,GAAG,MAAM,IAAI;IACvB,CAAC;EACH,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAuB,kBAAY,CAAC,OAAe;AACvD,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;EACpD,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAsB;IAC1B,CAAC,MAA2B;AAC1B,YAAM,UAAU,sBAAsB;QACpC,CAAC,KAAK,SAAS,GAAG,CAAC,OAAO;AACxB,aAAG,eAAA;AACH,cAAI,cAAc,SAAS,GAAG;AAC5B,6BAAiB,CAAC,UAAU,OAAO,KAAK,cAAc,MAAM;UAC9D;QACF;QACA,CAAC,KAAK,OAAO,GAAG,CAAC,OAAO;AACtB,aAAG,eAAA;AACH,cAAI,cAAc,SAAS,GAAG;AAC5B,6BAAiB,CAAC,UAAU,OAAO,IAAI,cAAc,UAAU,cAAc,MAAM;UACrF;QACF;QACA,CAAC,KAAK,KAAK,GAAG,CAAC,OAAO;AACpB,aAAG,eAAA;QACL;QACA,CAAC,KAAK,MAAM,GAAG,CAAC,OAAO;AACrB,aAAG,eAAA;AACH,yBAAe,KAAK;QACtB;MAAA,CACD;AACD,cAAQ,EAAE,WAAW;IACvB;IACA,CAAC,cAAc,QAAQ,YAAY;EAAA;AAGrC,QAAM,MAAY;IAChB,OAAO;MACL;MACA,UAAU;MACV;MACA,UAAU;MACV;MACA;MACA;MACA;MACA,QAAQ,IAAI,IAAI;MAChB,SAAS,IAAI,IAAI;IAAA;IAEnB,CAAC,QAAQ,cAAc,eAAe,cAAc,OAAO,eAAe,cAAc,gBAAgB,IAAI,IAAI,MAAM,IAAI,IAAI,KAAK;EAAA;AAGrI,SAAa;IACX,eAAe;IACf,EAAE,OAAO,IAAA;IACH;MACJ;MACA;QACE,WAAW,GAAG,gBAAA,GAAmB,SAAS;QAC1C,GAAG,IAAI;QACP,WAAW;MAAA;MAEb;IAAA;EACF;AAEJ;AAQO,IAAM,eAAqB;EAChC,SAASA,cAAa,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,KAAK;AAC5D,UAAM,EAAE,QAAQ,UAAU,SAAS,OAAA,IAAW,kBAAA;AAE9C,UAAM,eAAe,CAAC,MAA2C;AAC/D,eAAS,EAAE,OAAO,KAAK;AACvB,iBAAW,CAAC;IACd;AAEA,WAAa,oBAAc,SAAS;MAClC;MACA,IAAI;MACJ,MAAM;MACN,MAAM;MACN,qBAAqB;MACrB,iBAAiB;MACjB,OAAO;MACP,UAAU;MACV,WAAW,GAAG,qBAAA,GAAwB,SAAS;MAC/C,GAAG;IAAA,CACJ;EACH;AACF;AAQO,IAAM,cAAoB;EAC/B,SAASC,aAAY,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,KAAK;AAC3D,UAAM,EAAE,OAAA,IAAW,kBAAA;AAEnB,WAAa;MACX;MACA;QACE;QACA,IAAI;QACJ,MAAM;QACN,cAAc;QACd,WAAW,GAAG,mDAAmD,SAAS;QAC1E,GAAG;MAAA;MAEL;IAAA;EAEJ;AACF;AAQO,IAAM,eAAqB;EAChC,SAASC,cAAa,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,KAAK;AAC5D,UAAM,EAAE,cAAA,IAAkB,kBAAA;AAE1B,QAAI,cAAc,SAAS,EAAG,QAAO;AAErC,WAAa;MACX;MACA;QACE;QACA,WAAW,GAAG,4BAA4B,SAAS;QACnD,MAAM;QACN,GAAG;MAAA;MAEL;IAAA;EAEJ;AACF;AAUO,IAAM,eAAqB;EAChC,SAASC,cAAa,EAAE,WAAW,SAAS,UAAU,GAAG,MAAA,GAAS,KAAK;AACrE,WAAa;MACX;MACA;QACE;QACA,WAAW,GAAG,qBAAA,GAAwB,SAAS;QAC/C,MAAM;QACN,cAAc;QACd,GAAG;MAAA;MAEL,UACU;QACJ;QACA,EAAE,WAAW,wDAAA;QACb;MAAA,IAEF;MACJ;IAAA;EAEJ;AACF;AAYO,IAAM,cAAoB;EAC/B,SAASC,aAAY,EAAE,WAAW,OAAO,UAAU,UAAU,cAAc,UAAU,GAAG,MAAA,GAAS,KAAK;AACpG,UAAM,QAAQ,WAAW,aAAa;AAEtC,WAAa;MACX;MACA;QACE;QACA,MAAM;QACN,iBAAiB;QACjB,iBAAiB,YAAY;QAC7B,cAAc;QACd,WAAW,GAAG,oBAAoB,EAAE,MAAA,CAAO,GAAG,SAAS;QACvD,SAAS,MAAM;AACb,cAAI,CAAC,UAAU;AACb,2BAAA;UACF;QACF;QACA,GAAG;MAAA;MAEL;IAAA;EAEJ;AACF;AAQO,IAAM,mBAAyB;EACpC,SAASC,kBAAiB,EAAE,WAAW,GAAG,MAAA,GAAS,KAAK;AACtD,WAAa,oBAAc,OAAO;MAChC;MACA,MAAM;MACN,WAAW,GAAG,wBAAwB,SAAS;MAC/C,GAAG;IAAA,CACJ;EACH;AACF;",
+  "names": ["CommandInput", "CommandList", "CommandEmpty", "CommandGroup", "CommandItem", "CommandSeparator"]
+}