@popsure/dirty-swan 0.66.0 → 0.66.2

package/dist/cjs/lib/hooks/useDropdownAlignment.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export declare const useDropdownAlignment: (containerRef: RefObject<HTMLElement | null>, dropdownRef: RefObject<HTMLElement | null>, isOpen: boolean) => {
+    alignX: "left" | "right";
+    alignY: "top" | "bottom";
+};

package/dist/esm/components/searchableDropdown/index.js

@@ -4,7 +4,7 @@ import 'react';
 import '../../index-DLQEsiym.js';
 import '../input/index.js';
 import '../icon/icons/ChevronDown.js';
-export { S as SearchableDropdown } from '../../index-DgTZdYln.js';
+export { S as SearchableDropdown } from '../../index-B18M6b67.js';
 import '../../useOnClickOutside-B5hujnpp.js';
 import '../../index-CNcEE5dn.js';
 import '../../_commonjsHelpers-BFTU3MAI.js';

package/dist/esm/components/searchableDropdown/index.stories.js

@@ -1,7 +1,7 @@
 import { b as __assign } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { S as SearchableDropdown } from '../../index-DgTZdYln.js';
+import { S as SearchableDropdown } from '../../index-B18M6b67.js';
 import '../../index-DLQEsiym.js';
 import '../../_commonjsHelpers-BFTU3MAI.js';
 import '../input/index.js';

package/dist/esm/components/searchableDropdown/index.test.js

@@ -1,7 +1,7 @@
 import { _ as __awaiter, a as __generator, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
 import { s as screen, c as customRender } from '../../customRender-DzdqZxUd.js';
-import { S as SearchableDropdown } from '../../index-DgTZdYln.js';
+import { S as SearchableDropdown } from '../../index-B18M6b67.js';
 import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';

package/dist/esm/{index-DgTZdYln.js → index-B18M6b67.js}

@@ -1,6 +1,6 @@
 import { d as __spreadArray } from './tslib.es6-CVlKGIvp.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback, useEffect, useState, useRef, useMemo } from 'react';
+import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
 import { c as classNames } from './index-DLQEsiym.js';
 import { Input } from './components/input/index.js';
 import ChevronDownIcon from './components/icon/icons/ChevronDown.js';
@@ -8,6 +8,31 @@ import { u as useOnClickOutside } from './useOnClickOutside-B5hujnpp.js';
 import { g as generateId } from './index-CNcEE5dn.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
+var useDropdownAlignment = function (containerRef, dropdownRef, isOpen) {
+    var _a = useState('left'), alignX = _a[0], setAlignX = _a[1];
+    var _b = useState('bottom'), alignY = _b[0], setAlignY = _b[1];
+    var updateAlignment = useCallback(function () {
+        if (containerRef.current && dropdownRef.current) {
+            var containerRect = containerRef.current.getBoundingClientRect();
+            var dropdownWidth = dropdownRef.current.offsetWidth;
+            var dropdownHeight = dropdownRef.current.offsetHeight;
+            var spaceOnRight = window.innerWidth - containerRect.left;
+            var spaceBelow = window.innerHeight - containerRect.bottom;
+            setAlignX(spaceOnRight < dropdownWidth ? 'right' : 'left');
+            setAlignY(spaceBelow < dropdownHeight && containerRect.top > spaceBelow ? 'top' : 'bottom');
+        }
+    }, [containerRef, dropdownRef]);
+    useEffect(function () {
+        if (!isOpen)
+            return;
+        updateAlignment();
+        var observer = new ResizeObserver(updateAlignment);
+        observer.observe(document.documentElement);
+        return function () { return observer.disconnect(); };
+    }, [isOpen, updateAlignment]);
+    return { alignX: alignX, alignY: alignY };
+};
+
 var useEscapeKey = function (callback) {
     var handleOnEscape = useCallback(function (e) {
         if (e.key === 'Escape') {
@@ -20,8 +45,8 @@ var useEscapeKey = function (callback) {
     }, [handleOnEscape]);
 };
 
-var css_248z = ".style-module_bs-xs__2KEsk {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__3u9QM {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__2LfxW {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__2Qx0R {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__kaOuM {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_container__2064q {\n  position: relative;\n}\n\n.style-module_selectTrigger__1GiSB {\n  padding: 10px 12px;\n  border: 1px solid #e7e7ed;\n}\n.style-module_selectTrigger__1GiSB:hover {\n  border-color: #b8b8c0;\n}\n.style-module_selectTrigger__1GiSB:focus-visible {\n  outline: 1px solid #26262e;\n  outline-offset: 1px;\n}\n.style-module_selectTriggerOpen__29Kor {\n  border-color: #26262e;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_disabled__2BlO- {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.style-module_chevronOpen__Ot3RV {\n  transform: rotate(180deg);\n}\n\n.style-module_condensed__GDq0d {\n  width: auto;\n  padding: 8px 10px;\n  gap: 8px;\n}\n\n.style-module_bordered__tRh9H {\n  border: 1px solid #e7e7ed;\n}\n.style-module_bordered__tRh9H:hover {\n  border-color: #b8b8c0;\n}\n\n.style-module_dropdown__1A-wl {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 280px;\n  border: 1px solid #e7e7ed;\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n  z-index: 10;\n}\n\n.style-module_dropdownUp__2PCvx {\n  top: auto;\n  bottom: calc(100% + 4px);\n}\n.style-module_dropdownUp__2PCvx .style-module_searchContainer__4O1qv {\n  order: 2;\n  padding-bottom: 0;\n  padding-top: 8px;\n}\n.style-module_dropdownUp__2PCvx .style-module_optionList__-2I8l {\n  order: 1;\n}\n\n.style-module_searchContainer__4O1qv {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_optionList__-2I8l {\n  max-height: 308px;\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.style-module_optionList__-2I8l::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_optionWrapper__3GVCB {\n  position: relative;\n}\n\n.style-module_optionRadio__3GBog {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.style-module_optionRadio__3GBog:focus-visible + label {\n  outline: 2px solid #26262e;\n  outline-offset: -2px;\n  border-radius: 8px;\n}\n\n.style-module_option__1HkKR {\n  padding: 10px 12px;\n  border: none;\n  background-color: transparent;\n}\n.style-module_option__1HkKR:hover {\n  background-color: #f7f7fd;\n}\n.style-module_optionSelected__2pPt9 {\n  background-color: #F6F6FE;\n}\n.style-module_optionSelected__2pPt9:hover {\n  background-color: #F6F6FE;\n}\n\n.style-module_optionIcon__2hBSY {\n  flex-shrink: 0;\n}\n\n.style-module_noResults__18exv {\n  padding: 10px 12px;\n}";
-var styles = {"container":"style-module_container__2064q","selectTrigger":"style-module_selectTrigger__1GiSB","selectTriggerOpen":"style-module_selectTriggerOpen__29Kor","disabled":"style-module_disabled__2BlO-","chevronOpen":"style-module_chevronOpen__Ot3RV","condensed":"style-module_condensed__GDq0d","bordered":"style-module_bordered__tRh9H","dropdown":"style-module_dropdown__1A-wl","dropdownUp":"style-module_dropdownUp__2PCvx","searchContainer":"style-module_searchContainer__4O1qv","optionList":"style-module_optionList__-2I8l","optionWrapper":"style-module_optionWrapper__3GVCB","optionRadio":"style-module_optionRadio__3GBog","option":"style-module_option__1HkKR","optionSelected":"style-module_optionSelected__2pPt9","optionIcon":"style-module_optionIcon__2hBSY","noResults":"style-module_noResults__18exv"};
+var css_248z = ".style-module_bs-xs__2KEsk {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__3u9QM {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__2LfxW {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__2Qx0R {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__kaOuM {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_container__2064q {\n  position: relative;\n}\n\n.style-module_selectTrigger__1GiSB {\n  padding: 10px 12px;\n  border: 1px solid #e7e7ed;\n}\n.style-module_selectTrigger__1GiSB:hover {\n  border-color: #b8b8c0;\n}\n.style-module_selectTrigger__1GiSB:focus-visible {\n  outline: 1px solid #26262e;\n  outline-offset: 1px;\n}\n.style-module_selectTriggerOpen__29Kor {\n  border-color: #26262e;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_disabled__2BlO- {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.style-module_chevronOpen__Ot3RV {\n  transform: rotate(180deg);\n}\n\n.style-module_condensed__GDq0d {\n  width: auto;\n  padding: 8px 10px;\n  gap: 8px;\n}\n\n.style-module_bordered__tRh9H {\n  border: 1px solid #e7e7ed;\n}\n.style-module_bordered__tRh9H:hover {\n  border-color: #b8b8c0;\n}\n\n.style-module_dropdown__1A-wl {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 280px;\n  border: 1px solid #e7e7ed;\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n  z-index: 10;\n}\n\n.style-module_dropdownXRight__2LIci {\n  left: auto;\n  right: 0;\n}\n\n.style-module_dropdownYTop__Amnit {\n  top: auto;\n  bottom: calc(100% + 4px);\n}\n.style-module_dropdownYTop__Amnit .style-module_searchContainer__4O1qv {\n  order: 2;\n  padding-bottom: 0;\n  padding-top: 8px;\n}\n.style-module_dropdownYTop__Amnit .style-module_optionList__-2I8l {\n  order: 1;\n}\n\n.style-module_optionList__-2I8l {\n  max-height: 308px;\n  overflow-y: auto;\n  scrollbar-width: none;\n}\n.style-module_optionList__-2I8l::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_optionWrapper__3GVCB {\n  position: relative;\n}\n\n.style-module_optionRadio__3GBog {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.style-module_optionRadio__3GBog:focus-visible + label {\n  outline: 2px solid #26262e;\n  outline-offset: -2px;\n  border-radius: 8px;\n}\n\n.style-module_option__1HkKR {\n  padding: 10px 12px;\n  border: none;\n  background-color: transparent;\n}\n.style-module_option__1HkKR:hover {\n  background-color: #f7f7fd;\n}\n.style-module_optionSelected__2pPt9 {\n  background-color: #F6F6FE;\n}\n.style-module_optionSelected__2pPt9:hover {\n  background-color: #F6F6FE;\n}\n\n.style-module_optionIcon__2hBSY {\n  flex-shrink: 0;\n}\n\n.style-module_noResults__18exv {\n  padding: 10px 12px;\n}";
+var styles = {"container":"style-module_container__2064q","selectTrigger":"style-module_selectTrigger__1GiSB","selectTriggerOpen":"style-module_selectTriggerOpen__29Kor","disabled":"style-module_disabled__2BlO-","chevronOpen":"style-module_chevronOpen__Ot3RV","condensed":"style-module_condensed__GDq0d","bordered":"style-module_bordered__tRh9H","dropdown":"style-module_dropdown__1A-wl","dropdownXRight":"style-module_dropdownXRight__2LIci","dropdownYTop":"style-module_dropdownYTop__Amnit","optionList":"style-module_optionList__-2I8l","optionWrapper":"style-module_optionWrapper__3GVCB","optionRadio":"style-module_optionRadio__3GBog","option":"style-module_option__1HkKR","optionSelected":"style-module_optionSelected__2pPt9","optionIcon":"style-module_optionIcon__2hBSY","noResults":"style-module_noResults__18exv"};
 styleInject(css_248z);
 
 var SearchableDropdown = function (_a) {
@@ -34,6 +59,7 @@ var SearchableDropdown = function (_a) {
     var searchInputRef = useRef(null);
     var containerRef = useRef(null);
     var triggerRef = useRef(null);
+    var dropdownRef = useRef(null);
     var optionRefs = useRef(new Map());
     var groupName = useState(function () { return groupNameProp !== null && groupNameProp !== void 0 ? groupNameProp : "sd-".concat(generateId()); })[0];
     var dropdownId = "".concat(groupName, "-dropdown");
@@ -47,6 +73,7 @@ var SearchableDropdown = function (_a) {
         if (isOpen)
             closeAndRestoreFocus();
     }, [isOpen, closeAndRestoreFocus]));
+    var _s = useDropdownAlignment(containerRef, dropdownRef, isOpen), alignX = _s.alignX, alignY = _s.alignY;
     useEffect(function () {
         if (isOpen && searchable && searchInputRef.current) {
             searchInputRef.current.focus();
@@ -136,7 +163,7 @@ var SearchableDropdown = function (_a) {
                     _b[styles.condensed] = condensed,
                     _b[styles.bordered] = bordered,
                     _b[styles.disabled] = disabled,
-                    _b)), onClick: handleTriggerClick, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? dropdownId : undefined, children: [jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsx("span", { className: styles.optionIcon, children: selectedOption.icon })), !condensed && (jsx("span", { className: "p-p", children: (_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _e !== void 0 ? _e : triggerPlaceholder }))] }), showChevron && (jsx(ChevronDownIcon, { className: classNames('ml8', (_c = {}, _c[styles.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxs("div", { id: dropdownId, className: classNames(styles.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles.dropdownUp] = dropUp, _d)), children: [searchable && (jsx("div", { className: classNames('pb8 bg-white', styles.searchContainer), children: jsx(Input, { ref: searchInputRef, type: "text", placeholder: placeholder, value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, label: placeholder, hideLabel: true, onKeyDown: handleSearchKeyDown }) })), jsxs("div", { className: styles.optionList, role: "radiogroup", "aria-label": groupName, children: [filteredOptions.map(function (option) {
+                    _b)), onClick: handleTriggerClick, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? dropdownId : undefined, children: [jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsx("span", { className: styles.optionIcon, children: selectedOption.icon })), !condensed && (jsx("span", { className: "p-p", children: (_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _e !== void 0 ? _e : triggerPlaceholder }))] }), showChevron && (jsx(ChevronDownIcon, { className: classNames('ml8', (_c = {}, _c[styles.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxs("div", { id: dropdownId, ref: dropdownRef, className: classNames(styles.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles.dropdownYTop] = dropUp || alignY === 'top', _d[styles.dropdownXRight] = alignX === 'right', _d)), children: [searchable && (jsx("div", { className: "pb8 bg-white", children: jsx(Input, { ref: searchInputRef, type: "text", placeholder: placeholder, value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, label: placeholder, hideLabel: true, onKeyDown: handleSearchKeyDown }) })), jsxs("div", { className: styles.optionList, role: "radiogroup", "aria-label": groupName, children: [filteredOptions.map(function (option) {
                                 var _a;
                                 return (jsxs("div", { className: styles.optionWrapper, children: [jsx("input", { type: "radio", id: "".concat(groupName, "-").concat(option.id), name: groupName, value: option.id, checked: option.id === localValue, onChange: function () { return setLocalValue(option.id); }, onClick: function () { return handleOptionClick(option.id); }, tabIndex: option.id === localValue ? 0 : -1, className: styles.optionRadio, ref: function (el) { return handleOptionRef(option.id, el); }, onKeyDown: function (e) { return handleOptionKeyDown(e, option.id); } }), jsxs("label", { htmlFor: "".concat(groupName, "-").concat(option.id), className: classNames('d-flex ai-center gap8 w100 br8 c-pointer ta-left tc-neutral-900', styles.option, (_a = {},
                                                 _a[styles.optionSelected] = option.id === localValue,
@@ -145,4 +172,4 @@ var SearchableDropdown = function (_a) {
 };
 
 export { SearchableDropdown as S, useEscapeKey as u };
-//# sourceMappingURL=index-DgTZdYln.js.map
+//# sourceMappingURL=index-B18M6b67.js.map

package/dist/esm/index-B18M6b67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-B18M6b67.js","sources":["../../../src/lib/hooks/useDropdownAlignment.ts","../../../src/lib/hooks/useEscapeKey.ts","../../../src/lib/components/searchableDropdown/index.tsx"],"sourcesContent":["import { RefObject, useCallback, useEffect, useState } from 'react';\n\nexport const useDropdownAlignment = (\n  containerRef: RefObject<HTMLElement | null>,\n  dropdownRef: RefObject<HTMLElement | null>,\n  isOpen: boolean\n) => {\n  const [alignX, setAlignX] = useState<'left' | 'right'>('left');\n  const [alignY, setAlignY] = useState<'top' | 'bottom'>('bottom');\n\n  const updateAlignment = useCallback(() => {\n    if (containerRef.current && dropdownRef.current) {\n      const containerRect = containerRef.current.getBoundingClientRect();\n      const dropdownWidth = dropdownRef.current.offsetWidth;\n      const dropdownHeight = dropdownRef.current.offsetHeight;\n      const spaceOnRight = window.innerWidth - containerRect.left;\n      const spaceBelow = window.innerHeight - containerRect.bottom;\n      setAlignX(spaceOnRight < dropdownWidth ? 'right' : 'left');\n      setAlignY(spaceBelow < dropdownHeight && containerRect.top > spaceBelow ? 'top' : 'bottom');\n    }\n  }, [containerRef, dropdownRef]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    updateAlignment();\n\n    const observer = new ResizeObserver(updateAlignment);\n    observer.observe(document.documentElement);\n    return () => observer.disconnect();\n  }, [isOpen, updateAlignment]);\n\n  return { alignX, alignY };\n};\n","import { useCallback, useEffect } from 'react';\n\nexport const useEscapeKey = (callback: () => void) => {\n  const handleOnEscape = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        callback();\n      }\n    },\n    [callback]\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleOnEscape);\n\n    return () => window.removeEventListener('keydown', handleOnEscape);\n  }, [handleOnEscape]);\n};\n","import { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { Input } from '../input';\nimport { ChevronDownIcon } from '../icon';\nimport { useDropdownAlignment } from '../../hooks/useDropdownAlignment';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { useOnClickOutside } from '../../hooks/useOnClickOutside';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\nexport interface SearchableDropdownOption {\n  id: string;\n  label: string;\n  icon?: ReactNode;\n}\n\nexport interface SearchableDropdownProps {\n  options: SearchableDropdownOption[];\n  value: string | null;\n  onChange: (value: string) => void;\n  searchable?: boolean;\n  placeholder?: string;\n  triggerPlaceholder?: string;\n  noResultsText?: string;\n  groupName?: string;\n  dropUp?: boolean;\n  condensed?: boolean;\n  bordered?: boolean;\n  showChevron?: boolean;\n  disabled?: boolean;\n}\n\nexport const SearchableDropdown = ({\n  options,\n  value,\n  onChange,\n  searchable = false,\n  placeholder = 'Search',\n  triggerPlaceholder,\n  noResultsText = 'No results found',\n  groupName: groupNameProp,\n  dropUp = false,\n  condensed = false,\n  bordered = false,\n  showChevron = false,\n  disabled = false,\n}: SearchableDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [localValue, setLocalValue] = useState(value);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const optionRefs = useRef<Map<string, HTMLInputElement>>(new Map());\n  const [groupName] = useState(() => groupNameProp ?? `sd-${generateId()}`);\n  const dropdownId = `${groupName}-dropdown`;\n\n  const closeAndRestoreFocus = useCallback(() => {\n    setIsOpen(false);\n    triggerRef.current?.focus();\n  }, []);\n\n  useOnClickOutside(containerRef, () => isOpen && closeAndRestoreFocus());\n  useEscapeKey(\n    useCallback(() => {\n      if (isOpen) closeAndRestoreFocus();\n    }, [isOpen, closeAndRestoreFocus])\n  );\n\n  const { alignX, alignY } = useDropdownAlignment(containerRef, dropdownRef, isOpen);\n\n  useEffect(() => {\n    if (isOpen && searchable && searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [isOpen, searchable]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSearchTerm('');\n      setLocalValue(value);\n    }\n  }, [isOpen, value]);\n\n  const filteredOptions = useMemo(() => {\n    if (!searchTerm) return options;\n    return [...options]\n      .filter((option) =>\n        option.label.toLowerCase().includes(searchTerm.toLowerCase())\n      )\n      .sort((a, b) => {\n        const term = searchTerm.toLowerCase();\n        const aStartsWith = a.label.toLowerCase().startsWith(term);\n        const bStartsWith = b.label.toLowerCase().startsWith(term);\n        if (aStartsWith && !bStartsWith) return -1;\n        if (!aStartsWith && bStartsWith) return 1;\n        return 0;\n      });\n  }, [options, searchTerm]);\n\n  const selectedOption = options.find((option) => option.id === value);\n\n  const handleTriggerClick = () => {\n    if (!disabled) setIsOpen(!isOpen);\n  };\n\n  const handleSearchKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      const target =\n        e.key === 'ArrowDown'\n          ? filteredOptions[0]\n          : filteredOptions[filteredOptions.length - 1];\n      if (target) {\n        setLocalValue(target.id);\n        optionRefs.current.get(target.id)?.focus();\n      }\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const target = filteredOptions[0];\n      if (target) {\n        onChange(target.id);\n        closeAndRestoreFocus();\n      }\n    }\n  };\n\n  const handleOptionClick = (optionId: string) => {\n    onChange(optionId);\n    closeAndRestoreFocus();\n  };\n\n  const handleOptionRef = (optionId: string, el: HTMLInputElement | null) => {\n    if (el) optionRefs.current.set(optionId, el);\n    else optionRefs.current.delete(optionId);\n  };\n\n  const handleOptionKeyDown = (e: React.KeyboardEvent, optionId: string) => {\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      const currentIndex = filteredOptions.findIndex(\n        (o) => o.id === optionId\n      );\n      const nextIndex =\n        e.key === 'ArrowDown'\n          ? Math.min(currentIndex + 1, filteredOptions.length - 1)\n          : Math.max(currentIndex - 1, 0);\n      const next = filteredOptions[nextIndex];\n      if (next) {\n        setLocalValue(next.id);\n        optionRefs.current.get(next.id)?.focus();\n      }\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      onChange(optionId);\n      closeAndRestoreFocus();\n    }\n  };\n\n  return (\n    <div className={classnames(styles.container, { 'd-inline-block': condensed })} ref={containerRef}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={classnames(\n          'd-flex ai-center jc-between w100 br8 bg-white c-pointer ta-left tc-neutral-900',\n          styles.selectTrigger, {\n            [styles.selectTriggerOpen]: isOpen,\n            [styles.condensed]: condensed,\n            [styles.bordered]: bordered,\n            [styles.disabled]: disabled,\n          }\n        )}\n        onClick={handleTriggerClick}\n        disabled={disabled}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={isOpen ? dropdownId : undefined}\n      >\n        <span className={'d-flex ai-center gap8'}>\n          {selectedOption?.icon && (\n            <span className={styles.optionIcon}>{selectedOption.icon}</span>\n          )}\n          {!condensed && (\n            <span className=\"p-p\">\n              {selectedOption?.label ?? triggerPlaceholder}\n            </span>\n          )}\n        </span>\n        {showChevron && (\n          <ChevronDownIcon\n            className={classnames('ml8', { [styles.chevronOpen]: isOpen })}\n            size={20}\n            noMargin\n            color=\"neutral-600\"\n          />\n        )}\n      </button>\n      {isOpen && (\n        <div\n          id={dropdownId}\n          ref={dropdownRef}\n          className={classnames(\n            styles.dropdown,\n            'bg-white br8 p8 d-flex fd-column',\n            { [styles.dropdownYTop]: dropUp || alignY === 'top', [styles.dropdownXRight]: alignX === 'right' }\n          )}\n        >\n          {searchable && (\n            <div className=\"pb8 bg-white\">\n              <Input\n                ref={searchInputRef}\n                type=\"text\"\n                placeholder={placeholder}\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                label={placeholder}\n                hideLabel\n                onKeyDown={handleSearchKeyDown}\n              />\n            </div>\n          )}\n          <div className={styles.optionList} role=\"radiogroup\" aria-label={groupName}>\n            {filteredOptions.map((option) => (\n              <div key={option.id} className={styles.optionWrapper}>\n                <input\n                  type=\"radio\"\n                  id={`${groupName}-${option.id}`}\n                  name={groupName}\n                  value={option.id}\n                  checked={option.id === localValue}\n                  onChange={() => setLocalValue(option.id)}\n                  onClick={() => handleOptionClick(option.id)}\n                  tabIndex={option.id === localValue ? 0 : -1}\n                  className={styles.optionRadio}\n                  ref={(el) => handleOptionRef(option.id, el)}\n                  onKeyDown={(e) => handleOptionKeyDown(e, option.id)}\n                />\n                <label\n                  htmlFor={`${groupName}-${option.id}`}\n                  className={classnames(\n                    'd-flex ai-center gap8 w100 br8 c-pointer ta-left tc-neutral-900',\n                    styles.option, {\n                    [styles.optionSelected]: option.id === localValue,\n                  })}\n                >\n                  {option.icon && (\n                    <span className={styles.optionIcon}>{option.icon}</span>\n                  )}\n                  <span className=\"p-p\">{option.label}</span>\n                </label>\n              </div>\n            ))}\n            {filteredOptions.length === 0 && (\n              <p className={`p-p tc-neutral-500 ${styles.noResults}`}>\n                {noResultsText}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["_jsxs","classnames","_jsx"],"mappings":"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"}

package/dist/esm/index.js

@@ -23,7 +23,7 @@ export { default as Chip } from './components/chip/index.js';
 export { AutoSuggestInput } from './components/input/autoSuggestInput/index.js';
 export { ComparisonTable } from './components/comparisonTable/index.js';
 export { SegmentedControl } from './components/segmentedControl/index.js';
-export { S as SearchableDropdown, u as useEscapeKey } from './index-DgTZdYln.js';
+export { S as SearchableDropdown, u as useEscapeKey } from './index-B18M6b67.js';
 export { Link } from './components/link/index.js';
 export { a as illustrations, i as images } from './index-C4hs4X-e.js';
 export { Spinner } from './components/spinner/index.js';

package/dist/esm/lib/hooks/useDropdownAlignment.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export declare const useDropdownAlignment: (containerRef: RefObject<HTMLElement | null>, dropdownRef: RefObject<HTMLElement | null>, isOpen: boolean) => {
+    alignX: "left" | "right";
+    alignY: "top" | "bottom";
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popsure/dirty-swan",
-  "version": "0.66.0",
+  "version": "0.66.2",
   "author": "Vincent Audoire <vincent@getpopsure.com>",
   "license": "MIT",
   "private": false,

package/src/lib/components/searchableDropdown/index.tsx

@@ -3,6 +3,7 @@ import classnames from 'classnames';
 
 import { Input } from '../input';
 import { ChevronDownIcon } from '../icon';
+import { useDropdownAlignment } from '../../hooks/useDropdownAlignment';
 import { useEscapeKey } from '../../hooks/useEscapeKey';
 import { useOnClickOutside } from '../../hooks/useOnClickOutside';
 import generateId from '../../util/generateId';
@@ -52,6 +53,7 @@ export const SearchableDropdown = ({
   const searchInputRef = useRef<HTMLInputElement>(null);
   const containerRef = useRef<HTMLDivElement>(null);
   const triggerRef = useRef<HTMLButtonElement>(null);
+  const dropdownRef = useRef<HTMLDivElement>(null);
   const optionRefs = useRef<Map<string, HTMLInputElement>>(new Map());
   const [groupName] = useState(() => groupNameProp ?? `sd-${generateId()}`);
   const dropdownId = `${groupName}-dropdown`;
@@ -68,6 +70,8 @@ export const SearchableDropdown = ({
     }, [isOpen, closeAndRestoreFocus])
   );
 
+  const { alignX, alignY } = useDropdownAlignment(containerRef, dropdownRef, isOpen);
+
   useEffect(() => {
     if (isOpen && searchable && searchInputRef.current) {
       searchInputRef.current.focus();
@@ -198,14 +202,15 @@ export const SearchableDropdown = ({
       {isOpen && (
         <div
           id={dropdownId}
+          ref={dropdownRef}
           className={classnames(
             styles.dropdown,
             'bg-white br8 p8 d-flex fd-column',
-            { [styles.dropdownUp]: dropUp }
+            { [styles.dropdownYTop]: dropUp || alignY === 'top', [styles.dropdownXRight]: alignX === 'right' }
           )}
         >
           {searchable && (
-            <div className={classnames('pb8 bg-white', styles.searchContainer)}>
+            <div className="pb8 bg-white">
               <Input
                 ref={searchInputRef}
                 type="text"

package/src/lib/components/searchableDropdown/style.module.scss

@@ -58,7 +58,12 @@
   z-index: 10;
 }
 
-.dropdownUp {
+.dropdownXRight {
+  left: auto;
+  right: 0;
+}
+
+.dropdownYTop {
   top: auto;
   bottom: calc(100% + 4px);
 
@@ -73,11 +78,6 @@
   }
 }
 
-.searchContainer {
-  position: sticky;
-  top: 0;
-}
-
 .optionList {
   max-height: 308px;
   overflow-y: auto;

package/src/lib/hooks/useDropdownAlignment.test.ts

@@ -0,0 +1,210 @@
+import { renderHook, act } from '@testing-library/react-hooks';
+import { RefObject } from 'react';
+
+import { useDropdownAlignment } from './useDropdownAlignment';
+
+const createRef = <T>(value: T | null = null): RefObject<T | null> => ({
+  current: value,
+});
+
+const mockContainerRect = (rect: Partial<DOMRect>) =>
+  ({
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    toJSON: () => {},
+    ...rect,
+  }) as DOMRect;
+
+describe('useDropdownAlignment', () => {
+  let containerEl: HTMLElement;
+  let dropdownEl: HTMLElement;
+  let containerRef: RefObject<HTMLElement | null>;
+  let dropdownRef: RefObject<HTMLElement | null>;
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+
+    window.innerWidth = 1024;
+    window.innerHeight = 768;
+
+    containerEl = document.createElement('div');
+    dropdownEl = document.createElement('div');
+
+    containerRef = createRef(containerEl);
+    dropdownRef = createRef(dropdownEl);
+
+    Object.defineProperty(dropdownEl, 'offsetWidth', {
+      value: 200,
+      configurable: true,
+    });
+    Object.defineProperty(dropdownEl, 'offsetHeight', {
+      value: 300,
+      configurable: true,
+    });
+  });
+
+  it('should return alignX as left and alignY as bottom by default', () => {
+    const { result } = renderHook(() =>
+      useDropdownAlignment(containerRef, dropdownRef, false)
+    );
+
+    expect(result.current.alignX).toBe('left');
+    expect(result.current.alignY).toBe('bottom');
+  });
+
+  it('should not compute alignment when isOpen is false', () => {
+    jest
+      .spyOn(containerEl, 'getBoundingClientRect')
+      .mockReturnValue(mockContainerRect({ left: 900, bottom: 600, top: 600 }));
+
+    renderHook(() => useDropdownAlignment(containerRef, dropdownRef, false));
+
+    expect(containerEl.getBoundingClientRect).not.toHaveBeenCalled();
+  });
+
+  it('should not compute alignment when refs are null', () => {
+    const nullContainerRef = createRef<HTMLElement>(null);
+    const nullDropdownRef = createRef<HTMLElement>(null);
+
+    const { result } = renderHook(() =>
+      useDropdownAlignment(nullContainerRef, nullDropdownRef, true)
+    );
+
+    expect(result.current.alignX).toBe('left');
+    expect(result.current.alignY).toBe('bottom');
+  });
+
+  describe('horizontal alignment', () => {
+    it('should set alignX to left when there is enough space on the right', () => {
+      jest.spyOn(containerEl, 'getBoundingClientRect').mockReturnValue(
+        mockContainerRect({ left: 100, bottom: 100, top: 100 })
+      );
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      // spaceOnRight = 1024 - 100 = 924, dropdownWidth = 200 → enough space
+      expect(result.current.alignX).toBe('left');
+    });
+
+    it('should set alignX to right when there is not enough space on the right', () => {
+      jest.spyOn(containerEl, 'getBoundingClientRect').mockReturnValue(
+        mockContainerRect({ left: 900, bottom: 100, top: 100 })
+      );
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      // spaceOnRight = 1024 - 900 = 124, dropdownWidth = 200 → not enough space
+      expect(result.current.alignX).toBe('right');
+    });
+  });
+
+  describe('vertical alignment', () => {
+    it('should set alignY to bottom when there is enough space below', () => {
+      jest.spyOn(containerEl, 'getBoundingClientRect').mockReturnValue(
+        mockContainerRect({ left: 100, bottom: 100, top: 100 })
+      );
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      // spaceBelow = 768 - 100 = 668, dropdownHeight = 300 → enough space
+      expect(result.current.alignY).toBe('bottom');
+    });
+
+    it('should set alignY to top when not enough space below and more space above', () => {
+      jest.spyOn(containerEl, 'getBoundingClientRect').mockReturnValue(
+        mockContainerRect({ left: 100, bottom: 600, top: 600 })
+      );
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      // spaceBelow = 768 - 600 = 168, dropdownHeight = 300 → not enough below
+      // containerRect.top = 600 > spaceBelow = 168 → more space above
+      expect(result.current.alignY).toBe('top');
+    });
+
+    it('should set alignY to bottom when not enough space below but more space below than above', () => {
+      jest.spyOn(containerEl, 'getBoundingClientRect').mockReturnValue(
+        mockContainerRect({ left: 100, bottom: 500, top: 100 })
+      );
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      // spaceBelow = 768 - 500 = 268, dropdownHeight = 300 → not enough below
+      // containerRect.top = 100 < spaceBelow = 268 → more space below
+      expect(result.current.alignY).toBe('bottom');
+    });
+  });
+
+  describe('ResizeObserver', () => {
+    it('should observe document.documentElement when isOpen is true', () => {
+      jest
+        .spyOn(containerEl, 'getBoundingClientRect')
+        .mockReturnValue(mockContainerRect({ left: 100, bottom: 100, top: 100 }));
+
+      renderHook(() => useDropdownAlignment(containerRef, dropdownRef, true));
+
+      const observerInstance = (ResizeObserver as jest.Mock).mock.results[0].value;
+      expect(observerInstance.observe).toHaveBeenCalledWith(
+        document.documentElement
+      );
+    });
+
+    it('should disconnect observer when isOpen changes to false', () => {
+      jest
+        .spyOn(containerEl, 'getBoundingClientRect')
+        .mockReturnValue(mockContainerRect({ left: 100, bottom: 100, top: 100 }));
+
+      const { rerender } = renderHook(
+        ({ isOpen }) => useDropdownAlignment(containerRef, dropdownRef, isOpen),
+        { initialProps: { isOpen: true } }
+      );
+
+      const observerInstance = (ResizeObserver as jest.Mock).mock.results[0].value;
+
+      rerender({ isOpen: false });
+
+      expect(observerInstance.disconnect).toHaveBeenCalled();
+    });
+
+    it('should recalculate alignment when ResizeObserver fires', () => {
+      jest
+        .spyOn(containerEl, 'getBoundingClientRect')
+        .mockReturnValue(mockContainerRect({ left: 100, bottom: 100, top: 100 }));
+
+      const { result } = renderHook(() =>
+        useDropdownAlignment(containerRef, dropdownRef, true)
+      );
+
+      expect(result.current.alignX).toBe('left');
+
+      // Simulate viewport change: now not enough space on the right
+      jest
+        .spyOn(containerEl, 'getBoundingClientRect')
+        .mockReturnValue(mockContainerRect({ left: 900, bottom: 100, top: 100 }));
+
+      // Get the callback passed to ResizeObserver and invoke it
+      const observerCallback = (ResizeObserver as jest.Mock).mock.calls[0][0];
+      act(() => {
+        observerCallback();
+      });
+
+      expect(result.current.alignX).toBe('right');
+    });
+  });
+});

package/src/lib/hooks/useDropdownAlignment.ts

@@ -0,0 +1,34 @@
+import { RefObject, useCallback, useEffect, useState } from 'react';
+
+export const useDropdownAlignment = (
+  containerRef: RefObject<HTMLElement | null>,
+  dropdownRef: RefObject<HTMLElement | null>,
+  isOpen: boolean
+) => {
+  const [alignX, setAlignX] = useState<'left' | 'right'>('left');
+  const [alignY, setAlignY] = useState<'top' | 'bottom'>('bottom');
+
+  const updateAlignment = useCallback(() => {
+    if (containerRef.current && dropdownRef.current) {
+      const containerRect = containerRef.current.getBoundingClientRect();
+      const dropdownWidth = dropdownRef.current.offsetWidth;
+      const dropdownHeight = dropdownRef.current.offsetHeight;
+      const spaceOnRight = window.innerWidth - containerRect.left;
+      const spaceBelow = window.innerHeight - containerRect.bottom;
+      setAlignX(spaceOnRight < dropdownWidth ? 'right' : 'left');
+      setAlignY(spaceBelow < dropdownHeight && containerRect.top > spaceBelow ? 'top' : 'bottom');
+    }
+  }, [containerRef, dropdownRef]);
+
+  useEffect(() => {
+    if (!isOpen) return;
+
+    updateAlignment();
+
+    const observer = new ResizeObserver(updateAlignment);
+    observer.observe(document.documentElement);
+    return () => observer.disconnect();
+  }, [isOpen, updateAlignment]);
+
+  return { alignX, alignY };
+};

package/dist/esm/index-DgTZdYln.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DgTZdYln.js","sources":["../../../src/lib/hooks/useEscapeKey.ts","../../../src/lib/components/searchableDropdown/index.tsx"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useEscapeKey = (callback: () => void) => {\n  const handleOnEscape = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        callback();\n      }\n    },\n    [callback]\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleOnEscape);\n\n    return () => window.removeEventListener('keydown', handleOnEscape);\n  }, [handleOnEscape]);\n};\n","import { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { Input } from '../input';\nimport { ChevronDownIcon } from '../icon';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { useOnClickOutside } from '../../hooks/useOnClickOutside';\nimport generateId from '../../util/generateId';\n\nimport styles from './style.module.scss';\n\nexport interface SearchableDropdownOption {\n  id: string;\n  label: string;\n  icon?: ReactNode;\n}\n\nexport interface SearchableDropdownProps {\n  options: SearchableDropdownOption[];\n  value: string | null;\n  onChange: (value: string) => void;\n  searchable?: boolean;\n  placeholder?: string;\n  triggerPlaceholder?: string;\n  noResultsText?: string;\n  groupName?: string;\n  dropUp?: boolean;\n  condensed?: boolean;\n  bordered?: boolean;\n  showChevron?: boolean;\n  disabled?: boolean;\n}\n\nexport const SearchableDropdown = ({\n  options,\n  value,\n  onChange,\n  searchable = false,\n  placeholder = 'Search',\n  triggerPlaceholder,\n  noResultsText = 'No results found',\n  groupName: groupNameProp,\n  dropUp = false,\n  condensed = false,\n  bordered = false,\n  showChevron = false,\n  disabled = false,\n}: SearchableDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [localValue, setLocalValue] = useState(value);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const optionRefs = useRef<Map<string, HTMLInputElement>>(new Map());\n  const [groupName] = useState(() => groupNameProp ?? `sd-${generateId()}`);\n  const dropdownId = `${groupName}-dropdown`;\n\n  const closeAndRestoreFocus = useCallback(() => {\n    setIsOpen(false);\n    triggerRef.current?.focus();\n  }, []);\n\n  useOnClickOutside(containerRef, () => isOpen && closeAndRestoreFocus());\n  useEscapeKey(\n    useCallback(() => {\n      if (isOpen) closeAndRestoreFocus();\n    }, [isOpen, closeAndRestoreFocus])\n  );\n\n  useEffect(() => {\n    if (isOpen && searchable && searchInputRef.current) {\n      searchInputRef.current.focus();\n    }\n  }, [isOpen, searchable]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSearchTerm('');\n      setLocalValue(value);\n    }\n  }, [isOpen, value]);\n\n  const filteredOptions = useMemo(() => {\n    if (!searchTerm) return options;\n    return [...options]\n      .filter((option) =>\n        option.label.toLowerCase().includes(searchTerm.toLowerCase())\n      )\n      .sort((a, b) => {\n        const term = searchTerm.toLowerCase();\n        const aStartsWith = a.label.toLowerCase().startsWith(term);\n        const bStartsWith = b.label.toLowerCase().startsWith(term);\n        if (aStartsWith && !bStartsWith) return -1;\n        if (!aStartsWith && bStartsWith) return 1;\n        return 0;\n      });\n  }, [options, searchTerm]);\n\n  const selectedOption = options.find((option) => option.id === value);\n\n  const handleTriggerClick = () => {\n    if (!disabled) setIsOpen(!isOpen);\n  };\n\n  const handleSearchKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      const target =\n        e.key === 'ArrowDown'\n          ? filteredOptions[0]\n          : filteredOptions[filteredOptions.length - 1];\n      if (target) {\n        setLocalValue(target.id);\n        optionRefs.current.get(target.id)?.focus();\n      }\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const target = filteredOptions[0];\n      if (target) {\n        onChange(target.id);\n        closeAndRestoreFocus();\n      }\n    }\n  };\n\n  const handleOptionClick = (optionId: string) => {\n    onChange(optionId);\n    closeAndRestoreFocus();\n  };\n\n  const handleOptionRef = (optionId: string, el: HTMLInputElement | null) => {\n    if (el) optionRefs.current.set(optionId, el);\n    else optionRefs.current.delete(optionId);\n  };\n\n  const handleOptionKeyDown = (e: React.KeyboardEvent, optionId: string) => {\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      const currentIndex = filteredOptions.findIndex(\n        (o) => o.id === optionId\n      );\n      const nextIndex =\n        e.key === 'ArrowDown'\n          ? Math.min(currentIndex + 1, filteredOptions.length - 1)\n          : Math.max(currentIndex - 1, 0);\n      const next = filteredOptions[nextIndex];\n      if (next) {\n        setLocalValue(next.id);\n        optionRefs.current.get(next.id)?.focus();\n      }\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      onChange(optionId);\n      closeAndRestoreFocus();\n    }\n  };\n\n  return (\n    <div className={classnames(styles.container, { 'd-inline-block': condensed })} ref={containerRef}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={classnames(\n          'd-flex ai-center jc-between w100 br8 bg-white c-pointer ta-left tc-neutral-900',\n          styles.selectTrigger, {\n            [styles.selectTriggerOpen]: isOpen,\n            [styles.condensed]: condensed,\n            [styles.bordered]: bordered,\n            [styles.disabled]: disabled,\n          }\n        )}\n        onClick={handleTriggerClick}\n        disabled={disabled}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={isOpen ? dropdownId : undefined}\n      >\n        <span className={'d-flex ai-center gap8'}>\n          {selectedOption?.icon && (\n            <span className={styles.optionIcon}>{selectedOption.icon}</span>\n          )}\n          {!condensed && (\n            <span className=\"p-p\">\n              {selectedOption?.label ?? triggerPlaceholder}\n            </span>\n          )}\n        </span>\n        {showChevron && (\n          <ChevronDownIcon\n            className={classnames('ml8', { [styles.chevronOpen]: isOpen })}\n            size={20}\n            noMargin\n            color=\"neutral-600\"\n          />\n        )}\n      </button>\n      {isOpen && (\n        <div\n          id={dropdownId}\n          className={classnames(\n            styles.dropdown,\n            'bg-white br8 p8 d-flex fd-column',\n            { [styles.dropdownUp]: dropUp }\n          )}\n        >\n          {searchable && (\n            <div className={classnames('pb8 bg-white', styles.searchContainer)}>\n              <Input\n                ref={searchInputRef}\n                type=\"text\"\n                placeholder={placeholder}\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                label={placeholder}\n                hideLabel\n                onKeyDown={handleSearchKeyDown}\n              />\n            </div>\n          )}\n          <div className={styles.optionList} role=\"radiogroup\" aria-label={groupName}>\n            {filteredOptions.map((option) => (\n              <div key={option.id} className={styles.optionWrapper}>\n                <input\n                  type=\"radio\"\n                  id={`${groupName}-${option.id}`}\n                  name={groupName}\n                  value={option.id}\n                  checked={option.id === localValue}\n                  onChange={() => setLocalValue(option.id)}\n                  onClick={() => handleOptionClick(option.id)}\n                  tabIndex={option.id === localValue ? 0 : -1}\n                  className={styles.optionRadio}\n                  ref={(el) => handleOptionRef(option.id, el)}\n                  onKeyDown={(e) => handleOptionKeyDown(e, option.id)}\n                />\n                <label\n                  htmlFor={`${groupName}-${option.id}`}\n                  className={classnames(\n                    'd-flex ai-center gap8 w100 br8 c-pointer ta-left tc-neutral-900',\n                    styles.option, {\n                    [styles.optionSelected]: option.id === localValue,\n                  })}\n                >\n                  {option.icon && (\n                    <span className={styles.optionIcon}>{option.icon}</span>\n                  )}\n                  <span className=\"p-p\">{option.label}</span>\n                </label>\n              </div>\n            ))}\n            {filteredOptions.length === 0 && (\n              <p className={`p-p tc-neutral-500 ${styles.noResults}`}>\n                {noResultsText}\n              </p>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["_jsxs","classnames","_jsx"],"mappings":"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"}