eidos-ui 3.4.0 → 3.5.1

package/dist/chunk-P7J6WZTO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-P7J6WZTO.cjs","../src/components/Dropdown/Dropdown.context.types.ts","../src/components/Dropdown/Dropdown.context.tsx","../src/components/Dropdown/Dropdown.hooks.ts","../src/components/Dropdown/Dropdown.component.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-P7J6WZTO.cjs","sourcesContent":[null,"import { createContext } from 'react';\n\nexport interface DropdownContextValue {\n  level: number;\n}\n\nexport const DropdownContext = createContext<DropdownContextValue>({ level: 0 });\n","import React from 'react';\nimport { DropdownContext } from './Dropdown.context.types';\n\nexport const DropdownProvider: React.FC<{ children: React.ReactNode; level?: number }> = ({\n  children,\n  level = 0,\n}) => {\n  return <DropdownContext.Provider value={{ level }}>{children}</DropdownContext.Provider>;\n};\n","import { useContext } from 'react';\nimport { DropdownContext } from './Dropdown.context.types';\n\nexport const useDropdownContext = () => {\n  return useContext(DropdownContext);\n};\n","import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { fullWidthModifier } from '../../utils';\nimport type { DropdownProps, DropdownState } from './Dropdown.types';\nimport { DropdownProvider } from './Dropdown.context';\nimport { useDropdownContext } from './Dropdown.hooks';\n\nconst DropdownInternal: React.FC<DropdownProps> = ({\n  trigger,\n  content,\n  placement: preferredPlacement = 'bottom',\n  align = 'start',\n  delay = 0,\n  disabled = false,\n  defaultOpen = false,\n  triggerClassName = '',\n  contentClassName = '',\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  autoWidth = true,\n  fullWidth = false,\n  triggerRef: externalTriggerRef,\n  isNested = false,\n  dropdownLevel,\n  dropdownGroup,\n}) => {\n  const context = useDropdownContext();\n  const actualLevel = dropdownLevel !== undefined ? dropdownLevel : context.level;\n  const [dropdownState, setDropdownState] = useState<DropdownState>({\n    isVisible: defaultOpen,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // The element to actually measure/anchor against. When a consumer passes\n  // `triggerRef`, that's an explicit statement of \"this is what I want the\n  // dropdown positioned relative to\" - it must win over the internal wrapper\n  // div, not just inform sizing. Consumers occasionally need `trigger` to be\n  // a small anchor node (e.g. a 0-height span) sitting inside a larger,\n  // variable-content field (chips, wrapped text); anchoring position to the\n  // wrapper instead of that field silently drifts as soon as the field's\n  // internal layout changes, since the wrapper only ever contains `trigger`\n  // itself, never the field around it.\n  const getTriggerElement = useCallback(\n    (): HTMLElement | null => externalTriggerRef?.current ?? triggerRef.current,\n    [externalTriggerRef],\n  );\n\n  const calculateDynamicSizing = useCallback(\n    (triggerRect: DOMRect) => {\n      // Shrink the panel to its content by default. This prevents the\n      // position:fixed element from expanding to viewport width when children\n      // use `width:100%` or `flex:1`. `minWidth` (set below) still wins when\n      // the trigger is wider than the content, as CSS min-width overrides width.\n      const styles: Record<string, string | number> = { width: 'max-content' };\n\n      if (autoWidth && (externalTriggerRef?.current || triggerRef.current)) {\n        const triggerWidth = triggerRect.width;\n        styles.minWidth = triggerWidth;\n      }\n\n      if (minWidth !== undefined) {\n        styles.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\n      }\n      if (maxWidth !== undefined) {\n        if (maxWidth === 'auto') {\n          styles.maxWidth = 'none';\n        } else {\n          styles.maxWidth = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\n        }\n      }\n      if (minHeight !== undefined) {\n        styles.minHeight = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\n      }\n      if (maxHeight !== undefined) {\n        if (maxHeight === 'auto') {\n          styles.maxHeight = 'none';\n        } else {\n          styles.maxHeight = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n        }\n      }\n\n      const hasHeightConstraint = minHeight !== undefined || maxHeight !== undefined;\n      if (hasHeightConstraint) {\n        styles.overflowY = 'auto';\n      } else {\n        styles.overflowY = 'visible';\n      }\n\n      return styles;\n    },\n    [autoWidth, externalTriggerRef, minWidth, maxWidth, minHeight, maxHeight],\n  );\n\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      // Helpers for cross-axis alignment\n      const alignedLeft = (() => {\n        switch (align) {\n          case 'end':\n            return triggerRect.right - contentRect.width;\n          case 'center':\n            return triggerRect.left + (triggerRect.width - contentRect.width) / 2;\n          default:\n            return triggerRect.left; // \"start\"\n        }\n      })();\n      const alignedTop = (() => {\n        switch (align) {\n          case 'end':\n            return triggerRect.bottom - contentRect.height;\n          case 'center':\n            return triggerRect.top + (triggerRect.height - contentRect.height) / 2;\n          default:\n            return triggerRect.top; // \"start\"\n        }\n      })();\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = alignedLeft;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = alignedLeft;\n          break;\n        case 'left':\n          top = alignedTop;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = alignedTop;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Always clamp to both viewport edges - not just the near one - regardless\n      // of whether an explicit min/max size was passed. `autoWidth` consumers\n      // (Combobox, Select, TagInput suggestions, Menu, ...) never set\n      // minWidth/maxWidth, so gating this on those props left the far edge\n      // (right/bottom) completely unclamped and let content overflow the\n      // viewport whenever it rendered wider/taller than its trigger.\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement, align],\n  );\n\n  const handleScroll = useCallback(() => {\n    if (!dropdownState.isVisible || !dropdownState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      const triggerElement = getTriggerElement();\n      if (triggerElement && contentRef.current) {\n        const triggerRect = triggerElement.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setDropdownState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [\n    dropdownState.isVisible,\n    dropdownState.isPositioned,\n    calculateOptimalPosition,\n    getTriggerElement,\n  ]);\n\n  const handleTriggerClick = useCallback(() => {\n    if (disabled) return;\n\n    if (dropdownState.isVisible) {\n      setDropdownState((prev) => ({\n        ...prev,\n        isVisible: false,\n        isPositioned: false,\n      }));\n    } else {\n      if (dropdownGroup) {\n        const siblingDropdowns = document.querySelectorAll(\n          `[data-dropdown-group=\"${dropdownGroup}\"][data-dropdown-content]`,\n        );\n        siblingDropdowns.forEach((dropdown) => {\n          const dropdownElement = dropdown as HTMLElement;\n\n          dropdownElement.dispatchEvent(new CustomEvent('closeSibling'));\n        });\n      }\n\n      if (delay > 0) {\n        timeoutRef.current = setTimeout(() => {\n          setDropdownState((prev) => ({\n            ...prev,\n            isVisible: true,\n            isPositioned: false,\n          }));\n        }, delay);\n      } else {\n        setDropdownState((prev) => ({\n          ...prev,\n          isVisible: true,\n          isPositioned: false,\n        }));\n      }\n    }\n  }, [disabled, dropdownState.isVisible, delay, dropdownGroup]);\n\n  useEffect(() => {\n    const handleCloseSibling = () => {\n      if (dropdownState.isVisible) {\n        setDropdownState((prev) => ({\n          ...prev,\n          isVisible: false,\n          isPositioned: false,\n        }));\n      }\n    };\n\n    const currentContentRef = contentRef.current;\n    if (currentContentRef) {\n      currentContentRef.addEventListener('closeSibling', handleCloseSibling);\n    }\n\n    return () => {\n      if (currentContentRef) {\n        currentContentRef.removeEventListener('closeSibling', handleCloseSibling);\n      }\n    };\n  }, [dropdownState.isVisible]);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !dropdownState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target)) {\n        return;\n      }\n\n      if (getTriggerElement()?.contains(target)) {\n        return;\n      }\n\n      const allDropdowns = document.querySelectorAll('[data-dropdown-content]');\n      for (const dropdown of allDropdowns) {\n        if (dropdown === contentRef.current) continue;\n\n        if (dropdown.contains(target)) {\n          const clickedDropdownLevel = parseInt(\n            dropdown.getAttribute('data-dropdown-level') || '0',\n          );\n\n          if (clickedDropdownLevel > actualLevel) {\n            return;\n          }\n        }\n      }\n\n      setDropdownState((prev) => ({\n        ...prev,\n        isVisible: false,\n        isPositioned: false,\n      }));\n    },\n    [closeOnClickOutside, dropdownState.isVisible, actualLevel, getTriggerElement],\n  );\n\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && dropdownState.isVisible) {\n        setDropdownState((prev) => ({\n          ...prev,\n          isVisible: false,\n          isPositioned: false,\n        }));\n      }\n    },\n    [closeOnEscape, dropdownState.isVisible],\n  );\n\n  useEffect(() => {\n    const triggerElement = getTriggerElement();\n    if (\n      dropdownState.isVisible &&\n      !dropdownState.isPositioned &&\n      contentRef.current &&\n      triggerElement\n    ) {\n      const triggerRect = triggerElement.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setDropdownState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [\n    dropdownState.isVisible,\n    dropdownState.isPositioned,\n    calculateOptimalPosition,\n    getTriggerElement,\n  ]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      const triggerElement = getTriggerElement();\n      if (\n        dropdownState.isVisible &&\n        dropdownState.isPositioned &&\n        contentRef.current &&\n        triggerElement\n      ) {\n        const triggerRect = triggerElement.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setDropdownState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [\n    dropdownState.isVisible,\n    dropdownState.isPositioned,\n    calculateOptimalPosition,\n    getTriggerElement,\n  ]);\n\n  useEffect(() => {\n    if (dropdownState.isVisible) {\n      window.addEventListener('scroll', handleScroll, { passive: true });\n\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n      document.body.removeEventListener('scroll', handleScroll);\n    };\n  }, [dropdownState.isVisible, handleScroll]);\n\n  useEffect(() => {\n    if (dropdownState.isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [dropdownState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      {/*\n        A positioning and click-capturing wrapper, and nothing more - it\n        deliberately carries no `role` and no `tabIndex`.\n\n        It used to be `role=\"button\" tabIndex={-1}`, which was wrong in both\n        directions at once. `tabIndex={-1}` with no key handler meant the\n        wrapper was never keyboard-operable, so the button role it advertised\n        could not be activated by anyone using a keyboard - it promised a\n        control that did not exist. Meanwhile, because `trigger` is virtually\n        always a real control (Select and Combobox pass an `<input>`, Menu and\n        SplitButton a `<button>`, ...), the role wrapped an interactive element\n        in another interactive element: invalid ARIA, flagged by axe as\n        `nested-interactive`, and announced by screen readers as a button\n        inside a button. One attribute did this across every component built\n        on Dropdown - Select, Combobox, Menu, Popover, ContextMenu,\n        ColorPicker and TagInput - 212 violations in a single axe run.\n\n        Semantics belong to whatever is passed as `trigger`, which is the only\n        element that can actually own them. A consumer passing a\n        non-interactive node should pass a `<button>` instead; it was never\n        keyboard-accessible under the old markup either.\n      */}\n      <div\n        ref={triggerRef}\n        onClick={handleTriggerClick}\n        className={`eidos-dropdown-trigger ${fullWidth ? fullWidthModifier('eidos-dropdown-trigger') : ''} ${triggerClassName}`}\n      >\n        {trigger}\n      </div>\n      {dropdownState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            data-dropdown-content\n            data-dropdown-level={actualLevel}\n            data-dropdown-group={dropdownGroup || ''}\n            className={`eidos-dropdown-content eidos-dropdown-content--${dropdownState.position.placement} ${isNested ? 'eidos-dropdown-content--nested' : ''} ${dropdownState.isPositioned ? 'eidos-dropdown-content--positioned' : ''} ${contentClassName || ''}`}\n            style={{\n              top: dropdownState.position.top,\n              left: dropdownState.position.left,\n              ...calculateDynamicSizing(\n                getTriggerElement()?.getBoundingClientRect() || new DOMRect(),\n              ),\n            }}\n            role=\"menu\"\n          >\n            {content}\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nexport const Dropdown: React.FC<DropdownProps> = (props) => {\n  const context = useDropdownContext();\n  const nextLevel = props.dropdownLevel !== undefined ? props.dropdownLevel : context.level + 1;\n\n  return (\n    <DropdownProvider level={nextLevel}>\n      <DropdownInternal {...props} />\n    </DropdownProvider>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n"]}

package/dist/chunk-SDEKANNL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SDEKANNL.cjs","../src/components/Accordion/Accordion.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-SDEKANNL.cjs","sourcesContent":[null,"import React, { useState, useRef, useContext, useId, useEffect, useCallback } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport type { AccordionProps, AccordionItemProps, AccordionContextValue } from './Accordion.types';\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/** Normalise a controlled/default value (string | string[] | undefined) to string[]. */\nconst toArray = (v: string | string[] | undefined): string[] =>\n  v === undefined ? [] : Array.isArray(v) ? v : [v];\n\n// ============================================================================\n// CONTEXT\n// ============================================================================\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\nconst useAccordion = (): AccordionContextValue => {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) throw new Error('AccordionItem must be used inside <Accordion>');\n  return ctx;\n};\n\n// ============================================================================\n// ACCORDION - root container; owns open state; provides context\n// ============================================================================\n\nexport const Accordion: React.FC<AccordionProps> = ({\n  multiple = false,\n  value,\n  defaultValue,\n  onChange,\n  variant = 'default',\n  size = 'md',\n  color = 'primary',\n  className = '',\n  children,\n}) => {\n  const isControlled = value !== undefined;\n\n  const [localOpen, setLocalOpen] = useState<string[]>(() => toArray(defaultValue));\n  const openValues = isControlled ? toArray(value) : localOpen;\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      const isOpen = openValues.includes(itemValue);\n      let next: string[];\n\n      if (multiple) {\n        next = isOpen ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];\n      } else {\n        next = isOpen ? [] : [itemValue];\n      }\n\n      if (!isControlled) setLocalOpen(next);\n      onChange?.(multiple ? next : (next[0] ?? ''));\n    },\n    [openValues, multiple, isControlled, onChange],\n  );\n\n  const rootClasses = ['eidos-accordion', `eidos-accordion--${variant}`, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <AccordionContext.Provider value={{ openValues, toggle, variant, size, color }}>\n      <div className={rootClasses}>{children}</div>\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.displayName = 'Accordion';\n\n// ============================================================================\n// ACCORDION ITEM - individual item; reads context; renders trigger + animated panel\n// ============================================================================\n\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\n  value,\n  label,\n  icon,\n  disabled = false,\n  className = '',\n  children,\n}) => {\n  const { openValues, toggle, size, color } = useAccordion();\n  const isOpen = openValues.includes(value);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const triggerId = useId();\n  const panelId = useId();\n\n  // Drives the max-height CSS transition.\n  // On open: set to scrollHeight so the wrapper animates to its natural height.\n  // On close: set to 0 so the wrapper animates shut.\n  // The CSS transition on .eidos-accordion-content-wrapper handles the animation.\n  const [maxHeight, setMaxHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (!contentRef.current) return;\n    setMaxHeight(isOpen ? contentRef.current.scrollHeight : 0);\n  }, [isOpen]);\n\n  const itemClasses = [\n    'eidos-accordion-item',\n    isOpen && 'eidos-accordion-item--open',\n    disabled && 'eidos-accordion-item--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const triggerClasses = [\n    'eidos-accordion-trigger',\n    `eidos-accordion-trigger--${size}`,\n    isOpen && 'eidos-accordion-trigger--open',\n    isOpen && `eidos-accordion-trigger--${color}`,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={itemClasses}>\n      <button\n        id={triggerId}\n        type=\"button\"\n        aria-expanded={isOpen}\n        aria-controls={panelId}\n        disabled={disabled}\n        onClick={() => !disabled && toggle(value)}\n        className={triggerClasses}\n      >\n        {icon && <span className=\"eidos-accordion-trigger-icon\">{icon}</span>}\n        <span className=\"eidos-accordion-trigger-label\">{label}</span>\n        <ChevronDown className=\"eidos-accordion-chevron\" aria-hidden=\"true\" />\n      </button>\n\n      <div\n        id={panelId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        ref={contentRef}\n        className=\"eidos-accordion-content-wrapper\"\n        style={{ maxHeight: `${maxHeight}px` }}\n      >\n        <div className=\"eidos-accordion-content\">{children}</div>\n      </div>\n    </div>\n  );\n};\n\nAccordionItem.displayName = 'AccordionItem';\n"]}

package/dist/chunk-SVCWSW2F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CommandPalette/CommandPalette.component.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ArrowDown, ArrowUp, Command, CornerDownLeft, Search } from 'lucide-react';\nimport type { CommandItem, CommandPaletteProps } from './CommandPalette.types';\nimport { useDialogFocus } from '../../utils';\nimport { Kbd } from '../Kbd';\nimport './CommandPalette.scss';\n\n// ── Constants ──────────────────────────────────────────────────────────────────\n\n/** Must match the CSS transition duration in CommandPalette.scss */\nconst TRANSITION_MS = 200;\n\n// ── Pure helpers ───────────────────────────────────────────────────────────────\n\nfunction filterItems(items: CommandItem[], query: string): CommandItem[] {\n  const q = query.trim().toLowerCase();\n  if (!q) return items;\n  return items.filter(({ label, description, keywords }) => {\n    return (\n      label.toLowerCase().includes(q) ||\n      (description?.toLowerCase().includes(q) ?? false) ||\n      (keywords?.some((k) => k.toLowerCase().includes(q)) ?? false)\n    );\n  });\n}\n\ninterface Group {\n  label: string | null;\n  items: CommandItem[];\n}\n\n/**\n * Groups items while preserving the order in which groups first appear.\n * Items with no `group` property are placed in a leading implicit section\n * (label: null) so that labelled groups always follow them.\n */\nfunction buildGroups(items: CommandItem[]): Group[] {\n  const groups: Group[] = [];\n  const groupMap = new Map<string, Group>();\n\n  for (const item of items) {\n    const key = item.group ?? '';\n    let group = groupMap.get(key);\n    if (!group) {\n      group = { label: item.group ?? null, items: [] };\n      groups.push(group);\n      groupMap.set(key, group);\n    }\n    group.items.push(item);\n  }\n\n  return groups;\n}\n\n// ── Component ──────────────────────────────────────────────────────────────────\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open: openProp,\n  defaultOpen = false,\n  onClose,\n  onOpen,\n  shortcutKey = 'k',\n  items,\n  onSelect,\n  placeholder = 'Search commands…',\n  emptyText = 'No commands found',\n  maxHeight = 360,\n  className = '',\n  footer,\n  trigger,\n  triggerLabel = 'Search',\n}) => {\n  const dialogId = useId();\n  const listId = `${dialogId}-list`;\n\n  // ── Controlled / uncontrolled open state ───────────────────────────────────\n  // Omitting `open` lets the palette own its state entirely, which combined\n  // with the shortcut listener below means it needs zero external\n  // useState/useEffect to work. Passing `open` (+ `onClose`, optionally\n  // `onOpen`) keeps full external control for consumers who need it (syncing\n  // with a URL, another piece of app state, etc).\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : internalOpen;\n\n  const close = useCallback(() => {\n    if (!isControlled) setInternalOpen(false);\n    onClose?.();\n  }, [isControlled, onClose]);\n\n  // Shared \"open\" path - uncontrolled flips the internal state directly;\n  // controlled defers to `onOpen` since the palette can't change `open`\n  // itself. Used by both the keyboard shortcut below and the inline\n  // `trigger`'s click handler.\n  const openPalette = useCallback(() => {\n    if (isControlled) {\n      onOpen?.();\n    } else {\n      setInternalOpen(true);\n    }\n  }, [isControlled, onOpen]);\n\n  // Global keyboard shortcut - Cmd/Ctrl+<shortcutKey> opens the palette.\n  useEffect(() => {\n    if (!shortcutKey) return;\n\n    const handler = (e: KeyboardEvent) => {\n      if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== shortcutKey.toLowerCase()) return;\n      e.preventDefault();\n      openPalette();\n    };\n\n    window.addEventListener('keydown', handler);\n    return () => window.removeEventListener('keydown', handler);\n  }, [shortcutKey, openPalette]);\n\n  // ── Animation state machine (mirrors the Drawer pattern) ─────────────────\n  // isMounted → portal exists in the DOM (controls render/null)\n  // isVisible → CSS --visible modifier is applied (drives transitions)\n  //\n  // Opening:  isMounted=true → double rAF → isVisible=true  → CSS transitions fire\n  // Closing:  isVisible=false → CSS transitions reverse → after TRANSITION_MS → isMounted=false\n  const [isMounted, setIsMounted] = useState(open);\n  const [isVisible, setIsVisible] = useState(open);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (open) {\n      setIsMounted(true);\n      // Double rAF: ensures the browser has painted the initial off-screen\n      // state before the CSS transition begins (React 18 automatic batching\n      // means a single rAF is not always sufficient).\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [open]);\n\n  // ── Search state ───────────────────────────────────────────────────────────\n  const [query, setQuery] = useState('');\n  const [focusedIndex, setFocusedIndex] = useState(0);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n\n  // Derived lists - memoised to stabilise scroll-effect deps\n  const filtered = useMemo(() => filterItems(items, query), [items, query]);\n  const navigable = useMemo(() => filtered.filter((item) => !item.disabled), [filtered]);\n  const groups = useMemo(() => buildGroups(filtered), [filtered]);\n\n  // Reset search query and selection when the palette is opened\n  useEffect(() => {\n    if (open) {\n      setQuery('');\n      setFocusedIndex(0);\n    }\n  }, [open]);\n\n  // Focus the search input on open, trap Tab inside the dialog, and return\n  // focus to the trigger on close.\n  //\n  // This replaces a bare `inputRef.current?.focus()` effect. That moved focus\n  // in correctly but nothing kept it there: the first Tab left the dialog for\n  // the page behind it, and closing the palette stranded focus wherever it\n  // happened to be. `initialFocus` preserves the original behaviour of\n  // landing on the search field rather than the first focusable node.\n  useDialogFocus(open && isVisible, dialogRef, { initialFocus: inputRef });\n\n  // Reset focused index to 0 whenever the filtered list changes\n  useEffect(() => {\n    setFocusedIndex(0);\n  }, [query]);\n\n  // Scroll the focused item into view during keyboard navigation\n  useEffect(() => {\n    const focusedItem = navigable[focusedIndex];\n    if (!focusedItem) return;\n    itemRefs.current.get(focusedItem.id)?.scrollIntoView({ block: 'nearest' });\n  }, [focusedIndex, navigable]);\n\n  // Body scroll lock (tied to open, not to isMounted, so it releases promptly\n  // when the consumer decides to close - even before the exit animation ends)\n  useEffect(() => {\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [open]);\n\n  // ── Interaction handlers ───────────────────────────────────────────────────\n\n  const selectItem = useCallback(\n    (item: CommandItem) => {\n      if (item.disabled) return;\n      item.action?.();\n      onSelect?.(item);\n      close();\n    },\n    [close, onSelect],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          if (navigable.length === 0) return;\n          setFocusedIndex((i) => (i + 1) % navigable.length);\n          break;\n        }\n        case 'ArrowUp': {\n          e.preventDefault();\n          if (navigable.length === 0) return;\n          setFocusedIndex((i) => (i - 1 + navigable.length) % navigable.length);\n          break;\n        }\n        case 'Enter': {\n          e.preventDefault();\n          const item = navigable[focusedIndex];\n          if (item) selectItem(item);\n          break;\n        }\n        case 'Escape': {\n          e.preventDefault();\n          close();\n          break;\n        }\n      }\n    },\n    [focusedIndex, navigable, close, selectItem],\n  );\n\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      // Only fire when the click lands directly on the backdrop element,\n      // not on any child (the dialog itself or its contents).\n      if (e.target === e.currentTarget) {\n        close();\n      }\n    },\n    [close],\n  );\n\n  // ── Render ─────────────────────────────────────────────────────────────────\n\n  // The inline trigger (if any) must render regardless of `isMounted` - it's\n  // what opens the palette in the first place, so it can't be gated behind\n  // the portal's own mount state.\n  const triggerNode =\n    trigger === true ? (\n      <button type=\"button\" className=\"eidos-cmd-trigger-default\" onClick={openPalette}>\n        <span>{triggerLabel}</span>\n        {shortcutKey && (\n          <Kbd size=\"sm\" className=\"eidos-cmd-trigger-kbd\">\n            <Command size={10} />\n            {shortcutKey.toUpperCase()}\n          </Kbd>\n        )}\n      </button>\n    ) : trigger ? (\n      <div className=\"eidos-cmd-trigger\" role=\"button\" tabIndex={0} onClick={openPalette}>\n        {trigger}\n      </div>\n    ) : null;\n\n  const maxHeightValue = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n\n  // The root element must not change shape between the closed and open\n  // states.\n  //\n  // This used to `return triggerNode` while closed and a fragment once\n  // mounted. React compares the root by element type, so flipping from\n  // `<button>` to `<Fragment>` unmounted the trigger and mounted a brand new\n  // one - the very element the user had just clicked was destroyed. Focus\n  // was lost with it, which made returning focus on close impossible: the\n  // node to return to no longer existed.\n  //\n  // Always returning the fragment keeps `triggerNode` in a stable position,\n  // so React preserves the DOM node across open and close.\n  return (\n    <>\n      {triggerNode}\n      {isMounted &&\n        createPortal(\n          <div\n            className={['eidos-cmd-backdrop', isVisible && 'eidos-cmd-backdrop--visible']\n              .filter(Boolean)\n              .join(' ')}\n            onClick={handleBackdropClick}\n            aria-hidden={!open}\n          >\n            <div\n              ref={dialogRef}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-label=\"Command palette\"\n              id={dialogId}\n              className={['eidos-cmd-dialog', isVisible && 'eidos-cmd-dialog--visible', className]\n                .filter(Boolean)\n                .join(' ')}\n              onKeyDown={handleKeyDown}\n            >\n              {/* ── Search ──────────────────────────────────────────────────────── */}\n              <div className=\"eidos-cmd-search\">\n                <Search className=\"eidos-cmd-search-icon\" size={18} aria-hidden=\"true\" />\n\n                <input\n                  ref={inputRef}\n                  type=\"text\"\n                  role=\"combobox\"\n                  aria-expanded=\"true\"\n                  aria-controls={listId}\n                  aria-autocomplete=\"list\"\n                  aria-label={placeholder}\n                  className=\"eidos-cmd-input\"\n                  placeholder={placeholder}\n                  value={query}\n                  onChange={(e) => setQuery(e.target.value)}\n                  spellCheck={false}\n                  autoComplete=\"off\"\n                />\n\n                {/* Reminds users of the configured shortcut, if any */}\n                {shortcutKey && (\n                  <div className=\"eidos-cmd-search-badge\" aria-hidden=\"true\">\n                    <Command size={11} />\n                    <span>{shortcutKey.toUpperCase()}</span>\n                  </div>\n                )}\n              </div>\n\n              {/* ── Results list ─────────────────────────────────────────────────── */}\n              <div\n                id={listId}\n                role=\"listbox\"\n                aria-label=\"Commands\"\n                className=\"eidos-cmd-list\"\n                style={{ maxHeight: maxHeightValue }}\n              >\n                {filtered.length === 0 ? (\n                  <p className=\"eidos-cmd-empty\" role=\"status\">\n                    {emptyText}\n                  </p>\n                ) : (\n                  groups.map((group) => (\n                    <div\n                      key={group.label ?? '__ungrouped__'}\n                      role=\"group\"\n                      aria-label={group.label ?? undefined}\n                    >\n                      {group.label && (\n                        <div className=\"eidos-cmd-group-label\" aria-hidden=\"true\">\n                          {group.label}\n                        </div>\n                      )}\n\n                      {group.items.map((item) => {\n                        const isFocused = navigable[focusedIndex]?.id === item.id;\n                        const Icon = item.icon;\n\n                        return (\n                          <div\n                            key={item.id}\n                            ref={(el) => {\n                              if (el) {\n                                itemRefs.current.set(item.id, el);\n                              } else {\n                                itemRefs.current.delete(item.id);\n                              }\n                            }}\n                            role=\"option\"\n                            aria-selected={isFocused}\n                            aria-disabled={item.disabled}\n                            className={[\n                              'eidos-cmd-item',\n                              isFocused && 'eidos-cmd-item--focused',\n                              item.disabled && 'eidos-cmd-item--disabled',\n                            ]\n                              .filter(Boolean)\n                              .join(' ')}\n                            onClick={() => selectItem(item)}\n                            onMouseEnter={() => {\n                              if (!item.disabled) {\n                                const idx = navigable.findIndex((n) => n.id === item.id);\n                                if (idx !== -1) setFocusedIndex(idx);\n                              }\n                            }}\n                          >\n                            {Icon && (\n                              <span className=\"eidos-cmd-item-icon\" aria-hidden=\"true\">\n                                <Icon size={16} />\n                              </span>\n                            )}\n\n                            <div className=\"eidos-cmd-item-body\">\n                              <div className=\"eidos-cmd-item-label\">{item.label}</div>\n                              {item.description && (\n                                <div className=\"eidos-cmd-item-description\">{item.description}</div>\n                              )}\n                            </div>\n\n                            {item.shortcut && item.shortcut.length > 0 && (\n                              <div\n                                className=\"eidos-cmd-item-shortcut\"\n                                aria-label={`Shortcut: ${item.shortcut.join(' ')}`}\n                              >\n                                {item.shortcut.map((key, i) => (\n                                  <kbd key={i} className=\"eidos-cmd-kbd\">\n                                    {key}\n                                  </kbd>\n                                ))}\n                              </div>\n                            )}\n                          </div>\n                        );\n                      })}\n                    </div>\n                  ))\n                )}\n              </div>\n\n              {/* ── Footer ───────────────────────────────────────────────────────── */}\n              <div className=\"eidos-cmd-footer\">\n                <div className=\"eidos-cmd-hints\" aria-hidden=\"true\">\n                  <span>\n                    <ArrowUp size={11} />\n                    <ArrowDown size={11} /> Navigate\n                  </span>\n                  <span>\n                    <CornerDownLeft size={11} /> Select\n                  </span>\n                  <span>Esc Close</span>\n                </div>\n\n                {footer && <div className=\"eidos-cmd-footer-slot\">{footer}</div>}\n              </div>\n            </div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nCommandPalette.displayName = 'CommandPalette';\n"],"mappings":"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","names":[]}

package/dist/chunk-TLECMA3B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Select/Select.component.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { Input } from '../Input/Input.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { SelectProps, SelectOption } from './Select.types';\nimport { renderIcon, fullWidthModifier } from '../../utils';\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      options = [],\n      value,\n      defaultValue,\n      onChange,\n      className = '',\n      multiple = false,\n      placeholder = 'Select an option...',\n      disabled = false,\n      inputProps = {},\n      name,\n      id,\n      required = false,\n      fullWidth = false,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight = '300px',\n      autoWidth = true,\n      clearable = true,\n      autoOpen = false,\n      dropdownProps = {},\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\n      if (defaultValue !== undefined) {\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n        return new Set(vals.filter((v) => v !== ''));\n      }\n      return new Set();\n    });\n    const [menuKey, setMenuKey] = useState(0);\n    const [focusedIndex, setFocusedIndex] = useState(-1);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const triggerRef = useRef<HTMLDivElement>(null);\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n    // Kept in sync every render so the mount-only callback ref below can\n    // read the latest values without needing them in its dependency array\n    // (see `handleOptionsMount`).\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n    const selectedValuesRef = useRef(selectedValues);\n    selectedValuesRef.current = selectedValues;\n\n    useEffect(() => {\n      if (value !== undefined) {\n        const values = Array.isArray(value) ? value : [value];\n\n        const validValues = values.filter((v) => v !== '');\n        setSelectedValues(new Set(validValues));\n      }\n    }, [value]);\n\n    useEffect(() => {\n      setFocusedIndex(-1);\n    }, [options]);\n\n    useEffect(() => {\n      optionRefs.current = optionRefs.current.slice(0, options.length);\n    }, [options.length]);\n\n    const handleOptionSelect = useCallback(\n      (option: SelectOption) => {\n        if (option.disabled) return;\n\n        const newSelectedValues = new Set(selectedValues);\n\n        if (multiple) {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.delete(option.value);\n          } else {\n            newSelectedValues.add(option.value);\n          }\n        } else {\n          if (newSelectedValues.has(option.value)) {\n            newSelectedValues.clear();\n          } else {\n            newSelectedValues.clear();\n            newSelectedValues.add(option.value);\n          }\n        }\n\n        // In uncontrolled mode, own the state directly.\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\n        if (!isControlled) {\n          setSelectedValues(newSelectedValues);\n        }\n\n        if (onChange) {\n          const newValue = multiple\n            ? Array.from(newSelectedValues)\n            : Array.from(newSelectedValues)[0] || '';\n          onChange(newValue);\n        }\n\n        if (!multiple) {\n          setIsOpen(false);\n          setMenuKey((prev) => prev + 1);\n        }\n      },\n      [multiple, onChange, selectedValues, isControlled],\n    );\n\n    const handleClear = useCallback(\n      (e?: React.MouseEvent) => {\n        if (e) {\n          e.stopPropagation();\n        }\n        if (!isControlled) {\n          setSelectedValues(new Set());\n        }\n\n        setIsOpen(false);\n        setMenuKey((prev) => prev + 1);\n        if (onChange) {\n          onChange(multiple ? [] : '');\n        }\n      },\n      [multiple, onChange, isControlled],\n    );\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        if (disabled) return;\n\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'ArrowUp':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(options.length - 1);\n            } else {\n              setFocusedIndex((prev) => {\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\n\n                setTimeout(() => {\n                  optionRefs.current[nextIndex]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }, 0);\n                return nextIndex;\n              });\n            }\n            break;\n\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isOpen) {\n              setIsOpen(true);\n              setFocusedIndex(0);\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\n              const focusedOption = options[focusedIndex];\n              handleOptionSelect(focusedOption);\n            }\n            break;\n\n          case 'Escape':\n            e.preventDefault();\n            if (isOpen) {\n              setIsOpen(false);\n              setFocusedIndex(-1);\n              setMenuKey((prev) => prev + 1);\n            }\n            break;\n\n          case 'Home':\n            e.preventDefault();\n            if (isOpen) {\n              setFocusedIndex(0);\n              optionRefs.current[0]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          case 'End':\n            e.preventDefault();\n            if (isOpen) {\n              const lastIndex = options.length - 1;\n              setFocusedIndex(lastIndex);\n              optionRefs.current[lastIndex]?.scrollIntoView({\n                block: 'nearest',\n                behavior: 'smooth',\n              });\n            }\n            break;\n\n          default:\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\n              const searchChar = e.key.toLowerCase();\n              const foundIndex = options.findIndex(\n                (option, index) =>\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\n              );\n\n              if (foundIndex !== -1) {\n                setFocusedIndex(foundIndex);\n                optionRefs.current[foundIndex]?.scrollIntoView({\n                  block: 'nearest',\n                  behavior: 'smooth',\n                });\n              } else {\n                const foundFromStart = options.findIndex((option) =>\n                  option.label.toLowerCase().startsWith(searchChar),\n                );\n                if (foundFromStart !== -1) {\n                  setFocusedIndex(foundFromStart);\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\n                    block: 'nearest',\n                    behavior: 'smooth',\n                  });\n                }\n              }\n            }\n            break;\n        }\n      },\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\n    );\n\n    // Scrolls the first selected option into view. Attached as the options\n    // list's own ref below with an empty dependency array, so its identity\n    // never changes and React only invokes it on genuine DOM mount/unmount -\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\n    // `content` entirely while closed), not on every re-render while open.\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\n      if (!el) return;\n      const idx = optionsRef.current.findIndex((option) =>\n        selectedValuesRef.current.has(option.value),\n      );\n      if (idx === -1) return;\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\n    }, []);\n\n    // Past this many selections the full comma-joined label list becomes\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\n    const COMPACT_LABEL_THRESHOLD = 2;\n\n    const displayValue = useMemo(() => {\n      if (selectedValues.size === 0) return '';\n\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\n        return `${selectedValues.size} selected`;\n      }\n\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\n      const text = selectedOptions.map((option) => option.label).join(', ');\n      return text;\n    }, [options, selectedValues, multiple]);\n\n    const selectContent = useMemo(\n      () => (\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\n          {options.map((option, index) => {\n            const isSelected = selectedValues.has(option.value);\n            const isFocused = index === focusedIndex;\n            return (\n              <div\n                key={option.id}\n                ref={(el) => {\n                  optionRefs.current[index] = el;\n                }}\n                className={`\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\n\t\t\t\t\t\t\t\t\t`.trim()}\n                onClick={() => handleOptionSelect(option)}\n                onMouseEnter={() => setFocusedIndex(index)}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled}\n              >\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\n                <span className={'eidos-select-option-label'}>{option.label}</span>\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\n              </div>\n            );\n          })}\n        </div>\n      ),\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount],\n    );\n\n    const triggerElement = (\n      <div\n        ref={triggerRef}\n        className={`eidos-select-trigger ${fullWidth ? fullWidthModifier('eidos-select-trigger') : ''}`}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : undefined}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={`${id || 'select'}-options`}\n        aria-activedescendant={\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\n        }\n      >\n        <Input\n          ref={inputRef}\n          value={selectedValues.size > 0 ? displayValue : ''}\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\n          posIconButton={selectedValues.size > 0 && clearable}\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\n          posIconLabel=\"Clear selection\"\n          disabled={disabled}\n          readOnly={true}\n          isSelect={true}\n          name={name}\n          id={id}\n          required={required}\n          fullWidth={fullWidth}\n          {...inputProps}\n        />\n      </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={`${'eidos-select-container'} ${\n          fullWidth ? fullWidthModifier('eidos-select-container') : ''\n        } ${className}`}\n      >\n        <Dropdown\n          key={menuKey}\n          defaultOpen={autoOpen}\n          trigger={triggerElement}\n          content={\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\n              {selectContent}\n            </div>\n          }\n          minWidth={minWidth}\n          maxWidth={maxWidth}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n          autoWidth={autoWidth}\n          fullWidth={fullWidth}\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\n          {...dropdownProps}\n        />\n      </div>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}

package/dist/chunk-TWXZKUCG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TWXZKUCG.cjs","../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACA;ACRA,8BAAuE;AACvE,qCAA6B;AAgHvB,+CAAA;AA3GC,IAAM,MAAA,EAA8B,CAAC;AAAA,EAC1C,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,qBAAA,EAAuB,IAAA;AAAA,EACvB,cAAA,EAAgB,IAAA;AAAA,EAChB,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,0BAAA,CAAM;AACtB,EAAA,MAAM,OAAA,EAAS,0BAAA,CAAM;AACrB,EAAA,MAAM,UAAA,EAAY,2BAAA,IAA2B,CAAA;AAW7C,EAAA,MAAM,cAAA,EAAgB,GAAA;AACtB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,MAAe,CAAA;AACjD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,MAAe,CAAA;AAEjD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,IAAI,KAAA,EAAO,CAAA;AACX,IAAA,IAAI,KAAA,EAAO,CAAA;AACX,IAAA,IAAI,OAAA;AAEJ,IAAA,GAAA,CAAI,MAAA,EAAQ;AACV,MAAA,YAAA,CAAa,IAAI,CAAA;AAKjB,MAAA,KAAA,EAAO,qBAAA,CAAsB,CAAA,EAAA,GAAM;AACjC,QAAA,KAAA,EAAO,qBAAA,CAAsB,CAAA,EAAA,GAAM,YAAA,CAAa,IAAI,CAAC,CAAA;AAAA,MACvD,CAAC,CAAA;AAAA,IACH,EAAA,KAAO;AACL,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,QAAA,EAAU,UAAA,CAAW,CAAA,EAAA,GAAM,YAAA,CAAa,KAAK,CAAA,EAAG,aAAa,CAAA;AAAA,IAC/D;AAEA,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,oBAAA,CAAqB,IAAI,CAAA;AACzB,MAAA,oBAAA,CAAqB,IAAI,CAAA;AACzB,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,EAAA,MAAM,gBAAA,EAAkB,gCAAA;AAAA,IACtB,CAAC,KAAA,EAAA,GAAyB;AACxB,MAAA,GAAA,CAAI,cAAA,GAAiB,KAAA,CAAM,IAAA,IAAQ,SAAA,GAAY,MAAA,EAAQ;AACrD,QAAA,OAAA,CAAQ,CAAA;AAAA,MACV;AAAA,IACF,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,MAAA,EAAQ,OAAO;AAAA,EACjC,CAAA;AAGA,EAAA,MAAM,oBAAA,EAAsB,gCAAA;AAAA,IAC1B,CAAC,KAAA,EAAA,GAA4B;AAC3B,MAAA,GAAA,CAAI,qBAAA,GAAwB,KAAA,CAAM,OAAA,IAAW,KAAA,CAAM,aAAA,EAAe;AAChE,QAAA,OAAA,CAAQ,CAAA;AAAA,MACV;AAAA,IACF,CAAA;AAAA,IACA,CAAC,oBAAA,EAAsB,OAAO;AAAA,EAChC,CAAA;AAGA,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,MAAA,EAAQ;AACV,MAAA,QAAA,CAAS,gBAAA,CAAiB,SAAA,EAAW,eAAe,CAAA;AAEpD,MAAA,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,SAAA,EAAW,QAAA;AAAA,IACjC;AAEA,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,eAAe,CAAA;AACvD,MAAA,QAAA,CAAS,IAAA,CAAK,KAAA,CAAM,SAAA,EAAW,EAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,eAAe,CAAC,CAAA;AAa5B,EAAA,8CAAA,OAAe,GAAU,SAAA,EAAW,SAAS,CAAA;AAE7C,EAAA,GAAA,CAAI,CAAC,SAAA,EAAW,OAAO,IAAA;AAEvB,EAAA,MAAM,aAAA,kBACJ,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,CAAA,YAAA,EAAe,UAAA,EAAY,uBAAA,EAAyB,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AACM,oBAAA;AACvF,oBAAA;AAAC,MAAA;AAAA,MAAA;AACM,QAAA;AACA,QAAA;AACM,QAAA;AACwB,QAAA;AACjB,QAAA;AACyC,QAAA;AAE1D,QAAA;AAEG,UAAA;AAC8C,YAAA;AAAE,YAAA;AAAE,YAAA;AAEpD,UAAA;AAKF,0BAAA;AAKM,UAAA;AAAC,YAAA;AAAA,YAAA;AAE4B,cAAA;AACN,cAAA;AACP,cAAA;AACG,cAAA;AACD,cAAA;AACA,cAAA;AAER,cAAA;AAAA,YAAA;AARI,YAAA;AAWlB,UAAA;AAAA,QAAA;AAAA,MAAA;AAEJ,IAAA;AACF,EAAA;AAG6C,EAAA;AACjD;AAEoB;AD1CgH;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TWXZKUCG.cjs","sourcesContent":[null,"import React, { useEffect, useCallback, useId, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Button } from '../Button/Button.component';\nimport type { ModalProps } from './Modal.types';\nimport { renderIcon, useDialogFocus } from '../../utils';\n\nexport const Modal: React.FC<ModalProps> = ({\n  isOpen,\n  onClose,\n  title,\n  icon,\n  type,\n  children,\n  actions = [],\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  size = 'md',\n  className = '',\n}) => {\n  const titleId = useId();\n  const bodyId = useId();\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  // ── Animation state ────────────────────────────────────────────────────────\n  // isMounted: whether the portal DOM node exists at all.\n  // isVisible: whether the '--is-open' CSS class is applied (drives the transition).\n  //\n  // On open:  mount first → one rAF → apply --is-open (browser sees the\n  //           initial faded/scaled-down state before transitioning, so the\n  //           animation fires instead of just painting straight into \"open\").\n  // On close: remove --is-open (CSS transition plays) → after 200 ms unmount.\n  //           200 ms matches the CSS `transition: 0.2s` in Modal.scss.\n  const TRANSITION_MS = 200;\n  const [isMounted, setIsMounted] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n\n  useEffect(() => {\n    let raf1 = 0;\n    let raf2 = 0;\n    let timerId: ReturnType<typeof setTimeout>;\n\n    if (isOpen) {\n      setIsMounted(true);\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\n      // not produce a committed browser paint before the first rAF fires.\n      // The second frame guarantees the modal is rendered in its closed\n      // (faded/scaled-down) state before the CSS transition begins.\n      raf1 = requestAnimationFrame(() => {\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\n      });\n    } else {\n      setIsVisible(false);\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\n    }\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      clearTimeout(timerId);\n    };\n  }, [isOpen]);\n\n  // Handle escape key\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\n        onClose();\n      }\n    },\n    [closeOnEscape, isOpen, onClose],\n  );\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose],\n  );\n\n  // Add/remove escape key listener (tied to isOpen, not isMounted)\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('keydown', handleEscapeKey);\n      // Prevent body scroll when modal is open\n      document.body.style.overflow = 'hidden';\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, handleEscapeKey]);\n\n  // Keyed to `isVisible`, not `isOpen` and not `isMounted`.\n  //\n  // `isOpen` alone is too early: `isMounted` is set in the effect above, one\n  // render later, so the dialog element does not exist yet and the trap would\n  // run against a null ref.\n  //\n  // `isMounted` is *also* too early, and fails more quietly. `.eidos-modal`\n  // starts at `visibility: hidden` and only becomes visible with\n  // `--is-open`, which is two animation frames later - so at mount there is\n  // nothing focusable to find and `.focus()` on the dialog itself is a no-op.\n  // Focus silently stayed on the trigger.\n  useDialogFocus(isOpen && isVisible, dialogRef);\n\n  if (!isMounted) return null;\n\n  const modalContent = (\n    <div className={`eidos-modal ${isVisible ? 'eidos-modal--is-open' : ''} ${className}`}>\n      <div className=\"eidos-modal-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={bodyId}\n        className={`eidos-modal-content eidos-modal-content--${size}`}\n      >\n        {title && (\n          <div className={`eidos-modal-header ${type ? `eidos-modal-header--${type}` : ''}`}>\n            <h4 id={titleId}>\n              {icon && renderIcon(icon, 'eidos-modal-icon')} {title}\n            </h4>\n          </div>\n        )}\n\n        <div id={bodyId} className=\"eidos-modal-body\">\n          {children}\n        </div>\n\n        {actions.length > 0 && (\n          <div className={`eidos-modal-footer`}>\n            {actions.map((action) => (\n              <Button\n                key={action.id}\n                variant={action.variant || 'outlined'}\n                size={action.size || 'md'}\n                color={action.color}\n                disabled={action.disabled}\n                loading={action.loading}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, document.body);\n};\n\nModal.displayName = 'Modal';\n"]}

package/dist/chunk-UDRAM6JU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Popover/Popover.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect, useId } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X } from 'lucide-react';\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\nimport { useDialogFocus } from '../../utils';\n\nexport const Popover: React.FC<PopoverProps> = ({\n  trigger,\n  children,\n  title,\n  placement: preferredPlacement = 'bottom',\n  showCloseButton = false,\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n  disabled = false,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  maxWidth = 320,\n  className,\n  contentClassName,\n}) => {\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\n  const isControlled = isOpen !== undefined;\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\n  const isVisible = isControlled ? isOpen! : localOpen;\n\n  // ── Positioning state ─────────────────────────────────────────────────────\n  const [popoverState, setPopoverState] = useState<PopoverState>({\n    isVisible: false,\n    isPositioned: false,\n    position: { top: 0, left: 0, placement: preferredPlacement },\n  });\n\n  // Names the dialog by pointing at the rendered title, the same way `Modal`\n  // and `Drawer` do. This was an `aria-label={title ?? 'Popover'}`, which\n  // both duplicated the visible text into a second, invisible copy and hard\n  // limited `title` to a string - `aria-label` takes only a string, so a\n  // `ReactNode` title would have been stringified to \"[object Object]\" and\n  // silently destroyed the accessible name.\n  const titleId = useId();\n\n  // ── Refs ──────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  // ── Open / close helpers ──────────────────────────────────────────────────\n  const open = useCallback(() => {\n    if (disabled) return;\n    if (!isControlled) setLocalOpen(true);\n    onOpenChange?.(true);\n  }, [disabled, isControlled, onOpenChange]);\n\n  const close = useCallback(() => {\n    if (!isControlled) setLocalOpen(false);\n    onOpenChange?.(false);\n  }, [isControlled, onOpenChange]);\n\n  const toggle = useCallback(() => {\n    if (isVisible) {\n      close();\n    } else {\n      open();\n    }\n  }, [isVisible, open, close]);\n\n  // ── Positioning calculation ───────────────────────────────────────────────\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: PopoverPlacement = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - contentRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.left - contentRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      // Flip if it doesn't fit in the preferred direction\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - contentRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\n        left = triggerRect.left - contentRect.width - gap;\n      }\n\n      // Clamp to viewport\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\n  useEffect(() => {\n    if (isVisible) {\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\n    } else {\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\n    }\n  }, [isVisible]);\n\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\n  useEffect(() => {\n    if (\n      popoverState.isVisible &&\n      !popoverState.isPositioned &&\n      contentRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const contentRect = contentRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n      setPopoverState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll repositioning ─────────────────────────────────────────────────\n  const handleScroll = useCallback(() => {\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && contentRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Resize repositioning ──────────────────────────────────────────────────\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        popoverState.isVisible &&\n        popoverState.isPositioned &&\n        contentRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const contentRect = contentRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\n\n        setPopoverState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\n\n  // ── Scroll listener registration ─────────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n      document.body.removeEventListener('scroll', handleScroll);\n    };\n  }, [popoverState.isVisible, handleScroll]);\n\n  // ── Click-outside handler ─────────────────────────────────────────────────\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\n\n      const target = event.target as Node;\n\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      close();\n    },\n    [closeOnClickOutside, popoverState.isVisible, close],\n  );\n\n  // ── Escape key handler ────────────────────────────────────────────────────\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\n        close();\n      }\n    },\n    [closeOnEscape, popoverState.isVisible, close],\n  );\n\n  // ── Register global event listeners ──────────────────────────────────────\n  useEffect(() => {\n    if (popoverState.isVisible) {\n      document.addEventListener('mousedown', handleClickOutside);\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\n\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\n  useEffect(() => {\n    const timeoutId = timeoutRef.current;\n    const animationFrameId = animationFrameRef.current;\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n      if (animationFrameId) {\n        cancelAnimationFrame(animationFrameId);\n      }\n    };\n  }, []);\n\n  // Non-modal focus handling: move focus into the panel and return it to the\n  // trigger on close, but leave Tab free.\n  //\n  // `trapTab: false` because this dialog is honestly `aria-modal=\"false\"` -\n  // the rest of the page stays available, so confining Tab would strand the\n  // user. Moving focus in is still required: the panel is portaled to\n  // `document.body`, so Tab from the trigger continues into whatever follows\n  // it in the page and the panel's own controls cannot be reached at all.\n  //\n  // Keyed to `isPositioned`, not `isVisible`: the panel renders off-screen\n  // for one frame while its placement is measured, and focusing it in that\n  // state scrolls the page to wherever it was parked.\n  useDialogFocus(popoverState.isVisible && popoverState.isPositioned, contentRef, {\n    trapTab: false,\n  });\n\n  // ── Render ────────────────────────────────────────────────────────────────\n  return (\n    <>\n      {/* Trigger wrapper.\n      \n          The wrapper carries no ARIA. It had `aria-expanded` and\n          `aria-haspopup` while having no role, which is invalid - both need\n          a role that supports them, and adding `role=\"button\"` here would be\n          worse still, since the trigger inside is usually a real button\n          (that is the `nested-interactive` shape already fixed on\n          `Dropdown`).\n          \n          Instead the state is cloned onto the trigger element, which is the\n          thing a user actually activates. Guarded by `isValidElement`\n          because `trigger` is typed as `ReactNode` and may be a bare string,\n          in which case there is nothing to annotate and the wrapper stays\n          exactly as it was. */}\n      <div\n        ref={triggerRef}\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\n        onClick={toggle}\n      >\n        {React.isValidElement(trigger)\n          ? React.cloneElement(trigger as React.ReactElement<Record<string, unknown>>, {\n              'aria-expanded': popoverState.isVisible,\n              'aria-haspopup': 'dialog',\n            })\n          : trigger}\n      </div>\n\n      {/* Portal: floating panel */}\n      {popoverState.isVisible &&\n        createPortal(\n          <div\n            ref={contentRef}\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-labelledby={title ? titleId : undefined}\n            // Only the untitled case still needs a literal label - there is\n            // no visible text to point at.\n            aria-label={title ? undefined : 'Popover'}\n            className={[\n              'eidos-popover-content',\n              `eidos-popover-content--${popoverState.position.placement}`,\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\n              contentClassName,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{\n              top: popoverState.position.top,\n              left: popoverState.position.left,\n              maxWidth: maxWidth,\n            }}\n          >\n            {(title || showCloseButton) && (\n              <div className=\"eidos-popover-header\">\n                {title && (\n                  <span id={titleId} className=\"eidos-popover-title\">\n                    {title}\n                  </span>\n                )}\n                {showCloseButton && (\n                  <button\n                    type=\"button\"\n                    className=\"eidos-popover-close\"\n                    onClick={close}\n                    aria-label=\"Close popover\"\n                  >\n                    <X aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"eidos-popover-body\">{children}</div>\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nPopover.displayName = 'Popover';\n"],"mappings":"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","names":[]}

package/dist/chunk-VHSTB7GB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VHSTB7GB.cjs","../src/utils/renderIcon.tsx","../src/utils/devWarn.ts","../src/utils/dualModifier.ts","../src/utils/useDialogFocus.ts"],"names":["active"],"mappings":"AAAA;ACCA,2CAAsB;AAyCT,+CAAA;AAfN,IAAM,WAAA,EAAa,CAAC,IAAA,EAA4B,SAAA,EAAA,GAAwC;AAC7F,EAAA,GAAA,CAAI,CAAC,IAAA,EAAM,OAAO,IAAA;AAElB,EAAA,GAAA,CAAI,OAAO,KAAA,IAAS,QAAA,EAAU;AAE5B,IAAA,MAAM,SAAA,EAAW,IAAA,CACd,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,EAAA,GAAS,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,CAAY,EAAA,EAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAC1D,IAAA,CAAK,EAAE,CAAA;AAGV,IAAA,MAAM,WAAA,EAAa,kBAAA,CAAM,QAA8B,CAAA;AAGvD,IAAA,GAAA,CAAI,UAAA,EAAY;AACd,MAAA,uBAAO,6BAAA,UAAC,EAAA,EAAW,SAAA,EAAsB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,IAC9D;AAGA,IAAA,uBAAO,6BAAA,GAAC,EAAA,EAAE,SAAA,EAAW,CAAA,EAAA;AACvB,EAAA;AAGsB,EAAA;AACA,EAAA;AACxB;ADpCkD;AACA;AEFnB;AAE6B;AAEtD,EAAA;AAC0B,EAAA;AACT,EAAA;AACP,EAAA;AACsB,EAAA;AACtC;AFEkD;AACA;AGEhD;AAIa;AHHmC;AACA;AI/BR;AA+CR;AAChC,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ;AASA;AAGG;AACkC,EAAA;AAC7C;AAGgC;AAsB9B;AAEc,EAAA;AACiB,IAAA;AACJ,IAAA;AAMQ,IAAA;AAEX,IAAA;AAeL,IAAA;AACP,IAAA;AACG,IAAA;AAEQ,IAAA;AACmB,MAAA;AAC5B,MAAA;AACG,QAAA;AACR,MAAA;AAIoC,QAAA;AACzB,QAAA;AAClB,MAAA;AAEiC,MAAA;AACnB,QAAA;AAC0B,QAAA;AACxC,MAAA;AACF,IAAA;AAES,IAAA;AAEmC,IAAA;AACjB,MAAA;AAEe,MAAA;AAKA,MAAA;AACZ,MAAA;AACL,QAAA;AACrB,QAAA;AACF,MAAA;AAEyB,MAAA;AACkB,MAAA;AACZ,MAAA;AAIW,MAAA;AACnB,QAAA;AACiB,QAAA;AACtC,QAAA;AACF,MAAA;AAEwC,MAAA;AACjB,QAAA;AACV,QAAA;AACiB,MAAA;AACP,QAAA;AACT,QAAA;AACd,MAAA;AACF,IAAA;AAEuC,IAAA;AAE1B,IAAA;AACe,MAAA;AACc,MAAA;AAEJ,MAAA;AACO,MAAA;AAenB,MAAA;AACeA,MAAAA;AAEJ,MAAA;AACT,QAAA;AAC1B,MAAA;AACF,IAAA;AACsC,EAAA;AAC1C;AJtGkD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-VHSTB7GB.cjs","sourcesContent":[null,"import React from 'react';\nimport { icons } from 'lucide-react';\n\nexport type IconType = React.ComponentType<{ className?: string }> | string;\n\n/**\n * Helper function to render icons dynamically\n * Supports both React components (Lucide, MUI, etc.) and string-based icon names\n *\n * @param icon - Icon component or string name (e.g., \"heart\" or \"arrow-right\")\n * @param className - Optional CSS class name to apply to the icon\n * @returns React node representing the icon, or null if no icon provided\n *\n * @example\n * // Component-based icon\n * import { Heart } from 'lucide-react';\n * renderIcon(Heart, 'my-icon-class');\n *\n * @example\n * // String-based Lucide icon (kebab-case converted to PascalCase)\n * renderIcon('heart', 'my-icon-class');\n * renderIcon('arrow-right', 'my-icon-class');\n *\n * @example\n * // String-based CSS class (for Font Awesome, Remixicon, etc.)\n * renderIcon('fas fa-heart', 'my-icon-class');\n */\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\n  if (!icon) return null;\n\n  if (typeof icon === 'string') {\n    // Convert kebab-case to PascalCase for Lucide icons\n    const iconName = icon\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('');\n\n    // Try to find the icon in lucide-react\n    const LucideIcon = icons[iconName as keyof typeof icons] as\n      React.ComponentType<{ className?: string }> | undefined;\n\n    if (LucideIcon) {\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\n    }\n\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\n  }\n\n  // It's a React component\n  const IconComponent = icon;\n  return <IconComponent className={className} aria-hidden=\"true\" />;\n};\n","/**\n * Logs a misconfiguration warning, once per `key`, and never in production.\n *\n * Deliberately reads `process.env.NODE_ENV` off `globalThis` behind a cast\n * rather than referencing `process` directly: this is a browser library, and\n * a bare `process` reference fails the `tsup` dts build (its worker resolves\n * without node types, so `npm run typecheck` passing is not enough) as well\n * as throwing at runtime anywhere a bundler hasn't substituted it. The\n * optional chaining covers every case - no `process`, no `env`, no value.\n *\n * Because the check is dynamic rather than a statically replaceable\n * `process.env.NODE_ENV` expression, the message text stays in production\n * bundles; only the logging is skipped. That is the trade for not shipping a\n * `process` reference at all, and these strings are small.\n */\nconst warned = new Set<string>();\n\nexport function devWarn(key: string, message: string): void {\n  const nodeEnv = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n    ?.NODE_ENV;\n  if (nodeEnv === 'production') return;\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[eidos-ui] ${message}`);\n}\n","/**\n * Emits a BEM modifier in both its canonical kebab-case spelling and a legacy\n * camelCase one.\n *\n * The library shipped two conventions for the same idea: eight components\n * used `--fullWidth` while four used `--full-width`, and `Tabs` had\n * `--hideScrollbar`. Kebab-case is the canonical form - every block name\n * (`eidos-date-picker-trigger`) and every design token (`--font-size-sm`) is\n * already kebab, so a camelCase modifier was inconsistent with the very\n * selector it hung off.\n *\n * Renaming outright would be a **breaking** change: `README.md` presents the\n * `eidos-*` class names as things consumers may target, so a stylesheet out\n * there is matching the old spelling. Emitting both keeps every existing\n * selector working while new code has one spelling to learn.\n *\n * Deliberately a helper rather than a duplicated string literal at each call\n * site: two near-identical classes in a `className` read as a copy-paste slip\n * and invite exactly the \"tidy up\" that would silently break those consumer\n * stylesheets. It also makes dropping the aliases at the next major a change\n * to this one file rather than an edit in every component.\n *\n * Internal only - deliberately not re-exported from `src/index.ts`.\n *\n * @example\n * dualModifier('eidos-input', 'full-width', 'fullWidth');\n * // 'eidos-input--full-width eidos-input--fullWidth'\n */\nexport const dualModifier = (block: string, canonical: string, legacy: string): string =>\n  `${block}--${canonical} ${block}--${legacy}`;\n\n/** `dualModifier` preset for the library's most widespread split modifier. */\nexport const fullWidthModifier = (block: string): string =>\n  dualModifier(block, 'full-width', 'fullWidth');\n","import { useEffect, type RefObject } from 'react';\n\n/**\n * Focus management for a dialog: move focus in on open, optionally trap Tab\n * inside it, and restore focus to the opener on close.\n *\n * Named for the job rather than the mechanism because the trap is optional.\n * `Popover` declares `aria-modal=\"false\"` - an honest non-modal dialog - so\n * trapping Tab in it would be wrong, but it still needs the other two: its\n * panel is portaled to `document.body`, so without moving focus in, Tab from\n * the trigger goes to whatever follows it in the page and the panel's own\n * controls are unreachable by keyboard entirely.\n *\n * ## Why this exists\n *\n * `Modal`, `Drawer` and `CommandPalette` all rendered\n * `role=\"dialog\" aria-modal=\"true\"` with no focus management whatsoever. That\n * attribute is a **promise to assistive technology that the rest of the page\n * is inert**, and it was false: measured in a browser, focus never entered the\n * dialog, and Tab moved to the page behind the scrim on the first press\n * (Drawer on the second). Drawer additionally dropped focus onto `<body>` when\n * it closed, so a keyboard user was returned to the top of the document.\n *\n * That is WCAG 2.4.3 Focus Order (Level A), and it is invisible to axe - a\n * static snapshot of the DOM looks perfectly correct.\n *\n * ## Nesting\n *\n * Traps register on a module-level stack and only the innermost one acts, so a\n * dialog opened from a dialog behaves correctly. Without this, both listeners\n * fire for the same Tab and fight over where focus lands.\n *\n * ## What this does *not* do\n *\n * It does not mark the background `inert`. A trap plus `aria-modal` is the\n * widely-supported approach and is what screen readers act on; `inert` on\n * every sibling of the portal root would be stronger, but it needs the\n * component to know about DOM it does not own. Worth revisiting if a\n * consumer reports a screen reader escaping the dialog in browse mode.\n */\n\n/**\n * Deliberately not `[tabindex]` in general - that would match `tabindex=\"-1\"`,\n * which is programmatically focusable but explicitly removed from the Tab\n * sequence, so including it would make Tab stop somewhere the user cannot\n * reach by tabbing in the first place.\n */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'details > summary:first-of-type',\n  'iframe',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * `offsetParent === null` is the usual visibility check and is wrong here: it\n * is also null for `position: fixed` elements, which is exactly what a modal\n * is. `getClientRects()` is empty only when the element genuinely does not\n * render.\n */\nconst isVisible = (element: HTMLElement): boolean =>\n  element.getClientRects().length > 0 && getComputedStyle(element).visibility !== 'hidden';\n\nconst getFocusable = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (element) => isVisible(element) && element.closest('[aria-hidden=\"true\"]') === null,\n  );\n\n/** Innermost trap last. Only the last entry responds to Tab. */\nconst trapStack: HTMLElement[] = [];\n\nexport interface UseDialogFocusOptions {\n  /** Focused when the trap activates. Defaults to the first focusable child. */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /**\n   * Whether to return focus to whatever had it when the trap activated.\n   * Defaults to `true`; pass `false` when the caller restores focus itself.\n   */\n  restoreFocus?: boolean;\n  /**\n   * Whether Tab is confined to the container. Defaults to `true`.\n   *\n   * Set `false` for a non-modal dialog (`aria-modal=\"false\"`), where the rest\n   * of the page stays available and trapping would strand the user.\n   */\n  trapTab?: boolean;\n}\n\nexport const useDialogFocus = (\n  active: boolean,\n  containerRef: RefObject<HTMLElement | null>,\n  { initialFocus, restoreFocus = true, trapTab = true }: UseDialogFocusOptions = {},\n): void => {\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!active || !container) return;\n\n    // Captured before focus moves. The caller must only flip `active` to true\n    // once the container is in the DOM - for the animated overlays that means\n    // `isOpen && isMounted`, since `isMounted` is set in an effect one render\n    // later and the container does not exist before it.\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    trapStack.push(container);\n\n    // Moving focus in is retried across a few frames rather than attempted\n    // once.\n    //\n    // These overlays animate open, and `.focus()` on an element that is still\n    // `visibility: hidden` is a silent no-op - it does not throw, it just\n    // leaves focus where it was. `Modal` sets its `--is-open` class two\n    // animation frames after mounting, and the computed style has not caught\n    // up at the moment the effect runs, so a single attempt focused nothing\n    // and the trap looked broken.\n    //\n    // Retrying is better than keying off any particular animation: the hook\n    // stays ignorant of each component's transition duration, and simply\n    // stops as soon as focus has actually landed inside.\n    const MAX_FRAMES = 10;\n    let frame = 0;\n    let attempts = 0;\n\n    const tryFocus = () => {\n      const target = initialFocus?.current ?? getFocusable(container)[0];\n      if (target) {\n        target.focus();\n      } else {\n        // A dialog with nothing focusable in it still must not leave focus on\n        // the page behind, so the container takes it. `tabindex=\"-1\"` keeps\n        // it out of the Tab sequence while allowing `.focus()`.\n        if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1');\n        container.focus();\n      }\n\n      if (!container.contains(document.activeElement) && attempts < MAX_FRAMES) {\n        attempts += 1;\n        frame = requestAnimationFrame(tryFocus);\n      }\n    };\n\n    tryFocus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      // Only the innermost trap acts.\n      if (trapStack[trapStack.length - 1] !== container) return;\n\n      // Re-queried on every Tab rather than cached: dialog contents change\n      // (a disabled Confirm button becoming enabled, a list filtering down),\n      // and a stale list sends focus to an element that is no longer there.\n      const focusable = getFocusable(container);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      // Focus outside the container - e.g. a click landed on the backdrop.\n      // Pull it back in rather than letting Tab continue through the page.\n      if (!activeElement || !container.contains(activeElement)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus();\n        return;\n      }\n\n      if (event.shiftKey && activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapTab) document.addEventListener('keydown', onKeyDown, true);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      document.removeEventListener('keydown', onKeyDown, true);\n\n      const index = trapStack.lastIndexOf(container);\n      if (index !== -1) trapStack.splice(index, 1);\n\n      // Restore only if focus still belongs to the closing dialog.\n      //\n      // Two cases count as \"belongs\":\n      //\n      // 1. Focus is still inside the container.\n      // 2. Focus has been lost to `<body>`. When the overlay hides, the\n      //    browser blurs whatever was focused inside it, so by the time this\n      //    cleanup runs `activeElement` is often already `<body>` - checking\n      //    only case 1 meant `CommandPalette` never restored at all.\n      //\n      // Anything else means something took focus deliberately - a confirm\n      // action moving to a new region, say - and stealing it back would be\n      // worse than doing nothing.\n      const active = document.activeElement;\n      const focusIsOurs = container.contains(active) || active === document.body || active === null;\n\n      if (restoreFocus && focusIsOurs && previouslyFocused?.isConnected) {\n        previouslyFocused.focus();\n      }\n    };\n  }, [active, containerRef, initialFocus, restoreFocus, trapTab]);\n};\n"]}

package/dist/chunk-WGCGSM5P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TagInput/TagInput.component.tsx"],"sourcesContent":["import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\nimport { CircleAlert } from 'lucide-react';\nimport { Chip } from '../Chip/Chip.component';\nimport { Dropdown } from '../Dropdown/Dropdown.component';\nimport type { TagInputProps } from './TagInput.types';\nimport './TagInput.scss';\n\nexport const TagInput: React.FC<TagInputProps> = ({\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = 'Add tag…',\n  size = 'md',\n  disabled = false,\n  label,\n  error,\n  hint,\n  allowDuplicates = false,\n  maxTags,\n  separators = ['Enter', ',', 'Tab'],\n  validate,\n  className = '',\n  fullWidth = false,\n  suggestions,\n  onSearch,\n  suggestionsEmptyText = 'No matches',\n}) => {\n  const generatedId = useId();\n  const inputId = `tag-input-${generatedId}`;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\n  const fieldRef = useRef<HTMLDivElement>(null);\n\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\n\n  const hasSuggestions = suggestions !== undefined;\n  const isSuggestionsOpenRef = useRef(false);\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\n  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\n\n  const isControlled = value !== undefined;\n\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\n  const [inputValue, setInputValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [validationError, setValidationError] = useState<string | null>(null);\n\n  const tags = isControlled ? (value as string[]) : internalTags;\n\n  const updateTags = useCallback(\n    (newTags: string[]) => {\n      if (!isControlled) {\n        setInternalTags(newTags);\n      }\n      onChange?.(newTags);\n    },\n    [isControlled, onChange],\n  );\n\n  const addTag = useCallback(\n    (rawTag: string) => {\n      const tag = rawTag.trim();\n\n      if (!tag) return;\n\n      if (!allowDuplicates && tags.includes(tag)) return;\n\n      if (maxTags !== undefined && tags.length >= maxTags) return;\n\n      if (validate) {\n        const result = validate(tag);\n        if (result === false) return;\n        if (typeof result === 'string') {\n          setValidationError(result);\n          return;\n        }\n        // result === true → valid, fall through\n      }\n\n      setValidationError(null);\n      updateTags([...tags, tag]);\n      setInputValue('');\n    },\n    [tags, allowDuplicates, maxTags, validate, updateTags],\n  );\n\n  const removeTag = useCallback(\n    (index: number) => {\n      updateTags(tags.filter((_, i) => i !== index));\n    },\n    [tags, updateTags],\n  );\n\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\n\n  const filteredSuggestions = useMemo<string[]>(() => {\n    if (!suggestions) return [];\n    const query = inputValue.trim().toLowerCase();\n    return suggestions.filter((suggestion) => {\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\n      if (!query) return true;\n      return suggestion.toLowerCase().includes(query);\n    });\n  }, [suggestions, inputValue, tags, allowDuplicates]);\n\n  useEffect(() => {\n    setFocusedSuggestionIndex(-1);\n  }, [filteredSuggestions]);\n\n  const openSuggestions = useCallback(() => {\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\n    isSuggestionsOpenRef.current = true;\n    setIsSuggestionsOpen(true);\n  }, [disabled, hasSuggestions]);\n\n  const closeSuggestions = useCallback(() => {\n    isSuggestionsOpenRef.current = false;\n    setIsSuggestionsOpen(false);\n    setFocusedSuggestionIndex(-1);\n    setSuggestionsMenuKey((prev) => prev + 1);\n  }, []);\n\n  const selectSuggestion = useCallback(\n    (suggestion: string) => {\n      addTag(suggestion);\n      closeSuggestions();\n      inputRef.current?.focus();\n    },\n    [addTag, closeSuggestions],\n  );\n\n  // Click-outside detection for the suggestions dropdown.\n  useEffect(() => {\n    if (!hasSuggestions) return;\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!isSuggestionsOpenRef.current) return;\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\n      if (containerRef.current?.contains(e.target as Node)) return;\n      closeSuggestions();\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => document.removeEventListener('mousedown', handleMouseDown);\n  }, [hasSuggestions, closeSuggestions]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\n        return;\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\n        return;\n      }\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\n        e.preventDefault();\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\n        return;\n      }\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        closeSuggestions();\n        return;\n      }\n    }\n\n    if (separators.includes(e.key)) {\n      e.preventDefault();\n      addTag(inputValue);\n      return;\n    }\n\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\n      e.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const query = e.target.value;\n    setInputValue(query);\n    if (validationError) {\n      setValidationError(null);\n    }\n    onSearch?.(query);\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\n  };\n\n  const handleInputFocus = () => {\n    setIsFocused(true);\n    if (hasSuggestions) openSuggestions();\n  };\n\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Don't steal focus from interactive child elements\n    if ((e.target as HTMLElement).closest('button, input')) return;\n    if (!disabled) {\n      inputRef.current?.focus();\n    }\n  };\n\n  const displayError = validationError ?? error;\n  const hasError = !!displayError;\n  const errorId = `${inputId}-error`;\n  const hintId = `${inputId}-hint`;\n\n  const containerClasses = [\n    'eidos-tag-input',\n    hasError && 'eidos-tag-input--error',\n    disabled && 'eidos-tag-input--disabled',\n    fullWidth && 'eidos-tag-input--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const fieldClasses = [\n    'eidos-tag-input-field',\n    `eidos-tag-input-field--${size}`,\n    isFocused && 'eidos-tag-input-field--focused',\n    hasError && 'eidos-tag-input-field--error',\n    disabled && 'eidos-tag-input-field--disabled',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const uid = generatedId;\n\n  return (\n    // No ARIA on this wrapper - it has no role, so `aria-expanded` and\n    // `aria-haspopup` were invalid here. Same fix as `Combobox`: they belong\n    // on the input, which is the combobox.\n    <div className={containerClasses} ref={containerRef}>\n      {label && (\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\n          {label}\n        </label>\n      )}\n\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\n        {tags.map((tag, index) => (\n          <Chip\n            key={`${tag}-${index}`}\n            variant=\"filled\"\n            color=\"primary\"\n            size={size}\n            onRemove={disabled ? undefined : () => removeTag(index)}\n          >\n            {tag}\n          </Chip>\n        ))}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          className=\"eidos-tag-input-input\"\n          type=\"text\"\n          value={inputValue}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n          onBlur={() => setIsFocused(false)}\n          aria-label={label ? undefined : 'Tag input'}\n          aria-invalid={hasError ? true : undefined}\n          // The ternary is deliberate, not a bug: the hint is unmounted when\n          // an error shows (see the render below), so describing the field\n          // with it would point at an element that is not there.\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\n          role={hasSuggestions ? 'combobox' : undefined}\n          aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\n          // Only while the list is actually rendered - `aria-controls` must\n          // name an element that exists.\n          aria-controls={hasSuggestions && isSuggestionsOpen ? `${uid}-tag-suggestions` : undefined}\n          aria-activedescendant={\n            hasSuggestions && focusedSuggestionIndex >= 0\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\n              : undefined\n          }\n        />\n\n        {hasSuggestions && (\n          <Dropdown\n            key={suggestionsMenuKey}\n            trigger={\n              <span\n                ref={dropdownSpanRef}\n                className=\"eidos-tag-input-dropdown-anchor\"\n                aria-hidden=\"true\"\n              />\n            }\n            content={\n              <div\n                id={`${uid}-tag-suggestions`}\n                className=\"eidos-tag-input-suggestions\"\n                role=\"listbox\"\n                aria-label={label ?? 'Suggestions'}\n                onMouseDown={(e) => e.preventDefault()}\n              >\n                {filteredSuggestions.length === 0 ? (\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\n                ) : (\n                  filteredSuggestions.map((suggestion, index) => (\n                    <div\n                      key={suggestion}\n                      id={`${uid}-tag-suggestion-${index}`}\n                      className={[\n                        'eidos-tag-input-suggestion',\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\n                      ]\n                        .filter(Boolean)\n                        .join(' ')}\n                      role=\"option\"\n                      aria-selected={index === focusedSuggestionIndex}\n                      onClick={() => selectSuggestion(suggestion)}\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\n                    >\n                      {suggestion}\n                    </div>\n                  ))\n                )}\n              </div>\n            }\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\n            autoWidth\n            closeOnClickOutside={false}\n            closeOnEscape={false}\n          />\n        )}\n      </div>\n\n      {hint && !hasError && (\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\n          {hint}\n        </p>\n      )}\n\n      {hasError && (\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\n          <CircleAlert />\n          {displayError}\n        </p>\n      )}\n    </div>\n  );\n};\n\nTagInput.displayName = 'TagInput';\n"],"mappings":"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","names":[]}

package/dist/chunk-WT4WBHBR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/renderIcon.tsx","../src/utils/devWarn.ts","../src/utils/dualModifier.ts","../src/utils/useDialogFocus.ts"],"sourcesContent":["import React from 'react';\nimport { icons } from 'lucide-react';\n\nexport type IconType = React.ComponentType<{ className?: string }> | string;\n\n/**\n * Helper function to render icons dynamically\n * Supports both React components (Lucide, MUI, etc.) and string-based icon names\n *\n * @param icon - Icon component or string name (e.g., \"heart\" or \"arrow-right\")\n * @param className - Optional CSS class name to apply to the icon\n * @returns React node representing the icon, or null if no icon provided\n *\n * @example\n * // Component-based icon\n * import { Heart } from 'lucide-react';\n * renderIcon(Heart, 'my-icon-class');\n *\n * @example\n * // String-based Lucide icon (kebab-case converted to PascalCase)\n * renderIcon('heart', 'my-icon-class');\n * renderIcon('arrow-right', 'my-icon-class');\n *\n * @example\n * // String-based CSS class (for Font Awesome, Remixicon, etc.)\n * renderIcon('fas fa-heart', 'my-icon-class');\n */\nexport const renderIcon = (icon: IconType | undefined, className?: string): React.ReactNode => {\n  if (!icon) return null;\n\n  if (typeof icon === 'string') {\n    // Convert kebab-case to PascalCase for Lucide icons\n    const iconName = icon\n      .split('-')\n      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n      .join('');\n\n    // Try to find the icon in lucide-react\n    const LucideIcon = icons[iconName as keyof typeof icons] as\n      React.ComponentType<{ className?: string }> | undefined;\n\n    if (LucideIcon) {\n      return <LucideIcon className={className} aria-hidden=\"true\" />;\n    }\n\n    // Fallback: render as a CSS class (for Font Awesome, Remixicon, etc.)\n    return <i className={`${icon} ${className || ''}`} aria-hidden=\"true\" />;\n  }\n\n  // It's a React component\n  const IconComponent = icon;\n  return <IconComponent className={className} aria-hidden=\"true\" />;\n};\n","/**\n * Logs a misconfiguration warning, once per `key`, and never in production.\n *\n * Deliberately reads `process.env.NODE_ENV` off `globalThis` behind a cast\n * rather than referencing `process` directly: this is a browser library, and\n * a bare `process` reference fails the `tsup` dts build (its worker resolves\n * without node types, so `npm run typecheck` passing is not enough) as well\n * as throwing at runtime anywhere a bundler hasn't substituted it. The\n * optional chaining covers every case - no `process`, no `env`, no value.\n *\n * Because the check is dynamic rather than a statically replaceable\n * `process.env.NODE_ENV` expression, the message text stays in production\n * bundles; only the logging is skipped. That is the trade for not shipping a\n * `process` reference at all, and these strings are small.\n */\nconst warned = new Set<string>();\n\nexport function devWarn(key: string, message: string): void {\n  const nodeEnv = (globalThis as { process?: { env?: { NODE_ENV?: string } } }).process?.env\n    ?.NODE_ENV;\n  if (nodeEnv === 'production') return;\n  if (warned.has(key)) return;\n  warned.add(key);\n  console.warn(`[eidos-ui] ${message}`);\n}\n","/**\n * Emits a BEM modifier in both its canonical kebab-case spelling and a legacy\n * camelCase one.\n *\n * The library shipped two conventions for the same idea: eight components\n * used `--fullWidth` while four used `--full-width`, and `Tabs` had\n * `--hideScrollbar`. Kebab-case is the canonical form - every block name\n * (`eidos-date-picker-trigger`) and every design token (`--font-size-sm`) is\n * already kebab, so a camelCase modifier was inconsistent with the very\n * selector it hung off.\n *\n * Renaming outright would be a **breaking** change: `README.md` presents the\n * `eidos-*` class names as things consumers may target, so a stylesheet out\n * there is matching the old spelling. Emitting both keeps every existing\n * selector working while new code has one spelling to learn.\n *\n * Deliberately a helper rather than a duplicated string literal at each call\n * site: two near-identical classes in a `className` read as a copy-paste slip\n * and invite exactly the \"tidy up\" that would silently break those consumer\n * stylesheets. It also makes dropping the aliases at the next major a change\n * to this one file rather than an edit in every component.\n *\n * Internal only - deliberately not re-exported from `src/index.ts`.\n *\n * @example\n * dualModifier('eidos-input', 'full-width', 'fullWidth');\n * // 'eidos-input--full-width eidos-input--fullWidth'\n */\nexport const dualModifier = (block: string, canonical: string, legacy: string): string =>\n  `${block}--${canonical} ${block}--${legacy}`;\n\n/** `dualModifier` preset for the library's most widespread split modifier. */\nexport const fullWidthModifier = (block: string): string =>\n  dualModifier(block, 'full-width', 'fullWidth');\n","import { useEffect, type RefObject } from 'react';\n\n/**\n * Focus management for a dialog: move focus in on open, optionally trap Tab\n * inside it, and restore focus to the opener on close.\n *\n * Named for the job rather than the mechanism because the trap is optional.\n * `Popover` declares `aria-modal=\"false\"` - an honest non-modal dialog - so\n * trapping Tab in it would be wrong, but it still needs the other two: its\n * panel is portaled to `document.body`, so without moving focus in, Tab from\n * the trigger goes to whatever follows it in the page and the panel's own\n * controls are unreachable by keyboard entirely.\n *\n * ## Why this exists\n *\n * `Modal`, `Drawer` and `CommandPalette` all rendered\n * `role=\"dialog\" aria-modal=\"true\"` with no focus management whatsoever. That\n * attribute is a **promise to assistive technology that the rest of the page\n * is inert**, and it was false: measured in a browser, focus never entered the\n * dialog, and Tab moved to the page behind the scrim on the first press\n * (Drawer on the second). Drawer additionally dropped focus onto `<body>` when\n * it closed, so a keyboard user was returned to the top of the document.\n *\n * That is WCAG 2.4.3 Focus Order (Level A), and it is invisible to axe - a\n * static snapshot of the DOM looks perfectly correct.\n *\n * ## Nesting\n *\n * Traps register on a module-level stack and only the innermost one acts, so a\n * dialog opened from a dialog behaves correctly. Without this, both listeners\n * fire for the same Tab and fight over where focus lands.\n *\n * ## What this does *not* do\n *\n * It does not mark the background `inert`. A trap plus `aria-modal` is the\n * widely-supported approach and is what screen readers act on; `inert` on\n * every sibling of the portal root would be stronger, but it needs the\n * component to know about DOM it does not own. Worth revisiting if a\n * consumer reports a screen reader escaping the dialog in browse mode.\n */\n\n/**\n * Deliberately not `[tabindex]` in general - that would match `tabindex=\"-1\"`,\n * which is programmatically focusable but explicitly removed from the Tab\n * sequence, so including it would make Tab stop somewhere the user cannot\n * reach by tabbing in the first place.\n */\nexport const FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  'details > summary:first-of-type',\n  'iframe',\n  'audio[controls]',\n  'video[controls]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * `offsetParent === null` is the usual visibility check and is wrong here: it\n * is also null for `position: fixed` elements, which is exactly what a modal\n * is. `getClientRects()` is empty only when the element genuinely does not\n * render.\n */\nconst isVisible = (element: HTMLElement): boolean =>\n  element.getClientRects().length > 0 && getComputedStyle(element).visibility !== 'hidden';\n\nconst getFocusable = (container: HTMLElement): HTMLElement[] =>\n  Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n    (element) => isVisible(element) && element.closest('[aria-hidden=\"true\"]') === null,\n  );\n\n/** Innermost trap last. Only the last entry responds to Tab. */\nconst trapStack: HTMLElement[] = [];\n\nexport interface UseDialogFocusOptions {\n  /** Focused when the trap activates. Defaults to the first focusable child. */\n  initialFocus?: RefObject<HTMLElement | null>;\n  /**\n   * Whether to return focus to whatever had it when the trap activated.\n   * Defaults to `true`; pass `false` when the caller restores focus itself.\n   */\n  restoreFocus?: boolean;\n  /**\n   * Whether Tab is confined to the container. Defaults to `true`.\n   *\n   * Set `false` for a non-modal dialog (`aria-modal=\"false\"`), where the rest\n   * of the page stays available and trapping would strand the user.\n   */\n  trapTab?: boolean;\n}\n\nexport const useDialogFocus = (\n  active: boolean,\n  containerRef: RefObject<HTMLElement | null>,\n  { initialFocus, restoreFocus = true, trapTab = true }: UseDialogFocusOptions = {},\n): void => {\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!active || !container) return;\n\n    // Captured before focus moves. The caller must only flip `active` to true\n    // once the container is in the DOM - for the animated overlays that means\n    // `isOpen && isMounted`, since `isMounted` is set in an effect one render\n    // later and the container does not exist before it.\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    trapStack.push(container);\n\n    // Moving focus in is retried across a few frames rather than attempted\n    // once.\n    //\n    // These overlays animate open, and `.focus()` on an element that is still\n    // `visibility: hidden` is a silent no-op - it does not throw, it just\n    // leaves focus where it was. `Modal` sets its `--is-open` class two\n    // animation frames after mounting, and the computed style has not caught\n    // up at the moment the effect runs, so a single attempt focused nothing\n    // and the trap looked broken.\n    //\n    // Retrying is better than keying off any particular animation: the hook\n    // stays ignorant of each component's transition duration, and simply\n    // stops as soon as focus has actually landed inside.\n    const MAX_FRAMES = 10;\n    let frame = 0;\n    let attempts = 0;\n\n    const tryFocus = () => {\n      const target = initialFocus?.current ?? getFocusable(container)[0];\n      if (target) {\n        target.focus();\n      } else {\n        // A dialog with nothing focusable in it still must not leave focus on\n        // the page behind, so the container takes it. `tabindex=\"-1\"` keeps\n        // it out of the Tab sequence while allowing `.focus()`.\n        if (!container.hasAttribute('tabindex')) container.setAttribute('tabindex', '-1');\n        container.focus();\n      }\n\n      if (!container.contains(document.activeElement) && attempts < MAX_FRAMES) {\n        attempts += 1;\n        frame = requestAnimationFrame(tryFocus);\n      }\n    };\n\n    tryFocus();\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      // Only the innermost trap acts.\n      if (trapStack[trapStack.length - 1] !== container) return;\n\n      // Re-queried on every Tab rather than cached: dialog contents change\n      // (a disabled Confirm button becoming enabled, a list filtering down),\n      // and a stale list sends focus to an element that is no longer there.\n      const focusable = getFocusable(container);\n      if (focusable.length === 0) {\n        event.preventDefault();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      const activeElement = document.activeElement as HTMLElement | null;\n\n      // Focus outside the container - e.g. a click landed on the backdrop.\n      // Pull it back in rather than letting Tab continue through the page.\n      if (!activeElement || !container.contains(activeElement)) {\n        event.preventDefault();\n        (event.shiftKey ? last : first).focus();\n        return;\n      }\n\n      if (event.shiftKey && activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapTab) document.addEventListener('keydown', onKeyDown, true);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      document.removeEventListener('keydown', onKeyDown, true);\n\n      const index = trapStack.lastIndexOf(container);\n      if (index !== -1) trapStack.splice(index, 1);\n\n      // Restore only if focus still belongs to the closing dialog.\n      //\n      // Two cases count as \"belongs\":\n      //\n      // 1. Focus is still inside the container.\n      // 2. Focus has been lost to `<body>`. When the overlay hides, the\n      //    browser blurs whatever was focused inside it, so by the time this\n      //    cleanup runs `activeElement` is often already `<body>` - checking\n      //    only case 1 meant `CommandPalette` never restored at all.\n      //\n      // Anything else means something took focus deliberately - a confirm\n      // action moving to a new region, say - and stealing it back would be\n      // worse than doing nothing.\n      const active = document.activeElement;\n      const focusIsOurs = container.contains(active) || active === document.body || active === null;\n\n      if (restoreFocus && focusIsOurs && previouslyFocused?.isConnected) {\n        previouslyFocused.focus();\n      }\n    };\n  }, [active, containerRef, initialFocus, restoreFocus, trapTab]);\n};\n"],"mappings":"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","names":["active"]}

package/dist/chunk-XO7WTE6O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { TooltipProps, TooltipState } from './Tooltip.types';\nimport { FOCUSABLE_SELECTOR } from '../../utils';\n\n/**\n * How long the tooltip stays open after the pointer leaves, so it can be\n * moved onto the panel itself (SC 1.4.13, \"hoverable\"). Long enough to cross\n * the gap, short enough not to feel stuck.\n */\nconst HOVER_GRACE_MS = 150;\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  message,\n  component: Component,\n  componentProps,\n  placement: preferredPlacement = 'top',\n  delay = 100,\n  disabled = false,\n  className = '',\n  triggerType = 'hover',\n  closeOnClickOutside = true,\n  closeOnEscape = true,\n}) => {\n  const [tooltipState, setTooltipState] = useState<TooltipState>({\n    isVisible: false,\n    position: { top: 0, left: 0, placement: 'top' },\n    isPositioned: false,\n  });\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n  const isScrollingRef = useRef(false);\n\n  const calculateOptimalPosition = useCallback(\n    (triggerRect: DOMRect, tooltipRect: DOMRect) => {\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 8;\n\n      let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\n      let top = 0;\n      let left = 0;\n\n      switch (preferredPlacement) {\n        case 'top':\n          top = triggerRect.top - tooltipRect.height - gap;\n          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n          break;\n        case 'bottom':\n          top = triggerRect.bottom + gap;\n          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n          break;\n        case 'left':\n          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n          left = triggerRect.left - tooltipRect.width - gap;\n          break;\n        case 'right':\n          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n          left = triggerRect.right + gap;\n          break;\n      }\n\n      if (placement === 'top' && top < gap) {\n        placement = 'bottom';\n        top = triggerRect.bottom + gap;\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n      } else if (placement === 'bottom' && top + tooltipRect.height > viewportHeight - gap) {\n        placement = 'top';\n        top = triggerRect.top - tooltipRect.height - gap;\n        left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n      } else if (placement === 'left' && left < gap) {\n        placement = 'right';\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n        left = triggerRect.right + gap;\n      } else if (placement === 'right' && left + tooltipRect.width > viewportWidth - gap) {\n        placement = 'left';\n        top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - gap;\n      }\n\n      top = Math.max(gap, Math.min(top, viewportHeight - tooltipRect.height - gap));\n      left = Math.max(gap, Math.min(left, viewportWidth - tooltipRect.width - gap));\n\n      return { top, left, placement };\n    },\n    [preferredPlacement],\n  );\n\n  const handleScroll = useCallback(() => {\n    if (!tooltipState.isVisible || !tooltipState.isPositioned || isScrollingRef.current) return;\n\n    isScrollingRef.current = true;\n\n    animationFrameRef.current = requestAnimationFrame(() => {\n      if (triggerRef.current && tooltipRef.current) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\n\n        setTooltipState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n\n      isScrollingRef.current = false;\n    });\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\n\n  const handleMouseEnter = useCallback(() => {\n    if (disabled || triggerType !== 'hover') return;\n\n    // Cancels a pending hide as well as scheduling the show. Both handlers\n    // are bound to the trigger *and* to the panel, so this is what catches\n    // the pointer as it crosses from one to the other.\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      // Left untouched when already open. Re-entering from the panel would\n      // otherwise re-run the open transition and reposition a tooltip the\n      // user is in the middle of reading.\n      setTooltipState((prev) =>\n        prev.isVisible ? prev : { ...prev, isVisible: true, isPositioned: false },\n      );\n    }, delay);\n  }, [disabled, delay, triggerType]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (triggerType !== 'hover') return;\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    // Closing is delayed, not immediate.\n    //\n    // SC 1.4.13 requires the pointer to be able to reach the tooltip's own\n    // content. The panel is portaled and sits a few pixels off the trigger,\n    // so an immediate hide made that gap impossible to cross - the tooltip\n    // disappeared the moment the pointer left the trigger, however fast the\n    // user moved. The grace period is what makes \"hoverable\" reachable in\n    // practice.\n    timeoutRef.current = setTimeout(() => {\n      setTooltipState((prev) => ({\n        ...prev,\n        isVisible: false,\n        isPositioned: false,\n      }));\n    }, HOVER_GRACE_MS);\n  }, [triggerType]);\n\n  const handleClick = useCallback(() => {\n    if (disabled || triggerType !== 'click') return;\n\n    if (tooltipState.isVisible) {\n      setTooltipState((prev) => ({\n        ...prev,\n        isVisible: false,\n        isPositioned: false,\n      }));\n    } else {\n      if (delay > 0) {\n        timeoutRef.current = setTimeout(() => {\n          setTooltipState((prev) => ({\n            ...prev,\n            isVisible: true,\n            isPositioned: false,\n          }));\n        }, delay);\n      } else {\n        setTooltipState((prev) => ({\n          ...prev,\n          isVisible: true,\n          isPositioned: false,\n        }));\n      }\n    }\n  }, [disabled, triggerType, tooltipState.isVisible, delay]);\n\n  const handleFocus = useCallback(() => {\n    if (disabled || triggerType !== 'focus') return;\n\n    timeoutRef.current = setTimeout(() => {\n      setTooltipState((prev) => ({\n        ...prev,\n        isVisible: true,\n        isPositioned: false,\n      }));\n    }, delay);\n  }, [disabled, triggerType, delay]);\n\n  const handleBlur = useCallback(() => {\n    if (triggerType !== 'focus') return;\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    setTooltipState((prev) => ({\n      ...prev,\n      isVisible: false,\n      isPositioned: false,\n    }));\n  }, [triggerType]);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (!closeOnClickOutside || !tooltipState.isVisible || triggerType !== 'click') return;\n\n      const target = event.target as Node;\n\n      if (tooltipRef.current?.contains(target) || triggerRef.current?.contains(target)) {\n        return;\n      }\n\n      setTooltipState((prev) => ({\n        ...prev,\n        isVisible: false,\n        isPositioned: false,\n      }));\n    },\n    [closeOnClickOutside, tooltipState.isVisible, triggerType],\n  );\n\n  const handleEscapeKey = useCallback(\n    (event: KeyboardEvent) => {\n      // Every trigger type, not just `click`.\n      //\n      // SC 1.4.13 requires content shown on hover *or focus* to be\n      // dismissible without moving the pointer or focus - and `hover` is the\n      // default, so the one configuration that could be dismissed was the\n      // one least likely to be used. A tooltip covering the text you are\n      // trying to read had to be escaped by physically moving the mouse.\n      if (closeOnEscape && event.key === 'Escape' && tooltipState.isVisible) {\n        setTooltipState((prev) => ({\n          ...prev,\n          isVisible: false,\n          isPositioned: false,\n        }));\n      }\n    },\n    [closeOnEscape, tooltipState.isVisible],\n  );\n\n  useEffect(() => {\n    if (\n      tooltipState.isVisible &&\n      !tooltipState.isPositioned &&\n      tooltipRef.current &&\n      triggerRef.current\n    ) {\n      const triggerRect = triggerRef.current.getBoundingClientRect();\n      const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\n\n      setTooltipState((prev) => ({\n        ...prev,\n        position: { top, left, placement },\n        isPositioned: true,\n      }));\n    }\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (\n        tooltipState.isVisible &&\n        tooltipState.isPositioned &&\n        tooltipRef.current &&\n        triggerRef.current\n      ) {\n        const triggerRect = triggerRef.current.getBoundingClientRect();\n        const tooltipRect = tooltipRef.current.getBoundingClientRect();\n\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\n\n        setTooltipState((prev) => ({\n          ...prev,\n          position: { top, left, placement },\n        }));\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\n\n  useEffect(() => {\n    if (tooltipState.isVisible) {\n      window.addEventListener('scroll', handleScroll, { passive: true });\n\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll);\n      document.body.removeEventListener('scroll', handleScroll);\n    };\n  }, [tooltipState.isVisible, handleScroll]);\n\n  // Click-outside is only meaningful for a click-triggered tooltip; Escape\n  // is not. Registering them together meant a hover tooltip had no way to be\n  // dismissed from the keyboard at all (SC 1.4.13, \"dismissible\") - and\n  // `hover` is the default, so the failing case was the common one.\n  useEffect(() => {\n    if (tooltipState.isVisible && triggerType === 'click') {\n      document.addEventListener('mousedown', handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [tooltipState.isVisible, triggerType, handleClickOutside]);\n\n  useEffect(() => {\n    if (tooltipState.isVisible) {\n      document.addEventListener('keydown', handleEscapeKey);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleEscapeKey);\n    };\n  }, [tooltipState.isVisible, handleEscapeKey]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, []);\n\n  const renderTooltipContent = () => {\n    if (message) {\n      return <span className=\"eidos-tooltip-message\">{message}</span>;\n    }\n    if (Component) {\n      return <Component {...(componentProps || {})} />;\n    }\n    return null;\n  };\n\n  // Whether the trigger wrapper has to become focusable itself, i.e. whether\n  // the consumer's child is not already a control. Measured from the DOM\n  // rather than guessed from the node type, because `children` is an\n  // arbitrary `ReactNode` and the control may be nested inside it.\n  const [triggerNeedsFocus, setTriggerNeedsFocus] = useState(false);\n\n  useEffect(() => {\n    const el = triggerRef.current;\n    setTriggerNeedsFocus(!!el && el.querySelector(FOCUSABLE_SELECTOR) === null);\n  }, [children, triggerType]);\n\n  const getTriggerProps = () => {\n    const props: Record<string, unknown> = {\n      ref: triggerRef,\n      className: 'eidos-tooltip-trigger',\n    };\n\n    switch (triggerType) {\n      case 'hover':\n        props.onMouseEnter = handleMouseEnter;\n        props.onMouseLeave = handleMouseLeave;\n        break;\n      case 'click':\n        props.onClick = handleClick;\n        // Only when the trigger has no control of its own. Making this\n        // wrapper a button unconditionally put a button inside a button\n        // whenever the child was one - which is the common case, since\n        // `Button` wraps *itself* in a Tooltip when given `tooltip`. That is\n        // invalid (`nested-interactive`) and gives one action two tab stops.\n        if (triggerNeedsFocus) {\n          props.role = 'button';\n          props.tabIndex = 0;\n          props.onKeyDown = (event: React.KeyboardEvent) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              handleClick();\n            }\n          };\n        }\n        break;\n      case 'focus':\n        props.onFocus = handleFocus;\n        props.onBlur = handleBlur;\n        // Same reasoning: a focusable child already receives the focus that\n        // opens the tooltip, and adding `tabIndex` here would just add a\n        // second stop in front of it.\n        if (triggerNeedsFocus) props.tabIndex = 0;\n        break;\n    }\n\n    return props;\n  };\n\n  return (\n    <>\n      <div {...getTriggerProps()}>{children}</div>\n      {tooltipState.isVisible &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            // SC 1.4.13 \"hoverable\": the pointer has to be able to reach the\n            // tooltip's own content - to read a long message, or select text\n            // from it - without it vanishing. The panel used to be\n            // `pointer-events: none`, so moving towards it dismissed it.\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            className={`eidos-tooltip eidos-tooltip--${tooltipState.position.placement} ${className}`}\n            style={{\n              top: tooltipState.position.top,\n              left: tooltipState.position.left,\n            }}\n            data-state={tooltipState.isPositioned ? 'entered' : 'entering'}\n            role=\"tooltip\"\n          >\n            {renderTooltipContent()}\n          </div>,\n          document.body,\n        )}\n    </>\n  );\n};\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":"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","names":[]}