@dreamcommerce/aurora 3.1.28 → 3.1.30

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

@@ -0,0 +1,59 @@
+import React__default, { useRef } from 'react';
+import { cn } from '../../../../utilities/cn.js';
+import { MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
+import { Content } from '../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.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 { useScroll } from '../../../../hooks/use_scroll.js';
+
+var ModalContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var _header$hasCloseIcon;
+  var name = _ref.name,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? MODAL_WIDTH_VARIANT.m : _ref$width,
+    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;
+  var contentRef = useRef(null);
+  var _useScroll = useScroll(contentRef),
+    atBottom = _useScroll.atBottom,
+    hasScroll = _useScroll.hasScroll;
+  return /*#__PURE__*/React__default.createElement(Content, {
+    onEscapeKeyDown: function onEscapeKeyDown(e) {
+      if (!closeOnEscButton) e.preventDefault();
+    },
+    onInteractOutside: function onInteractOutside(e) {
+      if (!closeOnOutsideClick) e.preventDefault();
+    },
+    "data-modal-id": name,
+    "data-test-id": "modal",
+    className: cn(modalVariants({
+      width: width
+    })),
+    ref: ref
+  }, header && (/*#__PURE__*/React__default.createElement(ModalHeader, {
+    hasCloseIcon: ModalUtils.isHeaderObject(header) ? (_header$hasCloseIcon = header.hasCloseIcon) !== null && _header$hasCloseIcon !== void 0 ? _header$hasCloseIcon : true : true
+  }, ModalUtils.isHeaderObject(header) ? header.content : header)), children && (/*#__PURE__*/React__default.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__default.createElement(ModalFooter, {
+    className: cn('', {
+      'aurora-border-t': hasScroll && !atBottom
+    })
+  }, footer)));
+});
+ModalContent.displayName = 'ModalContent';
+
+export { ModalContent };
+//# sourceMappingURL=modal_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,wBAAwB,wEAA4E;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_footer.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React__default 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", {
+  return /*#__PURE__*/React__default.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);

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

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

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

@@ -1,18 +1,20 @@
-import React from 'react';
+import React__default from 'react';
+import { Title, Close } from '../../../../../../../external/@radix-ui/react-dialog/dist/index.mjs.js';
 import { ModalCloseIcon } from './modal_close_icon.js';
 
 var ModalHeader = function ModalHeader(_ref) {
-  var onClose = _ref.onClose,
-    hasCloseIcon = _ref.hasCloseIcon,
+  var hasCloseIcon = _ref.hasCloseIcon,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React__default.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", {
+  }, children ? (/*#__PURE__*/React__default.createElement(Title, {
+    asChild: true,
     className: "aurora-font-bold aurora-text-xl"
-  }, children) : null, hasCloseIcon && /*#__PURE__*/React.createElement(ModalCloseIcon, {
-    onClose: onClose
-  }));
+  }, /*#__PURE__*/React__default.createElement("h3", null, children))) : null, hasCloseIcon && (/*#__PURE__*/React__default.createElement(Close, {
+    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
+    "data-test-id": "close-modal"
+  }, /*#__PURE__*/React__default.createElement(ModalCloseIcon, null))));
 };
 
 export { ModalHeader };

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

@@ -1,12 +1,9 @@
-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[];
+    addModal: (modalName: string) => void;
+    removeModal: (modalName: string) => void;
+    showModal: (modalName: string, first?: boolean) => void;
+    hideModal: (modalName: string, onCloseAction?: () => void) => void;
+    hideAllModals: (onCloseAction?: () => void) => void;
+    openModalName: string;
 };
 export default useModals;

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

@@ -1,104 +1,54 @@
-import { useState } from 'react';
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { MODALS_CONTENT_ID, MODAL_VISIBILITY_STATE } from '../modal_constants.js';
+import { useMemo, useRef, useState, useCallback } from 'react';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
 var useModals = function useModals() {
+  var modalsStackRef = useRef([]);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    modalsStack = _useState2[0],
-    setModalsStack = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    openedModals = _useState4[0],
-    setOpenedModals = _useState4[1];
-  var modalsManagerContainerSelector = "#".concat(MODALS_CONTENT_ID);
-  var addModal = function addModal(modal) {
-    setModalsStack(function (stack) {
-      var modalNameAlreadyExist = stack.some(function (stackModal) {
-        return stackModal.name === modal.name;
-      });
-      if (modalNameAlreadyExist) {
-        return _toConsumableArray(stack);
-      } else {
-        return [].concat(_toConsumableArray(stack), [modal]);
-      }
-    });
-  };
-  var updateModal = function updateModal(modal) {
-    setModalsStack(function (previousStack) {
-      var updatedStack = previousStack.map(function (stackModal) {
-        return stackModal.name === modal.name ? _objectSpread2({}, modal) : stackModal;
-      });
-      return updatedStack;
-    });
-  };
-  var getModal = function getModal(modalName) {
-    return modalsStack.find(function (stackModal) {
-      return stackModal.name === modalName;
-    });
-  };
-  var showModal = function showModal(modalName) {
+    openedModals = _useState2[0],
+    setOpenedModals = _useState2[1];
+  var addModal = useCallback(function (modalName) {
+    if (modalsStackRef.current.includes(modalName)) return;
+    modalsStackRef.current = [].concat(_toConsumableArray(modalsStackRef.current), [modalName]);
+  }, []);
+  var showModal = useCallback(function (modalName) {
+    var first = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!modalsStackRef.current.includes(modalName)) return;
     setOpenedModals(function (modals) {
-      setVisibleState(modals, MODAL_VISIBILITY_STATE.hidden);
+      if (modals.includes(modalName)) return modals;
+      if (first) return [modalName].concat(_toConsumableArray(modals));
       return [].concat(_toConsumableArray(modals), [modalName]);
     });
-    setVisibleState(modalName, MODAL_VISIBILITY_STATE.visible);
-  };
-  var hideModal = function hideModal(modalName, onCloseAction) {
+  }, []);
+  var hideModal = useCallback(function (modalName, onCloseAction) {
     setOpenedModals(function (modals) {
-      var secondToLastItem = modals[modals.length - 2];
-      setVisibleState(secondToLastItem, MODAL_VISIBILITY_STATE.visible);
-      return modals.filter(function (modal) {
-        return modal !== modalName;
+      return modals.filter(function (m) {
+        return m !== modalName;
       });
     });
-    setVisibleState(modalName, MODAL_VISIBILITY_STATE.none);
     onCloseAction && onCloseAction();
-  };
-  var hideAllModals = function hideAllModals(onCloseAction) {
+  }, []);
+  var removeModal = useCallback(function (modalName) {
+    modalsStackRef.current = modalsStackRef.current.filter(function (m) {
+      return m !== modalName;
+    });
+    hideModal(modalName);
+  }, [hideModal]);
+  var hideAllModals = useCallback(function (onCloseAction) {
     setOpenedModals([]);
-    setVisibleStatesToNone();
     onCloseAction && onCloseAction();
-  };
-  var setVisibleState = function setVisibleState(modalName, state) {
-    if (typeof modalName === 'string') {
-      setModalsStack(function (prevState) {
-        return prevState.map(function (modal) {
-          return modal.name === modalName ? _objectSpread2(_objectSpread2({}, modal), {}, {
-            visibilityState: state
-          }) : modal;
-        });
-      });
-    } else {
-      setModalsStack(function (prevState) {
-        return prevState.map(function (modal) {
-          if (!modalName) return modal;
-          return modalName.includes(modal.name) ? _objectSpread2(_objectSpread2({}, modal), {}, {
-            visibilityState: state
-          }) : modal;
-        });
-      });
-    }
-  };
-  var setVisibleStatesToNone = function setVisibleStatesToNone() {
-    setModalsStack(function (prevState) {
-      return prevState.map(function (modal) {
-        return _objectSpread2(_objectSpread2({}, modal), {}, {
-          visibilityState: MODAL_VISIBILITY_STATE.none
-        });
-      });
-    });
-  };
-  return {
-    modalsManagerContainerSelector: modalsManagerContainerSelector,
-    addModal: addModal,
-    updateModal: updateModal,
-    getModal: getModal,
-    showModal: showModal,
-    hideModal: hideModal,
-    hideAllModals: hideAllModals,
-    openedModals: openedModals
-  };
+  }, []);
+  var openModalName = openedModals[0];
+  return useMemo(function () {
+    return {
+      addModal: addModal,
+      removeModal: removeModal,
+      showModal: showModal,
+      hideModal: hideModal,
+      hideAllModals: hideAllModals,
+      openModalName: openModalName
+    };
+  }, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
 };
 
 export default useModals;

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

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

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

@@ -3,7 +3,7 @@ import { ModalsManagerContext } from '../modal_context.js';
 
 function useModalsContext() {
   var context = useContext(ModalsManagerContext);
-  if (Object.keys(context).length === 0 && context.constructor === Object) {
+  if (!context) {
     throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
   }
   return context;

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

@@ -1,11 +1,3 @@
-export declare const MODALS_CONTENT_ID = "modals-content";
-export declare const MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
-export declare const MODAL_SLIDE_FADE_DURATION = 200;
-export declare const MODAL_VISIBILITY_STATE: {
-    readonly none: "none";
-    readonly hidden: "hidden";
-    readonly visible: "visible";
-};
 export declare const MODAL_WIDTH_VARIANT: {
     readonly s: "s";
     readonly m: "m";

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

@@ -1,16 +1,8 @@
-var MODALS_CONTENT_ID = 'modals-content';
-var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
-var MODAL_SLIDE_FADE_DURATION = 200;
-var MODAL_VISIBILITY_STATE = {
-  none: 'none',
-  hidden: 'hidden',
-  visible: 'visible'
-};
 var MODAL_WIDTH_VARIANT = {
   s: 's',
   m: 'm',
   l: 'l'
 };
 
-export { MODALS_CONTENT_ID, MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODAL_SLIDE_FADE_DURATION, MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT };
+export { MODAL_WIDTH_VARIANT };
 //# sourceMappingURL=modal_constants.js.map

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

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IModalsManagerContextProps } from './modal_types';
-export declare const ModalsManagerContext: import("react").Context<IModalsManagerContextProps>;
+export declare const ModalsManagerContext: import("react").Context<IModalsManagerContextProps | null>;

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

@@ -1,17 +1,6 @@
 import { createContext } from 'react';
 
-var ModalsManagerContext = /*#__PURE__*/createContext({
-  modalsManagerContainerSelector: '',
-  addModal: function addModal() {},
-  updateModal: function updateModal() {},
-  getModal: function getModal() {
-    return undefined;
-  },
-  showModal: function showModal() {},
-  hideModal: function hideModal() {},
-  hideAllModals: function hideAllModals() {},
-  openedModals: []
-});
+var ModalsManagerContext = /*#__PURE__*/createContext(null);
 
 export { ModalsManagerContext };
 //# sourceMappingURL=modal_context.js.map

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

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

@@ -1,20 +1,12 @@
 import * as React from 'react';
-import { MODAL_VISIBILITY_STATE, MODAL_WIDTH_VARIANT } from './modal_constants';
-export declare type VisibleStates = typeof MODAL_VISIBILITY_STATE[keyof typeof MODAL_VISIBILITY_STATE];
-export interface IModal {
-    name: string;
-    visibilityState: VisibleStates;
-    width: typeof MODAL_WIDTH_VARIANT[keyof typeof MODAL_WIDTH_VARIANT];
-}
+import { MODAL_WIDTH_VARIANT } from "./modal_constants";
 export interface IModalsManagerContextProps {
-    modalsManagerContainerSelector: string;
-    addModal: (modal: IModal) => void;
-    updateModal: (modal: IModal) => void;
-    getModal: (modalName: string) => IModal | undefined;
-    showModal: (modalName: string) => void;
+    addModal: (modalName: string) => void;
+    removeModal: (modalName: string) => void;
+    showModal: (modalName: string, first?: boolean) => void;
     hideModal: (modalName: string, onCloseAction?: () => void) => void;
     hideAllModals: (onCloseAction?: () => void) => void;
-    openedModals: string[];
+    openModalName: string | undefined;
 }
 export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
     name: string;
@@ -28,16 +20,13 @@ export interface IModalNewProps extends React.HTMLAttributes<HTMLDivElement> {
     closeOnEscButton?: boolean;
     initiallyVisible?: boolean;
 }
+export declare type TModalContentProps = Pick<IModalNewProps, 'name' | 'width' | 'header' | 'footer' | 'children' | 'closeOnOutsideClick' | 'closeOnEscButton'>;
 export declare type THeaderObject = {
     hasCloseIcon?: boolean;
     content: React.ReactNode;
 };
 export interface IModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     hasCloseIcon?: boolean;
-    onClose: () => void;
 }
 export interface IModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-export interface IModalCloseIconProps extends React.HTMLAttributes<HTMLButtonElement> {
-    onClose: () => void;
-}

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

@@ -1,3 +1,3 @@
 import 'react';
-import './modal_constants';
+import '@auroraComponents/modal/modal_constants';
 //# sourceMappingURL=modal_types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal_types.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAE/B,OAA4D,mBAAmB,CAAC"}
+{"version":3,"file":"modal_types.js","sourceRoot":"","sources":["../../../../../../../src/components/modal/modal_types.ts"],"names":[],"mappings":"AAAA,OAAuB,OAAO,CAAC;AAC/B,OAAoC,yCAAyC,CAAC"}

package/build/esm/packages/aurora/src/components/modal/modal_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 { MODAL_WIDTH_VARIANT } from './modal_constants.js';
 
-var modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-opacity-0 aurora-transition-all js__modal', {
+var modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl data-[state=open]:aurora-animate-modal-slide-in data-[state=closed]:aurora-animate-modal-slide-out aurora-z-[1000] aurora-fixed aurora-top-[50%] aurora-left-[50%] aurora-translate-x-[-50%] aurora-translate-y-[-50%] js__modal', {
   variants: {
     width: _defineProperty(_defineProperty(_defineProperty({}, MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
   },

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

@@ -1,34 +1,29 @@
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { ModalsManagerContext } from './modal_context.js';
-import { ModalsWrapper } from './components/modals_wrapper.js';
 import useModals from './hooks/use_modals.js';
 
 var ModalsManager = function ModalsManager(_ref) {
   var children = _ref.children;
   var _useModals = useModals(),
-    modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
     addModal = _useModals.addModal,
-    updateModal = _useModals.updateModal,
-    getModal = _useModals.getModal,
+    removeModal = _useModals.removeModal,
     showModal = _useModals.showModal,
     hideModal = _useModals.hideModal,
     hideAllModals = _useModals.hideAllModals,
-    openedModals = _useModals.openedModals;
+    openModalName = _useModals.openModalName;
   var value = useMemo(function () {
     return {
-      modalsManagerContainerSelector: modalsManagerContainerSelector,
       addModal: addModal,
-      updateModal: updateModal,
-      getModal: getModal,
+      removeModal: removeModal,
       showModal: showModal,
       hideModal: hideModal,
       hideAllModals: hideAllModals,
-      openedModals: openedModals
+      openModalName: openModalName
     };
-  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
-  return /*#__PURE__*/React.createElement(ModalsManagerContext.Provider, {
+  }, [addModal, removeModal, showModal, hideModal, hideAllModals, openModalName]);
+  return /*#__PURE__*/React__default.createElement(ModalsManagerContext.Provider, {
     value: value
-  }, /*#__PURE__*/React.createElement(ModalsWrapper, null), children);
+  }, children);
 };
 
 export { ModalsManager };

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

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_content.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Content } from '@radix-ui/react-dropdown-menu';
@@ -9,7 +9,7 @@ import { MultiSelectSearch } from './multiselect_search.js';
 import { MultiSelectUtils } from '../multiselect_utils.js';
 
 var _excluded = ["options", "selectedOptions", "toggleOption", "triggerWidth", "hasSearch", "searchPlaceholder", "className", "searchNotFoundContent"];
-var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var MultiSelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var options = _ref.options,
     selectedOptions = _ref.selectedOptions,
     toggleOption = _ref.toggleOption,
@@ -19,23 +19,23 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className = _ref.className,
     searchNotFoundContent = _ref.searchNotFoundContent,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React.useState(''),
+  var _React$useState = React__default.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     search = _React$useState2[0],
     setSearch = _React$useState2[1];
   var searchVisibleItems = 0;
-  return /*#__PURE__*/React.createElement(Content, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Content, _objectSpread2(_objectSpread2({
     className: cn("aurora-w-[--radix-dropdown-menu-trigger-width] aurora-min-w-[20rem] aurora-max-h-96 aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-mt-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-1 aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2 js__aurora-select-dropdown aurora-group", className)
   }, props), {}, {
     ref: ref
-  }), /*#__PURE__*/React.createElement(Root, {
+  }), /*#__PURE__*/React__default.createElement(Root, {
     type: "auto",
     className: "aurora-w-full aurora-max-h-60 relative"
-  }, /*#__PURE__*/React.createElement(Viewport, {
+  }, /*#__PURE__*/React__default.createElement(Viewport, {
     className: cn('aurora-p-1 aurora-max-h-60 aurora-w-full')
-  }, hasSearch && (/*#__PURE__*/React.createElement("div", {
+  }, hasSearch && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-p-2"
-  }, /*#__PURE__*/React.createElement(MultiSelectSearch, {
+  }, /*#__PURE__*/React__default.createElement(MultiSelectSearch, {
     value: search,
     tabIndex: 0,
     onChange: function onChange(e) {
@@ -46,7 +46,7 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       e.stopPropagation();
     },
     placeholder: searchPlaceholder
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-gap-1"
   }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
     var visible = true;
@@ -57,10 +57,10 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (hasSearch && search && option.isHeader) {
       visible = MultiSelectUtils.isHeaderVisible(search, options, index);
     }
-    return option.isHeader ? (/*#__PURE__*/React.createElement(MultiSelectGroupLabel, {
+    return option.isHeader ? (/*#__PURE__*/React__default.createElement(MultiSelectGroupLabel, {
       key: option.text,
       className: cn(!visible && 'aurora-hidden')
-    }, option.text)) : (/*#__PURE__*/React.createElement(MultiSelectItem, {
+    }, option.text)) : (/*#__PURE__*/React__default.createElement(MultiSelectItem, {
       key: "select-item-".concat(option.value),
       option: option,
       isDisabled: option.isDisabled,
@@ -71,12 +71,12 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       toggleOption: toggleOption,
       className: cn(!visible && 'aurora-hidden')
     }, option.text));
-  }), !!hasSearch && !!search && !searchVisibleItems && !!searchNotFoundContent && (/*#__PURE__*/React.createElement("div", {
+  }), !!hasSearch && !!search && !searchVisibleItems && !!searchNotFoundContent && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-p-2"
-  }, searchNotFoundContent)))), /*#__PURE__*/React.createElement(Scrollbar, {
+  }, searchNotFoundContent)))), /*#__PURE__*/React__default.createElement(Scrollbar, {
     orientation: "vertical",
     className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75')
-  }, /*#__PURE__*/React.createElement(Thumb, {
+  }, /*#__PURE__*/React__default.createElement(Thumb, {
     className: "aurora-bg-neutral-700 aurora-rounded-full"
   }))));
 });

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_group_label.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../stack/stack.js';
 import { Box } from '../../box/box.js';
@@ -9,22 +9,22 @@ var _excluded = ["children"];
 var MultiSelectGroupLabel = function MultiSelectGroupLabel(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Box, _objectSpread2({
     paddings: {
       pl: '2',
       pt: '2',
       pb: '2',
       pr: '0'
     }
-  }, props), /*#__PURE__*/React.createElement(Stack, {
+  }, props), /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     spacing: "2.5"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "aurora-whitespace-nowrap first-letter:aurora-uppercase",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React.createElement(Divider, null)));
+  }, children), /*#__PURE__*/React__default.createElement(Divider, null)));
 };
 MultiSelectGroupLabel.displayName = 'MultiSelectGroupLabel';