@dreamcommerce/aurora 3.0.0-99 → 3.0.0

package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.d.ts

@@ -1,5 +1,5 @@
-import React, { ChangeEvent, ReactNode } from 'react';
 import { IMAGE_PICKER_EXTENSIONS, MIME_FILE_EXTENSIONS } from './image_picker_constants';
+import React, { ChangeEvent, ReactNode } from 'react';
 import { TControlErrors } from "../control/control_types";
 export declare type TImagePickerFile = {
     fileUrl: string;
@@ -17,6 +17,7 @@ export interface IImagePicker {
     className?: string;
     onChange?: (file: ImagePickerFileObject) => void;
     allowedExtensions?: TImagePickerExtension[];
+    allowedExtensionsLabel?: string;
     initialFile?: TImagePickerFile;
     errors?: TControlErrors;
     onError?: (errors: string[]) => void;
@@ -32,6 +33,13 @@ export interface IImagePickerInput {
     allowedExtensions: TImagePickerExtension[];
     isDragOver: boolean;
 }
+export interface IImagePickerPreviewContainer {
+    onDropFile: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragOver: (event: React.DragEvent<HTMLLabelElement>) => void;
+    onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
+    children: ReactNode;
+    classname: string;
+}
 export declare type TImageSize = {
     width: number;
     height: number;

package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.js

@@ -1,4 +1,4 @@
-import 'react';
 import './image_picker_constants';
+import 'react';
 import '@auroraComponents/control/control_types';
 //# sourceMappingURL=image_picker_types.js.map

package/build/esm/packages/aurora/src/components/image_picker/image_picker_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA8C,OAAO,CAAC;AACtD,OAA8D,0BAA0B,CAAC;AACzF,OAA+B,yCAAyC,CAAC"}
+{"version":3,"file":"image_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/image_picker/image_picker_types.ts"],"names":[],"mappings":"AAAA,OAA8D,0BAA0B,CAAC;AACzF,OAA8C,OAAO,CAAC;AAEtD,OAA+B,yCAAyC,CAAC"}

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

@@ -3,7 +3,7 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import { cn } from '../../utilities/cn.js';
 import { inputVariants } from './input_variants.js';
 
-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.forwardRef(function (_ref, ref) {
   var preElement = _ref.preElement,
     postElement = _ref.postElement,
@@ -18,15 +18,20 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
     type = _ref.type,
+    hasCursorPointer = _ref.hasCursorPointer,
     onChange = _ref.onChange,
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(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.createElement("div", {
-    className: "aurora-flex aurora-items-center aurora-pointer-events-none"
-  }, preElement), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
+    className: cn(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.createElement("div", {
+    className: 'aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2'
+  }, preElement)), /*#__PURE__*/React.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
     ref: ref,
     id: id,
     name: name,
@@ -39,9 +44,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     type: type,
-    className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none"
+    className: 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.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/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/input/input_types.d.ts

@@ -5,4 +5,5 @@ export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>
     preElement?: React.ReactNode;
     postElement?: React.ReactNode;
     errors?: string | string[];
+    hasCursorPointer?: boolean;
 }

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

@@ -1,6 +1,6 @@
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 
-var inputVariants = 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 = 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');
 
 export { inputVariants };
 //# sourceMappingURL=input_variants.js.map

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

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

package/build/esm/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;"}
+{"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/esm/packages/aurora/src/components/label/label_types.d.ts

@@ -1,8 +1,6 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { type VariantProps } from 'class-variance-authority';
-import { labelVariants } from './label_variants';
-import { ReactNode } from 'react';
-export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
+import React, { ReactNode } from 'react';
+export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
     tooltip?: string | ReactNode;
     required?: boolean;
     disabled?: boolean;

package/build/esm/packages/aurora/src/components/label/label_types.js

@@ -1,5 +1,3 @@
 import '@radix-ui/react-label';
-import 'class-variance-authority';
-import './label_variants';
 import 'react';
 //# sourceMappingURL=label_types.js.map

package/build/esm/packages/aurora/src/components/label/label_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"label_types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/label_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAkC,0BAA0B,CAAC;AAC7D,OAA8B,kBAAkB,CAAC;AACjD,OAA0B,OAAO,CAAC"}
+{"version":3,"file":"label_types.js","sourceRoot":"","sources":["../../../../../../../src/components/label/label_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAiC,OAAO,CAAC"}

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

@@ -2,6 +2,6 @@ import { PropsWithChildren } from 'react';
 import React from 'react';
 import { TLinkProps } from "./link_types";
 export declare const Link: {
-    ({ children, size, variant, decoration, ...props }: PropsWithChildren<TLinkProps>): React.JSX.Element;
+    ({ children, className, size, variant, decoration, ...props }: PropsWithChildren<TLinkProps>): React.JSX.Element;
     displayName: string;
 };

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

@@ -3,9 +3,10 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import { cn } from '../../utilities/cn.js';
 import { linkVariants } from './link_variants.js';
 
-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,
@@ -15,7 +16,7 @@ var Link = function Link(_ref) {
       size: size,
       variant: variant,
       decoration: decoration
-    }))
+    }), className)
   }, props), children);
 };
 Link.displayName = 'Link';

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

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

@@ -4,7 +4,7 @@ import { LINK_VARIANT_TYPES, LINK_DECORATION_TYPES, LINK_SIZE_TYPES } from './li
 
 var linkVariants = cva('aurora-cursor-pointer aurora-transition-all aurora-duration-200', {
   variants: {
-    variant: _defineProperty(_defineProperty({}, LINK_VARIANT_TYPES.basic, 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active'), LINK_VARIANT_TYPES.monochromatic, 'aurora-text'),
+    variant: _defineProperty(_defineProperty({}, LINK_VARIANT_TYPES.basic, 'aurora-text-interactive hover:aurora-text-interactive-hover active:aurora-text-interactive-active'), LINK_VARIANT_TYPES.monochromatic, 'aurora-text hover:aurora-text hover:aurora-no-underline'),
     decoration: _defineProperty(_defineProperty({}, LINK_DECORATION_TYPES.noUnderline, 'aurora-no-underline'), LINK_DECORATION_TYPES.underline, 'aurora-underline'),
     size: _defineProperty(_defineProperty({}, LINK_SIZE_TYPES.basic, 'aurora-text-s'), LINK_SIZE_TYPES.s, 'aurora-text-xs')
   },

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

@@ -2,7 +2,7 @@ import { defineProperty as _defineProperty } from '../../../../../_virtual/_roll
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 import { LOADER_VARIANTS } from './loader_constants.js';
 
-var loaderVariants = 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 = cva('aurora-inline-block aurora-align-middle aurora-border-solid aurora-border-r-primary aurora-rounded-full aurora-animate-spin', {
   variants: {
     variant: _defineProperty(_defineProperty(_defineProperty({}, LOADER_VARIANTS.s, 'aurora-h-4 aurora-w-4 aurora-border-2'), LOADER_VARIANTS.m, 'aurora-h-6 aurora-w-6 aurora-border-[3px]'), LOADER_VARIANTS.l, 'aurora-h-8 aurora-w-8 aurora-border-4')
   },

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TMessageBoxProps } from './message_box_types';
-export declare const MessageBox: ({ variant, header, children, onClose, fullWidth, className, showIcon }: TMessageBoxProps) => React.JSX.Element;
+export declare const MessageBox: React.ForwardRefExoticComponent<TMessageBoxProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,50 +3,54 @@ import { cn } from '../../utilities/cn.js';
 import { Typography } from '../typography/typography.js';
 import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
 import { messageBoxVariants } from './message_box_variants.js';
-import { CloseLineIcon } from '../../assets/icons/close_icon.js';
 
-var MessageBox = function MessageBox(_ref) {
+var MessageBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 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_ICONS[variant];
   var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
-  var canClose = !!onClose;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(cn(fullWidth ? 'aurora-w-full aurora-border-none' : 'aurora-w-[272px] aurora-border aurora-rounded-4', children && !header && !fullWidth && 'aurora-shadow-l'), messageBoxVariants({
+    ref: ref,
+    className: cn('message-box-link-icon', 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.createElement("div", {
     className: cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
   }, /*#__PURE__*/React.createElement(Icon, {
     className: cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
   }))) : null, /*#__PURE__*/React.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.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.createElement("div", {
-    className: "aurora-flex aurora-items-center"
+    className: "aurora-flex aurora-items-center aurora-w-full"
   }, /*#__PURE__*/React.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.createElement(Typography, {
     className: "aurora-w-full",
     size: "xs"
-  }, children)), canClose && (/*#__PURE__*/React.createElement("button", {
-    className: 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.createElement(CloseLineIcon, {
-    className: cn('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
-  })))));
-};
+  }, children))));
+});
+MessageBox.displayName = 'MessageBox';
 
 export { MessageBox };
 //# sourceMappingURL=message_box.js.map

package/build/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,5 +1,8 @@
 import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { AlertLineIcon } from '../../assets/icons/alert_icon_line.js';
 import { CheckboxCircleLine } from '../../assets/icons/checkbox_circle.js';
+import { DangerLineIcon } from '../../assets/icons/danger_icon_line.js';
+import { InfoLineIcon } from '../../assets/icons/info_icon_line.js';
 
 var MESSAGE_BOX_VARIANTS = {
   info: 'info',
@@ -8,7 +11,7 @@ var MESSAGE_BOX_VARIANTS = {
   critical: 'critical',
   subtle: 'subtle'
 };
-var MESSAGE_BOX_ICONS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.warning, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.success, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.subtle, CheckboxCircleLine);
+var MESSAGE_BOX_ICONS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MESSAGE_BOX_VARIANTS.info, InfoLineIcon), MESSAGE_BOX_VARIANTS.warning, AlertLineIcon), MESSAGE_BOX_VARIANTS.success, CheckboxCircleLine), MESSAGE_BOX_VARIANTS.critical, DangerLineIcon), MESSAGE_BOX_VARIANTS.subtle, InfoLineIcon);
 var MESSAGE_BOX_ICON_COLORS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_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');
 
 export { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS };

package/build/esm/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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/message_box/message_box_types.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { messageBoxVariants } from './message_box_variants';
+import { MESSAGE_BOX_VARIANTS } from "./message_box_constants";
+import { Any } from 'ts-toolbelt';
 export interface TMessageBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageBoxVariants> {
     showIcon?: boolean;
     header?: string | React.ReactNode;
     children?: React.ReactNode;
-    onClose?: () => void;
     fullWidth?: boolean;
+    noBorder?: boolean;
+    noRadius?: boolean;
     className?: string;
+    shadow?: boolean;
 }
+export declare type TMessageBoxVariant = Any.Keys<typeof MESSAGE_BOX_VARIANTS>;

package/build/esm/packages/aurora/src/components/message_box/message_box_types.js

@@ -1,4 +1,6 @@
 import 'react';
 import 'class-variance-authority';
 import './message_box_variants';
+import '@auroraComponents/message_box/message_box_constants';
+import 'ts-toolbelt';
 //# sourceMappingURL=message_box_types.js.map

package/build/esm/packages/aurora/src/components/message_box/message_box_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC"}
+{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC;AAC5D,OAAqC,qDAAqD,CAAC;AAC3F,OAAoB,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/message_box/message_box_variants.js

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