@audius/harmony 0.0.25

package/dist/components/modal/Modal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const Modal: (props: ModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AA0BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAqE5C,eAAO,MAAM,KAAK,sKA4RhB,CAAA"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,248 @@
+import { __awaiter, __assign, __generator } from '../../_virtual/_tslib.js';
+import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef, useMemo, useState, useCallback, useEffect, useRef } from 'react';
+import { useTheme } from '@emotion/react';
+import cn from 'classnames';
+import { capitalize } from 'lodash';
+import uniqueId from 'lodash/uniqueId';
+import ReactDOM from 'react-dom';
+import { useTransition, animated } from 'react-spring';
+import { useEffectOnce } from 'react-use';
+import { useClickOutside } from '../../hooks/useClickOutside.js';
+import { useHotkeys } from '../../hooks/useHotKeys.js';
+import { useScrollLock } from '../../hooks/useScrollLock.js';
+import { IconClose } from '../../icons/utilityIcons.js';
+import '@emotion/css';
+import styles from './Modal.module.css.js';
+import { ModalContext } from './ModalContext.js';
+import { findAncestor } from './findAncestor.js';
+import { useModalScrollCount } from './hooks.js';
+import { Anchor } from './types.js';
+
+var _a, _b;
+var rootContainer = 'modalRootContainer';
+var rootId = 'modalRoot';
+var bgId = 'bgModal';
+var wrapperClass = 'modalWrapper';
+var anchorStyleMap = (_a = {},
+    _a[Anchor.TOP] = styles.top,
+    _a[Anchor.CENTER] = styles.center,
+    _a[Anchor.BOTTOM] = styles.bottom,
+    _a);
+var anchorPropertyMap = (_b = {},
+    _b[Anchor.TOP] = 'marginTop',
+    _b[Anchor.CENTER] = 'marginTop',
+    _b[Anchor.BOTTOM] = 'marginBottom',
+    _b);
+var getOffset = function (anchor, verticalAnchorOffset) {
+    var _a;
+    return _a = {}, _a[anchorPropertyMap[anchor]] = verticalAnchorOffset, _a;
+};
+var useModalRoot = function (id, zIndex) {
+    var _a = useState(null), modalRoot = _a[0], setModalRoot = _a[1];
+    var _b = useState(null), modalBg = _b[0], setModalBg = _b[1];
+    useEffect(function () {
+        var uniqueRootId = "".concat(id, "-").concat(rootId);
+        var uniqueBgId = "".concat(id, "-").concat(bgId);
+        var uniqueRootContainerId = "".concat(id, "-").concat(rootContainer);
+        var el = document.getElementById(uniqueRootId);
+        var bgEl = document.getElementById(uniqueBgId);
+        var container = document.getElementById(uniqueRootContainerId);
+        if (!bgEl) {
+            bgEl = document.createElement('div');
+            bgEl.id = uniqueBgId;
+            bgEl.classList.add(bgId);
+            document.body.appendChild(bgEl);
+        }
+        if (!container) {
+            container = document.createElement('div');
+            container.id = uniqueRootContainerId;
+            container.classList.add(rootContainer);
+            document.body.appendChild(container);
+        }
+        if (!el) {
+            el = document.createElement('div');
+            el.id = uniqueRootId;
+            el.classList.add(rootId);
+            container.appendChild(el);
+        }
+        if (zIndex) {
+            container.style.zIndex = "".concat(zIndex);
+            el.style.zIndex = "".concat(zIndex);
+            bgEl.style.zIndex = "".concat(zIndex - 1);
+        }
+        setModalRoot(el);
+        setModalBg(bgEl);
+    }, [id, zIndex]);
+    return [modalRoot, modalBg];
+};
+var Modal = forwardRef(function Modal(_a, ref) {
+    var _b, _c, _d;
+    var _this = this;
+    var ariaDescribedbyProp = _a["aria-describedby"], ariaLabelledbyProp = _a["aria-labelledby"], modalKey = _a.modalKey, children = _a.children, onClose = _a.onClose, onClosed = _a.onClosed, isOpen = _a.isOpen, wrapperClassName = _a.wrapperClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, headerContainerClassName = _a.headerContainerClassName, _e = _a.anchor, anchor = _e === void 0 ? Anchor.CENTER : _e, subtitle = _a.subtitle, _f = _a.verticalAnchorOffset, verticalAnchorOffset = _f === void 0 ? 0 : _f, _g = _a.horizontalPadding, horizontalPadding = _g === void 0 ? 8 : _g, _h = _a.contentHorizontalPadding, contentHorizontalPadding = _h === void 0 ? 0 : _h, _j = _a.allowScroll, allowScroll = _j === void 0 ? false : _j, _k = _a.title, title = _k === void 0 ? '' : _k, _l = _a.showTitleHeader, showTitleHeader = _l === void 0 ? false : _l, _m = _a.dismissOnClickOutside, dismissOnClickOutside = _m === void 0 ? true : _m, _o = _a.showDismissButton, showDismissButton = _o === void 0 ? false : _o, zIndex = _a.zIndex, size = _a.size;
+    useEffectOnce(function () {
+        if (process.env.NODE_ENV !== 'production' &&
+            process.env.NODE_ENV !== 'development') {
+            if (subtitle ||
+                title ||
+                showTitleHeader ||
+                titleClassName ||
+                subtitleClassName ||
+                headerContainerClassName ||
+                showDismissButton) {
+                console.warn('Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.');
+            }
+            if (allowScroll !== undefined) {
+                console.warn('`allowScroll` prop of `Modal` has been deprecated.');
+            }
+        }
+    });
+    var spring = useTheme().spring;
+    var id = useMemo(function () { return modalKey || uniqueId('modal-'); }, [modalKey]);
+    var titleId = ariaLabelledbyProp || "".concat(id, "-title");
+    var subtitleId = ariaDescribedbyProp || "".concat(id, "-subtitle");
+    var _p = useState(false), isDoneOpening = _p[0], setIsDoneOpening = _p[1];
+    var modalContextValue = useMemo(function () {
+        return { titleId: titleId, subtitleId: subtitleId, onClose: onClose, isDoneOpening: isDoneOpening };
+    }, [titleId, subtitleId, onClose, isDoneOpening]);
+    var onTouchMove = useCallback(function (e) {
+        !allowScroll && e.preventDefault();
+    }, [allowScroll]);
+    var _q = useModalRoot(id, zIndex), modalRoot = _q[0], bgModal = _q[1];
+    var _r = useState(isOpen), isDestroyed = _r[0], setIsDestroyed = _r[1];
+    var _s = useModalScrollCount(), incrementScrollCount = _s.incrementScrollCount, decrementScrollCount = _s.decrementScrollCount;
+    useScrollLock(isDestroyed, incrementScrollCount, decrementScrollCount);
+    useEffect(function () {
+        if (isOpen)
+            setIsDestroyed(true);
+    }, [isOpen]);
+    useEffect(function () {
+        if (isOpen) {
+            if (bgModal) {
+                bgModal.classList.add('bgModalVisible');
+            }
+            // Need to prevent safari iOS bounce
+            // overscroll effect by intercepting
+            // touchmove events.
+            if (modalRoot)
+                modalRoot.addEventListener('touchmove', onTouchMove);
+            return function () {
+                if (bgModal)
+                    bgModal.classList.remove('bgModalVisible');
+            };
+        }
+        if (bgModal)
+            bgModal.classList.remove('bgModalVisible');
+        if (modalRoot)
+            modalRoot.removeEventListener('touchmove', onTouchMove);
+        return function () { };
+    }, [isOpen, bgModal, onTouchMove, modalRoot]);
+    var transition = useTransition(isOpen, null, {
+        from: { transform: 'scale(0)', opacity: 0 },
+        // @ts-ignore function is a valid value for enter, but the types don't acknowledge that
+        enter: function (item) {
+            return function (next) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, next({ transform: 'scale(1)', opacity: 1 })];
+                        case 1:
+                            _a.sent();
+                            if (item) {
+                                setImmediate(function () { return setIsDoneOpening(true); });
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+        },
+        leave: { transform: 'scale(0)', opacity: 0 },
+        unique: true,
+        config: spring.standard,
+        onDestroyed: function () {
+            if (!isOpen) {
+                setIsDestroyed(false);
+                setIsDoneOpening(false);
+                if (onClosed) {
+                    onClosed();
+                }
+            }
+        }
+    });
+    var modalContentClickedRef = useRef(false);
+    var outsideClickRef = useClickOutside(onClose, 
+    // Check to see if the click outside is not another modal wrapper.
+    // If it is, that means we have a nested modal situation and shouldn't
+    // dismiss "this" modal. We let the useClickOutside in "that" modal to
+    // dismiss it.
+    function (e) {
+        // Only close if we're open.
+        // Closing when we're not open can cause a race condition when opened
+        // via a click since this handler exists prior to visibility,
+        // causing the modal to open and close immediately
+        if (!isOpen || (modalContentClickedRef === null || modalContentClickedRef === void 0 ? void 0 : modalContentClickedRef.current)) {
+            modalContentClickedRef.current = false;
+            return true;
+        }
+        if (e instanceof Element) {
+            var modalElement = findAncestor(e, ".".concat(wrapperClass));
+            if (!modalElement) {
+                return false;
+            }
+            var isModalWrapper = modalElement.classList.contains(wrapperClass);
+            var isThisModalWrapper = modalElement.classList.contains("".concat(wrapperClass, "-").concat(id));
+            return isModalWrapper && !isThisModalWrapper;
+        }
+        return false;
+    }, isOpen);
+    var handleEscape = useCallback(function () {
+        if (isOpen)
+            onClose();
+    }, [isOpen, onClose]);
+    useHotkeys({ 27 /* escape */: handleEscape });
+    var wrapperClassNames = cn(styles.wrapper, anchorStyleMap[anchor], (_b = {},
+        _b[wrapperClassName] = !!wrapperClassName,
+        _b), wrapperClass, 
+    // Add a unique id class name to detect whether, if we're using
+    // click outside to dismiss the modal, the correct "outside" is being clicked.
+    "".concat(wrapperClass, "-").concat(id));
+    var wrapperStyle = {
+        paddingLeft: "".concat(horizontalPadding, "px"),
+        paddingRight: "".concat(horizontalPadding, "px")
+    };
+    /** Begin @deprecated section (favor using ModalContent sub-component)  */
+    var bodyStyle = {
+        paddingLeft: "".concat(contentHorizontalPadding, "px"),
+        paddingRight: "".concat(contentHorizontalPadding, "px")
+    };
+    /** End @deprecated section  */
+    var bodyClassNames = cn(styles.body, (_c = {},
+        _c[styles.noScroll] = !allowScroll,
+        _c[styles["size".concat(capitalize(size))]] = size,
+        _c[bodyClassName] = !!bodyClassName,
+        _c));
+    var headerContainerClassNames = cn(styles.headerContainer, (_d = {},
+        _d[headerContainerClassName] = !!headerContainerClassName,
+        _d));
+    var _t = useState(typeof window !== 'undefined' ? window.innerHeight : 0), height = _t[0], setHeight = _t[1];
+    useEffect(function () {
+        var onResize = function () {
+            setHeight(window.innerHeight);
+        };
+        window.addEventListener('resize', onResize);
+        return function () {
+            window.removeEventListener('resize', onResize);
+        };
+    }, [setHeight]);
+    var bodyOffset = getOffset(anchor, verticalAnchorOffset);
+    var handleModalContentClicked = function () {
+        modalContentClickedRef.current = true;
+    };
+    return (jsx(Fragment, { children: modalRoot &&
+            ReactDOM.createPortal(jsx(Fragment, { children: transition.map(function (_a) {
+                    var item = _a.item, props = _a.props, key = _a.key;
+                    return item && (jsx(animated.div, __assign({ className: wrapperClassNames, style: __assign(__assign({}, wrapperStyle), { opacity: props.opacity, height: height, minHeight: height }), ref: ref }, { children: jsx(animated.div, __assign({ ref: dismissOnClickOutside ? outsideClickRef : null, className: bodyClassNames, style: __assign(__assign(__assign({}, props), bodyOffset), bodyStyle), role: 'dialog', "aria-labelledby": titleId, "aria-describedby": subtitleId, onClick: handleModalContentClicked }, { children: jsxs(Fragment, { children: [showTitleHeader && (jsxs("div", __assign({ className: headerContainerClassNames }, { children: [showDismissButton && (jsx("div", __assign({ className: styles.dismissButton, onClick: onClose }, { children: jsx(IconClose, { color: 'subdued', size: 's' }) }))), jsx("div", __assign({ id: titleId, className: cn(styles.header, titleClassName) }, { children: title })), jsx("div", __assign({ id: subtitleId, className: cn(styles.subtitle, subtitleClassName) }, { children: subtitle }))] }))), jsx(ModalContext.Provider, __assign({ value: modalContextValue }, { children: children }))] }) })) }), key));
+                }) }), modalRoot) }));
+});
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n  forwardRef,\n  MouseEventHandler,\n  useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n  [Anchor.TOP]: styles.top,\n  [Anchor.CENTER]: styles.center,\n  [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n  [Anchor.TOP]: 'marginTop',\n  [Anchor.CENTER]: 'marginTop',\n  [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n  return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, zIndex?: number) => {\n  const [modalRoot, setModalRoot] = useState<HTMLElement | null>(null)\n  const [modalBg, setModalBg] = useState<HTMLElement | null>(null)\n\n  useEffect(() => {\n    const uniqueRootId = `${id}-${rootId}`\n    const uniqueBgId = `${id}-${bgId}`\n    const uniqueRootContainerId = `${id}-${rootContainer}`\n    let el = document.getElementById(uniqueRootId)\n    let bgEl = document.getElementById(uniqueBgId)\n    let container = document.getElementById(uniqueRootContainerId)\n\n    if (!bgEl) {\n      bgEl = document.createElement('div')\n      bgEl.id = uniqueBgId\n      bgEl.classList.add(bgId)\n      document.body.appendChild(bgEl)\n    }\n\n    if (!container) {\n      container = document.createElement('div')\n      container.id = uniqueRootContainerId\n      container.classList.add(rootContainer)\n      document.body.appendChild(container)\n    }\n\n    if (!el) {\n      el = document.createElement('div')\n      el.id = uniqueRootId\n      el.classList.add(rootId)\n      container.appendChild(el)\n    }\n\n    if (zIndex) {\n      container.style.zIndex = `${zIndex}`\n      el.style.zIndex = `${zIndex}`\n      bgEl.style.zIndex = `${zIndex - 1}`\n    }\n\n    setModalRoot(el)\n    setModalBg(bgEl)\n  }, [id, zIndex])\n\n  return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n  {\n    'aria-describedby': ariaDescribedbyProp,\n    'aria-labelledby': ariaLabelledbyProp,\n    modalKey,\n    children,\n    onClose,\n    onClosed,\n    isOpen,\n    wrapperClassName,\n    bodyClassName,\n    titleClassName,\n    subtitleClassName,\n    headerContainerClassName,\n    anchor = Anchor.CENTER,\n    subtitle,\n    verticalAnchorOffset = 0,\n    horizontalPadding = 8,\n    contentHorizontalPadding = 0,\n    allowScroll = false,\n    title = '',\n    showTitleHeader = false,\n    dismissOnClickOutside = true,\n    showDismissButton = false,\n    zIndex,\n    size\n  },\n  ref\n) {\n  useEffectOnce(() => {\n    if (\n      process.env.NODE_ENV !== 'production' &&\n      process.env.NODE_ENV !== 'development'\n    ) {\n      if (\n        subtitle ||\n        title ||\n        showTitleHeader ||\n        titleClassName ||\n        subtitleClassName ||\n        headerContainerClassName ||\n        showDismissButton\n      ) {\n        console.warn(\n          'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n        )\n      }\n\n      if (allowScroll !== undefined) {\n        console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n      }\n    }\n  })\n\n  const { spring } = useTheme()\n  const id = useMemo(() => modalKey || uniqueId('modal-'), [modalKey])\n  const titleId = ariaLabelledbyProp || `${id}-title`\n  const subtitleId = ariaDescribedbyProp || `${id}-subtitle`\n  const [isDoneOpening, setIsDoneOpening] = useState(false)\n  const modalContextValue = useMemo(() => {\n    return { titleId, subtitleId, onClose, isDoneOpening }\n  }, [titleId, subtitleId, onClose, isDoneOpening])\n\n  const onTouchMove = useCallback(\n    (e: any) => {\n      !allowScroll && e.preventDefault()\n    },\n    [allowScroll]\n  )\n\n  const [modalRoot, bgModal] = useModalRoot(id, zIndex)\n  const [isDestroyed, setIsDestroyed] = useState(isOpen)\n  const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n  useScrollLock(isDestroyed, incrementScrollCount, decrementScrollCount)\n\n  useEffect(() => {\n    if (isOpen) setIsDestroyed(true)\n  }, [isOpen])\n\n  useEffect(() => {\n    if (isOpen) {\n      if (bgModal) {\n        bgModal.classList.add('bgModalVisible')\n      }\n\n      // Need to prevent safari iOS bounce\n      // overscroll effect by intercepting\n      // touchmove events.\n      if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n      return () => {\n        if (bgModal) bgModal.classList.remove('bgModalVisible')\n      }\n    }\n    if (bgModal) bgModal.classList.remove('bgModalVisible')\n    if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n    return () => {}\n  }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n  const transition = useTransition(isOpen, null, {\n    from: { transform: 'scale(0)', opacity: 0 },\n    // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n    enter:\n      (item: boolean) =>\n      async (\n        next: (props: { transform: string; opacity: number }) => Promise<void>\n      ) => {\n        await next({ transform: 'scale(1)', opacity: 1 })\n        if (item) {\n          setImmediate(() => setIsDoneOpening(true))\n        }\n      },\n    leave: { transform: 'scale(0)', opacity: 0 },\n    unique: true,\n    config: spring.standard,\n    onDestroyed: () => {\n      if (!isOpen) {\n        setIsDestroyed(false)\n        setIsDoneOpening(false)\n        if (onClosed) {\n          onClosed()\n        }\n      }\n    }\n  })\n\n  const modalContentClickedRef = useRef<boolean>(false)\n  const outsideClickRef = useClickOutside(\n    onClose,\n    // Check to see if the click outside is not another modal wrapper.\n    // If it is, that means we have a nested modal situation and shouldn't\n    // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n    // dismiss it.\n    (e: EventTarget) => {\n      // Only close if we're open.\n      // Closing when we're not open can cause a race condition when opened\n      // via a click since this handler exists prior to visibility,\n      // causing the modal to open and close immediately\n      if (!isOpen || modalContentClickedRef?.current) {\n        modalContentClickedRef.current = false\n        return true\n      }\n      if (e instanceof Element) {\n        const modalElement = findAncestor(e, `.${wrapperClass}`)\n        if (!modalElement) {\n          return false\n        }\n        const isModalWrapper = modalElement.classList.contains(wrapperClass)\n        const isThisModalWrapper = modalElement.classList.contains(\n          `${wrapperClass}-${id}`\n        )\n        return isModalWrapper && !isThisModalWrapper\n      }\n      return false\n    },\n    isOpen\n  )\n\n  const handleEscape = useCallback(() => {\n    if (isOpen) onClose()\n  }, [isOpen, onClose])\n\n  useHotkeys({ 27 /* escape */: handleEscape })\n\n  const wrapperClassNames = cn(\n    styles.wrapper,\n    anchorStyleMap[anchor],\n    {\n      [wrapperClassName!]: !!wrapperClassName\n    },\n    wrapperClass,\n    // Add a unique id class name to detect whether, if we're using\n    // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n    `${wrapperClass}-${id}`\n  )\n\n  const wrapperStyle = {\n    paddingLeft: `${horizontalPadding}px`,\n    paddingRight: `${horizontalPadding}px`\n  }\n\n  /** Begin @deprecated section (favor using ModalContent sub-component)  */\n  const bodyStyle = {\n    paddingLeft: `${contentHorizontalPadding}px`,\n    paddingRight: `${contentHorizontalPadding}px`\n  }\n  /** End @deprecated section  */\n\n  const bodyClassNames = cn(styles.body, {\n    [styles.noScroll!]: !allowScroll,\n    [styles[`size${capitalize(size)}`]]: size,\n    [bodyClassName!]: !!bodyClassName\n  })\n\n  const headerContainerClassNames = cn(styles.headerContainer, {\n    [headerContainerClassName!]: !!headerContainerClassName\n  })\n\n  const [height, setHeight] = useState(\n    typeof window !== 'undefined' ? window.innerHeight : 0\n  )\n\n  useEffect(() => {\n    const onResize = () => {\n      setHeight(window.innerHeight)\n    }\n    window.addEventListener('resize', onResize)\n    return () => {\n      window.removeEventListener('resize', onResize)\n    }\n  }, [setHeight])\n\n  const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n  const handleModalContentClicked: MouseEventHandler = () => {\n    modalContentClickedRef.current = true\n  }\n  return (\n    <>\n      {modalRoot &&\n        ReactDOM.createPortal(\n          <>\n            {transition.map(\n              ({ item, props, key }) =>\n                item && (\n                  <animated.div\n                    className={wrapperClassNames}\n                    style={{\n                      ...wrapperStyle,\n                      opacity: props.opacity,\n                      height,\n                      minHeight: height\n                    }}\n                    key={key}\n                    ref={ref}\n                  >\n                    <animated.div\n                      ref={dismissOnClickOutside ? outsideClickRef : null}\n                      className={bodyClassNames}\n                      style={{ ...props, ...bodyOffset, ...bodyStyle }}\n                      role='dialog'\n                      aria-labelledby={titleId}\n                      aria-describedby={subtitleId}\n                      onClick={handleModalContentClicked}\n                    >\n                      <>\n                        {/** Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components)  */}\n                        {showTitleHeader && (\n                          <div className={headerContainerClassNames}>\n                            {showDismissButton && (\n                              <div\n                                className={styles.dismissButton}\n                                onClick={onClose}\n                              >\n                                <IconClose color='subdued' size='s' />\n                              </div>\n                            )}\n                            <div\n                              id={titleId}\n                              className={cn(styles.header, titleClassName)}\n                            >\n                              {title}\n                            </div>\n                            <div\n                              id={subtitleId}\n                              className={cn(styles.subtitle, subtitleClassName)}\n                            >\n                              {subtitle}\n                            </div>\n                          </div>\n                        )}\n                        {/** End @deprecated section  */}\n                        <ModalContext.Provider value={modalContextValue}>\n                          {children}\n                        </ModalContext.Provider>\n                      </>\n                    </animated.div>\n                  </animated.div>\n                )\n            )}\n          </>,\n          modalRoot\n        )}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAM,aAAa,GAAG,oBAAoB,CAAA;AAC1C,IAAM,MAAM,GAAG,WAAW,CAAA;AAC1B,IAAM,IAAI,GAAG,SAAS,CAAA;AACtB,IAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,IAAM,cAAc,IAAA,EAAA,GAAA,EAAA;AAClB,IAAA,EAAA,CAAC,MAAM,CAAC,GAAG,CAAG,GAAA,MAAM,CAAC,GAAG;AACxB,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAG,GAAA,MAAM,CAAC,MAAM;AAC9B,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAG,GAAA,MAAM,CAAC,MAAM;OAC/B,CAAA;AAED,IAAM,iBAAiB,IAAA,EAAA,GAAA,EAAA;AACrB,IAAA,EAAA,CAAC,MAAM,CAAC,GAAG,CAAA,GAAG,WAAW;AACzB,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,WAAW;AAC5B,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,cAAc;OAChC,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,MAAc,EAAE,oBAA4B,EAAA;;AAC7D,IAAA,OAAA,EAAA,GAAA,EAAA,EAAS,GAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA,GAAG,oBAAoB,EAAE,EAAA,CAAA;AAC9D,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,MAAe,EAAA;IACzC,IAAA,EAAA,GAA4B,QAAQ,CAAqB,IAAI,CAAC,EAA7D,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAsC,CAAA;IAC9D,IAAA,EAAA,GAAwB,QAAQ,CAAqB,IAAI,CAAC,EAAzD,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAsC,CAAA;AAEhE,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;AACtC,QAAA,IAAM,UAAU,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA;AAClC,QAAA,IAAM,qBAAqB,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,aAAa,CAAE,CAAA;QACtD,IAAI,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QAC9C,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QAE9D,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACpC,YAAA,IAAI,CAAC,EAAE,GAAG,UAAU,CAAA;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AACxB,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AAChC,SAAA;QAED,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACzC,YAAA,SAAS,CAAC,EAAE,GAAG,qBAAqB,CAAA;AACpC,YAAA,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;AACtC,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AACrC,SAAA;QAED,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAClC,YAAA,EAAE,CAAC,EAAE,GAAG,YAAY,CAAA;AACpB,YAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAA,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC1B,SAAA;AAED,QAAA,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;YACpC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;YAC7B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,MAAM,GAAG,CAAC,CAAE,CAAA;AACpC,SAAA;QAED,YAAY,CAAC,EAAE,CAAC,CAAA;QAChB,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,KAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAA;AAEhB,IAAA,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AAC7B,CAAC,CAAA;AAEY,IAAA,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACxE,EAyBC,EACD,GAAG,EAAA;;IA3BuD,IA4R3D,KAAA,GAAA,IAAA,CAAA;QA1RuB,mBAAmB,GAAA,EAAA,CAAA,kBAAA,CAAA,EACpB,kBAAkB,GAAA,EAAA,CAAA,iBAAA,CAAA,EACrC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,YAAA,EACN,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,wBAAwB,GAAA,EAAA,CAAA,wBAAA,EACxB,EAAsB,GAAA,EAAA,CAAA,MAAA,EAAtB,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,CAAC,MAAM,GAAA,EAAA,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAwB,GAAA,EAAA,CAAA,oBAAA,EAAxB,oBAAoB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EACxB,EAAqB,GAAA,EAAA,CAAA,iBAAA,EAArB,iBAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EACrB,EAA4B,GAAA,EAAA,CAAA,wBAAA,EAA5B,wBAAwB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EAC5B,EAAmB,GAAA,EAAA,CAAA,WAAA,EAAnB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAuB,GAAA,EAAA,CAAA,eAAA,EAAvB,eAAe,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAA4B,GAAA,EAAA,CAAA,qBAAA,EAA5B,qBAAqB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAC5B,EAAyB,GAAA,EAAA,CAAA,iBAAA,EAAzB,iBAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACzB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAIN,IAAA,aAAa,CAAC,YAAA;AACZ,QAAA,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;AACrC,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;AACA,YAAA,IACE,QAAQ;gBACR,KAAK;gBACL,eAAe;gBACf,cAAc;gBACd,iBAAiB;gBACjB,wBAAwB;AACxB,gBAAA,iBAAiB,EACjB;AACA,gBAAA,OAAO,CAAC,IAAI,CACV,8GAA8G,CAC/G,CAAA;AACF,aAAA;YAED,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACnE,aAAA;AACF,SAAA;AACH,KAAC,CAAC,CAAA;AAEM,IAAA,IAAA,MAAM,GAAK,QAAQ,EAAE,OAAf,CAAe;AAC7B,IAAA,IAAM,EAAE,GAAG,OAAO,CAAC,YAAM,EAAA,OAAA,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAA,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AACpE,IAAA,IAAM,OAAO,GAAG,kBAAkB,IAAI,EAAG,CAAA,MAAA,CAAA,EAAE,WAAQ,CAAA;AACnD,IAAA,IAAM,UAAU,GAAG,mBAAmB,IAAI,EAAG,CAAA,MAAA,CAAA,EAAE,cAAW,CAAA;IACpD,IAAA,EAAA,GAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACzD,IAAM,iBAAiB,GAAG,OAAO,CAAC,YAAA;AAChC,QAAA,OAAO,EAAE,OAAO,EAAA,OAAA,EAAE,UAAU,EAAA,UAAA,EAAE,OAAO,EAAA,OAAA,EAAE,aAAa,EAAA,aAAA,EAAE,CAAA;KACvD,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;AAEjD,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAAM,EAAA;AACL,QAAA,CAAC,WAAW,IAAI,CAAC,CAAC,cAAc,EAAE,CAAA;AACpC,KAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;AAEK,IAAA,IAAA,EAAuB,GAAA,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,EAA9C,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,QAA4B,CAAA;IAC/C,IAAA,EAAA,GAAgC,QAAQ,CAAC,MAAM,CAAC,EAA/C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IAChD,IAAA,EAAA,GAAiD,mBAAmB,EAAE,EAApE,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,oBAAoB,GAAA,EAAA,CAAA,oBAA0B,CAAA;AAC5E,IAAA,aAAa,CAAC,WAAW,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAA;AAEtE,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,MAAM;YAAE,cAAc,CAAC,IAAI,CAAC,CAAA;AAClC,KAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;AAEZ,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;AACxC,aAAA;;;;AAKD,YAAA,IAAI,SAAS;AAAE,gBAAA,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;YACnE,OAAO,YAAA;AACL,gBAAA,IAAI,OAAO;AAAE,oBAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACzD,aAAC,CAAA;AACF,SAAA;AACD,QAAA,IAAI,OAAO;AAAE,YAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACvD,QAAA,IAAI,SAAS;AAAE,YAAA,SAAS,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QACtE,OAAO,YAAA,GAAQ,CAAA;KAChB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;AAE7C,IAAA,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE;QAC7C,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE;;QAE3C,KAAK,EACH,UAAC,IAAa,EAAA;AACd,YAAA,OAAA,UACE,IAAsE,EAAA,EAAA,OAAA,SAAA,CAAA,KAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,YAAA;;;AAEtE,wBAAA,KAAA,CAAA,EAAA,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA,CAAA;;AAAjD,4BAAA,EAAA,CAAA,IAAA,EAAiD,CAAA;AACjD,4BAAA,IAAI,IAAI,EAAE;gCACR,YAAY,CAAC,YAAM,EAAA,OAAA,gBAAgB,CAAC,IAAI,CAAC,CAAA,EAAA,CAAC,CAAA;AAC3C,6BAAA;;;;AACF,aAAA,CAAA,CAAA,EAAA,CAAA;SAAA;QACH,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE;AAC5C,QAAA,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,MAAM,CAAC,QAAQ;AACvB,QAAA,WAAW,EAAE,YAAA;YACX,IAAI,CAAC,MAAM,EAAE;gBACX,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACvB,gBAAA,IAAI,QAAQ,EAAE;AACZ,oBAAA,QAAQ,EAAE,CAAA;AACX,iBAAA;AACF,aAAA;SACF;AACF,KAAA,CAAC,CAAA;AAEF,IAAA,IAAM,sBAAsB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAA;AACrD,IAAA,IAAM,eAAe,GAAG,eAAe,CACrC,OAAO;;;;;AAKP,IAAA,UAAC,CAAc,EAAA;;;;;QAKb,IAAI,CAAC,MAAM,KAAI,sBAAsB,KAAA,IAAA,IAAtB,sBAAsB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtB,sBAAsB,CAAE,OAAO,CAAA,EAAE;AAC9C,YAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAA;AACtC,YAAA,OAAO,IAAI,CAAA;AACZ,SAAA;QACD,IAAI,CAAC,YAAY,OAAO,EAAE;YACxB,IAAM,YAAY,GAAG,YAAY,CAAC,CAAC,EAAE,GAAI,CAAA,MAAA,CAAA,YAAY,CAAE,CAAC,CAAA;YACxD,IAAI,CAAC,YAAY,EAAE;AACjB,gBAAA,OAAO,KAAK,CAAA;AACb,aAAA;YACD,IAAM,cAAc,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpE,YAAA,IAAM,kBAAkB,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,CACxD,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,EAAE,CAAE,CACxB,CAAA;AACD,YAAA,OAAO,cAAc,IAAI,CAAC,kBAAkB,CAAA;AAC7C,SAAA;AACD,QAAA,OAAO,KAAK,CAAA;KACb,EACD,MAAM,CACP,CAAA;IAED,IAAM,YAAY,GAAG,WAAW,CAAC,YAAA;AAC/B,QAAA,IAAI,MAAM;AAAE,YAAA,OAAO,EAAE,CAAA;AACvB,KAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,UAAU,CAAC,EAAE,EAAE,eAAe,YAAY,EAAE,CAAC,CAAA;IAE7C,IAAM,iBAAiB,GAAG,EAAE,CAC1B,MAAM,CAAC,OAAO,EACd,cAAc,CAAC,MAAM,CAAC,GAAA,EAAA,GAAA,EAAA;AAEpB,QAAA,EAAA,CAAC,gBAAiB,CAAA,GAAG,CAAC,CAAC,gBAAgB;aAEzC,YAAY;;;AAGZ,IAAA,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,EAAE,CAAE,CACxB,CAAA;AAED,IAAA,IAAM,YAAY,GAAG;QACnB,WAAW,EAAE,EAAG,CAAA,MAAA,CAAA,iBAAiB,EAAI,IAAA,CAAA;QACrC,YAAY,EAAE,EAAG,CAAA,MAAA,CAAA,iBAAiB,EAAI,IAAA,CAAA;KACvC,CAAA;;AAGD,IAAA,IAAM,SAAS,GAAG;QAChB,WAAW,EAAE,EAAG,CAAA,MAAA,CAAA,wBAAwB,EAAI,IAAA,CAAA;QAC5C,YAAY,EAAE,EAAG,CAAA,MAAA,CAAA,wBAAwB,EAAI,IAAA,CAAA;KAC9C,CAAA;;AAGD,IAAA,IAAM,cAAc,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACnC,QAAA,EAAA,CAAC,MAAM,CAAC,QAAS,CAAA,GAAG,CAAC,WAAW;QAChC,EAAC,CAAA,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,UAAU,CAAC,IAAI,CAAC,CAAE,CAAC,CAAA,GAAG,IAAI;AACzC,QAAA,EAAA,CAAC,aAAc,CAAA,GAAG,CAAC,CAAC,aAAa;YACjC,CAAA;AAEF,IAAA,IAAM,yBAAyB,GAAG,EAAE,CAAC,MAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;AACzD,QAAA,EAAA,CAAC,wBAAyB,CAAA,GAAG,CAAC,CAAC,wBAAwB;YACvD,CAAA;IAEI,IAAA,EAAA,GAAsB,QAAQ,CAClC,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CACvD,EAFM,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAEvB,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,QAAQ,GAAG,YAAA;AACf,YAAA,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAC/B,SAAC,CAAA;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAChD,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAM,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAE1D,IAAA,IAAM,yBAAyB,GAAsB,YAAA;AACnD,QAAA,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAA;AACvC,KAAC,CAAA;IACD,QACEA,0BACG,SAAS;YACR,QAAQ,CAAC,YAAY,CACnBA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACG,UAAU,CAAC,GAAG,CACb,UAAC,EAAoB,EAAA;AAAlB,oBAAA,IAAA,IAAI,UAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,CAAA;AACjB,oBAAA,OAAA,IAAI,KACFD,GAAC,CAAA,QAAQ,CAAC,GAAG,EAAA,QAAA,CAAA,EACX,SAAS,EAAE,iBAAiB,EAC5B,KAAK,wBACA,YAAY,CAAA,EAAA,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAA,MAAA,EACN,SAAS,EAAE,MAAM,EAAA,CAAA,EAGnB,GAAG,EAAE,GAAG,EAER,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,QAAQ,CAAC,GAAG,aACX,GAAG,EAAE,qBAAqB,GAAG,eAAe,GAAG,IAAI,EACnD,SAAS,EAAE,cAAc,EACzB,KAAK,iCAAO,KAAK,CAAA,EAAK,UAAU,CAAK,EAAA,SAAS,CAC9C,EAAA,IAAI,EAAC,QAAQ,EAAA,iBAAA,EACI,OAAO,EACN,kBAAA,EAAA,UAAU,EAC5B,OAAO,EAAE,yBAAyB,EAAA,EAAA,EAAA,QAAA,EAElCE,4BAEG,eAAe,KACdA,IAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,yBAAyB,EAAA,EAAA,EAAA,QAAA,EAAA,CACtC,iBAAiB,KAChBF,GACE,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,OAAO,EAEhB,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAG,CAAA,EAAA,CAAA,CAClC,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAE3C,EAAA,EAAA,QAAA,EAAA,KAAK,IACF,EACNA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EAEhD,EAAA,EAAA,QAAA,EAAA,QAAQ,EACL,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,CACP,EAEDA,GAAA,CAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAC5C,QAAQ,EACa,CAAA,CAAA,CAAA,EAAA,CACvB,IACU,EA3CV,CAAA,EAAA,GAAG,CA4CK,CAChB,CAAA;AAtDD,iBAsDC,CACJ,EACA,CAAA,EACH,SAAS,CACV,EAAA,CACF,EACJ;AACH,CAAC;;;;"}

package/dist/components/modal/Modal.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"xl-min":"1440px","wrapper":"Modal-module_wrapper__SOiIT","body":"Modal-module_body__efFIt","noScroll":"Modal-module_noScroll__2JBY9","top":"Modal-module_top__fjFnw","bottom":"Modal-module_bottom__2wQ94","center":"Modal-module_center__vKgkx","headerContainer":"Modal-module_headerContainer__R1D5r","header":"Modal-module_header__oNRKC","subtitle":"Modal-module_subtitle__4um5e","dismissButton":"Modal-module_dismissButton__6ofky","sizeSmall":"Modal-module_sizeSmall__SSXFh","sizeMedium":"Modal-module_sizeMedium__zmNJd"};
+
+export { styles as default };
+//# sourceMappingURL=Modal.module.css.js.map

package/dist/components/modal/Modal.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/modal/ModalContent.d.ts

@@ -0,0 +1,6 @@
+import { ModalContentProps } from './types';
+/**
+ * Container for the body of content inside a Modal.
+ */
+export declare const ModalContent: ({ className, children, ...props }: ModalContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalContent.d.ts.map

package/dist/components/modal/ModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContent.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C;;GAEG;AACH,eAAO,MAAM,YAAY,sCAItB,iBAAiB,qDAWnB,CAAA"}

package/dist/components/modal/ModalContent.js

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useContext } from 'react';
+import cn from 'classnames';
+import { Scrollbar } from '../scrollbar/Scrollbar.js';
+import styles from './ModalContent.module.css.js';
+import { ModalContext } from './ModalContext.js';
+
+/**
+ * Container for the body of content inside a Modal.
+ */
+var ModalContent = function (_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    var isDoneOpening = useContext(ModalContext).isDoneOpening;
+    return (jsx(Scrollbar, __assign({ isHidden: !isDoneOpening, className: cn(styles.modalContentContainer, className) }, props, { children: children })));
+};
+
+export { ModalContent };
+//# sourceMappingURL=ModalContent.js.map

package/dist/components/modal/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sources":["../../../src/components/modal/ModalContent.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport cn from 'classnames'\n\nimport { Scrollbar } from '../scrollbar'\n\nimport styles from './ModalContent.module.css'\nimport { ModalContext } from './ModalContext'\nimport { ModalContentProps } from './types'\n\n/**\n * Container for the body of content inside a Modal.\n */\nexport const ModalContent = ({\n  className,\n  children,\n  ...props\n}: ModalContentProps) => {\n  const { isDoneOpening } = useContext(ModalContext)\n  return (\n    <Scrollbar\n      isHidden={!isDoneOpening}\n      className={cn(styles.modalContentContainer, className)}\n      {...props}\n    >\n      {children}\n    </Scrollbar>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;AAUA;;AAEG;AACI,IAAM,YAAY,GAAG,UAAC,EAIT,EAAA;IAHlB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,KAAK,GAHmB,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,CAI5B,CADS,CAAA;AAEA,IAAA,IAAA,aAAa,GAAK,UAAU,CAAC,YAAY,CAAC,cAA7B,CAA6B;IAClD,QACEA,GAAC,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,QAAQ,EAAE,CAAC,aAAa,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAClD,EAAA,KAAK,EAER,EAAA,QAAA,EAAA,QAAQ,EACC,CAAA,CAAA,EACb;AACH;;;;"}

package/dist/components/modal/ModalContent.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"modalContentContainer":"ModalContent-module_modalContentContainer__vRXAN"};
+
+export { styles as default };
+//# sourceMappingURL=ModalContent.module.css.js.map

package/dist/components/modal/ModalContent.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/modal/ModalContentPages.d.ts

@@ -0,0 +1,13 @@
+import { ReactChild } from 'react';
+import { ModalContentProps } from './types';
+export declare const ModalContentPages: ({ currentPage, width, contentClassName, children, ...modalContentProps }: {
+    currentPage: number;
+    width?: number | undefined;
+    contentClassName?: string | undefined;
+    verticalPadding?: number | undefined;
+    children: ReactChild | ReactChild[];
+} & import("react-perfect-scrollbar").ScrollBarProps & {
+    forward?: boolean | undefined;
+    isHidden?: boolean | undefined;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalContentPages.d.ts.map

package/dist/components/modal/ModalContentPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentPages.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContentPages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAY,MAAM,OAAO,CAAA;AAUtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAyB3C,eAAO,MAAM,iBAAiB;iBAOf,MAAM;;;;cAIT,UAAU,GAAG,UAAU,EAAE;;;;sDAgEpC,CAAA"}

package/dist/components/modal/ModalContentPages.js

@@ -0,0 +1,54 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useState, Children } from 'react';
+import { ResizeObserver } from '@juggle/resize-observer';
+import cn from 'classnames';
+import { Transition, animated } from 'react-spring/renderprops.cjs';
+import useMeasure from 'react-use-measure';
+import { ModalContent } from './ModalContent.js';
+import styles from './ModalContentPages.module.css.js';
+
+var INNER_HEIGHT_PADDING = 100;
+var defaultTransitions = {
+    initial: { opacity: 1, transform: 'translate3d(0%, 0, 0)' },
+    enter: { opacity: 1, transform: 'translate3d(0%, 0 ,0)' }
+};
+var getSwipeTransitions = function (direction) {
+    return direction === 'forward'
+        ? __assign(__assign({}, defaultTransitions), { 
+            // Next screen enters from right
+            from: { opacity: 0, transform: 'translate3d(100%, 0, 0)' }, 
+            // Current screen leaves on left
+            leave: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' } }) : __assign(__assign({}, defaultTransitions), { 
+        // Previous screen enters from left
+        from: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' }, 
+        // Current screen leaves on right
+        leave: { opacity: 0, transform: 'translate3d(100%, 0, 0)' } });
+};
+var ModalContentPages = function (_a) {
+    var currentPage = _a.currentPage, width = _a.width, contentClassName = _a.contentClassName, children = _a.children, modalContentProps = __rest(_a, ["currentPage", "width", "contentClassName", "children"]);
+    var _b = useState(0), lastPage = _b[0], setLastPage = _b[1];
+    var _c = useState(getSwipeTransitions('forward')), transitions = _c[0], setTransitions = _c[1];
+    var _d = useMeasure({
+        offsetSize: true,
+        polyfill: ResizeObserver
+    }), contentRef = _d[0], height = _d[1].height;
+    // A bit of a hack, but instead of resizing the height to the result from
+    // useMeasure, clamp it to the window height minus a padding.
+    // This makes it so that when inside a "Drawer," safe areas are respected.
+    var computedHeight = Math.min(height, window.innerHeight - INNER_HEIGHT_PADDING);
+    if (lastPage !== currentPage) {
+        setTransitions(getSwipeTransitions(currentPage > lastPage ? 'forward' : 'back'));
+        setLastPage(currentPage);
+    }
+    var modalContentClassName = modalContentProps.className, otherModalContentProps = __rest(modalContentProps, ["className"]);
+    return (jsx("div", __assign({ className: styles.transitionContainer, style: {
+            width: width ? "".concat(width, "px") : '100%',
+            height: computedHeight ? "".concat(computedHeight, "px") : '100%'
+        } }, { children: jsx(Transition, __assign({ items: currentPage, initial: transitions.initial, from: transitions.from, enter: transitions.enter, leave: transitions.leave, unique: true }, { children: function (item) { return function (style) {
+                return (jsx(animated.div, __assign({ style: __assign({}, style), className: styles.pageContainer }, { children: jsx(ModalContent, __assign({ className: cn(styles.modalContent, modalContentClassName) }, otherModalContentProps, { children: jsx("div", __assign({ className: cn(styles.nestedModalContent, contentClassName), ref: contentRef }, { children: Children.toArray(children)[item] })) })) })));
+            }; } })) })));
+};
+
+export { ModalContentPages };
+//# sourceMappingURL=ModalContentPages.js.map

package/dist/components/modal/ModalContentPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentPages.js","sources":["../../../src/components/modal/ModalContentPages.tsx"],"sourcesContent":["import { Children, ReactChild, useState } from 'react'\n\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport cn from 'classnames'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, Transition } from 'react-spring/renderprops.cjs'\nimport useMeasure from 'react-use-measure'\n\nimport { ModalContent } from './ModalContent'\nimport styles from './ModalContentPages.module.css'\nimport { ModalContentProps } from './types'\n\nconst INNER_HEIGHT_PADDING = 100\n\nconst defaultTransitions = {\n  initial: { opacity: 1, transform: 'translate3d(0%, 0, 0)' },\n  enter: { opacity: 1, transform: 'translate3d(0%, 0 ,0)' }\n}\nconst getSwipeTransitions = (direction: 'back' | 'forward') =>\n  direction === 'forward'\n    ? {\n        ...defaultTransitions,\n        // Next screen enters from right\n        from: { opacity: 0, transform: 'translate3d(100%, 0, 0)' },\n        // Current screen leaves on left\n        leave: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' }\n      }\n    : {\n        ...defaultTransitions,\n        // Previous screen enters from left\n        from: { opacity: 0, transform: 'translate3d(-100%, 0, 0)' },\n        // Current screen leaves on right\n        leave: { opacity: 0, transform: 'translate3d(100%, 0, 0)' }\n      }\n\nexport const ModalContentPages = ({\n  currentPage,\n  width,\n  contentClassName,\n  children,\n  ...modalContentProps\n}: {\n  currentPage: number\n  width?: number\n  contentClassName?: string\n  verticalPadding?: number\n  children: ReactChild | ReactChild[]\n} & ModalContentProps) => {\n  const [lastPage, setLastPage] = useState(0)\n  const [transitions, setTransitions] = useState<\n    ReturnType<typeof getSwipeTransitions>\n  >(getSwipeTransitions('forward'))\n  const [contentRef, { height }] = useMeasure({\n    offsetSize: true,\n    polyfill: ResizeObserver\n  })\n\n  // A bit of a hack, but instead of resizing the height to the result from\n  // useMeasure, clamp it to the window height minus a padding.\n  // This makes it so that when inside a \"Drawer,\" safe areas are respected.\n  const computedHeight = Math.min(\n    height,\n    window.innerHeight - INNER_HEIGHT_PADDING\n  )\n\n  if (lastPage !== currentPage) {\n    setTransitions(\n      getSwipeTransitions(currentPage > lastPage ? 'forward' : 'back')\n    )\n    setLastPage(currentPage)\n  }\n\n  const { className: modalContentClassName, ...otherModalContentProps } =\n    modalContentProps\n\n  return (\n    <div\n      className={styles.transitionContainer}\n      style={{\n        width: width ? `${width}px` : '100%',\n        height: computedHeight ? `${computedHeight}px` : '100%'\n      }}\n    >\n      <Transition\n        items={currentPage}\n        initial={transitions.initial}\n        from={transitions.from}\n        enter={transitions.enter}\n        leave={transitions.leave}\n        unique={true}\n      >\n        {(item) => (style) =>\n          (\n            <animated.div style={{ ...style }} className={styles.pageContainer}>\n              <ModalContent\n                className={cn(styles.modalContent, modalContentClassName)}\n                {...otherModalContentProps}\n              >\n                <div\n                  className={cn(styles.nestedModalContent, contentClassName)}\n                  ref={contentRef}\n                >\n                  {Children.toArray(children)[item]}\n                </div>\n              </ModalContent>\n            </animated.div>\n          )}\n      </Transition>\n    </div>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAYA,IAAM,oBAAoB,GAAG,GAAG,CAAA;AAEhC,IAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE;IAC3D,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE;CAC1D,CAAA;AACD,IAAM,mBAAmB,GAAG,UAAC,SAA6B,EAAA;IACxD,OAAA,SAAS,KAAK,SAAS;AACrB,gCACO,kBAAkB,CAAA,EAAA;;YAErB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE;;AAE1D,YAAA,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,EAEhE,CAAA,yBACO,kBAAkB,CAAA,EAAA;;QAErB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE;;QAE3D,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,EAC5D,CAAA,CAAA;AAdL,CAcK,CAAA;AAEA,IAAM,iBAAiB,GAAG,UAAC,EAYb,EAAA;AAXnB,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,KAAK,WAAA,EACL,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACL,iBAAiB,GAAA,MAAA,CAAA,EAAA,EALY,wDAMjC,CADqB,CAAA;IAQd,IAAA,EAAA,GAA0B,QAAQ,CAAC,CAAC,CAAC,EAApC,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAe,CAAA;AACrC,IAAA,IAAA,EAAgC,GAAA,QAAQ,CAE5C,mBAAmB,CAAC,SAAS,CAAC,CAAC,EAF1B,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,QAED,CAAA;IAC3B,IAAA,EAAA,GAA2B,UAAU,CAAC;AAC1C,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,cAAc;AACzB,KAAA,CAAC,EAHK,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAI,MAAM,eAGzB,CAAA;;;;AAKF,IAAA,IAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,MAAM,EACN,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAC1C,CAAA;IAED,IAAI,QAAQ,KAAK,WAAW,EAAE;AAC5B,QAAA,cAAc,CACZ,mBAAmB,CAAC,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,CACjE,CAAA;QACD,WAAW,CAAC,WAAW,CAAC,CAAA;AACzB,KAAA;IAEO,IAAW,qBAAqB,GACtC,iBAAiB,CADqB,SAAA,EAAK,sBAAsB,GAAA,MAAA,CACjE,iBAAiB,EADb,CAA+D,WAAA,CAAA,CAAF,CAChD;IAEnB,QACEA,sBACE,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,EAAI,IAAA,CAAA,GAAG,MAAM;YACpC,MAAM,EAAE,cAAc,GAAG,EAAG,CAAA,MAAA,CAAA,cAAc,EAAI,IAAA,CAAA,GAAG,MAAM;AACxD,SAAA,EAAA,EAAA,EAAA,QAAA,EAEDA,IAAC,UAAU,EAAA,QAAA,CAAA,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,MAAM,EAAE,IAAI,EAEX,EAAA,EAAA,QAAA,EAAA,UAAC,IAAI,EAAK,EAAA,OAAA,UAAC,KAAK,EAAA;AACf,gBAAA,QACEA,GAAA,CAAC,QAAQ,CAAC,GAAG,EAAA,QAAA,CAAA,EAAC,KAAK,EAAA,QAAA,CAAA,EAAA,EAAO,KAAK,CAAA,EAAI,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,EAAA,EAAA,QAAA,EAChEA,GAAC,CAAA,YAAY,EACX,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAAA,EACrD,sBAAsB,EAAA,EAAA,QAAA,EAE1BA,GACE,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,EAAE,gBAAgB,CAAC,EAC1D,GAAG,EAAE,UAAU,EAAA,EAAA,EAAA,QAAA,EAEd,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAA,CAAA,CAC7B,EACO,CAAA,CAAA,EAAA,CAAA,CACF,EAChB;AAdD,aAcC,CAfQ,EAeR,EACQ,CAAA,CAAA,EAAA,CAAA,CACT,EACP;AACH;;;;"}

package/dist/components/modal/ModalContentPages.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"transitionContainer":"ModalContentPages-module_transitionContainer__6-mQB","modalContent":"ModalContentPages-module_modalContent__uM7ZM","nestedModalContent":"ModalContentPages-module_nestedModalContent__-BH-w"};
+
+export { styles as default };
+//# sourceMappingURL=ModalContentPages.module.css.js.map

package/dist/components/modal/ModalContentPages.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentPages.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/modal/ModalContentText.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+type ModalContentTextProps = ComponentProps<'p'>;
+export declare const ModalContentText: (props: ModalContentTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModalContentText.d.ts.map

package/dist/components/modal/ModalContentText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentText.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContentText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAA;AAEhD,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,qDAG5D,CAAA"}

package/dist/components/modal/ModalContentText.js

@@ -0,0 +1,12 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import cn from 'classnames';
+import styles from './ModalContentText.module.css.js';
+
+var ModalContentText = function (props) {
+    var className = props.className, other = __rest(props, ["className"]);
+    return jsx("p", __assign({ className: cn(styles.root, className) }, other));
+};
+
+export { ModalContentText };
+//# sourceMappingURL=ModalContentText.js.map

package/dist/components/modal/ModalContentText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentText.js","sources":["../../../src/components/modal/ModalContentText.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './ModalContentText.module.css'\n\ntype ModalContentTextProps = ComponentProps<'p'>\n\nexport const ModalContentText = (props: ModalContentTextProps) => {\n  const { className, ...other } = props\n  return <p className={cn(styles.root, className)} {...other} />\n}\n"],"names":["_jsx"],"mappings":";;;;;AAQO,IAAM,gBAAgB,GAAG,UAAC,KAA4B,EAAA;IACnD,IAAA,SAAS,GAAe,KAAK,CAApB,SAAA,EAAK,KAAK,GAAA,MAAA,CAAK,KAAK,EAA/B,CAAuB,WAAA,CAAA,CAAF,CAAU;AACrC,IAAA,OAAOA,GAAG,CAAA,GAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,EAAA,KAAK,EAAI,CAAA;AAChE;;;;"}

package/dist/components/modal/ModalContentText.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"ModalContentText-module_root__85J0b"};
+
+export { styles as default };
+//# sourceMappingURL=ModalContentText.module.css.js.map

package/dist/components/modal/ModalContentText.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContentText.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/modal/ModalContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ModalContextValue {
+    titleId?: string;
+    subtitleId?: string;
+    isDoneOpening?: boolean;
+    onClose?: () => void;
+}
+export declare const ModalContext: import("react").Context<ModalContextValue>;
+export {};
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/components/modal/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContext.tsx"],"names":[],"mappings":";AAEA,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,4CAAuC,CAAA"}

package/dist/components/modal/ModalContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var ModalContext = createContext({});
+
+export { ModalContext };
+//# sourceMappingURL=ModalContext.js.map

package/dist/components/modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sources":["../../../src/components/modal/ModalContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\ninterface ModalContextValue {\n  titleId?: string\n  subtitleId?: string\n  isDoneOpening?: boolean\n  onClose?: () => void\n}\n\nexport const ModalContext = createContext<ModalContextValue>({})\n"],"names":[],"mappings":";;IASa,YAAY,GAAG,aAAa,CAAoB,EAAE;;;;"}

package/dist/components/modal/ModalFooter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ModalFooterProps } from './types';
+/**
+ * Footer component to be used inside modals
+ */
+export declare const ModalFooter: (props: ModalFooterProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=ModalFooter.d.ts.map

package/dist/components/modal/ModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C;;GAEG;AACH,eAAO,MAAM,WAAW,4KAYvB,CAAA"}

package/dist/components/modal/ModalFooter.js

@@ -0,0 +1,16 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import styles from './ModalFooter.module.css.js';
+
+/**
+ * Footer component to be used inside modals
+ */
+var ModalFooter = forwardRef(function ModalFooter(_a, ref) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (jsx("div", __assign({ className: cn(styles.modalFooterContainer, className) }, props, { ref: ref }, { children: children })));
+});
+
+export { ModalFooter };
+//# sourceMappingURL=ModalFooter.js.map

package/dist/components/modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sources":["../../../src/components/modal/ModalFooter.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './ModalFooter.module.css'\nimport { ModalFooterProps } from './types'\n\n/**\n * Footer component to be used inside modals\n */\nexport const ModalFooter = forwardRef<HTMLDivElement, ModalFooterProps>(\n  function ModalFooter({ className, children, ...props }, ref) {\n    return (\n      <div\n        className={cn(styles.modalFooterContainer, className)}\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;AAOA;;AAEG;AACU,IAAA,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAiC,EAAE,GAAG,EAAA;IAApC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,GAA/B,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,UAAA,CAAiC,CAAF,CAAA;IAClD,QACEA,sBACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EACjD,EAAA,KAAK,IACT,GAAG,EAAE,GAAG,EAEP,EAAA,EAAA,QAAA,EAAA,QAAQ,EACL,CAAA,CAAA,EACP;AACH,CAAC;;;;"}

package/dist/components/modal/ModalFooter.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"modalFooterContainer":"ModalFooter-module_modalFooterContainer__ppau4"};
+
+export { styles as default };
+//# sourceMappingURL=ModalFooter.module.css.js.map

package/dist/components/modal/ModalFooter.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/modal/ModalHeader.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+/**
+ * Header component to be used inside modals
+ */
+export declare const ModalHeader: (props: import("react").HTMLAttributes<HTMLDivElement> & {
+    dismissButtonClassName?: string | undefined;
+    showDismissButton?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+/**
+ * Title component to be used inside modal headers
+ */
+export declare const ModalTitle: (props: Omit<import("react").HTMLAttributes<HTMLDivElement>, "title"> & {
+    subtitleClassName?: string | undefined;
+    icon?: import("react").ReactNode;
+    iconClassName?: string | undefined;
+    title: import("react").ReactNode;
+    titleClassName?: string | undefined;
+    subtitle?: import("react").ReactNode;
+    titleId?: string | undefined;
+    subtitleId?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=ModalHeader.d.ts.map

package/dist/components/modal/ModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;mJA2CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;mJAuCtB,CAAA"}