@ultraviolet/ui 1.61.1 → 1.63.0

package/dist/components/Modal/index.js

@@ -1,19 +1,8 @@
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { useState, useId, useCallback } from "react";
-import { Button } from "../Button/index.js";
-import { Dialog } from "./Dialog.js";
-import { Disclosure } from "./Disclosure.js";
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ebywm9u0"
-} : {
-  target: "ebywm9u0",
-  label: "StyledContainer"
-})("position:absolute;top:", ({
-  theme
-}) => theme.space["2"], ";right:", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlSWQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL0RpYWxvZydcbmltcG9ydCB7IERpc2Nsb3N1cmUgfSBmcm9tICcuL0Rpc2Nsb3N1cmUnXG5pbXBvcnQgdHlwZSB7IE1vZGFsUGxhY2VtZW50LCBNb2RhbFNpemUsIE1vZGFsU3RhdGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBpZD86IHN0cmluZ1xuICBoaWRlT25Fc2M/OiBib29sZWFuXG4gIGhpZGVPbkNsaWNrT3V0c2lkZT86IGJvb2xlYW5cbiAgcHJldmVudEJvZHlTY3JvbGw/OiBib29sZWFuXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBkaXNjbG9zdXJlPzogUmVhY3RFbGVtZW50IHwgKChzdGF0ZTogTW9kYWxTdGF0ZSkgPT4gUmVhY3RFbGVtZW50KVxuICBpc0Nsb3NhYmxlPzogYm9vbGVhblxuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBvbkJlZm9yZUNsb3NlPzogKCkgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWRcbiAgb3Blbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIG9wZW4gcHJvcCBpbnN0ZWFkXG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIHBsYWNlbWVudD86IE1vZGFsUGxhY2VtZW50XG4gIHNpemU/OiBNb2RhbFNpemVcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIHNpemUgcHJvcCBpbnN0ZWFkXG4gICAqL1xuICB3aWR0aD86IE1vZGFsU2l6ZVxuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChhcmdzOiBNb2RhbFN0YXRlKSA9PiBSZWFjdE5vZGUpXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGJhY2tkcm9wQ2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBZb3Ugc2hvdWxkIHVzZSBiYWNrZHJvcENsYXNzTmFtZSBpbnN0ZWFkXG4gICAqL1xuICBjdXN0b21EaWFsb2dCYWNrZHJvcFN0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgWW91IHNob3VsZCB1c2UgY2xhc3NOYW1lIGluc3RlYWRcbiAgICovXG4gIGN1c3RvbURpYWxvZ1N0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbi8qKlxuICogTW9kYWwgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgeW91IHRvIGRpc3BsYXkgY29udGVudCBvbiB0b3Agb2Ygb3RoZXIgY29udGVudC5cbiAqIEl0IGlzIG9mdGVuIHVzZWQgdG8gZGlzcGxheSBhIGRpYWxvZyB3aXRoIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgdG8gYXNrIGZvciBhIGNvbmZpcm1hdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgYXJpYUxhYmVsID0gJ21vZGFsJyxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUgPSB0cnVlLFxuICBoaWRlT25Fc2MgPSB0cnVlLFxuICBpc0Nsb3NhYmxlID0gdHJ1ZSxcbiAgb25DbG9zZSxcbiAgb25CZWZvcmVDbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBvcGVuZWQgPSBmYWxzZSxcbiAgcGxhY2VtZW50ID0gJ2NlbnRlcicsXG4gIHByZXZlbnRCb2R5U2Nyb2xsID0gdHJ1ZSxcbiAgc2l6ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgd2lkdGggPSAnc21hbGwnLFxuICBjdXN0b21EaWFsb2dTdHlsZXMsXG4gIGN1c3RvbURpYWxvZ0JhY2tkcm9wU3R5bGVzLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICAvLyBVc2VkIGZvciBkaXNjbG9zdXJlIHVzYWdlIG9ubHlcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IGNvbnRyb2xJZCA9IHVzZUlkKClcblxuICBjb25zdCBoYW5kbGVPcGVuID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFZpc2libGUodHJ1ZSlcbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKG9uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBwcm9taXNlID0gb25CZWZvcmVDbG9zZT8uKClcbiAgICAgIGlmIChwcm9taXNlICYmICdjYXRjaCcgaW4gcHJvbWlzZSkge1xuICAgICAgICBwcm9taXNlLmNhdGNoKCgpID0+IG51bGwpXG4gICAgICB9XG4gICAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICAgIH1cbiAgfSwgW29uQmVmb3JlQ2xvc2UsIG9uQ2xvc2VdKVxuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGN1cnJlbnQgPT4gIWN1cnJlbnQpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGZpbmFsSWQgPSBpZCA/PyBjb250cm9sSWRcbiAgY29uc3QgZmluYWxTaXplID0gc2l6ZSA/PyB3aWR0aFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtkaXNjbG9zdXJlID8gKFxuICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICAgIGhhbmRsZU9wZW49e2hhbmRsZU9wZW59XG4gICAgICAgICAgZGlzY2xvc3VyZT17ZGlzY2xvc3VyZX1cbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgICAgICB0b2dnbGU9e2hhbmRsZVRvZ2dsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXt2aXNpYmxlIHx8IG9wZW4gfHwgb3BlbmVkfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgc2l6ZT17ZmluYWxTaXplfVxuICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgICBwcmV2ZW50Qm9keVNjcm9sbD17cHJldmVudEJvZHlTY3JvbGx9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgYmFja2Ryb3BDbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgaWQ9e2ZpbmFsSWR9XG4gICAgICAgIGRpYWxvZ0Nzcz17Y3VzdG9tRGlhbG9nU3R5bGVzfVxuICAgICAgICBiYWNrZHJvcENzcz17Y3VzdG9tRGlhbG9nQmFja2Ryb3BTdHlsZXN9XG4gICAgICA+XG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbih7XG4gICAgICAgICAgICAgICAgdmlzaWJsZSxcbiAgICAgICAgICAgICAgICBvbkNsb3NlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBvbk9wZW46IGhhbmRsZU9wZW4sXG4gICAgICAgICAgICAgICAgdG9nZ2xlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbW9kYWxJZDogZmluYWxJZCxcbiAgICAgICAgICAgICAgICBoaWRlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBjbG9zZTogaGFuZGxlQ2xvc2UsXG4gICAgICAgICAgICAgICAgc2hvdzogaGFuZGxlT3BlbixcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICAgIHtpc0Nsb3NhYmxlID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1xuICAgICAgICAgICAgICAgICAgZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWNsb3NlLWJ1dHRvbmAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8Lz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
+import { useState, useId, useCallback, useContext } from "react";
+import { ModalContent } from "./ModalContent.js";
+import { ModalContext, ModalProvider } from "./ModalProvider.js";
+import { Disclosure } from "./components/Disclosure.js";
 const Modal = ({
   ariaLabel = "modal",
   id,
@@ -57,21 +46,10 @@ const Modal = ({
   }, []);
   const finalId = id ?? controlId;
   const finalSize = size ?? width;
+  const context = useContext(ModalContext);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     disclosure ? /* @__PURE__ */ jsx(Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
-    /* @__PURE__ */ jsx(Dialog, { open: visible || open || opened, placement, size: finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, onClose: handleClose, className, backdropClassName, "data-testid": dataTestId, id: finalId, dialogCss: customDialogStyles, backdropCss: customDialogBackdropStyles, children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      typeof children === "function" ? children({
-        visible,
-        onClose: handleClose,
-        onOpen: handleOpen,
-        toggle: handleToggle,
-        modalId: finalId,
-        hide: handleClose,
-        close: handleClose,
-        show: handleOpen
-      }) : children,
-      /* @__PURE__ */ jsx(StyledContainer, { children: isClosable ? /* @__PURE__ */ jsx(Button, { "data-testid": dataTestId ? `${dataTestId}-close-button` : void 0, onClick: handleClose, variant: "ghost", size: "small", icon: "close", sentiment: "neutral", "aria-label": "close" }) : null })
-    ] }) })
+    !context ? /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(ModalContent, { open, opened, visible, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, customDialogStyles, customDialogBackdropStyles, isClosable, handleOpen, handleToggle, finalId, children }) }) : /* @__PURE__ */ jsx(ModalContent, { open, opened, visible, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, customDialogStyles, customDialogBackdropStyles, isClosable, handleOpen, handleToggle, finalId, children })
   ] });
 };
 export {