asterui 0.12.59 → 0.12.61

package/dist/components/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useRef, useState, useCallback, useEffect, forwardRef, useImperativeHandle } from 'react'\n\n// DaisyUI classes\nconst dDropdown = 'dropdown'\nconst dDropdownTop = 'dropdown-top'\nconst dDropdownBottom = 'dropdown-bottom'\nconst dDropdownLeft = 'dropdown-left'\nconst dDropdownRight = 'dropdown-right'\nconst dDropdownCenter = 'dropdown-center'\nconst dDropdownEnd = 'dropdown-end'\nconst dDropdownHover = 'dropdown-hover'\nconst dDropdownOpen = 'dropdown-open'\nconst dDropdownContent = 'dropdown-content'\nconst dMenu = 'menu'\n\n// Types for data-driven items prop\nexport type DropdownTriggerType = 'click' | 'hover' | 'contextMenu'\n\nexport interface DropdownMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  onClick?: () => void\n  children?: DropdownMenuItem[] // For submenus\n}\n\nexport interface DropdownMenuDivider {\n  type: 'divider'\n  key?: string\n}\n\nexport type DropdownMenuItemType = DropdownMenuItem | DropdownMenuDivider\n\ninterface DropdownContextValue {\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  menuId: string\n  triggerId: string\n  isOpen: boolean\n  setIsOpen: (open: boolean) => void\n  focusedIndex: number\n  setFocusedIndex: (index: number) => void\n  registerItem: (index: number, ref: HTMLElement | null, disabled: boolean) => void\n  itemCount: number\n  setItemCount: (count: number) => void\n  disabled: boolean\n  arrow: boolean\n  closeDropdown: () => void\n  getTestId: (suffix: string) => string | undefined\n}\n\nconst DropdownContext = createContext<DropdownContextValue | undefined>(undefined)\n\nfunction useDropdownContext() {\n  const context = useContext(DropdownContext)\n  if (!context) {\n    throw new Error('Dropdown compound components must be used within Dropdown')\n  }\n  return context\n}\n\nexport interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Trigger element and dropdown content (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: DropdownMenuItemType[]\n  /** Trigger mode(s) for dropdown */\n  trigger?: DropdownTriggerType[]\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean, info?: { source: 'trigger' | 'menu' }) => void\n  /** Disable the dropdown */\n  disabled?: boolean\n  /** Show arrow pointing to trigger */\n  arrow?: boolean | { pointAtCenter?: boolean }\n  /** Delay before showing dropdown on hover (seconds) */\n  mouseEnterDelay?: number\n  /** Delay before hiding dropdown on mouse leave (seconds) */\n  mouseLeaveDelay?: number\n  /** Container for the dropdown menu */\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement\n  /** Destroy dropdown when hidden */\n  destroyOnHidden?: boolean\n  /** Customize popup content */\n  popupRender?: (menu: React.ReactNode) => React.ReactNode\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface DropdownTriggerProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownMenuProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownItemProps {\n  children?: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Item label (alternative to children) */\n  label?: React.ReactNode\n  onClick?: () => void\n  active?: boolean\n  disabled?: boolean\n  danger?: boolean\n  className?: string\n  /** @internal */\n  _index?: number\n  /** @internal */\n  _key?: string\n}\n\nexport interface DropdownSubMenuProps {\n  children: React.ReactNode\n  /** Submenu title/label */\n  title: React.ReactNode\n  /** Icon to display before title */\n  icon?: React.ReactNode\n  disabled?: boolean\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\nexport interface DropdownDividerProps {\n  className?: string\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, DropdownProps>(function DropdownRoot(\n  {\n    children,\n    items,\n    trigger = ['click'],\n    position = 'bottom',\n    align = 'start',\n    open: controlledOpen,\n    onOpenChange,\n    disabled = false,\n    arrow = false,\n    mouseEnterDelay = 0.15,\n    mouseLeaveDelay = 0.1,\n    getPopupContainer,\n    destroyOnHidden = false,\n    popupRender,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const menuId = useId()\n  const triggerId = useId()\n  const [internalOpen, setInternalOpen] = useState(false)\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n  const [itemCount, setItemCount] = useState(0)\n  const [shouldRender, setShouldRender] = useState(!destroyOnHidden)\n  const itemRefs = useRef<Map<number, { ref: HTMLElement | null; disabled: boolean }>>(new Map())\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const triggers = trigger\n\n  // Forward ref\n  useImperativeHandle(ref, () => dropdownRef.current!, [])\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  // Use controlled or uncontrolled open state\n  const isControlled = controlledOpen !== undefined\n  const isOpen = isControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = useCallback((open: boolean, source: 'trigger' | 'menu' = 'trigger') => {\n    if (disabled) return\n    if (!isControlled) {\n      setInternalOpen(open)\n    }\n    if (open) {\n      setShouldRender(true)\n    }\n    onOpenChange?.(open, { source })\n  }, [disabled, isControlled, onOpenChange])\n\n  const closeDropdown = useCallback(() => {\n    setIsOpen(false, 'menu')\n    setFocusedIndex(-1)\n    document.getElementById(triggerId)?.focus()\n  }, [setIsOpen, triggerId])\n\n  const registerItem = useCallback((index: number, ref: HTMLElement | null, itemDisabled: boolean) => {\n    if (ref) {\n      itemRefs.current.set(index, { ref, disabled: itemDisabled })\n    } else {\n      itemRefs.current.delete(index)\n    }\n  }, [])\n\n  // Handle destroyOnHidden\n  useEffect(() => {\n    if (destroyOnHidden && !isOpen) {\n      const timeout = setTimeout(() => setShouldRender(false), 300)\n      return () => clearTimeout(timeout)\n    }\n  }, [isOpen, destroyOnHidden])\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false, 'trigger')\n        setFocusedIndex(-1)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setIsOpen])\n\n  // Hover handlers with delay\n  const handleMouseEnter = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true, 'trigger')\n    }, mouseEnterDelay * 1000)\n  }, [triggers, mouseEnterDelay, setIsOpen])\n\n  const handleMouseLeave = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false, 'trigger')\n      setFocusedIndex(-1)\n    }, mouseLeaveDelay * 1000)\n  }, [triggers, mouseLeaveDelay, setIsOpen])\n\n  // Context menu handler\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    if (!triggers.includes('contextMenu')) return\n    event.preventDefault()\n    setIsOpen(true, 'trigger')\n  }, [triggers, setIsOpen])\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  const positionClasses: Record<string, string> = {\n    top: dDropdownTop,\n    bottom: dDropdownBottom,\n    left: dDropdownLeft,\n    right: dDropdownRight,\n  }\n\n  const alignClasses: Record<string, string> = {\n    start: '',\n    center: dDropdownCenter,\n    end: dDropdownEnd,\n  }\n\n  const showArrow = typeof arrow === 'boolean' ? arrow : !!arrow\n\n  const dropdownClasses = [\n    dDropdown,\n    positionClasses[position],\n    alignClasses[align],\n    triggers.includes('hover') && dDropdownHover,\n    isOpen && dDropdownOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render items from data-driven prop\n  const renderItems = () => {\n    if (!items) return null\n    return items.map((item, index) => {\n      if ('type' in item && item.type === 'divider') {\n        return <DropdownDivider key={item.key || `divider-${index}`} />\n      }\n      const menuItem = item as DropdownMenuItem\n      if (menuItem.children && menuItem.children.length > 0) {\n        return (\n          <DropdownSubMenu\n            key={menuItem.key}\n            title={menuItem.label}\n            icon={menuItem.icon}\n            disabled={menuItem.disabled}\n          >\n            {menuItem.children.map((child) => (\n              <DropdownItem\n                key={child.key}\n                icon={child.icon}\n                disabled={child.disabled}\n                danger={child.danger}\n                onClick={child.onClick}\n              >\n                {child.label}\n              </DropdownItem>\n            ))}\n          </DropdownSubMenu>\n        )\n      }\n      return (\n        <DropdownItem\n          key={menuItem.key}\n          icon={menuItem.icon}\n          disabled={menuItem.disabled}\n          danger={menuItem.danger}\n          onClick={menuItem.onClick}\n        >\n          {menuItem.label}\n        </DropdownItem>\n      )\n    })\n  }\n\n  // Determine content - either compound children or items-generated menu\n  const menuContent = items ? (\n    (shouldRender || !destroyOnHidden) && (\n      <DropdownMenu>{renderItems()}</DropdownMenu>\n    )\n  ) : null\n\n  const content = items ? (\n    <>\n      {React.Children.toArray(children).find(\n        (child) => React.isValidElement(child) && child.type === DropdownTrigger\n      )}\n      {popupRender ? popupRender(menuContent) : menuContent}\n    </>\n  ) : (\n    children\n  )\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        position,\n        align,\n        menuId,\n        triggerId,\n        isOpen,\n        setIsOpen,\n        focusedIndex,\n        setFocusedIndex,\n        registerItem,\n        itemCount,\n        setItemCount,\n        disabled,\n        arrow: showArrow,\n        closeDropdown,\n        getTestId,\n      }}\n    >\n      <div\n        ref={dropdownRef}\n        className={dropdownClasses}\n        data-state={isOpen ? 'open' : 'closed'}\n        data-testid={testId}\n        aria-disabled={disabled || undefined}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onContextMenu={handleContextMenu}\n        {...rest}\n      >\n        {content}\n      </div>\n    </DropdownContext.Provider>\n  )\n})\n\nfunction DropdownTrigger({ children, className = '' }: DropdownTriggerProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, setFocusedIndex, itemCount, disabled } = useDropdownContext()\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(0)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(itemCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const handleClick = () => {\n    setIsOpen(!isOpen)\n    if (!isOpen) {\n      setFocusedIndex(0)\n    }\n  }\n\n  // Clone the child element to add event handlers and ARIA attributes\n  const child = React.Children.only(children) as React.ReactElement<\n    React.HTMLAttributes<HTMLElement> & {\n      onClick?: (e: React.MouseEvent) => void\n      onKeyDown?: (e: React.KeyboardEvent) => void\n      className?: string\n    }\n  >\n\n  const childProps = child.props\n\n  return React.cloneElement(child, {\n    id: triggerId,\n    tabIndex: disabled ? -1 : 0,\n    'aria-haspopup': 'menu' as const,\n    'aria-expanded': isOpen,\n    'aria-controls': menuId,\n    onClick: (e: React.MouseEvent) => {\n      handleClick()\n      childProps.onClick?.(e)\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      handleKeyDown(e)\n      childProps.onKeyDown?.(e)\n    },\n    className: `${childProps.className || ''} ${className}`.trim(),\n  })\n}\n\nfunction DropdownMenu({ children, className = '' }: DropdownMenuProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, focusedIndex, setFocusedIndex, setItemCount, arrow, position, getTestId } = useDropdownContext()\n  const menuRef = useRef<HTMLUListElement>(null)\n\n  // Count children and set item count\n  const childArray = React.Children.toArray(children).filter(\n    (child) => React.isValidElement(child) && (child.type === DropdownItem)\n  )\n\n  useEffect(() => {\n    setItemCount(childArray.length)\n  }, [childArray.length, setItemCount])\n\n  // Focus management\n  useEffect(() => {\n    if (isOpen && focusedIndex >= 0 && menuRef.current) {\n      const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n      const item = items[focusedIndex] as HTMLElement\n      item?.focus()\n    }\n  }, [isOpen, focusedIndex])\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    const enabledItems = childArray.filter(\n      (child) => React.isValidElement(child) && !(child.props as DropdownItemProps).disabled\n    )\n    const enabledCount = enabledItems.length\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex + 1) % enabledCount)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex - 1 + enabledCount) % enabledCount)\n        break\n      case 'Home':\n        event.preventDefault()\n        setFocusedIndex(0)\n        break\n      case 'End':\n        event.preventDefault()\n        setFocusedIndex(enabledCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        // Return focus to trigger\n        document.getElementById(triggerId)?.focus()\n        break\n      case 'Tab':\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const menuClasses = [\n    dDropdownContent,\n    dMenu,\n    'bg-base-100',\n    'rounded-box',\n    'z-50',\n    'shadow',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to pass index and extract key\n  const childrenWithIndex = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childKey = child.key != null ? String(child.key) : undefined\n      if (child.type === DropdownItem) {\n        return React.cloneElement(child as React.ReactElement<any>, { _index: index, _key: childKey })\n      }\n      if (child.type === DropdownSubMenu) {\n        return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n      }\n    }\n    return child\n  })\n\n  // Arrow position classes based on menu position\n  const arrowPositionClasses: Record<string, string> = {\n    top: 'bottom-0 left-1/2 -translate-x-1/2 translate-y-full border-t-base-100 border-l-transparent border-r-transparent border-b-transparent',\n    bottom: 'top-0 left-1/2 -translate-x-1/2 -translate-y-full border-b-base-100 border-l-transparent border-r-transparent border-t-transparent',\n    left: 'right-0 top-1/2 -translate-y-1/2 translate-x-full border-l-base-100 border-t-transparent border-b-transparent border-r-transparent',\n    right: 'left-0 top-1/2 -translate-y-1/2 -translate-x-full border-r-base-100 border-t-transparent border-b-transparent border-l-transparent',\n  }\n\n  const arrowElement = arrow ? (\n    <span\n      className={`absolute w-0 h-0 border-8 border-solid ${arrowPositionClasses[position || 'bottom']}`}\n      aria-hidden=\"true\"\n    />\n  ) : null\n\n  return (\n    <ul\n      ref={menuRef}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      className={`${menuClasses} ${arrow ? 'relative' : ''}`}\n      data-testid={getTestId('menu')}\n      onKeyDown={handleKeyDown}\n    >\n      {arrowElement}\n      {childrenWithIndex}\n    </ul>\n  )\n}\n\nfunction DropdownItem({\n  children,\n  icon,\n  label,\n  onClick,\n  active = false,\n  disabled = false,\n  danger = false,\n  className = '',\n  _key,\n}: DropdownItemProps) {\n  const { closeDropdown, getTestId } = useDropdownContext()\n  const itemClasses = [active && 'active', disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    if (!disabled) {\n      onClick?.()\n      closeDropdown()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === 'Enter' || event.key === ' ') && !disabled) {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  const content = label || children\n\n  return (\n    <li className={itemClasses} role=\"none\" data-key={_key} data-testid={_key ? getTestId(`item-${_key}`) : undefined}>\n      <a\n        role=\"menuitem\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled || undefined}\n        className={danger ? 'text-error' : ''}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n        {content}\n      </a>\n    </li>\n  )\n}\n\nfunction DropdownSubMenu({\n  children,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n}: DropdownSubMenuProps) {\n  const [isSubOpen, setIsSubOpen] = useState(false)\n  const subMenuRef = useRef<HTMLLIElement>(null)\n  const summaryRef = useRef<HTMLElement>(null)\n  const subMenuListRef = useRef<HTMLUListElement>(null)\n  const subMenuId = useId()\n\n  const handleMouseEnter = () => {\n    if (!disabled) setIsSubOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    setIsSubOpen(false)\n  }\n\n  // Focus first item in submenu\n  const focusFirstItem = () => {\n    setTimeout(() => {\n      const firstItem = subMenuListRef.current?.querySelector('[role=\"menuitem\"]:not([aria-disabled=\"true\"])') as HTMLElement\n      firstItem?.focus()\n    }, 0)\n  }\n\n  // Keyboard handler for summary (submenu trigger)\n  const handleSummaryKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled) return\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(true)\n        focusFirstItem()\n        break\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        break\n    }\n  }\n\n  // Keyboard handler for submenu items\n  const handleSubMenuKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        summaryRef.current?.focus()\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        event.stopPropagation()\n        const items = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (items) {\n          const currentIndex = Array.from(items).findIndex(item => item === document.activeElement)\n          const nextIndex = (currentIndex + 1) % items.length\n          ;(items[nextIndex] as HTMLElement)?.focus()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        event.stopPropagation()\n        const itemsUp = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (itemsUp) {\n          const currentIndexUp = Array.from(itemsUp).findIndex(item => item === document.activeElement)\n          const prevIndex = (currentIndexUp - 1 + itemsUp.length) % itemsUp.length\n          ;(itemsUp[prevIndex] as HTMLElement)?.focus()\n        }\n        break\n    }\n  }\n\n  const itemClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  return (\n    <li\n      ref={subMenuRef}\n      className={itemClasses}\n      role=\"none\"\n      data-key={_key}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <details open={isSubOpen}>\n        <summary\n          ref={summaryRef}\n          role=\"menuitem\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          aria-haspopup=\"menu\"\n          aria-expanded={isSubOpen}\n          aria-controls={subMenuId}\n          onKeyDown={handleSummaryKeyDown}\n        >\n          {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n          {title}\n        </summary>\n        <ul\n          ref={subMenuListRef}\n          id={subMenuId}\n          className={`${dMenu} bg-base-100 rounded-box z-50 shadow`}\n          role=\"menu\"\n          aria-label={typeof title === 'string' ? title : undefined}\n          onKeyDown={handleSubMenuKeyDown}\n        >\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction DropdownDivider({ className = '' }: DropdownDividerProps) {\n  const classes = ['border-base-content/10', className].filter(Boolean).join(' ')\n  return (\n    <li role=\"separator\" className=\"my-1\">\n      <hr className={classes} />\n    </li>\n  )\n}\n\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  SubMenu: DropdownSubMenu,\n  Divider: DropdownDivider,\n})\n"],"names":["dDropdown","dDropdownTop","dDropdownBottom","dDropdownLeft","dDropdownRight","dDropdownCenter","dDropdownEnd","dDropdownHover","dDropdownOpen","dDropdownContent","dMenu","DropdownContext","createContext","useDropdownContext","context","useContext","DropdownRoot","forwardRef","children","items","trigger","position","align","controlledOpen","onOpenChange","disabled","arrow","mouseEnterDelay","mouseLeaveDelay","getPopupContainer","destroyOnHidden","popupRender","testId","className","rest","ref","menuId","useId","triggerId","internalOpen","setInternalOpen","useState","focusedIndex","setFocusedIndex","itemCount","setItemCount","shouldRender","setShouldRender","itemRefs","useRef","dropdownRef","hoverTimeoutRef","triggers","useImperativeHandle","getTestId","suffix","isControlled","isOpen","setIsOpen","useCallback","open","source","closeDropdown","registerItem","index","itemDisabled","useEffect","timeout","handleClickOutside","event","handleMouseEnter","handleMouseLeave","handleContextMenu","positionClasses","alignClasses","showArrow","dropdownClasses","menuContent","jsx","DropdownMenu","item","DropdownDivider","menuItem","DropdownSubMenu","child","DropdownItem","content","jsxs","Fragment","React","DropdownTrigger","handleKeyDown","handleClick","childProps","e","menuRef","childArray","enabledCount","menuClasses","childrenWithIndex","childKey","arrowElement","icon","label","onClick","active","danger","_key","itemClasses","title","isSubOpen","setIsSubOpen","subMenuRef","summaryRef","subMenuListRef","subMenuId","focusFirstItem","handleSummaryKeyDown","handleSubMenuKeyDown","nextIndex","itemsUp","prevIndex","classes","Dropdown"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React, { createContext, useContext, useId, useRef, useState, useCallback, useEffect, forwardRef, useImperativeHandle } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDropdown = 'dropdown'\nconst dDropdownTop = 'dropdown-top'\nconst dDropdownBottom = 'dropdown-bottom'\nconst dDropdownLeft = 'dropdown-left'\nconst dDropdownRight = 'dropdown-right'\nconst dDropdownCenter = 'dropdown-center'\nconst dDropdownEnd = 'dropdown-end'\nconst dDropdownHover = 'dropdown-hover'\nconst dDropdownOpen = 'dropdown-open'\nconst dDropdownContent = 'dropdown-content'\nconst dMenu = 'menu'\n\n// Types for data-driven items prop\nexport type DropdownTriggerType = 'click' | 'hover' | 'contextMenu'\n\nexport interface DropdownMenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  danger?: boolean\n  onClick?: () => void\n  children?: DropdownMenuItem[] // For submenus\n}\n\nexport interface DropdownMenuDivider {\n  type: 'divider'\n  key?: string\n}\n\nexport type DropdownMenuItemType = DropdownMenuItem | DropdownMenuDivider\n\ninterface DropdownContextValue {\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  menuId: string\n  triggerId: string\n  isOpen: boolean\n  setIsOpen: (open: boolean) => void\n  focusedIndex: number\n  setFocusedIndex: (index: number) => void\n  registerItem: (index: number, ref: HTMLElement | null, disabled: boolean) => void\n  itemCount: number\n  setItemCount: (count: number) => void\n  disabled: boolean\n  arrow: boolean\n  closeDropdown: () => void\n  getTestId: (suffix: string) => string | undefined\n}\n\nconst DropdownContext = createContext<DropdownContextValue | undefined>(undefined)\n\nfunction useDropdownContext() {\n  const context = useContext(DropdownContext)\n  if (!context) {\n    throw new Error('Dropdown compound components must be used within Dropdown')\n  }\n  return context\n}\n\nexport interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Trigger element and dropdown content (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: DropdownMenuItemType[]\n  /** Trigger mode(s) for dropdown */\n  trigger?: DropdownTriggerType[]\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  align?: 'start' | 'center' | 'end'\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean, info?: { source: 'trigger' | 'menu' }) => void\n  /** Disable the dropdown */\n  disabled?: boolean\n  /** Show arrow pointing to trigger */\n  arrow?: boolean | { pointAtCenter?: boolean }\n  /** Delay before showing dropdown on hover (seconds) */\n  mouseEnterDelay?: number\n  /** Delay before hiding dropdown on mouse leave (seconds) */\n  mouseLeaveDelay?: number\n  /** Container for the dropdown menu */\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement\n  /** Destroy dropdown when hidden */\n  destroyOnHidden?: boolean\n  /** Customize popup content */\n  popupRender?: (menu: React.ReactNode) => React.ReactNode\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface DropdownTriggerProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownMenuProps {\n  children?: React.ReactNode\n  className?: string\n}\n\nexport interface DropdownItemProps {\n  children?: React.ReactNode\n  /** Icon to display before label */\n  icon?: React.ReactNode\n  /** Item label (alternative to children) */\n  label?: React.ReactNode\n  onClick?: () => void\n  active?: boolean\n  disabled?: boolean\n  danger?: boolean\n  className?: string\n  /** @internal */\n  _index?: number\n  /** @internal */\n  _key?: string\n}\n\nexport interface DropdownSubMenuProps {\n  children: React.ReactNode\n  /** Submenu title/label */\n  title: React.ReactNode\n  /** Icon to display before title */\n  icon?: React.ReactNode\n  disabled?: boolean\n  className?: string\n  /** @internal */\n  _key?: string\n}\n\nexport interface DropdownDividerProps {\n  className?: string\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, DropdownProps>(function DropdownRoot(\n  {\n    children,\n    items,\n    trigger = ['click'],\n    position = 'bottom',\n    align = 'start',\n    open: controlledOpen,\n    onOpenChange,\n    disabled,\n    arrow = false,\n    mouseEnterDelay = 0.15,\n    mouseLeaveDelay = 0.1,\n    getPopupContainer,\n    destroyOnHidden = false,\n    popupRender,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentDisabled, getPopupContainer: globalGetPopupContainer } = useConfig()\n  const effectiveDisabled = disabled ?? componentDisabled ?? false\n  const effectiveGetPopupContainer = getPopupContainer ?? globalGetPopupContainer\n\n  const menuId = useId()\n  const triggerId = useId()\n  const [internalOpen, setInternalOpen] = useState(false)\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n  const [itemCount, setItemCount] = useState(0)\n  const [shouldRender, setShouldRender] = useState(!destroyOnHidden)\n  const itemRefs = useRef<Map<number, { ref: HTMLElement | null; disabled: boolean }>>(new Map())\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const triggers = trigger\n\n  // Forward ref\n  useImperativeHandle(ref, () => dropdownRef.current!, [])\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  // Use controlled or uncontrolled open state\n  const isControlled = controlledOpen !== undefined\n  const isOpen = isControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = useCallback((open: boolean, source: 'trigger' | 'menu' = 'trigger') => {\n    if (effectiveDisabled) return\n    if (!isControlled) {\n      setInternalOpen(open)\n    }\n    if (open) {\n      setShouldRender(true)\n    }\n    onOpenChange?.(open, { source })\n  }, [effectiveDisabled, isControlled, onOpenChange])\n\n  const closeDropdown = useCallback(() => {\n    setIsOpen(false, 'menu')\n    setFocusedIndex(-1)\n    document.getElementById(triggerId)?.focus()\n  }, [setIsOpen, triggerId])\n\n  const registerItem = useCallback((index: number, ref: HTMLElement | null, itemDisabled: boolean) => {\n    if (ref) {\n      itemRefs.current.set(index, { ref, disabled: itemDisabled })\n    } else {\n      itemRefs.current.delete(index)\n    }\n  }, [])\n\n  // Handle destroyOnHidden\n  useEffect(() => {\n    if (destroyOnHidden && !isOpen) {\n      const timeout = setTimeout(() => setShouldRender(false), 300)\n      return () => clearTimeout(timeout)\n    }\n  }, [isOpen, destroyOnHidden])\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false, 'trigger')\n        setFocusedIndex(-1)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setIsOpen])\n\n  // Hover handlers with delay\n  const handleMouseEnter = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true, 'trigger')\n    }, mouseEnterDelay * 1000)\n  }, [triggers, mouseEnterDelay, setIsOpen])\n\n  const handleMouseLeave = useCallback(() => {\n    if (!triggers.includes('hover')) return\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n    }\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false, 'trigger')\n      setFocusedIndex(-1)\n    }, mouseLeaveDelay * 1000)\n  }, [triggers, mouseLeaveDelay, setIsOpen])\n\n  // Context menu handler\n  const handleContextMenu = useCallback((event: React.MouseEvent) => {\n    if (!triggers.includes('contextMenu')) return\n    event.preventDefault()\n    setIsOpen(true, 'trigger')\n  }, [triggers, setIsOpen])\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  const positionClasses: Record<string, string> = {\n    top: dDropdownTop,\n    bottom: dDropdownBottom,\n    left: dDropdownLeft,\n    right: dDropdownRight,\n  }\n\n  const alignClasses: Record<string, string> = {\n    start: '',\n    center: dDropdownCenter,\n    end: dDropdownEnd,\n  }\n\n  const showArrow = typeof arrow === 'boolean' ? arrow : !!arrow\n\n  const dropdownClasses = [\n    dDropdown,\n    positionClasses[position],\n    alignClasses[align],\n    triggers.includes('hover') && dDropdownHover,\n    isOpen && dDropdownOpen,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Render items from data-driven prop\n  const renderItems = () => {\n    if (!items) return null\n    return items.map((item, index) => {\n      if ('type' in item && item.type === 'divider') {\n        return <DropdownDivider key={item.key || `divider-${index}`} />\n      }\n      const menuItem = item as DropdownMenuItem\n      if (menuItem.children && menuItem.children.length > 0) {\n        return (\n          <DropdownSubMenu\n            key={menuItem.key}\n            title={menuItem.label}\n            icon={menuItem.icon}\n            disabled={menuItem.disabled}\n          >\n            {menuItem.children.map((child) => (\n              <DropdownItem\n                key={child.key}\n                icon={child.icon}\n                disabled={child.disabled}\n                danger={child.danger}\n                onClick={child.onClick}\n              >\n                {child.label}\n              </DropdownItem>\n            ))}\n          </DropdownSubMenu>\n        )\n      }\n      return (\n        <DropdownItem\n          key={menuItem.key}\n          icon={menuItem.icon}\n          disabled={menuItem.disabled}\n          danger={menuItem.danger}\n          onClick={menuItem.onClick}\n        >\n          {menuItem.label}\n        </DropdownItem>\n      )\n    })\n  }\n\n  // Determine content - either compound children or items-generated menu\n  const menuContent = items ? (\n    (shouldRender || !destroyOnHidden) && (\n      <DropdownMenu>{renderItems()}</DropdownMenu>\n    )\n  ) : null\n\n  const content = items ? (\n    <>\n      {React.Children.toArray(children).find(\n        (child) => React.isValidElement(child) && child.type === DropdownTrigger\n      )}\n      {popupRender ? popupRender(menuContent) : menuContent}\n    </>\n  ) : (\n    children\n  )\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        position,\n        align,\n        menuId,\n        triggerId,\n        isOpen,\n        setIsOpen,\n        focusedIndex,\n        setFocusedIndex,\n        registerItem,\n        itemCount,\n        setItemCount,\n        disabled: effectiveDisabled,\n        arrow: showArrow,\n        closeDropdown,\n        getTestId,\n      }}\n    >\n      <div\n        ref={dropdownRef}\n        className={dropdownClasses}\n        data-state={isOpen ? 'open' : 'closed'}\n        data-testid={testId}\n        aria-disabled={effectiveDisabled || undefined}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        onContextMenu={handleContextMenu}\n        {...rest}\n      >\n        {content}\n      </div>\n    </DropdownContext.Provider>\n  )\n})\n\nfunction DropdownTrigger({ children, className = '' }: DropdownTriggerProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, setFocusedIndex, itemCount, disabled } = useDropdownContext()\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n      case 'ArrowDown':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(0)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setIsOpen(true)\n        setFocusedIndex(itemCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const handleClick = () => {\n    setIsOpen(!isOpen)\n    if (!isOpen) {\n      setFocusedIndex(0)\n    }\n  }\n\n  // Clone the child element to add event handlers and ARIA attributes\n  const child = React.Children.only(children) as React.ReactElement<\n    React.HTMLAttributes<HTMLElement> & {\n      onClick?: (e: React.MouseEvent) => void\n      onKeyDown?: (e: React.KeyboardEvent) => void\n      className?: string\n    }\n  >\n\n  const childProps = child.props\n\n  return React.cloneElement(child, {\n    id: triggerId,\n    tabIndex: disabled ? -1 : 0,\n    'aria-haspopup': 'menu' as const,\n    'aria-expanded': isOpen,\n    'aria-controls': menuId,\n    onClick: (e: React.MouseEvent) => {\n      handleClick()\n      childProps.onClick?.(e)\n    },\n    onKeyDown: (e: React.KeyboardEvent) => {\n      handleKeyDown(e)\n      childProps.onKeyDown?.(e)\n    },\n    className: `${childProps.className || ''} ${className}`.trim(),\n  })\n}\n\nfunction DropdownMenu({ children, className = '' }: DropdownMenuProps) {\n  const { menuId, triggerId, isOpen, setIsOpen, focusedIndex, setFocusedIndex, setItemCount, arrow, position, getTestId } = useDropdownContext()\n  const menuRef = useRef<HTMLUListElement>(null)\n\n  // Count children and set item count\n  const childArray = React.Children.toArray(children).filter(\n    (child) => React.isValidElement(child) && (child.type === DropdownItem)\n  )\n\n  useEffect(() => {\n    setItemCount(childArray.length)\n  }, [childArray.length, setItemCount])\n\n  // Focus management\n  useEffect(() => {\n    if (isOpen && focusedIndex >= 0 && menuRef.current) {\n      const items = menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n      const item = items[focusedIndex] as HTMLElement\n      item?.focus()\n    }\n  }, [isOpen, focusedIndex])\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    const enabledItems = childArray.filter(\n      (child) => React.isValidElement(child) && !(child.props as DropdownItemProps).disabled\n    )\n    const enabledCount = enabledItems.length\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex + 1) % enabledCount)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        setFocusedIndex((focusedIndex - 1 + enabledCount) % enabledCount)\n        break\n      case 'Home':\n        event.preventDefault()\n        setFocusedIndex(0)\n        break\n      case 'End':\n        event.preventDefault()\n        setFocusedIndex(enabledCount - 1)\n        break\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        // Return focus to trigger\n        document.getElementById(triggerId)?.focus()\n        break\n      case 'Tab':\n        setIsOpen(false)\n        setFocusedIndex(-1)\n        break\n    }\n  }\n\n  const menuClasses = [\n    dDropdownContent,\n    dMenu,\n    'bg-base-100',\n    'rounded-box',\n    'z-50',\n    'shadow',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Clone children to pass index and extract key\n  const childrenWithIndex = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childKey = child.key != null ? String(child.key) : undefined\n      if (child.type === DropdownItem) {\n        return React.cloneElement(child as React.ReactElement<any>, { _index: index, _key: childKey })\n      }\n      if (child.type === DropdownSubMenu) {\n        return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n      }\n    }\n    return child\n  })\n\n  // Arrow position classes based on menu position\n  const arrowPositionClasses: Record<string, string> = {\n    top: 'bottom-0 left-1/2 -translate-x-1/2 translate-y-full border-t-base-100 border-l-transparent border-r-transparent border-b-transparent',\n    bottom: 'top-0 left-1/2 -translate-x-1/2 -translate-y-full border-b-base-100 border-l-transparent border-r-transparent border-t-transparent',\n    left: 'right-0 top-1/2 -translate-y-1/2 translate-x-full border-l-base-100 border-t-transparent border-b-transparent border-r-transparent',\n    right: 'left-0 top-1/2 -translate-y-1/2 -translate-x-full border-r-base-100 border-t-transparent border-b-transparent border-l-transparent',\n  }\n\n  const arrowElement = arrow ? (\n    <span\n      className={`absolute w-0 h-0 border-8 border-solid ${arrowPositionClasses[position || 'bottom']}`}\n      aria-hidden=\"true\"\n    />\n  ) : null\n\n  return (\n    <ul\n      ref={menuRef}\n      id={menuId}\n      role=\"menu\"\n      aria-labelledby={triggerId}\n      tabIndex={-1}\n      className={`${menuClasses} ${arrow ? 'relative' : ''}`}\n      data-testid={getTestId('menu')}\n      onKeyDown={handleKeyDown}\n    >\n      {arrowElement}\n      {childrenWithIndex}\n    </ul>\n  )\n}\n\nfunction DropdownItem({\n  children,\n  icon,\n  label,\n  onClick,\n  active = false,\n  disabled = false,\n  danger = false,\n  className = '',\n  _key,\n}: DropdownItemProps) {\n  const { closeDropdown, getTestId } = useDropdownContext()\n  const itemClasses = [active && 'active', disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    if (!disabled) {\n      onClick?.()\n      closeDropdown()\n    }\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if ((event.key === 'Enter' || event.key === ' ') && !disabled) {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  const content = label || children\n\n  return (\n    <li className={itemClasses} role=\"none\" data-key={_key} data-testid={_key ? getTestId(`item-${_key}`) : undefined}>\n      <a\n        role=\"menuitem\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled || undefined}\n        className={danger ? 'text-error' : ''}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n        {content}\n      </a>\n    </li>\n  )\n}\n\nfunction DropdownSubMenu({\n  children,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n}: DropdownSubMenuProps) {\n  const [isSubOpen, setIsSubOpen] = useState(false)\n  const subMenuRef = useRef<HTMLLIElement>(null)\n  const summaryRef = useRef<HTMLElement>(null)\n  const subMenuListRef = useRef<HTMLUListElement>(null)\n  const subMenuId = useId()\n\n  const handleMouseEnter = () => {\n    if (!disabled) setIsSubOpen(true)\n  }\n\n  const handleMouseLeave = () => {\n    setIsSubOpen(false)\n  }\n\n  // Focus first item in submenu\n  const focusFirstItem = () => {\n    setTimeout(() => {\n      const firstItem = subMenuListRef.current?.querySelector('[role=\"menuitem\"]:not([aria-disabled=\"true\"])') as HTMLElement\n      firstItem?.focus()\n    }, 0)\n  }\n\n  // Keyboard handler for summary (submenu trigger)\n  const handleSummaryKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled) return\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(true)\n        focusFirstItem()\n        break\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        break\n    }\n  }\n\n  // Keyboard handler for submenu items\n  const handleSubMenuKeyDown = (event: React.KeyboardEvent) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n      case 'Escape':\n        event.preventDefault()\n        event.stopPropagation()\n        setIsSubOpen(false)\n        summaryRef.current?.focus()\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        event.stopPropagation()\n        const items = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (items) {\n          const currentIndex = Array.from(items).findIndex(item => item === document.activeElement)\n          const nextIndex = (currentIndex + 1) % items.length\n          ;(items[nextIndex] as HTMLElement)?.focus()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        event.stopPropagation()\n        const itemsUp = subMenuListRef.current?.querySelectorAll('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\n        if (itemsUp) {\n          const currentIndexUp = Array.from(itemsUp).findIndex(item => item === document.activeElement)\n          const prevIndex = (currentIndexUp - 1 + itemsUp.length) % itemsUp.length\n          ;(itemsUp[prevIndex] as HTMLElement)?.focus()\n        }\n        break\n    }\n  }\n\n  const itemClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  return (\n    <li\n      ref={subMenuRef}\n      className={itemClasses}\n      role=\"none\"\n      data-key={_key}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <details open={isSubOpen}>\n        <summary\n          ref={summaryRef}\n          role=\"menuitem\"\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          aria-haspopup=\"menu\"\n          aria-expanded={isSubOpen}\n          aria-controls={subMenuId}\n          onKeyDown={handleSummaryKeyDown}\n        >\n          {icon && <span className=\"mr-2 inline-flex items-center\">{icon}</span>}\n          {title}\n        </summary>\n        <ul\n          ref={subMenuListRef}\n          id={subMenuId}\n          className={`${dMenu} bg-base-100 rounded-box z-50 shadow`}\n          role=\"menu\"\n          aria-label={typeof title === 'string' ? title : undefined}\n          onKeyDown={handleSubMenuKeyDown}\n        >\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction DropdownDivider({ className = '' }: DropdownDividerProps) {\n  const classes = ['border-base-content/10', className].filter(Boolean).join(' ')\n  return (\n    <li role=\"separator\" className=\"my-1\">\n      <hr className={classes} />\n    </li>\n  )\n}\n\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  SubMenu: DropdownSubMenu,\n  Divider: DropdownDivider,\n})\n"],"names":["dDropdown","dDropdownTop","dDropdownBottom","dDropdownLeft","dDropdownRight","dDropdownCenter","dDropdownEnd","dDropdownHover","dDropdownOpen","dDropdownContent","dMenu","DropdownContext","createContext","useDropdownContext","context","useContext","DropdownRoot","forwardRef","children","items","trigger","position","align","controlledOpen","onOpenChange","disabled","arrow","mouseEnterDelay","mouseLeaveDelay","getPopupContainer","destroyOnHidden","popupRender","testId","className","rest","ref","componentDisabled","globalGetPopupContainer","useConfig","effectiveDisabled","menuId","useId","triggerId","internalOpen","setInternalOpen","useState","focusedIndex","setFocusedIndex","itemCount","setItemCount","shouldRender","setShouldRender","itemRefs","useRef","dropdownRef","hoverTimeoutRef","triggers","useImperativeHandle","getTestId","suffix","isControlled","isOpen","setIsOpen","useCallback","open","source","closeDropdown","registerItem","index","itemDisabled","useEffect","timeout","handleClickOutside","event","handleMouseEnter","handleMouseLeave","handleContextMenu","positionClasses","alignClasses","showArrow","dropdownClasses","menuContent","jsx","DropdownMenu","item","DropdownDivider","menuItem","DropdownSubMenu","child","DropdownItem","content","jsxs","Fragment","React","DropdownTrigger","handleKeyDown","handleClick","childProps","e","menuRef","childArray","enabledCount","menuClasses","childrenWithIndex","childKey","arrowElement","icon","label","onClick","active","danger","_key","itemClasses","title","isSubOpen","setIsSubOpen","subMenuRef","summaryRef","subMenuListRef","subMenuId","focusFirstItem","handleSummaryKeyDown","handleSubMenuKeyDown","nextIndex","itemsUp","prevIndex","classes","Dropdown"],"mappings":"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"}

package/dist/components/Mention.js

@@ -1,32 +1,33 @@
-import { jsx as a, jsxs as K } from "react/jsx-runtime";
-import { useState as f, useRef as P, useCallback as A, useEffect as C } from "react";
-import { createPortal as le } from "react-dom";
-const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe = "loading", me = "loading-spinner", he = "loading-sm", ge = "avatar", xe = ({
-  value: p,
-  defaultValue: q = "",
-  onChange: L,
-  onSelect: U,
-  onSearch: W,
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
+import { useState as f, useRef as H, useCallback as A, useEffect as C } from "react";
+import { createPortal as fe } from "react-dom";
+import { useConfig as me } from "../providers/ConfigProvider.js";
+const he = "textarea", ge = "textarea-bordered", be = "menu", pe = "menu-sm", ve = "loading", we = "loading-spinner", xe = "loading-sm", ye = "avatar", Ne = ({
+  value: v,
+  defaultValue: U = "",
+  onChange: E,
+  onSelect: W,
+  onSearch: X,
   options: $ = [],
-  loading: X = !1,
+  loading: Y = !1,
   prefix: R = "@",
-  split: v = " ",
-  placeholder: Y,
-  disabled: G = !1,
-  readOnly: J = !1,
-  rows: S = 3,
+  split: w = " ",
+  placeholder: G,
+  disabled: J,
+  readOnly: Q = !1,
+  rows: L = 3,
   autoSize: l = !1,
-  notFoundContent: Q = "No matches found",
+  notFoundContent: Z,
   filterOption: x = !0,
-  className: Z = "",
-  dropdownClassName: _ = "",
-  ...z
+  className: _ = "",
+  dropdownClassName: z = "",
+  ...ee
 }) => {
-  const [ee, T] = f(q), m = p !== void 0 ? p : ee, [d, h] = f(!1), [k, I] = f(null), [M, N] = f(""), [u, y] = f(0), [g, D] = f(null), [E, te] = f({ top: 0, left: 0 }), o = P(null), b = P(null), V = P(null), ne = Array.isArray(R) ? R : [R], c = A(() => {
+  const { componentDisabled: te, renderEmpty: ne, getPopupContainer: S } = me(), re = J ?? te ?? !1, se = Z ?? ne?.("Mention") ?? "No matches found", [ae, T] = f(U), m = v !== void 0 ? v : ae, [d, h] = f(!1), [k, M] = f(null), [N, D] = f(""), [u, y] = f(0), [g, I] = f(null), [V, oe] = f({ top: 0, left: 0 }), o = H(null), b = H(null), B = H(null), le = Array.isArray(R) ? R : [R], c = A(() => {
     if (!x) return $;
     const e = typeof x == "function" ? x : (t, n) => (n.label || n.value).toLowerCase().includes(t.toLowerCase());
-    return $.filter((t) => e(M, t));
-  }, [$, M, x])(), B = A(() => {
+    return $.filter((t) => e(N, t));
+  }, [$, N, x])(), j = A(() => {
     const e = o.current;
     if (!e || !l) return;
     e.style.height = "auto";
@@ -38,35 +39,35 @@ const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe
       e.style.height = `${t}px`;
   }, [l]);
   C(() => {
-    B();
-  }, [m, B]);
-  const j = A(() => {
-    const e = o.current, t = V.current;
+    j();
+  }, [m, j]);
+  const O = A(() => {
+    const e = o.current, t = B.current;
     if (!e || !t || g === null) return;
     const n = m.substring(0, g);
     t.textContent = n;
-    const r = e.getBoundingClientRect(), s = t.getBoundingClientRect(), w = parseInt(getComputedStyle(e).lineHeight) || 20;
-    te({
-      top: r.top + window.scrollY + w + 4,
+    const r = e.getBoundingClientRect(), s = t.getBoundingClientRect(), p = parseInt(getComputedStyle(e).lineHeight) || 20;
+    oe({
+      top: r.top + window.scrollY + p + 4,
       left: r.left + window.scrollX + Math.min(s.width % r.width, r.width - 200)
     });
   }, [m, g]);
   C(() => {
-    d && j();
-  }, [d, j, M]);
-  const re = (e) => {
+    d && O();
+  }, [d, O, N]);
+  const ce = (e) => {
     const t = e.target.value, n = e.target.selectionStart;
-    p === void 0 && T(t), L?.(t), se(t, n);
-  }, se = (e, t) => {
+    v === void 0 && T(t), E?.(t), ie(t, n);
+  }, ie = (e, t) => {
     let n = null, r = null;
-    for (const s of ne) {
+    for (const s of le) {
       const i = e.substring(0, t).lastIndexOf(s);
       if (i !== -1) {
-        const O = i > 0 ? e[i - 1] : v;
-        if (O === v || O === `
+        const F = i > 0 ? e[i - 1] : w;
+        if (F === w || F === `
 ` || i === 0) {
-          const F = e.substring(i + s.length, t);
-          if (!F.includes(v) && !F.includes(`
+          const K = e.substring(i + s.length, t);
+          if (!K.includes(w) && !K.includes(`
 `)) {
             n = s, r = i;
             break;
@@ -76,19 +77,19 @@ const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe
     }
     if (n !== null && r !== null) {
       const s = e.substring(r + n.length, t);
-      I(n), N(s), D(r), h(!0), y(0), W?.(s, n);
+      M(n), D(s), I(r), h(!0), y(0), X?.(s, n);
     } else
-      h(!1), I(null), N(""), D(null);
-  }, H = (e) => {
+      h(!1), M(null), D(""), I(null);
+  }, P = (e) => {
     if (e.disabled || g === null || k === null) return;
     const t = o.current;
     if (!t) return;
-    const n = m.substring(0, g), r = m.substring(t.selectionStart), s = `${k}${e.value}${v}`, w = n + s + r;
-    p === void 0 && T(w), L?.(w), U?.(e, k), h(!1), I(null), N(""), D(null), setTimeout(() => {
+    const n = m.substring(0, g), r = m.substring(t.selectionStart), s = `${k}${e.value}${w}`, p = n + s + r;
+    v === void 0 && T(p), E?.(p), W?.(e, k), h(!1), M(null), D(""), I(null), setTimeout(() => {
       const i = n.length + s.length;
       t.focus(), t.setSelectionRange(i, i);
     }, 0);
-  }, ae = (e) => {
+  }, de = (e) => {
     if (d)
       switch (e.key) {
         case "ArrowDown":
@@ -98,13 +99,13 @@ const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe
           e.preventDefault(), y((t) => (t - 1 + c.length) % Math.max(c.length, 1));
           break;
         case "Enter":
-          c[u] && (e.preventDefault(), H(c[u]));
+          c[u] && (e.preventDefault(), P(c[u]));
           break;
         case "Escape":
           e.preventDefault(), h(!1);
           break;
         case "Tab":
-          c[u] && (e.preventDefault(), H(c[u]));
+          c[u] && (e.preventDefault(), P(c[u]));
           break;
       }
   };
@@ -116,37 +117,37 @@ const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe
   }, []), C(() => {
     d && b.current && b.current.querySelector('[data-active="true"]')?.scrollIntoView({ block: "nearest" });
   }, [u, d]);
-  const oe = d && /* @__PURE__ */ a(
+  const ue = d && /* @__PURE__ */ a(
     "div",
     {
       ref: b,
       className: `fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg
-        min-w-48 max-h-60 overflow-auto ${_}`,
+        min-w-48 max-h-60 overflow-auto ${z}`,
       style: {
-        top: E.top,
-        left: E.left
+        top: V.top,
+        left: V.left
       },
-      children: X ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60", children: /* @__PURE__ */ a("span", { className: `${fe} ${me} ${he}` }) }) : c.length === 0 ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60 text-sm", children: Q }) : /* @__PURE__ */ a("ul", { className: `${de} ${ue} p-1`, children: c.map((e, t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ K(
+      children: Y ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60", children: /* @__PURE__ */ a("span", { className: `${ve} ${we} ${xe}` }) }) : c.length === 0 ? /* @__PURE__ */ a("div", { className: "p-3 text-center text-base-content/60 text-sm", children: se }) : /* @__PURE__ */ a("ul", { className: `${be} ${pe} p-1`, children: c.map((e, t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ q(
         "button",
         {
           type: "button",
           "data-active": t === u,
           className: `flex items-center gap-2 ${t === u ? "active" : ""} ${e.disabled ? "disabled opacity-50 cursor-not-allowed" : ""}`,
-          onClick: () => H(e),
+          onClick: () => P(e),
           onMouseEnter: () => y(t),
           children: [
-            e.avatar && /* @__PURE__ */ a("div", { className: ge, children: /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-full", children: /* @__PURE__ */ a("img", { src: e.avatar, alt: "" }) }) }),
+            e.avatar && /* @__PURE__ */ a("div", { className: ye, children: /* @__PURE__ */ a("div", { className: "w-6 h-6 rounded-full", children: /* @__PURE__ */ a("img", { src: e.avatar, alt: "" }) }) }),
             /* @__PURE__ */ a("span", { children: e.label || e.value })
           ]
         }
       ) }, e.value)) })
     }
   );
-  return /* @__PURE__ */ K("div", { className: `relative ${Z}`, "data-state": d ? "open" : "closed", ...z, children: [
+  return /* @__PURE__ */ q("div", { className: `relative ${_}`, "data-state": d ? "open" : "closed", ...ee, children: [
     /* @__PURE__ */ a(
       "div",
       {
-        ref: V,
+        ref: B,
         className: "invisible absolute whitespace-pre-wrap break-words",
         style: {
           font: o.current ? getComputedStyle(o.current).font : void 0,
@@ -161,19 +162,19 @@ const ce = "textarea", ie = "textarea-bordered", de = "menu", ue = "menu-sm", fe
       {
         ref: o,
         value: m,
-        onChange: re,
-        onKeyDown: ae,
-        placeholder: Y,
-        disabled: G,
-        readOnly: J,
-        rows: typeof l == "object" ? l.minRows || S : l ? 1 : S,
-        className: `${ce} ${ie} w-full resize-none`
+        onChange: ce,
+        onKeyDown: de,
+        placeholder: G,
+        disabled: re,
+        readOnly: Q,
+        rows: typeof l == "object" ? l.minRows || L : l ? 1 : L,
+        className: `${he} ${ge} w-full resize-none`
       }
     ),
-    le(oe, document.body)
+    fe(ue, S ? S(document.body) : document.body)
   ] });
 };
 export {
-  xe as Mention
+  Ne as Mention
 };
 //# sourceMappingURL=Mention.js.map

package/dist/components/Mention.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mention.js","sources":["../../src/components/Mention.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\n\n// DaisyUI classes\nconst dTextarea = 'textarea'\nconst dTextareaBordered = 'textarea-bordered'\nconst dMenu = 'menu'\nconst dMenuSm = 'menu-sm'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingSm = 'loading-sm'\nconst dAvatar = 'avatar'\n\nexport interface MentionOption {\n  value: string\n  label?: string\n  avatar?: string\n  disabled?: boolean\n}\n\nexport interface MentionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue' | 'prefix'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (option: MentionOption, prefix: string) => void\n  onSearch?: (text: string, prefix: string) => void\n  options?: MentionOption[]\n  loading?: boolean\n  prefix?: string | string[]\n  split?: string\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  rows?: number\n  autoSize?: boolean | { minRows?: number; maxRows?: number }\n  notFoundContent?: React.ReactNode\n  filterOption?: boolean | ((input: string, option: MentionOption) => boolean)\n  dropdownClassName?: string\n}\n\nexport const Mention: React.FC<MentionProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options = [],\n  loading = false,\n  prefix = '@',\n  split = ' ',\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  rows = 3,\n  autoSize = false,\n  notFoundContent = 'No matches found',\n  filterOption = true,\n  className = '',\n  dropdownClassName = '',\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [activePrefix, setActivePrefix] = useState<string | null>(null)\n  const [searchText, setSearchText] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const [mentionStart, setMentionStart] = useState<number | null>(null)\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const measureRef = useRef<HTMLDivElement>(null)\n\n  const prefixes = Array.isArray(prefix) ? prefix : [prefix]\n\n  // Filter options based on search text\n  const filteredOptions = useCallback(() => {\n    if (!filterOption) return options\n\n    const filterFn =\n      typeof filterOption === 'function'\n        ? filterOption\n        : (input: string, option: MentionOption) => {\n            const label = option.label || option.value\n            return label.toLowerCase().includes(input.toLowerCase())\n          }\n\n    return options.filter((opt) => filterFn(searchText, opt))\n  }, [options, searchText, filterOption])\n\n  const filtered = filteredOptions()\n\n  // Update textarea height for autoSize\n  const updateHeight = useCallback(() => {\n    const textarea = textareaRef.current\n    if (!textarea || !autoSize) return\n\n    textarea.style.height = 'auto'\n    const scrollHeight = textarea.scrollHeight\n\n    if (typeof autoSize === 'object') {\n      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n      const minHeight = autoSize.minRows ? autoSize.minRows * lineHeight : 0\n      const maxHeight = autoSize.maxRows ? autoSize.maxRows * lineHeight : Infinity\n\n      textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`\n    } else {\n      textarea.style.height = `${scrollHeight}px`\n    }\n  }, [autoSize])\n\n  useEffect(() => {\n    updateHeight()\n  }, [currentValue, updateHeight])\n\n  // Calculate dropdown position\n  const updateDropdownPosition = useCallback(() => {\n    const textarea = textareaRef.current\n    const measure = measureRef.current\n    if (!textarea || !measure || mentionStart === null) return\n\n    // Get text before cursor to measure position\n    const textBeforeCursor = currentValue.substring(0, mentionStart)\n\n    // Create a temporary element to measure text position\n    measure.textContent = textBeforeCursor\n\n    const textareaRect = textarea.getBoundingClientRect()\n    const measureRect = measure.getBoundingClientRect()\n\n    // Calculate position relative to viewport\n    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n\n    setDropdownPosition({\n      top: textareaRect.top + window.scrollY + lineHeight + 4,\n      left: textareaRect.left + window.scrollX + Math.min(measureRect.width % textareaRect.width, textareaRect.width - 200),\n    })\n  }, [currentValue, mentionStart])\n\n  useEffect(() => {\n    if (isOpen) {\n      updateDropdownPosition()\n    }\n  }, [isOpen, updateDropdownPosition, searchText])\n\n  // Handle text change\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value\n    const cursorPos = e.target.selectionStart\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n\n    // Check if we should open the mention dropdown\n    checkForMention(newValue, cursorPos)\n  }\n\n  const checkForMention = (text: string, cursorPos: number) => {\n    // Look backwards from cursor for a prefix\n    let foundPrefix: string | null = null\n    let foundStart: number | null = null\n\n    for (const p of prefixes) {\n      // Find the last occurrence of prefix before cursor\n      const beforeCursor = text.substring(0, cursorPos)\n      const lastPrefixIndex = beforeCursor.lastIndexOf(p)\n\n      if (lastPrefixIndex !== -1) {\n        // Check if prefix is at start or preceded by whitespace/split\n        const charBefore = lastPrefixIndex > 0 ? text[lastPrefixIndex - 1] : split\n        if (charBefore === split || charBefore === '\\n' || lastPrefixIndex === 0) {\n          // Check if there's no space between prefix and cursor\n          const textAfterPrefix = text.substring(lastPrefixIndex + p.length, cursorPos)\n          if (!textAfterPrefix.includes(split) && !textAfterPrefix.includes('\\n')) {\n            foundPrefix = p\n            foundStart = lastPrefixIndex\n            break\n          }\n        }\n      }\n    }\n\n    if (foundPrefix !== null && foundStart !== null) {\n      const search = text.substring(foundStart + foundPrefix.length, cursorPos)\n      setActivePrefix(foundPrefix)\n      setSearchText(search)\n      setMentionStart(foundStart)\n      setIsOpen(true)\n      setActiveIndex(0)\n      onSearch?.(search, foundPrefix)\n    } else {\n      setIsOpen(false)\n      setActivePrefix(null)\n      setSearchText('')\n      setMentionStart(null)\n    }\n  }\n\n  // Handle option selection\n  const selectOption = (option: MentionOption) => {\n    if (option.disabled || mentionStart === null || activePrefix === null) return\n\n    const textarea = textareaRef.current\n    if (!textarea) return\n\n    const beforeMention = currentValue.substring(0, mentionStart)\n    const afterCursor = currentValue.substring(textarea.selectionStart)\n\n    const mentionText = `${activePrefix}${option.value}${split}`\n    const newValue = beforeMention + mentionText + afterCursor\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n    onSelect?.(option, activePrefix)\n\n    setIsOpen(false)\n    setActivePrefix(null)\n    setSearchText('')\n    setMentionStart(null)\n\n    // Set cursor position after mention\n    setTimeout(() => {\n      const newCursorPos = beforeMention.length + mentionText.length\n      textarea.focus()\n      textarea.setSelectionRange(newCursorPos, newCursorPos)\n    }, 0)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isOpen) return\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev + 1) % Math.max(filtered.length, 1))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev - 1 + filtered.length) % Math.max(filtered.length, 1))\n        break\n      case 'Enter':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n      case 'Escape':\n        e.preventDefault()\n        setIsOpen(false)\n        break\n      case 'Tab':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n    }\n  }\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(e.target as Node) &&\n        textareaRef.current &&\n        !textareaRef.current.contains(e.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Scroll active item into view\n  useEffect(() => {\n    if (isOpen && dropdownRef.current) {\n      const activeItem = dropdownRef.current.querySelector('[data-active=\"true\"]')\n      activeItem?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, isOpen])\n\n  const dropdown = isOpen && (\n    <div\n      ref={dropdownRef}\n      className={`fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg\n        min-w-48 max-h-60 overflow-auto ${dropdownClassName}`}\n      style={{\n        top: dropdownPosition.top,\n        left: dropdownPosition.left,\n      }}\n    >\n      {loading ? (\n        <div className=\"p-3 text-center text-base-content/60\">\n          <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingSm}`}></span>\n        </div>\n      ) : filtered.length === 0 ? (\n        <div className=\"p-3 text-center text-base-content/60 text-sm\">\n          {notFoundContent}\n        </div>\n      ) : (\n        <ul className={`${dMenu} ${dMenuSm} p-1`}>\n          {filtered.map((option, index) => (\n            <li key={option.value}>\n              <button\n                type=\"button\"\n                data-active={index === activeIndex}\n                className={`flex items-center gap-2 ${\n                  index === activeIndex ? 'active' : ''\n                } ${option.disabled ? 'disabled opacity-50 cursor-not-allowed' : ''}`}\n                onClick={() => selectOption(option)}\n                onMouseEnter={() => setActiveIndex(index)}\n              >\n                {option.avatar && (\n                  <div className={dAvatar}>\n                    <div className=\"w-6 h-6 rounded-full\">\n                      <img src={option.avatar} alt=\"\" />\n                    </div>\n                  </div>\n                )}\n                <span>{option.label || option.value}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Hidden measure element for cursor position */}\n      <div\n        ref={measureRef}\n        className=\"invisible absolute whitespace-pre-wrap break-words\"\n        style={{\n          font: textareaRef.current ? getComputedStyle(textareaRef.current).font : undefined,\n          width: textareaRef.current?.clientWidth,\n          padding: textareaRef.current ? getComputedStyle(textareaRef.current).padding : undefined,\n        }}\n        aria-hidden=\"true\"\n      />\n\n      <textarea\n        ref={textareaRef}\n        value={currentValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        rows={typeof autoSize === 'object' ? autoSize.minRows || rows : autoSize ? 1 : rows}\n        className={`${dTextarea} ${dTextareaBordered} w-full resize-none`}\n      />\n\n      {createPortal(dropdown, document.body)}\n    </div>\n  )\n}\n"],"names":["dTextarea","dTextareaBordered","dMenu","dMenuSm","dLoading","dLoadingSpinner","dLoadingSm","dAvatar","Mention","value","defaultValue","onChange","onSelect","onSearch","options","loading","prefix","split","placeholder","disabled","readOnly","rows","autoSize","notFoundContent","filterOption","className","dropdownClassName","rest","internalValue","setInternalValue","useState","currentValue","isOpen","setIsOpen","activePrefix","setActivePrefix","searchText","setSearchText","activeIndex","setActiveIndex","mentionStart","setMentionStart","dropdownPosition","setDropdownPosition","textareaRef","useRef","dropdownRef","measureRef","prefixes","filtered","useCallback","filterFn","input","option","opt","updateHeight","textarea","scrollHeight","lineHeight","minHeight","maxHeight","useEffect","updateDropdownPosition","measure","textBeforeCursor","textareaRect","measureRect","handleChange","newValue","cursorPos","checkForMention","text","foundPrefix","foundStart","p","lastPrefixIndex","charBefore","textAfterPrefix","search","selectOption","beforeMention","afterCursor","mentionText","newCursorPos","handleKeyDown","prev","handleClickOutside","e","dropdown","jsx","index","jsxs","createPortal"],"mappings":"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"}
+{"version":3,"file":"Mention.js","sources":["../../src/components/Mention.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dTextarea = 'textarea'\nconst dTextareaBordered = 'textarea-bordered'\nconst dMenu = 'menu'\nconst dMenuSm = 'menu-sm'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingSm = 'loading-sm'\nconst dAvatar = 'avatar'\n\nexport interface MentionOption {\n  value: string\n  label?: string\n  avatar?: string\n  disabled?: boolean\n}\n\nexport interface MentionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'defaultValue' | 'prefix'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (option: MentionOption, prefix: string) => void\n  onSearch?: (text: string, prefix: string) => void\n  options?: MentionOption[]\n  loading?: boolean\n  prefix?: string | string[]\n  split?: string\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  rows?: number\n  autoSize?: boolean | { minRows?: number; maxRows?: number }\n  notFoundContent?: React.ReactNode\n  filterOption?: boolean | ((input: string, option: MentionOption) => boolean)\n  dropdownClassName?: string\n}\n\nexport const Mention: React.FC<MentionProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options = [],\n  loading = false,\n  prefix = '@',\n  split = ' ',\n  placeholder,\n  disabled,\n  readOnly = false,\n  rows = 3,\n  autoSize = false,\n  notFoundContent,\n  filterOption = true,\n  className = '',\n  dropdownClassName = '',\n  ...rest\n}) => {\n  const { componentDisabled, renderEmpty, getPopupContainer } = useConfig()\n  const effectiveDisabled = disabled ?? componentDisabled ?? false\n  const effectiveNotFoundContent = notFoundContent ?? renderEmpty?.('Mention') ?? 'No matches found'\n\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [activePrefix, setActivePrefix] = useState<string | null>(null)\n  const [searchText, setSearchText] = useState('')\n  const [activeIndex, setActiveIndex] = useState(0)\n  const [mentionStart, setMentionStart] = useState<number | null>(null)\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 })\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const measureRef = useRef<HTMLDivElement>(null)\n\n  const prefixes = Array.isArray(prefix) ? prefix : [prefix]\n\n  // Filter options based on search text\n  const filteredOptions = useCallback(() => {\n    if (!filterOption) return options\n\n    const filterFn =\n      typeof filterOption === 'function'\n        ? filterOption\n        : (input: string, option: MentionOption) => {\n            const label = option.label || option.value\n            return label.toLowerCase().includes(input.toLowerCase())\n          }\n\n    return options.filter((opt) => filterFn(searchText, opt))\n  }, [options, searchText, filterOption])\n\n  const filtered = filteredOptions()\n\n  // Update textarea height for autoSize\n  const updateHeight = useCallback(() => {\n    const textarea = textareaRef.current\n    if (!textarea || !autoSize) return\n\n    textarea.style.height = 'auto'\n    const scrollHeight = textarea.scrollHeight\n\n    if (typeof autoSize === 'object') {\n      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n      const minHeight = autoSize.minRows ? autoSize.minRows * lineHeight : 0\n      const maxHeight = autoSize.maxRows ? autoSize.maxRows * lineHeight : Infinity\n\n      textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`\n    } else {\n      textarea.style.height = `${scrollHeight}px`\n    }\n  }, [autoSize])\n\n  useEffect(() => {\n    updateHeight()\n  }, [currentValue, updateHeight])\n\n  // Calculate dropdown position\n  const updateDropdownPosition = useCallback(() => {\n    const textarea = textareaRef.current\n    const measure = measureRef.current\n    if (!textarea || !measure || mentionStart === null) return\n\n    // Get text before cursor to measure position\n    const textBeforeCursor = currentValue.substring(0, mentionStart)\n\n    // Create a temporary element to measure text position\n    measure.textContent = textBeforeCursor\n\n    const textareaRect = textarea.getBoundingClientRect()\n    const measureRect = measure.getBoundingClientRect()\n\n    // Calculate position relative to viewport\n    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20\n\n    setDropdownPosition({\n      top: textareaRect.top + window.scrollY + lineHeight + 4,\n      left: textareaRect.left + window.scrollX + Math.min(measureRect.width % textareaRect.width, textareaRect.width - 200),\n    })\n  }, [currentValue, mentionStart])\n\n  useEffect(() => {\n    if (isOpen) {\n      updateDropdownPosition()\n    }\n  }, [isOpen, updateDropdownPosition, searchText])\n\n  // Handle text change\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const newValue = e.target.value\n    const cursorPos = e.target.selectionStart\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n\n    // Check if we should open the mention dropdown\n    checkForMention(newValue, cursorPos)\n  }\n\n  const checkForMention = (text: string, cursorPos: number) => {\n    // Look backwards from cursor for a prefix\n    let foundPrefix: string | null = null\n    let foundStart: number | null = null\n\n    for (const p of prefixes) {\n      // Find the last occurrence of prefix before cursor\n      const beforeCursor = text.substring(0, cursorPos)\n      const lastPrefixIndex = beforeCursor.lastIndexOf(p)\n\n      if (lastPrefixIndex !== -1) {\n        // Check if prefix is at start or preceded by whitespace/split\n        const charBefore = lastPrefixIndex > 0 ? text[lastPrefixIndex - 1] : split\n        if (charBefore === split || charBefore === '\\n' || lastPrefixIndex === 0) {\n          // Check if there's no space between prefix and cursor\n          const textAfterPrefix = text.substring(lastPrefixIndex + p.length, cursorPos)\n          if (!textAfterPrefix.includes(split) && !textAfterPrefix.includes('\\n')) {\n            foundPrefix = p\n            foundStart = lastPrefixIndex\n            break\n          }\n        }\n      }\n    }\n\n    if (foundPrefix !== null && foundStart !== null) {\n      const search = text.substring(foundStart + foundPrefix.length, cursorPos)\n      setActivePrefix(foundPrefix)\n      setSearchText(search)\n      setMentionStart(foundStart)\n      setIsOpen(true)\n      setActiveIndex(0)\n      onSearch?.(search, foundPrefix)\n    } else {\n      setIsOpen(false)\n      setActivePrefix(null)\n      setSearchText('')\n      setMentionStart(null)\n    }\n  }\n\n  // Handle option selection\n  const selectOption = (option: MentionOption) => {\n    if (option.disabled || mentionStart === null || activePrefix === null) return\n\n    const textarea = textareaRef.current\n    if (!textarea) return\n\n    const beforeMention = currentValue.substring(0, mentionStart)\n    const afterCursor = currentValue.substring(textarea.selectionStart)\n\n    const mentionText = `${activePrefix}${option.value}${split}`\n    const newValue = beforeMention + mentionText + afterCursor\n\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n    onSelect?.(option, activePrefix)\n\n    setIsOpen(false)\n    setActivePrefix(null)\n    setSearchText('')\n    setMentionStart(null)\n\n    // Set cursor position after mention\n    setTimeout(() => {\n      const newCursorPos = beforeMention.length + mentionText.length\n      textarea.focus()\n      textarea.setSelectionRange(newCursorPos, newCursorPos)\n    }, 0)\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isOpen) return\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev + 1) % Math.max(filtered.length, 1))\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setActiveIndex((prev) => (prev - 1 + filtered.length) % Math.max(filtered.length, 1))\n        break\n      case 'Enter':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n      case 'Escape':\n        e.preventDefault()\n        setIsOpen(false)\n        break\n      case 'Tab':\n        if (filtered[activeIndex]) {\n          e.preventDefault()\n          selectOption(filtered[activeIndex])\n        }\n        break\n    }\n  }\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(e.target as Node) &&\n        textareaRef.current &&\n        !textareaRef.current.contains(e.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Scroll active item into view\n  useEffect(() => {\n    if (isOpen && dropdownRef.current) {\n      const activeItem = dropdownRef.current.querySelector('[data-active=\"true\"]')\n      activeItem?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [activeIndex, isOpen])\n\n  const dropdown = isOpen && (\n    <div\n      ref={dropdownRef}\n      className={`fixed z-50 bg-base-100 border border-base-300 rounded-lg shadow-lg\n        min-w-48 max-h-60 overflow-auto ${dropdownClassName}`}\n      style={{\n        top: dropdownPosition.top,\n        left: dropdownPosition.left,\n      }}\n    >\n      {loading ? (\n        <div className=\"p-3 text-center text-base-content/60\">\n          <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingSm}`}></span>\n        </div>\n      ) : filtered.length === 0 ? (\n        <div className=\"p-3 text-center text-base-content/60 text-sm\">\n          {effectiveNotFoundContent}\n        </div>\n      ) : (\n        <ul className={`${dMenu} ${dMenuSm} p-1`}>\n          {filtered.map((option, index) => (\n            <li key={option.value}>\n              <button\n                type=\"button\"\n                data-active={index === activeIndex}\n                className={`flex items-center gap-2 ${\n                  index === activeIndex ? 'active' : ''\n                } ${option.disabled ? 'disabled opacity-50 cursor-not-allowed' : ''}`}\n                onClick={() => selectOption(option)}\n                onMouseEnter={() => setActiveIndex(index)}\n              >\n                {option.avatar && (\n                  <div className={dAvatar}>\n                    <div className=\"w-6 h-6 rounded-full\">\n                      <img src={option.avatar} alt=\"\" />\n                    </div>\n                  </div>\n                )}\n                <span>{option.label || option.value}</span>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Hidden measure element for cursor position */}\n      <div\n        ref={measureRef}\n        className=\"invisible absolute whitespace-pre-wrap break-words\"\n        style={{\n          font: textareaRef.current ? getComputedStyle(textareaRef.current).font : undefined,\n          width: textareaRef.current?.clientWidth,\n          padding: textareaRef.current ? getComputedStyle(textareaRef.current).padding : undefined,\n        }}\n        aria-hidden=\"true\"\n      />\n\n      <textarea\n        ref={textareaRef}\n        value={currentValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={effectiveDisabled}\n        readOnly={readOnly}\n        rows={typeof autoSize === 'object' ? autoSize.minRows || rows : autoSize ? 1 : rows}\n        className={`${dTextarea} ${dTextareaBordered} w-full resize-none`}\n      />\n\n      {createPortal(dropdown, getPopupContainer ? getPopupContainer(document.body) : document.body)}\n    </div>\n  )\n}\n"],"names":["dTextarea","dTextareaBordered","dMenu","dMenuSm","dLoading","dLoadingSpinner","dLoadingSm","dAvatar","Mention","value","defaultValue","onChange","onSelect","onSearch","options","loading","prefix","split","placeholder","disabled","readOnly","rows","autoSize","notFoundContent","filterOption","className","dropdownClassName","rest","componentDisabled","renderEmpty","getPopupContainer","useConfig","effectiveDisabled","effectiveNotFoundContent","internalValue","setInternalValue","useState","currentValue","isOpen","setIsOpen","activePrefix","setActivePrefix","searchText","setSearchText","activeIndex","setActiveIndex","mentionStart","setMentionStart","dropdownPosition","setDropdownPosition","textareaRef","useRef","dropdownRef","measureRef","prefixes","filtered","useCallback","filterFn","input","option","opt","updateHeight","textarea","scrollHeight","lineHeight","minHeight","maxHeight","useEffect","updateDropdownPosition","measure","textBeforeCursor","textareaRect","measureRect","handleChange","newValue","cursorPos","checkForMention","text","foundPrefix","foundStart","p","lastPrefixIndex","charBefore","textAfterPrefix","search","selectOption","beforeMention","afterCursor","mentionText","newCursorPos","handleKeyDown","prev","handleClickOutside","e","dropdown","jsx","index","jsxs","createPortal"],"mappings":";;;;AAKA,MAAMA,KAAY,YACZC,KAAoB,qBACpBC,KAAQ,QACRC,KAAU,WACVC,KAAW,WACXC,KAAkB,mBAClBC,KAAa,cACbC,KAAU,UA6BHC,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,iBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,mBAAAC,IAAmB,aAAAC,IAAa,mBAAAC,EAAA,IAAsBC,GAAA,GACxDC,KAAoBb,KAAYS,MAAqB,IACrDK,KAA2BV,KAAmBM,KAAc,SAAS,KAAK,oBAE1E,CAACK,IAAeC,CAAgB,IAAIC,EAAS1B,CAAY,GACzD2B,IAAe5B,MAAU,SAAYA,IAAQyB,IAE7C,CAACI,GAAQC,CAAS,IAAIH,EAAS,EAAK,GACpC,CAACI,GAAcC,CAAe,IAAIL,EAAwB,IAAI,GAC9D,CAACM,GAAYC,CAAa,IAAIP,EAAS,EAAE,GACzC,CAACQ,GAAaC,CAAc,IAAIT,EAAS,CAAC,GAC1C,CAACU,GAAcC,CAAe,IAAIX,EAAwB,IAAI,GAC9D,CAACY,GAAkBC,EAAmB,IAAIb,EAAS,EAAE,KAAK,GAAG,MAAM,GAAG,GAEtEc,IAAcC,EAA4B,IAAI,GAC9CC,IAAcD,EAAuB,IAAI,GACzCE,IAAaF,EAAuB,IAAI,GAExCG,KAAW,MAAM,QAAQtC,CAAM,IAAIA,IAAS,CAACA,CAAM,GAiBnDuC,IAdkBC,EAAY,MAAM;AACxC,QAAI,CAAChC,EAAc,QAAOV;AAE1B,UAAM2C,IACJ,OAAOjC,KAAiB,aACpBA,IACA,CAACkC,GAAeC,OACAA,EAAO,SAASA,EAAO,OACxB,YAAA,EAAc,SAASD,EAAM,aAAa;AAG/D,WAAO5C,EAAQ,OAAO,CAAC8C,MAAQH,EAASf,GAAYkB,CAAG,CAAC;AAAA,EAC1D,GAAG,CAAC9C,GAAS4B,GAAYlB,CAAY,CAAC,EAErB,GAGXqC,IAAeL,EAAY,MAAM;AACrC,UAAMM,IAAWZ,EAAY;AAC7B,QAAI,CAACY,KAAY,CAACxC,EAAU;AAE5B,IAAAwC,EAAS,MAAM,SAAS;AACxB,UAAMC,IAAeD,EAAS;AAE9B,QAAI,OAAOxC,KAAa,UAAU;AAChC,YAAM0C,IAAa,SAAS,iBAAiBF,CAAQ,EAAE,UAAU,KAAK,IAChEG,IAAY3C,EAAS,UAAUA,EAAS,UAAU0C,IAAa,GAC/DE,IAAY5C,EAAS,UAAUA,EAAS,UAAU0C,IAAa;AAErE,MAAAF,EAAS,MAAM,SAAS,GAAG,KAAK,IAAI,KAAK,IAAIC,GAAcE,CAAS,GAAGC,CAAS,CAAC;AAAA,IACnF;AACE,MAAAJ,EAAS,MAAM,SAAS,GAAGC,CAAY;AAAA,EAE3C,GAAG,CAACzC,CAAQ,CAAC;AAEb,EAAA6C,EAAU,MAAM;AACd,IAAAN,EAAA;AAAA,EACF,GAAG,CAACxB,GAAcwB,CAAY,CAAC;AAG/B,QAAMO,IAAyBZ,EAAY,MAAM;AAC/C,UAAMM,IAAWZ,EAAY,SACvBmB,IAAUhB,EAAW;AAC3B,QAAI,CAACS,KAAY,CAACO,KAAWvB,MAAiB,KAAM;AAGpD,UAAMwB,IAAmBjC,EAAa,UAAU,GAAGS,CAAY;AAG/D,IAAAuB,EAAQ,cAAcC;AAEtB,UAAMC,IAAeT,EAAS,sBAAA,GACxBU,IAAcH,EAAQ,sBAAA,GAGtBL,IAAa,SAAS,iBAAiBF,CAAQ,EAAE,UAAU,KAAK;AAEtE,IAAAb,GAAoB;AAAA,MAClB,KAAKsB,EAAa,MAAM,OAAO,UAAUP,IAAa;AAAA,MACtD,MAAMO,EAAa,OAAO,OAAO,UAAU,KAAK,IAAIC,EAAY,QAAQD,EAAa,OAAOA,EAAa,QAAQ,GAAG;AAAA,IAAA,CACrH;AAAA,EACH,GAAG,CAAClC,GAAcS,CAAY,CAAC;AAE/B,EAAAqB,EAAU,MAAM;AACd,IAAI7B,KACF8B,EAAA;AAAA,EAEJ,GAAG,CAAC9B,GAAQ8B,GAAwB1B,CAAU,CAAC;AAG/C,QAAM+B,KAAe,CAAC,MAA8C;AAClE,UAAMC,IAAW,EAAE,OAAO,OACpBC,IAAY,EAAE,OAAO;AAE3B,IAAIlE,MAAU,UACZ0B,EAAiBuC,CAAQ,GAE3B/D,IAAW+D,CAAQ,GAGnBE,GAAgBF,GAAUC,CAAS;AAAA,EACrC,GAEMC,KAAkB,CAACC,GAAcF,MAAsB;AAE3D,QAAIG,IAA6B,MAC7BC,IAA4B;AAEhC,eAAWC,KAAK1B,IAAU;AAGxB,YAAM2B,IADeJ,EAAK,UAAU,GAAGF,CAAS,EACX,YAAYK,CAAC;AAElD,UAAIC,MAAoB,IAAI;AAE1B,cAAMC,IAAaD,IAAkB,IAAIJ,EAAKI,IAAkB,CAAC,IAAIhE;AACrE,YAAIiE,MAAejE,KAASiE,MAAe;AAAA,KAAQD,MAAoB,GAAG;AAExE,gBAAME,IAAkBN,EAAK,UAAUI,IAAkBD,EAAE,QAAQL,CAAS;AAC5E,cAAI,CAACQ,EAAgB,SAASlE,CAAK,KAAK,CAACkE,EAAgB,SAAS;AAAA,CAAI,GAAG;AACvE,YAAAL,IAAcE,GACdD,IAAaE;AACb;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,QAAIH,MAAgB,QAAQC,MAAe,MAAM;AAC/C,YAAMK,IAASP,EAAK,UAAUE,IAAaD,EAAY,QAAQH,CAAS;AACxE,MAAAlC,EAAgBqC,CAAW,GAC3BnC,EAAcyC,CAAM,GACpBrC,EAAgBgC,CAAU,GAC1BxC,EAAU,EAAI,GACdM,EAAe,CAAC,GAChBhC,IAAWuE,GAAQN,CAAW;AAAA,IAChC;AACE,MAAAvC,EAAU,EAAK,GACfE,EAAgB,IAAI,GACpBE,EAAc,EAAE,GAChBI,EAAgB,IAAI;AAAA,EAExB,GAGMsC,IAAe,CAAC1B,MAA0B;AAC9C,QAAIA,EAAO,YAAYb,MAAiB,QAAQN,MAAiB,KAAM;AAEvE,UAAMsB,IAAWZ,EAAY;AAC7B,QAAI,CAACY,EAAU;AAEf,UAAMwB,IAAgBjD,EAAa,UAAU,GAAGS,CAAY,GACtDyC,IAAclD,EAAa,UAAUyB,EAAS,cAAc,GAE5D0B,IAAc,GAAGhD,CAAY,GAAGmB,EAAO,KAAK,GAAG1C,CAAK,IACpDyD,IAAWY,IAAgBE,IAAcD;AAE/C,IAAI9E,MAAU,UACZ0B,EAAiBuC,CAAQ,GAE3B/D,IAAW+D,CAAQ,GACnB9D,IAAW+C,GAAQnB,CAAY,GAE/BD,EAAU,EAAK,GACfE,EAAgB,IAAI,GACpBE,EAAc,EAAE,GAChBI,EAAgB,IAAI,GAGpB,WAAW,MAAM;AACf,YAAM0C,IAAeH,EAAc,SAASE,EAAY;AACxD,MAAA1B,EAAS,MAAA,GACTA,EAAS,kBAAkB2B,GAAcA,CAAY;AAAA,IACvD,GAAG,CAAC;AAAA,EACN,GAGMC,KAAgB,CAAC,MAAgD;AACrE,QAAKpD;AAEL,cAAQ,EAAE,KAAA;AAAA,QACR,KAAK;AACH,YAAE,eAAA,GACFO,EAAe,CAAC8C,OAAUA,IAAO,KAAK,KAAK,IAAIpC,EAAS,QAAQ,CAAC,CAAC;AAClE;AAAA,QACF,KAAK;AACH,YAAE,eAAA,GACFV,EAAe,CAAC8C,OAAUA,IAAO,IAAIpC,EAAS,UAAU,KAAK,IAAIA,EAAS,QAAQ,CAAC,CAAC;AACpF;AAAA,QACF,KAAK;AACH,UAAIA,EAASX,CAAW,MACtB,EAAE,eAAA,GACFyC,EAAa9B,EAASX,CAAW,CAAC;AAEpC;AAAA,QACF,KAAK;AACH,YAAE,eAAA,GACFL,EAAU,EAAK;AACf;AAAA,QACF,KAAK;AACH,UAAIgB,EAASX,CAAW,MACtB,EAAE,eAAA,GACFyC,EAAa9B,EAASX,CAAW,CAAC;AAEpC;AAAA,MAAA;AAAA,EAEN;AAGA,EAAAuB,EAAU,MAAM;AACd,UAAMyB,IAAqB,CAACC,MAAkB;AAC5C,MACEzC,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASyC,EAAE,MAAc,KAC9C3C,EAAY,WACZ,CAACA,EAAY,QAAQ,SAAS2C,EAAE,MAAc,KAE9CtD,EAAU,EAAK;AAAA,IAEnB;AAEA,oBAAS,iBAAiB,aAAaqD,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC3E,GAAG,CAAA,CAAE,GAGLzB,EAAU,MAAM;AACd,IAAI7B,KAAUc,EAAY,WACLA,EAAY,QAAQ,cAAc,sBAAsB,GAC/D,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,EAEnD,GAAG,CAACR,GAAaN,CAAM,CAAC;AAExB,QAAMwD,KAAWxD,KACf,gBAAAyD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK3C;AAAA,MACL,WAAW;AAAA,0CACyB1B,CAAiB;AAAA,MACrD,OAAO;AAAA,QACL,KAAKsB,EAAiB;AAAA,QACtB,MAAMA,EAAiB;AAAA,MAAA;AAAA,MAGxB,cACC,gBAAA+C,EAAC,OAAA,EAAI,WAAU,wCACb,UAAA,gBAAAA,EAAC,UAAK,WAAW,GAAG3F,EAAQ,IAAIC,EAAe,IAAIC,EAAU,IAAI,EAAA,CACnE,IACEiD,EAAS,WAAW,IACtB,gBAAAwC,EAAC,OAAA,EAAI,WAAU,gDACZ,UAAA9D,GAAA,CACH,IAEA,gBAAA8D,EAAC,MAAA,EAAG,WAAW,GAAG7F,EAAK,IAAIC,EAAO,QAC/B,UAAAoD,EAAS,IAAI,CAACI,GAAQqC,wBACpB,MAAA,EACC,UAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAaD,MAAUpD;AAAA,UACvB,WAAW,2BACToD,MAAUpD,IAAc,WAAW,EACrC,IAAIe,EAAO,WAAW,2CAA2C,EAAE;AAAA,UACnE,SAAS,MAAM0B,EAAa1B,CAAM;AAAA,UAClC,cAAc,MAAMd,EAAemD,CAAK;AAAA,UAEvC,UAAA;AAAA,YAAArC,EAAO,UACN,gBAAAoC,EAAC,OAAA,EAAI,WAAWxF,IACd,4BAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAwF,EAAC,SAAI,KAAKpC,EAAO,QAAQ,KAAI,IAAG,GAClC,EAAA,CACF;AAAA,YAEF,gBAAAoC,EAAC,QAAA,EAAM,UAAApC,EAAO,SAASA,EAAO,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KAjB/BA,EAAO,KAmBhB,CACD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAKN,SACE,gBAAAsC,EAAC,OAAA,EAAI,WAAW,YAAYxE,CAAS,IAAI,cAAYa,IAAS,SAAS,UAAW,GAAGX,IAEnF,UAAA;AAAA,IAAA,gBAAAoE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK1C;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,MAAMH,EAAY,UAAU,iBAAiBA,EAAY,OAAO,EAAE,OAAO;AAAA,UACzE,OAAOA,EAAY,SAAS;AAAA,UAC5B,SAASA,EAAY,UAAU,iBAAiBA,EAAY,OAAO,EAAE,UAAU;AAAA,QAAA;AAAA,QAEjF,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAGd,gBAAA6C;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK7C;AAAA,QACL,OAAOb;AAAA,QACP,UAAUoC;AAAA,QACV,WAAWiB;AAAA,QACX,aAAAxE;AAAA,QACA,UAAUc;AAAA,QACV,UAAAZ;AAAA,QACA,MAAM,OAAOE,KAAa,WAAWA,EAAS,WAAWD,IAAOC,IAAW,IAAID;AAAA,QAC/E,WAAW,GAAGrB,EAAS,IAAIC,EAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7CiG,GAAaJ,IAAUhE,IAAoBA,EAAkB,SAAS,IAAI,IAAI,SAAS,IAAI;AAAA,EAAA,GAC9F;AAEJ;"}