asterui 0.12.62 → 0.12.64

package/dist/components/Command.js.map

@@ -1 +1 @@
-{"version":3,"file":"Command.js","sources":["../../src/components/Command.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// DaisyUI classes\nconst dModal = 'modal'\nconst dModalBox = 'modal-box'\nconst dKbd = 'kbd'\nconst dKbdXs = 'kbd-xs'\n\n// Types\nexport interface CommandItemConfig {\n  key: string\n  label: React.ReactNode\n  group?: string\n  keywords?: string[]\n  disabled?: boolean\n  onSelect?: () => void\n  icon?: React.ReactNode\n}\n\nexport interface CommandProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'children'> {\n  children?: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  items?: CommandItemConfig[]\n  filter?: (value: string, search: string, keywords?: string[]) => boolean\n  loop?: boolean\n  shortcut?: string[]\n  placeholder?: string\n  emptyMessage?: React.ReactNode\n}\n\ninterface CommandContextValue {\n  searchValue: string\n  setSearchValue: (value: string) => void\n  highlightedIndex: number\n  setHighlightedIndex: (index: number) => void\n  registerItem: (id: string, value: string, keywords: string[], disabled: boolean) => void\n  unregisterItem: (id: string) => void\n  filteredItems: FilteredItem[]\n  selectItem: (id: string) => void\n  loop: boolean\n  baseId: string\n  currentPage: string\n  setPage: (pageId: string) => void\n  goBack: () => void\n  pageStack: string[]\n}\n\ninterface FilteredItem {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n}\n\ninterface ItemRegistration {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n  onSelect?: () => void\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null)\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext)\n  if (!context) {\n    throw new Error('Command compound components must be used within a Command')\n  }\n  return context\n}\n\n// Default filter function\nconst defaultFilter = (value: string, search: string, keywords: string[] = []): boolean => {\n  const searchLower = search.toLowerCase()\n  const valueLower = value.toLowerCase()\n  if (valueLower.includes(searchLower)) return true\n  return keywords.some((k) => k.toLowerCase().includes(searchLower))\n}\n\n// Root Command component\nconst CommandRoot = forwardRef<HTMLDialogElement, CommandProps>(\n  (\n    {\n      children,\n      open: controlledOpen,\n      onOpenChange,\n      defaultOpen = false,\n      items,\n      filter = defaultFilter,\n      loop = true,\n      shortcut = ['k'],\n      placeholder = 'Type a command or search...',\n      emptyMessage = 'No results found.',\n      className = '',\n      ...rest\n    },\n    ref\n  ) => {\n    const dialogRef = useRef<HTMLDialogElement>(null)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const listRef = useRef<HTMLDivElement>(null)\n    const previousActiveElement = useRef<HTMLElement | null>(null)\n    const baseId = useId()\n\n    // Controlled/uncontrolled open state\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const setIsOpen = useCallback(\n      (newOpen: boolean) => {\n        if (!isControlled) {\n          setInternalOpen(newOpen)\n        }\n        onOpenChange?.(newOpen)\n      },\n      [isControlled, onOpenChange]\n    )\n\n    // State\n    const [searchValue, setSearchValue] = useState('')\n    const [highlightedIndex, setHighlightedIndex] = useState(0)\n    const [registeredItems, setRegisteredItems] = useState<Map<string, ItemRegistration>>(new Map())\n    const [pageStack, setPageStack] = useState<string[]>(['root'])\n    const currentPage = pageStack[pageStack.length - 1]\n\n    // Page navigation\n    const setPage = useCallback((pageId: string) => {\n      setPageStack((prev) => [...prev, pageId])\n      setSearchValue('')\n      setHighlightedIndex(0)\n    }, [])\n\n    const goBack = useCallback(() => {\n      if (pageStack.length > 1) {\n        setPageStack((prev) => prev.slice(0, -1))\n        setSearchValue('')\n        setHighlightedIndex(0)\n      }\n    }, [pageStack.length])\n\n    // Item registration for compound components\n    const registerItem = useCallback(\n      (id: string, value: string, keywords: string[], disabled: boolean, onSelect?: () => void) => {\n        setRegisteredItems((prev) => {\n          const next = new Map(prev)\n          next.set(id, { id, value, keywords, disabled, onSelect })\n          return next\n        })\n      },\n      []\n    )\n\n    const unregisterItem = useCallback((id: string) => {\n      setRegisteredItems((prev) => {\n        const next = new Map(prev)\n        next.delete(id)\n        return next\n      })\n    }, [])\n\n    // Compute filtered items\n    const filteredItems = useMemo((): FilteredItem[] => {\n      // Use data-driven items if provided\n      if (items) {\n        return items\n          .filter((item) => {\n            if (!searchValue) return true\n            const label = typeof item.label === 'string' ? item.label : ''\n            return filter(label, searchValue, item.keywords)\n          })\n          .map((item) => ({\n            id: item.key,\n            value: typeof item.label === 'string' ? item.label : item.key,\n            keywords: item.keywords || [],\n            disabled: item.disabled || false,\n          }))\n      }\n\n      // Use registered compound items\n      const itemsArray = Array.from(registeredItems.values())\n      return itemsArray.filter((item) => {\n        if (!searchValue) return true\n        return filter(item.value, searchValue, item.keywords)\n      })\n    }, [items, registeredItems, searchValue, filter])\n\n    // Get enabled items for navigation\n    const enabledItems = useMemo(\n      () => filteredItems.filter((item) => !item.disabled),\n      [filteredItems]\n    )\n\n    // Select item\n    const selectItem = useCallback(\n      (id: string) => {\n        if (items) {\n          const item = items.find((i) => i.key === id)\n          if (item && !item.disabled) {\n            item.onSelect?.()\n            setIsOpen(false)\n          }\n        } else {\n          const reg = registeredItems.get(id)\n          if (reg && !reg.disabled) {\n            reg.onSelect?.()\n            setIsOpen(false)\n          }\n        }\n      },\n      [items, registeredItems, setIsOpen]\n    )\n\n    // Reset state when opening\n    useEffect(() => {\n      if (isOpen) {\n        setSearchValue('')\n        setHighlightedIndex(0)\n        setPageStack(['root'])\n      }\n    }, [isOpen])\n\n    // Handle dialog open/close\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      if (isOpen) {\n        if (!dialog.open) {\n          previousActiveElement.current = document.activeElement as HTMLElement\n          dialog.showModal()\n          setTimeout(() => inputRef.current?.focus(), 0)\n        }\n      } else {\n        if (dialog.open) {\n          dialog.close()\n          previousActiveElement.current?.focus()\n        }\n      }\n    }, [isOpen])\n\n    // Handle dialog close event\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      const onDialogClose = () => {\n        setIsOpen(false)\n      }\n\n      dialog.addEventListener('close', onDialogClose)\n      return () => dialog.removeEventListener('close', onDialogClose)\n    }, [setIsOpen])\n\n    // Global keyboard shortcut\n    useEffect(() => {\n      const handleGlobalKeyDown = (e: KeyboardEvent) => {\n        const key = shortcut[0]?.toLowerCase()\n        if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === key) {\n          e.preventDefault()\n          setIsOpen(!isOpen)\n        }\n      }\n\n      document.addEventListener('keydown', handleGlobalKeyDown)\n      return () => document.removeEventListener('keydown', handleGlobalKeyDown)\n    }, [shortcut, isOpen, setIsOpen])\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev + 1\n              if (next >= enabledItems.length) {\n                return loop ? 0 : prev\n              }\n              return next\n            })\n            break\n          }\n          case 'ArrowUp': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev - 1\n              if (next < 0) {\n                return loop ? enabledItems.length - 1 : 0\n              }\n              return next\n            })\n            break\n          }\n          case 'Enter': {\n            e.preventDefault()\n            const item = enabledItems[highlightedIndex]\n            if (item) {\n              selectItem(item.id)\n            }\n            break\n          }\n          case 'Escape': {\n            e.preventDefault()\n            if (pageStack.length > 1) {\n              goBack()\n            } else {\n              setIsOpen(false)\n            }\n            break\n          }\n          case 'Backspace': {\n            if (searchValue === '' && pageStack.length > 1) {\n              e.preventDefault()\n              goBack()\n            }\n            break\n          }\n        }\n      },\n      [enabledItems, highlightedIndex, loop, selectItem, pageStack, goBack, searchValue, setIsOpen]\n    )\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex >= 0 && listRef.current) {\n        const items = listRef.current.querySelectorAll('[data-command-item]')\n        const highlightedEl = items[highlightedIndex] as HTMLElement\n        highlightedEl?.scrollIntoView({ block: 'nearest' })\n      }\n    }, [highlightedIndex])\n\n    // Handle mask click\n    const handleBackdropClick = (e: React.MouseEvent) => {\n      if (e.target === dialogRef.current) {\n        setIsOpen(false)\n      }\n    }\n\n    const contextValue: CommandContextValue = {\n      searchValue,\n      setSearchValue,\n      highlightedIndex,\n      setHighlightedIndex,\n      registerItem: (id, value, keywords, disabled) => registerItem(id, value, keywords, disabled),\n      unregisterItem,\n      filteredItems,\n      selectItem,\n      loop,\n      baseId,\n      currentPage,\n      setPage,\n      goBack,\n      pageStack,\n    }\n\n    // Render data-driven items\n    const renderDataDrivenItems = () => {\n      if (!items) return null\n\n      // Group items\n      const groups = new Map<string, CommandItemConfig[]>()\n      const ungrouped: CommandItemConfig[] = []\n\n      filteredItems.forEach((fi) => {\n        const item = items.find((i) => i.key === fi.id)\n        if (!item) return\n        if (item.group) {\n          const group = groups.get(item.group) || []\n          group.push(item)\n          groups.set(item.group, group)\n        } else {\n          ungrouped.push(item)\n        }\n      })\n\n      let globalIndex = 0\n\n      return (\n        <>\n          {Array.from(groups.entries()).map(([groupName, groupItems]) => (\n            <div key={groupName} role=\"group\" aria-label={groupName}>\n              <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n                {groupName}\n              </div>\n              {groupItems.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n          {ungrouped.length > 0 && (\n            <div role=\"group\">\n              {ungrouped.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return (\n      <dialog\n        ref={(node) => {\n          ;(dialogRef as React.MutableRefObject<HTMLDialogElement | null>).current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n        }}\n        className={`${dModal} ${className}`}\n        onClick={handleBackdropClick}\n        {...rest}\n      >\n        <div\n          className={`${dModalBox} p-0 max-w-lg w-full overflow-hidden`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command palette\"\n        >\n          <CommandContext.Provider value={contextValue}>\n            {/* Breadcrumb for nested pages */}\n            {pageStack.length > 1 && (\n              <div className=\"px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm\">\n                <button\n                  onClick={goBack}\n                  className=\"hover:bg-base-200 rounded p-1\"\n                  aria-label=\"Go back\"\n                >\n                  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                  </svg>\n                </button>\n                <span className=\"text-base-content/60\">{currentPage}</span>\n              </div>\n            )}\n\n            {/* Search input */}\n            <div className=\"px-3 py-3 border-b border-base-content/10\">\n              <div className=\"flex items-center gap-3\">\n                <svg\n                  className=\"w-5 h-5 text-base-content/50\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                  />\n                </svg>\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n                  placeholder={placeholder}\n                  value={searchValue}\n                  onChange={(e) => {\n                    setSearchValue(e.target.value)\n                    setHighlightedIndex(0)\n                  }}\n                  onKeyDown={handleKeyDown}\n                  role=\"combobox\"\n                  aria-expanded=\"true\"\n                  aria-controls={`${baseId}-listbox`}\n                  aria-activedescendant={\n                    enabledItems[highlightedIndex]\n                      ? `${baseId}-item-${enabledItems[highlightedIndex].id}`\n                      : undefined\n                  }\n                />\n              </div>\n            </div>\n\n            {/* List */}\n            <div\n              ref={listRef}\n              className=\"max-h-80 overflow-y-auto py-2\"\n              role=\"listbox\"\n              id={`${baseId}-listbox`}\n            >\n              {items ? (\n                filteredItems.length > 0 ? (\n                  renderDataDrivenItems()\n                ) : (\n                  <div className=\"px-3 py-8 text-center text-base-content/60\">{emptyMessage}</div>\n                )\n              ) : (\n                children\n              )}\n            </div>\n\n            {/* Footer with shortcut hint */}\n            <div className=\"px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50\">\n              <div className=\"flex items-center gap-4\">\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↑↓</kbd> navigate\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↵</kbd> select\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>esc</kbd> close\n                </span>\n              </div>\n            </div>\n          </CommandContext.Provider>\n        </div>\n      </dialog>\n    )\n  }\n)\n\nCommandRoot.displayName = 'Command'\n\n// Command.Input - for compound pattern customization\ninterface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n  value?: string\n  onValueChange?: (value: string) => void\n}\n\nfunction CommandInput({ placeholder, value, onValueChange, ...rest }: CommandInputProps) {\n  const { searchValue, setSearchValue } = useCommandContext()\n  const controlledValue = value !== undefined ? value : searchValue\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    if (onValueChange) {\n      onValueChange(newValue)\n    } else {\n      setSearchValue(newValue)\n    }\n  }\n\n  return (\n    <input\n      type=\"text\"\n      className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n      placeholder={placeholder}\n      value={controlledValue}\n      onChange={handleChange}\n      {...rest}\n    />\n  )\n}\n\n// Command.List\ninterface CommandListProps {\n  children: React.ReactNode\n}\n\nfunction CommandList({ children }: CommandListProps) {\n  const { baseId, currentPage } = useCommandContext()\n\n  // Filter children to only show items for current page\n  const filteredChildren = React.Children.toArray(children).filter((child) => {\n    if (!React.isValidElement(child)) return false\n    // Show Command.Page only if it matches currentPage\n    if (child.type === CommandPage) {\n      return (child.props as CommandPageProps).id === currentPage\n    }\n    // Show groups/items only on root page\n    return currentPage === 'root'\n  })\n\n  return (\n    <div role=\"listbox\" id={`${baseId}-listbox`} className=\"py-2\">\n      {filteredChildren}\n    </div>\n  )\n}\n\n// Command.Group\ninterface CommandGroupProps {\n  heading?: React.ReactNode\n  children: React.ReactNode\n}\n\nfunction CommandGroup({ heading, children }: CommandGroupProps) {\n  const { searchValue, filteredItems } = useCommandContext()\n\n  // Check if any children match the filter\n  const childArray = React.Children.toArray(children)\n  const hasVisibleChildren = childArray.some((child) => {\n    if (!React.isValidElement(child)) return false\n    const childProps = child.props as CommandItemProps\n    const childValue = childProps.value || ''\n    if (!searchValue) return true\n    return filteredItems.some((fi) => fi.value === childValue || fi.id === childProps.value)\n  })\n\n  if (searchValue && !hasVisibleChildren) {\n    return null\n  }\n\n  return (\n    <div role=\"group\" aria-label={typeof heading === 'string' ? heading : undefined}>\n      {heading && (\n        <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\n// Command.Item\ninterface CommandItemProps {\n  children: React.ReactNode\n  value?: string\n  onSelect?: () => void\n  disabled?: boolean\n  keywords?: string[]\n  icon?: React.ReactNode\n}\n\nfunction CommandItem({\n  children,\n  value,\n  onSelect,\n  disabled = false,\n  keywords = [],\n  icon,\n}: CommandItemProps) {\n  const {\n    registerItem,\n    unregisterItem,\n    filteredItems,\n    highlightedIndex,\n    setHighlightedIndex,\n    baseId,\n  } = useCommandContext()\n\n  const itemId = useId()\n  const itemValue = value || (typeof children === 'string' ? children : '')\n\n  // Register item\n  useEffect(() => {\n    registerItem(itemId, itemValue, keywords, disabled)\n    return () => unregisterItem(itemId)\n  }, [itemId, itemValue, keywords, disabled, registerItem, unregisterItem])\n\n  // Store onSelect in a ref so we can access it from selectItem\n  const onSelectRef = useRef(onSelect)\n  onSelectRef.current = onSelect\n\n  // Check if this item is visible after filtering\n  const isVisible = filteredItems.some((fi) => fi.id === itemId)\n  if (!isVisible) return null\n\n  // Find index in filtered items\n  const enabledItems = filteredItems.filter((fi) => !fi.disabled)\n  const itemIndex = enabledItems.findIndex((fi) => fi.id === itemId)\n  const isHighlighted = itemIndex === highlightedIndex\n\n  const handleClick = () => {\n    if (!disabled && onSelect) {\n      onSelect()\n    }\n  }\n\n  return (\n    <div\n      id={`${baseId}-item-${itemId}`}\n      role=\"option\"\n      aria-selected={isHighlighted}\n      aria-disabled={disabled}\n      data-command-item\n      data-highlighted={isHighlighted}\n      className={[\n        'px-3 py-2 cursor-pointer flex items-center gap-3',\n        isHighlighted && 'bg-primary text-primary-content',\n        !isHighlighted && 'hover:bg-base-200',\n        disabled && 'opacity-50 cursor-not-allowed',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      onMouseEnter={() => !disabled && setHighlightedIndex(itemIndex)}\n    >\n      {icon && <span className=\"w-5 h-5\">{icon}</span>}\n      <span>{children}</span>\n    </div>\n  )\n}\n\n// Command.Empty\ninterface CommandEmptyProps {\n  children?: React.ReactNode\n}\n\nfunction CommandEmpty({ children = 'No results found.' }: CommandEmptyProps) {\n  const { filteredItems, searchValue } = useCommandContext()\n\n  if (filteredItems.length > 0 || !searchValue) {\n    return null\n  }\n\n  return <div className=\"px-3 py-8 text-center text-base-content/60\">{children}</div>\n}\n\n// Command.Page - for nested navigation\ninterface CommandPageProps {\n  id: string\n  children: React.ReactNode\n}\n\nfunction CommandPage({ id, children }: CommandPageProps) {\n  const { currentPage } = useCommandContext()\n\n  if (currentPage !== id) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\n// Command.Separator\nfunction CommandSeparator() {\n  return <div className=\"my-2 border-t border-base-content/10\" role=\"separator\" />\n}\n\n// Export compound component\nexport const Command = Object.assign(CommandRoot, {\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Empty: CommandEmpty,\n  Page: CommandPage,\n  Separator: CommandSeparator,\n})\n\nexport default Command\n"],"names":["dModal","dModalBox","dKbd","dKbdXs","CommandContext","createContext","useCommandContext","context","useContext","defaultFilter","value","search","keywords","searchLower","k","CommandRoot","forwardRef","children","controlledOpen","onOpenChange","defaultOpen","items","filter","loop","shortcut","placeholder","emptyMessage","className","rest","ref","dialogRef","useRef","inputRef","listRef","previousActiveElement","baseId","useId","internalOpen","setInternalOpen","useState","isControlled","isOpen","setIsOpen","useCallback","newOpen","searchValue","setSearchValue","highlightedIndex","setHighlightedIndex","registeredItems","setRegisteredItems","pageStack","setPageStack","currentPage","setPage","pageId","prev","goBack","registerItem","id","disabled","onSelect","next","unregisterItem","filteredItems","useMemo","item","label","enabledItems","selectItem","i","reg","useEffect","dialog","onDialogClose","handleGlobalKeyDown","e","key","handleKeyDown","handleBackdropClick","contextValue","renderDataDrivenItems","groups","ungrouped","fi","group","globalIndex","jsxs","Fragment","groupName","groupItems","jsx","itemIndex","isHighlighted","node","CommandInput","onValueChange","newValue","CommandList","filteredChildren","React","child","CommandPage","CommandGroup","heading","hasVisibleChildren","childProps","childValue","CommandItem","icon","itemId","itemValue","onSelectRef","handleClick","CommandEmpty","CommandSeparator","Command"],"mappings":";;AAaA,MAAMA,KAAS,SACTC,KAAY,aACZC,IAAO,OACPC,IAAS,UA0DTC,KAAiBC,GAA0C,IAAI;AAErE,SAASC,IAAoB;AAC3B,QAAMC,IAAUC,GAAWJ,EAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,2DAA2D;AAE7E,SAAOA;AACT;AAGA,MAAME,KAAgB,CAACC,GAAeC,GAAgBC,IAAqB,CAAA,MAAgB;AACzF,QAAMC,IAAcF,EAAO,YAAA;AAE3B,SADmBD,EAAM,YAAA,EACV,SAASG,CAAW,IAAU,KACtCD,EAAS,KAAK,CAACE,MAAMA,EAAE,YAAA,EAAc,SAASD,CAAW,CAAC;AACnE,GAGME,KAAcC;AAAA,EAClB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,OAAAC;AAAA,IACA,QAAAC,IAASb;AAAA,IACT,MAAAc,IAAO;AAAA,IACP,UAAAC,IAAW,CAAC,GAAG;AAAA,IACf,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAYC,EAA0B,IAAI,GAC1CC,IAAWD,EAAyB,IAAI,GACxCE,IAAUF,EAAuB,IAAI,GACrCG,IAAwBH,EAA2B,IAAI,GACvDI,IAASC,GAAA,GAGT,CAACC,GAAcC,CAAe,IAAIC,EAASnB,CAAW,GACtDoB,IAAetB,MAAmB,QAClCuB,IAASD,IAAetB,IAAiBmB,GAEzCK,IAAYC;AAAA,MAChB,CAACC,MAAqB;AACpB,QAAKJ,KACHF,EAAgBM,CAAO,GAEzBzB,IAAeyB,CAAO;AAAA,MACxB;AAAA,MACA,CAACJ,GAAcrB,CAAY;AAAA,IAAA,GAIvB,CAAC0B,GAAaC,CAAc,IAAIP,EAAS,EAAE,GAC3C,CAACQ,GAAkBC,CAAmB,IAAIT,EAAS,CAAC,GACpD,CAACU,GAAiBC,CAAkB,IAAIX,EAAwC,oBAAI,KAAK,GACzF,CAACY,GAAWC,CAAY,IAAIb,EAAmB,CAAC,MAAM,CAAC,GACvDc,IAAcF,EAAUA,EAAU,SAAS,CAAC,GAG5CG,KAAUX,EAAY,CAACY,MAAmB;AAC9C,MAAAH,EAAa,CAACI,MAAS,CAAC,GAAGA,GAAMD,CAAM,CAAC,GACxCT,EAAe,EAAE,GACjBE,EAAoB,CAAC;AAAA,IACvB,GAAG,CAAA,CAAE,GAECS,IAASd,EAAY,MAAM;AAC/B,MAAIQ,EAAU,SAAS,MACrBC,EAAa,CAACI,MAASA,EAAK,MAAM,GAAG,EAAE,CAAC,GACxCV,EAAe,EAAE,GACjBE,EAAoB,CAAC;AAAA,IAEzB,GAAG,CAACG,EAAU,MAAM,CAAC,GAGfO,KAAef;AAAA,MACnB,CAACgB,GAAYjD,GAAeE,GAAoBgD,GAAmBC,MAA0B;AAC3F,QAAAX,EAAmB,CAACM,MAAS;AAC3B,gBAAMM,IAAO,IAAI,IAAIN,CAAI;AACzB,iBAAAM,EAAK,IAAIH,GAAI,EAAE,IAAAA,GAAI,OAAAjD,GAAO,UAAAE,GAAU,UAAAgD,GAAU,UAAAC,GAAU,GACjDC;AAAA,QACT,CAAC;AAAA,MACH;AAAA,MACA,CAAA;AAAA,IAAC,GAGGC,KAAiBpB,EAAY,CAACgB,MAAe;AACjD,MAAAT,EAAmB,CAACM,MAAS;AAC3B,cAAMM,IAAO,IAAI,IAAIN,CAAI;AACzB,eAAAM,EAAK,OAAOH,CAAE,GACPG;AAAA,MACT,CAAC;AAAA,IACH,GAAG,CAAA,CAAE,GAGCE,IAAgBC,GAAQ,MAExB5C,IACKA,EACJ,OAAO,CAAC6C,MAAS;AAChB,UAAI,CAACrB,EAAa,QAAO;AACzB,YAAMsB,IAAQ,OAAOD,EAAK,SAAU,WAAWA,EAAK,QAAQ;AAC5D,aAAO5C,EAAO6C,GAAOtB,GAAaqB,EAAK,QAAQ;AAAA,IACjD,CAAC,EACA,IAAI,CAACA,OAAU;AAAA,MACd,IAAIA,EAAK;AAAA,MACT,OAAO,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQA,EAAK;AAAA,MAC1D,UAAUA,EAAK,YAAY,CAAA;AAAA,MAC3B,UAAUA,EAAK,YAAY;AAAA,IAAA,EAC3B,IAIa,MAAM,KAAKjB,EAAgB,QAAQ,EACpC,OAAO,CAACiB,MACnBrB,IACEvB,EAAO4C,EAAK,OAAOrB,GAAaqB,EAAK,QAAQ,IAD3B,EAE1B,GACA,CAAC7C,GAAO4B,GAAiBJ,GAAavB,CAAM,CAAC,GAG1C8C,IAAeH;AAAA,MACnB,MAAMD,EAAc,OAAO,CAACE,MAAS,CAACA,EAAK,QAAQ;AAAA,MACnD,CAACF,CAAa;AAAA,IAAA,GAIVK,IAAa1B;AAAA,MACjB,CAACgB,MAAe;AACd,YAAItC,GAAO;AACT,gBAAM6C,IAAO7C,EAAM,KAAK,CAACiD,MAAMA,EAAE,QAAQX,CAAE;AAC3C,UAAIO,KAAQ,CAACA,EAAK,aAChBA,EAAK,WAAA,GACLxB,EAAU,EAAK;AAAA,QAEnB,OAAO;AACL,gBAAM6B,IAAMtB,EAAgB,IAAIU,CAAE;AAClC,UAAIY,KAAO,CAACA,EAAI,aACdA,EAAI,WAAA,GACJ7B,EAAU,EAAK;AAAA,QAEnB;AAAA,MACF;AAAA,MACA,CAACrB,GAAO4B,GAAiBP,CAAS;AAAA,IAAA;AAIpC,IAAA8B,EAAU,MAAM;AACd,MAAI/B,MACFK,EAAe,EAAE,GACjBE,EAAoB,CAAC,GACrBI,EAAa,CAAC,MAAM,CAAC;AAAA,IAEzB,GAAG,CAACX,CAAM,CAAC,GAGX+B,EAAU,MAAM;AACd,YAAMC,IAAS3C,EAAU;AACzB,MAAK2C,MAEDhC,IACGgC,EAAO,SACVvC,EAAsB,UAAU,SAAS,eACzCuC,EAAO,UAAA,GACP,WAAW,MAAMzC,EAAS,SAAS,MAAA,GAAS,CAAC,KAG3CyC,EAAO,SACTA,EAAO,MAAA,GACPvC,EAAsB,SAAS,MAAA;AAAA,IAGrC,GAAG,CAACO,CAAM,CAAC,GAGX+B,EAAU,MAAM;AACd,YAAMC,IAAS3C,EAAU;AACzB,UAAI,CAAC2C,EAAQ;AAEb,YAAMC,IAAgB,MAAM;AAC1B,QAAAhC,EAAU,EAAK;AAAA,MACjB;AAEA,aAAA+B,EAAO,iBAAiB,SAASC,CAAa,GACvC,MAAMD,EAAO,oBAAoB,SAASC,CAAa;AAAA,IAChE,GAAG,CAAChC,CAAS,CAAC,GAGd8B,EAAU,MAAM;AACd,YAAMG,IAAsB,CAACC,MAAqB;AAChD,cAAMC,IAAMrD,EAAS,CAAC,GAAG,YAAA;AACzB,SAAKoD,EAAE,WAAWA,EAAE,YAAYA,EAAE,IAAI,YAAA,MAAkBC,MACtDD,EAAE,eAAA,GACFlC,EAAU,CAACD,CAAM;AAAA,MAErB;AAEA,sBAAS,iBAAiB,WAAWkC,CAAmB,GACjD,MAAM,SAAS,oBAAoB,WAAWA,CAAmB;AAAA,IAC1E,GAAG,CAACnD,GAAUiB,GAAQC,CAAS,CAAC;AAGhC,UAAMoC,KAAgBnC;AAAA,MACpB,CAAC,MAA2B;AAC1B,gBAAQ,EAAE,KAAA;AAAA,UACR,KAAK,aAAa;AAEhB,gBADA,EAAE,eAAA,GACEyB,EAAa,WAAW,EAAG;AAC/B,YAAApB,EAAoB,CAACQ,MAAS;AAC5B,oBAAMM,IAAON,IAAO;AACpB,qBAAIM,KAAQM,EAAa,SAChB7C,IAAO,IAAIiC,IAEbM;AAAA,YACT,CAAC;AACD;AAAA,UACF;AAAA,UACA,KAAK,WAAW;AAEd,gBADA,EAAE,eAAA,GACEM,EAAa,WAAW,EAAG;AAC/B,YAAApB,EAAoB,CAACQ,MAAS;AAC5B,oBAAMM,IAAON,IAAO;AACpB,qBAAIM,IAAO,IACFvC,IAAO6C,EAAa,SAAS,IAAI,IAEnCN;AAAA,YACT,CAAC;AACD;AAAA,UACF;AAAA,UACA,KAAK,SAAS;AACZ,cAAE,eAAA;AACF,kBAAMI,IAAOE,EAAarB,CAAgB;AAC1C,YAAImB,KACFG,EAAWH,EAAK,EAAE;AAEpB;AAAA,UACF;AAAA,UACA,KAAK,UAAU;AACb,cAAE,eAAA,GACEf,EAAU,SAAS,IACrBM,EAAA,IAEAf,EAAU,EAAK;AAEjB;AAAA,UACF;AAAA,UACA,KAAK,aAAa;AAChB,YAAIG,MAAgB,MAAMM,EAAU,SAAS,MAC3C,EAAE,eAAA,GACFM,EAAA;AAEF;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,MACA,CAACW,GAAcrB,GAAkBxB,GAAM8C,GAAYlB,GAAWM,GAAQZ,GAAaH,CAAS;AAAA,IAAA;AAI9F,IAAA8B,EAAU,MAAM;AACd,MAAIzB,KAAoB,KAAKd,EAAQ,WACrBA,EAAQ,QAAQ,iBAAiB,qBAAqB,EACxCc,CAAgB,GAC7B,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,IAEtD,GAAG,CAACA,CAAgB,CAAC;AAGrB,UAAMgC,KAAsB,CAAC,MAAwB;AACnD,MAAI,EAAE,WAAWjD,EAAU,WACzBY,EAAU,EAAK;AAAA,IAEnB,GAEMsC,KAAoC;AAAA,MACxC,aAAAnC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,cAAc,CAACW,GAAIjD,GAAOE,GAAUgD,MAAaF,GAAaC,GAAIjD,GAAOE,GAAUgD,CAAQ;AAAA,MAC3F,gBAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAK;AAAA,MACA,MAAA9C;AAAA,MACA,QAAAY;AAAA,MACA,aAAAkB;AAAA,MACA,SAAAC;AAAA,MACA,QAAAG;AAAA,MACA,WAAAN;AAAA,IAAA,GAII8B,KAAwB,MAAM;AAClC,UAAI,CAAC5D,EAAO,QAAO;AAGnB,YAAM6D,wBAAa,IAAA,GACbC,IAAiC,CAAA;AAEvC,MAAAnB,EAAc,QAAQ,CAACoB,MAAO;AAC5B,cAAMlB,IAAO7C,EAAM,KAAK,CAACiD,MAAMA,EAAE,QAAQc,EAAG,EAAE;AAC9C,YAAKlB;AACL,cAAIA,EAAK,OAAO;AACd,kBAAMmB,IAAQH,EAAO,IAAIhB,EAAK,KAAK,KAAK,CAAA;AACxC,YAAAmB,EAAM,KAAKnB,CAAI,GACfgB,EAAO,IAAIhB,EAAK,OAAOmB,CAAK;AAAA,UAC9B;AACE,YAAAF,EAAU,KAAKjB,CAAI;AAAA,MAEvB,CAAC;AAED,UAAIoB,IAAc;AAElB,aACE,gBAAAC,EAAAC,IAAA,EACG,UAAA;AAAA,QAAA,MAAM,KAAKN,EAAO,QAAA,CAAS,EAAE,IAAI,CAAC,CAACO,GAAWC,CAAU,MACvD,gBAAAH,EAAC,OAAA,EAAoB,MAAK,SAAQ,cAAYE,GAC5C,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iFACZ,UAAAF,GACH;AAAA,UACCC,EAAW,IAAI,CAACxB,MAAS;AACxB,kBAAM0B,IAAYN,KACZO,IAAgBD,MAAc7C;AACpC,mBACE,gBAAAwC;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,iBAAeM;AAAA,gBACf,iBAAe3B,EAAK;AAAA,gBACpB,qBAAiB;AAAA,gBACjB,oBAAkB2B;AAAA,gBAClB,WAAW;AAAA,kBACT;AAAA,kBACAA,KAAiB;AAAA,kBACjB,CAACA,KAAiB;AAAA,kBAClB3B,EAAK,YAAY;AAAA,gBAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,gBACX,SAAS,MAAM,CAACA,EAAK,YAAYG,EAAWH,EAAK,GAAG;AAAA,gBACpD,cAAc,MAAM,CAACA,EAAK,YAAYlB,EAAoB4C,CAAS;AAAA,gBAElE,UAAA;AAAA,kBAAA1B,EAAK,QAAQ,gBAAAyB,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,kBACnD,gBAAAA,EAAC,QAAA,EAAM,UAAAzB,EAAK,MAAA,CAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAlBbA,EAAK;AAAA,YAAA;AAAA,UAqBhB,CAAC;AAAA,QAAA,EAAA,GA9BOuB,CA+BV,CACD;AAAA,QACAN,EAAU,SAAS,KAClB,gBAAAQ,EAAC,OAAA,EAAI,MAAK,SACP,UAAAR,EAAU,IAAI,CAACjB,MAAS;AACvB,gBAAM0B,IAAYN,KACZO,IAAgBD,MAAc7C;AACpC,iBACE,gBAAAwC;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,iBAAeM;AAAA,cACf,iBAAe3B,EAAK;AAAA,cACpB,qBAAiB;AAAA,cACjB,oBAAkB2B;AAAA,cAClB,WAAW;AAAA,gBACT;AAAA,gBACAA,KAAiB;AAAA,gBACjB,CAACA,KAAiB;AAAA,gBAClB3B,EAAK,YAAY;AAAA,cAAA,EAEhB,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,cACX,SAAS,MAAM,CAACA,EAAK,YAAYG,EAAWH,EAAK,GAAG;AAAA,cACpD,cAAc,MAAM,CAACA,EAAK,YAAYlB,EAAoB4C,CAAS;AAAA,cAElE,UAAA;AAAA,gBAAA1B,EAAK,QAAQ,gBAAAyB,EAAC,QAAA,EAAK,WAAU,WAAW,YAAK,MAAK;AAAA,gBACnD,gBAAAA,EAAC,QAAA,EAAM,UAAAzB,EAAK,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAlBbA,EAAK;AAAA,UAAA;AAAA,QAqBhB,CAAC,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,IAEJ;AAEA,WACE,gBAAAyB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAACG,MAAS;AACX,UAAAhE,EAA+D,UAAUgE,GACvE,OAAOjE,KAAQ,aAAYA,EAAIiE,CAAI,IAC9BjE,QAAS,UAAUiE;AAAA,QAC9B;AAAA,QACA,WAAW,GAAG9F,EAAM,IAAI2B,CAAS;AAAA,QACjC,SAASoD;AAAA,QACR,GAAGnD;AAAA,QAEJ,UAAA,gBAAA+D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG1F,EAAS;AAAA,YACvB,MAAK;AAAA,YACL,cAAW;AAAA,YACX,cAAW;AAAA,YAEX,UAAA,gBAAAsF,EAACnF,GAAe,UAAf,EAAwB,OAAO4E,IAE7B,UAAA;AAAA,cAAA7B,EAAU,SAAS,KAClB,gBAAAoC,EAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,gBAAA,gBAAAI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAASlC;AAAA,oBACT,WAAU;AAAA,oBACV,cAAW;AAAA,oBAEX,UAAA,gBAAAkC,EAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAC9D,4BAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,mBAAkB,EAAA,CACzF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEF,gBAAAA,EAAC,QAAA,EAAK,WAAU,wBAAwB,UAAAtC,EAAA,CAAY;AAAA,cAAA,GACtD;AAAA,gCAID,OAAA,EAAI,WAAU,6CACb,UAAA,gBAAAkC,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,gBAAA,gBAAAI;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,QAAO;AAAA,oBAEP,UAAA,gBAAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,eAAc;AAAA,wBACd,gBAAe;AAAA,wBACf,aAAa;AAAA,wBACb,GAAE;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBAAA;AAAA,gBAEF,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,KAAK3D;AAAA,oBACL,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,aAAAP;AAAA,oBACA,OAAOoB;AAAA,oBACP,UAAU,CAAC,MAAM;AACf,sBAAAC,EAAe,EAAE,OAAO,KAAK,GAC7BE,EAAoB,CAAC;AAAA,oBACvB;AAAA,oBACA,WAAW8B;AAAA,oBACX,MAAK;AAAA,oBACL,iBAAc;AAAA,oBACd,iBAAe,GAAG3C,CAAM;AAAA,oBACxB,yBACEiC,EAAarB,CAAgB,IACzB,GAAGZ,CAAM,SAASiC,EAAarB,CAAgB,EAAE,EAAE,KACnD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAER,EAAA,CACF,EAAA,CACF;AAAA,cAGA,gBAAA4C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK1D;AAAA,kBACL,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,IAAI,GAAGE,CAAM;AAAA,kBAEZ,UAAAd,IACC2C,EAAc,SAAS,IACrBiB,GAAA,IAEA,gBAAAU,EAAC,OAAA,EAAI,WAAU,8CAA8C,UAAAjE,EAAA,CAAa,IAG5ET;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAKH,OAAA,EAAI,WAAU,4GACb,UAAA,gBAAAsE,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,kBAAA,gBAAAI,EAAC,SAAI,WAAW,GAAGzF,CAAI,IAAIC,CAAM,IAAI,UAAA,KAAA,CAAE;AAAA,kBAAM;AAAA,gBAAA,GAC/C;AAAA,gBACA,gBAAAoF,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,kBAAA,gBAAAI,EAAC,SAAI,WAAW,GAAGzF,CAAI,IAAIC,CAAM,IAAI,UAAA,IAAA,CAAC;AAAA,kBAAM;AAAA,gBAAA,GAC9C;AAAA,gBACA,gBAAAoF,EAAC,QAAA,EAAK,WAAU,2BACd,UAAA;AAAA,kBAAA,gBAAAI,EAAC,SAAI,WAAW,GAAGzF,CAAI,IAAIC,CAAM,IAAI,UAAA,MAAA,CAAG;AAAA,kBAAM;AAAA,gBAAA,EAAA,CAChD;AAAA,cAAA,EAAA,CACF,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAGN;AACF;AAEAY,GAAY,cAAc;AAQ1B,SAASgF,GAAa,EAAE,aAAAtE,GAAa,OAAAf,GAAO,eAAAsF,GAAe,GAAGpE,KAA2B;AACvF,QAAM,EAAE,aAAAiB,GAAa,gBAAAC,EAAA,IAAmBxC,EAAA;AAWxC,SACE,gBAAAqF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,aAAAlE;AAAA,MACA,OAfoBf,MAAU,SAAYA,IAAQmC;AAAA,MAgBlD,UAfiB,CAAC+B,MAA2C;AAC/D,cAAMqB,IAAWrB,EAAE,OAAO;AAC1B,QAAIoB,IACFA,EAAcC,CAAQ,IAEtBnD,EAAemD,CAAQ;AAAA,MAE3B;AAAA,MASK,GAAGrE;AAAA,IAAA;AAAA,EAAA;AAGV;AAOA,SAASsE,GAAY,EAAE,UAAAjF,KAA8B;AACnD,QAAM,EAAE,QAAAkB,GAAQ,aAAAkB,EAAA,IAAgB/C,EAAA,GAG1B6F,IAAmBC,EAAM,SAAS,QAAQnF,CAAQ,EAAE,OAAO,CAACoF,MAC3DD,EAAM,eAAeC,CAAK,IAE3BA,EAAM,SAASC,KACTD,EAAM,MAA2B,OAAOhD,IAG3CA,MAAgB,SANkB,EAO1C;AAED,SACE,gBAAAsC,EAAC,OAAA,EAAI,MAAK,WAAU,IAAI,GAAGxD,CAAM,YAAY,WAAU,QACpD,UAAAgE,EAAA,CACH;AAEJ;AAQA,SAASI,GAAa,EAAE,SAAAC,GAAS,UAAAvF,KAA+B;AAC9D,QAAM,EAAE,aAAA4B,GAAa,eAAAmB,EAAA,IAAkB1D,EAAA,GAIjCmG,IADaL,EAAM,SAAS,QAAQnF,CAAQ,EACZ,KAAK,CAACoF,MAAU;AACpD,QAAI,CAACD,EAAM,eAAeC,CAAK,EAAG,QAAO;AACzC,UAAMK,IAAaL,EAAM,OACnBM,IAAaD,EAAW,SAAS;AACvC,WAAK7D,IACEmB,EAAc,KAAK,CAACoB,MAAOA,EAAG,UAAUuB,KAAcvB,EAAG,OAAOsB,EAAW,KAAK,IAD9D;AAAA,EAE3B,CAAC;AAED,SAAI7D,KAAe,CAAC4D,IACX,OAIP,gBAAAlB,EAAC,SAAI,MAAK,SAAQ,cAAY,OAAOiB,KAAY,WAAWA,IAAU,QACnE,UAAA;AAAA,IAAAA,KACC,gBAAAb,EAAC,OAAA,EAAI,WAAU,iFACZ,UAAAa,GACH;AAAA,IAEDvF;AAAA,EAAA,GACH;AAEJ;AAYA,SAAS2F,GAAY;AAAA,EACnB,UAAA3F;AAAA,EACA,OAAAP;AAAA,EACA,UAAAmD;AAAA,EACA,UAAAD,IAAW;AAAA,EACX,UAAAhD,IAAW,CAAA;AAAA,EACX,MAAAiG;AACF,GAAqB;AACnB,QAAM;AAAA,IACJ,cAAAnD;AAAA,IACA,gBAAAK;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAjB;AAAA,IACA,qBAAAC;AAAA,IACA,QAAAb;AAAA,EAAA,IACE7B,EAAA,GAEEwG,IAAS1E,GAAA,GACT2E,IAAYrG,MAAU,OAAOO,KAAa,WAAWA,IAAW;AAGtE,EAAAuD,EAAU,OACRd,EAAaoD,GAAQC,GAAWnG,GAAUgD,CAAQ,GAC3C,MAAMG,EAAe+C,CAAM,IACjC,CAACA,GAAQC,GAAWnG,GAAUgD,GAAUF,GAAcK,CAAc,CAAC;AAGxE,QAAMiD,IAAcjF,EAAO8B,CAAQ;AAKnC,MAJAmD,EAAY,UAAUnD,GAIlB,CADcG,EAAc,KAAK,CAACoB,MAAOA,EAAG,OAAO0B,CAAM,EAC7C,QAAO;AAIvB,QAAMlB,IADe5B,EAAc,OAAO,CAACoB,MAAO,CAACA,EAAG,QAAQ,EAC/B,UAAU,CAACA,MAAOA,EAAG,OAAO0B,CAAM,GAC3DjB,IAAgBD,MAAc7C,GAE9BkE,IAAc,MAAM;AACxB,IAAI,CAACrD,KAAYC,KACfA,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,GAAGpD,CAAM,SAAS2E,CAAM;AAAA,MAC5B,MAAK;AAAA,MACL,iBAAejB;AAAA,MACf,iBAAejC;AAAA,MACf,qBAAiB;AAAA,MACjB,oBAAkBiC;AAAA,MAClB,WAAW;AAAA,QACT;AAAA,QACAA,KAAiB;AAAA,QACjB,CAACA,KAAiB;AAAA,QAClBjC,KAAY;AAAA,MAAA,EAEX,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,SAASqD;AAAA,MACT,cAAc,MAAM,CAACrD,KAAYZ,EAAoB4C,CAAS;AAAA,MAE7D,UAAA;AAAA,QAAAiB,KAAQ,gBAAAlB,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAkB,GAAK;AAAA,QACzC,gBAAAlB,EAAC,UAAM,UAAA1E,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtB;AAOA,SAASiG,GAAa,EAAE,UAAAjG,IAAW,uBAA0C;AAC3E,QAAM,EAAE,eAAA+C,GAAe,aAAAnB,EAAA,IAAgBvC,EAAA;AAEvC,SAAI0D,EAAc,SAAS,KAAK,CAACnB,IACxB,OAGF,gBAAA8C,EAAC,OAAA,EAAI,WAAU,8CAA8C,UAAA1E,EAAA,CAAS;AAC/E;AAQA,SAASqF,GAAY,EAAE,IAAA3C,GAAI,UAAA1C,KAA8B;AACvD,QAAM,EAAE,aAAAoC,EAAA,IAAgB/C,EAAA;AAExB,SAAI+C,MAAgBM,IACX,+BAGC,UAAA1C,GAAS;AACrB;AAGA,SAASkG,KAAmB;AAC1B,SAAO,gBAAAxB,EAAC,OAAA,EAAI,WAAU,wCAAuC,MAAK,aAAY;AAChF;AAGO,MAAMyB,KAAU,OAAO,OAAOrG,IAAa;AAAA,EAChD,OAAOgF;AAAA,EACP,MAAMG;AAAA,EACN,OAAOK;AAAA,EACP,MAAMK;AAAA,EACN,OAAOM;AAAA,EACP,MAAMZ;AAAA,EACN,WAAWa;AACb,CAAC;"}
+{"version":3,"file":"Command.js","sources":["../../src/components/Command.tsx"],"sourcesContent":["import React, {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// DaisyUI classes\nconst dModal = 'modal'\nconst dModalBox = 'modal-box'\nconst dKbd = 'kbd'\nconst dKbdXs = 'kbd-xs'\n\n// Types\nexport interface CommandItemConfig {\n  key: string\n  label: React.ReactNode\n  group?: string\n  keywords?: string[]\n  disabled?: boolean\n  onSelect?: () => void\n  icon?: React.ReactNode\n}\n\nexport interface CommandProps extends Omit<React.HTMLAttributes<HTMLDialogElement>, 'children'> {\n  children?: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  defaultOpen?: boolean\n  items?: CommandItemConfig[]\n  filter?: (value: string, search: string, keywords?: string[]) => boolean\n  loop?: boolean\n  shortcut?: string[]\n  placeholder?: string\n  emptyMessage?: React.ReactNode\n  'data-testid'?: string\n}\n\ninterface CommandContextValue {\n  searchValue: string\n  setSearchValue: (value: string) => void\n  highlightedIndex: number\n  setHighlightedIndex: (index: number) => void\n  registerItem: (id: string, value: string, keywords: string[], disabled: boolean) => void\n  unregisterItem: (id: string) => void\n  filteredItems: FilteredItem[]\n  selectItem: (id: string) => void\n  loop: boolean\n  baseId: string\n  currentPage: string\n  setPage: (pageId: string) => void\n  goBack: () => void\n  pageStack: string[]\n  getTestId?: (suffix: string) => string | undefined\n}\n\ninterface FilteredItem {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n}\n\ninterface ItemRegistration {\n  id: string\n  value: string\n  keywords: string[]\n  disabled: boolean\n  onSelect?: () => void\n}\n\nconst CommandContext = createContext<CommandContextValue | null>(null)\n\nfunction useCommandContext() {\n  const context = useContext(CommandContext)\n  if (!context) {\n    throw new Error('Command compound components must be used within a Command')\n  }\n  return context\n}\n\n// Default filter function\nconst defaultFilter = (value: string, search: string, keywords: string[] = []): boolean => {\n  const searchLower = search.toLowerCase()\n  const valueLower = value.toLowerCase()\n  if (valueLower.includes(searchLower)) return true\n  return keywords.some((k) => k.toLowerCase().includes(searchLower))\n}\n\n// Root Command component\nconst CommandRoot = forwardRef<HTMLDialogElement, CommandProps>(\n  (\n    {\n      children,\n      open: controlledOpen,\n      onOpenChange,\n      defaultOpen = false,\n      items,\n      filter = defaultFilter,\n      loop = true,\n      shortcut = ['k'],\n      placeholder = 'Type a command or search...',\n      emptyMessage = 'No results found.',\n      className = '',\n      'data-testid': testId,\n      ...rest\n    },\n    ref\n  ) => {\n    const dialogRef = useRef<HTMLDialogElement>(null)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const listRef = useRef<HTMLDivElement>(null)\n    const previousActiveElement = useRef<HTMLElement | null>(null)\n    const baseId = useId()\n\n    // Controlled/uncontrolled open state\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const setIsOpen = useCallback(\n      (newOpen: boolean) => {\n        if (!isControlled) {\n          setInternalOpen(newOpen)\n        }\n        onOpenChange?.(newOpen)\n      },\n      [isControlled, onOpenChange]\n    )\n\n    // State\n    const [searchValue, setSearchValue] = useState('')\n    const [highlightedIndex, setHighlightedIndex] = useState(0)\n    const [registeredItems, setRegisteredItems] = useState<Map<string, ItemRegistration>>(new Map())\n    const [pageStack, setPageStack] = useState<string[]>(['root'])\n    const currentPage = pageStack[pageStack.length - 1]\n\n    // Page navigation\n    const setPage = useCallback((pageId: string) => {\n      setPageStack((prev) => [...prev, pageId])\n      setSearchValue('')\n      setHighlightedIndex(0)\n    }, [])\n\n    const goBack = useCallback(() => {\n      if (pageStack.length > 1) {\n        setPageStack((prev) => prev.slice(0, -1))\n        setSearchValue('')\n        setHighlightedIndex(0)\n      }\n    }, [pageStack.length])\n\n    // Item registration for compound components\n    const registerItem = useCallback(\n      (id: string, value: string, keywords: string[], disabled: boolean, onSelect?: () => void) => {\n        setRegisteredItems((prev) => {\n          const next = new Map(prev)\n          next.set(id, { id, value, keywords, disabled, onSelect })\n          return next\n        })\n      },\n      []\n    )\n\n    const unregisterItem = useCallback((id: string) => {\n      setRegisteredItems((prev) => {\n        const next = new Map(prev)\n        next.delete(id)\n        return next\n      })\n    }, [])\n\n    // Compute filtered items\n    const filteredItems = useMemo((): FilteredItem[] => {\n      // Use data-driven items if provided\n      if (items) {\n        return items\n          .filter((item) => {\n            if (!searchValue) return true\n            const label = typeof item.label === 'string' ? item.label : ''\n            return filter(label, searchValue, item.keywords)\n          })\n          .map((item) => ({\n            id: item.key,\n            value: typeof item.label === 'string' ? item.label : item.key,\n            keywords: item.keywords || [],\n            disabled: item.disabled || false,\n          }))\n      }\n\n      // Use registered compound items\n      const itemsArray = Array.from(registeredItems.values())\n      return itemsArray.filter((item) => {\n        if (!searchValue) return true\n        return filter(item.value, searchValue, item.keywords)\n      })\n    }, [items, registeredItems, searchValue, filter])\n\n    // Get enabled items for navigation\n    const enabledItems = useMemo(\n      () => filteredItems.filter((item) => !item.disabled),\n      [filteredItems]\n    )\n\n    // Select item\n    const selectItem = useCallback(\n      (id: string) => {\n        if (items) {\n          const item = items.find((i) => i.key === id)\n          if (item && !item.disabled) {\n            item.onSelect?.()\n            setIsOpen(false)\n          }\n        } else {\n          const reg = registeredItems.get(id)\n          if (reg && !reg.disabled) {\n            reg.onSelect?.()\n            setIsOpen(false)\n          }\n        }\n      },\n      [items, registeredItems, setIsOpen]\n    )\n\n    // Reset state when opening\n    useEffect(() => {\n      if (isOpen) {\n        setSearchValue('')\n        setHighlightedIndex(0)\n        setPageStack(['root'])\n      }\n    }, [isOpen])\n\n    // Handle dialog open/close\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      if (isOpen) {\n        if (!dialog.open) {\n          previousActiveElement.current = document.activeElement as HTMLElement\n          dialog.showModal()\n          setTimeout(() => inputRef.current?.focus(), 0)\n        }\n      } else {\n        if (dialog.open) {\n          dialog.close()\n          previousActiveElement.current?.focus()\n        }\n      }\n    }, [isOpen])\n\n    // Handle dialog close event\n    useEffect(() => {\n      const dialog = dialogRef.current\n      if (!dialog) return\n\n      const onDialogClose = () => {\n        setIsOpen(false)\n      }\n\n      dialog.addEventListener('close', onDialogClose)\n      return () => dialog.removeEventListener('close', onDialogClose)\n    }, [setIsOpen])\n\n    // Global keyboard shortcut\n    useEffect(() => {\n      const handleGlobalKeyDown = (e: KeyboardEvent) => {\n        const key = shortcut[0]?.toLowerCase()\n        if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === key) {\n          e.preventDefault()\n          setIsOpen(!isOpen)\n        }\n      }\n\n      document.addEventListener('keydown', handleGlobalKeyDown)\n      return () => document.removeEventListener('keydown', handleGlobalKeyDown)\n    }, [shortcut, isOpen, setIsOpen])\n\n    // Keyboard navigation\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev + 1\n              if (next >= enabledItems.length) {\n                return loop ? 0 : prev\n              }\n              return next\n            })\n            break\n          }\n          case 'ArrowUp': {\n            e.preventDefault()\n            if (enabledItems.length === 0) return\n            setHighlightedIndex((prev) => {\n              const next = prev - 1\n              if (next < 0) {\n                return loop ? enabledItems.length - 1 : 0\n              }\n              return next\n            })\n            break\n          }\n          case 'Enter': {\n            e.preventDefault()\n            const item = enabledItems[highlightedIndex]\n            if (item) {\n              selectItem(item.id)\n            }\n            break\n          }\n          case 'Escape': {\n            e.preventDefault()\n            if (pageStack.length > 1) {\n              goBack()\n            } else {\n              setIsOpen(false)\n            }\n            break\n          }\n          case 'Backspace': {\n            if (searchValue === '' && pageStack.length > 1) {\n              e.preventDefault()\n              goBack()\n            }\n            break\n          }\n        }\n      },\n      [enabledItems, highlightedIndex, loop, selectItem, pageStack, goBack, searchValue, setIsOpen]\n    )\n\n    // Scroll highlighted item into view\n    useEffect(() => {\n      if (highlightedIndex >= 0 && listRef.current) {\n        const items = listRef.current.querySelectorAll('[data-command-item]')\n        const highlightedEl = items[highlightedIndex] as HTMLElement\n        highlightedEl?.scrollIntoView({ block: 'nearest' })\n      }\n    }, [highlightedIndex])\n\n    // Handle mask click\n    const handleBackdropClick = (e: React.MouseEvent) => {\n      if (e.target === dialogRef.current) {\n        setIsOpen(false)\n      }\n    }\n\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    const contextValue: CommandContextValue = {\n      searchValue,\n      setSearchValue,\n      highlightedIndex,\n      setHighlightedIndex,\n      registerItem: (id, value, keywords, disabled) => registerItem(id, value, keywords, disabled),\n      unregisterItem,\n      filteredItems,\n      selectItem,\n      loop,\n      baseId,\n      currentPage,\n      setPage,\n      goBack,\n      pageStack,\n      getTestId,\n    }\n\n    // Render data-driven items\n    const renderDataDrivenItems = () => {\n      if (!items) return null\n\n      // Group items\n      const groups = new Map<string, CommandItemConfig[]>()\n      const ungrouped: CommandItemConfig[] = []\n\n      filteredItems.forEach((fi) => {\n        const item = items.find((i) => i.key === fi.id)\n        if (!item) return\n        if (item.group) {\n          const group = groups.get(item.group) || []\n          group.push(item)\n          groups.set(item.group, group)\n        } else {\n          ungrouped.push(item)\n        }\n      })\n\n      let globalIndex = 0\n\n      return (\n        <>\n          {Array.from(groups.entries()).map(([groupName, groupItems]) => (\n            <div key={groupName} role=\"group\" aria-label={groupName} data-testid={getTestId(`group-${groupName}`)}>\n              <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n                {groupName}\n              </div>\n              {groupItems.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    data-testid={getTestId(`item-${item.key}`)}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n          {ungrouped.length > 0 && (\n            <div role=\"group\" data-testid={getTestId('group-ungrouped')}>\n              {ungrouped.map((item) => {\n                const itemIndex = globalIndex++\n                const isHighlighted = itemIndex === highlightedIndex\n                return (\n                  <div\n                    key={item.key}\n                    role=\"option\"\n                    aria-selected={isHighlighted}\n                    aria-disabled={item.disabled}\n                    data-command-item\n                    data-highlighted={isHighlighted}\n                    className={[\n                      'px-3 py-2 cursor-pointer flex items-center gap-3',\n                      isHighlighted && 'bg-primary text-primary-content',\n                      !isHighlighted && 'hover:bg-base-200',\n                      item.disabled && 'opacity-50 cursor-not-allowed',\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    data-testid={getTestId(`item-${item.key}`)}\n                    onClick={() => !item.disabled && selectItem(item.key)}\n                    onMouseEnter={() => !item.disabled && setHighlightedIndex(itemIndex)}\n                  >\n                    {item.icon && <span className=\"w-5 h-5\">{item.icon}</span>}\n                    <span>{item.label}</span>\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return (\n      <dialog\n        ref={(node) => {\n          ;(dialogRef as React.MutableRefObject<HTMLDialogElement | null>).current = node\n          if (typeof ref === 'function') ref(node)\n          else if (ref) ref.current = node\n        }}\n        className={`${dModal} ${className}`}\n        onClick={handleBackdropClick}\n        data-testid={testId}\n        {...rest}\n      >\n        <div\n          className={`${dModalBox} p-0 max-w-lg w-full overflow-hidden`}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command palette\"\n          data-testid={getTestId('dialog')}\n        >\n          <CommandContext.Provider value={contextValue}>\n            {/* Breadcrumb for nested pages */}\n            {pageStack.length > 1 && (\n              <div className=\"px-3 py-2 border-b border-base-content/10 flex items-center gap-2 text-sm\">\n                <button\n                  onClick={goBack}\n                  className=\"hover:bg-base-200 rounded p-1\"\n                  aria-label=\"Go back\"\n                  data-testid={getTestId('back')}\n                >\n                  <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                  </svg>\n                </button>\n                <span className=\"text-base-content/60\">{currentPage}</span>\n              </div>\n            )}\n\n            {/* Search input */}\n            <div className=\"px-3 py-3 border-b border-base-content/10\">\n              <div className=\"flex items-center gap-3\">\n                <svg\n                  className=\"w-5 h-5 text-base-content/50\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                  />\n                </svg>\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n                  placeholder={placeholder}\n                  value={searchValue}\n                  onChange={(e) => {\n                    setSearchValue(e.target.value)\n                    setHighlightedIndex(0)\n                  }}\n                  onKeyDown={handleKeyDown}\n                  role=\"combobox\"\n                  aria-expanded=\"true\"\n                  aria-controls={`${baseId}-listbox`}\n                  aria-activedescendant={\n                    enabledItems[highlightedIndex]\n                      ? `${baseId}-item-${enabledItems[highlightedIndex].id}`\n                      : undefined\n                  }\n                  data-testid={getTestId('input')}\n                />\n              </div>\n            </div>\n\n            {/* List */}\n            <div\n              ref={listRef}\n              className=\"max-h-80 overflow-y-auto py-2\"\n              role=\"listbox\"\n              id={`${baseId}-listbox`}\n              data-testid={getTestId('list')}\n            >\n              {items ? (\n                filteredItems.length > 0 ? (\n                  renderDataDrivenItems()\n                ) : (\n                  <div className=\"px-3 py-8 text-center text-base-content/60\" data-testid={getTestId('empty')}>\n                    {emptyMessage}\n                  </div>\n                )\n              ) : (\n                children\n              )}\n            </div>\n\n            {/* Footer with shortcut hint */}\n            <div\n              className=\"px-3 py-2 border-t border-base-content/10 flex items-center justify-between text-xs text-base-content/50\"\n              data-testid={getTestId('footer')}\n            >\n              <div className=\"flex items-center gap-4\">\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↑↓</kbd> navigate\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>↵</kbd> select\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <kbd className={`${dKbd} ${dKbdXs}`}>esc</kbd> close\n                </span>\n              </div>\n            </div>\n          </CommandContext.Provider>\n        </div>\n      </dialog>\n    )\n  }\n)\n\nCommandRoot.displayName = 'Command'\n\n// Command.Input - for compound pattern customization\ninterface CommandInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n  value?: string\n  onValueChange?: (value: string) => void\n  'data-testid'?: string\n}\n\nfunction CommandInput({ placeholder, value, onValueChange, 'data-testid': testId, ...rest }: CommandInputProps) {\n  const { searchValue, setSearchValue, getTestId } = useCommandContext()\n  const controlledValue = value !== undefined ? value : searchValue\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value\n    if (onValueChange) {\n      onValueChange(newValue)\n    } else {\n      setSearchValue(newValue)\n    }\n  }\n\n  return (\n    <input\n      type=\"text\"\n      className=\"flex-1 bg-transparent border-none outline-none text-base placeholder:text-base-content/50\"\n      placeholder={placeholder}\n      value={controlledValue}\n      onChange={handleChange}\n      data-testid={testId ?? getTestId?.('input')}\n      {...rest}\n    />\n  )\n}\n\n// Command.List\ninterface CommandListProps {\n  children: React.ReactNode\n}\n\nfunction CommandList({ children }: CommandListProps) {\n  const { baseId, currentPage, getTestId } = useCommandContext()\n\n  // Filter children to only show items for current page\n  const filteredChildren = React.Children.toArray(children).filter((child) => {\n    if (!React.isValidElement(child)) return false\n    // Show Command.Page only if it matches currentPage\n    if (child.type === CommandPage) {\n      return (child.props as CommandPageProps).id === currentPage\n    }\n    // Show groups/items only on root page\n    return currentPage === 'root'\n  })\n\n  return (\n    <div role=\"listbox\" id={`${baseId}-listbox`} className=\"py-2\" data-testid={getTestId?.('list')}>\n      {filteredChildren}\n    </div>\n  )\n}\n\n// Command.Group\ninterface CommandGroupProps {\n  heading?: React.ReactNode\n  children: React.ReactNode\n}\n\nfunction CommandGroup({ heading, children }: CommandGroupProps) {\n  const { searchValue, filteredItems, getTestId } = useCommandContext()\n\n  // Check if any children match the filter\n  const childArray = React.Children.toArray(children)\n  const hasVisibleChildren = childArray.some((child) => {\n    if (!React.isValidElement(child)) return false\n    const childProps = child.props as CommandItemProps\n    const childValue = childProps.value || ''\n    if (!searchValue) return true\n    return filteredItems.some((fi) => fi.value === childValue || fi.id === childProps.value)\n  })\n\n  if (searchValue && !hasVisibleChildren) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={typeof heading === 'string' ? heading : undefined}\n      data-testid={getTestId?.(`group-${typeof heading === 'string' ? heading : 'group'}`)}\n    >\n      {heading && (\n        <div className=\"px-3 py-2 text-xs font-semibold text-base-content/60 uppercase tracking-wider\">\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n}\n\n// Command.Item\ninterface CommandItemProps {\n  children: React.ReactNode\n  value?: string\n  onSelect?: () => void\n  disabled?: boolean\n  keywords?: string[]\n  icon?: React.ReactNode\n  'data-testid'?: string\n}\n\nfunction CommandItem({\n  children,\n  value,\n  onSelect,\n  disabled = false,\n  keywords = [],\n  icon,\n  'data-testid': testId,\n}: CommandItemProps) {\n  const {\n    registerItem,\n    unregisterItem,\n    filteredItems,\n    highlightedIndex,\n    setHighlightedIndex,\n    baseId,\n    getTestId,\n  } = useCommandContext()\n\n  const itemId = useId()\n  const itemValue = value || (typeof children === 'string' ? children : '')\n\n  // Register item\n  useEffect(() => {\n    registerItem(itemId, itemValue, keywords, disabled)\n    return () => unregisterItem(itemId)\n  }, [itemId, itemValue, keywords, disabled, registerItem, unregisterItem])\n\n  // Store onSelect in a ref so we can access it from selectItem\n  const onSelectRef = useRef(onSelect)\n  onSelectRef.current = onSelect\n\n  // Check if this item is visible after filtering\n  const isVisible = filteredItems.some((fi) => fi.id === itemId)\n  if (!isVisible) return null\n\n  // Find index in filtered items\n  const enabledItems = filteredItems.filter((fi) => !fi.disabled)\n  const itemIndex = enabledItems.findIndex((fi) => fi.id === itemId)\n  const isHighlighted = itemIndex === highlightedIndex\n  const itemTestId = testId ?? getTestId?.(`item-${itemValue || itemId}`)\n\n  const handleClick = () => {\n    if (!disabled && onSelect) {\n      onSelect()\n    }\n  }\n\n  return (\n    <div\n      id={`${baseId}-item-${itemId}`}\n      role=\"option\"\n      aria-selected={isHighlighted}\n      aria-disabled={disabled}\n      data-command-item\n      data-highlighted={isHighlighted}\n      data-testid={itemTestId}\n      className={[\n        'px-3 py-2 cursor-pointer flex items-center gap-3',\n        isHighlighted && 'bg-primary text-primary-content',\n        !isHighlighted && 'hover:bg-base-200',\n        disabled && 'opacity-50 cursor-not-allowed',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      onMouseEnter={() => !disabled && setHighlightedIndex(itemIndex)}\n    >\n      {icon && <span className=\"w-5 h-5\">{icon}</span>}\n      <span>{children}</span>\n    </div>\n  )\n}\n\n// Command.Empty\ninterface CommandEmptyProps {\n  children?: React.ReactNode\n}\n\nfunction CommandEmpty({ children = 'No results found.' }: CommandEmptyProps) {\n  const { filteredItems, searchValue, getTestId } = useCommandContext()\n\n  if (filteredItems.length > 0 || !searchValue) {\n    return null\n  }\n\n  return (\n    <div className=\"px-3 py-8 text-center text-base-content/60\" data-testid={getTestId?.('empty')}>\n      {children}\n    </div>\n  )\n}\n\n// Command.Page - for nested navigation\ninterface CommandPageProps {\n  id: string\n  children: React.ReactNode\n}\n\nfunction CommandPage({ id, children }: CommandPageProps) {\n  const { currentPage } = useCommandContext()\n\n  if (currentPage !== id) {\n    return null\n  }\n\n  return <>{children}</>\n}\n\n// Command.Separator\nfunction CommandSeparator() {\n  const { getTestId } = useCommandContext()\n  return <div className=\"my-2 border-t border-base-content/10\" role=\"separator\" data-testid={getTestId?.('separator')} />\n}\n\n// Export compound component\nexport const Command = Object.assign(CommandRoot, {\n  Input: CommandInput,\n  List: CommandList,\n  Group: CommandGroup,\n  Item: CommandItem,\n  Empty: CommandEmpty,\n  Page: CommandPage,\n  Separator: CommandSeparator,\n})\n\nexport default Command\n"],"names":["dModal","dModalBox","dKbd","dKbdXs","CommandContext","createContext","useCommandContext","context","useContext","defaultFilter","value","search","keywords","searchLower","k","CommandRoot","forwardRef","children","controlledOpen","onOpenChange","defaultOpen","items","filter","loop","shortcut","placeholder","emptyMessage","className","testId","rest","ref","dialogRef","useRef","inputRef","listRef","previousActiveElement","baseId","useId","internalOpen","setInternalOpen","useState","isControlled","isOpen","setIsOpen","useCallback","newOpen","searchValue","setSearchValue","highlightedIndex","setHighlightedIndex","registeredItems","setRegisteredItems","pageStack","setPageStack","currentPage","setPage","pageId","prev","goBack","registerItem","id","disabled","onSelect","next","unregisterItem","filteredItems","useMemo","item","label","enabledItems","selectItem","i","reg","useEffect","dialog","onDialogClose","handleGlobalKeyDown","e","key","handleKeyDown","handleBackdropClick","getTestId","suffix","contextValue","renderDataDrivenItems","groups","ungrouped","fi","group","globalIndex","jsxs","Fragment","groupName","groupItems","jsx","itemIndex","isHighlighted","node","CommandInput","onValueChange","newValue","CommandList","filteredChildren","React","child","CommandPage","CommandGroup","heading","hasVisibleChildren","childProps","childValue","CommandItem","icon","itemId","itemValue","onSelectRef","itemTestId","handleClick","CommandEmpty","CommandSeparator","Command"],"mappings":"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"}

package/dist/components/ContextMenu.d.ts

@@ -19,6 +19,7 @@ export interface ContextMenuProps {
     disabled?: boolean;
     /** Additional CSS classes for the menu */
     className?: string;
+    'data-testid'?: string;
 }
 export interface ContextMenuItemProps {
     /** Item content */
@@ -33,10 +34,12 @@ export interface ContextMenuItemProps {
     className?: string;
     /** @internal */
     _key?: string;
+    'data-testid'?: string;
 }
 export interface ContextMenuDividerProps {
     /** Additional CSS classes */
     className?: string;
+    'data-testid'?: string;
 }
 export interface ContextMenuSubMenuProps {
     /** Submenu label */
@@ -51,6 +54,7 @@ export interface ContextMenuSubMenuProps {
     className?: string;
     /** @internal */
     _key?: string;
+    'data-testid'?: string;
 }
 export declare const ContextMenu: React.FC<ContextMenuProps> & {
     Item: React.FC<ContextMenuItemProps>;

package/dist/components/ContextMenu.js

@@ -1,223 +1,242 @@
-import { jsxs as b, Fragment as V, jsx as n } from "react/jsx-runtime";
-import w, { useState as g, useRef as y, useCallback as M, useEffect as L, createContext as A, useContext as H } from "react";
-import { createPortal as O } from "react-dom";
-import { useConfig as _ } from "../providers/ConfigProvider.js";
-const k = "menu", S = "divider", $ = A(null), F = () => {
-  const e = H($);
+import { jsxs as g, Fragment as F, jsx as t } from "react/jsx-runtime";
+import M, { useState as k, useRef as $, useCallback as N, useEffect as R, createContext as K, useContext as X } from "react";
+import { createPortal as Y } from "react-dom";
+import { useConfig as q } from "../providers/ConfigProvider.js";
+const E = "menu", D = "divider", j = K(null), P = () => {
+  const e = X(j);
   if (!e)
     throw new Error("ContextMenu compound components must be used within a ContextMenu");
   return e;
-}, R = ({
+}, W = ({
   children: e,
-  icon: a,
-  disabled: o = !1,
-  danger: d = !1,
-  className: m = "",
-  _key: c
+  icon: l,
+  disabled: a = !1,
+  danger: c = !1,
+  className: f = "",
+  _key: s,
+  "data-testid": m
 }) => {
-  const { onSelect: u, onClose: s } = F();
-  return /* @__PURE__ */ n("li", { className: m, role: "none", children: /* @__PURE__ */ b(
+  const { onSelect: i, onClose: h, getTestId: o } = P(), d = m ?? (s ? o?.(`item-${s}`) : void 0);
+  return /* @__PURE__ */ t("li", { className: f, role: "none", children: /* @__PURE__ */ g(
     "button",
     {
       onClick: () => {
-        o || !c || (u(c), s());
+        a || !s || (i(s), h());
       },
-      disabled: o,
+      disabled: a,
       role: "menuitem",
-      "aria-disabled": o,
+      "aria-disabled": a,
+      "data-testid": d,
       className: `
           flex items-center gap-2 w-full px-4 py-2 text-left text-sm
-          ${o ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
-          ${d ? "text-error hover:bg-error/10" : ""}
+          ${a ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+          ${c ? "text-error hover:bg-error/10" : ""}
         `,
       children: [
-        a && /* @__PURE__ */ n("span", { className: "w-4 h-4", "aria-hidden": "true", children: a }),
-        /* @__PURE__ */ n("span", { className: "flex-1", children: e })
+        l && /* @__PURE__ */ t("span", { className: "w-4 h-4", "aria-hidden": "true", children: l }),
+        /* @__PURE__ */ t("span", { className: "flex-1", children: e })
       ]
     }
   ) });
-}, X = ({ className: e = "" }) => /* @__PURE__ */ n("li", { className: `${S} my-1 ${e}`, role: "separator" }), D = ({
+}, G = ({ className: e = "", "data-testid": l }) => /* @__PURE__ */ t("li", { className: `${D} my-1 ${e}`, role: "separator", "data-testid": l }), I = ({
   label: e,
-  icon: a,
-  disabled: o = !1,
-  children: d,
-  className: m = "",
-  _key: c
+  icon: l,
+  disabled: a = !1,
+  children: c,
+  className: f = "",
+  _key: s,
+  "data-testid": m
 }) => {
-  const [u, s] = g(!1), l = y(null), p = () => {
-    o || (l.current && clearTimeout(l.current), s(!0));
-  }, i = () => {
-    l.current = setTimeout(() => s(!1), 100);
+  const { getTestId: i } = P(), [h, o] = k(!1), d = $(null), u = m ?? (s ? i?.(`submenu-${s}`) : void 0), x = () => {
+    a || (d.current && clearTimeout(d.current), o(!0));
+  }, C = () => {
+    d.current = setTimeout(() => o(!1), 100);
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ g(
     "li",
     {
-      onMouseEnter: p,
-      onMouseLeave: i,
-      className: `relative ${m}`,
+      onMouseEnter: x,
+      onMouseLeave: C,
+      className: `relative ${f}`,
       role: "none",
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ g(
           "button",
           {
-            disabled: o,
+            disabled: a,
             role: "menuitem",
             "aria-haspopup": "menu",
-            "aria-expanded": u,
-            "aria-disabled": o,
+            "aria-expanded": h,
+            "aria-disabled": a,
+            "data-testid": u,
             className: `
           flex items-center gap-2 w-full px-4 py-2 text-left text-sm
-          ${o ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
+          ${a ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
         `,
             children: [
-              a && /* @__PURE__ */ n("span", { className: "w-4 h-4", "aria-hidden": "true", children: a }),
-              /* @__PURE__ */ n("span", { className: "flex-1", children: e }),
-              /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              l && /* @__PURE__ */ t("span", { className: "w-4 h-4", "aria-hidden": "true", children: l }),
+              /* @__PURE__ */ t("span", { className: "flex-1", children: e }),
+              /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
             ]
           }
         ),
-        u && /* @__PURE__ */ n(
+        h && /* @__PURE__ */ t(
           "ul",
           {
-            className: `${k} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`,
-            onMouseEnter: p,
-            onMouseLeave: i,
+            className: `${E} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`,
+            onMouseEnter: x,
+            onMouseLeave: C,
             role: "menu",
-            children: d
+            "data-testid": u ? `${u}-menu` : void 0,
+            children: c
           }
         )
       ]
     }
   );
-}, j = ({ item: e, onSelect: a, onClose: o }) => {
-  const [d, m] = g(!1), c = y(null);
+}, z = ({ item: e, onSelect: l, onClose: a, getTestId: c }) => {
+  const [f, s] = k(!1), m = $(null), i = c?.(`item-${e.key}`);
   if (e.divider)
-    return /* @__PURE__ */ n("li", { className: `${S} my-1`, role: "separator" });
-  const u = () => {
-    e.disabled || e.children && e.children.length > 0 || (a(e.key), o());
-  }, s = e.children && e.children.length > 0, l = () => {
-    s && (c.current && clearTimeout(c.current), m(!0));
-  }, p = () => {
-    s && (c.current = setTimeout(() => m(!1), 100));
+    return /* @__PURE__ */ t("li", { className: `${D} my-1`, role: "separator", "data-testid": c?.(`separator-${e.key}`) });
+  const h = () => {
+    e.disabled || e.children && e.children.length > 0 || (l(e.key), a());
+  }, o = e.children && e.children.length > 0, d = () => {
+    o && (m.current && clearTimeout(m.current), s(!0));
+  }, u = () => {
+    o && (m.current = setTimeout(() => s(!1), 100));
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ g(
     "li",
     {
-      onMouseEnter: l,
-      onMouseLeave: p,
+      onMouseEnter: d,
+      onMouseLeave: u,
       className: "relative",
       role: "none",
       children: [
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ g(
           "button",
           {
-            onClick: u,
+            onClick: h,
             disabled: e.disabled,
             role: "menuitem",
-            "aria-haspopup": s ? "menu" : void 0,
-            "aria-expanded": s ? d : void 0,
+            "aria-haspopup": o ? "menu" : void 0,
+            "aria-expanded": o ? f : void 0,
             "aria-disabled": e.disabled,
+            "data-testid": i,
             className: `
           flex items-center gap-2 w-full px-4 py-2 text-left text-sm
           ${e.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-base-200"}
           ${e.danger ? "text-error hover:bg-error/10" : ""}
         `,
             children: [
-              e.icon && /* @__PURE__ */ n("span", { className: "w-4 h-4", "aria-hidden": "true", children: e.icon }),
-              /* @__PURE__ */ n("span", { className: "flex-1", children: e.label }),
-              s && /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+              e.icon && /* @__PURE__ */ t("span", { className: "w-4 h-4", "aria-hidden": "true", children: e.icon }),
+              /* @__PURE__ */ t("span", { className: "flex-1", children: e.label }),
+              o && /* @__PURE__ */ t("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
             ]
           }
         ),
-        s && d && /* @__PURE__ */ n(
+        o && f && /* @__PURE__ */ t(
           "ul",
           {
-            className: `${k} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`,
-            onMouseEnter: l,
-            onMouseLeave: p,
+            className: `${E} bg-base-100 rounded-box shadow-lg border border-base-300 absolute left-full top-0 min-w-[160px] z-50 p-1`,
+            onMouseEnter: d,
+            onMouseLeave: u,
             role: "menu",
-            children: e.children.map((i) => /* @__PURE__ */ n(j, { item: i, onSelect: a, onClose: o }, i.key))
+            "data-testid": i ? `${i}-menu` : void 0,
+            children: e.children.map((x) => /* @__PURE__ */ t(z, { item: x, onSelect: l, onClose: a, getTestId: c }, x.key))
           }
         )
       ]
     }
   );
-}, Y = ({
+}, J = ({
   children: e,
-  items: a,
-  onSelect: o,
-  disabled: d = !1,
-  className: m = ""
+  items: l,
+  onSelect: a,
+  disabled: c = !1,
+  className: f = "",
+  "data-testid": s
 }) => {
-  const { getPopupContainer: c } = _(), [u, s] = g(!1), [l, p] = g({ x: 0, y: 0 }), i = y(null), P = y(null), W = M(
-    (r) => {
-      if (d) return;
-      r.preventDefault(), r.stopPropagation();
-      let t = r.clientX, h = r.clientY;
-      p({ x: t, y: h }), s(!0);
+  const { getPopupContainer: m } = q(), [i, h] = k(!1), [o, d] = k({ x: 0, y: 0 }), u = $(null), x = $(null), C = N(
+    (n) => {
+      if (c) return;
+      n.preventDefault(), n.stopPropagation();
+      let r = n.clientX, p = n.clientY;
+      d({ x: r, y: p }), h(!0);
     },
-    [d]
-  ), f = M(() => {
-    s(!1);
-  }, []), N = M(
-    (r) => {
-      o?.(r);
+    [c]
+  ), b = N(() => {
+    h(!1);
+  }, []), L = N(
+    (n) => {
+      a?.(n);
     },
-    [o]
+    [a]
   );
-  L(() => {
-    if (u && i.current) {
-      const t = i.current.getBoundingClientRect(), h = window.innerWidth, x = window.innerHeight;
-      let { x: v, y: C } = l;
-      v + t.width > h && (v = h - t.width - 8), C + t.height > x && (C = x - t.height - 8), (v !== l.x || C !== l.y) && p({ x: v, y: C });
+  R(() => {
+    if (i && u.current) {
+      const r = u.current.getBoundingClientRect(), p = window.innerWidth, v = window.innerHeight;
+      let { x: w, y } = o;
+      w + r.width > p && (w = p - r.width - 8), y + r.height > v && (y = v - r.height - 8), (w !== o.x || y !== o.y) && d({ x: w, y });
     }
-  }, [u, l]), L(() => {
-    if (!u) return;
-    const r = (x) => {
-      i.current && !i.current.contains(x.target) && f();
-    }, t = (x) => {
-      x.key === "Escape" && f();
-    }, h = () => {
-      f();
+  }, [i, o]), R(() => {
+    if (!i) return;
+    const n = (v) => {
+      u.current && !u.current.contains(v.target) && b();
+    }, r = (v) => {
+      v.key === "Escape" && b();
+    }, p = () => {
+      b();
     };
-    return document.addEventListener("mousedown", r), document.addEventListener("keydown", t), document.addEventListener("scroll", h, !0), () => {
-      document.removeEventListener("mousedown", r), document.removeEventListener("keydown", t), document.removeEventListener("scroll", h, !0);
+    return document.addEventListener("mousedown", n), document.addEventListener("keydown", r), document.addEventListener("scroll", p, !0), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("keydown", r), document.removeEventListener("scroll", p, !0);
     };
-  }, [u, f]);
-  const T = (r) => w.Children.map(r, (t) => {
-    if (w.isValidElement(t)) {
-      const h = t.key != null ? String(t.key) : void 0;
-      if (t.type === R || t.type === D)
-        return w.cloneElement(t, { _key: h });
+  }, [i, b]);
+  const B = (n) => M.Children.map(n, (r) => {
+    if (M.isValidElement(r)) {
+      const p = r.key != null ? String(r.key) : void 0;
+      if (r.type === W || r.type === I)
+        return M.cloneElement(r, { _key: p });
     }
-    return t;
-  }), E = w.Children.toArray(e), z = E[0], B = T(E.slice(1)), I = a && a.length > 0, K = {
-    onSelect: N,
-    onClose: f
-  };
-  return /* @__PURE__ */ b(V, { children: [
-    /* @__PURE__ */ n("div", { ref: P, onContextMenu: W, className: "inline-block", children: z }),
-    u && O(
-      /* @__PURE__ */ n($.Provider, { value: K, children: /* @__PURE__ */ n(
+    return r;
+  }), S = M.Children.toArray(e), V = S[0], A = B(S.slice(1)), H = l && l.length > 0, O = {
+    onSelect: L,
+    onClose: b,
+    getTestId: s ? (n) => `${s}-${n}` : void 0
+  }, T = (n) => s ? `${s}-${n}` : void 0;
+  return /* @__PURE__ */ g(F, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: x,
+        onContextMenu: C,
+        className: "inline-block",
+        "data-testid": s,
+        children: V
+      }
+    ),
+    i && Y(
+      /* @__PURE__ */ t(j.Provider, { value: O, children: /* @__PURE__ */ t(
         "ul",
         {
-          ref: i,
-          className: `${k} bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${m}`,
-          style: { left: l.x, top: l.y },
+          ref: u,
+          className: `${E} bg-base-100 rounded-box shadow-lg border border-base-300 min-w-[160px] p-1 fixed z-[9999] ${f}`,
+          style: { left: o.x, top: o.y },
           role: "menu",
           "aria-label": "Context menu",
-          children: I ? a.map((r) => /* @__PURE__ */ n(j, { item: r, onSelect: N, onClose: f }, r.key)) : B
+          "data-testid": T("menu"),
+          children: H ? l.map((n) => /* @__PURE__ */ t(z, { item: n, onSelect: L, onClose: b, getTestId: T }, n.key)) : A
         }
       ) }),
-      c ? c(document.body) : document.body
+      m ? m(document.body) : document.body
     )
   ] });
-}, U = Object.assign(Y, {
-  Item: R,
-  Divider: X,
-  SubMenu: D
+}, ee = Object.assign(J, {
+  Item: W,
+  Divider: G,
+  SubMenu: I
 });
 export {
-  U as ContextMenu
+  ee as ContextMenu
 };
 //# sourceMappingURL=ContextMenu.js.map