@dreamcommerce/aurora 3.0.0-32 → 3.0.0-33

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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('./modal_context.js');
+var modals_wrapper = require('./components/modals_wrapper.js');
+var use_modals = require('./hooks/use_modals.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsManager = function ModalsManager(_ref) {
+  var children = _ref.children;
+  var _useModals = use_modals['default'](),
+    modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
+    addModal = _useModals.addModal,
+    updateModal = _useModals.updateModal,
+    getModal = _useModals.getModal,
+    showModal = _useModals.showModal,
+    hideModal = _useModals.hideModal,
+    hideAllModals = _useModals.hideAllModals,
+    openedModals = _useModals.openedModals;
+  var value = React.useMemo(function () {
+    return {
+      modalsManagerContainerSelector: modalsManagerContainerSelector,
+      addModal: addModal,
+      updateModal: updateModal,
+      getModal: getModal,
+      showModal: showModal,
+      hideModal: hideModal,
+      hideAllModals: hideAllModals,
+      openedModals: openedModals
+    };
+  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
+  return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
+};
+
+exports.ModalsManager = ModalsManager;
+//# sourceMappingURL=modals_manager.js.map

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

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

@@ -12,13 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "spacing", "className", "direction", "justifyContent", "alignItems", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
+var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
 var stackVariants = index.cva('aurora-flex', {
   variants: {
     direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
     wrap: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_WRAP_TYPES.wrap, 'aurora-flex-wrap'), stack_constants.STACK_WRAP_TYPES.nowrap, 'aurora-flex-nowrap'), stack_constants.STACK_WRAP_TYPES.wrapReverse, 'aurora-flex-wrap-reverse'),
-    alignItems: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), stack_constants.STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), stack_constants.STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), stack_constants.STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), stack_constants.STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
-    justifyContent: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
+    align: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), stack_constants.STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), stack_constants.STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), stack_constants.STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), stack_constants.STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
+    justify: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
     display: {
       inline: 'aurora-inline-flex'
     }
@@ -30,10 +30,10 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
     className = _ref.className,
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? stack_constants.STACK_DIRECTION_TYPES.row : _ref$direction,
-    _ref$justifyContent = _ref.justifyContent,
-    justifyContent = _ref$justifyContent === void 0 ? stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justifyContent,
-    _ref$alignItems = _ref.alignItems,
-    alignItems = _ref$alignItems === void 0 ? stack_constants.STACK_ALIGN_ITEMS_TYPES.start : _ref$alignItems,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justify,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? stack_constants.STACK_ALIGN_ITEMS_TYPES.start : _ref$align,
     _ref$wrap = _ref.wrap,
     wrap = _ref$wrap === void 0 ? stack_constants.STACK_WRAP_TYPES.nowrap : _ref$wrap,
     _ref$as = _ref.as,
@@ -68,8 +68,8 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
     ref: internalRef,
     className: cn.cn(stackVariants({
       direction: direction,
-      justifyContent: justifyContent,
-      alignItems: alignItems,
+      justify: justify,
+      align: align,
       wrap: wrap,
       display: display
     }), className, _rollupPluginBabelHelpers.defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),

package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.js

@@ -2,9 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var question_icon = require('../../../assets/icons/question_icon.js');
 
-var TooltipTrigger = TooltipPrimitive.Trigger;
+var _excluded = ["className", "children"];
+var TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
+    className: className
+  }, props), children ? children : /*#__PURE__*/React.createElement(question_icon.QuestionLineIcon, {
+    size: 16
+  }));
+});
+TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
 
 exports.TooltipTrigger = TooltipTrigger;
 //# sourceMappingURL=tooltip_trigger.js.map

package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.js.map

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

package/build/cjs/packages/aurora/src/index.js

@@ -25,6 +25,7 @@ var box = require('./components/box/box.js');
 var typography_constants = require('./components/typography/typography_constants.js');
 var css_line_height_tokens = require('./constants/css_tokens/css_line_height_tokens.js');
 var typography = require('./components/typography/typography.js');
+var divider_constants = require('./components/divider/divider_constants.js');
 var divider = require('./components/divider/divider.js');
 var action_list_label = require('./components/action_list/components/action_list_label.js');
 var action_list_group = require('./components/action_list/components/action_list_group.js');
@@ -67,6 +68,8 @@ var popover = require('./components/popover/popover.js');
 var popover_trigger = require('./components/popover/components/popover_trigger.js');
 var link_constants = require('./components/link/link_constants.js');
 var link = require('./components/link/link.js');
+var modal = require('./components/modal/components/modal/modal.js');
+var modals_manager = require('./components/modal/modals_manager.js');
 
 
 
@@ -100,6 +103,9 @@ exports.TYPOGRAPHY_TRANSFORM_TYPES = typography_constants.TYPOGRAPHY_TRANSFORM_T
 exports.TYPOGRAPHY_WEIGHT_TYPES = typography_constants.TYPOGRAPHY_WEIGHT_TYPES;
 exports.CSS_LINE_HEIGHT_TOKENS = css_line_height_tokens.CSS_LINE_HEIGHT_TOKENS;
 exports.Typography = typography.Typography;
+exports.DIVIDER_ORIENTATION = divider_constants.DIVIDER_ORIENTATION;
+exports.DIVIDER_THICKNESS = divider_constants.DIVIDER_THICKNESS;
+exports.DIVIDER_VARIANTS = divider_constants.DIVIDER_VARIANTS;
 exports.Divider = divider.Divider;
 exports.ActionListLabel = action_list_label.ActionListLabel;
 exports.ActionListGroup = action_list_group.ActionListGroup;
@@ -148,4 +154,6 @@ exports.LINK_DECORATION_TYPES = link_constants.LINK_DECORATION_TYPES;
 exports.LINK_SIZE_TYPES = link_constants.LINK_SIZE_TYPES;
 exports.LINK_VARIANT_TYPES = link_constants.LINK_VARIANT_TYPES;
 exports.Link = link.Link;
+exports.Modal = modal.Modal;
+exports.ModalsManager = modals_manager.ModalsManager;
 //# sourceMappingURL=index.js.map

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

package/build/esm/packages/aurora/src/assets/icons/close_line.d.ts

@@ -0,0 +1 @@
+export declare const CloseLine: import("@remixicon/react").RemixiconComponentType;

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

@@ -0,0 +1,6 @@
+import { RiCloseLine } from '@remixicon/react';
+
+var CloseLine = RiCloseLine;
+
+export { CloseLine };
+//# sourceMappingURL=close_line.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/assets/icons/question_icon.d.ts

@@ -0,0 +1 @@
+export declare const QuestionLineIcon: import("@remixicon/react").RemixiconComponentType;

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

@@ -0,0 +1,6 @@
+import { RiQuestionLine } from '@remixicon/react';
+
+var QuestionLineIcon = RiQuestionLine;
+
+export { QuestionLineIcon };
+//# sourceMappingURL=question_icon.js.map

package/build/esm/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;"}

package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.d.ts

@@ -1,3 +1,3 @@
 import React, { PropsWithChildren } from 'react';
 import { TDividerProps } from "../../divider/divider_types";
-export declare const ActionListLabel: ({ children }: PropsWithChildren<TDividerProps>) => React.JSX.Element;
+export declare const ActionListLabel: ({ children, ...props }: PropsWithChildren<TDividerProps>) => React.JSX.Element;

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

@@ -1,11 +1,14 @@
 import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../stack/stack.js';
 import { Box } from '../../box/box.js';
 import { Typography } from '../../typography/typography.js';
 import { Divider } from '../../divider/divider.js';
 
+var _excluded = ["children"];
 var ActionListLabel = function ActionListLabel(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Box, {
     paddings: {
       pl: '3',
@@ -14,15 +17,15 @@ var ActionListLabel = function ActionListLabel(_ref) {
       pr: '0'
     }
   }, /*#__PURE__*/React.createElement(Stack, {
-    alignItems: "center",
-    justifyContent: "center",
+    align: "center",
+    justify: "center",
     spacing: "2.5"
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "aurora-whitespace-nowrap",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React.createElement(Divider, null)));
+  }, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
 };
 
 export { ActionListLabel };

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/box/box.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-    justifyContent?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
-    alignItems?: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
+    justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
+    align?: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
     spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
     wrap?: string | undefined;
     children?: React.ReactNode;

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

@@ -4,7 +4,7 @@ import { BOX_COMPONENT_TYPES } from './box_constants.js';
 import { cn } from '../../utilities/cn.js';
 import { Stack } from '../stack/stack.js';
 
-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.forwardRef(function (_ref, ref) {
   var _cn;
   var shadow = _ref.shadow,
@@ -31,15 +31,15 @@ var Box = /*#__PURE__*/React.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 = _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.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
     ref: ref,
     as: as,
@@ -54,8 +54,8 @@ var Box = /*#__PURE__*/React.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/esm/packages/aurora/src/components/divider/divider.js

@@ -5,13 +5,14 @@ import { DIVIDER_ORIENTATION } from './divider_constants.js';
 import { dividerVariants } from './divider_variants.js';
 import { Root } from '@radix-ui/react-separator';
 
-var _excluded = ["className", "orientation", "color", "thickness", "variant", "decorative"];
+var _excluded = ["className", "orientation", "color", "thickness", "style", "variant", "decorative"];
 var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$orientation = _ref.orientation,
     orientation = _ref$orientation === void 0 ? DIVIDER_ORIENTATION.horizontal : _ref$orientation,
     color = _ref.color,
     thickness = _ref.thickness,
+    style = _ref.style,
     variant = _ref.variant,
     _ref$decorative = _ref.decorative,
     decorative = _ref$decorative === void 0 ? true : _ref$decorative,
@@ -24,7 +25,8 @@ var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       variant: variant,
       thickness: thickness,
       orientation: orientation
-    }), className)
+    }), className),
+    style: style
   }, props));
 });
 Divider.displayName = 'Divider';

package/build/esm/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;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;"}

package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { VariantProps } from 'class-variance-authority';
 import { dividerVariants } from "./divider_variants";
 import { SeparatorProps } from '@radix-ui/react-separator';
@@ -5,4 +6,5 @@ import { DIVIDER_ORIENTATION } from "./divider_constants";
 import { Any } from 'ts-toolbelt';
 export interface TDividerProps extends Omit<SeparatorProps, 'orientation'>, VariantProps<typeof dividerVariants> {
     orientation?: Any.Keys<typeof DIVIDER_ORIENTATION>;
+    style?: React.CSSProperties;
 }

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IModalNewProps } from "../../modal_types";
+export declare const Modal: React.FC<IModalNewProps>;

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

@@ -0,0 +1,90 @@
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../../utilities/cn.js';
+import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
+import { ModalFooter } from './modal_footer.js';
+import { ModalHeader } from './modal_header.js';
+import { createPortal } from 'react-dom';
+import { modalVariants } from '../../modal_variants.js';
+import { useModalsContext } from '../../hooks/use_modals_context.js';
+
+var Modal = function Modal(_ref) {
+  var name = _ref.name,
+    hideAllModalsOnClose = _ref.hideAllModalsOnClose,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleClass = _useState2[0],
+    setVisibleClass = _useState2[1];
+  var _useModalsContext = 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 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    renderModal = _useState4[0],
+    setRenderModal = _useState4[1];
+  useEffect(function () {
+    addModal({
+      name: name,
+      visibilityState: MODAL_VISIBILITY_STATE.none,
+      width: width
+    });
+  }, []);
+  useEffect(function () {
+    var showModalTimeout;
+    var hideModalTimeout;
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.visible) {
+      setRenderModal(true);
+      showModalTimeout = setTimeout(function () {
+        setVisibleClass(true);
+      }, MODAL_SLIDE_FADE_DURATION);
+    }
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.hidden) {
+      setVisibleClass(false);
+    }
+    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.none) {
+      setVisibleClass(false);
+      hideModalTimeout = setTimeout(function () {
+        setRenderModal(false);
+      }, 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__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    "data-modal-id": name,
+    "data-test-id": "modal",
+    className: cn(modalVariants({
+      width: width
+    }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out')
+  }, header && /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseIcon: hasCloseIcon,
+    text: header.text,
+    onClose: handleCloseModal
+  }), children && /*#__PURE__*/React.createElement("div", {
+    className: "aurora-overflow-y-auto"
+  }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
+    text: footer.text
+  })), $modalsManagerContainer) : null;
+};
+
+export { Modal };
+//# sourceMappingURL=modal.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalCloseIconProps } from "../../modal_types";
+export declare const ModalCloseIcon: FC<IModalCloseIconProps>;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CloseLine } from '../../../../assets/icons/close_line.js';
+
+var ModalCloseIcon = function ModalCloseIcon(_ref) {
+  var onClose = _ref.onClose;
+  return /*#__PURE__*/React.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.createElement(CloseLine, null));
+};
+
+export { ModalCloseIcon };
+//# sourceMappingURL=modal_close_icon.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalFooterProps } from "../../modal_types";
+export declare const ModalFooter: FC<IModalFooterProps>;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+
+var ModalFooter = function ModalFooter(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/React.createElement("footer", {
+    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    "data-test-id": "modal-footer"
+  }, text);
+};
+
+export { ModalFooter };
+//# sourceMappingURL=modal_footer.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IModalHeaderProps } from "../../modal_types";
+export declare const ModalHeader: FC<IModalHeaderProps>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ModalCloseIcon } from './modal_close_icon.js';
+
+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.createElement("header", {
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    "data-test-id": "modal-header"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "aurora-font-bold aurora-text-xl"
+  }, text), hasCloseIcon && /*#__PURE__*/React.createElement(ModalCloseIcon, {
+    onClose: onClose
+  }));
+};
+
+export { ModalHeader };
+//# sourceMappingURL=modal_header.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IModalsWrapperProps {
+    children: ReactNode;
+}
+export declare const ModalsWrapper: React.FC<IModalsWrapperProps>;
+export {};

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

@@ -0,0 +1,45 @@
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
+import { createPortal } from 'react-dom';
+import { useModalsContext } from '../hooks/use_modals_context.js';
+
+var ModalsWrapper = function ModalsWrapper(_ref) {
+  var children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showWrapper = _useState2[0],
+    setShowWrapper = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visibleClass = _useState4[0],
+    setVisibleClass = _useState4[1];
+  var _useModalsContext = useModalsContext(),
+    openedModals = _useModalsContext.openedModals;
+  useEffect(function () {
+    var showWrapperTimeout;
+    if (openedModals.length) {
+      setShowWrapper(true);
+      setVisibleClass(true);
+    } else {
+      setVisibleClass(false);
+      showWrapperTimeout = setTimeout(function () {
+        setShowWrapper(false);
+      }, MODALS_WRAPPER_BACKDROP_FADE_DURATION);
+    }
+    return function () {
+      return clearTimeout(showWrapperTimeout);
+    };
+  }, [openedModals]);
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", null, showWrapper && (/*#__PURE__*/React.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.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.createElement("div", {
+    id: MODALS_CONTENT_ID,
+    className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
+  }))), children), document.body);
+};
+
+export { ModalsWrapper };
+//# sourceMappingURL=modals_wrapper.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,12 @@
+import { IModal } from '../modal_types';
+declare const useModals: () => {
+    modalsManagerContainerSelector: string;
+    addModal: (modal: IModal) => void;
+    updateModal: (modal: IModal) => void;
+    getModal: (modalName: string) => IModal | undefined;
+    showModal: (modalName: string) => void;
+    hideModal: (modalName: string, onCloseAction: () => void | undefined) => void;
+    hideAllModals: (onCloseAction: () => void | undefined) => void;
+    openedModals: string[];
+};
+export default useModals;