@popsure/dirty-swan 0.66.1 → 0.66.3

package/dist/cjs/index.js

@@ -9883,8 +9883,8 @@ var css_248z$J = ".style-module_container__3SY_g {\n  position: relative;\n}";
 var styles$H = {"container":"style-module_container__3SY_g"};
 styleInject(css_248z$J);
 
-var css_248z$I = ".datepicker-module_fw-normal__lZ7M3 {\n  font-weight: 400 !important;\n}\n\n.datepicker-module_fw-bold__2OaAh {\n  font-weight: 600 !important;\n}\n\n.datepicker-module_bs-xs__2ZhZ2 {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.datepicker-module_bs-sm__2419A {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.datepicker-module_bs-md__1V5vn {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.datepicker-module_bs-lg__2Ew4y {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.datepicker-module_bs-xl__1bvOw {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.datepicker-module_root__NiDfg {\n  --rdp-accent-color: #919199;\n  --rdp-accent-background-color: #FFD08F;\n  --rdp-day-height: 44px;\n  --rdp-day-width: 44px;\n  --rdp-day_button-height: 42px;\n  --rdp-day_button-width: 42px;\n  --rdp-day_button-border-radius: 50%;\n  --rdp-day_button-border: 2px solid transparent;\n  --rdp-selected-border: 2px solid #FFD08F;\n  --rdp-selected-background: #FFD08F;\n  --rdp-outside-opacity: 1;\n  --rdp-today-color: #26262e;\n  --rdp-dropdown-gap: 8px;\n  --rdp-nav_button-disabled-opacity: 0.5;\n  --rdp-nav_button-height: 2.75rem;\n  --rdp-nav_button-width: 2.75rem;\n  position: absolute;\n  left: 40px;\n  top: -112px;\n  z-index: 100;\n  background-color: #fff;\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n  border-radius: 16px;\n  color: #26262e;\n  font-size: 16px;\n  padding: 16px 24px 24px 24px;\n}\n@media (max-width: 34rem) {\n  .datepicker-module_root__NiDfg {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.datepicker-module_month__2ryrL {\n  position: relative;\n}\n\n.datepicker-module_month_caption__2sOxd {\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  height: var(--rdp-nav-height);\n  margin-top: 6px;\n  margin-bottom: 24px;\n  margin-inline-start: var(--rdp-nav_button-width);\n  margin-inline-end: var(--rdp-nav_button-width);\n  position: relative;\n}\n\n.datepicker-module_weekday__1sKiH {\n  padding: 8px 0;\n  font-weight: 400;\n  text-align: center;\n  color: #919199;\n  font-size: 16px;\n}\n\n.datepicker-module_dropdowns__3hwtt {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--rdp-dropdown-gap);\n}\n\n.datepicker-module_day_button__3G0fr {\n  background: none;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  font-weight: 400;\n  font-size: 16px;\n  color: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: var(--rdp-day_button-width);\n  height: var(--rdp-day_button-height);\n  border: var(--rdp-day_button-border);\n  border-radius: var(--rdp-day_button-border-radius);\n}\n.datepicker-module_day_button__3G0fr:hover {\n  background-color: transparent;\n  border-color: #F2B873;\n}\n\n.datepicker-module_outside__28j5v {\n  color: #d2d2d9;\n}\n\n.datepicker-module_disabled__BPca2 {\n  color: #d2d2d9;\n  pointer-events: none;\n}\n\n.datepicker-module_selected__2Y8fc {\n  font-size: unset;\n  font-weight: unset;\n}\n.datepicker-module_selected__2Y8fc .datepicker-module_day_button__3G0fr {\n  border: var(--rdp-selected-border);\n  background-color: #FFD08F;\n  color: #26262e;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n  position: absolute;\n  top: 4px;\n}\n\n.datepicker-module_button_previous__3rJD0 {\n  inset-inline-start: 0;\n}\n\n.datepicker-module_button_next__2vvEk {\n  inset-inline-end: 0;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.datepicker-module_button_previous__3rJD0:hover,\n.datepicker-module_button_next__2vvEk:hover {\n  background-color: #f7f7fd;\n}\n.datepicker-module_button_previous__3rJD0:disabled, .datepicker-module_button_previous__3rJD0[aria-disabled=true],\n.datepicker-module_button_next__2vvEk:disabled,\n.datepicker-module_button_next__2vvEk[aria-disabled=true] {\n  cursor: revert;\n  opacity: var(--rdp-nav_button-disabled-opacity);\n}\n.datepicker-module_button_previous__3rJD0 svg,\n.datepicker-module_button_next__2vvEk svg {\n  width: 20px;\n  height: 20px;\n  fill: #3f3f47;\n}\n\n.datepicker-module_chevron__3RkWv {\n  display: inline-block;\n  fill: #b8b8c0;\n}\n\n.datepicker-module_dropdown_root__2SQe9 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid #e7e7ed;\n  border-radius: 8px;\n  padding: 8px 12px;\n}\n\n.datepicker-module_dropdown__2w9A2 {\n  z-index: 2;\n  opacity: 0;\n  appearance: none;\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  line-height: inherit;\n  font-weight: 500;\n  font-size: inherit;\n  color: #26262e;\n}\n\n.datepicker-module_caption_label__2Tpvk {\n  z-index: 1;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  border: 0;\n  font-weight: 600;\n}";
-var datepickerStyles = {"fw-normal":"datepicker-module_fw-normal__lZ7M3","fw-bold":"datepicker-module_fw-bold__2OaAh","bs-xs":"datepicker-module_bs-xs__2ZhZ2","bs-sm":"datepicker-module_bs-sm__2419A","bs-md":"datepicker-module_bs-md__1V5vn","bs-lg":"datepicker-module_bs-lg__2Ew4y","bs-xl":"datepicker-module_bs-xl__1bvOw","root":"datepicker-module_root__NiDfg","month":"datepicker-module_month__2ryrL","month_caption":"datepicker-module_month_caption__2sOxd","weekday":"datepicker-module_weekday__1sKiH","dropdowns":"datepicker-module_dropdowns__3hwtt","day_button":"datepicker-module_day_button__3G0fr","outside":"datepicker-module_outside__28j5v","disabled":"datepicker-module_disabled__BPca2","selected":"datepicker-module_selected__2Y8fc","button_previous":"datepicker-module_button_previous__3rJD0","button_next":"datepicker-module_button_next__2vvEk","chevron":"datepicker-module_chevron__3RkWv","dropdown_root":"datepicker-module_dropdown_root__2SQe9","dropdown":"datepicker-module_dropdown__2w9A2","caption_label":"datepicker-module_caption_label__2Tpvk"};
+var css_248z$I = ".datepicker-module_fw-normal__lZ7M3 {\n  font-weight: 400 !important;\n}\n\n.datepicker-module_fw-bold__2OaAh {\n  font-weight: 600 !important;\n}\n\n.datepicker-module_bs-xs__2ZhZ2 {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.datepicker-module_bs-sm__2419A {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.datepicker-module_bs-md__1V5vn {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.datepicker-module_bs-lg__2Ew4y {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.datepicker-module_bs-xl__1bvOw {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.datepicker-module_root__NiDfg {\n  --rdp-accent-color: #919199;\n  --rdp-accent-background-color: #FFD08F;\n  --rdp-day-height: 44px;\n  --rdp-day-width: 44px;\n  --rdp-day_button-height: 42px;\n  --rdp-day_button-width: 42px;\n  --rdp-day_button-border-radius: 50%;\n  --rdp-day_button-border: 2px solid transparent;\n  --rdp-selected-border: 2px solid #FFD08F;\n  --rdp-selected-background: #FFD08F;\n  --rdp-outside-opacity: 1;\n  --rdp-today-color: #26262e;\n  --rdp-dropdown-gap: 8px;\n  --rdp-nav_button-disabled-opacity: 0.5;\n  --rdp-nav_button-height: 2.75rem;\n  --rdp-nav_button-width: 2.75rem;\n  position: absolute;\n  left: 40px;\n  top: -112px;\n  z-index: 100;\n  background-color: #fff;\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n  border-radius: 16px;\n  color: #26262e;\n  font-size: 16px;\n  padding: 16px 24px 24px 24px;\n}\n@media (max-width: 34rem) {\n  .datepicker-module_root__NiDfg {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n}\n\n.datepicker-module_month__2ryrL {\n  position: relative;\n}\n\n.datepicker-module_month_caption__2sOxd {\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  height: var(--rdp-nav-height);\n  margin-top: 6px;\n  margin-bottom: 24px;\n  margin-inline-start: var(--rdp-nav_button-width);\n  margin-inline-end: var(--rdp-nav_button-width);\n  position: relative;\n}\n\n.datepicker-module_weekday__1sKiH {\n  padding: 8px 0;\n  font-weight: 400;\n  text-align: center;\n  color: #919199;\n  font-size: 16px;\n}\n\n.datepicker-module_dropdowns__3hwtt {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--rdp-dropdown-gap);\n}\n\n.datepicker-module_day_button__3G0fr {\n  background: none;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  font-weight: 400;\n  font-size: 16px;\n  color: inherit;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: var(--rdp-day_button-width);\n  height: var(--rdp-day_button-height);\n  border: var(--rdp-day_button-border);\n  border-radius: var(--rdp-day_button-border-radius);\n}\n.datepicker-module_day_button__3G0fr:hover {\n  background-color: transparent;\n  border-color: #F2B873;\n}\n\n.datepicker-module_today__1fAUJ:not(.datepicker-module_outside__28j5v) .datepicker-module_day_button__3G0fr {\n  border-color: #F2B873;\n}\n\n.datepicker-module_outside__28j5v {\n  color: #d2d2d9;\n}\n\n.datepicker-module_disabled__BPca2 {\n  color: #d2d2d9;\n  pointer-events: none;\n}\n\n.datepicker-module_selected__2Y8fc {\n  font-size: unset;\n  font-weight: unset;\n}\n.datepicker-module_selected__2Y8fc .datepicker-module_day_button__3G0fr {\n  border: var(--rdp-selected-border);\n  background-color: #FFD08F;\n  color: #26262e;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n  position: absolute;\n  top: 4px;\n}\n\n.datepicker-module_button_previous__3rJD0 {\n  inset-inline-start: 0;\n}\n\n.datepicker-module_button_next__2vvEk {\n  inset-inline-end: 0;\n}\n\n.datepicker-module_button_previous__3rJD0,\n.datepicker-module_button_next__2vvEk {\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n}\n.datepicker-module_button_previous__3rJD0:hover,\n.datepicker-module_button_next__2vvEk:hover {\n  background-color: #f7f7fd;\n}\n.datepicker-module_button_previous__3rJD0:disabled, .datepicker-module_button_previous__3rJD0[aria-disabled=true],\n.datepicker-module_button_next__2vvEk:disabled,\n.datepicker-module_button_next__2vvEk[aria-disabled=true] {\n  cursor: revert;\n  opacity: var(--rdp-nav_button-disabled-opacity);\n}\n.datepicker-module_button_previous__3rJD0 svg,\n.datepicker-module_button_next__2vvEk svg {\n  width: 20px;\n  height: 20px;\n  fill: #3f3f47;\n}\n\n.datepicker-module_chevron__3RkWv {\n  display: inline-block;\n  fill: #b8b8c0;\n}\n\n.datepicker-module_dropdown_root__2SQe9 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  border: 1px solid #e7e7ed;\n  border-radius: 8px;\n  padding: 8px 12px;\n}\n\n.datepicker-module_dropdown__2w9A2 {\n  z-index: 2;\n  opacity: 0;\n  appearance: none;\n  position: absolute;\n  inset-inline-start: 0;\n  inset-block-start: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  line-height: inherit;\n  font-weight: 500;\n  font-size: inherit;\n  color: #26262e;\n}\n\n.datepicker-module_caption_label__2Tpvk {\n  z-index: 1;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  border: 0;\n  font-weight: 600;\n}";
+var datepickerStyles = {"fw-normal":"datepicker-module_fw-normal__lZ7M3","fw-bold":"datepicker-module_fw-bold__2OaAh","bs-xs":"datepicker-module_bs-xs__2ZhZ2","bs-sm":"datepicker-module_bs-sm__2419A","bs-md":"datepicker-module_bs-md__1V5vn","bs-lg":"datepicker-module_bs-lg__2Ew4y","bs-xl":"datepicker-module_bs-xl__1bvOw","root":"datepicker-module_root__NiDfg","month":"datepicker-module_month__2ryrL","month_caption":"datepicker-module_month_caption__2sOxd","weekday":"datepicker-module_weekday__1sKiH","dropdowns":"datepicker-module_dropdowns__3hwtt","day_button":"datepicker-module_day_button__3G0fr","today":"datepicker-module_today__1fAUJ","outside":"datepicker-module_outside__28j5v","disabled":"datepicker-module_disabled__BPca2","selected":"datepicker-module_selected__2Y8fc","button_previous":"datepicker-module_button_previous__3rJD0","button_next":"datepicker-module_button_next__2vvEk","chevron":"datepicker-module_chevron__3RkWv","dropdown_root":"datepicker-module_dropdown_root__2SQe9","dropdown":"datepicker-module_dropdown__2w9A2","caption_label":"datepicker-module_caption_label__2Tpvk"};
 styleInject(css_248z$I);
 
 var buttonTypeClassNameMap = {
@@ -21994,8 +21994,8 @@ var SegmentedControl = function (_a) {
 };
 
 var useDropdownAlignment = function (containerRef, dropdownRef, isOpen) {
-    var _a = React.useState(false), alignRight = _a[0], setAlignRight = _a[1];
-    var _b = React.useState(false), alignUp = _b[0], setAlignUp = _b[1];
+    var _a = React.useState('left'), alignX = _a[0], setAlignX = _a[1];
+    var _b = React.useState('bottom'), alignY = _b[0], setAlignY = _b[1];
     var updateAlignment = React.useCallback(function () {
         if (containerRef.current && dropdownRef.current) {
             var containerRect = containerRef.current.getBoundingClientRect();
@@ -22003,8 +22003,8 @@ var useDropdownAlignment = function (containerRef, dropdownRef, isOpen) {
             var dropdownHeight = dropdownRef.current.offsetHeight;
             var spaceOnRight = window.innerWidth - containerRect.left;
             var spaceBelow = window.innerHeight - containerRect.bottom;
-            setAlignRight(spaceOnRight < dropdownWidth);
-            setAlignUp(spaceBelow < dropdownHeight && containerRect.top > spaceBelow);
+            setAlignX(spaceOnRight < dropdownWidth ? 'right' : 'left');
+            setAlignY(spaceBelow < dropdownHeight && containerRect.top > spaceBelow ? 'top' : 'bottom');
         }
     }, [containerRef, dropdownRef]);
     React.useEffect(function () {
@@ -22015,7 +22015,7 @@ var useDropdownAlignment = function (containerRef, dropdownRef, isOpen) {
         observer.observe(document.documentElement);
         return function () { return observer.disconnect(); };
     }, [isOpen, updateAlignment]);
-    return { alignRight: alignRight, alignUp: alignUp };
+    return { alignX: alignX, alignY: alignY };
 };
 
 var useEscapeKey = function (callback) {
@@ -22030,8 +22030,8 @@ var useEscapeKey = function (callback) {
     }, [handleOnEscape]);
 };
 
-var css_248z$e = ".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_dropdownRight__lLMiT {\n  left: auto;\n  right: 0;\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$e = {"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","dropdownRight":"style-module_dropdownRight__lLMiT","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$e = ".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$e = {"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$e);
 
 var SearchableDropdown = function (_a) {
@@ -22058,7 +22058,7 @@ var SearchableDropdown = function (_a) {
         if (isOpen)
             closeAndRestoreFocus();
     }, [isOpen, closeAndRestoreFocus]));
-    var _s = useDropdownAlignment(containerRef, dropdownRef, isOpen), alignRight = _s.alignRight, alignUp = _s.alignUp;
+    var _s = useDropdownAlignment(containerRef, dropdownRef, isOpen), alignX = _s.alignX, alignY = _s.alignY;
     React.useEffect(function () {
         if (isOpen && searchable && searchInputRef.current) {
             searchInputRef.current.focus();
@@ -22148,7 +22148,7 @@ var SearchableDropdown = function (_a) {
                     _b[styles$e.condensed] = condensed,
                     _b[styles$e.bordered] = bordered,
                     _b[styles$e.disabled] = disabled,
-                    _b)), onClick: handleTriggerClick, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": isOpen ? dropdownId : undefined, children: [jsxRuntime.jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsxRuntime.jsx("span", { className: styles$e.optionIcon, children: selectedOption.icon })), !condensed && (jsxRuntime.jsx("span", { className: "p-p", children: (_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _e !== void 0 ? _e : triggerPlaceholder }))] }), showChevron && (jsxRuntime.jsx(ChevronDownIcon, { className: classNames('ml8', (_c = {}, _c[styles$e.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxRuntime.jsxs("div", { id: dropdownId, ref: dropdownRef, className: classNames(styles$e.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles$e.dropdownUp] = dropUp || alignUp, _d[styles$e.dropdownRight] = alignRight, _d)), children: [searchable && (jsxRuntime.jsx("div", { className: classNames('pb8 bg-white', styles$e.searchContainer), children: jsxRuntime.jsx(Input, { ref: searchInputRef, type: "text", placeholder: placeholder, value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, label: placeholder, hideLabel: true, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$e.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: [jsxRuntime.jsxs("span", { className: 'd-flex ai-center gap8', children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) && (jsxRuntime.jsx("span", { className: styles$e.optionIcon, children: selectedOption.icon })), !condensed && (jsxRuntime.jsx("span", { className: "p-p", children: (_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _e !== void 0 ? _e : triggerPlaceholder }))] }), showChevron && (jsxRuntime.jsx(ChevronDownIcon, { className: classNames('ml8', (_c = {}, _c[styles$e.chevronOpen] = isOpen, _c)), size: 20, noMargin: true, color: "neutral-600" }))] }), isOpen && (jsxRuntime.jsxs("div", { id: dropdownId, ref: dropdownRef, className: classNames(styles$e.dropdown, 'bg-white br8 p8 d-flex fd-column', (_d = {}, _d[styles$e.dropdownYTop] = dropUp || alignY === 'top', _d[styles$e.dropdownXRight] = alignX === 'right', _d)), children: [searchable && (jsxRuntime.jsx("div", { className: "pb8 bg-white", children: jsxRuntime.jsx(Input, { ref: searchInputRef, type: "text", placeholder: placeholder, value: searchTerm, onChange: function (e) { return setSearchTerm(e.target.value); }, label: placeholder, hideLabel: true, onKeyDown: handleSearchKeyDown }) })), jsxRuntime.jsxs("div", { className: styles$e.optionList, role: "radiogroup", "aria-label": groupName, children: [filteredOptions.map(function (option) {
                                 var _a;
                                 return (jsxRuntime.jsxs("div", { className: styles$e.optionWrapper, children: [jsxRuntime.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$e.optionRadio, ref: function (el) { return handleOptionRef(option.id, el); }, onKeyDown: function (e) { return handleOptionKeyDown(e, option.id); } }), jsxRuntime.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$e.option, (_a = {},
                                                 _a[styles$e.optionSelected] = option.id === localValue,