@audius/harmony 0.5.0 → 0.5.2

package/dist/components/layout/Paper/Paper.js

@@ -0,0 +1,35 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useTheme } from '@emotion/react';
+import { Flex } from '../Flex/Flex.js';
+
+/**
+ * Base layout component used as a building block for creating pages
+ * and other components.
+ * */
+var Paper = forwardRef(function (props, ref) {
+    var _a = props.backgroundColor, backgroundColor = _a === void 0 ? 'white' : _a, _b = props.borderRadius, borderRadius = _b === void 0 ? 'm' : _b, _c = props.shadow, shadow = _c === void 0 ? 'mid' : _c, other = __rest(props, ["backgroundColor", "borderRadius", "shadow"]);
+    var onClick = other.onClick;
+    var _d = useTheme(), shadows = _d.shadows, motion = _d.motion;
+    var css = {
+        overflow: 'hidden',
+        transition: motion.hover,
+        cursor: onClick ? 'pointer' : undefined
+    };
+    var interactiveCss = {
+        '&:hover': {
+            transform: 'scale(1.01)',
+            boxShadow: shadows.far
+        },
+        '&:active': {
+            transform: 'scale(0.995)',
+            boxShadow: shadows.near,
+            transition: motion.press
+        }
+    };
+    return (jsx(Flex, __assign({ css: [css, onClick && interactiveCss], backgroundColor: backgroundColor, borderRadius: borderRadius, shadow: shadow, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, ref: ref }, other)));
+});
+
+export { Paper };
+//# sourceMappingURL=Paper.js.map

package/dist/components/layout/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/layout/Paper/Paper.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\n\nimport { Flex } from '../Flex'\n\nimport type { PaperProps } from './types'\n\n/**\n * Base layout component used as a building block for creating pages\n * and other components.\n * */\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>((props, ref) => {\n  const {\n    backgroundColor = 'white',\n    borderRadius = 'm',\n    shadow = 'mid',\n    ...other\n  } = props\n\n  const { onClick } = other\n\n  const { shadows, motion } = useTheme()\n\n  const css = {\n    overflow: 'hidden',\n    transition: motion.hover,\n    cursor: onClick ? 'pointer' : undefined\n  }\n\n  const interactiveCss = {\n    '&:hover': {\n      transform: 'scale(1.01)',\n      boxShadow: shadows.far\n    },\n    '&:active': {\n      transform: 'scale(0.995)',\n      boxShadow: shadows.near,\n      transition: motion.press\n    }\n  }\n\n  return (\n    <Flex\n      css={[css, onClick && interactiveCss]}\n      backgroundColor={backgroundColor}\n      borderRadius={borderRadius}\n      shadow={shadow}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      ref={ref}\n      {...other}\n    />\n  )\n})\n"],"names":["_jsx"],"mappings":";;;;;;AAQA;;;AAGK;IACQ,KAAK,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAE,GAAG,EAAA;AAEnE,IAAA,IAAA,EAIE,GAAA,KAAK,CAJkB,eAAA,EAAzB,eAAe,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAA,EAAA,EACzB,EAGE,GAAA,KAAK,CAHW,YAAA,EAAlB,YAAY,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EAClB,EAEE,GAAA,KAAK,CAFO,MAAA,EAAd,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACX,KAAK,GACN,MAAA,CAAA,KAAK,EALH,CAAA,iBAAA,EAAA,cAAA,EAAA,QAAA,CAKL,CADS,CACD;AAED,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV,CAAU;IAEnB,IAAA,EAAA,GAAsB,QAAQ,EAAE,EAA9B,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEtC,IAAA,IAAM,GAAG,GAAG;AACV,QAAA,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,MAAM,CAAC,KAAK;QACxB,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS;KACxC,CAAA;AAED,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,OAAO,CAAC,GAAG;AACvB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,OAAO,CAAC,IAAI;YACvB,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,SAAA;KACF,CAAA;IAED,QACEA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,GAAG,EAAE,CAAC,GAAG,EAAE,OAAO,IAAI,cAAc,CAAC,EACrC,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,EACpC,QAAQ,EAAE,OAAO,GAAG,CAAC,GAAG,SAAS,EACjC,GAAG,EAAE,GAAG,EACJ,EAAA,KAAK,CACT,CAAA,EACH;AACH,CAAC;;;;"}

package/dist/components/layout/Paper/index.d.ts

@@ -0,0 +1,3 @@
+export { Paper } from './Paper';
+export { type PaperProps, type BasePaperProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/Paper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Paper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/layout/Paper/types.d.ts

@@ -0,0 +1,28 @@
+import { ElementType } from 'react';
+import type { BorderColors } from '../../../foundations/color/semantic';
+import type { CornerRadiusOptions } from '../../../foundations/corner-radius';
+import type { ShadowOptions } from '../../../foundations/shadows';
+import type { FlexProps } from '../Flex';
+/**
+ * An elevated container which stands out from the background.
+ */
+export type BasePaperProps = {
+    /**
+     * Border type. If not provided, no border will be used.
+     * @default default
+     */
+    border?: BorderColors;
+    /**
+     * Border Radius
+     * @default m
+     */
+    borderRadius?: CornerRadiusOptions;
+    /**
+     * Elevation Shadow
+     * @default mid
+     */
+    shadow?: Exclude<ShadowOptions, 'drop'>;
+    as?: ElementType;
+};
+export type PaperProps = BasePaperProps & FlexProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/Paper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Paper/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAElC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACvC,EAAE,CAAC,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,SAAS,CAAA"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Box';
+export * from './Divider';
+export * from './Flex';
+export * from './Paper';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}

package/dist/components/loading-spinner/LoadingSpinner.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '../icon';
+import { FlexProps } from '../layout/Flex';
+type LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>;
+declare const LoadingSpinner: (props: LoadingSpinnerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

package/dist/components/loading-spinner/LoadingSpinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEhD,KAAK,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAExE,QAAA,MAAM,cAAc,UAAW,mBAAmB,qDAiBjD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/loading-spinner/LoadingSpinner.js

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import Lottie from 'lottie-react';
+import loadingSpinner from '../../assets/animations/loadingSpinner.json.js';
+import { Flex } from '../layout/Flex/Flex.js';
+
+var LoadingSpinner = function (props) {
+    var _a = props.size, size = _a === void 0 ? 'l' : _a, color = props.color, rest = __rest(props, ["size", "color"]);
+    return (jsx(Flex, __assign({ role: 'progressbar', css: function (theme) { return ({
+            height: size ? theme.iconSizes[size] : undefined,
+            width: size ? theme.iconSizes[size] : undefined,
+            g: {
+                path: { stroke: color ? theme.color.icon[color] : 'currentColor' }
+            }
+        }); } }, rest, { children: jsx(Lottie, { loop: true, autoplay: true, animationData: loadingSpinner }) })));
+};
+
+export { LoadingSpinner as default };
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/components/loading-spinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"sourcesContent":["import Lottie from 'lottie-react'\n\nimport loadingSpinner from '~harmony/assets/animations/loadingSpinner.json'\n\nimport { IconProps } from '../icon'\nimport { Flex, FlexProps } from '../layout/Flex'\n\ntype LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>\n\nconst LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const { size = 'l', color, ...rest } = props\n  return (\n    <Flex\n      role='progressbar'\n      css={(theme) => ({\n        height: size ? theme.iconSizes[size] : undefined,\n        width: size ? theme.iconSizes[size] : undefined,\n        g: {\n          path: { stroke: color ? theme.color.icon[color] : 'currentColor' }\n        }\n      })}\n      {...rest}\n    >\n      <Lottie loop autoplay animationData={loadingSpinner} />\n    </Flex>\n  )\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;AASM,IAAA,cAAc,GAAG,UAAC,KAA0B,EAAA;IACxC,IAAA,EAAA,GAA+B,KAAK,CAA1B,IAAA,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,KAAK,GAAc,KAAK,CAAA,KAAnB,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAAtC,CAAA,MAAA,EAAA,OAAA,CAA8B,CAAF,CAAU;AAC5C,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,IAAI,EAAC,aAAa,EAClB,GAAG,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AACf,YAAA,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAChD,YAAA,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAC/C,YAAA,CAAC,EAAE;gBACD,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,cAAc,EAAE;AACnE,aAAA;AACF,SAAA,IAAC,EAAA,EACE,IAAI,EAER,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAC,IAAA,EAAA,QAAQ,QAAC,aAAa,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CAClD,EACR;AACH;;;;"}

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<unknown, 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":";AA4BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAqF5C,eAAO,MAAM,KAAK,0KAmShB,CAAA"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,310 @@
+import { __awaiter, __assign, __generator } from '../../_virtual/_tslib.js';
+import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef, useState, useMemo, 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 '../../contexts/MediaContext.js';
+import '@emotion/css';
+import { IconClose } from '../../icons/individual/IconClose.js';
+import '../layout/Box/Box.js';
+import '../layout/Flex/Flex.js';
+import '../skeleton/Skeleton.js';
+import '../common/HiddenInput.js';
+import '../radio-group/RadioGroupContext.js';
+import '../text/Text.js';
+import '../input/TextInput/TextInput.js';
+import '../input/TextInput/types.js';
+import '../input/PasswordInput/PasswordInput.js';
+import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
+import '../layout/Paper/Paper.js';
+import '../button/Button/Button.js';
+import '../button/PlainButton/PlainButton.js';
+import '../button/FollowButton/FollowButton.js';
+import '../button/IconButton/IconButton.js';
+import '../button/UnstyledButton.js';
+import '../button/FilterButton/FilterButton.js';
+import '../button/FilterButton/FilterButtonOption.js';
+import '../button/BaseButton/BaseButton.js';
+import '@react-spring/web';
+import '../text-link/TextLink.js';
+import '../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../scrollbar/Scrollbar.js';
+import '../popup/Popup.js';
+import '../popup-menu/PopupMenu.js';
+import { ModalContext } from './ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import './ModalHeader.js';
+import './ModalFooter.js';
+import { Anchor } from './types.js';
+import 'numeral';
+import 'color';
+import 'lottie-react';
+import '../pill/Pill.js';
+import '../select/Select/Select.js';
+import '../checkbox/Checkbox.js';
+import '../hover-card/HoverCard.js';
+import '../../foundations/color/semantic.js';
+import '../../foundations/color/color.js';
+import '../../foundations/theme/theme.js';
+import '../internal/MenuItem.js';
+import styles from './Modal.module.css.js';
+import { findAncestor } from './findAncestor.js';
+import { useModalScrollCount } from './hooks.js';
+
+var _a, _b;
+var animatedAny = animated;
+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, isOpen, 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 (!isOpen) {
+            if (bgEl) {
+                document.body.removeChild(bgEl);
+            }
+            if (el && container) {
+                container.removeChild(el);
+            }
+            if (container) {
+                document.body.removeChild(container);
+            }
+            return;
+        }
+        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, isOpen]);
+    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, isOpenProp = _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, className = _a.className;
+    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 _p = useState('closed'), modalState = _p[0], setModalState = _p[1];
+    var isOpen = modalState !== 'closed';
+    var isDoneOpening = modalState === 'open';
+    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 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, isOpen, zIndex), modalRoot = _q[0], bgModal = _q[1];
+    var _r = useModalScrollCount(), incrementScrollCount = _r.incrementScrollCount, decrementScrollCount = _r.decrementScrollCount;
+    useScrollLock(isOpen, incrementScrollCount, decrementScrollCount);
+    useEffect(function () {
+        if (modalState === 'closed' && isOpenProp) {
+            setModalState('opening');
+        }
+        else if (modalState === 'open' && !isOpenProp) {
+            setModalState('closing');
+        }
+    }, [isOpenProp, modalState]);
+    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(isOpenProp, 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 () {
+            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();
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+        },
+        leave: { transform: 'scale(0)', opacity: 0 },
+        unique: true,
+        config: spring.standard,
+        onDestroyed: function (isDestroyed) {
+            setModalState(isDestroyed ? 'closed' : 'open');
+            if (isDestroyed) {
+                onClosed === null || onClosed === void 0 ? void 0 : onClosed();
+            }
+        }
+    });
+    var modalContentClickedRef = useRef(false);
+    var outsideClickRef = useClickOutside(onClose, isOpen, 
+    // 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) ||
+            !dismissOnClickOutside) {
+            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;
+    });
+    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, className, (_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 _s = useState(typeof window !== 'undefined' ? window.innerHeight : 0), height = _s[0], setHeight = _s[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 && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)
+            ? ReactDOM.createPortal(jsx(Fragment, { children: transition.map(function (_a) {
+                    var item = _a.item, props = _a.props, key = _a.key;
+                    if (!item)
+                        return null;
+                    var AnimatedDiv = animatedAny.div;
+                    return (jsx(AnimatedDiv, __assign({ className: wrapperClassNames, style: __assign(__assign({}, wrapperStyle), { opacity: props.opacity, height: height, minHeight: height }), ref: ref }, { children: jsx(AnimatedDiv, __assign({ ref: dismissOnClickOutside ? outsideClickRef : null, className: bodyClassNames, style: __assign(__assign(__assign({}, props), bodyOffset), bodyStyle), role: 'dialog', "aria-labelledby": titleId, "aria-describedby": subtitleId, onMouseDown: 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)
+            : null }));
+});
+
+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 { ModalState } from '~harmony/utils/modalState'\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'\nconst animatedAny = animated as any\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, isOpen: boolean, 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 (!isOpen) {\n      if (bgEl) {\n        document.body.removeChild(bgEl)\n      }\n      if (el && container) {\n        container.removeChild(el)\n      }\n\n      if (container) {\n        document.body.removeChild(container)\n      }\n\n      return\n    }\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, isOpen])\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: isOpenProp,\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    className\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 [modalState, setModalState] = useState<ModalState>('closed')\n  const isOpen = modalState !== 'closed'\n  const isDoneOpening = modalState === 'open'\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 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, isOpen, zIndex)\n  const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n  useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n  useEffect(() => {\n    if (modalState === 'closed' && isOpenProp) {\n      setModalState('opening')\n    } else if (modalState === 'open' && !isOpenProp) {\n      setModalState('closing')\n    }\n  }, [isOpenProp, modalState])\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(isOpenProp, 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      () =>\n      async (\n        next: (props: { transform: string; opacity: number }) => Promise<void>\n      ) => {\n        await next({ transform: 'scale(1)', opacity: 1 })\n      },\n    leave: { transform: 'scale(0)', opacity: 0 },\n    unique: true,\n    config: spring.standard,\n    onDestroyed: (isDestroyed: boolean) => {\n      setModalState(isDestroyed ? 'closed' : 'open')\n      if (isDestroyed) {\n        onClosed?.()\n      }\n    }\n  })\n\n  const modalContentClickedRef = useRef<boolean>(false)\n  const outsideClickRef = useClickOutside(\n    onClose,\n    isOpen,\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 (\n        !isOpen ||\n        modalContentClickedRef?.current ||\n        !dismissOnClickOutside\n      ) {\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  )\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, className, {\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\n  return (\n    <>\n      {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n        ? ReactDOM.createPortal(\n            <>\n              {transition.map(({ item, props, key }: any) => {\n                if (!item) return null\n                const AnimatedDiv = animatedAny.div as any\n                return (\n                  <AnimatedDiv\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                    <AnimatedDiv\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                      onMouseDown={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                    </AnimatedDiv>\n                  </AnimatedDiv>\n                )\n              })}\n            </>,\n            modalRoot\n          )\n        : null}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

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 { ReactNode } from 'react';
+import { ModalContentProps } from './types';
+export type ModalContentPagesProps = {
+    currentPage: number;
+    width?: number;
+    contentClassName?: string;
+    verticalPadding?: number;
+    children: ReactNode | ReactNode[];
+    /** Allows override of transition direction for next page change */
+    transitionDirection?: 'back' | 'forward';
+} & ModalContentProps;
+export declare const ModalContentPages: ({ currentPage, width, contentClassName, children, transitionDirection, ...modalContentProps }: ModalContentPagesProps) => 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,SAAS,EAAY,MAAM,OAAO,CAAA;AAUrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA0B3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACzC,GAAG,iBAAiB,CAAA;AAErB,eAAO,MAAM,iBAAiB,kGAO3B,sBAAsB,qDAmExB,CAAA"}