@dreamcommerce/aurora 3.1.54 → 3.1.55

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js

@@ -47,7 +47,7 @@ var Modal = function Modal(_ref) {
     addModal(name);
     if (initiallyVisibleRef.current) showModal(name);
     return function () {
-      return removeModal(name);
+      removeModal(name);
     };
   }, [name, addModal, removeModal, showModal]);
   var renderModal = name === openModalName;
@@ -56,11 +56,18 @@ var Modal = function Modal(_ref) {
   return /*#__PURE__*/React__default['default'].createElement(index.Root, {
     open: renderModal || forceOpen,
     onOpenChange: function onOpenChange(open) {
-      if (!open) closeModal();
+      if (!open) {
+        closeModal();
+        setTimeout(function () {
+          if (openedModals.length === 0 || openedModals.length === 1 && openedModals[0] === name) {
+            document.body.style.removeProperty('pointer-events');
+          }
+        }, 500);
+      }
     }
   }, /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Overlay, {
-    className: cn.cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
-  }), /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
+    className: cn.cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-[#03081cb3] js__modal-mask', hidden && 'aurora-hidden')
+  }, /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
     name: name,
     width: width,
     header: header,
@@ -68,7 +75,7 @@ var Modal = function Modal(_ref) {
     closeOnOutsideClick: closeOnOutsideClick,
     closeOnEscButton: closeOnEscButton,
     className: cn.cn(hidden && 'aurora-hidden')
-  }, children)));
+  }, children))));
 };
 
 exports.Modal = Modal;

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js

@@ -43,6 +43,7 @@ var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_
       if (!closeOnOutsideClick) e.preventDefault();
     },
     "data-modal-id": name,
+    "data-modal-content": "true",
     "data-test-id": "modal",
     className: cn.cn(modal_variants.modalVariants({
       width: width

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wEAA4E;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modal_container.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+var useModalContainer = function useModalContainer(elementRef) {
+  var _useState = React.useState(null),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
+  React.useEffect(function () {
+    if (!elementRef.current) return;
+    var modalContent = elementRef.current.closest('[data-modal-content="true"]');
+    if (modalContent) {
+      setContainer(modalContent);
+    }
+  }, [elementRef]);
+  return container;
+};
+
+exports.useModalContainer = useModalContainer;
+//# sourceMappingURL=use_modal_container.js.map

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modal_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/components/select_content.js

@@ -12,12 +12,13 @@ var select_item = require('./select_item.js');
 var select_search = require('./select_search.js');
 var select_utils = require('../select_utils.js');
 var select_variants = require('./select_variants.js');
+var use_modal_container = require('../../modal/hooks/use_modal_container.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth"];
+var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth", "triggerRef"];
 var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
@@ -32,9 +33,13 @@ var SelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (
     enableLocalSearch = _ref.enableLocalSearch,
     localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     hasMinDropdownWidth = _ref.hasMinDropdownWidth,
+    triggerRef = _ref.triggerRef,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var detectedContainer = use_modal_container.useModalContainer(triggerRef);
   var localSearchVisibleItems = 0;
-  return /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Content, _rollupPluginBabelHelpers.objectSpread2({
+  return /*#__PURE__*/React__default['default'].createElement(index.Portal, {
+    container: detectedContainer
+  }, /*#__PURE__*/React__default['default'].createElement(index.Content, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     className: cn.cn(select_variants.selectContentVariants({
       hasMinDropdownWidth: hasMinDropdownWidth

package/build/cjs/packages/aurora/src/components/select/components/select_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qEAAyE;AAC7F,sBAAsB,0EAA8E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qEAAyE;AAC7F,sBAAsB,0EAA8E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/select/select.js

@@ -10,6 +10,7 @@ var close_circle_fill_icon = require('../../assets/icons/close_circle_fill_icon.
 var select_content = require('./components/select_content.js');
 var select_trigger = require('./components/select_trigger.js');
 var use_select_value = require('./hooks/use_select_value.js');
+var merge_refs = require('../../utilities/merge_refs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -78,6 +79,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
     if (onClose && !open) onClose();
   };
   var showPlaceholder = !selectedOption;
+  var triggerRef = React.useRef(null);
   return /*#__PURE__*/React__default['default'].createElement(index.Root, _rollupPluginBabelHelpers.objectSpread2({
     value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
     onValueChange: handleChange,
@@ -93,7 +95,7 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
     height: height,
     padding: padding,
     stopPropagation: stopPropagation,
-    ref: ref,
+    ref: merge_refs.mergeRefs([ref, triggerRef]),
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default['default'].createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -119,7 +121,8 @@ var Select = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
     enableLocalSearch: enableLocalSearch,
     localSearchNotFoundContent: localSearchNotFoundContent,
     hasMinDropdownWidth: hasMinDropdownWidth,
-    className: contentClassName
+    className: contentClassName,
+    triggerRef: triggerRef
   }));
 });
 Select.displayName = index.Root.displayName;

package/build/cjs/packages/aurora/src/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,kEAAsE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,kEAAsE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/utilities/merge_refs.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+
+function mergeRefs(refs) {
+  return function (value) {
+    var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(refs),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var ref = _step.value;
+        assignRef(ref, value);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  };
+}
+function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    return ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+exports.assignRef = assignRef;
+exports.mergeRefs = mergeRefs;
+//# sourceMappingURL=merge_refs.js.map

package/build/cjs/packages/aurora/src/utilities/merge_refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/tailwind.config.js

@@ -376,12 +376,12 @@ var tailwind_config = {
             opacity: '0'
           },
           to: {
-            opacity: '0.7'
+            opacity: '1'
           }
         },
         'modal-backdrop-fade-out': {
           from: {
-            opacity: '0.7'
+            opacity: '1'
           },
           to: {
             opacity: '0'

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js

@@ -39,7 +39,7 @@ var Modal = function Modal(_ref) {
     addModal(name);
     if (initiallyVisibleRef.current) showModal(name);
     return function () {
-      return removeModal(name);
+      removeModal(name);
     };
   }, [name, addModal, removeModal, showModal]);
   var renderModal = name === openModalName;
@@ -48,11 +48,18 @@ var Modal = function Modal(_ref) {
   return /*#__PURE__*/React__default.createElement(Root, {
     open: renderModal || forceOpen,
     onOpenChange: function onOpenChange(open) {
-      if (!open) closeModal();
+      if (!open) {
+        closeModal();
+        setTimeout(function () {
+          if (openedModals.length === 0 || openedModals.length === 1 && openedModals[0] === name) {
+            document.body.style.removeProperty('pointer-events');
+          }
+        }, 500);
+      }
     }
   }, /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Overlay, {
-    className: cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-inverse aurora-opacity-70 js__modal-mask', hidden && 'aurora-hidden')
-  }), /*#__PURE__*/React__default.createElement(ModalContent, {
+    className: cn('data-[state=open]:aurora-animate-modal-backdrop-fade-in data-[state=closed]:aurora-animate-modal-backdrop-fade-out aurora-fixed aurora-inset-0 aurora-z-[999] aurora-bg-[#03081cb3] js__modal-mask', hidden && 'aurora-hidden')
+  }, /*#__PURE__*/React__default.createElement(ModalContent, {
     name: name,
     width: width,
     header: header,
@@ -60,7 +67,7 @@ var Modal = function Modal(_ref) {
     closeOnOutsideClick: closeOnOutsideClick,
     closeOnEscButton: closeOnEscButton,
     className: cn(hidden && 'aurora-hidden')
-  }, children)));
+  }, children))));
 };
 
 export { Modal };

package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sCAAsC,wEAA4E;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js

@@ -35,6 +35,7 @@ var ModalContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       if (!closeOnOutsideClick) e.preventDefault();
     },
     "data-modal-id": name,
+    "data-modal-content": "true",
     "data-test-id": "modal",
     className: cn(modalVariants({
       width: width

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useModalContainer: (elementRef: RefObject<HTMLElement>) => HTMLElement | null;

package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var useModalContainer = function useModalContainer(elementRef) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
+  useEffect(function () {
+    if (!elementRef.current) return;
+    var modalContent = elementRef.current.closest('[data-modal-content="true"]');
+    if (modalContent) {
+      setContainer(modalContent);
+    }
+  }, [elementRef]);
+  return container;
+};
+
+export { useModalContainer };
+//# sourceMappingURL=use_modal_container.js.map

package/build/esm/packages/aurora/src/components/modal/hooks/use_modal_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/select/components/select_content.js

@@ -8,8 +8,9 @@ import { SelectItem } from './select_item.js';
 import { SelectSearch } from './select_search.js';
 import { SelectUtils } from '../select_utils.js';
 import { selectContentVariants } from './select_variants.js';
+import { useModalContainer } from '../../modal/hooks/use_modal_container.js';
 
-var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth"];
+var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent", "hasMinDropdownWidth", "triggerRef"];
 var SelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
@@ -24,9 +25,13 @@ var SelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
     enableLocalSearch = _ref.enableLocalSearch,
     localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     hasMinDropdownWidth = _ref.hasMinDropdownWidth,
+    triggerRef = _ref.triggerRef,
     props = _objectWithoutProperties(_ref, _excluded);
+  var detectedContainer = useModalContainer(triggerRef);
   var localSearchVisibleItems = 0;
-  return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content2, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Portal, {
+    container: detectedContainer
+  }, /*#__PURE__*/React__default.createElement(Content2, _objectSpread2({
     ref: ref,
     className: cn(selectContentVariants({
       hasMinDropdownWidth: hasMinDropdownWidth

package/build/esm/packages/aurora/src/components/select/components/select_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oEAAoE,qEAAyE;AAC7I,iDAAiD,0EAA8E;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oEAAoE,qEAAyE;AAC7I,iDAAiD,0EAA8E;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/select/select.js

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React__default, { useState, useRef } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { Root as Root2 } from '../../../../../external/@radix-ui/react-select/dist/index.mjs.js';
@@ -6,6 +6,7 @@ import { CloseCircleFillIcon } from '../../assets/icons/close_circle_fill_icon.j
 import { SelectContent } from './components/select_content.js';
 import { SelectTrigger } from './components/select_trigger.js';
 import { useSelectValue } from './hooks/use_select_value.js';
+import { mergeRefs } from '../../utilities/merge_refs.js';
 
 var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError", "hasBorder", "hasMinDropdownWidth", "textSize", "height", "padding", "contentClassName", "className", "stopPropagation"];
 var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -70,6 +71,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     if (onClose && !open) onClose();
   };
   var showPlaceholder = !selectedOption;
+  var triggerRef = useRef(null);
   return /*#__PURE__*/React__default.createElement(Root2, _objectSpread2({
     value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
     onValueChange: handleChange,
@@ -85,7 +87,7 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     height: height,
     padding: padding,
     stopPropagation: stopPropagation,
-    ref: ref,
+    ref: mergeRefs([ref, triggerRef]),
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default.createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -111,7 +113,8 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     enableLocalSearch: enableLocalSearch,
     localSearchNotFoundContent: localSearchNotFoundContent,
     hasMinDropdownWidth: hasMinDropdownWidth,
-    className: contentClassName
+    className: contentClassName,
+    triggerRef: triggerRef
   }));
 });
 Select.displayName = Root2.displayName;

package/build/esm/packages/aurora/src/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,kEAAsE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,kEAAsE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/select/select_types.d.ts

@@ -32,6 +32,7 @@ export interface TSelectContentProps extends React.ComponentPropsWithoutRef<type
     enableLocalSearch?: boolean;
     localSearchNotFoundContent?: ReactNode;
     hasMinDropdownWidth?: boolean;
+    triggerRef: React.RefObject<HTMLButtonElement>;
 }
 export interface TSelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
     isDisabled?: boolean;

package/build/esm/packages/aurora/src/utilities/merge_refs.d.ts

@@ -0,0 +1,3 @@
+import { Ref, RefCallback } from 'react';
+export declare function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T>;
+export declare function assignRef<T>(ref: Ref<T> | undefined | null, value: T | null): ReturnType<RefCallback<T>>;

package/build/esm/packages/aurora/src/utilities/merge_refs.js

@@ -0,0 +1,29 @@
+import 'react';
+import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+function mergeRefs(refs) {
+  return function (value) {
+    var _iterator = _createForOfIteratorHelper(refs),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var ref = _step.value;
+        assignRef(ref, value);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  };
+}
+function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    return ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+
+export { assignRef, mergeRefs };
+//# sourceMappingURL=merge_refs.js.map

package/build/esm/packages/aurora/src/utilities/merge_refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/tailwind.config.js

@@ -372,12 +372,12 @@ var tailwind_config = {
             opacity: '0'
           },
           to: {
-            opacity: '0.7'
+            opacity: '1'
           }
         },
         'modal-backdrop-fade-out': {
           from: {
-            opacity: '0.7'
+            opacity: '1'
           },
           to: {
             opacity: '0'