@dreamcommerce/aurora 3.0.0-31 → 3.0.0-33

package/build/cjs/packages/aurora/src/assets/icons/close_line.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@remixicon/react');
+
+var CloseLine = react.RiCloseLine;
+
+exports.CloseLine = CloseLine;
+//# sourceMappingURL=close_line.js.map

package/build/cjs/packages/aurora/src/assets/icons/close_line.js.map

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

package/build/cjs/packages/aurora/src/assets/icons/question_icon.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@remixicon/react');
+
+var QuestionLineIcon = react.RiQuestionLine;
+
+exports.QuestionLineIcon = QuestionLineIcon;
+//# sourceMappingURL=question_icon.js.map

package/build/cjs/packages/aurora/src/assets/icons/question_icon.js.map

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

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var stack = require('../../stack/stack.js');
 var box = require('../../box/box.js');
 var typography = require('../../typography/typography.js');
@@ -12,8 +13,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var _excluded = ["children"];
 var ActionListLabel = function ActionListLabel(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(box.Box, {
     paddings: {
       pl: '3',
@@ -22,15 +25,15 @@ var ActionListLabel = function ActionListLabel(_ref) {
       pr: '0'
     }
   }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
-    alignItems: "center",
-    justifyContent: "center",
+    align: "center",
+    justify: "center",
     spacing: "2.5"
   }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
     className: "aurora-whitespace-nowrap",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React__default['default'].createElement(divider.Divider, null)));
+  }, children), /*#__PURE__*/React__default['default'].createElement(divider.Divider, _rollupPluginBabelHelpers.objectSpread2({}, props))));
 };
 
 exports.ActionListLabel = ActionListLabel;

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.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;"}
+{"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;"}

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

@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justifyContent", "alignItems", "spacing", "wrap", "inline"];
+var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justify", "align", "spacing", "wrap", "inline"];
 var Box = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var _cn;
   var shadow = _ref.shadow,
@@ -39,15 +39,15 @@ var Box = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref)
     style = _ref.style,
     className = _ref.className,
     direction = _ref.direction,
-    justifyContent = _ref.justifyContent,
-    alignItems = _ref.alignItems,
+    justify = _ref.justify,
+    align = _ref.align,
     spacing = _ref.spacing,
     wrap = _ref.wrap,
     inline = _ref.inline,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var borderWidthWithSides = borderWidth;
   var borderRadiusWithSides = borderRadius;
-  var anyStackPropertiesSet = direction || justifyContent || alignItems || spacing || wrap || inline;
+  var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
   return /*#__PURE__*/React__default['default'].createElement(anyStackPropertiesSet ? stack.Stack : as, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     as: as,
@@ -62,8 +62,8 @@ var Box = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref)
       maxHeight: maxHeight
     }, style !== null && style !== void 0 ? style : {}),
     direction: direction,
-    justifyContent: justifyContent,
-    alignItems: alignItems,
+    justify: justify,
+    align: align,
     spacing: spacing,
     wrap: wrap,
     inline: inline

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

@@ -3,27 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
+var divider_constants = require('./divider_constants.js');
 var divider_variants = require('./divider_variants.js');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Divider = function Divider(_ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'hr' : _ref$as,
+var _excluded = ["className", "orientation", "color", "thickness", "style", "variant", "decorative"];
+var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? divider_constants.DIVIDER_ORIENTATION.horizontal : _ref$orientation,
     color = _ref.color,
-    thickness = _ref.thickness;
-  return /*#__PURE__*/React__default['default'].createElement(as, {
-    className: cn.cn(divider_variants.dividerVariants({
-      color: color,
-      thickness: thickness
-    }), 'aurora-w-full'),
-    role: 'separator',
-    'aria-orientation': 'horizontal'
-  });
-};
+    thickness = _ref.thickness,
+    style = _ref.style,
+    variant = _ref.variant,
+    _ref$decorative = _ref.decorative,
+    decorative = _ref$decorative === void 0 ? true : _ref$decorative,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(SeparatorPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    decorative: decorative,
+    orientation: orientation,
+    className: cn.cn('aurora-shrink-0', divider_variants.dividerVariants({
+      variant: variant,
+      thickness: thickness,
+      orientation: orientation
+    }), className),
+    style: style
+  }, props));
+});
+Divider.displayName = 'Divider';
 
 exports.Divider = Divider;
 //# sourceMappingURL=divider.js.map

package/build/cjs/packages/aurora/src/components/divider/divider.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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/divider/divider_constants.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DIVIDER_ORIENTATION = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+var DIVIDER_THICKNESS = {
+  1: '1',
+  2: '2',
+  4: '4',
+  8: '8'
+};
+var DIVIDER_VARIANTS = {
+  subtle: 'subtle',
+  strong: 'strong',
+  transparent: 'transparent'
+};
+
+exports.DIVIDER_ORIENTATION = DIVIDER_ORIENTATION;
+exports.DIVIDER_THICKNESS = DIVIDER_THICKNESS;
+exports.DIVIDER_VARIANTS = DIVIDER_VARIANTS;
+//# sourceMappingURL=divider_constants.js.map

package/build/cjs/packages/aurora/src/components/divider/divider_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;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/divider/divider_variants.js

@@ -3,18 +3,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var css_border_color_tokens = require('../../constants/css_tokens/css_border_color_tokens.js');
 var css_border_width_tokens = require('../../constants/css_tokens/css_border_width_tokens.js');
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+var divider_constants = require('./divider_constants.js');
 
 var dividerVariants = index.cva('', {
   variants: {
-    thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['0'], 'aurora-border-0'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'], 'aurora-border-1'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'], 'aurora-border-2'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'], 'aurora-border-4'), css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'], 'aurora-border-8'),
-    color: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle, 'aurora-border-subtle'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.strong, 'aurora-border-strong'), css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.transparent, 'aurora-border-transparent')
+    thickness: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_THICKNESS['1'], ''), divider_constants.DIVIDER_THICKNESS['2'], ''), divider_constants.DIVIDER_THICKNESS['4'], ''), divider_constants.DIVIDER_THICKNESS['8'], ''),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), divider_constants.DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), divider_constants.DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
+    orientation: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, divider_constants.DIVIDER_ORIENTATION.horizontal, ''), divider_constants.DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
   },
+  compoundVariants: [{
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-h-[1px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-h-[2px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-h-[4px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-h-[8px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
+    class: ['aurora-w-[1px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['2'],
+    class: ['aurora-w-[2px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['4'],
+    class: ['aurora-w-[4px]']
+  }, {
+    orientation: divider_constants.DIVIDER_ORIENTATION.vertical,
+    thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['8'],
+    class: ['aurora-w-[8px]']
+  }],
   defaultVariants: {
     thickness: css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS['1'],
-    color: css_border_color_tokens.CSS_BORDER_COLOR_TOKENS.subtle
+    variant: divider_constants.DIVIDER_VARIANTS.subtle,
+    orientation: divider_constants.DIVIDER_ORIENTATION.horizontal
   }
 });
 

package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map

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

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../../utilities/cn.js');
+var modal_constants = require('../../modal_constants.js');
+var modal_footer = require('./modal_footer.js');
+var modal_header = require('./modal_header.js');
+var reactDom = require('react-dom');
+var modal_variants = require('../../modal_variants.js');
+var use_modals_context = require('../../hooks/use_modals_context.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 name = _ref.name,
+    hideAllModalsOnClose = _ref.hideAllModalsOnClose,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? modal_constants.MODAL_WIDTH_VARIANT.m : _ref$width,
+    _ref$hasCloseIcon = _ref.hasCloseIcon,
+    hasCloseIcon = _ref$hasCloseIcon === void 0 ? true : _ref$hasCloseIcon,
+    onCloseAction = _ref.onCloseAction,
+    header = _ref.header,
+    footer = _ref.footer,
+    children = _ref.children;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    visibleClass = _useState2[0],
+    setVisibleClass = _useState2[1];
+  var _useModalsContext = use_modals_context.useModalsContext(),
+    modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
+    addModal = _useModalsContext.addModal,
+    getModal = _useModalsContext.getModal,
+    hideModal = _useModalsContext.hideModal,
+    hideAllModals = _useModalsContext.hideAllModals;
+  var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
+  var modal = getModal(name);
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    renderModal = _useState4[0],
+    setRenderModal = _useState4[1];
+  React.useEffect(function () {
+    addModal({
+      name: name,
+      visibilityState: modal_constants.MODAL_VISIBILITY_STATE.none,
+      width: width
+    });
+  }, []);
+  React.useEffect(function () {
+    var showModalTimeout;
+    var hideModalTimeout;
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.visible) {
+      setRenderModal(true);
+      showModalTimeout = setTimeout(function () {
+        setVisibleClass(true);
+      }, modal_constants.MODAL_SLIDE_FADE_DURATION);
+    }
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.hidden) {
+      setVisibleClass(false);
+    }
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.none) {
+      setVisibleClass(false);
+      hideModalTimeout = setTimeout(function () {
+        setRenderModal(false);
+      }, modal_constants.MODAL_SLIDE_FADE_DURATION);
+    }
+    return function () {
+      clearTimeout(showModalTimeout);
+      clearTimeout(hideModalTimeout);
+    };
+  }, [modal]);
+  var handleCloseModal = function handleCloseModal() {
+    hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
+  };
+  if (!$modalsManagerContainer) return null;
+  return renderModal ? /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
+    "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: hasCloseIcon,
+    text: header.text,
+    onClose: handleCloseModal
+  }), children && /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-overflow-y-auto"
+  }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
+    text: footer.text
+  })), $modalsManagerContainer) : null;
+};
+
+exports.Modal = Modal;
+//# sourceMappingURL=modal.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var close_line = require('../../../../assets/icons/close_line.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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.CloseLine, null));
+};
+
+exports.ModalCloseIcon = ModalCloseIcon;
+//# sourceMappingURL=modal_close_icon.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_close_icon.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/modal/components/modal/modal_footer.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalFooter = function ModalFooter(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React__default['default'].createElement("footer", {
+    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    "data-test-id": "modal-footer"
+  }, text);
+};
+
+exports.ModalFooter = ModalFooter;
+//# sourceMappingURL=modal_footer.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_footer.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/cjs/packages/aurora/src/components/modal/components/modal/modal_header.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_close_icon = require('./modal_close_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalHeader = function ModalHeader(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    onClose = _ref.onClose,
+    hasCloseIcon = _ref.hasCloseIcon;
+  return /*#__PURE__*/React__default['default'].createElement("header", {
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    "data-test-id": "modal-header"
+  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+    className: "aurora-font-bold aurora-text-xl"
+  }, text), hasCloseIcon && /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, {
+    onClose: onClose
+  }));
+};
+
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=modal_header.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_header.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;"}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var modal_constants = require('../modal_constants.js');
+var reactDom = require('react-dom');
+var use_modals_context = require('../hooks/use_modals_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsWrapper = function ModalsWrapper(_ref) {
+  var children = _ref.children;
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    showWrapper = _useState2[0],
+    setShowWrapper = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    visibleClass = _useState4[0],
+    setVisibleClass = _useState4[1];
+  var _useModalsContext = use_modals_context.useModalsContext(),
+    openedModals = _useModalsContext.openedModals;
+  React.useEffect(function () {
+    var showWrapperTimeout;
+    if (openedModals.length) {
+      setShowWrapper(true);
+      setVisibleClass(true);
+    } else {
+      setVisibleClass(false);
+      showWrapperTimeout = setTimeout(function () {
+        setShowWrapper(false);
+      }, modal_constants.MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+    }
+    return function () {
+      return clearTimeout(showWrapperTimeout);
+    };
+  }, [openedModals]);
+  return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", null, showWrapper && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4"
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ".concat(visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0')
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    id: modal_constants.MODALS_CONTENT_ID,
+    className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
+  }))), children), document.body);
+};
+
+exports.ModalsWrapper = ModalsWrapper;
+//# sourceMappingURL=modals_wrapper.js.map

package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.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;"}

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

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var modal_constants = require('../modal_constants.js');
+
+var useModals = function useModals() {
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    modalsStack = _useState2[0],
+    setModalsStack = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    openedModals = _useState4[0],
+    setOpenedModals = _useState4[1];
+  var modalsManagerContainerSelector = "#".concat(modal_constants.MODALS_CONTENT_ID);
+  var addModal = function addModal(modal) {
+    setModalsStack(function (stack) {
+      var modalNameAlreadyExist = stack.some(function (stackModal) {
+        return stackModal.name === modal.name;
+      });
+      if (modalNameAlreadyExist) {
+        return _rollupPluginBabelHelpers.toConsumableArray(stack);
+      } else {
+        return [].concat(_rollupPluginBabelHelpers.toConsumableArray(stack), [modal]);
+      }
+    });
+  };
+  var updateModal = function updateModal(modal) {
+    setModalsStack(function (previousStack) {
+      var updatedStack = previousStack.map(function (stackModal) {
+        return stackModal.name === modal.name ? _rollupPluginBabelHelpers.objectSpread2({}, modal) : stackModal;
+      });
+      return updatedStack;
+    });
+  };
+  var getModal = function getModal(modalName) {
+    return modalsStack.find(function (stackModal) {
+      return stackModal.name === modalName;
+    });
+  };
+  var showModal = function showModal(modalName) {
+    setOpenedModals(function (modals) {
+      setVisibleState(modals, modal_constants.MODAL_VISIBILITY_STATE.hidden);
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(modals), [modalName]);
+    });
+    setVisibleState(modalName, modal_constants.MODAL_VISIBILITY_STATE.visible);
+  };
+  var hideModal = function hideModal(modalName, onCloseAction) {
+    setOpenedModals(function (modals) {
+      var secondToLastItem = modals[modals.length - 2];
+      setVisibleState(secondToLastItem, modal_constants.MODAL_VISIBILITY_STATE.visible);
+      return modals.filter(function (modal) {
+        return modal !== modalName;
+      });
+    });
+    setVisibleState(modalName, modal_constants.MODAL_VISIBILITY_STATE.none);
+    onCloseAction && onCloseAction();
+  };
+  var hideAllModals = function hideAllModals(onCloseAction) {
+    setOpenedModals([]);
+    setVisibleStatesToNone();
+    onCloseAction && onCloseAction();
+  };
+  var setVisibleState = function setVisibleState(modalName, state) {
+    if (typeof modalName === 'string') {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          return modal.name === modalName ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    } else {
+      setModalsStack(function (prevState) {
+        return prevState.map(function (modal) {
+          if (!modalName) return modal;
+          return modalName.includes(modal.name) ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+            visibilityState: state
+          }) : modal;
+        });
+      });
+    }
+  };
+  var setVisibleStatesToNone = function setVisibleStatesToNone() {
+    setModalsStack(function (prevState) {
+      return prevState.map(function (modal) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modal), {}, {
+          visibilityState: modal_constants.MODAL_VISIBILITY_STATE.none
+        });
+      });
+    });
+  };
+  return {
+    modalsManagerContainerSelector: modalsManagerContainerSelector,
+    addModal: addModal,
+    updateModal: updateModal,
+    getModal: getModal,
+    showModal: showModal,
+    hideModal: hideModal,
+    hideAllModals: hideAllModals,
+    openedModals: openedModals
+  };
+};
+
+exports.default = useModals;
+//# sourceMappingURL=use_modals.js.map

package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}