eidos-ui 1.0.0 → 1.0.2

package/dist/chunk-KQKJVFYF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Popover/Popover.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { X } from 'lucide-react';\r\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\r\n\r\nexport const Popover: React.FC<PopoverProps> = ({\r\n  trigger,\r\n  children,\r\n  title,\r\n  placement: preferredPlacement = 'bottom',\r\n  showCloseButton = false,\r\n  closeOnClickOutside = true,\r\n  closeOnEscape = true,\r\n  disabled = false,\r\n  isOpen,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  maxWidth = 320,\r\n  className,\r\n  contentClassName,\r\n}) => {\r\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\r\n  const isControlled = isOpen !== undefined;\r\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\r\n  const isVisible = isControlled ? isOpen! : localOpen;\r\n\r\n  // ── Positioning state ─────────────────────────────────────────────────────\r\n  const [popoverState, setPopoverState] = useState<PopoverState>({\r\n    isVisible: false,\r\n    isPositioned: false,\r\n    position: { top: 0, left: 0, placement: preferredPlacement },\r\n  });\r\n\r\n  // ── Refs ──────────────────────────────────────────────────────────────────\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n  const animationFrameRef = useRef<number | undefined>(undefined);\r\n  const isScrollingRef = useRef(false);\r\n\r\n  // ── Open / close helpers ──────────────────────────────────────────────────\r\n  const open = useCallback(() => {\r\n    if (disabled) return;\r\n    if (!isControlled) setLocalOpen(true);\r\n    onOpenChange?.(true);\r\n  }, [disabled, isControlled, onOpenChange]);\r\n\r\n  const close = useCallback(() => {\r\n    if (!isControlled) setLocalOpen(false);\r\n    onOpenChange?.(false);\r\n  }, [isControlled, onOpenChange]);\r\n\r\n  const toggle = useCallback(() => {\r\n    if (isVisible) {\r\n      close();\r\n    } else {\r\n      open();\r\n    }\r\n  }, [isVisible, open, close]);\r\n\r\n  // ── Positioning calculation ───────────────────────────────────────────────\r\n  const calculateOptimalPosition = useCallback(\r\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const gap = 8;\r\n\r\n      let placement: PopoverPlacement = preferredPlacement;\r\n      let top = 0;\r\n      let left = 0;\r\n\r\n      switch (preferredPlacement) {\r\n        case 'top':\r\n          top = triggerRect.top - contentRect.height - gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n          break;\r\n        case 'bottom':\r\n          top = triggerRect.bottom + gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n          break;\r\n        case 'left':\r\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n          left = triggerRect.left - contentRect.width - gap;\r\n          break;\r\n        case 'right':\r\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n          left = triggerRect.right + gap;\r\n          break;\r\n      }\r\n\r\n      // Flip if it doesn't fit in the preferred direction\r\n      if (placement === 'top' && top < gap) {\r\n        placement = 'bottom';\r\n        top = triggerRect.bottom + gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\r\n        placement = 'top';\r\n        top = triggerRect.top - contentRect.height - gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n      } else if (placement === 'left' && left < gap) {\r\n        placement = 'right';\r\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n        left = triggerRect.right + gap;\r\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\r\n        placement = 'left';\r\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n        left = triggerRect.left - contentRect.width - gap;\r\n      }\r\n\r\n      // Clamp to viewport\r\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\r\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\r\n\r\n      return { top, left, placement };\r\n    },\r\n    [preferredPlacement],\r\n  );\r\n\r\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\r\n  useEffect(() => {\r\n    if (isVisible) {\r\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\r\n    } else {\r\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\r\n    }\r\n  }, [isVisible]);\r\n\r\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\r\n  useEffect(() => {\r\n    if (\r\n      popoverState.isVisible &&\r\n      !popoverState.isPositioned &&\r\n      contentRef.current &&\r\n      triggerRef.current\r\n    ) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n      setPopoverState((prev) => ({\r\n        ...prev,\r\n        position: { top, left, placement },\r\n        isPositioned: true,\r\n      }));\r\n    }\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Scroll repositioning ─────────────────────────────────────────────────\r\n  const handleScroll = useCallback(() => {\r\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\r\n\r\n    isScrollingRef.current = true;\r\n\r\n    animationFrameRef.current = requestAnimationFrame(() => {\r\n      if (triggerRef.current && contentRef.current) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setPopoverState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n\r\n      isScrollingRef.current = false;\r\n    });\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Resize repositioning ──────────────────────────────────────────────────\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      if (\r\n        popoverState.isVisible &&\r\n        popoverState.isPositioned &&\r\n        contentRef.current &&\r\n        triggerRef.current\r\n      ) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setPopoverState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Scroll listener registration ─────────────────────────────────────────\r\n  useEffect(() => {\r\n    if (popoverState.isVisible) {\r\n      window.addEventListener('scroll', handleScroll, { passive: true });\r\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', handleScroll);\r\n      document.body.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [popoverState.isVisible, handleScroll]);\r\n\r\n  // ── Click-outside handler ─────────────────────────────────────────────────\r\n  const handleClickOutside = useCallback(\r\n    (event: MouseEvent) => {\r\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\r\n\r\n      const target = event.target as Node;\r\n\r\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      close();\r\n    },\r\n    [closeOnClickOutside, popoverState.isVisible, close],\r\n  );\r\n\r\n  // ── Escape key handler ────────────────────────────────────────────────────\r\n  const handleEscapeKey = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\r\n        close();\r\n      }\r\n    },\r\n    [closeOnEscape, popoverState.isVisible, close],\r\n  );\r\n\r\n  // ── Register global event listeners ──────────────────────────────────────\r\n  useEffect(() => {\r\n    if (popoverState.isVisible) {\r\n      document.addEventListener('mousedown', handleClickOutside);\r\n      document.addEventListener('keydown', handleEscapeKey);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n      document.removeEventListener('keydown', handleEscapeKey);\r\n    };\r\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\r\n\r\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\r\n  useEffect(() => {\r\n    const timeoutId = timeoutRef.current;\r\n    const animationFrameId = animationFrameRef.current;\r\n    return () => {\r\n      if (timeoutId) {\r\n        clearTimeout(timeoutId);\r\n      }\r\n      if (animationFrameId) {\r\n        cancelAnimationFrame(animationFrameId);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // ── Render ────────────────────────────────────────────────────────────────\r\n  return (\r\n    <>\r\n      {/* Trigger wrapper */}\r\n      <div\r\n        ref={triggerRef}\r\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\r\n        onClick={toggle}\r\n        aria-expanded={popoverState.isVisible}\r\n        aria-haspopup=\"dialog\"\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {/* Portal: floating panel */}\r\n      {popoverState.isVisible &&\r\n        createPortal(\r\n          <div\r\n            ref={contentRef}\r\n            role=\"dialog\"\r\n            aria-modal=\"false\"\r\n            aria-label={title ?? 'Popover'}\r\n            className={[\r\n              'eidos-popover-content',\r\n              `eidos-popover-content--${popoverState.position.placement}`,\r\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\r\n              contentClassName,\r\n            ]\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n            style={{\r\n              top: popoverState.position.top,\r\n              left: popoverState.position.left,\r\n              maxWidth: maxWidth,\r\n            }}\r\n          >\r\n            {(title || showCloseButton) && (\r\n              <div className=\"eidos-popover-header\">\r\n                {title && <span className=\"eidos-popover-title\">{title}</span>}\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"eidos-popover-close\"\r\n                    onClick={close}\r\n                    aria-label=\"Close popover\"\r\n                  >\r\n                    <X aria-hidden=\"true\" />\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n            <div className=\"eidos-popover-body\">{children}</div>\r\n          </div>,\r\n          document.body,\r\n        )}\r\n    </>\r\n  );\r\n};\r\n\r\nPopover.displayName = 'Popover';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-KV2FG7AN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-KV2FG7AN.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":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-KV2FG7AN.cjs","sourcesContent":[null,"import { createContext } from 'react';\r\n\r\nexport interface DropdownContextValue {\r\n  level: number;\r\n}\r\n\r\nexport const DropdownContext = createContext<DropdownContextValue>({ level: 0 });\r\n","import React from 'react';\r\nimport { DropdownContext } from './Dropdown.context.types';\r\n\r\nexport const DropdownProvider: React.FC<{ children: React.ReactNode; level?: number }> = ({\r\n  children,\r\n  level = 0,\r\n}) => {\r\n  return <DropdownContext.Provider value={{ level }}>{children}</DropdownContext.Provider>;\r\n};\r\n","import { useContext } from 'react';\r\nimport { DropdownContext } from './Dropdown.context.types';\r\n\r\nexport const useDropdownContext = () => {\r\n  return useContext(DropdownContext);\r\n};\r\n","import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport type { DropdownProps, DropdownState } from './Dropdown.types';\r\nimport { DropdownProvider } from './Dropdown.context';\r\nimport { useDropdownContext } from './Dropdown.hooks';\r\n\r\nconst DropdownInternal: React.FC<DropdownProps> = ({\r\n  trigger,\r\n  content,\r\n  placement: preferredPlacement = 'bottom',\r\n  align = 'start',\r\n  delay = 0,\r\n  disabled = false,\r\n  defaultOpen = false,\r\n  triggerClassName = '',\r\n  contentClassName = '',\r\n  closeOnClickOutside = true,\r\n  closeOnEscape = true,\r\n  minWidth,\r\n  maxWidth,\r\n  minHeight,\r\n  maxHeight,\r\n  autoWidth = true,\r\n  fullWidth = false,\r\n  triggerRef: externalTriggerRef,\r\n  isNested = false,\r\n  dropdownLevel,\r\n  dropdownGroup,\r\n}) => {\r\n  const context = useDropdownContext();\r\n  const actualLevel = dropdownLevel !== undefined ? dropdownLevel : context.level;\r\n  const [dropdownState, setDropdownState] = useState<DropdownState>({\r\n    isVisible: defaultOpen,\r\n    isPositioned: false,\r\n    position: { top: 0, left: 0, placement: preferredPlacement },\r\n  });\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n  const animationFrameRef = useRef<number | undefined>(undefined);\r\n  const isScrollingRef = useRef(false);\r\n\r\n  // The element to actually measure/anchor against. When a consumer passes\r\n  // `triggerRef`, that's an explicit statement of \"this is what I want the\r\n  // dropdown positioned relative to\" - it must win over the internal wrapper\r\n  // div, not just inform sizing. Consumers occasionally need `trigger` to be\r\n  // a small anchor node (e.g. a 0-height span) sitting inside a larger,\r\n  // variable-content field (chips, wrapped text); anchoring position to the\r\n  // wrapper instead of that field silently drifts as soon as the field's\r\n  // internal layout changes, since the wrapper only ever contains `trigger`\r\n  // itself, never the field around it.\r\n  const getTriggerElement = useCallback(\r\n    (): HTMLElement | null => externalTriggerRef?.current ?? triggerRef.current,\r\n    [externalTriggerRef],\r\n  );\r\n\r\n  const calculateDynamicSizing = useCallback(\r\n    (triggerRect: DOMRect) => {\r\n      // Shrink the panel to its content by default. This prevents the\r\n      // position:fixed element from expanding to viewport width when children\r\n      // use `width:100%` or `flex:1`. `minWidth` (set below) still wins when\r\n      // the trigger is wider than the content, as CSS min-width overrides width.\r\n      const styles: Record<string, string | number> = { width: 'max-content' };\r\n\r\n      if (autoWidth && (externalTriggerRef?.current || triggerRef.current)) {\r\n        const triggerWidth = triggerRect.width;\r\n        styles.minWidth = triggerWidth;\r\n      }\r\n\r\n      if (minWidth !== undefined) {\r\n        styles.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\r\n      }\r\n      if (maxWidth !== undefined) {\r\n        if (maxWidth === 'auto') {\r\n          styles.maxWidth = 'none';\r\n        } else {\r\n          styles.maxWidth = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\r\n        }\r\n      }\r\n      if (minHeight !== undefined) {\r\n        styles.minHeight = typeof minHeight === 'number' ? `${minHeight}px` : minHeight;\r\n      }\r\n      if (maxHeight !== undefined) {\r\n        if (maxHeight === 'auto') {\r\n          styles.maxHeight = 'none';\r\n        } else {\r\n          styles.maxHeight = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\r\n        }\r\n      }\r\n\r\n      const hasHeightConstraint = minHeight !== undefined || maxHeight !== undefined;\r\n      if (hasHeightConstraint) {\r\n        styles.overflowY = 'auto';\r\n      } else {\r\n        styles.overflowY = 'visible';\r\n      }\r\n\r\n      return styles;\r\n    },\r\n    [autoWidth, externalTriggerRef, minWidth, maxWidth, minHeight, maxHeight],\r\n  );\r\n\r\n  const calculateOptimalPosition = useCallback(\r\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const gap = 8;\r\n\r\n      let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\r\n      let top = 0;\r\n      let left = 0;\r\n\r\n      // Helpers for cross-axis alignment\r\n      const alignedLeft = (() => {\r\n        switch (align) {\r\n          case 'end':\r\n            return triggerRect.right - contentRect.width;\r\n          case 'center':\r\n            return triggerRect.left + (triggerRect.width - contentRect.width) / 2;\r\n          default:\r\n            return triggerRect.left; // \"start\"\r\n        }\r\n      })();\r\n      const alignedTop = (() => {\r\n        switch (align) {\r\n          case 'end':\r\n            return triggerRect.bottom - contentRect.height;\r\n          case 'center':\r\n            return triggerRect.top + (triggerRect.height - contentRect.height) / 2;\r\n          default:\r\n            return triggerRect.top; // \"start\"\r\n        }\r\n      })();\r\n\r\n      switch (preferredPlacement) {\r\n        case 'top':\r\n          top = triggerRect.top - contentRect.height - gap;\r\n          left = alignedLeft;\r\n          break;\r\n        case 'bottom':\r\n          top = triggerRect.bottom + gap;\r\n          left = alignedLeft;\r\n          break;\r\n        case 'left':\r\n          top = alignedTop;\r\n          left = triggerRect.left - contentRect.width - gap;\r\n          break;\r\n        case 'right':\r\n          top = alignedTop;\r\n          left = triggerRect.right + gap;\r\n          break;\r\n      }\r\n\r\n      if (placement === 'top' && top < gap) {\r\n        placement = 'bottom';\r\n        top = triggerRect.bottom + gap;\r\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\r\n        placement = 'top';\r\n        top = triggerRect.top - contentRect.height - gap;\r\n      } else if (placement === 'left' && left < gap) {\r\n        placement = 'right';\r\n        left = triggerRect.right + gap;\r\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\r\n        placement = 'left';\r\n        left = triggerRect.left - contentRect.width - gap;\r\n      }\r\n\r\n      // Always clamp to both viewport edges - not just the near one - regardless\r\n      // of whether an explicit min/max size was passed. `autoWidth` consumers\r\n      // (Combobox, Select, TagInput suggestions, Menu, ...) never set\r\n      // minWidth/maxWidth, so gating this on those props left the far edge\r\n      // (right/bottom) completely unclamped and let content overflow the\r\n      // viewport whenever it rendered wider/taller than its trigger.\r\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\r\n\r\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\r\n\r\n      return { top, left, placement };\r\n    },\r\n    [preferredPlacement, align],\r\n  );\r\n\r\n  const handleScroll = useCallback(() => {\r\n    if (!dropdownState.isVisible || !dropdownState.isPositioned || isScrollingRef.current) return;\r\n\r\n    isScrollingRef.current = true;\r\n\r\n    animationFrameRef.current = requestAnimationFrame(() => {\r\n      const triggerElement = getTriggerElement();\r\n      if (triggerElement && contentRef.current) {\r\n        const triggerRect = triggerElement.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setDropdownState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n\r\n      isScrollingRef.current = false;\r\n    });\r\n  }, [\r\n    dropdownState.isVisible,\r\n    dropdownState.isPositioned,\r\n    calculateOptimalPosition,\r\n    getTriggerElement,\r\n  ]);\r\n\r\n  const handleTriggerClick = useCallback(() => {\r\n    if (disabled) return;\r\n\r\n    if (dropdownState.isVisible) {\r\n      setDropdownState((prev) => ({\r\n        ...prev,\r\n        isVisible: false,\r\n        isPositioned: false,\r\n      }));\r\n    } else {\r\n      if (dropdownGroup) {\r\n        const siblingDropdowns = document.querySelectorAll(\r\n          `[data-dropdown-group=\"${dropdownGroup}\"][data-dropdown-content]`,\r\n        );\r\n        siblingDropdowns.forEach((dropdown) => {\r\n          const dropdownElement = dropdown as HTMLElement;\r\n\r\n          dropdownElement.dispatchEvent(new CustomEvent('closeSibling'));\r\n        });\r\n      }\r\n\r\n      if (delay > 0) {\r\n        timeoutRef.current = setTimeout(() => {\r\n          setDropdownState((prev) => ({\r\n            ...prev,\r\n            isVisible: true,\r\n            isPositioned: false,\r\n          }));\r\n        }, delay);\r\n      } else {\r\n        setDropdownState((prev) => ({\r\n          ...prev,\r\n          isVisible: true,\r\n          isPositioned: false,\r\n        }));\r\n      }\r\n    }\r\n  }, [disabled, dropdownState.isVisible, delay, dropdownGroup]);\r\n\r\n  useEffect(() => {\r\n    const handleCloseSibling = () => {\r\n      if (dropdownState.isVisible) {\r\n        setDropdownState((prev) => ({\r\n          ...prev,\r\n          isVisible: false,\r\n          isPositioned: false,\r\n        }));\r\n      }\r\n    };\r\n\r\n    const currentContentRef = contentRef.current;\r\n    if (currentContentRef) {\r\n      currentContentRef.addEventListener('closeSibling', handleCloseSibling);\r\n    }\r\n\r\n    return () => {\r\n      if (currentContentRef) {\r\n        currentContentRef.removeEventListener('closeSibling', handleCloseSibling);\r\n      }\r\n    };\r\n  }, [dropdownState.isVisible]);\r\n\r\n  const handleClickOutside = useCallback(\r\n    (event: MouseEvent) => {\r\n      if (!closeOnClickOutside || !dropdownState.isVisible) return;\r\n\r\n      const target = event.target as Node;\r\n\r\n      if (contentRef.current?.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      if (getTriggerElement()?.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      const allDropdowns = document.querySelectorAll('[data-dropdown-content]');\r\n      for (const dropdown of allDropdowns) {\r\n        if (dropdown === contentRef.current) continue;\r\n\r\n        if (dropdown.contains(target)) {\r\n          const clickedDropdownLevel = parseInt(\r\n            dropdown.getAttribute('data-dropdown-level') || '0',\r\n          );\r\n\r\n          if (clickedDropdownLevel > actualLevel) {\r\n            return;\r\n          }\r\n        }\r\n      }\r\n\r\n      setDropdownState((prev) => ({\r\n        ...prev,\r\n        isVisible: false,\r\n        isPositioned: false,\r\n      }));\r\n    },\r\n    [closeOnClickOutside, dropdownState.isVisible, actualLevel, getTriggerElement],\r\n  );\r\n\r\n  const handleEscapeKey = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (closeOnEscape && event.key === 'Escape' && dropdownState.isVisible) {\r\n        setDropdownState((prev) => ({\r\n          ...prev,\r\n          isVisible: false,\r\n          isPositioned: false,\r\n        }));\r\n      }\r\n    },\r\n    [closeOnEscape, dropdownState.isVisible],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const triggerElement = getTriggerElement();\r\n    if (\r\n      dropdownState.isVisible &&\r\n      !dropdownState.isPositioned &&\r\n      contentRef.current &&\r\n      triggerElement\r\n    ) {\r\n      const triggerRect = triggerElement.getBoundingClientRect();\r\n      const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n      setDropdownState((prev) => ({\r\n        ...prev,\r\n        position: { top, left, placement },\r\n        isPositioned: true,\r\n      }));\r\n    }\r\n  }, [\r\n    dropdownState.isVisible,\r\n    dropdownState.isPositioned,\r\n    calculateOptimalPosition,\r\n    getTriggerElement,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      const triggerElement = getTriggerElement();\r\n      if (\r\n        dropdownState.isVisible &&\r\n        dropdownState.isPositioned &&\r\n        contentRef.current &&\r\n        triggerElement\r\n      ) {\r\n        const triggerRect = triggerElement.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setDropdownState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [\r\n    dropdownState.isVisible,\r\n    dropdownState.isPositioned,\r\n    calculateOptimalPosition,\r\n    getTriggerElement,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (dropdownState.isVisible) {\r\n      window.addEventListener('scroll', handleScroll, { passive: true });\r\n\r\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', handleScroll);\r\n      document.body.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [dropdownState.isVisible, handleScroll]);\r\n\r\n  useEffect(() => {\r\n    if (dropdownState.isVisible) {\r\n      document.addEventListener('mousedown', handleClickOutside);\r\n      document.addEventListener('keydown', handleEscapeKey);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n      document.removeEventListener('keydown', handleEscapeKey);\r\n    };\r\n  }, [dropdownState.isVisible, handleClickOutside, handleEscapeKey]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) {\r\n        clearTimeout(timeoutRef.current);\r\n      }\r\n      if (animationFrameRef.current) {\r\n        cancelAnimationFrame(animationFrameRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        ref={triggerRef}\r\n        onClick={handleTriggerClick}\r\n        className={`eidos-dropdown-trigger ${fullWidth ? 'eidos-dropdown-trigger--fullWidth' : ''} ${triggerClassName}`}\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n      >\r\n        {trigger}\r\n      </div>\r\n      {dropdownState.isVisible &&\r\n        createPortal(\r\n          <div\r\n            ref={contentRef}\r\n            data-dropdown-content\r\n            data-dropdown-level={actualLevel}\r\n            data-dropdown-group={dropdownGroup || ''}\r\n            className={`eidos-dropdown-content eidos-dropdown-content--${dropdownState.position.placement} ${isNested ? 'eidos-dropdown-content--nested' : ''} ${dropdownState.isPositioned ? 'eidos-dropdown-content--positioned' : ''} ${contentClassName || ''}`}\r\n            style={{\r\n              top: dropdownState.position.top,\r\n              left: dropdownState.position.left,\r\n              ...calculateDynamicSizing(\r\n                getTriggerElement()?.getBoundingClientRect() || new DOMRect(),\r\n              ),\r\n            }}\r\n            role=\"menu\"\r\n          >\r\n            {content}\r\n          </div>,\r\n          document.body,\r\n        )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport const Dropdown: React.FC<DropdownProps> = (props) => {\r\n  const context = useDropdownContext();\r\n  const nextLevel = props.dropdownLevel !== undefined ? props.dropdownLevel : context.level + 1;\r\n\r\n  return (\r\n    <DropdownProvider level={nextLevel}>\r\n      <DropdownInternal {...props} />\r\n    </DropdownProvider>\r\n  );\r\n};\r\n\r\nDropdown.displayName = 'Dropdown';\r\n"]}