@asafarim/react-dropdowns 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,411 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useState, useRef, useCallback, useEffect, forwardRef } from 'react';
+import { createPortal } from 'react-dom';
+
+const useDropdown = ({ placement = 'bottom-start', offset = 8, closeOnSelect = true } = {}) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [position, setPosition] = useState({});
+    const triggerRef = useRef(null);
+    const menuRef = useRef(null);
+    const calculatePosition = useCallback(() => {
+        if (!triggerRef.current || !menuRef.current)
+            return;
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const menuRect = menuRef.current.getBoundingClientRect();
+        const viewport = {
+            width: window.innerWidth,
+            height: window.innerHeight
+        };
+        let newPosition = {};
+        // Calculate base position based on placement
+        switch (placement) {
+            case 'top':
+                newPosition = {
+                    bottom: viewport.height - triggerRect.top + offset,
+                    left: triggerRect.left + (triggerRect.width - menuRect.width) / 2
+                };
+                break;
+            case 'top-start':
+                newPosition = {
+                    bottom: viewport.height - triggerRect.top + offset,
+                    left: triggerRect.left
+                };
+                break;
+            case 'top-end':
+                newPosition = {
+                    bottom: viewport.height - triggerRect.top + offset,
+                    right: viewport.width - triggerRect.right
+                };
+                break;
+            case 'bottom':
+                newPosition = {
+                    top: triggerRect.bottom + offset,
+                    left: triggerRect.left + (triggerRect.width - menuRect.width) / 2
+                };
+                break;
+            case 'bottom-start':
+                newPosition = {
+                    top: triggerRect.bottom + offset,
+                    left: triggerRect.left
+                };
+                break;
+            case 'bottom-end':
+                newPosition = {
+                    top: triggerRect.bottom + offset,
+                    right: viewport.width - triggerRect.right
+                };
+                break;
+            case 'left':
+                newPosition = {
+                    top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,
+                    right: viewport.width - triggerRect.left + offset
+                };
+                break;
+            case 'left-start':
+                newPosition = {
+                    top: triggerRect.top,
+                    right: viewport.width - triggerRect.left + offset
+                };
+                break;
+            case 'left-end':
+                newPosition = {
+                    bottom: viewport.height - triggerRect.bottom,
+                    right: viewport.width - triggerRect.left + offset
+                };
+                break;
+            case 'right':
+                newPosition = {
+                    top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,
+                    left: triggerRect.right + offset
+                };
+                break;
+            case 'right-start':
+                newPosition = {
+                    top: triggerRect.top,
+                    left: triggerRect.right + offset
+                };
+                break;
+            case 'right-end':
+                newPosition = {
+                    bottom: viewport.height - triggerRect.bottom,
+                    left: triggerRect.right + offset
+                };
+                break;
+        }
+        // Adjust for viewport boundaries
+        if (newPosition.left !== undefined) {
+            if (newPosition.left < 0) {
+                newPosition.left = 8;
+            }
+            else if (newPosition.left + menuRect.width > viewport.width) {
+                newPosition.left = viewport.width - menuRect.width - 8;
+            }
+        }
+        if (newPosition.right !== undefined) {
+            if (newPosition.right < 0) {
+                newPosition.right = 8;
+            }
+        }
+        if (newPosition.top !== undefined) {
+            if (newPosition.top < 0) {
+                newPosition.top = 8;
+            }
+            else if (newPosition.top + menuRect.height > viewport.height) {
+                newPosition.top = viewport.height - menuRect.height - 8;
+            }
+        }
+        if (newPosition.bottom !== undefined) {
+            if (newPosition.bottom < 0) {
+                newPosition.bottom = 8;
+            }
+        }
+        setPosition(newPosition);
+    }, [placement, offset]);
+    const toggle = useCallback(() => {
+        setIsOpen(prev => !prev);
+    }, []);
+    const open = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const close = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const handleItemClick = useCallback(() => {
+        if (closeOnSelect) {
+            close();
+        }
+    }, [closeOnSelect, close]);
+    // Recalculate position when opened
+    useEffect(() => {
+        if (isOpen) {
+            // Small delay to ensure DOM is updated
+            const timer = setTimeout(calculatePosition, 0);
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen, calculatePosition]);
+    // Recalculate position on window resize and scroll
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleResize = () => calculatePosition();
+        const handleScroll = () => calculatePosition();
+        window.addEventListener('resize', handleResize);
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        document.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('scroll', handleScroll);
+            document.removeEventListener('scroll', handleScroll);
+        };
+    }, [isOpen, calculatePosition]);
+    return {
+        isOpen,
+        position,
+        triggerRef,
+        menuRef,
+        toggle,
+        open,
+        close,
+        handleItemClick
+    };
+};
+
+const useClickOutside = ({ ref, handler, enabled = true }) => {
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const handleMouseDown = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                handler();
+            }
+        };
+        const handleTouchStart = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                handler();
+            }
+        };
+        // Add event listeners
+        document.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('touchstart', handleTouchStart);
+        return () => {
+            document.removeEventListener('mousedown', handleMouseDown);
+            document.removeEventListener('touchstart', handleTouchStart);
+        };
+    }, [ref, handler, enabled]);
+};
+
+const useKeyboardNavigation = ({ isOpen, menuRef, onClose, onSelect }) => {
+    const getMenuItems = useCallback(() => {
+        if (!menuRef.current)
+            return [];
+        return Array.from(menuRef.current.querySelectorAll('[role="menuitem"]:not([disabled])'));
+    }, [menuRef]);
+    const focusItem = useCallback((index) => {
+        const items = getMenuItems();
+        if (items[index]) {
+            items[index].focus();
+        }
+    }, [getMenuItems]);
+    const getCurrentIndex = useCallback(() => {
+        const items = getMenuItems();
+        const activeElement = document.activeElement;
+        return items.indexOf(activeElement);
+    }, [getMenuItems]);
+    const handleKeyDown = useCallback((event) => {
+        if (!isOpen)
+            return;
+        const items = getMenuItems();
+        const currentIndex = getCurrentIndex();
+        switch (event.key) {
+            case 'Escape':
+                event.preventDefault();
+                onClose();
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                if (items.length > 0) {
+                    const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
+                    focusItem(nextIndex);
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (items.length > 0) {
+                    const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
+                    focusItem(prevIndex);
+                }
+                break;
+            case 'Home':
+                event.preventDefault();
+                if (items.length > 0) {
+                    focusItem(0);
+                }
+                break;
+            case 'End':
+                event.preventDefault();
+                if (items.length > 0) {
+                    focusItem(items.length - 1);
+                }
+                break;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (currentIndex >= 0 && onSelect) {
+                    onSelect(currentIndex);
+                }
+                break;
+            case 'Tab':
+                onClose();
+                break;
+        }
+    }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [isOpen, handleKeyDown]);
+    // Focus first item when menu opens
+    useEffect(() => {
+        if (isOpen) {
+            const timer = setTimeout(() => {
+                focusItem(0);
+            }, 0);
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen, focusItem]);
+};
+
+const DropdownMenu = forwardRef(({ children, isOpen, position, size = 'md', className = '', 'data-testid': testId }, ref) => {
+    if (!isOpen)
+        return null;
+    const positionStyles = {
+        position: 'fixed',
+        zIndex: 1000,
+        ...position
+    };
+    return (jsx("div", { ref: ref, className: `asm-dropdown-menu asm-dropdown-menu--${size} ${className}`, style: positionStyles, role: "menu", "aria-orientation": "vertical", "data-testid": testId, children: children }));
+});
+DropdownMenu.displayName = 'DropdownMenu';
+
+const DropdownItem = ({ children, label, icon, disabled = false, danger = false, divider = false, onClick, className = '', 'data-testid': testId }) => {
+    if (divider) {
+        return jsx("div", { className: "asm-dropdown-divider", "data-testid": testId });
+    }
+    const handleClick = (event) => {
+        if (disabled)
+            return;
+        onClick?.(event);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            if (!disabled && onClick) {
+                onClick(event);
+            }
+        }
+    };
+    return (jsxs("button", { type: "button", className: `asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`, onClick: handleClick, onKeyDown: handleKeyDown, disabled: disabled, role: "menuitem", tabIndex: -1, "data-testid": testId, children: [icon && (jsx("span", { className: "asm-dropdown-item__icon", children: icon })), jsx("span", { className: "asm-dropdown-item__label", children: label || children })] }));
+};
+
+var styles = {"trigger":"DropdownTrigger-module_trigger__2aFGL","sm":"DropdownTrigger-module_sm__J-u1E","md":"DropdownTrigger-module_md__9rX9v","lg":"DropdownTrigger-module_lg__Q-JAS","primary":"DropdownTrigger-module_primary__UQ1Xa","secondary":"DropdownTrigger-module_secondary__1NNLR","success":"DropdownTrigger-module_success__bHgUD","warning":"DropdownTrigger-module_warning__ifDRF","danger":"DropdownTrigger-module_danger__v-d7N","info":"DropdownTrigger-module_info__3czXi","ghost":"DropdownTrigger-module_ghost__dbCKD","outline":"DropdownTrigger-module_outline__VnDA7","link":"DropdownTrigger-module_link__BWU0o","brand":"DropdownTrigger-module_brand__SAI0y"};
+
+const DropdownTrigger = React.forwardRef(({ children, onClick, onKeyDown, disabled = false, variant = 'primary', size = 'md', className = '', 'data-testid': testId }, ref) => {
+    const variantClass = styles[variant] || styles.primary;
+    const sizeClass = styles[size] || styles.md;
+    const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();
+    // Check if children is already a button element
+    const isButtonChild = React.isValidElement(children) &&
+        (children.type === 'button' ||
+            (typeof children.type === 'string' && children.type === 'button'));
+    if (isButtonChild) {
+        // Clone the button and add our props
+        return React.cloneElement(children, {
+            className: `${children.props.className || ''} ${triggerClass}`.trim(),
+            onClick: (e) => {
+                onClick?.(e);
+                children.props.onClick?.(e);
+            },
+            onKeyDown: (e) => {
+                onKeyDown?.(e);
+                children.props.onKeyDown?.(e);
+            },
+            disabled: disabled || children.props.disabled,
+            'aria-haspopup': 'menu',
+            'aria-expanded': false,
+            'data-testid': testId || children.props['data-testid'],
+            ref: ref
+        });
+    }
+    // For non-button children, wrap in a button
+    return (jsx("button", { ref: ref, type: "button", className: triggerClass, onClick: onClick, onKeyDown: onKeyDown, disabled: disabled, "aria-haspopup": "menu", "aria-expanded": false, "data-testid": testId, children: children }));
+});
+
+const Dropdown = ({ children, items = [], isOpen: controlledIsOpen, onToggle, placement = 'bottom-start', size = 'md', variant = 'primary', disabled = false, closeOnSelect = true, showChevron = true, className = '', 'data-testid': testId }) => {
+    const containerRef = useRef(null);
+    const { isOpen: internalIsOpen, position, triggerRef, menuRef, toggle, close, handleItemClick } = useDropdown({
+        placement,
+        closeOnSelect
+    });
+    // Use controlled or internal state
+    const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;
+    const handleToggle = () => {
+        if (disabled)
+            return;
+        if (onToggle) {
+            onToggle(!isOpen);
+        }
+        else {
+            toggle();
+        }
+    };
+    const handleClose = () => {
+        if (onToggle) {
+            onToggle(false);
+        }
+        else {
+            close();
+        }
+    };
+    const handleItemSelect = (index) => {
+        const item = items[index];
+        if (item && !item.disabled && item.onClick) {
+            item.onClick({});
+        }
+        handleItemClick();
+    };
+    // Click outside to close
+    useClickOutside({
+        ref: containerRef,
+        handler: handleClose,
+        enabled: isOpen
+    });
+    // Keyboard navigation
+    useKeyboardNavigation({
+        isOpen,
+        menuRef,
+        onClose: handleClose,
+        onSelect: handleItemSelect
+    });
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            handleToggle();
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            if (!isOpen) {
+                handleToggle();
+            }
+        }
+    };
+    return (jsxs("div", { ref: containerRef, className: `asm-dropdown ${className}`, "data-testid": testId, children: [jsxs(DropdownTrigger, { ref: triggerRef, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, variant: variant, size: size, children: [children, showChevron && (jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", style: { marginLeft: 'var(--asm-space-1)' }, children: jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }))] }), isOpen && createPortal(jsx(DropdownMenu, { ref: menuRef, isOpen: isOpen, position: position, size: size, "data-testid": testId ? `${testId}-menu` : undefined, children: items.map((item, index) => (jsx(React.Fragment, { children: item.divider ? (jsx("div", { className: "asm-dropdown-divider" })) : (jsx(DropdownItem, { label: item.label, icon: item.icon, disabled: item.disabled, danger: item.danger, onClick: (event) => {
+                            if (item.onClick) {
+                                item.onClick(event);
+                            }
+                            handleItemClick();
+                        }, "data-testid": item.id ? `${testId}-item-${item.id}` : undefined })) }, item.id || index))) }), document.body)] }));
+};
+
+export { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, useClickOutside, useDropdown, useKeyboardNavigation };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/hooks/useDropdown.ts","../src/hooks/useClickOutside.ts","../src/hooks/useKeyboardNavigation.ts","../src/components/DropdownMenu.tsx","../src/components/DropdownItem.tsx","../src/components/DropdownTrigger.tsx","../src/components/Dropdown.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect } from 'react';\nimport { DropdownPlacement, DropdownPosition } from '../types';\n\ninterface UseDropdownProps {\n  placement?: DropdownPlacement;\n  offset?: number;\n  closeOnSelect?: boolean;\n}\n\nexport const useDropdown = ({\n  placement = 'bottom-start',\n  offset = 8,\n  closeOnSelect = true\n}: UseDropdownProps = {}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [position, setPosition] = useState<DropdownPosition>({});\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const calculatePosition = useCallback(() => {\n    if (!triggerRef.current || !menuRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const menuRect = menuRef.current.getBoundingClientRect();\n    const viewport = {\n      width: window.innerWidth,\n      height: window.innerHeight\n    };\n\n    let newPosition: DropdownPosition = {};\n\n    // Calculate base position based on placement\n    switch (placement) {\n      case 'top':\n        newPosition = {\n          bottom: viewport.height - triggerRect.top + offset,\n          left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n        };\n        break;\n      case 'top-start':\n        newPosition = {\n          bottom: viewport.height - triggerRect.top + offset,\n          left: triggerRect.left\n        };\n        break;\n      case 'top-end':\n        newPosition = {\n          bottom: viewport.height - triggerRect.top + offset,\n          right: viewport.width - triggerRect.right\n        };\n        break;\n      case 'bottom':\n        newPosition = {\n          top: triggerRect.bottom + offset,\n          left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n        };\n        break;\n      case 'bottom-start':\n        newPosition = {\n          top: triggerRect.bottom + offset,\n          left: triggerRect.left\n        };\n        break;\n      case 'bottom-end':\n        newPosition = {\n          top: triggerRect.bottom + offset,\n          right: viewport.width - triggerRect.right\n        };\n        break;\n      case 'left':\n        newPosition = {\n          top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n          right: viewport.width - triggerRect.left + offset\n        };\n        break;\n      case 'left-start':\n        newPosition = {\n          top: triggerRect.top,\n          right: viewport.width - triggerRect.left + offset\n        };\n        break;\n      case 'left-end':\n        newPosition = {\n          bottom: viewport.height - triggerRect.bottom,\n          right: viewport.width - triggerRect.left + offset\n        };\n        break;\n      case 'right':\n        newPosition = {\n          top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n          left: triggerRect.right + offset\n        };\n        break;\n      case 'right-start':\n        newPosition = {\n          top: triggerRect.top,\n          left: triggerRect.right + offset\n        };\n        break;\n      case 'right-end':\n        newPosition = {\n          bottom: viewport.height - triggerRect.bottom,\n          left: triggerRect.right + offset\n        };\n        break;\n    }\n\n    // Adjust for viewport boundaries\n    if (newPosition.left !== undefined) {\n      if (newPosition.left < 0) {\n        newPosition.left = 8;\n      } else if (newPosition.left + menuRect.width > viewport.width) {\n        newPosition.left = viewport.width - menuRect.width - 8;\n      }\n    }\n\n    if (newPosition.right !== undefined) {\n      if (newPosition.right < 0) {\n        newPosition.right = 8;\n      }\n    }\n\n    if (newPosition.top !== undefined) {\n      if (newPosition.top < 0) {\n        newPosition.top = 8;\n      } else if (newPosition.top + menuRect.height > viewport.height) {\n        newPosition.top = viewport.height - menuRect.height - 8;\n      }\n    }\n\n    if (newPosition.bottom !== undefined) {\n      if (newPosition.bottom < 0) {\n        newPosition.bottom = 8;\n      }\n    }\n\n    setPosition(newPosition);\n  }, [placement, offset]);\n\n  const toggle = useCallback(() => {\n    setIsOpen(prev => !prev);\n  }, []);\n\n  const open = useCallback(() => {\n    setIsOpen(true);\n  }, []);\n\n  const close = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  const handleItemClick = useCallback(() => {\n    if (closeOnSelect) {\n      close();\n    }\n  }, [closeOnSelect, close]);\n\n  // Recalculate position when opened\n  useEffect(() => {\n    if (isOpen) {\n      // Small delay to ensure DOM is updated\n      const timer = setTimeout(calculatePosition, 0);\n      return () => clearTimeout(timer);\n    }\n  }, [isOpen, calculatePosition]);\n\n  // Recalculate position on window resize and scroll\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleResize = () => calculatePosition();\n    const handleScroll = () => calculatePosition();\n    \n    window.addEventListener('resize', handleResize);\n    window.addEventListener('scroll', handleScroll, { passive: true });\n    document.addEventListener('scroll', handleScroll, { passive: true });\n    \n    return () => {\n      window.removeEventListener('resize', handleResize);\n      window.removeEventListener('scroll', handleScroll);\n      document.removeEventListener('scroll', handleScroll);\n    };\n  }, [isOpen, calculatePosition]);\n\n  return {\n    isOpen,\n    position,\n    triggerRef,\n    menuRef,\n    toggle,\n    open,\n    close,\n    handleItemClick\n  };\n};\n","import { useEffect, RefObject } from 'react';\n\ninterface UseClickOutsideProps {\n  ref: RefObject<HTMLDivElement>;\n  handler: () => void;\n  enabled?: boolean;\n}\n\nexport const useClickOutside = ({ ref, handler, enabled = true }: UseClickOutsideProps) => {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleMouseDown = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        handler();\n      }\n    };\n\n    const handleTouchStart = (event: TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        handler();\n      }\n    };\n\n    // Add event listeners\n    document.addEventListener('mousedown', handleMouseDown);\n    document.addEventListener('touchstart', handleTouchStart);\n\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n      document.removeEventListener('touchstart', handleTouchStart);\n    };\n  }, [ref, handler, enabled]);\n};\n","import { useEffect, useCallback, RefObject } from 'react';\n\ninterface UseKeyboardNavigationProps {\n  isOpen: boolean;\n  menuRef: RefObject<HTMLElement>;\n  onClose: () => void;\n  onSelect?: (index: number) => void;\n}\n\nexport const useKeyboardNavigation = ({\n  isOpen,\n  menuRef,\n  onClose,\n  onSelect\n}: UseKeyboardNavigationProps) => {\n  const getMenuItems = useCallback(() => {\n    if (!menuRef.current) return [];\n    return Array.from(\n      menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([disabled])')\n    ) as HTMLElement[];\n  }, [menuRef]);\n\n  const focusItem = useCallback((index: number) => {\n    const items = getMenuItems();\n    if (items[index]) {\n      items[index].focus();\n    }\n  }, [getMenuItems]);\n\n  const getCurrentIndex = useCallback(() => {\n    const items = getMenuItems();\n    const activeElement = document.activeElement as HTMLElement;\n    return items.indexOf(activeElement);\n  }, [getMenuItems]);\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (!isOpen) return;\n\n    const items = getMenuItems();\n    const currentIndex = getCurrentIndex();\n\n    switch (event.key) {\n      case 'Escape':\n        event.preventDefault();\n        onClose();\n        break;\n\n      case 'ArrowDown':\n        event.preventDefault();\n        if (items.length > 0) {\n          const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n          focusItem(nextIndex);\n        }\n        break;\n\n      case 'ArrowUp':\n        event.preventDefault();\n        if (items.length > 0) {\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n          focusItem(prevIndex);\n        }\n        break;\n\n      case 'Home':\n        event.preventDefault();\n        if (items.length > 0) {\n          focusItem(0);\n        }\n        break;\n\n      case 'End':\n        event.preventDefault();\n        if (items.length > 0) {\n          focusItem(items.length - 1);\n        }\n        break;\n\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        if (currentIndex >= 0 && onSelect) {\n          onSelect(currentIndex);\n        }\n        break;\n\n      case 'Tab':\n        onClose();\n        break;\n    }\n  }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [isOpen, handleKeyDown]);\n\n  // Focus first item when menu opens\n  useEffect(() => {\n    if (isOpen) {\n      const timer = setTimeout(() => {\n        focusItem(0);\n      }, 0);\n      return () => clearTimeout(timer);\n    }\n  }, [isOpen, focusItem]);\n};\n","import React, { forwardRef } from 'react';\nimport { DropdownMenuProps } from '../types';\n\nexport const DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(({\n  children,\n  isOpen,\n  position,\n  size = 'md',\n  className = '',\n  'data-testid': testId\n}, ref) => {\n  if (!isOpen) return null;\n\n  const positionStyles: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    ...position\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={`asm-dropdown-menu asm-dropdown-menu--${size} ${className}`}\n      style={positionStyles}\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      data-testid={testId}\n    >\n      {children}\n    </div>\n  );\n});\n\nDropdownMenu.displayName = 'DropdownMenu';\n","import React from 'react';\nimport { DropdownItemProps } from '../types';\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n  children,\n  label,\n  icon,\n  disabled = false,\n  danger = false,\n  divider = false,\n  onClick,\n  className = '',\n  'data-testid': testId\n}) => {\n  if (divider) {\n    return <div className=\"asm-dropdown-divider\" data-testid={testId} />;\n  }\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (disabled) return;\n    onClick?.(event);\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      if (!disabled && onClick) {\n        onClick(event as any);\n      }\n    }\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={`asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      disabled={disabled}\n      role=\"menuitem\"\n      tabIndex={-1}\n      data-testid={testId}\n    >\n      {icon && (\n        <span className=\"asm-dropdown-item__icon\">\n          {icon}\n        </span>\n      )}\n      <span className=\"asm-dropdown-item__label\">\n        {label || children}\n      </span>\n    </button>\n  );\n};\n","import React from 'react';\nimport { DropdownTriggerProps } from '../types';\nimport styles from './DropdownTrigger.module.css';\n\nexport const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProps>(({\n  children,\n  onClick,\n  onKeyDown,\n  disabled = false,\n  variant = 'primary',\n  size = 'md',\n  className = '',\n  'data-testid': testId\n}, ref) => {\n  const variantClass = styles[variant] || styles.primary;\n  const sizeClass = styles[size] || styles.md;\n  const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();\n\n  // Check if children is already a button element\n  const isButtonChild = React.isValidElement(children) && \n    (children.type === 'button' || \n     (typeof children.type === 'string' && children.type === 'button'));\n\n  if (isButtonChild) {\n    // Clone the button and add our props\n    return React.cloneElement(children as React.ReactElement<any>, {\n      className: `${(children as any).props.className || ''} ${triggerClass}`.trim(),\n      onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        (children as any).props.onClick?.(e);\n      },\n      onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => {\n        onKeyDown?.(e);\n        (children as any).props.onKeyDown?.(e);\n      },\n      disabled: disabled || (children as any).props.disabled,\n      'aria-haspopup': 'menu',\n      'aria-expanded': false,\n      'data-testid': testId || (children as any).props['data-testid'],\n      ref: ref\n    });\n  }\n\n  // For non-button children, wrap in a button\n  return (\n    <button\n      ref={ref as React.RefObject<HTMLButtonElement>}\n      type=\"button\"\n      className={triggerClass}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      disabled={disabled}\n      aria-haspopup=\"menu\"\n      aria-expanded={false}\n      data-testid={testId}\n    >\n      {children}\n    </button>\n  );\n});\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { DropdownProps } from '../types';\nimport { useDropdown } from '../hooks/useDropdown';\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { useKeyboardNavigation } from '../hooks/useKeyboardNavigation';\nimport { DropdownMenu } from './DropdownMenu';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n  children,\n  items = [],\n  isOpen: controlledIsOpen,\n  onToggle,\n  placement = 'bottom-start',\n  size = 'md',\n  variant = 'primary',\n  disabled = false,\n  closeOnSelect = true,\n  showChevron = true,\n  className = '',\n  'data-testid': testId\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  \n  const {\n    isOpen: internalIsOpen,\n    position,\n    triggerRef,\n    menuRef,\n    toggle,\n    close,\n    handleItemClick\n  } = useDropdown({\n    placement,\n    closeOnSelect\n  });\n\n  // Use controlled or internal state\n  const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n  \n  const handleToggle = () => {\n    if (disabled) return;\n    \n    if (onToggle) {\n      onToggle(!isOpen);\n    } else {\n      toggle();\n    }\n  };\n\n  const handleClose = () => {\n    if (onToggle) {\n      onToggle(false);\n    } else {\n      close();\n    }\n  };\n\n  const handleItemSelect = (index: number) => {\n    const item = items[index];\n    if (item && !item.disabled && item.onClick) {\n      item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n    }\n    handleItemClick();\n  };\n\n  // Click outside to close\n  useClickOutside({\n    ref: containerRef,\n    handler: handleClose,\n    enabled: isOpen\n  });\n\n  // Keyboard navigation\n  useKeyboardNavigation({\n    isOpen,\n    menuRef,\n    onClose: handleClose,\n    onSelect: handleItemSelect\n  });\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleToggle();\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      if (!isOpen) {\n        handleToggle();\n      }\n    }\n  };\n\n  return (\n    <div \n      ref={containerRef}\n      className={`asm-dropdown ${className}`}\n      data-testid={testId}\n    >\n      <DropdownTrigger\n        ref={triggerRef}\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        variant={variant}\n        size={size}\n      >\n        {children}\n        {showChevron && (\n          <svg \n            width=\"12\" \n            height=\"12\" \n            viewBox=\"0 0 12 12\" \n            fill=\"currentColor\"\n            style={{ marginLeft: 'var(--asm-space-1)' }}\n          >\n            <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n          </svg>\n        )}\n      </DropdownTrigger>\n\n      {isOpen && createPortal(\n        <DropdownMenu\n          ref={menuRef}\n          isOpen={isOpen}\n          position={position}\n          size={size}\n          data-testid={testId ? `${testId}-menu` : undefined}\n        >\n          {items.map((item, index) => (\n            <React.Fragment key={item.id || index}>\n              {item.divider ? (\n                <div className=\"asm-dropdown-divider\" />\n              ) : (\n                <DropdownItem\n                  label={item.label}\n                  icon={item.icon}\n                  disabled={item.disabled}\n                  danger={item.danger}\n                  onClick={(event) => {\n                    if (item.onClick) {\n                      item.onClick(event);\n                    }\n                    handleItemClick();\n                  }}\n                  data-testid={item.id ? `${testId}-item-${item.id}` : undefined}\n                />\n              )}\n            </React.Fragment>\n          ))}\n        </DropdownMenu>,\n        document.body\n      )}\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;MASa,WAAW,GAAG,CAAC,EAC1B,SAAS,GAAG,cAAc,EAC1B,MAAM,GAAG,CAAC,EACV,aAAa,GAAG,IAAI,EAAA,GACA,EAAE,KAAI;IAC1B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC;AAC9D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAK;QACzC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE;QAE7C,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE;QAC9D,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,qBAAqB,EAAE;AACxD,QAAA,MAAM,QAAQ,GAAG;YACf,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,MAAM,EAAE,MAAM,CAAC;SAChB;QAED,IAAI,WAAW,GAAqB,EAAE;;QAGtC,QAAQ,SAAS;AACf,YAAA,KAAK,KAAK;AACR,gBAAA,WAAW,GAAG;oBACZ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,MAAM;AAClD,oBAAA,IAAI,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI;iBACjE;gBACD;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,WAAW,GAAG;oBACZ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,MAAM;oBAClD,IAAI,EAAE,WAAW,CAAC;iBACnB;gBACD;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,WAAW,GAAG;oBACZ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,MAAM;AAClD,oBAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC;iBACrC;gBACD;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,WAAW,GAAG;AACZ,oBAAA,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM;AAChC,oBAAA,IAAI,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI;iBACjE;gBACD;AACF,YAAA,KAAK,cAAc;AACjB,gBAAA,WAAW,GAAG;AACZ,oBAAA,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM;oBAChC,IAAI,EAAE,WAAW,CAAC;iBACnB;gBACD;AACF,YAAA,KAAK,YAAY;AACf,gBAAA,WAAW,GAAG;AACZ,oBAAA,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM;AAChC,oBAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC;iBACrC;gBACD;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,WAAW,GAAG;AACZ,oBAAA,GAAG,EAAE,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC;oBACjE,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,GAAG;iBAC5C;gBACD;AACF,YAAA,KAAK,YAAY;AACf,gBAAA,WAAW,GAAG;oBACZ,GAAG,EAAE,WAAW,CAAC,GAAG;oBACpB,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,GAAG;iBAC5C;gBACD;AACF,YAAA,KAAK,UAAU;AACb,gBAAA,WAAW,GAAG;AACZ,oBAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM;oBAC5C,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,GAAG;iBAC5C;gBACD;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,WAAW,GAAG;AACZ,oBAAA,GAAG,EAAE,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC;AACjE,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,GAAG;iBAC3B;gBACD;AACF,YAAA,KAAK,aAAa;AAChB,gBAAA,WAAW,GAAG;oBACZ,GAAG,EAAE,WAAW,CAAC,GAAG;AACpB,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,GAAG;iBAC3B;gBACD;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,WAAW,GAAG;AACZ,oBAAA,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM;AAC5C,oBAAA,IAAI,EAAE,WAAW,CAAC,KAAK,GAAG;iBAC3B;gBACD;;;AAIJ,QAAA,IAAI,WAAW,CAAC,IAAI,KAAK,SAAS,EAAE;AAClC,YAAA,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE;AACxB,gBAAA,WAAW,CAAC,IAAI,GAAG,CAAC;YACtB;AAAO,iBAAA,IAAI,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE;AAC7D,gBAAA,WAAW,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,GAAG,CAAC;YACxD;QACF;AAEA,QAAA,IAAI,WAAW,CAAC,KAAK,KAAK,SAAS,EAAE;AACnC,YAAA,IAAI,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE;AACzB,gBAAA,WAAW,CAAC,KAAK,GAAG,CAAC;YACvB;QACF;AAEA,QAAA,IAAI,WAAW,CAAC,GAAG,KAAK,SAAS,EAAE;AACjC,YAAA,IAAI,WAAW,CAAC,GAAG,GAAG,CAAC,EAAE;AACvB,gBAAA,WAAW,CAAC,GAAG,GAAG,CAAC;YACrB;AAAO,iBAAA,IAAI,WAAW,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;AAC9D,gBAAA,WAAW,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC;YACzD;QACF;AAEA,QAAA,IAAI,WAAW,CAAC,MAAM,KAAK,SAAS,EAAE;AACpC,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,gBAAA,WAAW,CAAC,MAAM,GAAG,CAAC;YACxB;QACF;QAEA,WAAW,CAAC,WAAW,CAAC;AAC1B,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEvB,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAK;QAC9B,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,IAAI,GAAG,WAAW,CAAC,MAAK;QAC5B,SAAS,CAAC,IAAI,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,MAAK;QAC7B,SAAS,CAAC,KAAK,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;QACvC,IAAI,aAAa,EAAE;AACjB,YAAA,KAAK,EAAE;QACT;AACF,IAAA,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;;IAG1B,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;;YAEV,MAAM,KAAK,GAAG,UAAU,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9C,YAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;QAClC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;;IAG/B,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,YAAY,GAAG,MAAM,iBAAiB,EAAE;AAC9C,QAAA,MAAM,YAAY,GAAG,MAAM,iBAAiB,EAAE;AAE9C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAC/C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAClE,QAAA,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAEpE,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAClD,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AAClD,YAAA,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC;AACtD,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAE/B,OAAO;QACL,MAAM;QACN,QAAQ;QACR,UAAU;QACV,OAAO;QACP,MAAM;QACN,IAAI;QACJ,KAAK;QACL;KACD;AACH;;AC1LO,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,EAAwB,KAAI;IACxF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,MAAM,eAAe,GAAG,CAAC,KAAiB,KAAI;AAC5C,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;AAC9D,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,KAAiB,KAAI;AAC7C,YAAA,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;AAC9D,gBAAA,OAAO,EAAE;YACX;AACF,QAAA,CAAC;;AAGD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC;AAEzD,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC1D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC;AAC9D,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7B;;ACxBO,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACmB,KAAI;AAC/B,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;QACpC,IAAI,CAAC,OAAO,CAAC,OAAO;AAAE,YAAA,OAAO,EAAE;AAC/B,QAAA,OAAO,KAAK,CAAC,IAAI,CACf,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CACrD;AACpB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAa,KAAI;AAC9C,QAAA,MAAM,KAAK,GAAG,YAAY,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;AAChB,YAAA,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE;QACtB;AACF,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;AACvC,QAAA,MAAM,KAAK,GAAG,YAAY,EAAE;AAC5B,QAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,aAA4B;AAC3D,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;AACrC,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;AAElB,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;AACzD,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,KAAK,GAAG,YAAY,EAAE;AAC5B,QAAA,MAAM,YAAY,GAAG,eAAe,EAAE;AAEtC,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,QAAQ;gBACX,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,OAAO,EAAE;gBACT;AAEF,YAAA,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,oBAAA,MAAM,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;oBACxE,SAAS,CAAC,SAAS,CAAC;gBACtB;gBACA;AAEF,YAAA,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,oBAAA,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;oBACxE,SAAS,CAAC,SAAS,CAAC;gBACtB;gBACA;AAEF,YAAA,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;oBACpB,SAAS,CAAC,CAAC,CAAC;gBACd;gBACA;AAEF,YAAA,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,oBAAA,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC7B;gBACA;AAEF,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,YAAY,IAAI,CAAC,IAAI,QAAQ,EAAE;oBACjC,QAAQ,CAAC,YAAY,CAAC;gBACxB;gBACA;AAEF,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,EAAE;gBACT;;AAEN,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAEzE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;QACnD,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;;IAG3B,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAK;gBAC5B,SAAS,CAAC,CAAC,CAAC;YACd,CAAC,EAAE,CAAC,CAAC;AACL,YAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;QAClC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AACzB;;ACxGO,MAAM,YAAY,GAAG,UAAU,CAAoC,CAAC,EACzE,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,aAAa,EAAE,MAAM,EACtB,EAAE,GAAG,KAAI;AACR,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AAExB,IAAA,MAAM,cAAc,GAAwB;AAC1C,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,GAAG;KACJ;AAED,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAA,qCAAA,EAAwC,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EACtE,KAAK,EAAE,cAAc,EACrB,IAAI,EAAC,MAAM,EAAA,kBAAA,EACM,UAAU,EAAA,aAAA,EACd,MAAM,EAAA,QAAA,EAElB,QAAQ,EAAA,CACL;AAEV,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;AC9BlC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,GAAG,EAAE,EACd,aAAa,EAAE,MAAM,EACtB,KAAI;IACH,IAAI,OAAO,EAAE;AACX,QAAA,OAAOA,aAAK,SAAS,EAAC,sBAAsB,EAAA,aAAA,EAAc,MAAM,GAAI;IACtE;AAEA,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0C,KAAI;AACjE,QAAA,IAAI,QAAQ;YAAE;AACd,QAAA,OAAO,GAAG,KAAK,CAAC;AAClB,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAA6C,KAAI;AACtE,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,EAAE;gBACxB,OAAO,CAAC,KAAY,CAAC;YACvB;QACF;AACF,IAAA,CAAC;AAED,IAAA,QACEC,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAA,kBAAA,EAAqB,MAAM,GAAG,2BAA2B,GAAG,EAAE,CAAA,CAAA,EAAI,QAAQ,GAAG,6BAA6B,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,EAAE,EACzI,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,EAAE,EAAA,aAAA,EACC,MAAM,EAAA,QAAA,EAAA,CAElB,IAAI,KACHD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACtC,IAAI,EAAA,CACA,CACR,EACDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,0BAA0B,YACvC,KAAK,IAAI,QAAQ,EAAA,CACb,CAAA,EAAA,CACA;AAEb;;;;ACjDO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAoC,CAAC,EAClF,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,aAAa,EAAE,MAAM,EACtB,EAAE,GAAG,KAAI;IACR,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO;IACtD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,EAAE;AAC3C,IAAA,MAAM,YAAY,GAAG,CAAA,EAAG,MAAM,CAAC,OAAO,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA,EAAI,SAAS,IAAI,SAAS,CAAA,CAAE,CAAC,IAAI,EAAE;;AAGzF,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAClD,SAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ;AAC1B,aAAC,OAAO,QAAQ,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;IAErE,IAAI,aAAa,EAAE;;AAEjB,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,QAAmC,EAAE;AAC7D,YAAA,SAAS,EAAE,CAAA,EAAI,QAAgB,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAA,CAAA,EAAI,YAAY,CAAA,CAAE,CAAC,IAAI,EAAE;AAC9E,YAAA,OAAO,EAAE,CAAC,CAAsC,KAAI;AAClD,gBAAA,OAAO,GAAG,CAAC,CAAC;gBACX,QAAgB,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;YACtC,CAAC;AACD,YAAA,SAAS,EAAE,CAAC,CAAyC,KAAI;AACvD,gBAAA,SAAS,GAAG,CAAC,CAAC;gBACb,QAAgB,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;YACxC,CAAC;AACD,YAAA,QAAQ,EAAE,QAAQ,IAAK,QAAgB,CAAC,KAAK,CAAC,QAAQ;AACtD,YAAA,eAAe,EAAE,MAAM;AACvB,YAAA,eAAe,EAAE,KAAK;YACtB,aAAa,EAAE,MAAM,IAAK,QAAgB,CAAC,KAAK,CAAC,aAAa,CAAC;AAC/D,YAAA,GAAG,EAAE;AACN,SAAA,CAAC;IACJ;;AAGA,IAAA,QACEA,GAAA,CAAA,QAAA,EAAA,EACE,GAAG,EAAE,GAAyC,EAC9C,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,YAAY,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACJ,MAAM,EAAA,eAAA,EACL,KAAK,iBACP,MAAM,EAAA,QAAA,EAElB,QAAQ,EAAA,CACF;AAEb,CAAC;;MCjDY,QAAQ,GAA4B,CAAC,EAChD,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,IAAI,EACpB,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,EAAE,EACd,aAAa,EAAE,MAAM,EACtB,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEjD,IAAA,MAAM,EACJ,MAAM,EAAE,cAAc,EACtB,QAAQ,EACR,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,eAAe,EAChB,GAAG,WAAW,CAAC;QACd,SAAS;QACT;AACD,KAAA,CAAC;;AAGF,IAAA,MAAM,MAAM,GAAG,gBAAgB,KAAK,SAAS,GAAG,gBAAgB,GAAG,cAAc;IAEjF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,QAAQ;YAAE;QAEd,IAAI,QAAQ,EAAE;AACZ,YAAA,QAAQ,CAAC,CAAC,MAAM,CAAC;QACnB;aAAO;AACL,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC;QACjB;aAAO;AACL,YAAA,KAAK,EAAE;QACT;AACF,IAAA,CAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAa,KAAI;AACzC,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE;AAC1C,YAAA,IAAI,CAAC,OAAO,CAAC,EAAyC,CAAC;QACzD;AACA,QAAA,eAAe,EAAE;AACnB,IAAA,CAAC;;AAGD,IAAA,eAAe,CAAC;AACd,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,OAAO,EAAE;AACV,KAAA,CAAC;;AAGF,IAAA,qBAAqB,CAAC;QACpB,MAAM;QACN,OAAO;AACP,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,QAAQ,EAAE;AACX,KAAA,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,CAAC,KAA6C,KAAI;AACtE,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,YAAY,EAAE;QAChB;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACpC,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,MAAM,EAAE;AACX,gBAAA,YAAY,EAAE;YAChB;QACF;AACF,IAAA,CAAC;IAED,QACEC,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAA,aAAA,EAAgB,SAAS,EAAE,EAAA,aAAA,EACzB,MAAM,aAEnBA,IAAA,CAAC,eAAe,IACd,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CAET,QAAQ,EACR,WAAW,KACVD,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,oBAAoB,EAAE,EAAA,QAAA,EAE3CA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAA,CAAE,EAAA,CAC3H,CACP,CAAA,EAAA,CACe,EAEjB,MAAM,IAAI,YAAY,CACrBA,GAAA,CAAC,YAAY,IACX,GAAG,EAAE,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EAAA,aAAA,EACG,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,GAAG,SAAS,EAAA,QAAA,EAEjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACrBA,GAAA,CAAC,KAAK,CAAC,QAAQ,cACZ,IAAI,CAAC,OAAO,IACXA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,CAAG,KAExCA,GAAA,CAAC,YAAY,EAAA,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,CAAC,KAAK,KAAI;AACjB,4BAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gCAAA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;4BACrB;AACA,4BAAA,eAAe,EAAE;AACnB,wBAAA,CAAC,iBACY,IAAI,CAAC,EAAE,GAAG,CAAA,EAAG,MAAM,CAAA,MAAA,EAAS,IAAI,CAAC,EAAE,CAAA,CAAE,GAAG,SAAS,EAAA,CAC9D,CACH,IAjBkB,IAAI,CAAC,EAAE,IAAI,KAAK,CAkBpB,CAClB,CAAC,EAAA,CACW,EACf,QAAQ,CAAC,IAAI,CACd,CAAA,EAAA,CACG;AAEV;;;;"}