@dreamcommerce/aurora 3.0.0-99 → 3.0.0

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

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "onChange", "onKeyDown", "onKeyUp"];
+var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "onChange", "onKeyDown", "onKeyUp"];
 var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var preElement = _ref.preElement,
     postElement = _ref.postElement,
@@ -26,15 +26,20 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
     type = _ref.type,
+    hasCursorPointer = _ref.hasCursorPointer,
     onChange = _ref.onChange,
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn(input_variants.inputVariants(), errors && 'aurora-border-danger', disabled && 'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed', type === 'number' && 'aurora-appearance-none', className)
-  }, preElement && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-items-center aurora-pointer-events-none"
-  }, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    className: cn.cn(input_variants.inputVariants(), {
+      'aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length),
+      'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
+      'aurora-appearance-none': type === 'number'
+    }, className)
+  }, preElement && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2'
+  }, preElement)), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     ref: ref,
     id: id,
     name: name,
@@ -47,9 +52,11 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     type: type,
-    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none"
+    className: cn.cn('aurora-h-[40px] aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
+      'aurora-cursor-pointer': hasCursorPointer
+    })
   })), postElement && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-items-center"
+    className: "aurora-flex aurora-h-full aurora-right-0 aurora-pr-2 aurora-items-center"
   }, postElement));
 });
 Input.displayName = 'Input';

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

package/build/cjs/packages/aurora/src/components/input/input_variants.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
 
-var inputVariants = index.cva('aurora-flex aurora-gap-3 aurora-rounded-6 aurora-h-[40px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
+var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
 
 exports.inputVariants = inputVariants;
 //# sourceMappingURL=input_variants.js.map

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

@@ -5,14 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
-var stack = require('../stack/stack.js');
+var typography = require('../typography/typography.js');
 var tooltip = require('../tooltip/tooltip.js');
 var tooltip_trigger = require('../tooltip/components/tooltip_trigger.js');
 var tooltip_content = require('../tooltip/components/tooltip_content.js');
 var tooltip_provider = require('../tooltip/context/tooltip_provider.js');
 var LabelPrimitive = require('@radix-ui/react-label');
-var label_content = require('./components/label_content.js');
-var label_variants = require('./label_variants.js');
 
 var _excluded = ["className", "tooltip", "required", "disabled", "children"];
 var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -22,25 +20,23 @@ var Label = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     children = _ref.children,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var content = /*#__PURE__*/React.createElement(stack.Stack, {
-    align: "baseline",
-    spacing: "0.5",
-    inline: true,
-    className: cn.cn(label_variants.labelVariants(), "".concat(disabled ? 'aurora-cursor-not-allowed aurora-text-subtle-light' : '', " ").concat(className))
-  }, required && /*#__PURE__*/React.createElement("span", {
-    className: "aurora-text-interactive"
-  }, "*"), children);
-  if (tooltip$1) {
-    return /*#__PURE__*/React.createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React.createElement(label_content.LabelContent, _rollupPluginBabelHelpers.objectSpread2({
-      tooltip: /*#__PURE__*/React.createElement(tooltip.Tooltip, null, /*#__PURE__*/React.createElement(tooltip_trigger.TooltipTrigger, null), /*#__PURE__*/React.createElement(tooltip_content.TooltipContent, {
-        variant: "dark"
-      }, /*#__PURE__*/React.createElement("p", null, tooltip$1))),
-      ref: ref
-    }, props), content));
-  }
-  return /*#__PURE__*/React.createElement(label_content.LabelContent, _rollupPluginBabelHelpers.objectSpread2({
+  return /*#__PURE__*/React.createElement(LabelPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref
-  }, props), content);
+  }, props), /*#__PURE__*/React.createElement(typography.Typography, {
+    lineHeight: "xs",
+    size: "s",
+    weight: "medium",
+    as: "p",
+    className: className
+  }, required ? /*#__PURE__*/React.createElement("span", {
+    className: "aurora-text-interactive"
+  }, "*") : null, /*#__PURE__*/React.createElement("span", {
+    className: cn.cn({
+      'aurora-mr-1': tooltip$1
+    })
+  }, children), tooltip$1 ? (/*#__PURE__*/React.createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React.createElement(tooltip.Tooltip, null, /*#__PURE__*/React.createElement(tooltip_trigger.TooltipTrigger, {
+    className: "aurora-align-middle aurora-inline-flex"
+  }), /*#__PURE__*/React.createElement(tooltip_content.TooltipContent, null, /*#__PURE__*/React.createElement("p", null, tooltip$1))))) : null));
 });
 Label.displayName = LabelPrimitive.Root.displayName;
 

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

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

@@ -11,9 +11,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "size", "variant", "decoration"];
+var _excluded = ["children", "className", "size", "variant", "decoration"];
 var Link = function Link(_ref) {
   var children = _ref.children,
+    className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
     decoration = _ref.decoration,
@@ -23,7 +24,7 @@ var Link = function Link(_ref) {
       size: size,
       variant: variant,
       decoration: decoration
-    }))
+    }), className)
   }, props), children);
 };
 Link.displayName = 'Link';

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

package/build/cjs/packages/aurora/src/components/link/link_variants.js

@@ -8,7 +8,7 @@ var link_constants = require('./link_constants.js');
 
 var linkVariants = index.cva('aurora-cursor-pointer aurora-transition-all aurora-duration-200', {
   variants: {
-    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, link_constants.LINK_VARIANT_TYPES.basic, 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active'), link_constants.LINK_VARIANT_TYPES.monochromatic, 'aurora-text'),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, link_constants.LINK_VARIANT_TYPES.basic, 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active'), link_constants.LINK_VARIANT_TYPES.monochromatic, 'aurora-text hover:aurora-text hover:aurora-no-underline'),
     decoration: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, link_constants.LINK_DECORATION_TYPES.noUnderline, 'aurora-no-underline'), link_constants.LINK_DECORATION_TYPES.underline, 'aurora-underline'),
     size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, link_constants.LINK_SIZE_TYPES.basic, 'aurora-text-s'), link_constants.LINK_SIZE_TYPES.s, 'aurora-text-xs')
   },

package/build/cjs/packages/aurora/src/components/loader/loader_variants.js

@@ -6,7 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
 var loader_constants = require('./loader_constants.js');
 
-var loaderVariants = index.cva('aurora-inline-block aurora-align-middle aurora-border-solid aurora-border-color-t aurora-border-r-primary aurora-border-color-b aurora-border-color-l aurora-rounded-full aurora-animate-spin', {
+var loaderVariants = index.cva('aurora-inline-block aurora-align-middle aurora-border-solid aurora-border-r-primary aurora-rounded-full aurora-animate-spin', {
   variants: {
     variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, loader_constants.LOADER_VARIANTS.s, 'aurora-h-4 aurora-w-4 aurora-border-2'), loader_constants.LOADER_VARIANTS.m, 'aurora-h-6 aurora-w-6 aurora-border-[3px]'), loader_constants.LOADER_VARIANTS.l, 'aurora-h-8 aurora-w-8 aurora-border-4')
   },

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

@@ -7,54 +7,58 @@ var cn = require('../../utilities/cn.js');
 var typography = require('../typography/typography.js');
 var message_box_constants = require('./message_box_constants.js');
 var message_box_variants = require('./message_box_variants.js');
-var close_icon = require('../../assets/icons/close_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MessageBox = function MessageBox(_ref) {
+var MessageBox = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? message_box_constants.MESSAGE_BOX_VARIANTS.info : _ref$variant,
     header = _ref.header,
     children = _ref.children,
-    onClose = _ref.onClose,
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     className = _ref.className,
-    showIcon = _ref.showIcon;
+    shadow = _ref.shadow,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
+    _ref$noBorder = _ref.noBorder,
+    noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
+    _ref$noRadius = _ref.noRadius,
+    noRadius = _ref$noRadius === void 0 ? false : _ref$noRadius;
   var Icon = message_box_constants.MESSAGE_BOX_ICONS[variant];
   var iconColor = message_box_constants.MESSAGE_BOX_ICON_COLORS[variant];
-  var canClose = !!onClose;
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn(cn.cn(fullWidth ? 'aurora-w-full aurora-border-none' : 'aurora-w-[272px] aurora-border aurora-rounded-4', children && !header && !fullWidth && 'aurora-shadow-l'), message_box_variants.messageBoxVariants({
+    ref: ref,
+    className: cn.cn('message-box-link-icon', message_box_variants.messageBoxVariants({
       variant: variant
-    }), className)
+    }), {
+      'aurora-w-full': fullWidth,
+      'aurora-w-[272px]': !fullWidth,
+      'aurora-rounded-0': noRadius,
+      'aurora-rounded-6': !noRadius,
+      'aurora-border-none': noBorder,
+      'aurora-shadow-l': shadow
+    }, className)
   }, showIcon ? (/*#__PURE__*/React__default['default'].createElement("div", {
     className: cn.cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
   }, /*#__PURE__*/React__default['default'].createElement(Icon, {
     className: cn.cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
   }))) : null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full aurora-max-w-7xl"
+    className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-flex-col aurora-max-w-full aurora-w-full"
+    className: "aurora-flex aurora-flex-col aurora-w-full"
   }, header && (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-flex aurora-items-center"
+    className: "aurora-flex aurora-items-center aurora-w-full"
   }, /*#__PURE__*/React__default['default'].createElement("h4", {
-    className: "aurora-text-s aurora-font-semibold aurora-text"
+    className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full"
   }, header))), /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
     className: "aurora-w-full",
     size: "xs"
-  }, children)), canClose && (/*#__PURE__*/React__default['default'].createElement("button", {
-    className: cn.cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      onClose === null || onClose === void 0 ? void 0 : onClose();
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(close_icon.CloseLineIcon, {
-    className: cn.cn('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
-  })))));
-};
+  }, children))));
+});
+MessageBox.displayName = 'MessageBox';
 
 exports.MessageBox = MessageBox;
 //# sourceMappingURL=message_box.js.map

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

package/build/cjs/packages/aurora/src/components/message_box/message_box_constants.js

@@ -3,7 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var alert_icon_line = require('../../assets/icons/alert_icon_line.js');
 var checkbox_circle = require('../../assets/icons/checkbox_circle.js');
+var danger_icon_line = require('../../assets/icons/danger_icon_line.js');
+var info_icon_line = require('../../assets/icons/info_icon_line.js');
 
 var MESSAGE_BOX_VARIANTS = {
   info: 'info',
@@ -12,7 +15,7 @@ var MESSAGE_BOX_VARIANTS = {
   critical: 'critical',
   subtle: 'subtle'
 };
-var MESSAGE_BOX_ICONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MESSAGE_BOX_VARIANTS.info, checkbox_circle.CheckboxCircleLine), MESSAGE_BOX_VARIANTS.warning, checkbox_circle.CheckboxCircleLine), MESSAGE_BOX_VARIANTS.success, checkbox_circle.CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, checkbox_circle.CheckboxCircleLine), MESSAGE_BOX_VARIANTS.subtle, checkbox_circle.CheckboxCircleLine);
+var MESSAGE_BOX_ICONS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MESSAGE_BOX_VARIANTS.info, info_icon_line.InfoLineIcon), MESSAGE_BOX_VARIANTS.warning, alert_icon_line.AlertLineIcon), MESSAGE_BOX_VARIANTS.success, checkbox_circle.CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, danger_icon_line.DangerLineIcon), MESSAGE_BOX_VARIANTS.subtle, info_icon_line.InfoLineIcon);
 var MESSAGE_BOX_ICON_COLORS = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MESSAGE_BOX_VARIANTS.info, 'aurora-fill-info'), MESSAGE_BOX_VARIANTS.warning, 'aurora-fill-warning'), MESSAGE_BOX_VARIANTS.success, 'aurora-fill-success'), MESSAGE_BOX_VARIANTS.critical, 'aurora-fill-danger'), MESSAGE_BOX_VARIANTS.subtle, 'aurora-fill');
 
 exports.MESSAGE_BOX_ICONS = MESSAGE_BOX_ICONS;

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

@@ -6,9 +6,9 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
 var message_box_constants = require('./message_box_constants.js');
 
-var messageBoxVariants = index.cva('aurora-p-2 aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
+var messageBoxVariants = index.cva('aurora-p-2 aurora-border aurora-text-xs aurora-relative aurora-flex aurora-items-center aurora-justify-center', {
   variants: {
-    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, message_box_constants.MESSAGE_BOX_VARIANTS.info, 'aurora-bg-primary-subtle aurora-border-info'), message_box_constants.MESSAGE_BOX_VARIANTS.warning, 'aurora-bg-warning-subtle aurora-border-focus'), message_box_constants.MESSAGE_BOX_VARIANTS.success, 'aurora-bg-success-subtle aurora-border-success'), message_box_constants.MESSAGE_BOX_VARIANTS.critical, 'aurora-bg-danger-subtle aurora-border-danger'), message_box_constants.MESSAGE_BOX_VARIANTS.subtle, 'aurora-bg aurora-border')
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, message_box_constants.MESSAGE_BOX_VARIANTS.info, 'aurora-bg-primary-subtle aurora-border-info'), message_box_constants.MESSAGE_BOX_VARIANTS.warning, 'aurora-bg-warning-subtle aurora-border-focus'), message_box_constants.MESSAGE_BOX_VARIANTS.success, 'aurora-bg-success-subtle aurora-border-success'), message_box_constants.MESSAGE_BOX_VARIANTS.critical, 'aurora-bg-danger-subtle aurora-border-danger'), message_box_constants.MESSAGE_BOX_VARIANTS.subtle, 'aurora-bg')
   },
   defaultVariants: {
     variant: message_box_constants.MESSAGE_BOX_VARIANTS.info

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

@@ -5,10 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../../utilities/cn.js');
-var reactDom = require('react-dom');
+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 use_modals_context = require('../../hooks/use_modals_context.js');
 
@@ -17,81 +19,170 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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,
     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;
+    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,
+    _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 _useModalsContext = use_modals_context.useModalsContext(),
     modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
     addModal = _useModalsContext.addModal,
     getModal = _useModalsContext.getModal,
     hideModal = _useModalsContext.hideModal,
+    showModal = _useModalsContext.showModal,
     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
-    });
+  var _useState7 = React.useState(false),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    renderModal = _useState8[0],
+    setRenderModal = _useState8[1];
+  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 () {
-    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 (!isInitializedRef.current) {
+      addModal({
+        name: name,
+        visibilityState: modal_constants.MODAL_VISIBILITY_STATE.none,
+        width: width
+      });
+      if (initiallyVisible) showModal(name);
+      isInitializedRef.current = true;
     }
-    if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.hidden) {
-      setVisibleClass(false);
+    return function () {
+      return closeModal();
+    };
+  }, []);
+  // 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;
     }
-    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 () {
+      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 () {
-      clearTimeout(showModalTimeout);
-      clearTimeout(hideModalTimeout);
+      return document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [modal]);
-  var handleCloseModal = function handleCloseModal() {
-    hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
-  };
+  }, [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", {
+  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: hasCloseIcon,
-    text: header.text,
-    onClose: handleCloseModal
-  }), children && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-overflow-y-auto custom-scrollbar"
-  }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
-    text: footer.text
-  })), $modalsManagerContainer) : null;
+  }, 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)'
+    }
+  }, children)), footer && (/*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
+    className: cn.cn('', {
+      'aurora-border-t': hasScroll && !isScrolledToBottom
+    })
+  }, footer))), $modalsManagerContainer) : null;
 };
 
 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;"}
+{"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;"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var close_line = require('../../../../assets/icons/close_line.js');
+var close_line_icon = require('../../../../assets/icons/close_line_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,7 +17,7 @@ var ModalCloseIcon = function ModalCloseIcon(_ref) {
       return onClose();
     },
     "data-test-id": "close-modal"
-  }, /*#__PURE__*/React__default['default'].createElement(close_line.CloseLine, null));
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null));
 };
 
 exports.ModalCloseIcon = ModalCloseIcon;

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

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var cn = require('../../../../utilities/cn.js');
 
 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;
+  var className = _ref.className,
+    children = _ref.children;
   return /*#__PURE__*/React__default['default'].createElement("footer", {
-    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    className: cn.cn('aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-pt-5 aurora-pb-6 aurora-px-6', className),
     "data-test-id": "modal-footer"
-  }, text);
+  }, children);
 };
 
 exports.ModalFooter = ModalFooter;

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

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

@@ -10,16 +10,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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;
+  var onClose = _ref.onClose,
+    hasCloseIcon = _ref.hasCloseIcon,
+    children = _ref.children;
   return /*#__PURE__*/React__default['default'].createElement("header", {
-    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    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"
-  }, /*#__PURE__*/React__default['default'].createElement("h3", {
+  }, children ? /*#__PURE__*/React__default['default'].createElement("h3", {
     className: "aurora-font-bold aurora-text-xl"
-  }, text), hasCloseIcon && /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, {
+  }, children) : null, hasCloseIcon && /*#__PURE__*/React__default['default'].createElement(modal_close_icon.ModalCloseIcon, {
     onClose: onClose
   }));
 };

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;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;"}