@audius/harmony 0.0.25

package/dist/components/modal/ModalHeader.js

@@ -0,0 +1,41 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { forwardRef, useContext, useCallback } from 'react';
+import cn from 'classnames';
+import { IconClose } from '../../icons/utilityIcons.js';
+import '@emotion/react';
+import '@emotion/css';
+import '../button/Button/Button.js';
+import '../button/PlainButton/PlainButton.js';
+import '../button/FollowButton/FollowButton.js';
+import '../button/FilterButton/FilterButton.js';
+import { IconButton } from '../button/IconButton/IconButton.js';
+import { ModalContext } from './ModalContext.js';
+import styles from './ModalHeader.module.css.js';
+
+/**
+ * Header component to be used inside modals
+ */
+var ModalHeader = forwardRef(function ModalHeader(_a, ref) {
+    var _b;
+    var className = _a.className, onCloseProp = _a.onClose, dismissButtonClassName = _a.dismissButtonClassName, _c = _a.showDismissButton, showDismissButton = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["className", "onClose", "dismissButtonClassName", "showDismissButton", "children"]);
+    var onClose = useContext(ModalContext).onClose;
+    var handleClose = useCallback(function () {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
+    }, [onClose, onCloseProp]);
+    return (jsxs("div", __assign({ className: cn(styles.headerContainer, (_b = {}, _b[styles.noDismissButton] = !showDismissButton, _b), className), ref: ref }, props, { children: [showDismissButton ? (jsx(IconButton, { "aria-label": 'dismiss dialog', className: cn(styles.dismissButton, dismissButtonClassName), icon: IconClose, color: 'subdued', size: 's', onClick: handleClose })) : null, children] })));
+});
+/**
+ * Title component to be used inside modal headers
+ */
+var ModalTitle = forwardRef(function ModalTitle(_a, ref) {
+    var subtitleClassName = _a.subtitleClassName, icon = _a.icon, iconClassName = _a.iconClassName, title = _a.title, titleClassName = _a.titleClassName, subtitle = _a.subtitle, titleIdProp = _a.titleId, subtitleIdProp = _a.subtitleId, props = __rest(_a, ["subtitleClassName", "icon", "iconClassName", "title", "titleClassName", "subtitle", "titleId", "subtitleId"]);
+    var modalContext = useContext(ModalContext);
+    var titleId = titleIdProp || modalContext.titleId;
+    var subtitleId = subtitleIdProp || modalContext.subtitleId;
+    return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: styles.titleContainer }, props, { ref: ref }, { children: [icon == null ? null : (jsx("div", __assign({ className: cn(styles.icon, iconClassName) }, { children: icon }))), jsx("h2", __assign({ id: titleId, className: cn(styles.title, titleClassName) }, { children: title }))] })), subtitle == null ? null : (jsx("div", __assign({ className: cn(styles.subtitleContainer, subtitleClassName) }, { children: jsx("h3", __assign({ id: subtitleId, className: styles.subtitle }, { children: subtitle })) })))] }));
+});
+
+export { ModalHeader, ModalTitle };
+//# sourceMappingURL=ModalHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/modal/ModalHeader.tsx"],"sourcesContent":["import { useContext, forwardRef, useCallback } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconClose } from '../../icons'\nimport { IconButton } from '../button'\n\nimport { ModalContext } from './ModalContext'\nimport styles from './ModalHeader.module.css'\nimport { ModalHeaderProps, ModalTitleProps } from './types'\n\n/**\n * Header component to be used inside modals\n */\nexport const ModalHeader = forwardRef<HTMLDivElement, ModalHeaderProps>(\n  function ModalHeader(\n    {\n      className,\n      onClose: onCloseProp,\n      dismissButtonClassName,\n      showDismissButton = true,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    const { onClose } = useContext(ModalContext)\n\n    const handleClose = useCallback(() => {\n      onClose?.()\n      onCloseProp?.()\n    }, [onClose, onCloseProp])\n\n    return (\n      <div\n        className={cn(\n          styles.headerContainer,\n          { [styles.noDismissButton]: !showDismissButton },\n          className\n        )}\n        ref={ref}\n        {...props}\n      >\n        {showDismissButton ? (\n          <IconButton\n            aria-label='dismiss dialog'\n            className={cn(styles.dismissButton, dismissButtonClassName)}\n            icon={IconClose}\n            color='subdued'\n            size='s'\n            onClick={handleClose}\n          />\n        ) : null}\n        {children}\n      </div>\n    )\n  }\n)\n\n/**\n * Title component to be used inside modal headers\n */\nexport const ModalTitle = forwardRef<HTMLDivElement, ModalTitleProps>(\n  function ModalTitle(\n    {\n      subtitleClassName,\n      icon,\n      iconClassName,\n      title,\n      titleClassName,\n      subtitle,\n      titleId: titleIdProp,\n      subtitleId: subtitleIdProp,\n      ...props\n    },\n    ref\n  ) {\n    const modalContext = useContext(ModalContext)\n    const titleId = titleIdProp || modalContext.titleId\n    const subtitleId = subtitleIdProp || modalContext.subtitleId\n\n    return (\n      <>\n        <div className={styles.titleContainer} {...props} ref={ref}>\n          {icon == null ? null : (\n            <div className={cn(styles.icon, iconClassName)}>{icon}</div>\n          )}\n          <h2 id={titleId} className={cn(styles.title, titleClassName)}>\n            {title}\n          </h2>\n        </div>\n        {subtitle == null ? null : (\n          <div className={cn(styles.subtitleContainer, subtitleClassName)}>\n            <h3 id={subtitleId} className={styles.subtitle}>\n              {subtitle}\n            </h3>\n          </div>\n        )}\n      </>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var styles = {"modalContentContainer":"ModalHeader-module_modalContentContainer__WEOY8","headerContainer":"ModalHeader-module_headerContainer__9IIIt","dismissButton":"ModalHeader-module_dismissButton__90kKN","titleContainer":"ModalHeader-module_titleContainer__SKeCw","noDismissButton":"ModalHeader-module_noDismissButton__Ez3S-","title":"ModalHeader-module_title__L8pJa","subtitleContainer":"ModalHeader-module_subtitleContainer__DnxPs","subtitle":"ModalHeader-module_subtitle__oICwK","icon":"ModalHeader-module_icon__3f1fi"};
+
+export { styles as default };
+//# sourceMappingURL=ModalHeader.module.css.js.map

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

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

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

@@ -0,0 +1,7 @@
+/**
+ * Legacy browser support for `Element.closest`
+ * @param el
+ * @param selector query selector
+ */
+export declare const findAncestor: (el: Element | null, selector: string) => Element | null;
+//# sourceMappingURL=findAncestor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findAncestor.d.ts","sourceRoot":"","sources":["../../../src/components/modal/findAncestor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY,OAAQ,OAAO,GAAG,IAAI,YAAY,MAAM,mBAWhE,CAAA"}

package/dist/components/modal/findAncestor.js

@@ -0,0 +1,20 @@
+/**
+ * Legacy browser support for `Element.closest`
+ * @param el
+ * @param selector query selector
+ */
+var findAncestor = function (el, selector) {
+    var _a;
+    if (el !== null && el.closest) {
+        return el.closest(selector);
+    }
+    // Fall back to just looping back through parents
+    while ((el = (_a = el === null || el === void 0 ? void 0 : el.parentElement) !== null && _a !== void 0 ? _a : null) &&
+        // @ts-ignore
+        !(el.matches || el.matchesSelector).call(el, selector))
+        ;
+    return el;
+};
+
+export { findAncestor };
+//# sourceMappingURL=findAncestor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findAncestor.js","sources":["../../../src/components/modal/findAncestor.ts"],"sourcesContent":["/**\n * Legacy browser support for `Element.closest`\n * @param el\n * @param selector query selector\n */\nexport const findAncestor = (el: Element | null, selector: string) => {\n  if (el !== null && el.closest) {\n    return el.closest(selector)\n  }\n  // Fall back to just looping back through parents\n  while (\n    (el = el?.parentElement ?? null) &&\n    // @ts-ignore\n    !(el.matches || el.matchesSelector).call(el, selector)\n  );\n  return el\n}\n"],"names":[],"mappings":"AAAA;;;;AAIG;AACU,IAAA,YAAY,GAAG,UAAC,EAAkB,EAAE,QAAgB,EAAA;;AAC/D,IAAA,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE;AAC7B,QAAA,OAAO,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;AAC5B,KAAA;;AAED,IAAA,OACE,CAAC,EAAE,GAAG,CAAA,EAAA,GAAA,EAAE,KAAA,IAAA,IAAF,EAAE,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAF,EAAE,CAAE,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,IAAI;;AAE/B,QAAA,CAAC,CAAC,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;QACvD,CAAC;AACF,IAAA,OAAO,EAAE,CAAA;AACX;;;;"}

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

@@ -0,0 +1,8 @@
+export declare const setOverflowHidden: () => void;
+export declare const removeOverflowHidden: () => void;
+export declare const setModalRootTop: () => void;
+export declare const useModalScrollCount: () => {
+    incrementScrollCount: () => void;
+    decrementScrollCount: () => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/modal/hooks.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAE7B,CAAA;AAED,eAAO,MAAM,oBAAoB,YAEhC,CAAA;AAED,eAAO,MAAM,eAAe,YAM3B,CAAA;AAID,eAAO,MAAM,mBAAmB;;;CAgD/B,CAAA"}

package/dist/components/modal/hooks.js

@@ -0,0 +1,66 @@
+import { useState, useEffect, useCallback } from 'react';
+
+var setOverflowHidden = function () {
+    document.body.setAttribute('style', 'overflow:hidden;');
+};
+var removeOverflowHidden = function () {
+    document.body.setAttribute('style', '');
+};
+var setModalRootTop = function () {
+    var root = document.getElementById('modalRootContainer');
+    var scrollY = typeof window !== 'undefined' ? window.scrollY : 0;
+    if (root) {
+        root.setAttribute('style', "top: ".concat(scrollY, "px"));
+    }
+};
+var modalCount = 0;
+var useModalScrollCount = function () {
+    // Keep a state toggle to trigger recomputations of the effect
+    var _a = useState(false), toggle = _a[0], setToggle = _a[1];
+    var _b = useState(false), isOverflowHidden = _b[0], setIsOverflowHidden = _b[1];
+    useEffect(function () {
+        if (!isOverflowHidden && modalCount > 0) {
+            setIsOverflowHidden(true);
+            setOverflowHidden();
+            setModalRootTop();
+        }
+        else if (isOverflowHidden && modalCount === 0) {
+            setIsOverflowHidden(false);
+            removeOverflowHidden();
+        }
+        return function () {
+            /**
+             * On cleanup of the `useScrollLock` hook, if the modal is open,
+             * the count is decremented. Because the cleanup of this method
+             * depends on the cleanup of `useScrollLock`, setImmediate is
+             * used to push this check to the end of the event loop.
+             * This guarantees that the getCount call will return
+             * an updated number. Else, getCount() may non-deterministically
+             * return 0 or 1 on cleanup of a final modal.
+             * NOTE: This should only be triggered on un-mount when not closed
+             */
+            setImmediate(function () {
+                if (isOverflowHidden && modalCount === 0) {
+                    removeOverflowHidden();
+                }
+            });
+        };
+    }, [isOverflowHidden, toggle]);
+    var incrementScrollCount = useCallback(function () {
+        modalCount = modalCount + 1;
+        setToggle(function (toggle) { return !toggle; });
+    }, [setToggle]);
+    var decrementScrollCount = useCallback(function () {
+        // Though we should in theory never be decrementing past zero, getting into
+        // that state would be bad for us, so guard against it defensively
+        modalCount = Math.max(0, modalCount - 1);
+        setToggle(function (toggle) { return !toggle; });
+    }, [setToggle]);
+    return {
+        incrementScrollCount: incrementScrollCount,
+        decrementScrollCount: decrementScrollCount
+    };
+};
+
+export { removeOverflowHidden, setModalRootTop, setOverflowHidden, useModalScrollCount };
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../../src/components/modal/hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\nexport const setOverflowHidden = () => {\n  document.body.setAttribute('style', 'overflow:hidden;')\n}\n\nexport const removeOverflowHidden = () => {\n  document.body.setAttribute('style', '')\n}\n\nexport const setModalRootTop = () => {\n  const root = document.getElementById('modalRootContainer')\n  const scrollY = typeof window !== 'undefined' ? window.scrollY : 0\n  if (root) {\n    root.setAttribute('style', `top: ${scrollY}px`)\n  }\n}\n\nlet modalCount = 0\n\nexport const useModalScrollCount = () => {\n  // Keep a state toggle to trigger recomputations of the effect\n  const [toggle, setToggle] = useState(false)\n  const [isOverflowHidden, setIsOverflowHidden] = useState(false)\n\n  useEffect(() => {\n    if (!isOverflowHidden && modalCount > 0) {\n      setIsOverflowHidden(true)\n      setOverflowHidden()\n      setModalRootTop()\n    } else if (isOverflowHidden && modalCount === 0) {\n      setIsOverflowHidden(false)\n      removeOverflowHidden()\n    }\n    return () => {\n      /**\n       * On cleanup of the `useScrollLock` hook, if the modal is open,\n       * the count is decremented. Because the cleanup of this method\n       * depends on the cleanup of `useScrollLock`, setImmediate is\n       * used to push this check to the end of the event loop.\n       * This guarantees that the getCount call will return\n       * an updated number. Else, getCount() may non-deterministically\n       * return 0 or 1 on cleanup of a final modal.\n       * NOTE: This should only be triggered on un-mount when not closed\n       */\n      setImmediate(() => {\n        if (isOverflowHidden && modalCount === 0) {\n          removeOverflowHidden()\n        }\n      })\n    }\n  }, [isOverflowHidden, toggle])\n\n  const incrementScrollCount = useCallback(() => {\n    modalCount = modalCount + 1\n    setToggle((toggle) => !toggle)\n  }, [setToggle])\n  const decrementScrollCount = useCallback(() => {\n    // Though we should in theory never be decrementing past zero, getting into\n    // that state would be bad for us, so guard against it defensively\n    modalCount = Math.max(0, modalCount - 1)\n    setToggle((toggle) => !toggle)\n  }, [setToggle])\n\n  return {\n    incrementScrollCount,\n    decrementScrollCount\n  }\n}\n"],"names":[],"mappings":";;AAEa,IAAA,iBAAiB,GAAG,YAAA;IAC/B,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;AACzD,EAAC;AAEY,IAAA,oBAAoB,GAAG,YAAA;IAClC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AACzC,EAAC;AAEY,IAAA,eAAe,GAAG,YAAA;IAC7B,IAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAA;AAC1D,IAAA,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,OAAO,GAAG,CAAC,CAAA;AAClE,IAAA,IAAI,IAAI,EAAE;QACR,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAQ,CAAA,MAAA,CAAA,OAAO,EAAI,IAAA,CAAA,CAAC,CAAA;AAChD,KAAA;AACH,EAAC;AAED,IAAI,UAAU,GAAG,CAAC,CAAA;AAEL,IAAA,mBAAmB,GAAG,YAAA;;IAE3B,IAAA,EAAA,GAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;IACrC,IAAA,EAAA,GAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;AAE/D,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,CAAC,gBAAgB,IAAI,UAAU,GAAG,CAAC,EAAE;YACvC,mBAAmB,CAAC,IAAI,CAAC,CAAA;AACzB,YAAA,iBAAiB,EAAE,CAAA;AACnB,YAAA,eAAe,EAAE,CAAA;AAClB,SAAA;AAAM,aAAA,IAAI,gBAAgB,IAAI,UAAU,KAAK,CAAC,EAAE;YAC/C,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAC1B,YAAA,oBAAoB,EAAE,CAAA;AACvB,SAAA;QACD,OAAO,YAAA;AACL;;;;;;;;;AASG;AACH,YAAA,YAAY,CAAC,YAAA;AACX,gBAAA,IAAI,gBAAgB,IAAI,UAAU,KAAK,CAAC,EAAE;AACxC,oBAAA,oBAAoB,EAAE,CAAA;AACvB,iBAAA;AACH,aAAC,CAAC,CAAA;AACJ,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAA;IAE9B,IAAM,oBAAoB,GAAG,WAAW,CAAC,YAAA;AACvC,QAAA,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;QAC3B,SAAS,CAAC,UAAC,MAAM,EAAK,EAAA,OAAA,CAAC,MAAM,CAAA,EAAA,CAAC,CAAA;AAChC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACf,IAAM,oBAAoB,GAAG,WAAW,CAAC,YAAA;;;QAGvC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,CAAA;QACxC,SAAS,CAAC,UAAC,MAAM,EAAK,EAAA,OAAA,CAAC,MAAM,CAAA,EAAA,CAAC,CAAA;AAChC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;AACL,QAAA,oBAAoB,EAAA,oBAAA;AACpB,QAAA,oBAAoB,EAAA,oBAAA;KACrB,CAAA;AACH;;;;"}

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

@@ -0,0 +1,8 @@
+export { Modal } from './Modal';
+export { ModalContent } from './ModalContent';
+export { ModalContentPages } from './ModalContentPages';
+export { ModalContentText } from './ModalContentText';
+export { ModalHeader, ModalTitle } from './ModalHeader';
+export { ModalFooter } from './ModalFooter';
+export { ModalProps, Anchor, ModalContentProps, ModalHeaderProps, ModalTitleProps, ModalFooterProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EACL,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EACjB,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,124 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ScrollbarProps } from '../scrollbar';
+export declare enum Anchor {
+    CENTER = "CENTER",
+    TOP = "TOP",
+    BOTTOM = "BOTTOM"
+}
+export type ModalProps = {
+    /**
+     * Optional unique key to assign to the modal.
+     * If not provided, it is auto-generated.
+     */
+    modalKey?: string;
+    /**
+     * Modal contents
+     */
+    children: ReactNode;
+    /**
+     * Callback fired when the modal is closed
+     * Should set isOpen accordingly
+     */
+    onClose: () => void;
+    /**
+     * Callback fired when the modal children are removed from the dom.
+     */
+    onClosed?: () => void;
+    /**
+     * Whether or not the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    showTitleHeader?: boolean;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    title?: ReactNode;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    subtitle?: string;
+    /**
+     * Whether to dismiss on a click outside the modal
+     */
+    dismissOnClickOutside?: boolean;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    showDismissButton?: boolean;
+    /**
+     * Manually set z-index.
+     *
+     * By default, the z-index is 10000 and the modal background shadow is
+     * set to z-index - 1 so that the modal appears on top of the shadow.
+     *
+     * If you would like to nest modals, it's important to increase the z-index by
+     * 2 for every modal so that the parent modal lives behind the child modal's shadow.
+     */
+    zIndex?: number;
+    /** @deprecated */
+    allowScroll?: boolean;
+    wrapperClassName?: string;
+    /**
+     *  Set max-width on bodyClass to set the modal width
+     */
+    bodyClassName?: string;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    titleClassName?: string;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    subtitleClassName?: string;
+    /**
+     * @deprecated in favor of composability - use ModalHeader sub-component instead.
+     */
+    headerContainerClassName?: string;
+    anchor?: Anchor;
+    verticalAnchorOffset?: number;
+    /**
+     * Horizontal padding between modal edges and viewport edge
+     */
+    horizontalPadding?: number;
+    /**
+     * @deprecated in favor of composability - use ModalContent sub-component instead
+     */
+    contentHorizontalPadding?: number;
+    /**
+     * Optional aria description for the dialog.
+     * If not provided, it is auto-generated.
+     */
+    'aria-describedby'?: string;
+    /**
+     * Optional aria label for the dialog.
+     * If not provided, it is auto-generated.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * If provided, conform to standard modal widths
+     * (only small currently implemented)
+     */
+    size?: 'small' | 'medium' | 'large';
+};
+export type ModalContentProps = ScrollbarProps;
+export type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    dismissButtonClassName?: string;
+    showDismissButton?: boolean;
+    onClose?: () => void;
+    children: ReactNode;
+};
+export type ModalTitleProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
+    subtitleClassName?: string;
+    icon?: ReactNode;
+    iconClassName?: string;
+    title: ReactNode;
+    titleClassName?: string;
+    subtitle?: ReactNode;
+    titleId?: string;
+    subtitleId?: string;
+};
+export type ModalFooterProps = HTMLAttributes<HTMLDivElement>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,oBAAY,MAAM;IAChB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,kBAAkB;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IAIrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IAEjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAA;IAEjC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA"}

package/dist/components/modal/types.js

@@ -0,0 +1,9 @@
+var Anchor;
+(function (Anchor) {
+    Anchor["CENTER"] = "CENTER";
+    Anchor["TOP"] = "TOP";
+    Anchor["BOTTOM"] = "BOTTOM";
+})(Anchor || (Anchor = {}));
+
+export { Anchor };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/modal/types.ts"],"sourcesContent":["import { HTMLAttributes, ReactNode } from 'react'\n\nimport { ScrollbarProps } from '../scrollbar'\n\nexport enum Anchor {\n  CENTER = 'CENTER',\n  TOP = 'TOP',\n  BOTTOM = 'BOTTOM'\n}\n\nexport type ModalProps = {\n  /**\n   * Optional unique key to assign to the modal.\n   * If not provided, it is auto-generated.\n   */\n  modalKey?: string\n\n  /**\n   * Modal contents\n   */\n  children: ReactNode\n\n  /**\n   * Callback fired when the modal is closed\n   * Should set isOpen accordingly\n   */\n  onClose: () => void\n\n  /**\n   * Callback fired when the modal children are removed from the dom.\n   */\n  onClosed?: () => void\n\n  /**\n   * Whether or not the modal is open\n   */\n  isOpen: boolean\n\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  showTitleHeader?: boolean\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  title?: ReactNode\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  subtitle?: string\n\n  /**\n   * Whether to dismiss on a click outside the modal\n   */\n  dismissOnClickOutside?: boolean\n\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  showDismissButton?: boolean\n\n  /**\n   * Manually set z-index.\n   *\n   * By default, the z-index is 10000 and the modal background shadow is\n   * set to z-index - 1 so that the modal appears on top of the shadow.\n   *\n   * If you would like to nest modals, it's important to increase the z-index by\n   * 2 for every modal so that the parent modal lives behind the child modal's shadow.\n   */\n  zIndex?: number\n\n  /** @deprecated */\n  allowScroll?: boolean\n\n  // Classnames\n\n  wrapperClassName?: string\n\n  /**\n   *  Set max-width on bodyClass to set the modal width\n   */\n  bodyClassName?: string\n\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  titleClassName?: string\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  subtitleClassName?: string\n  /**\n   * @deprecated in favor of composability - use ModalHeader sub-component instead.\n   */\n  headerContainerClassName?: string\n\n  anchor?: Anchor\n  verticalAnchorOffset?: number\n\n  /**\n   * Horizontal padding between modal edges and viewport edge\n   */\n  horizontalPadding?: number\n\n  /**\n   * @deprecated in favor of composability - use ModalContent sub-component instead\n   */\n  contentHorizontalPadding?: number\n\n  /**\n   * Optional aria description for the dialog.\n   * If not provided, it is auto-generated.\n   */\n  'aria-describedby'?: string\n\n  /**\n   * Optional aria label for the dialog.\n   * If not provided, it is auto-generated.\n   */\n  'aria-labelledby'?: string\n  /**\n   * If provided, conform to standard modal widths\n   * (only small currently implemented)\n   */\n  size?: 'small' | 'medium' | 'large'\n}\n\nexport type ModalContentProps = ScrollbarProps\n\nexport type ModalHeaderProps = HTMLAttributes<HTMLDivElement> & {\n  dismissButtonClassName?: string\n  showDismissButton?: boolean\n  onClose?: () => void\n  children: ReactNode\n}\n\nexport type ModalTitleProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  subtitleClassName?: string\n  icon?: ReactNode\n  iconClassName?: string\n  title: ReactNode\n  titleClassName?: string\n  subtitle?: ReactNode\n  titleId?: string\n  subtitleId?: string\n}\n\nexport type ModalFooterProps = HTMLAttributes<HTMLDivElement>\n"],"names":[],"mappings":"IAIY,OAIX;AAJD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACX,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EAJW,MAAM,KAAN,MAAM,GAIjB,EAAA,CAAA,CAAA;;;;"}

package/dist/components/popup-menu/PopupMenu.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { PopupMenuItem } from './types';
+/**
+ * A menu that shows on top of the UI. Ideal for overflow menus, dropdowns, etc
+ */
+export declare const PopupMenu: (props: {
+    items: PopupMenuItem[];
+    onClose?: (() => void) | undefined;
+    renderMenu?: ((menuItems: PopupMenuItem[]) => JSX.Element) | undefined;
+    dismissOnMouseLeave?: boolean | undefined;
+    renderTrigger: (anchorRef: import("react").MutableRefObject<any>, triggerPopup: (onMouseEnter?: boolean | undefined) => void, triggerProps: Partial<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>) => import("react").ReactNode;
+    id?: string | undefined;
+} & {
+    title?: string | undefined;
+    className?: string | undefined;
+    hideCloseButton?: boolean | undefined;
+    zIndex?: number | undefined;
+    containerRef?: import("react").MutableRefObject<HTMLDivElement | undefined> | undefined;
+    transformOrigin?: import("../layout/Popup").Origin | undefined;
+    anchorOrigin?: import("../layout/Popup").Origin | undefined;
+    fixed?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=PopupMenu.d.ts.map

package/dist/components/popup-menu/PopupMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popup-menu/PopupMenu.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAkB,MAAM,SAAS,CAAA;AAEvD;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;mJA8GrB,CAAA"}

package/dist/components/popup-menu/PopupMenu.js

@@ -0,0 +1,47 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef, useRef, useState, useCallback } from 'react';
+import cn from 'classnames';
+import { Popup } from '../layout/Popup/Popup.js';
+import styles from './PopupMenu.module.css.js';
+
+/**
+ * A menu that shows on top of the UI. Ideal for overflow menus, dropdowns, etc
+ */
+var PopupMenu = forwardRef(function PopupMenu(props, ref) {
+    var items = props.items, onClose = props.onClose, renderMenu = props.renderMenu, renderTrigger = props.renderTrigger, dismissOnMouseLeave = props.dismissOnMouseLeave, hideCloseButton = props.hideCloseButton, title = props.title, className = props.className, zIndex = props.zIndex, containerRef = props.containerRef, anchorOrigin = props.anchorOrigin, transformOrigin = props.transformOrigin, id = props.id, fixed = props.fixed;
+    var clickInsideRef = useRef();
+    var anchorRef = useRef(null);
+    var _a = useState(false), isPopupVisible = _a[0], setIsPopupVisible = _a[1];
+    var triggerPopup = useCallback(function (onMouseEnter) {
+        if (onMouseEnter && isPopupVisible)
+            return;
+        setIsPopupVisible(!isPopupVisible);
+    }, [isPopupVisible, setIsPopupVisible]);
+    var handlePopupClose = useCallback(function () {
+        setIsPopupVisible(false);
+        if (onClose)
+            onClose();
+    }, [setIsPopupVisible, onClose]);
+    var handleMenuItemClick = useCallback(function (item) { return function (e) {
+        e.stopPropagation();
+        item.onClick(e);
+        handlePopupClose();
+    }; }, [handlePopupClose]);
+    var triggerId = id ? "".concat(id, "-trigger") : undefined;
+    var triggerProps = {
+        'aria-controls': isPopupVisible ? id : undefined,
+        'aria-haspopup': true,
+        'aria-expanded': isPopupVisible ? 'true' : undefined,
+        id: triggerId
+    };
+    return (jsxs("div", __assign({ ref: clickInsideRef }, { children: [renderTrigger(anchorRef, triggerPopup, triggerProps), jsx(Popup, __assign({ anchorRef: anchorRef, checkIfClickInside: function (target) {
+                    if (target instanceof Element && clickInsideRef) {
+                        return clickInsideRef.current.contains(target);
+                    }
+                    return false;
+                }, isVisible: isPopupVisible, showHeader: Boolean(title), hideCloseButton: hideCloseButton, onClose: handlePopupClose, ref: ref, title: title || '', zIndex: zIndex, containerRef: containerRef, transformOrigin: transformOrigin, anchorOrigin: anchorOrigin, className: cn(styles.popup, className), dismissOnMouseLeave: dismissOnMouseLeave, fixed: fixed }, { children: renderMenu ? (renderMenu(items)) : (jsx("ul", __assign({ className: styles.menu, role: 'menu', "aria-labelledby": triggerId, tabIndex: -1 }, { children: items.map(function (item, i) { return (jsxs("li", __assign({ role: 'menuitem', className: cn(styles.item, item.className), onClick: handleMenuItemClick(item), tabIndex: i === 0 ? 0 : -1 }, { children: [item.icon && (jsx("div", __assign({ className: cn(styles.icon, item.iconClassName) }, { children: item.icon }))), item.text] }), typeof item.text === 'string' ? item.text : i)); }) }))) }))] })));
+});
+
+export { PopupMenu };
+//# sourceMappingURL=PopupMenu.js.map

package/dist/components/popup-menu/PopupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.js","sources":["../../../src/components/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { forwardRef, useCallback, useRef, useState, MouseEvent } from 'react'\n\nimport cn from 'classnames'\n\nimport { Popup } from '../layout/Popup'\n\nimport styles from './PopupMenu.module.css'\nimport { PopupMenuItem, PopupMenuProps } from './types'\n\n/**\n * A menu that shows on top of the UI. Ideal for overflow menus, dropdowns, etc\n */\nexport const PopupMenu = forwardRef<HTMLDivElement, PopupMenuProps>(\n  function PopupMenu(props, ref) {\n    const {\n      items,\n      onClose,\n      renderMenu,\n      renderTrigger,\n      dismissOnMouseLeave,\n      hideCloseButton,\n      title,\n      className,\n      zIndex,\n      containerRef,\n      anchorOrigin,\n      transformOrigin,\n      id,\n      fixed\n    } = props\n    const clickInsideRef = useRef<any>()\n    const anchorRef = useRef<HTMLElement>(null)\n\n    const [isPopupVisible, setIsPopupVisible] = useState<boolean>(false)\n\n    const triggerPopup = useCallback(\n      (onMouseEnter?: boolean) => {\n        if (onMouseEnter && isPopupVisible) return\n        setIsPopupVisible(!isPopupVisible)\n      },\n      [isPopupVisible, setIsPopupVisible]\n    )\n\n    const handlePopupClose = useCallback(() => {\n      setIsPopupVisible(false)\n      if (onClose) onClose()\n    }, [setIsPopupVisible, onClose])\n\n    const handleMenuItemClick = useCallback(\n      (item: PopupMenuItem) => (e: MouseEvent<HTMLLIElement>) => {\n        e.stopPropagation()\n        item.onClick(e)\n        handlePopupClose()\n      },\n      [handlePopupClose]\n    )\n\n    const triggerId = id ? `${id}-trigger` : undefined\n\n    const triggerProps = {\n      'aria-controls': isPopupVisible ? id : undefined,\n      'aria-haspopup': true,\n      'aria-expanded': isPopupVisible ? ('true' as const) : undefined,\n      id: triggerId\n    }\n\n    return (\n      <div ref={clickInsideRef}>\n        {renderTrigger(anchorRef, triggerPopup, triggerProps)}\n        <Popup\n          anchorRef={anchorRef}\n          checkIfClickInside={(target: EventTarget) => {\n            if (target instanceof Element && clickInsideRef) {\n              return clickInsideRef.current.contains(target)\n            }\n            return false\n          }}\n          isVisible={isPopupVisible}\n          showHeader={Boolean(title)}\n          hideCloseButton={hideCloseButton}\n          onClose={handlePopupClose}\n          ref={ref}\n          title={title || ''}\n          zIndex={zIndex}\n          containerRef={containerRef}\n          transformOrigin={transformOrigin}\n          anchorOrigin={anchorOrigin}\n          className={cn(styles.popup, className)}\n          dismissOnMouseLeave={dismissOnMouseLeave}\n          fixed={fixed}\n        >\n          {renderMenu ? (\n            renderMenu(items)\n          ) : (\n            <ul\n              className={styles.menu}\n              role='menu'\n              aria-labelledby={triggerId}\n              tabIndex={-1}\n            >\n              {items.map((item, i) => (\n                <li\n                  key={typeof item.text === 'string' ? item.text : i}\n                  role='menuitem'\n                  className={cn(styles.item, item.className)}\n                  onClick={handleMenuItemClick(item)}\n                  tabIndex={i === 0 ? 0 : -1}\n                >\n                  {item.icon && (\n                    <div className={cn(styles.icon, item.iconClassName)}>\n                      {item.icon}\n                    </div>\n                  )}\n                  {item.text}\n                </li>\n              ))}\n            </ul>\n          )}\n        </Popup>\n      </div>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/popup-menu/PopupMenu.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"popup":"PopupMenu-module_popup__-Eh0Z","menu":"PopupMenu-module_menu__KdH6F","item":"PopupMenu-module_item__Qd2Jq","icon":"PopupMenu-module_icon__TxgOl"};
+
+export { styles as default };
+//# sourceMappingURL=PopupMenu.module.css.js.map

package/dist/components/popup-menu/PopupMenu.module.css.js.map

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

package/dist/components/popup-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { PopupMenu } from './PopupMenu';
+export { PopupMenuItem, PopupMenuProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/popup-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popup-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/popup-menu/types.d.ts

@@ -0,0 +1,59 @@
+import { ComponentProps, MouseEvent } from 'react';
+import { PopupProps } from '../layout/Popup';
+type ApplicablePopupProps = Pick<PopupProps, 'title' | 'className' | 'hideCloseButton' | 'zIndex' | 'containerRef' | 'transformOrigin' | 'anchorOrigin' | 'fixed'>;
+export type PopupMenuProps = {
+    /**
+     * The items to display in the menu
+     */
+    items: PopupMenuItem[];
+    /**
+     * A callback triggered when the menu is closed
+     */
+    onClose?: () => void;
+    /**
+     * An optional function that controls how the menu is rendered
+     */
+    renderMenu?: (menuItems: PopupMenuItem[]) => JSX.Element;
+    /**
+     * Whether to dismiss the popup on mouse leave
+     */
+    dismissOnMouseLeave?: boolean;
+    /**
+     * A render function that will be provided:
+     * - An anchorRef for positioning the menu
+     * - A triggerPopup function that will show/hide the popup
+     */
+    renderTrigger: (anchorRef: React.MutableRefObject<any>, triggerPopup: (onMouseEnter?: boolean) => void, triggerProps: Partial<ComponentProps<'button'>>) => React.ReactNode;
+    /**
+     * Providing an id is necessary for proper a11y
+     */
+    id?: string;
+} & ApplicablePopupProps;
+export type PopupMenuItem = {
+    /**
+     * An optional className to apply to the item
+     */
+    className?: string;
+    /**
+     * An optional icon to display with the menu item
+     */
+    icon?: React.ReactNode;
+    /**
+     * An optional className to apply to the icon
+     */
+    iconClassName?: string;
+    /**
+     * A function triggered when the menu item is clicked
+     */
+    onClick: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * The text of the menu item
+     */
+    text: string | React.ReactNode;
+    /**
+     * The optional description of the menu item
+     */
+    subtext?: string | React.ReactNode;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/popup-menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/popup-menu/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,KAAK,oBAAoB,GAAG,IAAI,CAC9B,UAAU,EACR,OAAO,GACP,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,OAAO,CACV,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAA;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,GAAG,CAAC,OAAO,CAAA;IAExD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;;;OAIG;IACH,aAAa,EAAE,CACb,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACtC,YAAY,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,EAC9C,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,KAC5C,KAAK,CAAC,SAAS,CAAA;IACpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,GAAG,oBAAoB,CAAA;AAExB,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAEjD;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA"}

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type RadioProps = ComponentPropsWithoutRef<'input'> & {
+    inputClassName?: string;
+};
+/**
+ * Radio buttons allow a user to select a single option from a list of predefined options.
+ * TODO: Add label + icon support
+ */
+export declare const Radio: (props: RadioProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,OAAO,CAAC,GAAG;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,UAAW,UAAU,qDAgEtC,CAAA"}

package/dist/components/radio/Radio.js

@@ -0,0 +1,41 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import { useRadioGroup } from '../radio-group/useRadioGroup.js';
+
+/**
+ * Radio buttons allow a user to select a single option from a list of predefined options.
+ * TODO: Add label + icon support
+ */
+var Radio = function (props) {
+    var className = props.className, inputClassName = props.inputClassName, onChangeProp = props.onChange, nameProp = props.name, checkedProp = props.checked, disabled = props.disabled, other = __rest(props, ["className", "inputClassName", "onChange", "name", "checked", "disabled"]);
+    var _a = useTheme(), spacing = _a.spacing, color = _a.color;
+    var _b = useRadioGroup({
+        name: nameProp,
+        checked: checkedProp,
+        value: other.value,
+        onChange: onChangeProp
+    }), name = _b.name, checked = _b.checked, onChange = _b.onChange;
+    var rootCss = {
+        position: 'relative',
+        height: spacing.unit6,
+        width: spacing.unit6,
+        '::before': __assign(__assign({ position: 'absolute', width: spacing.unit6, height: spacing.unit6, borderRadius: '50%', content: "' '", background: color.neutral.n200, boxShadow: 'inset 2px 2px 2px rgba(0, 0, 0, 0.1)', boxSizing: 'border-box' }, (checked && {
+            background: color.special.white,
+            border: "6px solid ".concat(color.secondary.secondary)
+        })), (disabled && {
+            background: color.neutral.n150
+        }))
+    };
+    var inputCss = {
+        opacity: 0,
+        margin: 0,
+        width: '100%',
+        height: '100%',
+        cursor: disabled ? 'default' : 'pointer'
+    };
+    return (jsx("div", __assign({ css: rootCss, className: className }, { children: jsx("input", __assign({ css: inputCss, className: inputClassName, name: name, checked: checked, type: 'radio', onChange: onChange, disabled: disabled }, other)) })));
+};
+
+export { Radio };
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/radio/Radio.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { useRadioGroup } from '../radio-group/useRadioGroup'\n\nexport type RadioProps = ComponentPropsWithoutRef<'input'> & {\n  inputClassName?: string\n}\n\n/**\n * Radio buttons allow a user to select a single option from a list of predefined options.\n * TODO: Add label + icon support\n */\nexport const Radio = (props: RadioProps) => {\n  const {\n    className,\n    inputClassName,\n    onChange: onChangeProp,\n    name: nameProp,\n    checked: checkedProp,\n    disabled,\n    ...other\n  } = props\n  const { spacing, color } = useTheme()\n\n  const { name, checked, onChange } = useRadioGroup({\n    name: nameProp,\n    checked: checkedProp,\n    value: other.value,\n    onChange: onChangeProp\n  })\n\n  const rootCss: CSSObject = {\n    position: 'relative',\n    height: spacing.unit6,\n    width: spacing.unit6,\n    '::before': {\n      position: 'absolute',\n      width: spacing.unit6,\n      height: spacing.unit6,\n      borderRadius: '50%',\n      content: \"' '\",\n      background: color.neutral.n200,\n      boxShadow: 'inset 2px 2px 2px rgba(0, 0, 0, 0.1)',\n      boxSizing: 'border-box',\n      ...(checked && {\n        background: color.special.white,\n        border: `6px solid ${color.secondary.secondary}`\n      }),\n      ...(disabled && {\n        background: color.neutral.n150\n      })\n    }\n  }\n\n  const inputCss = {\n    opacity: 0,\n    margin: 0,\n    width: '100%',\n    height: '100%',\n    cursor: disabled ? 'default' : 'pointer'\n  }\n\n  return (\n    <div css={rootCss} className={className}>\n      <input\n        css={inputCss}\n        className={inputClassName}\n        name={name}\n        checked={checked}\n        type='radio'\n        onChange={onChange}\n        disabled={disabled}\n        {...other}\n      />\n    </div>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;AAUA;;;AAGG;AACI,IAAM,KAAK,GAAG,UAAC,KAAiB,EAAA;AAEnC,IAAA,IAAA,SAAS,GAOP,KAAK,CAPE,SAAA,EACT,cAAc,GAMZ,KAAK,CANO,cAAA,EACJ,YAAY,GAKpB,KAAK,CALe,QAAA,EAChB,QAAQ,GAIZ,KAAK,CAJO,IAAA,EACL,WAAW,GAGlB,KAAK,CAHa,OAAA,EACpB,QAAQ,GAEN,KAAK,CAFC,QAAA,EACL,KAAK,GACN,MAAA,CAAA,KAAK,EARH,CAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAQL,CADS,CACD;IACH,IAAA,EAAA,GAAqB,QAAQ,EAAE,EAA7B,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAe,CAAA;IAE/B,IAAA,EAAA,GAA8B,aAAa,CAAC;AAChD,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,QAAQ,EAAE,YAAY;KACvB,CAAC,EALM,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAK7B,CAAA;AAEF,IAAA,IAAM,OAAO,GAAc;AACzB,QAAA,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,OAAO,CAAC,KAAK;QACrB,KAAK,EAAE,OAAO,CAAC,KAAK;AACpB,QAAA,UAAU,sBACR,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,MAAM,EAAE,OAAO,CAAC,KAAK,EACrB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAC9B,SAAS,EAAE,sCAAsC,EACjD,SAAS,EAAE,YAAY,EACpB,GAAC,OAAO,IAAI;AACb,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;AAC/B,YAAA,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,SAAS,CAAC,SAAS,CAAE;SACjD,EAAC,GACE,QAAQ,IAAI;AACd,YAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC/B,SAAA,EACF;KACF,CAAA;AAED,IAAA,IAAM,QAAQ,GAAG;AACf,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS;KACzC,CAAA;AAED,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,gBACrCA,GACE,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,cAAc,EACzB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAAA,EACd,KAAK,CACT,CAAA,EAAA,CAAA,CACE,EACP;AACH;;;;"}

package/dist/components/radio/Radio.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Radio } from './Radio';
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const Primary: Story;
+//# sourceMappingURL=Radio.stories.d.ts.map

package/dist/components/radio/Radio.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAG5B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAsCrB,CAAA"}