@dreamcommerce/aurora 3.1.28 → 3.1.29

package/build/cjs/external/react-remove-scroll-bar/dist/es2015/component.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var constants = require('./constants.js');
+var component = require('../../external/react-style-singleton/dist/es2015/component.js');
+var utils = require('./utils.js');
+
+var Style = component.styleSingleton();
+var lockAttribute = 'data-scroll-locked';
+// important tip - once we measure scrollBar width and remove them
+// we could not repeat this operation
+// thus we are using style-singleton - only the first "yet correct" style will be applied.
+var getStyles = function (_a, allowRelative, gapMode, important) {
+    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
+    if (gapMode === void 0) { gapMode = 'margin'; }
+    return "\n  .".concat(constants.noScrollbarsClassName, " {\n   overflow: hidden ").concat(important, ";\n   padding-right: ").concat(gap, "px ").concat(important, ";\n  }\n  body[").concat(lockAttribute, "] {\n    overflow: hidden ").concat(important, ";\n    overscroll-behavior: contain;\n    ").concat([
+        allowRelative && "position: relative ".concat(important, ";"),
+        gapMode === 'margin' &&
+            "\n    padding-left: ".concat(left, "px;\n    padding-top: ").concat(top, "px;\n    padding-right: ").concat(right, "px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(gap, "px ").concat(important, ";\n    "),
+        gapMode === 'padding' && "padding-right: ".concat(gap, "px ").concat(important, ";"),
+    ]
+        .filter(Boolean)
+        .join(''), "\n  }\n  \n  .").concat(constants.zeroRightClassName, " {\n    right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(constants.fullWidthClassName, " {\n    margin-right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(constants.zeroRightClassName, " .").concat(constants.zeroRightClassName, " {\n    right: 0 ").concat(important, ";\n  }\n  \n  .").concat(constants.fullWidthClassName, " .").concat(constants.fullWidthClassName, " {\n    margin-right: 0 ").concat(important, ";\n  }\n  \n  body[").concat(lockAttribute, "] {\n    ").concat(constants.removedBarSizeVariable, ": ").concat(gap, "px;\n  }\n");
+};
+var getCurrentUseCounter = function () {
+    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);
+    return isFinite(counter) ? counter : 0;
+};
+var useLockAttribute = function () {
+    React.useEffect(function () {
+        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
+        return function () {
+            var newCounter = getCurrentUseCounter() - 1;
+            if (newCounter <= 0) {
+                document.body.removeAttribute(lockAttribute);
+            }
+            else {
+                document.body.setAttribute(lockAttribute, newCounter.toString());
+            }
+        };
+    }, []);
+};
+/**
+ * Removes page scrollbar and blocks page scroll when mounted
+ */
+var RemoveScrollBar = function (_a) {
+    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;
+    useLockAttribute();
+    /*
+     gap will be measured on every component mount
+     however it will be used only by the "first" invocation
+     due to singleton nature of <Style
+     */
+    var gap = React.useMemo(function () { return utils.getGapWidth(gapMode); }, [gapMode]);
+    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
+};
+
+exports.RemoveScrollBar = RemoveScrollBar;
+exports.lockAttribute = lockAttribute;
+exports.useLockAttribute = useLockAttribute;
+//# sourceMappingURL=component.js.map

package/build/cjs/external/react-remove-scroll-bar/dist/es2015/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,+DAAmE;AAC3F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/external/react-remove-scroll-bar/dist/es2015/constants.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zeroRightClassName = 'right-scroll-bar-position';
+var fullWidthClassName = 'width-before-scroll-bar';
+var noScrollbarsClassName = 'with-scroll-bars-hidden';
+/**
+ * Name of a CSS variable containing the amount of "hidden" scrollbar
+ * ! might be undefined ! use will fallback!
+ */
+var removedBarSizeVariable = '--removed-body-scroll-bar-size';
+
+exports.fullWidthClassName = fullWidthClassName;
+exports.noScrollbarsClassName = noScrollbarsClassName;
+exports.removedBarSizeVariable = removedBarSizeVariable;
+exports.zeroRightClassName = zeroRightClassName;
+//# sourceMappingURL=constants.js.map

package/build/cjs/external/react-remove-scroll-bar/dist/es2015/constants.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;"}

package/build/cjs/external/react-remove-scroll-bar/dist/es2015/utils.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var zeroGap = {
+    left: 0,
+    top: 0,
+    right: 0,
+    gap: 0,
+};
+var parse = function (x) { return parseInt(x || '', 10) || 0; };
+var getOffset = function (gapMode) {
+    var cs = window.getComputedStyle(document.body);
+    var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];
+    var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];
+    var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];
+    return [parse(left), parse(top), parse(right)];
+};
+var getGapWidth = function (gapMode) {
+    if (gapMode === void 0) { gapMode = 'margin'; }
+    if (typeof window === 'undefined') {
+        return zeroGap;
+    }
+    var offsets = getOffset(gapMode);
+    var documentWidth = document.documentElement.clientWidth;
+    var windowWidth = window.innerWidth;
+    return {
+        left: offsets[0],
+        top: offsets[1],
+        right: offsets[2],
+        gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),
+    };
+};
+
+exports.getGapWidth = getGapWidth;
+exports.zeroGap = zeroGap;
+//# sourceMappingURL=utils.js.map

package/build/cjs/external/react-remove-scroll-bar/dist/es2015/utils.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;AACA;AACA;AACA;"}

package/build/cjs/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/component.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hook = require('./hook.js');
+
+/**
+ * create a Component to add styles on demand
+ * - styles are added when first instance is mounted
+ * - styles are removed when the last instance is unmounted
+ * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior
+ */
+var styleSingleton = function () {
+    var useStyle = hook.styleHookSingleton();
+    var Sheet = function (_a) {
+        var styles = _a.styles, dynamic = _a.dynamic;
+        useStyle(styles, dynamic);
+        return null;
+    };
+    return Sheet;
+};
+
+exports.styleSingleton = styleSingleton;
+//# sourceMappingURL=component.js.map

package/build/cjs/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/component.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/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/hook.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var singleton = require('./singleton.js');
+
+/**
+ * creates a hook to control style singleton
+ * @see {@link styleSingleton} for a safer component version
+ * @example
+ * ```tsx
+ * const useStyle = styleHookSingleton();
+ * ///
+ * useStyle('body { overflow: hidden}');
+ */
+var styleHookSingleton = function () {
+    var sheet = singleton.stylesheetSingleton();
+    return function (styles, isDynamic) {
+        React.useEffect(function () {
+            sheet.add(styles);
+            return function () {
+                sheet.remove();
+            };
+        }, [styles && isDynamic]);
+    };
+};
+
+exports.styleHookSingleton = styleHookSingleton;
+//# sourceMappingURL=hook.js.map

package/build/cjs/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/hook.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;"}

package/build/cjs/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/singleton.js

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('../../../../../get-nonce/dist/es2015/index.js');
+
+function makeStyleTag() {
+    if (!document)
+        return null;
+    var tag = document.createElement('style');
+    tag.type = 'text/css';
+    var nonce = index.getNonce();
+    if (nonce) {
+        tag.setAttribute('nonce', nonce);
+    }
+    return tag;
+}
+function injectStyles(tag, css) {
+    // @ts-ignore
+    if (tag.styleSheet) {
+        // @ts-ignore
+        tag.styleSheet.cssText = css;
+    }
+    else {
+        tag.appendChild(document.createTextNode(css));
+    }
+}
+function insertStyleTag(tag) {
+    var head = document.head || document.getElementsByTagName('head')[0];
+    head.appendChild(tag);
+}
+var stylesheetSingleton = function () {
+    var counter = 0;
+    var stylesheet = null;
+    return {
+        add: function (style) {
+            if (counter == 0) {
+                if ((stylesheet = makeStyleTag())) {
+                    injectStyles(stylesheet, style);
+                    insertStyleTag(stylesheet);
+                }
+            }
+            counter++;
+        },
+        remove: function () {
+            counter--;
+            if (!counter && stylesheet) {
+                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);
+                stylesheet = null;
+            }
+        },
+    };
+};
+
+exports.stylesheetSingleton = stylesheetSingleton;
+//# sourceMappingURL=singleton.js.map

package/build/cjs/external/react-remove-scroll-bar/external/react-style-singleton/dist/es2015/singleton.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;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.js

@@ -3,23 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../../../utilities/cn.js');
-var use_click_outside = require('../../../../hooks/use_click_outside.js');
-var ReactDOM = require('react-dom');
 var modal_constants = require('../../modal_constants.js');
-var modal_footer = require('./modal_footer.js');
-var modal_header = require('./modal_header.js');
-var modal_utils = require('./modal_utils.js');
-var modal_variants = require('../../modal_variants.js');
+var index = require('../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js');
 var use_modals_context = require('../../hooks/use_modals_context.js');
+var modal_content = require('./modal_content.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var Modal = function Modal(_ref) {
-  var _header$hasCloseIcon;
   var name = _ref.name,
     hideAllModalsOnClose = _ref.hideAllModalsOnClose,
     _ref$width = _ref.width,
@@ -34,155 +27,45 @@ var Modal = function Modal(_ref) {
     closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
     _ref$initiallyVisible = _ref.initiallyVisible,
     initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible;
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    visibleClass = _useState2[0],
-    setVisibleClass = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    isScrolledToBottom = _useState4[0],
-    setIsScrolledToBottom = _useState4[1];
-  var _useState5 = React.useState(false),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    hasScroll = _useState6[0],
-    setHasScroll = _useState6[1];
-  var scrollTimeoutRef = React.useRef();
-  var contentRef = React.useRef(null);
-  var modalRef = React.useRef(null);
   var isInitializedRef = React.useRef(false);
+  var initiallyVisibleRef = React.useRef(initiallyVisible);
   var _useModalsContext = use_modals_context.useModalsContext(),
-    modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
     addModal = _useModalsContext.addModal,
-    getModal = _useModalsContext.getModal,
+    removeModal = _useModalsContext.removeModal,
     hideModal = _useModalsContext.hideModal,
     showModal = _useModalsContext.showModal,
-    hideAllModals = _useModalsContext.hideAllModals;
-  var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
-  var modal = getModal(name);
-  var _useState7 = React.useState(false),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    renderModal = _useState8[0],
-    setRenderModal = _useState8[1];
+    hideAllModals = _useModalsContext.hideAllModals,
+    openModalName = _useModalsContext.openModalName;
   var closeModal = React.useCallback(function () {
     hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
   }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
-  var checkScroll = React.useCallback(function () {
-    var contentElement = contentRef.current;
-    if (!contentElement) return;
-    var scrollTop = contentElement.scrollTop,
-      scrollHeight = contentElement.scrollHeight,
-      clientHeight = contentElement.clientHeight;
-    var atBottom = Math.abs(scrollTop + clientHeight - scrollHeight) < 5;
-    var hasScrollableContent = scrollHeight > clientHeight;
-    setIsScrolledToBottom(atBottom);
-    setHasScroll(hasScrollableContent);
-  }, []);
-  var handleScroll = React.useCallback(function () {
-    if (scrollTimeoutRef.current) {
-      clearTimeout(scrollTimeoutRef.current);
-    }
-    scrollTimeoutRef.current = setTimeout(checkScroll, 50);
-  }, [checkScroll]);
-  // Handle scroll detection
-  React.useEffect(function () {
-    if (!renderModal || !visibleClass || !children) return;
-    var contentElement = contentRef.current;
-    if (!contentElement) return;
-    checkScroll();
-    contentElement.addEventListener('scroll', handleScroll);
-    return function () {
-      contentElement.removeEventListener('scroll', handleScroll);
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-    };
-  }, [renderModal, visibleClass, handleScroll, checkScroll, children]);
   // Initial setup
   React.useEffect(function () {
     if (!isInitializedRef.current) {
-      addModal({
-        name: name,
-        visibilityState: modal_constants.MODAL_VISIBILITY_STATE.none,
-        width: width
-      });
-      if (initiallyVisible) showModal(name);
+      addModal(name);
+      if (initiallyVisibleRef.current) showModal(name);
       isInitializedRef.current = true;
     }
     return function () {
-      return closeModal();
+      return removeModal(name);
     };
-  }, []);
-  // Handle visibility changes
-  React.useEffect(function () {
-    var timeoutId;
-    switch (modal === null || modal === void 0 ? void 0 : modal.visibilityState) {
-      case modal_constants.MODAL_VISIBILITY_STATE.visible:
-        setRenderModal(true);
-        timeoutId = setTimeout(function () {
-          return setVisibleClass(true);
-        }, modal_constants.MODAL_SLIDE_FADE_DURATION);
-        break;
-      case modal_constants.MODAL_VISIBILITY_STATE.hidden:
-        setVisibleClass(false);
-        break;
-      case modal_constants.MODAL_VISIBILITY_STATE.none:
-        setVisibleClass(false);
-        timeoutId = setTimeout(function () {
-          return setRenderModal(false);
-        }, modal_constants.MODAL_SLIDE_FADE_DURATION);
-        break;
-    }
-    return function () {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [modal === null || modal === void 0 ? void 0 : modal.visibilityState]);
-  // Handle keyboard events
-  var handleKeyDown = React.useCallback(function (event) {
-    if (event.key === 'Escape' && closeOnEscButton) {
-      closeModal();
-    }
-  }, [closeOnEscButton, closeModal]);
-  React.useEffect(function () {
-    document.addEventListener('keydown', handleKeyDown);
-    return function () {
-      return document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [handleKeyDown]);
-  // Handle outside click
-  use_click_outside.useClickOutside({
-    refs: [modalRef],
-    callback: function callback() {
-      if (closeOnOutsideClick && (modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.visible) {
-        closeModal();
-      }
-    }
-  });
-  if (!$modalsManagerContainer) return null;
-  return renderModal ? /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
-    ref: modalRef,
-    "data-modal-id": name,
-    "data-test-id": "modal",
-    className: cn.cn(modal_variants.modalVariants({
-      width: width
-    }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out')
-  }, header && (/*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
-    hasCloseIcon: modal_utils.ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true,
-    onClose: closeModal
-  }, modal_utils.ModalUtils.isHeaderObject(header) ? header.content : header)), children && (/*#__PURE__*/React__default['default'].createElement("div", {
-    ref: contentRef,
-    className: cn.cn("aurora-overflow-y-auto custom-scrollbar first:aurora-mt-6 last:aurora-mb-6 aurora-px-6", {
-      'aurora-pb-6': footer && hasScroll
-    }),
-    style: {
-      maxHeight: 'calc(100vh - 200px)'
+  }, [name, addModal, removeModal, showModal]);
+  var renderModal = name === openModalName;
+  return /*#__PURE__*/React__default['default'].createElement(index.Root, {
+    open: renderModal,
+    onOpenChange: function onOpenChange(open) {
+      if (!open) closeModal();
     }
-  }, children)), footer && (/*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
-    className: cn.cn('', {
-      'aurora-border-t': hasScroll && !isScrolledToBottom
-    })
-  }, footer))), $modalsManagerContainer) : null;
+  }, /*#__PURE__*/React__default['default'].createElement(index.Portal, null, /*#__PURE__*/React__default['default'].createElement(index.Overlay, {
+    className: "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"
+  }), /*#__PURE__*/React__default['default'].createElement(modal_content.ModalContent, {
+    name: name,
+    width: width,
+    header: header,
+    footer: footer,
+    closeOnOutsideClick: closeOnOutsideClick,
+    closeOnEscButton: closeOnEscButton
+  }, 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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

@@ -9,15 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ModalCloseIcon = function ModalCloseIcon(_ref) {
-  var onClose = _ref.onClose;
-  return /*#__PURE__*/React__default['default'].createElement("button", {
-    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
-    onClick: function onClick() {
-      return onClose();
-    },
-    "data-test-id": "close-modal"
-  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null));
+var ModalCloseIcon = function ModalCloseIcon() {
+  return /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null);
 };
 
 exports.ModalCloseIcon = ModalCloseIcon;

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

@@ -1 +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;"}
+{"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;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('../../../../utilities/cn.js');
+var modal_constants = require('../../modal_constants.js');
+var index = require('../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js');
+var modal_footer = require('./modal_footer.js');
+var modal_header = require('./modal_header.js');
+var modal_utils = require('./modal_utils.js');
+var modal_variants = require('../../modal_variants.js');
+var use_scroll = require('../../../../hooks/use_scroll.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var _header$hasCloseIcon;
+  var name = _ref.name,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? modal_constants.MODAL_WIDTH_VARIANT.m : _ref$width,
+    header = _ref.header,
+    footer = _ref.footer,
+    children = _ref.children,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    _ref$closeOnEscButton = _ref.closeOnEscButton,
+    closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton;
+  var contentRef = React.useRef(null);
+  var _useScroll = use_scroll.useScroll(contentRef),
+    atBottom = _useScroll.atBottom,
+    hasScroll = _useScroll.hasScroll;
+  return /*#__PURE__*/React__default['default'].createElement(index.Content, {
+    onEscapeKeyDown: function onEscapeKeyDown(e) {
+      if (!closeOnEscButton) e.preventDefault();
+    },
+    onInteractOutside: function onInteractOutside(e) {
+      if (!closeOnOutsideClick) e.preventDefault();
+    },
+    "data-modal-id": name,
+    "data-test-id": "modal",
+    className: cn.cn(modal_variants.modalVariants({
+      width: width
+    })),
+    ref: ref
+  }, header && (/*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
+    hasCloseIcon: modal_utils.ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true
+  }, modal_utils.ModalUtils.isHeaderObject(header) ? header.content : header)), children && (/*#__PURE__*/React__default['default'].createElement("div", {
+    ref: contentRef,
+    className: cn.cn("aurora-overflow-y-auto custom-scrollbar first:aurora-mt-6 last:aurora-mb-6 aurora-px-6", {
+      'aurora-pb-6': footer && hasScroll
+    }),
+    style: {
+      maxHeight: 'calc(100vh - 200px)'
+    }
+  }, children)), footer && (/*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
+    className: cn.cn('', {
+      'aurora-border-t': hasScroll && !atBottom
+    })
+  }, footer)));
+});
+ModalContent.displayName = 'ModalContent';
+
+exports.ModalContent = ModalContent;
+//# sourceMappingURL=modal_content.js.map

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

@@ -0,0 +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;"}

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var index = require('../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js');
 var modal_close_icon = require('./modal_close_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -10,17 +11,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ModalHeader = function ModalHeader(_ref) {
-  var onClose = _ref.onClose,
-    hasCloseIcon = _ref.hasCloseIcon,
+  var hasCloseIcon = _ref.hasCloseIcon,
     children = _ref.children;
   return /*#__PURE__*/React__default['default'].createElement("header", {
     className: 'aurora-flex aurora-items-center aurora-justify-between aurora-pt-6 aurora-pb-5 aurora-px-6 aurora-mb-6 aurora-border-b',
     "data-test-id": "modal-header"
-  }, children ? /*#__PURE__*/React__default['default'].createElement("h3", {
+  }, children ? (/*#__PURE__*/React__default['default'].createElement(index.Title, {
+    asChild: true,
     className: "aurora-font-bold aurora-text-xl"
-  }, children) : null, hasCloseIcon && /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, {
-    onClose: onClose
-  }));
+  }, /*#__PURE__*/React__default['default'].createElement("h3", null, children))) : null, hasCloseIcon && (/*#__PURE__*/React__default['default'].createElement(index.Close, {
+    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
+    "data-test-id": "close-modal"
+  }, /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, null))));
 };
 
 exports.ModalHeader = ModalHeader;

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

@@ -1 +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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}