@dreamcommerce/aurora 3.0.0-32 → 3.0.0-320

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

@@ -0,0 +1,3 @@
+import '@radix-ui/react-label';
+import 'react';
+//# sourceMappingURL=label_types.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -1,3 +1,7 @@
+import { PropsWithChildren } from 'react';
 import React from 'react';
 import { TLinkProps } from "./link_types";
-export declare const Link: React.ForwardRefExoticComponent<TLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: {
+    ({ 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 Link = /*#__PURE__*/React.forwardRef(function (_ref) {
+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,9 +16,9 @@ var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
       size: size,
       variant: variant,
       decoration: decoration
-    }))
+    }), className)
   }, props), children);
-});
+};
 Link.displayName = 'Link';
 
 export { 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.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { PropsWithChildren } from 'react';
+import React from 'react';
 import { TLoaderProps } from './loader_types';
 export declare const Loader: ({ className, variant, ...props }: PropsWithChildren<TLoaderProps>) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMessageBoxProps } from './message_box_types';
+export declare const MessageBox: React.ForwardRefExoticComponent<TMessageBoxProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,56 @@
+import React from 'react';
+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';
+
+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,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    className = _ref.className,
+    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];
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cn('message-box-link-icon', messageBoxVariants({
+      variant: variant
+    }), {
+      '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"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-flex-col aurora-w-full"
+  }, header && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-w-full"
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full"
+  }, header))), /*#__PURE__*/React.createElement(Typography, {
+    className: "aurora-w-full",
+    size: "xs"
+  }, children))));
+});
+MessageBox.displayName = 'MessageBox';
+
+export { MessageBox };
+//# sourceMappingURL=message_box.js.map

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

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

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

@@ -0,0 +1,15 @@
+export declare const MESSAGE_BOX_VARIANTS: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly critical: "critical";
+    readonly subtle: "subtle";
+};
+export declare const MESSAGE_BOX_ICONS: {
+    readonly info: import("@remixicon/react").RemixiconComponentType;
+    readonly warning: import("@remixicon/react").RemixiconComponentType;
+    readonly success: import("@remixicon/react").RemixiconComponentType;
+    readonly critical: import("@remixicon/react").RemixiconComponentType;
+    readonly subtle: import("@remixicon/react").RemixiconComponentType;
+};
+export declare const MESSAGE_BOX_ICON_COLORS: Record<string, string>;

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

@@ -0,0 +1,18 @@
+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',
+  warning: 'warning',
+  success: 'success',
+  critical: 'critical',
+  subtle: 'subtle'
+};
+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 };
+//# sourceMappingURL=message_box_constants.js.map

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

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

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

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

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

@@ -0,0 +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;AAC5D,OAAqC,qDAAqD,CAAC;AAC3F,OAAoB,aAAa,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const messageBoxVariants: (props?: ({
+    variant?: "info" | "warning" | "success" | "critical" | "subtle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -0,0 +1,15 @@
+import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+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-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')
+  },
+  defaultVariants: {
+    variant: MESSAGE_BOX_VARIANTS.info
+  }
+});
+
+export { messageBoxVariants };
+//# sourceMappingURL=message_box_variants.js.map

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

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

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,181 @@
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../../utilities/cn.js';
+import { useClickOutside } from '../../../../hooks/use_click_outside.js';
+import { createPortal } from 'react-dom';
+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 { ModalUtils } from './modal_utils.js';
+import { modalVariants } from '../../modal_variants.js';
+import { useModalsContext } from '../../hooks/use_modals_context.js';
+
+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_WIDTH_VARIANT.m : _ref$width,
+    onCloseAction = _ref.onCloseAction,
+    header = _ref.header,
+    footer = _ref.footer,
+    children = _ref.children,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    _ref$closeOnEscButton = _ref.closeOnEscButton,
+    closeOnEscButton = _ref$closeOnEscButton === void 0 ? true : _ref$closeOnEscButton,
+    _ref$initiallyVisible = _ref.initiallyVisible,
+    initiallyVisible = _ref$initiallyVisible === void 0 ? false : _ref$initiallyVisible;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visibleClass = _useState2[0],
+    setVisibleClass = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrolledToBottom = _useState4[0],
+    setIsScrolledToBottom = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasScroll = _useState6[0],
+    setHasScroll = _useState6[1];
+  var scrollTimeoutRef = useRef();
+  var contentRef = useRef(null);
+  var modalRef = useRef(null);
+  var isInitializedRef = useRef(false);
+  var _useModalsContext = 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 _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    renderModal = _useState8[0],
+    setRenderModal = _useState8[1];
+  var closeModal = useCallback(function () {
+    hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
+  }, [hideAllModalsOnClose, hideAllModals, hideModal, name, onCloseAction]);
+  var checkScroll = 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 = useCallback(function () {
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    scrollTimeoutRef.current = setTimeout(checkScroll, 50);
+  }, [checkScroll]);
+  // Handle scroll detection
+  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
+  useEffect(function () {
+    if (!isInitializedRef.current) {
+      addModal({
+        name: name,
+        visibilityState: MODAL_VISIBILITY_STATE.none,
+        width: width
+      });
+      if (initiallyVisible) showModal(name);
+      isInitializedRef.current = true;
+    }
+    return function () {
+      return closeModal();
+    };
+  }, []);
+  // Handle visibility changes
+  useEffect(function () {
+    var timeoutId;
+    switch (modal === null || modal === void 0 ? void 0 : modal.visibilityState) {
+      case MODAL_VISIBILITY_STATE.visible:
+        setRenderModal(true);
+        timeoutId = setTimeout(function () {
+          return setVisibleClass(true);
+        }, MODAL_SLIDE_FADE_DURATION);
+        break;
+      case MODAL_VISIBILITY_STATE.hidden:
+        setVisibleClass(false);
+        break;
+      case MODAL_VISIBILITY_STATE.none:
+        setVisibleClass(false);
+        timeoutId = setTimeout(function () {
+          return setRenderModal(false);
+        }, MODAL_SLIDE_FADE_DURATION);
+        break;
+    }
+    return function () {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [modal === null || modal === void 0 ? void 0 : modal.visibilityState]);
+  // Handle keyboard events
+  var handleKeyDown = useCallback(function (event) {
+    if (event.key === 'Escape' && closeOnEscButton) {
+      closeModal();
+    }
+  }, [closeOnEscButton, closeModal]);
+  useEffect(function () {
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      return document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [handleKeyDown]);
+  // Handle outside click
+  useClickOutside({
+    refs: [modalRef],
+    callback: function callback() {
+      if (closeOnOutsideClick && (modal === null || modal === void 0 ? void 0 : modal.visibilityState) === MODAL_VISIBILITY_STATE.visible) {
+        closeModal();
+      }
+    }
+  });
+  if (!$modalsManagerContainer) return null;
+  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    ref: modalRef,
+    "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: ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true,
+    onClose: closeModal
+  }, ModalUtils.isHeaderObject(header) ? header.content : header)), children && (/*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    className: 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.createElement(ModalFooter, {
+    className: cn('', {
+      'aurora-border-t': hasScroll && !isScrolledToBottom
+    })
+  }, footer))), $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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 { CloseLineIcon } from '../../../../assets/icons/close_line_icon.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(CloseLineIcon, 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 React, { PropsWithChildren } from 'react';
+import { IModalFooterProps } from "../../modal_types";
+export declare const ModalFooter: ({ className, children }: PropsWithChildren<IModalFooterProps>) => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { cn } from '../../../../utilities/cn.js';
+
+var ModalFooter = function ModalFooter(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("footer", {
+    className: 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"
+  }, children);
+};
+
+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;AACA;AACA;"}

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

@@ -0,0 +1,3 @@
+import React, { PropsWithChildren } from 'react';
+import { IModalHeaderProps } from "../../modal_types";
+export declare const ModalHeader: ({ onClose, hasCloseIcon, children }: PropsWithChildren<IModalHeaderProps>) => React.JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ModalCloseIcon } from './modal_close_icon.js';
+
+var ModalHeader = function ModalHeader(_ref) {
+  var onClose = _ref.onClose,
+    hasCloseIcon = _ref.hasCloseIcon,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("header", {
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-pt-6 aurora-pb-5 aurora-px-6 aurora-mb-6 aurora-border-b',
+    "data-test-id": "modal-header"
+  }, children ? /*#__PURE__*/React.createElement("h3", {
+    className: "aurora-font-bold aurora-text-xl"
+  }, children) : null, 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;"}

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

@@ -0,0 +1,4 @@
+import { THeaderObject } from "../../modal_types";
+export declare class ModalUtils {
+    static isHeaderObject(header: any): header is THeaderObject;
+}

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

@@ -0,0 +1,16 @@
+import { createClass as _createClass, typeof as _typeof, classCallCheck as _classCallCheck } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var ModalUtils = /*#__PURE__*/function () {
+  function ModalUtils() {
+    _classCallCheck(this, ModalUtils);
+  }
+  return _createClass(ModalUtils, null, [{
+    key: "isHeaderObject",
+    value: function isHeaderObject(header) {
+      return header && _typeof(header) === 'object' && header.content !== undefined;
+    }
+  }]);
+}();
+
+export { ModalUtils };
+//# sourceMappingURL=modal_utils.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ModalsWrapper: React.FC;

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

@@ -0,0 +1,44 @@
+import React, { useState, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { createPortal } from 'react-dom';
+import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
+import { useModalsContext } from '../hooks/use_modals_context.js';
+
+var ModalsWrapper = function ModalsWrapper() {
+  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(React.Fragment, 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-[1000] 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', " js__modal-mask")
+  }), /*#__PURE__*/React.createElement("div", {
+    id: MODALS_CONTENT_ID,
+    className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
+  })))), 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;"}

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;