@once-ui-system/core 1.5.14 → 1.6.1

package/dist/components/Dialog.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useCallback, useRef, forwardRef, useState, useContext, } from "react";
 import ReactDOM from "react-dom";
 import classNames from "classnames";
-import { Column, Flex, Heading, IconButton, Text } from ".";
+import { Column, Flex, Heading, IconButton, ScrollLock, Text } from ".";
 import styles from "./Dialog.module.scss";
 const DialogContext = React.createContext({
     stackedDialogOpen: false,
@@ -75,11 +75,37 @@ const Dialog = forwardRef(({ isOpen, onClose, title, description, children, stac
         }
     }, [isOpen, handleKeyDown]);
     useEffect(() => {
+        // Find the portal container (direct child of body that contains the dialog)
+        const getPortalContainer = () => {
+            let portalContainer = dialogRef.current;
+            while (portalContainer && portalContainer.parentElement !== document.body) {
+                portalContainer = portalContainer.parentElement;
+            }
+            return portalContainer;
+        };
+        // Cleanup function to restore inert state
+        const cleanup = () => {
+            // Restore inert on all body children
+            document.body.childNodes.forEach((node) => {
+                if (node instanceof HTMLElement) {
+                    node.inert = false;
+                }
+            });
+            // Also restore inert on any dialogs (for stacked dialog case)
+            if (stack) {
+                const dialogs = document.querySelectorAll('[role="dialog"]');
+                dialogs.forEach((dialog) => {
+                    if (dialog instanceof HTMLElement) {
+                        dialog.inert = false;
+                    }
+                });
+            }
+        };
         if (isOpen) {
-            document.body.style.overflow = "hidden";
-            // Make everything outside the dialog inert
+            const portalContainer = getPortalContainer();
+            // Make everything outside the dialog inert, except the dialog's own portal container
             document.body.childNodes.forEach((node) => {
-                if (node instanceof HTMLElement && node !== document.getElementById("portal-root")) {
+                if (node instanceof HTMLElement && node !== portalContainer) {
                     node.inert = true;
                 }
             });
@@ -92,6 +118,8 @@ const Dialog = forwardRef(({ isOpen, onClose, title, description, children, stac
                     }
                 });
             }
+            // Return cleanup function for when component unmounts or isOpen changes
+            return cleanup;
         }
         else {
             // If this is a stacked dialog closing, restore interactivity to base dialog
@@ -110,7 +138,6 @@ const Dialog = forwardRef(({ isOpen, onClose, title, description, children, stac
                         node.inert = false;
                     }
                 });
-                document.body.style.overflow = "unset";
             }
         }
     }, [isOpen, stack]);
@@ -148,31 +175,31 @@ const Dialog = forwardRef(({ isOpen, onClose, title, description, children, stac
     }, [isVisible, onClose, stack, base]);
     if (!isVisible)
         return null;
-    return ReactDOM.createPortal(_jsx(Flex, { ref: ref, transition: "macro-medium", background: "overlay", position: "fixed", zIndex: base ? 8 : 9, top: "0", left: "0", right: "0", bottom: "0", className: classNames(styles.overlay, {
-            [styles.open]: isAnimating,
-        }), center: true, padding: "l", role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-title", children: _jsx(Flex, { fill: true, center: true, transition: "macro-medium", style: {
-                transform: base ? "scale(0.94) translateY(-1.25rem)" : "",
-            }, children: _jsxs(Column, { position: "unset", className: classNames(styles.dialog, {
+    return ReactDOM.createPortal(_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isOpen, allowScrollInElement: dialogRef }), _jsx(Flex, { ref: ref, transition: "macro-medium", background: "overlay", position: "fixed", zIndex: base ? 8 : 9, top: "0", left: "0", right: "0", bottom: "0", className: classNames(styles.overlay, {
                     [styles.open]: isAnimating,
-                }), style: {
-                    minHeight: minHeight ? `${minHeight}px` : undefined,
-                }, ref: dialogRef, fillWidth: true, transition: "macro-medium", shadow: "xl", radius: "xl", border: "neutral-medium", background: "neutral-weak", tabIndex: -1, onKeyDown: (e) => {
-                    if (e.key === "Tab") {
-                        const focusableElements = Array.from(dialogRef.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') || []);
-                        if (focusableElements.length === 0)
-                            return;
-                        const firstElement = focusableElements[0];
-                        const lastElement = focusableElements[focusableElements.length - 1];
-                        if (e.shiftKey && document.activeElement === firstElement) {
-                            e.preventDefault();
-                            lastElement.focus();
-                        }
-                        else if (!e.shiftKey && document.activeElement === lastElement) {
-                            e.preventDefault();
-                            firstElement.focus();
-                        }
-                    }
-                }, ...rest, children: [_jsxs(Column, { as: "header", paddingX: "24", paddingTop: "24", paddingBottom: "s", gap: "4", children: [_jsxs(Flex, { fillWidth: true, horizontal: "between", gap: "8", children: [typeof title === "string" ? (_jsx(Heading, { id: "dialog-title", variant: "heading-strong-l", children: title })) : (title), _jsx(IconButton, { icon: "close", size: "m", variant: "tertiary", tooltip: "Close", onClick: onClose })] }), description && (_jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: description }))] }), _jsx(Column, { as: "section", paddingX: "24", paddingBottom: "24", flex: 1, overflowY: "auto", children: children }), footer && (_jsx(Flex, { borderTop: "neutral-medium", as: "footer", horizontal: "end", padding: "12", gap: "8", children: footer }))] }) }) }), document.body);
+                }), center: true, padding: "l", role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-title", children: _jsx(Flex, { fill: true, center: true, transition: "macro-medium", style: {
+                        transform: base ? "scale(0.94) translateY(-1.25rem)" : "",
+                    }, children: _jsxs(Column, { position: "unset", className: classNames(styles.dialog, {
+                            [styles.open]: isAnimating,
+                        }), style: {
+                            minHeight: minHeight ? `${minHeight}px` : undefined,
+                        }, ref: dialogRef, fillWidth: true, transition: "macro-medium", shadow: "xl", radius: "xl", border: "neutral-medium", background: "neutral-weak", tabIndex: -1, onKeyDown: (e) => {
+                            if (e.key === "Tab") {
+                                const focusableElements = Array.from(dialogRef.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') || []);
+                                if (focusableElements.length === 0)
+                                    return;
+                                const firstElement = focusableElements[0];
+                                const lastElement = focusableElements[focusableElements.length - 1];
+                                if (e.shiftKey && document.activeElement === firstElement) {
+                                    e.preventDefault();
+                                    lastElement.focus();
+                                }
+                                else if (!e.shiftKey && document.activeElement === lastElement) {
+                                    e.preventDefault();
+                                    firstElement.focus();
+                                }
+                            }
+                        }, ...rest, children: [_jsxs(Column, { as: "header", paddingX: "24", paddingTop: "24", paddingBottom: "s", gap: "4", children: [_jsxs(Flex, { fillWidth: true, horizontal: "between", gap: "8", children: [typeof title === "string" ? (_jsx(Heading, { id: "dialog-title", variant: "heading-strong-l", children: title })) : (title), _jsx(IconButton, { icon: "close", size: "m", variant: "tertiary", tooltip: "Close", onClick: onClose })] }), description && (_jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: description }))] }), _jsx(Column, { as: "section", paddingX: "24", paddingBottom: "24", flex: 1, overflowY: "auto", children: children }), footer && (_jsx(Flex, { borderTop: "neutral-medium", as: "footer", horizontal: "end", padding: "12", gap: "8", children: footer }))] }) }) })] }), document.body);
 });
 Dialog.displayName = "Dialog";
 export { Dialog };

package/dist/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/DropdownWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAKD,QAAA,MAAM,eAAe,6FAmxBpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAKZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAKD,QAAA,MAAM,eAAe,6FAiuBpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DropdownWrapper.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
 import { createPortal } from "react-dom";
 import { useFloating, shift, offset, flip, size, autoUpdate, } from "@floating-ui/react-dom";
-import { Flex, Dropdown, Column, Row, FocusTrap, ArrowNavigation } from ".";
+import { Flex, Dropdown, Column, Row, FocusTrap, ArrowNavigation, ScrollLock } from ".";
 import styles from "./DropdownWrapper.module.scss";
 // Global state to track the last opened dropdown
 let dropdownCounter = 0;
@@ -103,52 +103,6 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
     }, [mounted]);
     // Store the previously focused element to restore focus when dropdown closes
     const previouslyFocusedElement = useRef(null);
-    // Lock/unlock body scroll when dropdown opens/closes
-    useLayoutEffect(() => {
-        if (isOpen) {
-            // Store current scroll position
-            const scrollY = window.scrollY;
-            const scrollX = window.scrollX;
-            // Prevent scroll via events instead of hiding overflow
-            const preventScroll = (e) => {
-                // Allow scroll if it's inside the dropdown content
-                const target = e.target;
-                if (dropdownRef.current?.contains(target)) {
-                    return; // Allow dropdown content to scroll
-                }
-                e.preventDefault();
-                e.stopPropagation();
-                // Restore scroll position if it changed
-                window.scrollTo(scrollX, scrollY);
-            };
-            // Add event listeners to prevent scrolling on page body
-            document.body.addEventListener('wheel', preventScroll, { passive: false });
-            document.body.addEventListener('touchmove', preventScroll, { passive: false });
-            window.addEventListener('scroll', preventScroll, { passive: false });
-            // Prevent keyboard scrolling
-            const preventKeyScroll = (e) => {
-                const ke = e;
-                const scrollKeys = ['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '];
-                if (scrollKeys.includes(ke.key)) {
-                    // Allow keyboard scroll if focus is inside dropdown
-                    const target = ke.target;
-                    if (dropdownRef.current?.contains(target)) {
-                        return; // Allow dropdown content to scroll with keyboard
-                    }
-                    ke.preventDefault();
-                    window.scrollTo(scrollX, scrollY);
-                }
-            };
-            window.addEventListener('keydown', preventKeyScroll);
-            return () => {
-                // Remove all event listeners
-                document.body.removeEventListener('wheel', preventScroll);
-                document.body.removeEventListener('touchmove', preventScroll);
-                window.removeEventListener('scroll', preventScroll);
-                window.removeEventListener('keydown', preventKeyScroll);
-            };
-        }
-    }, [isOpen]);
     // Force update when dropdown opens
     useEffect(() => {
         if (isOpen && mounted) {
@@ -412,139 +366,139 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
         // Arrow key navigation will be handled by ArrowNavigation component
         // Enter/Space key selection will be handled by ArrowNavigation component
     }, [isOpen, handleOpenChange, handleArrowNavigation]);
-    return (_jsxs(Column, { fillWidth: fillWidth, fitWidth: !fillWidth, transition: "macro-medium", style: {
-            ...style,
-        }, className: className, ref: wrapperRef, onClick: disableTriggerClick
-            ? undefined
-            : (e) => {
-                if (!isOpen) {
-                    handleOpenChange(true);
-                    return;
-                }
-            }, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, "data-role": "dropdown-wrapper", children: [_jsx(Row, { ref: triggerRef, fillWidth: fillWidth, fitWidth: !fillWidth, onClick: disableTriggerClick
+    return (_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isOpen, allowScrollInElement: dropdownRef }), _jsxs(Column, { fillWidth: fillWidth, fitWidth: !fillWidth, transition: "macro-medium", style: {
+                    ...style,
+                }, className: className, ref: wrapperRef, onClick: disableTriggerClick
                     ? undefined
                     : (e) => {
-                        // If already open, close on trigger click
-                        if (isOpen) {
-                            handleOpenChange(false);
+                        if (!isOpen) {
+                            handleOpenChange(true);
                             return;
                         }
-                        handleOpenChange(true);
-                    }, onKeyDown: (e) => {
-                    handleKeyDown(e);
-                }, role: "button", "data-is-dropdown": "true", "aria-haspopup": "true", "aria-expanded": isOpen, className: "dropdown-trigger", children: trigger }), isOpen &&
-                dropdown &&
-                isBrowser &&
-                createPortal(_jsx(FocusTrap, { active: isOpen, onEscape: () => handleOpenChange(false), autoFocus: true, restoreFocus: true, children: handleArrowNavigation ? (_jsx(ArrowNavigation, { layout: navigationLayout, itemCount: optionsCount, columns: typeof columns === "string" ? parseInt(columns, 10) || 8 : columns, onSelect: handleOptionSelect, onFocusChange: handleFocusChange, wrap: true, autoFocus: true, initialFocusedIndex: focusedIndex, itemSelector: '.option, [role="option"], [data-value]', role: navigationLayout === "grid" ? "grid" : "listbox", "aria-label": "Dropdown options", disabled: window.lastOpenedDropdown !== dropdownId.current, children: _jsx(Flex, { zIndex: 9, className: `${styles.fadeIn} dropdown-portal`, minWidth: minWidth, ref: dropdownRef, style: {
-                                position: strategy,
-                                top: y ?? 0,
-                                left: x ?? 0,
-                            }, "data-role": "dropdown-portal", "data-is-dropdown": "true", "data-dropdown-id": dropdownId.current, "data-is-active": window.lastOpenedDropdown === dropdownId.current, onKeyDown: (e) => {
-                                // If handleArrowNavigation is false, let all keyboard events pass through
-                                if (!handleArrowNavigation) {
+                    }, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, "data-role": "dropdown-wrapper", children: [_jsx(Row, { ref: triggerRef, fillWidth: fillWidth, fitWidth: !fillWidth, onClick: disableTriggerClick
+                            ? undefined
+                            : (e) => {
+                                // If already open, close on trigger click
+                                if (isOpen) {
+                                    handleOpenChange(false);
                                     return;
                                 }
-                                // Let FocusTrap handle Tab key
-                                // Let ArrowNavigation handle arrow keys
-                                if (e.key !== "Tab" &&
-                                    e.key !== "ArrowUp" &&
-                                    e.key !== "ArrowDown" &&
-                                    e.key !== "ArrowLeft" &&
-                                    e.key !== "ArrowRight") {
-                                    handleKeyDown(e);
-                                }
-                            }, onMouseDown: (e) => {
-                                // Allow interactive elements (inputs, buttons, etc.) to work normally
-                                const target = e.target;
-                                const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                                if (!isInteractive) {
-                                    e.preventDefault();
-                                }
-                            }, onPointerDown: (e) => {
-                                // Allow interactive elements (inputs, buttons, etc.) to work normally
-                                const target = e.target;
-                                const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                                if (!isInteractive) {
-                                    e.preventDefault();
-                                }
-                            }, onTouchStart: (e) => {
-                                // Allow interactive elements (inputs, buttons, etc.) to work normally
-                                const target = e.target;
-                                const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                                if (!isInteractive) {
-                                    e.preventDefault();
-                                }
-                            }, children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", padding: "0", selectedOption: selectedOption, onSelect: (value) => {
-                                    onSelect?.(value);
-                                    if (closeAfterClick) {
-                                        handleOpenChange(false);
-                                        setFocusedIndex(-1);
-                                    }
-                                }, children: React.Children.map(dropdown, (child) => {
-                                    if (React.isValidElement(child)) {
-                                        // Only add onClick handler to elements that have data-value or are interactive
-                                        const childElement = child;
-                                        const hasDataValue = childElement.props["data-value"] ||
-                                            childElement.props.value ||
-                                            childElement.type === "button" ||
-                                            childElement.props.role === "option";
-                                        if (hasDataValue) {
-                                            // Cast the child element to any to avoid TypeScript errors with unknown props
-                                            return React.cloneElement(childElement, {
-                                                onClick: (val) => {
-                                                    onSelect?.(val);
-                                                    if (closeAfterClick) {
-                                                        handleOpenChange(false);
-                                                        setFocusedIndex(-1);
-                                                    }
-                                                },
-                                            });
+                                handleOpenChange(true);
+                            }, onKeyDown: (e) => {
+                            handleKeyDown(e);
+                        }, role: "button", "data-is-dropdown": "true", "aria-haspopup": "true", "aria-expanded": isOpen, className: "dropdown-trigger", children: trigger }), isOpen &&
+                        dropdown &&
+                        isBrowser &&
+                        createPortal(_jsx(FocusTrap, { active: isOpen, onEscape: () => handleOpenChange(false), autoFocus: true, restoreFocus: true, children: handleArrowNavigation ? (_jsx(ArrowNavigation, { layout: navigationLayout, itemCount: optionsCount, columns: typeof columns === "string" ? parseInt(columns, 10) || 8 : columns, onSelect: handleOptionSelect, onFocusChange: handleFocusChange, wrap: true, autoFocus: true, initialFocusedIndex: focusedIndex, itemSelector: '.option, [role="option"], [data-value]', role: navigationLayout === "grid" ? "grid" : "listbox", "aria-label": "Dropdown options", disabled: window.lastOpenedDropdown !== dropdownId.current, children: _jsx(Flex, { zIndex: 9, className: `${styles.fadeIn} dropdown-portal`, minWidth: minWidth, ref: dropdownRef, style: {
+                                        position: strategy,
+                                        top: y ?? 0,
+                                        left: x ?? 0,
+                                    }, "data-role": "dropdown-portal", "data-is-dropdown": "true", "data-dropdown-id": dropdownId.current, "data-is-active": window.lastOpenedDropdown === dropdownId.current, onKeyDown: (e) => {
+                                        // If handleArrowNavigation is false, let all keyboard events pass through
+                                        if (!handleArrowNavigation) {
+                                            return;
+                                        }
+                                        // Let FocusTrap handle Tab key
+                                        // Let ArrowNavigation handle arrow keys
+                                        if (e.key !== "Tab" &&
+                                            e.key !== "ArrowUp" &&
+                                            e.key !== "ArrowDown" &&
+                                            e.key !== "ArrowLeft" &&
+                                            e.key !== "ArrowRight") {
+                                            handleKeyDown(e);
+                                        }
+                                    }, onMouseDown: (e) => {
+                                        // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                        const target = e.target;
+                                        const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                        if (!isInteractive) {
+                                            e.preventDefault();
                                         }
-                                        // Return the child unchanged if it doesn't need an onClick handler
-                                        return child;
+                                    }, onPointerDown: (e) => {
+                                        // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                        const target = e.target;
+                                        const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                        if (!isInteractive) {
+                                            e.preventDefault();
+                                        }
+                                    }, onTouchStart: (e) => {
+                                        // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                        const target = e.target;
+                                        const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                        if (!isInteractive) {
+                                            e.preventDefault();
+                                        }
+                                    }, children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", padding: "0", selectedOption: selectedOption, onSelect: (value) => {
+                                            onSelect?.(value);
+                                            if (closeAfterClick) {
+                                                handleOpenChange(false);
+                                                setFocusedIndex(-1);
+                                            }
+                                        }, children: React.Children.map(dropdown, (child) => {
+                                            if (React.isValidElement(child)) {
+                                                // Only add onClick handler to elements that have data-value or are interactive
+                                                const childElement = child;
+                                                const hasDataValue = childElement.props["data-value"] ||
+                                                    childElement.props.value ||
+                                                    childElement.type === "button" ||
+                                                    childElement.props.role === "option";
+                                                if (hasDataValue) {
+                                                    // Cast the child element to any to avoid TypeScript errors with unknown props
+                                                    return React.cloneElement(childElement, {
+                                                        onClick: (val) => {
+                                                            onSelect?.(val);
+                                                            if (closeAfterClick) {
+                                                                handleOpenChange(false);
+                                                                setFocusedIndex(-1);
+                                                            }
+                                                        },
+                                                    });
+                                                }
+                                                // Return the child unchanged if it doesn't need an onClick handler
+                                                return child;
+                                            }
+                                            return child;
+                                        }) }) }) })) : (_jsx(Flex, { zIndex: 9, className: `${styles.fadeIn} dropdown-portal`, minWidth: minWidth, ref: dropdownRef, style: {
+                                    position: strategy,
+                                    top: y ?? 0,
+                                    left: x ?? 0,
+                                }, "data-role": "dropdown-portal", "data-is-dropdown": "true", "data-dropdown-id": dropdownId.current, "data-is-active": window.lastOpenedDropdown === dropdownId.current, onKeyDown: (e) => {
+                                    // If handleArrowNavigation is false, let all keyboard events pass through
+                                    if (!handleArrowNavigation) {
+                                        return;
                                     }
-                                    return child;
-                                }) }) }) })) : (_jsx(Flex, { zIndex: 9, className: `${styles.fadeIn} dropdown-portal`, minWidth: minWidth, ref: dropdownRef, style: {
-                            position: strategy,
-                            top: y ?? 0,
-                            left: x ?? 0,
-                        }, "data-role": "dropdown-portal", "data-is-dropdown": "true", "data-dropdown-id": dropdownId.current, "data-is-active": window.lastOpenedDropdown === dropdownId.current, onKeyDown: (e) => {
-                            // If handleArrowNavigation is false, let all keyboard events pass through
-                            if (!handleArrowNavigation) {
-                                return;
-                            }
-                            // Let FocusTrap handle Tab key
-                            if (e.key !== "Tab") {
-                                handleKeyDown(e);
-                            }
-                        }, onMouseDown: (e) => {
-                            // Allow interactive elements (inputs, buttons, etc.) to work normally
-                            const target = e.target;
-                            const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                            if (!isInteractive) {
-                                e.preventDefault();
-                            }
-                        }, onPointerDown: (e) => {
-                            // Allow interactive elements (inputs, buttons, etc.) to work normally
-                            const target = e.target;
-                            const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                            if (!isInteractive) {
-                                e.preventDefault();
-                            }
-                        }, onTouchStart: (e) => {
-                            // Allow interactive elements (inputs, buttons, etc.) to work normally
-                            const target = e.target;
-                            const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
-                            if (!isInteractive) {
-                                e.preventDefault();
-                            }
-                        }, children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", padding: "0", selectedOption: selectedOption, onSelect: (value) => {
-                                onSelect?.(value);
-                                if (closeAfterClick) {
-                                    handleOpenChange(false);
-                                    setFocusedIndex(-1);
-                                }
-                            }, children: dropdown }) })) }), document.body)] }));
+                                    // Let FocusTrap handle Tab key
+                                    if (e.key !== "Tab") {
+                                        handleKeyDown(e);
+                                    }
+                                }, onMouseDown: (e) => {
+                                    // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                    const target = e.target;
+                                    const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                    if (!isInteractive) {
+                                        e.preventDefault();
+                                    }
+                                }, onPointerDown: (e) => {
+                                    // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                    const target = e.target;
+                                    const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                    if (!isInteractive) {
+                                        e.preventDefault();
+                                    }
+                                }, onTouchStart: (e) => {
+                                    // Allow interactive elements (inputs, buttons, etc.) to work normally
+                                    const target = e.target;
+                                    const isInteractive = target.closest('input, textarea, select, button, [role="button"], a');
+                                    if (!isInteractive) {
+                                        e.preventDefault();
+                                    }
+                                }, children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", padding: "0", selectedOption: selectedOption, onSelect: (value) => {
+                                        onSelect?.(value);
+                                        if (closeAfterClick) {
+                                            handleOpenChange(false);
+                                            setFocusedIndex(-1);
+                                        }
+                                    }, children: dropdown }) })) }), document.body)] })] }));
 });
 DropdownWrapper.displayName = "DropdownWrapper";
 export { DropdownWrapper };