se-design 1.0.3 → 1.0.8-5.dev.1

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useRef, ReactNode, useEffect, forwardRef, ForwardedRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\n\nexport interface PopoverHandle {\n  togglePopover: () => void;\n}\n\nexport interface PopoverProps {\n  className?: string;\n  automationId?: string;\n  popoverContentAutomationId?: string;\n  renderPopoverContents: (props: { closePopoverCb: () => void }) => ReactNode;\n  renderPopoverSrcElement: (props: { displayPopover: boolean; togglePopover: () => void }) => ReactNode;\n  position?: 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';\n  onPopoverToggle?: (displayPopover: boolean) => void;\n  contentWidth?: 'full' | 'max';\n  isPopoverOpen?: boolean;\n  disabled?: boolean;\n  isWithPortal?: boolean;\n  noBorder?: boolean;\n  ariaLabel?: string;\n  sourceRole?: 'button' | 'combobox';\n  popoverContentStyleProperty?: React.CSSProperties;\n  disableClickToggle?: boolean;\n}\n\nexport const Popover = forwardRef<PopoverHandle, PopoverProps>(\n  (\n    {\n      className = '',\n      automationId = '',\n      position = 'bottom-center',\n      popoverContentAutomationId = '',\n      contentWidth = 'max',\n      renderPopoverContents,\n      renderPopoverSrcElement,\n      onPopoverToggle,\n      isPopoverOpen,\n      disabled = false,\n      isWithPortal = false,\n      ariaLabel,\n      sourceRole = 'button',\n      popoverContentStyleProperty = {\n        zIndex: 1000,\n        borderColor: 'var(--color-gray-200)',\n        color: 'var(--color-gray-900)',\n        backgroundColor: 'var(--color-white)'\n      },\n      disableClickToggle = false,\n      ...props\n    },\n    ref: ForwardedRef<PopoverHandle>\n  ) => {\n    const [displayPopover, setDisplayPopover] = useState(false);\n    const [popoverPosition, setPopoverPosition] = useState(position);\n    const [isSrcElementVisible, setIsSrcElementVisible] = useState(false);\n    const srcElementRef = useRef<HTMLDivElement>(null);\n    const popoverContentRef = useRef<HTMLDivElement>(null);\n\n    const [portalPosition, setPortalPosition] = useState({ top: 0, left: 0 });\n\n    const calculatePositionOfPopover = (position: string = 'bottom-center') => {\n      if (!srcElementRef.current) return { top: 0, left: 0 };\n\n      let localPosition = position;\n\n      const srcRect = srcElementRef.current.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n\n      // Calculate position for portal\n      let top = 0;\n      let left = 0;\n\n      switch (localPosition) {\n        case 'bottom-left':\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n        case 'bottom-right':\n          top = srcRect.bottom;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'bottom-center':\n          top = srcRect.bottom;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        case 'top-left':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.left;\n          break;\n        case 'top-right':\n          top = srcRect.top - srcRect.height * 1.9;\n          left = srcRect.right - srcRect.width * 0.5;\n          break;\n        case 'top-center':\n          top = srcRect.top - srcRect.height * 1.9;\n          // Center the popover relative to the source element\n          left = srcRect.left + srcRect.width / 2;\n          break;\n        default:\n          top = srcRect.bottom;\n          left = srcRect.left;\n          break;\n      }\n\n      // Get popover dimensions if available\n      const popoverRect = popoverContentRef.current?.getBoundingClientRect();\n      const popoverWidth = popoverRect?.width || 0;\n      const popoverHeight = popoverRect?.height || 0;\n\n      // Adjust center positions to account for popover width\n      if (localPosition === 'bottom-center' || localPosition === 'top-center') {\n        // Center the popover by subtracting half its width from the source center\n        left = left - popoverWidth / 2;\n      }\n\n      // Adjust position to keep popover within viewport bounds\n      // Horizontal adjustments\n      if (left + popoverWidth > viewportWidth) {\n        // Popover extends beyond right edge, shift it left\n        left = Math.max(0, viewportWidth - popoverWidth);\n      }\n      if (left < 0) {\n        // Popover extends beyond left edge, shift it right\n        left = 0;\n      }\n\n      // Vertical adjustments\n      if (top + popoverHeight > viewportHeight) {\n        // Popover extends beyond bottom edge\n        // Try to position it above the source element\n        const spaceAbove = srcRect.top;\n        const spaceBelow = viewportHeight - srcRect.bottom;\n\n        if (spaceAbove >= popoverHeight || spaceAbove > spaceBelow) {\n          // Position above if there's enough space or more space above\n          top = srcRect.top - popoverHeight;\n          // Ensure it doesn't go above viewport\n          if (top < 0) {\n            top = 0;\n          }\n        } else {\n          // Keep at bottom but adjust to fit within viewport\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n      if (top < 0) {\n        // Popover extends beyond top edge, position it below the source element\n        top = srcRect.bottom;\n        // Ensure it doesn't go below viewport\n        if (top + popoverHeight > viewportHeight) {\n          top = Math.max(0, viewportHeight - popoverHeight);\n        }\n      }\n\n      return { top, left };\n    };\n\n    useEffect(() => {\n      if (onPopoverToggle) {\n        onPopoverToggle(displayPopover);\n      }\n\n      if (displayPopover && !isWithPortal) {\n        document.body.addEventListener('click', clickListener, true);\n        checkPopoverPosition();\n        return () => document.body.removeEventListener('click', clickListener, true);\n      } else if (displayPopover && isWithPortal) {\n        document.body.addEventListener('click', clickAndScrollListenerWithPortal, true);\n        window.addEventListener('scroll', clickAndScrollListenerWithPortal);\n        window.addEventListener('resize', resizeListenerWithPortal);\n\n        // Initial position calculation\n        const timeout1 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          checkSourceVisibility();\n\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 0);\n\n        // Recalculate after popover is rendered to get accurate dimensions\n        const timeout2 = setTimeout(() => {\n          const position = calculatePositionOfPopover(popoverPosition);\n          if (position) {\n            setPortalPosition(position);\n          }\n        }, 10);\n\n        return () => {\n          document.body.removeEventListener('click', clickAndScrollListenerWithPortal, true);\n          window.removeEventListener('scroll', clickAndScrollListenerWithPortal);\n          window.removeEventListener('resize', resizeListenerWithPortal);\n          clearTimeout(timeout1);\n          clearTimeout(timeout2);\n        };\n      }\n    }, [displayPopover, isWithPortal]);\n\n    const checkSourceVisibility = () => {\n      if (!srcElementRef.current) {\n        setIsSrcElementVisible(false);\n        return;\n      }\n\n      const rec = srcElementRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n\n      const isVisible = rec.top < viewportHeight && rec.bottom > 0 && rec.left < viewportWidth && rec.right > 0;\n\n      setIsSrcElementVisible(isVisible);\n    };\n\n    useEffect(() => {\n      setDisplayPopover(isPopoverOpen ?? false);\n    }, [isPopoverOpen]);\n\n    useEffect(() => {\n      // Focus first focusable element when popover opens\n      if (displayPopover && popoverContentRef.current) {\n        setTimeout(() => {\n          const focusableSelectors = [\n            '[role=\"menuitem\"]',\n            '[role=\"option\"]',\n            '[role=\"menuitemcheckbox\"]',\n            '[role=\"menuitemradio\"]',\n            'button:not([disabled])',\n            'a[href]',\n            '[tabindex]:not([tabindex=\"-1\"])'\n          ].join(', ');\n          const firstFocusable = popoverContentRef.current?.querySelector<HTMLElement>(focusableSelectors);\n          if (firstFocusable && document.activeElement === srcElementRef.current) {\n            firstFocusable.focus();\n          }\n        }, 0);\n      }\n    }, [displayPopover]);\n\n    //Function to check popover position\n    const checkPopoverPosition = () => {\n      if (!popoverContentRef.current) return;\n\n      const popoverRect = popoverContentRef.current.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n\n      if (popoverRect?.bottom > viewportHeight) {\n        setPopoverPosition(\n          position.includes('left') ? 'top-left' : position.includes('right') ? 'top-right' : 'top-center'\n        );\n      } else if (popoverRect?.top < 0) {\n        // If popover extends beyond top of viewport, switch to bottom position\n        setPopoverPosition(\n          position.includes('left') ? 'bottom-left' : position.includes('right') ? 'bottom-right' : 'bottom-center'\n        );\n      }\n    };\n\n    const clickListener = (event: MouseEvent) => {\n      const currentDropRef = srcElementRef.current;\n      if (!currentDropRef) return;\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = popoverContentRef.current?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || isAnotherPopoverSource) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const clickAndScrollListenerWithPortal = (event: Event) => {\n      const currentDropRef = srcElementRef.current;\n      const currentPopoverRef = popoverContentRef.current;\n      if (!currentDropRef) return;\n      checkSourceVisibility();\n\n      // Recalculate position on scroll\n      if (event.type === 'scroll' && displayPopover) {\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n\n      const target = event.target as Node;\n      const isSourcePopover = currentDropRef.contains(target);\n      const isPopoverContent = currentPopoverRef?.contains(target);\n\n      // Check if click is on another popover's source element\n      const clickedElement = target as HTMLElement;\n      const closestPopoverWrapper = clickedElement.closest?.('.se-design-popover-wrapper');\n      const isAnotherPopoverSource = closestPopoverWrapper && closestPopoverWrapper !== currentDropRef;\n\n      // if clicked source is parent or the popover-content, do not toggle dropdown.\n      // Also close if clicking on another popover's source element\n      if ((!isSourcePopover && !isPopoverContent) || isAnotherPopoverSource) {\n        setDisplayPopover(false);\n      }\n    };\n\n    const resizeListenerWithPortal = () => {\n      if (displayPopover && isWithPortal && srcElementRef.current) {\n        checkSourceVisibility();\n        const position = calculatePositionOfPopover(popoverPosition);\n        if (position) {\n          setPortalPosition(position);\n        }\n      }\n    };\n\n    const togglePopover = () => {\n      setDisplayPopover((displayPopover) => !displayPopover);\n    };\n\n    const handleArrowKeyNavigation = (e: React.KeyboardEvent, container: HTMLDivElement | null) => {\n      if (!container) return;\n\n      // Find all focusable elements within the popover content\n      // This includes elements with role=\"menuitem\", role=\"option\", tabIndex >= 0, etc.\n      const focusableSelectors = [\n        '[role=\"menuitem\"]',\n        '[role=\"option\"]',\n        '[role=\"menuitemcheckbox\"]',\n        '[role=\"menuitemradio\"]',\n        'button:not([disabled])',\n        'a[href]',\n        'input:not([disabled])',\n        'select:not([disabled])',\n        'textarea:not([disabled])',\n        '[tabindex]:not([tabindex=\"-1\"])'\n      ].join(', ');\n\n      const focusableElements = Array.from(container.querySelectorAll<HTMLElement>(focusableSelectors)).filter((el) => {\n        // Filter out disabled and hidden elements\n        const style = window.getComputedStyle(el);\n        return (\n          !el.hasAttribute('disabled') &&\n          !el.hasAttribute('aria-disabled') &&\n          style.display !== 'none' &&\n          style.visibility !== 'hidden' &&\n          (el.tabIndex >= 0 || el.hasAttribute('role'))\n        );\n      });\n\n      if (focusableElements.length === 0) return;\n\n      const currentIndex = focusableElements.findIndex((el) => el === document.activeElement);\n      let nextIndex = -1;\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex < focusableElements.length - 1 ? currentIndex + 1 : 0;\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : focusableElements.length - 1;\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = 0;\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        nextIndex = focusableElements.length - 1;\n      }\n\n      if (nextIndex >= 0 && focusableElements[nextIndex]) {\n        focusableElements[nextIndex].focus();\n      } else if (currentIndex === -1 && focusableElements.length > 0) {\n        // If no element is currently focused, focus the first one\n        focusableElements[0].focus();\n      }\n    };\n\n    useImperativeHandle(ref, () => ({ togglePopover }), []);\n\n    const popoverContentStyle = {\n      'bottom-left': { left: '0', top: '100%' },\n      'bottom-right': { right: '0', top: '100%' },\n      'bottom-center': { left: '50%', transform: 'translateX(-50%)', top: '100%' },\n      'top-left': { left: '0', bottom: '100%' },\n      'top-right': { right: '0', bottom: '100%' },\n      'top-center': { left: '50%', transform: 'translateX(-50%)', bottom: '100%' }\n    };\n    const popoverContentClasses = props?.noBorder ? '' : 'shadow-md border rounded-md';\n\n    return (\n      <div\n        className={\n          'se-design-popover-wrapper cursor-pointer relative' +\n          (className.length > 0 ? ` ${className}` : '') +\n          (displayPopover ? ' open' : '') +\n          (disabled ? ' opacity-50 cursor-not-allowed pointer-events-none' : '')\n        }\n        ref={srcElementRef}\n        onClick={(e) => {\n          if (disabled || disableClickToggle) return;\n          e.stopPropagation();\n          togglePopover();\n        }}\n        onKeyDown={(e) => {\n          if (disabled) return;\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            e.stopPropagation();\n            const wasOpen = displayPopover;\n            togglePopover();\n            // Focus first focusable element when opening\n            if (!wasOpen) {\n              setTimeout(() => {\n                const currentRef = popoverContentRef.current;\n                if (currentRef) {\n                  const focusableSelectors = [\n                    '[role=\"menuitem\"]',\n                    '[role=\"option\"]',\n                    '[role=\"menuitemcheckbox\"]',\n                    '[role=\"menuitemradio\"]',\n                    'button:not([disabled])',\n                    'a[href]',\n                    '[tabindex]:not([tabindex=\"-1\"])'\n                  ].join(', ');\n                  const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                  if (firstFocusable) {\n                    firstFocusable.focus();\n                  }\n                }\n              }, 0);\n            }\n          } else if (e.key === 'Escape' && displayPopover) {\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(false);\n          } else if ((e.key === 'ArrowDown' || e.key === 'ArrowUp') && displayPopover) {\n            // Handle arrow keys when popover is open\n            const currentRef = popoverContentRef.current;\n            if (currentRef) {\n              handleArrowKeyNavigation(e, currentRef);\n            }\n          } else if (e.key === 'ArrowDown' && !displayPopover) {\n            // Open popover and focus first item when ArrowDown is pressed\n            e.preventDefault();\n            e.stopPropagation();\n            setDisplayPopover(true);\n            setTimeout(() => {\n              const currentRef = popoverContentRef.current;\n              if (currentRef) {\n                const focusableSelectors = [\n                  '[role=\"menuitem\"]',\n                  '[role=\"option\"]',\n                  '[role=\"menuitemcheckbox\"]',\n                  '[role=\"menuitemradio\"]',\n                  'button:not([disabled])',\n                  'a[href]',\n                  '[tabindex]:not([tabindex=\"-1\"])'\n                ].join(', ');\n                const firstFocusable = currentRef.querySelector<HTMLElement>(focusableSelectors);\n                if (firstFocusable) {\n                  firstFocusable.focus();\n                }\n              }\n            }, 0);\n          }\n        }}\n        role={sourceRole}\n        aria-expanded={displayPopover ? 'true' : 'false'}\n        aria-haspopup=\"true\"\n        tabIndex={0}\n        aria-disabled={disabled ? 'true' : 'false'}\n        aria-label={ariaLabel}\n        data-automation-id={automationId}\n        {...props}\n      >\n        {renderPopoverSrcElement({ displayPopover, togglePopover })}\n\n        {displayPopover && !isWithPortal && (\n          <div\n            className={`popover-content absolute ${popoverContentClasses} z-[1000] ${\n              contentWidth == 'full' ? 'w-full' : 'w-max'\n            }`}\n            style={{\n              ...popoverContentStyleProperty,\n              ...popoverContentStyle[popoverPosition]\n            }}\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => {\n              // Allow Escape key to close popover when focus is on content\n              if (e.key === 'Escape') {\n                e.preventDefault();\n                e.stopPropagation();\n                setDisplayPopover(false);\n                srcElementRef.current?.focus();\n              } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                // Handle arrow key navigation for focusable elements inside popover\n                handleArrowKeyNavigation(e, popoverContentRef.current);\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            ref={popoverContentRef}\n            data-automation-id={popoverContentAutomationId}\n          >\n            {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n          </div>\n        )}\n        {isWithPortal &&\n          displayPopover &&\n          isSrcElementVisible &&\n          ReactDOM.createPortal(\n            <div\n              className={`popover-content-with-portal ${popoverContentClasses} ${\n                contentWidth == 'full' ? 'w-full' : 'w-max'\n              }`}\n              style={{\n                position: 'fixed',\n                top: portalPosition.top,\n                left: portalPosition.left,\n                ...popoverContentStyleProperty\n              }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => {\n                // Allow Escape key to close popover when focus is on content\n                if (e.key === 'Escape') {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  setDisplayPopover(false);\n                  srcElementRef.current?.focus();\n                } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n                  // Handle arrow key navigation for focusable elements inside popover\n                  handleArrowKeyNavigation(e, popoverContentRef.current);\n                }\n              }}\n              role=\"dialog\"\n              aria-modal=\"false\"\n              ref={popoverContentRef}\n              data-automation-id={popoverContentAutomationId}\n            >\n              {renderPopoverContents({ closePopoverCb: () => setDisplayPopover(false) })}\n            </div>,\n            document.body\n          )}\n      </div>\n    );\n  }\n);\n"],"names":["Popover","className","automationId","position","popoverContentAutomationId","contentWidth","renderPopoverContents","renderPopoverSrcElement","onPopoverToggle","isPopoverOpen","disabled","isWithPortal","ariaLabel","sourceRole","popoverContentStyleProperty","zIndex","borderColor","color","backgroundColor","disableClickToggle","props","ref","displayPopover","setDisplayPopover","useState","popoverPosition","setPopoverPosition","isSrcElementVisible","setIsSrcElementVisible","srcElementRef","useRef","popoverContentRef","portalPosition","setPortalPosition","top","left","calculatePositionOfPopover","current","localPosition","srcRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","bottom","right","width","height","popoverRect","popoverWidth","popoverHeight","Math","max","spaceAbove","spaceBelow","useEffect","document","body","addEventListener","clickListener","checkPopoverPosition","removeEventListener","clickAndScrollListenerWithPortal","resizeListenerWithPortal","timeout1","setTimeout","checkSourceVisibility","timeout2","clearTimeout","rec","isVisible","focusableSelectors","join","firstFocusable","querySelector","activeElement","focus","includes","event","currentDropRef","target","isSourcePopover","contains","isPopoverContent","closestPopoverWrapper","closest","currentPopoverRef","type","togglePopover","handleArrowKeyNavigation","e","container","focusableElements","Array","from","querySelectorAll","filter","el","style","getComputedStyle","hasAttribute","display","visibility","tabIndex","length","currentIndex","findIndex","nextIndex","key","preventDefault","stopPropagation","useImperativeHandle","popoverContentStyle","transform","popoverContentClasses","noBorder","React","createElement","_extends","onClick","onKeyDown","wasOpen","currentRef","role","closePopoverCb","createPortal"],"mappings":"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"}
+{"version":3,"file":"index17.js","sources":["../src/components/MenuItem/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'components/Icon';\n\nexport type MenuItemProps = {\n  /**\n   * Stable unique identifier for the menu item.\n   * Recommended for roving focus + React keys, especially when the list can be filtered/reordered.\n   */\n  id?: string;\n  type?: 'item' | 'header' | 'separator';\n  label?: string;\n  tag?: string;\n  isDisabled?: boolean;\n  isActive?: boolean;\n  icon?: string;\n  iconPosition?: 'left' | 'right';\n  onClick?: (item: MenuItemProps) => void;\n  showCheckMarkForSelected?: boolean;\n  automationId?: string;\n  renderJSX?: (item: MenuItemProps) => React.ReactNode;\n  tabIndex?: number;\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  onFocus?: () => void;\n  ariaLabel?: string;\n};\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>((props, ref) => {\n  const {\n    label = '',\n    icon,\n    tag = '',\n    iconPosition = 'right',\n    onClick,\n    isActive = false,\n    showCheckMarkForSelected = false,\n    isDisabled = false,\n    automationId = '',\n    renderJSX = null,\n    tabIndex,\n    onKeyDown: onKeyDownProp,\n    onFocus: onFocusProp,\n    ariaLabel\n  } = props;\n\n  const getIconJsx = (icon: string) => {\n    return <Icon name={icon} />;\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={`se-design-menu-item flex items-center justify-between p-2 mx-1 text-[var(--color-gray-900)] hover:bg-[var(--color-gray-100)] focus-visible:bg-[var(--color-gray-100)] focus-outline rounded-[6px] gap-2\n        ${isActive && !showCheckMarkForSelected ? 'bg-[var(--color-blue-100)]' : ''}\n        ${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}\n      `}\n      onClick={isDisabled ? undefined : () => onClick?.({ label, tag, icon, iconPosition })}\n      onKeyDown={(e) => {\n        // Call parent's keyboard handler first (for roving focus navigation)\n        onKeyDownProp?.(e);\n        \n        // Then handle activation (Enter/Space)\n        if (!isDisabled && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick?.({ label, tag, icon, iconPosition });\n        }\n      }}\n      role={showCheckMarkForSelected ? 'menuitemradio' : 'menuitem'}\n      aria-checked={showCheckMarkForSelected ? isActive : undefined}\n      aria-disabled={isDisabled}\n      aria-label={ariaLabel || label}\n      tabIndex={isDisabled ? -1 : (tabIndex ?? 0)}\n      data-automation-id={automationId}\n      onFocus={onFocusProp}\n    >\n      {renderJSX ? (\n        renderJSX(props)\n      ) : (\n        <>\n          <div className=\"flex items-center gap-1\">\n            {iconPosition === 'left' && icon && getIconJsx(icon)}\n            <span className=\"text-[var(--color-gray-900)]\">{label}</span>\n            {iconPosition === 'right' && icon && getIconJsx(icon)}\n          </div>\n          {tag && <Badge label={tag} />}\n          {showCheckMarkForSelected && isActive && <Icon name=\"checkmark\" stroke=\"var(--color-blue-500)\" />}\n        </>\n      )}\n    </div>\n  );\n});\n\nMenuItem.displayName = 'MenuItem';\n"],"names":["MenuItem","forwardRef","props","ref","label","icon","tag","iconPosition","onClick","isActive","showCheckMarkForSelected","isDisabled","automationId","renderJSX","tabIndex","onKeyDown","onKeyDownProp","onFocus","onFocusProp","ariaLabel","getIconJsx","React","createElement","Icon","name","className","undefined","e","key","preventDefault","role","Fragment","Badge","stroke","displayName"],"mappings":";;;AA2BO,MAAMA,IAAWC,gBAAAA,EAA0C,CAACC,GAAOC,MAAQ;AAChF,QAAM;AAAA,IACJC,OAAAA,IAAQ;AAAA,IACRC,MAAAA;AAAAA,IACAC,KAAAA,IAAM;AAAA,IACNC,cAAAA,IAAe;AAAA,IACfC,SAAAA;AAAAA,IACAC,UAAAA,IAAW;AAAA,IACXC,0BAAAA,IAA2B;AAAA,IAC3BC,YAAAA,IAAa;AAAA,IACbC,cAAAA,IAAe;AAAA,IACfC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,WAAAA;AAAAA,EAAAA,IACEjB,GAEEkB,IAAaA,CAACf,MACXgB,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAMnB;AAAAA,EAAAA,CAAO;AAG5B,SACEgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEnB,KAAAA;AAAAA,IACAsB,WAAW;AAAA,UACPhB,KAAY,CAACC,IAA2B,+BAA+B,EAAE;AAAA,UACzEC,IAAa,kCAAkC,gBAAgB;AAAA;AAAA,IAEnEH,SAASG,IAAae,SAAY,MAAMlB,IAAU;AAAA,MAAEJ,OAAAA;AAAAA,MAAOE,KAAAA;AAAAA,MAAKD,MAAAA;AAAAA,MAAME,cAAAA;AAAAA,IAAAA,CAAc;AAAA,IACpFQ,WAAYY,CAAAA,MAAM;AAEhBX,MAAAA,IAAgBW,CAAC,GAGb,CAAChB,MAAegB,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,SACjDD,EAAEE,eAAAA,GACFrB,IAAU;AAAA,QAAEJ,OAAAA;AAAAA,QAAOE,KAAAA;AAAAA,QAAKD,MAAAA;AAAAA,QAAME,cAAAA;AAAAA,MAAAA,CAAc;AAAA,IAEhD;AAAA,IACAuB,MAAMpB,IAA2B,kBAAkB;AAAA,IACnD,gBAAcA,IAA2BD,IAAWiB;AAAAA,IACpD,iBAAef;AAAAA,IACf,cAAYQ,KAAaf;AAAAA,IACzBU,UAAUH,IAAa,KAAMG,KAAY;AAAA,IACzC,sBAAoBF;AAAAA,IACpBK,SAASC;AAAAA,EAAAA,GAERL,IACCA,EAAUX,CAAK,IAEfmB,gBAAAA,EAAAC,cAAAD,EAAAU,UAAA,MACEV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZlB,MAAiB,UAAUF,KAAQe,EAAWf,CAAI,GACnDgB,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMG,WAAU;AAAA,EAAA,GAAgCrB,CAAY,GAC3DG,MAAiB,WAAWF,KAAQe,EAAWf,CAAI,CACjD,GACJC,KAAOe,gBAAAA,EAAAC,cAACU,GAAK;AAAA,IAAC5B,OAAOE;AAAAA,EAAAA,CAAM,GAC3BI,KAA4BD,KAAYY,gBAAAA,EAAAC,cAACC,GAAI;AAAA,IAACC,MAAK;AAAA,IAAYS,QAAO;AAAA,EAAA,CAAyB,CAChG,CAED;AAET,CAAC;AAEDjC,EAASkC,cAAc;"}

package/dist/index170.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3997%202.8H1.60022M14.3997%206.3H4.80008M14.3997%209.8H7.99995M14.3997%2013.3H4.80008'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index170.js.map

package/dist/index170.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index170.js","sources":["../src/assets/icons/right-align.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3997%202.8H1.60022M14.3997%206.3H4.80008M14.3997%209.8H7.99995M14.3997%2013.3H4.80008'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_87"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index171.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M9.33275%2013.3333L12.6661%2010L9.33275%206.66663'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index171.js.map

package/dist/index171.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index171.js","sources":["../src/assets/icons/rightSide.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M9.33275%2013.3333L12.6661%2010L9.33275%206.66663'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_88"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index172.js

@@ -1,15 +1,5 @@
-function n(o, u) {
-  let e;
-  const t = (...c) => {
-    e && clearTimeout(e), e = setTimeout(() => {
-      o(...c);
-    }, u);
-  };
-  return t.cancel = () => {
-    e && clearTimeout(e), e = null;
-  }, t;
-}
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9967%206.98863V4.98851C13.9967%203.88387%2013.1013%202.98839%2011.9966%202.98839H9.49644M9.49644%202.98839L10.9965%201.48854M9.49644%202.98839L10.9965%204.48872M8.99603%205.98806C9.54834%205.98806%209.99609%206.4358%209.99609%206.98812V12.9885C9.99609%2013.5408%209.54834%2013.9885%208.99603%2013.9885H2.99567C2.44335%2013.9885%201.99561%2013.5408%201.99561%2012.9885V6.98812C1.99561%206.4358%202.44335%205.98806%202.99567%205.98806H8.99603Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
-  n as debounce
+  e as default
 };
 //# sourceMappingURL=index172.js.map

package/dist/index172.js.map

@@ -1 +1 @@
-{"version":3,"file":"index172.js","sources":["../src/utils/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => void>(func: T, wait: number) {\n    let timeout: ReturnType<typeof setTimeout> | null;\n    const debounced = (...args: Parameters<T>) => {\n      if (timeout) clearTimeout(timeout);\n      timeout = setTimeout(() => {\n        func(...args);\n      }, wait);\n    };\n    debounced.cancel = () => {\n      if (timeout) clearTimeout(timeout);\n      timeout = null;\n    };\n    return debounced as T & { cancel: () => void };\n  }"],"names":["debounce","func","wait","timeout","debounced","args","setTimeout","cancel"],"mappings":"AAAgBA,SAAAA,EAA6CC,GAASC,GAAc;AAC5EC,MAAAA;AACEC,QAAAA,IAAYA,IAAIC,MAAwB;AACxCF,IAAAA,kBAAsBA,CAAO,GACjCA,IAAUG,WAAW,MAAM;AACzBL,MAAAA,EAAK,GAAGI,CAAI;AAAA,OACXH,CAAI;AAAA,EAAA;AAETE,SAAAA,EAAUG,SAAS,MAAM;AACnBJ,IAAAA,kBAAsBA,CAAO,GACvBA,IAAA;AAAA,EAAA,GAELC;AACT;"}
+{"version":3,"file":"index172.js","sources":["../src/assets/icons/rotate-left.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9967%206.98863V4.98851C13.9967%203.88387%2013.1013%202.98839%2011.9966%202.98839H9.49644M9.49644%202.98839L10.9965%201.48854M9.49644%202.98839L10.9965%204.48872M8.99603%205.98806C9.54834%205.98806%209.99609%206.4358%209.99609%206.98812V12.9885C9.99609%2013.5408%209.54834%2013.9885%208.99603%2013.9885H2.99567C2.44335%2013.9885%201.99561%2013.5408%201.99561%2012.9885V6.98812C1.99561%206.4358%202.44335%205.98806%202.99567%205.98806H8.99603Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_89"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index173.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.00342%206.98864V4.98851C2.00342%203.88388%202.89887%202.98839%204.00354%202.98839H6.50369M6.50369%202.98839L5.0036%201.48855M6.50369%202.98839L5.0036%204.48873M7.00411%205.98806C6.45179%205.98806%206.00404%206.4358%206.00404%206.98812V12.9885C6.00404%2013.5408%206.45179%2013.9885%207.00411%2013.9885H13.0045C13.5568%2013.9885%2014.0045%2013.5408%2014.0045%2012.9885V6.98812C14.0045%206.4358%2013.5568%205.98806%2013.0045%205.98806H7.00411Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index173.js.map

package/dist/index173.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index173.js","sources":["../src/assets/icons/rotate-right.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.00342%206.98864V4.98851C2.00342%203.88388%202.89887%202.98839%204.00354%202.98839H6.50369M6.50369%202.98839L5.0036%201.48855M6.50369%202.98839L5.0036%204.48873M7.00411%205.98806C6.45179%205.98806%206.00404%206.4358%206.00404%206.98812V12.9885C6.00404%2013.5408%206.45179%2013.9885%207.00411%2013.9885H13.0045C13.5568%2013.9885%2014.0045%2013.5408%2014.0045%2012.9885V6.98812C14.0045%206.4358%2013.5568%205.98806%2013.0045%205.98806H7.00411Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_90"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index174.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3824_45679)'%3e%3cpath%20d='M16%200C7.17706%200%200%207.17706%200%2016C0%2024.8229%207.17706%2032%2016%2032C24.8229%2032%2032%2024.8217%2032%2016C32%207.17831%2024.8229%200%2016%200ZM16%2029.5213C8.54531%2029.5213%202.47869%2023.4559%202.47869%2016C2.47869%208.54406%208.54531%202.47869%2016%202.47869C23.4547%202.47869%2029.5213%208.54406%2029.5213%2016C29.5213%2023.4559%2023.4559%2029.5213%2016%2029.5213Z'%20fill='%231B2636'/%3e%3cpath%20d='M22.1967%2014.6499H17.2393V9.6925C17.2393%209.00837%2016.6853%208.45312%2016%208.45312C15.3146%208.45312%2014.7606%209.00837%2014.7606%209.6925V14.6499H9.80322C9.11784%2014.6499%208.56384%2015.2051%208.56384%2015.8892C8.56384%2016.5734%209.11784%2017.1286%209.80322%2017.1286H14.7606V22.086C14.7606%2022.7701%2015.3146%2023.3254%2016%2023.3254C16.6853%2023.3254%2017.2393%2022.7701%2017.2393%2022.086V17.1286H22.1967C22.8821%2017.1286%2023.4361%2016.5734%2023.4361%2015.8892C23.4361%2015.2051%2022.8821%2014.6499%2022.1967%2014.6499Z'%20fill='%231B2636'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3824_45679'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index174.js.map

package/dist/index174.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index174.js","sources":["../src/assets/icons/rounded-plus.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3824_45679)'%3e%3cpath%20d='M16%200C7.17706%200%200%207.17706%200%2016C0%2024.8229%207.17706%2032%2016%2032C24.8229%2032%2032%2024.8217%2032%2016C32%207.17831%2024.8229%200%2016%200ZM16%2029.5213C8.54531%2029.5213%202.47869%2023.4559%202.47869%2016C2.47869%208.54406%208.54531%202.47869%2016%202.47869C23.4547%202.47869%2029.5213%208.54406%2029.5213%2016C29.5213%2023.4559%2023.4559%2029.5213%2016%2029.5213Z'%20fill='%231B2636'/%3e%3cpath%20d='M22.1967%2014.6499H17.2393V9.6925C17.2393%209.00837%2016.6853%208.45312%2016%208.45312C15.3146%208.45312%2014.7606%209.00837%2014.7606%209.6925V14.6499H9.80322C9.11784%2014.6499%208.56384%2015.2051%208.56384%2015.8892C8.56384%2016.5734%209.11784%2017.1286%209.80322%2017.1286H14.7606V22.086C14.7606%2022.7701%2015.3146%2023.3254%2016%2023.3254C16.6853%2023.3254%2017.2393%2022.7701%2017.2393%2022.086V17.1286H22.1967C22.8821%2017.1286%2023.4361%2016.5734%2023.4361%2015.8892C23.4361%2015.2051%2022.8821%2014.6499%2022.1967%2014.6499Z'%20fill='%231B2636'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3824_45679'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_91"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index175.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1284_520)'%3e%3cpath%20d='M14.8715%2014.8714L11.0542%2011.0541M6.94283%2012.7571C10.154%2012.7571%2012.7571%2010.154%2012.7571%206.94286C12.7571%203.73171%2010.154%201.12857%206.94283%201.12857C3.73168%201.12857%201.12854%203.73171%201.12854%206.94286C1.12854%2010.154%203.73168%2012.7571%206.94283%2012.7571Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1284_520'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index175.js.map

package/dist/index175.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index175.js","sources":["../src/assets/icons/search.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1284_520)'%3e%3cpath%20d='M14.8715%2014.8714L11.0542%2011.0541M6.94283%2012.7571C10.154%2012.7571%2012.7571%2010.154%2012.7571%206.94286C12.7571%203.73171%2010.154%201.12857%206.94283%201.12857C3.73168%201.12857%201.12854%203.73171%201.12854%206.94286C1.12854%2010.154%203.73168%2012.7571%206.94283%2012.7571Z'%20stroke='%23415575'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1284_520'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_92"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index176.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='40'%20height='48'%20viewBox='0%200%2040%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4582_136937)'%3e%3cpath%20d='M24.8908%201.77552L2.7605%201.74609C1.95621%201.74609%201.30149%202.3959%201.30149%203.20265L1.25%2042.2574C1.25%2043.0617%201.89981%2043.7164%202.70655%2043.7164L33.8925%2043.7557C34.6968%2043.7557%2035.3515%2043.1059%2035.3515%2042.2991L35.3907%2012.3C35.3907%2011.9125%2035.2387%2011.5423%2034.9641%2011.2701L25.9207%202.20219C25.6485%201.92755%2025.2782%201.77552%2024.8908%201.77307V1.77552Z'%20fill='%23F4FAFF'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-dasharray='3%203'/%3e%3cg%20clip-path='url(%23clip1_4582_136937)'%3e%3cpath%20d='M27.8908%204.7765L5.7605%204.74707C4.95621%204.74707%204.30149%205.39688%204.30149%206.20362L4.25%2045.2584C4.25%2046.0627%204.89981%2046.7174%205.70655%2046.7174L36.8925%2046.7566C37.6968%2046.7566%2038.3515%2046.1068%2038.3515%2045.3001L38.3907%2015.301C38.3907%2014.9135%2038.2387%2014.5433%2037.9641%2014.2711L28.9207%205.20316C28.6485%204.92853%2028.2782%204.7765%2027.8908%204.77404V4.7765Z'%20fill='%23F4FAFF'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-dasharray='3%203'/%3e%3cpath%20d='M27.6036%208.07715L27.5938%2014.8744C27.5938%2015.8626%2028.3931%2016.6644%2029.3789%2016.6644L35.4601%2016.6718'%20fill='%23F4FAFF'/%3e%3cpath%20d='M27.6036%208.07715L27.5938%2014.8744C27.5938%2015.8626%2028.3931%2016.6644%2029.3789%2016.6644L35.4601%2016.6718'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M29.5891%2038.1075L27.607%2040.0896L24.9641%2037.4468L23.8071%2038.6038C23.444%2038.9669%2022.8235%2038.795%2022.699%2038.2968L21.2669%2032.5686C21.1459%2032.0847%2021.5842%2031.6464%2022.0681%2031.7674L27.7963%2033.1994C28.2945%2033.324%2028.4664%2033.9445%2028.1033%2034.3076L26.9463%2035.4646L29.5891%2038.1075Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M26.2857%2029.5179V28.1964C26.2857%2027.4666%2025.6941%2026.875%2024.9643%2026.875H17.6964C16.9666%2026.875%2016.375%2027.4666%2016.375%2028.1964V35.4643C16.375%2036.1941%2016.9666%2036.7857%2017.6964%2036.7857H19.0179'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.7321%2022.9111C13.0023%2022.9111%2012.4106%2023.5028%2012.4106%2024.2326'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M16.375%2022.9111H18.3571'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M21%2022.9111C21.7298%2022.9111%2022.3214%2023.5028%2022.3214%2024.2326'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.4106%2026.875V28.8571'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.7321%2032.8214C13.0023%2032.8214%2012.4106%2032.2298%2012.4106%2031.5'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4582_136937'%3e%3crect%20width='39'%20height='47'%20fill='white'%20transform='translate(0.5%200.75)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_4582_136937'%3e%3crect%20width='34.6287'%20height='42.5'%20fill='white'%20transform='translate(4%204.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index176.js.map

package/dist/index176.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index176.js","sources":["../src/assets/icons/select-files.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='40'%20height='48'%20viewBox='0%200%2040%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4582_136937)'%3e%3cpath%20d='M24.8908%201.77552L2.7605%201.74609C1.95621%201.74609%201.30149%202.3959%201.30149%203.20265L1.25%2042.2574C1.25%2043.0617%201.89981%2043.7164%202.70655%2043.7164L33.8925%2043.7557C34.6968%2043.7557%2035.3515%2043.1059%2035.3515%2042.2991L35.3907%2012.3C35.3907%2011.9125%2035.2387%2011.5423%2034.9641%2011.2701L25.9207%202.20219C25.6485%201.92755%2025.2782%201.77552%2024.8908%201.77307V1.77552Z'%20fill='%23F4FAFF'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-dasharray='3%203'/%3e%3cg%20clip-path='url(%23clip1_4582_136937)'%3e%3cpath%20d='M27.8908%204.7765L5.7605%204.74707C4.95621%204.74707%204.30149%205.39688%204.30149%206.20362L4.25%2045.2584C4.25%2046.0627%204.89981%2046.7174%205.70655%2046.7174L36.8925%2046.7566C37.6968%2046.7566%2038.3515%2046.1068%2038.3515%2045.3001L38.3907%2015.301C38.3907%2014.9135%2038.2387%2014.5433%2037.9641%2014.2711L28.9207%205.20316C28.6485%204.92853%2028.2782%204.7765%2027.8908%204.77404V4.7765Z'%20fill='%23F4FAFF'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-dasharray='3%203'/%3e%3cpath%20d='M27.6036%208.07715L27.5938%2014.8744C27.5938%2015.8626%2028.3931%2016.6644%2029.3789%2016.6644L35.4601%2016.6718'%20fill='%23F4FAFF'/%3e%3cpath%20d='M27.6036%208.07715L27.5938%2014.8744C27.5938%2015.8626%2028.3931%2016.6644%2029.3789%2016.6644L35.4601%2016.6718'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M29.5891%2038.1075L27.607%2040.0896L24.9641%2037.4468L23.8071%2038.6038C23.444%2038.9669%2022.8235%2038.795%2022.699%2038.2968L21.2669%2032.5686C21.1459%2032.0847%2021.5842%2031.6464%2022.0681%2031.7674L27.7963%2033.1994C28.2945%2033.324%2028.4664%2033.9445%2028.1033%2034.3076L26.9463%2035.4646L29.5891%2038.1075Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M26.2857%2029.5179V28.1964C26.2857%2027.4666%2025.6941%2026.875%2024.9643%2026.875H17.6964C16.9666%2026.875%2016.375%2027.4666%2016.375%2028.1964V35.4643C16.375%2036.1941%2016.9666%2036.7857%2017.6964%2036.7857H19.0179'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.7321%2022.9111C13.0023%2022.9111%2012.4106%2023.5028%2012.4106%2024.2326'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M16.375%2022.9111H18.3571'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M21%2022.9111C21.7298%2022.9111%2022.3214%2023.5028%2022.3214%2024.2326'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.4106%2026.875V28.8571'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.7321%2032.8214C13.0023%2032.8214%2012.4106%2032.2298%2012.4106%2031.5'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4582_136937'%3e%3crect%20width='39'%20height='47'%20fill='white'%20transform='translate(0.5%200.75)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_4582_136937'%3e%3crect%20width='34.6287'%20height='42.5'%20fill='white'%20transform='translate(4%204.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_93"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index177.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3429%206.21941V4.30033C14.3429%203.7165%2013.8697%203.24319%2013.2858%203.24319H12.1262C11.1661%203.24319%2010.2345%202.91641%209.48467%202.31657L8.00008%201.12891L6.5155%202.31659C5.76571%202.91641%204.83411%203.24319%203.87393%203.24319H2.71437C2.13053%203.24319%201.65723%203.7165%201.65723%204.30033V6.21941C1.65723%2010.0619%204.27234%2013.4112%208.00008%2014.3432C11.7278%2013.4112%2014.3429%2010.0619%2014.3429%206.21941Z'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.19141%208.00339L6.63569%209.44767C6.78354%209.59552%206.85746%209.66944%206.94271%209.69714C7.01769%209.7215%207.09846%209.7215%207.17344%209.69714C7.25868%209.66944%207.33261%209.59552%207.48045%209.44767L10.7914%206.13672'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index177.js.map

package/dist/index177.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index177.js","sources":["../src/assets/icons/shield-with-tick.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3429%206.21941V4.30033C14.3429%203.7165%2013.8697%203.24319%2013.2858%203.24319H12.1262C11.1661%203.24319%2010.2345%202.91641%209.48467%202.31657L8.00008%201.12891L6.5155%202.31659C5.76571%202.91641%204.83411%203.24319%203.87393%203.24319H2.71437C2.13053%203.24319%201.65723%203.7165%201.65723%204.30033V6.21941C1.65723%2010.0619%204.27234%2013.4112%208.00008%2014.3432C11.7278%2013.4112%2014.3429%2010.0619%2014.3429%206.21941Z'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.19141%208.00339L6.63569%209.44767C6.78354%209.59552%206.85746%209.66944%206.94271%209.69714C7.01769%209.7215%207.09846%209.7215%207.17344%209.69714C7.25868%209.66944%207.33261%209.59552%207.48045%209.44767L10.7914%206.13672'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_94"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index178.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.342%206.21916V4.30009C14.342%203.71625%2013.8687%203.24295%2013.2848%203.24295H12.1252C11.1651%203.24295%2010.2335%202.91616%209.4837%202.31633L7.99911%201.12866L6.51452%202.31634C5.76473%202.91616%204.83313%203.24295%203.87295%203.24295H2.71339C2.12955%203.24295%201.65625%203.71625%201.65625%204.30009V6.21916C1.65625%2010.0616%204.27137%2013.411%207.99911%2014.3429C11.7268%2013.411%2014.342%2010.0616%2014.342%206.21916Z'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index178.js.map

package/dist/index178.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index178.js","sources":["../src/assets/icons/shield.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.342%206.21916V4.30009C14.342%203.71625%2013.8687%203.24295%2013.2848%203.24295H12.1252C11.1651%203.24295%2010.2335%202.91616%209.4837%202.31633L7.99911%201.12866L6.51452%202.31634C5.76473%202.91616%204.83313%203.24295%203.87295%203.24295H2.71339C2.12955%203.24295%201.65625%203.71625%201.65625%204.30009V6.21916C1.65625%2010.0616%204.27137%2013.411%207.99911%2014.3429C11.7268%2013.411%2014.342%2010.0616%2014.342%206.21916Z'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_95"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index179.js

@@ -0,0 +1,5 @@
+const e = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3518%205.72935V4.83739L11.7352%201.69746C11.5092%201.42631%2011.1745%201.26953%2010.8215%201.26953H4.79989C4.44695%201.26953%204.11222%201.42631%203.88626%201.69745L1.26965%204.83739V11.9731C1.26965%2012.2885%201.39495%2012.5911%201.61799%2012.814C1.84102%2013.037%202.14352%2013.1624%202.45894%2013.1624H7.21608'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.26965%204.8374H14.3518'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.81067%201.26953V4.83739'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.65894%2015.0107V12.0375C9.65894%2011.7092%209.92517%2011.4429%2010.2536%2011.4429H15.0107C15.3391%2011.4429%2015.6054%2011.7092%2015.6054%2012.0375V15.0107C15.6054%2015.3391%2015.3391%2015.6054%2015.0107%2015.6054H10.2536C9.92517%2015.6054%209.65894%2015.3391%209.65894%2015.0107Z'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.5509%2011.4429V9.95625C10.5509%208.80681%2011.4827%207.875%2012.6322%207.875C13.7816%207.875%2014.7134%208.80681%2014.7134%209.95625V11.4429'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+export {
+  e as default
+};
+//# sourceMappingURL=index179.js.map

package/dist/index179.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index179.js","sources":["../src/assets/icons/shipment-private.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3518%205.72935V4.83739L11.7352%201.69746C11.5092%201.42631%2011.1745%201.26953%2010.8215%201.26953H4.79989C4.44695%201.26953%204.11222%201.42631%203.88626%201.69745L1.26965%204.83739V11.9731C1.26965%2012.2885%201.39495%2012.5911%201.61799%2012.814C1.84102%2013.037%202.14352%2013.1624%202.45894%2013.1624H7.21608'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.26965%204.8374H14.3518'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.81067%201.26953V4.83739'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M9.65894%2015.0107V12.0375C9.65894%2011.7092%209.92517%2011.4429%2010.2536%2011.4429H15.0107C15.3391%2011.4429%2015.6054%2011.7092%2015.6054%2012.0375V15.0107C15.6054%2015.3391%2015.3391%2015.6054%2015.0107%2015.6054H10.2536C9.92517%2015.6054%209.65894%2015.3391%209.65894%2015.0107Z'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.5509%2011.4429V9.95625C10.5509%208.80681%2011.4827%207.875%2012.6322%207.875C13.7816%207.875%2014.7134%208.80681%2014.7134%209.95625V11.4429'%20stroke='%231BBA5F'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_96"],"mappings":"AAAA,MAAAA,IAAe;"}

package/dist/index18.js

@@ -1,14 +1,131 @@
-import e from "react";
-const n = ({
-  leftContainer: t,
-  centerContainer: l,
-  rightContainer: r,
-  className: a,
-  ...m
-}) => /* @__PURE__ */ e.createElement("header", {
-  className: `se-design-header ${a} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center ${m?.type === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
-}, t && /* @__PURE__ */ e.createElement(e.Fragment, null, t), l && /* @__PURE__ */ e.createElement(e.Fragment, null, l), r && /* @__PURE__ */ e.createElement(e.Fragment, null, r));
+import n, { forwardRef as M, useState as C, useRef as P, useEffect as O, useMemo as h } from "react";
+import { MenuItem as S } from "./index17.js";
+import { InputWithIcon as _ } from "./index52.js";
+import { useRovingFocus as j } from "./index70.js";
+import { announce as B } from "./index75.js";
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(o) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var s in r) ({}).hasOwnProperty.call(r, s) && (o[s] = r[s]);
+    }
+    return o;
+  }, f.apply(null, arguments);
+}
+const Q = /* @__PURE__ */ M(({
+  items: o,
+  maxHeight: a,
+  shouldShowSearch: r = !1,
+  searchPlaceholder: s = "Search...",
+  searchBy: w = "label",
+  searchResultEmptyMessage: d = "No results found",
+  className: y = ""
+}, x) => {
+  const [c, D] = C(""), g = P(null), l = c.trim() ? o.filter((e) => (e[w]?.toString().toLowerCase() || "").includes(c.toLowerCase())) : o;
+  O(() => {
+    l.length === 0 && c.trim() && B(d);
+  }, [l.length, c, d]);
+  const E = a ? {
+    maxHeight: a,
+    overflowY: "auto"
+  } : {}, m = h(() => {
+    const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new Set();
+    return o.forEach((u, I) => {
+      const b = u.id || u.automationId || `menu-item-${I}`;
+      let i = b;
+      t.has(i) && (i = `${b}-${I}`), t.add(i), e.set(u, i);
+    }), e;
+  }, [o]), p = h(() => l.filter((e) => e.type !== "header" && e.type !== "separator").map((e) => m.get(e)), [l, m]), {
+    getRovingItemProps: K,
+    handleKeyDown: k,
+    setFocusedId: N,
+    focusItem: v,
+    getContainerProps: $
+  } = j({
+    itemIds: p,
+    orientation: "vertical",
+    loop: !0,
+    role: "menu"
+  }), L = (e) => {
+    if (r && e.key === "Tab" && e.shiftKey) {
+      e.preventDefault(), g.current?.focus();
+      return;
+    }
+    k(e);
+  }, R = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const t = p[0];
+      t && v(t);
+    } else if (e.key === "Tab" && !e.shiftKey) {
+      e.preventDefault();
+      const t = p[0];
+      t && v(t);
+    }
+  }, F = () => /* @__PURE__ */ n.createElement("div", {
+    className: "w-full relative flex items-center border-b border-[var(--color-gray-300)] px-1"
+  }, /* @__PURE__ */ n.createElement(_, {
+    leftIcon: {
+      name: "search",
+      position: "left",
+      style: {
+        color: "var(--color-gray-500)"
+      }
+    },
+    value: c,
+    onChange: (e) => D(e),
+    placeholder: s,
+    style: {
+      margin: 0,
+      gap: 0
+    },
+    inputStyle: {
+      width: "100%",
+      border: "none",
+      outline: "none"
+    },
+    automationId: "se-design-menu-list-search",
+    ariaLabel: s,
+    inputRef: g,
+    inputProps: {
+      onKeyDown: R
+    }
+  }));
+  return /* @__PURE__ */ n.createElement("div", {
+    ref: x,
+    className: `se-design-menu-list border border-[var(--color-gray-200)] rounded shadow-md ${r ? "" : "py-2"}${y ? ` ${y}` : ""}`
+  }, r && F(), /* @__PURE__ */ n.createElement("div", f({
+    style: E,
+    className: `overflow-y-auto ${r ? "py-2" : ""}`
+  }, $({
+    ariaLabel: "Menu"
+  })), l.length > 0 ? l.map((e) => {
+    const t = m.get(e);
+    if (e.type === "separator")
+      return /* @__PURE__ */ n.createElement("hr", {
+        key: t,
+        className: "se-design-menu-separator cursor-default border-[var(--color-gray-200)]"
+      });
+    if (e.type === "header")
+      return /* @__PURE__ */ n.createElement("div", {
+        key: t,
+        className: "se-design-menu-header cursor-default px-2 mx-1 text-sm pt-2 text-[var(--color-gray-650)]",
+        role: "presentation"
+      }, e.label);
+    const u = K(t);
+    return /* @__PURE__ */ n.createElement(S, f({}, e, {
+      key: t,
+      ref: u.ref,
+      tabIndex: u.tabIndex,
+      onKeyDown: L,
+      onFocus: () => N(t)
+    }));
+  }) : /* @__PURE__ */ n.createElement("div", {
+    className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm"
+  }, d)));
+});
+Q.displayName = "MenuList";
 export {
-  n as Header
+  Q as MenuList
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n  className?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  className,\n  ...props\n}) => {\n  return (\n    <header className={`se-design-header ${className} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center ${\n      props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n    }`}>\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n};\n"],"names":["Header","leftContainer","centerContainer","rightContainer","className","props","React","createElement","type","Fragment"],"mappings":";AAUO,MAAMA,IAA0BA,CAAC;AAAA,EACtCC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAC,cAAA,UAAA;AAAA,EAAQH,WAAW,oBAAoBA,CAAS,uGAC9CC,GAAOG,SAAS,UAAU,+BAA+B,EAAE;AAC1D,GACAP,KAAiBK,gBAAAA,EAAAC,cAAAD,EAAAG,UAAA,MAAGR,CAAgB,GACpCC,KAAmBK,gBAAAA,EAAAA,cAAAD,EAAAG,UAAGP,MAAAA,CAAkB,GACxCC,KAAkBG,gBAAAA,EAAAC,cAAAD,EAAAG,UAAGN,MAAAA,CAAiB,CACjC;"}
+{"version":3,"file":"index18.js","sources":["../src/components/MenuList/index.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo, useRef, useEffect } from 'react';\nimport { MenuItem, MenuItemProps } from 'src/components/MenuItem';\nimport { InputWithIcon } from '../InputWithIcon';\nimport { useRovingFocus } from 'src/utils/a11y/useRovingFocus';\nimport { announce } from '../../utils/a11y/liveAnnouncer';\n\nexport type MenuListProps = {\n  items: MenuItemProps[];\n  maxHeight?: string;\n  shouldShowSearch?: boolean;\n  searchPlaceholder?: string;\n  searchBy?: string;\n  searchResultEmptyMessage?: string;\n  className?: string;\n};\n\nexport const MenuList = forwardRef<HTMLDivElement, MenuListProps>(({\n  items,\n  maxHeight,\n  shouldShowSearch = false,\n  searchPlaceholder = 'Search...',\n  searchBy = 'label',\n  searchResultEmptyMessage = 'No results found',\n  className = ''\n}, ref) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const getFilteredItems = () => {\n    if (!searchQuery.trim()) {\n      return items;\n    }\n    return items.filter((item) => {\n      const searchValue = item[searchBy as keyof MenuItemProps]?.toString().toLowerCase() || '';\n      return searchValue.includes(searchQuery.toLowerCase());\n    });\n  };\n\n  const filteredItems = getFilteredItems();\n\n  useEffect(() => {\n    if (filteredItems.length === 0 && searchQuery.trim()) {\n      announce(searchResultEmptyMessage);\n    }\n  }, [filteredItems.length, searchQuery, searchResultEmptyMessage]);\n\n  const containerStyle = maxHeight\n    ? {\n        maxHeight,\n        overflowY: 'auto' as const\n      }\n    : {};\n\n  const itemIdByRef = useMemo(() => {\n    const map = new WeakMap<MenuItemProps, string>();\n    const seen = new Set<string>();\n\n    items.forEach((item, index) => {\n      const baseId = item.id || item.automationId || `menu-item-${index}`;\n      let uniqueId = baseId;\n\n      if (seen.has(uniqueId)) {\n        uniqueId = `${baseId}-${index}`;\n      }\n\n      seen.add(uniqueId);\n      map.set(item, uniqueId);\n    });\n\n    return map;\n  }, [items]);\n\n  const itemIds = useMemo(() => {\n    return filteredItems\n      .filter((item) => item.type !== 'header' && item.type !== 'separator')\n      .map((item) => itemIdByRef.get(item) as string);\n  }, [filteredItems, itemIdByRef]);\n\n  // Use roving focus for arrow key navigation\n  const { getRovingItemProps, handleKeyDown: rovingHandleKeyDown, setFocusedId, focusItem, getContainerProps } = useRovingFocus({\n    itemIds,\n    orientation: 'vertical',\n    loop: true,\n    role: 'menu'\n  });\n\n  // Wrap roving keydown: when on a menu item, Shift+Tab goes back to search input\n  const handleMenuItemKeyDown = (e: React.KeyboardEvent) => {\n    if (shouldShowSearch && e.key === 'Tab' && e.shiftKey) {\n      e.preventDefault();\n      searchInputRef.current?.focus();\n      return;\n    }\n    rovingHandleKeyDown(e);\n  };\n\n  // Search input keydown: ArrowDown enters the menu, Tab moves to first menu item\n  const handleSearchKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      const firstId = itemIds[0];\n      if (firstId) focusItem(firstId);\n    } else if (e.key === 'Tab' && !e.shiftKey) {\n      e.preventDefault();\n      const firstId = itemIds[0];\n      if (firstId) focusItem(firstId);\n    }\n  };\n\n  const renderSearchBar = () => {\n    return (\n      <div className=\"w-full relative flex items-center border-b border-[var(--color-gray-300)] px-1\">\n        <InputWithIcon\n          leftIcon={{ name: 'search', position: 'left', style: { color: 'var(--color-gray-500)' } }}\n          value={searchQuery}\n          onChange={(value: string) => setSearchQuery(value)}\n          placeholder={searchPlaceholder}\n          style={{ margin: 0, gap: 0 }}\n          inputStyle={{ width: '100%', border: 'none', outline: 'none' }}\n          automationId=\"se-design-menu-list-search\"\n          ariaLabel={searchPlaceholder}\n          inputRef={searchInputRef}\n          inputProps={{ onKeyDown: handleSearchKeyDown }}\n        />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={`se-design-menu-list border border-[var(--color-gray-200)] rounded shadow-md ${\n        shouldShowSearch ? '' : 'py-2'\n      }${className ? ` ${className}` : ''}`}\n    >\n      {shouldShowSearch && renderSearchBar()}\n      <div\n        style={containerStyle}\n        className={`overflow-y-auto ${shouldShowSearch ? 'py-2' : ''}`}\n        {...getContainerProps({ ariaLabel: 'Menu' })}\n      >\n        {filteredItems.length > 0 ? (\n          filteredItems.map((item) => {\n            const stableId = itemIdByRef.get(item) as string;\n\n            if (item.type === 'separator') {\n              return (\n                <hr key={stableId} className=\"se-design-menu-separator cursor-default border-[var(--color-gray-200)]\" />\n              );\n            }\n\n            if (item.type === 'header') {\n              return (\n                <div\n                  key={stableId}\n                  className=\"se-design-menu-header cursor-default px-2 mx-1 text-sm pt-2 text-[var(--color-gray-650)]\"\n                  role=\"presentation\"\n                >\n                  {item.label}\n                </div>\n              );\n            }\n\n            const rovingProps = getRovingItemProps(stableId);\n            return (\n              <MenuItem\n                {...item}\n                key={stableId}\n                ref={rovingProps.ref}\n                tabIndex={rovingProps.tabIndex}\n                onKeyDown={handleMenuItemKeyDown}\n                onFocus={() => setFocusedId(stableId)}\n              />\n            );\n          })\n        ) : (\n          <div className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\">{searchResultEmptyMessage}</div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nMenuList.displayName = 'MenuList';\n"],"names":["MenuList","items","maxHeight","shouldShowSearch","searchPlaceholder","searchBy","searchResultEmptyMessage","className","ref","searchQuery","setSearchQuery","useState","searchInputRef","useRef","filteredItems","trim","filter","item","toString","toLowerCase","includes","useEffect","length","announce","containerStyle","overflowY","itemIdByRef","useMemo","map","WeakMap","seen","Set","forEach","index","baseId","id","automationId","uniqueId","has","add","set","itemIds","type","get","getRovingItemProps","handleKeyDown","rovingHandleKeyDown","setFocusedId","focusItem","getContainerProps","useRovingFocus","orientation","loop","role","handleMenuItemKeyDown","e","key","shiftKey","preventDefault","current","focus","handleSearchKeyDown","firstId","renderSearchBar","React","createElement","InputWithIcon","leftIcon","name","position","style","color","value","onChange","placeholder","margin","gap","inputStyle","width","border","outline","ariaLabel","inputRef","inputProps","onKeyDown","_extends","stableId","label","rovingProps","MenuItem","tabIndex","onFocus","displayName"],"mappings":"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"}