@audius/harmony 0.0.25

package/dist/components/layout/Popup/Popup.js

@@ -0,0 +1,273 @@
+import { __assign } from '../../../_virtual/_tslib.js';
+import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
+import { forwardRef, useCallback, useRef, useState, useEffect } from 'react';
+import { useTheme } from '@emotion/react';
+import cn from 'classnames';
+import ReactDOM from 'react-dom';
+import { useTransition, animated } from 'react-spring';
+import '../../button/Button/Button.js';
+import { PlainButton } from '../../button/PlainButton/PlainButton.js';
+import { IconClose } from '../../../icons/utilityIcons.js';
+import '@emotion/css';
+import '../../button/FollowButton/FollowButton.js';
+import '../../button/FilterButton/FilterButton.js';
+import '../../button/IconButton/IconButton.js';
+import { useClickOutside } from '../../../hooks/useClickOutside.js';
+import { getScrollParent } from '../../../utils/getScrollParent.js';
+import styles from './Popup.module.css.js';
+
+var messages = {
+    close: 'close popup'
+};
+/**
+ * Number of pixels between the edge of the container and the popup
+ * before the popup needs to reposition itself to be in view.
+ */
+var CONTAINER_INSET_PADDING = 16;
+/**
+ * Figures out whether the specified position would overflow the window
+ * and picks a better position accordingly
+ * @param {Origin} anchorOrigin where the origin is on the trigger
+ * @param {Origin} transformOrigin where the origin is on the popup
+ * @param {DOMRect} anchorRect the position and size of the trigger
+ * @param {DOMRect} wrapperRect the position and size of the popup
+ * @return {{ anchorOrigin: Origin, transformOrigin: Origin }} the new origin after accounting for overflow
+ */
+var getComputedOrigins = function (anchorOrigin, transformOrigin, anchorRect, wrapperRect, portal, containerRef) {
+    if (!anchorRect || !wrapperRect)
+        return { anchorOrigin: anchorOrigin, transformOrigin: transformOrigin };
+    var containerWidth, containerHeight;
+    if (containerRef && containerRef.current) {
+        containerWidth =
+            containerRef.current.getBoundingClientRect().width -
+                CONTAINER_INSET_PADDING;
+        containerHeight =
+            containerRef.current.getBoundingClientRect().height -
+                CONTAINER_INSET_PADDING;
+    }
+    else {
+        containerWidth =
+            portal.getBoundingClientRect().width - CONTAINER_INSET_PADDING;
+        containerHeight =
+            portal.getBoundingClientRect().height - CONTAINER_INSET_PADDING;
+    }
+    // Get new wrapper position
+    var anchorTranslation = getOriginTranslation(anchorOrigin, anchorRect);
+    var wrapperTranslation = getOriginTranslation(transformOrigin, wrapperRect);
+    var wrapperX = anchorRect.x + anchorTranslation.x - wrapperTranslation.x;
+    var wrapperY = anchorRect.y + anchorTranslation.y - wrapperTranslation.y;
+    // Check bounds of the wrapper in new position are inside container
+    var overflowRight = wrapperX + wrapperRect.width > containerWidth;
+    var overflowLeft = wrapperX < 0;
+    var overflowBottom = wrapperY + wrapperRect.height > containerHeight;
+    var overflowTop = wrapperY < 0;
+    // For all overflows, flip the position
+    if (overflowRight) {
+        anchorOrigin.horizontal = 'left';
+        transformOrigin.horizontal = 'right';
+    }
+    if (overflowLeft) {
+        anchorOrigin.horizontal = 'right';
+        transformOrigin.horizontal = 'left';
+    }
+    if (overflowTop) {
+        anchorOrigin.vertical = 'bottom';
+        transformOrigin.vertical = 'top';
+    }
+    if (overflowBottom) {
+        anchorOrigin.vertical = 'top';
+        transformOrigin.vertical = 'bottom';
+    }
+    return { anchorOrigin: anchorOrigin, transformOrigin: transformOrigin };
+};
+/**
+ * Figures out whether the specified position would still overflow the window
+ * after being computed and adds extra offsets
+ */
+var getAdjustedPosition = function (top, left, wrapperRect, portal) {
+    if (!wrapperRect)
+        return { adjustedTop: 0, adjustedLeft: 0 };
+    var containerWidth = portal.getBoundingClientRect().width - CONTAINER_INSET_PADDING;
+    var containerHeight = portal.getBoundingClientRect().height - CONTAINER_INSET_PADDING;
+    // Account for the portal being a scrollable container.
+    // This will happen if the document body itself is what scrolls.
+    var containerTop = -1 * portal.getBoundingClientRect().top;
+    var overflowRight = left + wrapperRect.width > containerWidth;
+    var overflowLeft = left < 0;
+    var overflowBottom = top + wrapperRect.height > containerHeight;
+    var overflowTop = top < 0;
+    var adjusted = { adjustedTop: containerTop, adjustedLeft: 0 };
+    if (overflowRight) {
+        adjusted.adjustedLeft =
+            adjusted.adjustedLeft - (left + wrapperRect.width - containerWidth);
+    }
+    if (overflowLeft) {
+        adjusted.adjustedLeft = adjusted.adjustedLeft + wrapperRect.width;
+    }
+    if (overflowTop) {
+        adjusted.adjustedTop =
+            adjusted.adjustedTop - (top + wrapperRect.height - containerHeight);
+    }
+    if (overflowBottom) {
+        adjusted.adjustedTop = adjusted.adjustedTop + wrapperRect.height;
+    }
+    return adjusted;
+};
+/**
+ * Gets the x, y offsets for the given origin using the dimensions
+ * @param origin the relative origin
+ * @param dimensions the dimensions to use with the relative origin
+ * @returns the x and y coordinates of the new origin relative to the old one
+ */
+var getOriginTranslation = function (origin, dimensions) {
+    var x = 0;
+    var y = 0;
+    var width = dimensions.width, height = dimensions.height;
+    if (origin.horizontal === 'center') {
+        x += width / 2;
+    }
+    else if (origin.horizontal === 'right') {
+        x += width;
+    }
+    if (origin.vertical === 'center') {
+        y += height / 2;
+    }
+    else if (origin.vertical === 'bottom') {
+        y += height;
+    }
+    return { x: x, y: y };
+};
+var defaultAnchorOrigin = {
+    horizontal: 'center',
+    vertical: 'bottom'
+};
+var defaultTransformOrigin = {
+    horizontal: 'center',
+    vertical: 'top'
+};
+var closingAnimationDuration = 90;
+/**
+ * A popup is an in-place container that shows on top of the UI. A popup does
+ * not impact the rest of the UI (e.g. dimming background or shifting elements).
+ * It differs from modals, which do take over the whole UI and are usually
+ * center-screened.
+ */
+var Popup = forwardRef(function Popup(props, ref) {
+    var anchorRef = props.anchorRef, checkIfClickInside = props.checkIfClickInside, children = props.children, className = props.className, isVisible = props.isVisible, onAfterClose = props.onAfterClose, onClose = props.onClose, _a = props.anchorOrigin, anchorOriginProp = _a === void 0 ? defaultAnchorOrigin : _a, _b = props.transformOrigin, transformOriginProp = _b === void 0 ? defaultTransformOrigin : _b, dismissOnMouseLeave = props.dismissOnMouseLeave, _c = props.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c, showHeader = props.showHeader, title = props.title, zIndex = props.zIndex, containerRef = props.containerRef, _d = props.portalLocation, portalLocation = _d === void 0 ? document.body : _d, _e = props.shadow, shadow = _e === void 0 ? 'mid' : _e, fixed = props.fixed;
+    var _f = useTheme(), spring = _f.spring, shadows = _f.shadows;
+    var handleClose = useCallback(function () {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+        setTimeout(function () {
+            if (onAfterClose) {
+                onAfterClose();
+            }
+        }, closingAnimationDuration);
+    }, [onClose, onAfterClose]);
+    var _g = [
+        anchorOriginProp,
+        transformOriginProp
+    ], anchorOrigin = _g[0], transformOrigin = _g[1];
+    var popupRef = useClickOutside(handleClose, checkIfClickInside, isVisible, typeof ref === 'function' ? undefined : ref);
+    var wrapperRef = useRef(null);
+    var originalTopPosition = useRef(0);
+    var _h = useState(anchorOrigin), computedTransformOrigin = _h[0], setComputedTransformOrigin = _h[1];
+    // On visible, set the position
+    useEffect(function () {
+        if (isVisible) {
+            var _a = [anchorRef, wrapperRef].map(function (r) { var _a; return (_a = r === null || r === void 0 ? void 0 : r.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(); }), anchorRect = _a[0], wrapperRect = _a[1];
+            if (!anchorRect || !wrapperRect)
+                return;
+            var _b = getComputedOrigins(anchorOrigin, transformOrigin, anchorRect, wrapperRect, portalLocation, containerRef), anchorOriginComputed = _b.anchorOrigin, transformOriginComputed = _b.transformOrigin;
+            setComputedTransformOrigin(transformOriginComputed);
+            var anchorTranslation = getOriginTranslation(anchorOriginComputed, anchorRect);
+            var wrapperTranslation = getOriginTranslation(transformOriginComputed, wrapperRect);
+            var top_1 = anchorRect.y + anchorTranslation.y - wrapperTranslation.y;
+            var left = anchorRect.x + anchorTranslation.x - wrapperTranslation.x;
+            var _c = getAdjustedPosition(top_1, left, wrapperRect, portalLocation), adjustedTop = _c.adjustedTop, adjustedLeft = _c.adjustedLeft;
+            if (wrapperRef.current) {
+                wrapperRef.current.style.top = "".concat(top_1 + adjustedTop, "px");
+                wrapperRef.current.style.left = "".concat(left + adjustedLeft, "px");
+            }
+            originalTopPosition.current = top_1;
+        }
+    }, [
+        isVisible,
+        wrapperRef,
+        anchorRef,
+        anchorOrigin,
+        transformOrigin,
+        setComputedTransformOrigin,
+        originalTopPosition,
+        portalLocation,
+        containerRef
+    ]);
+    // Callback invoked on each scroll. Uses original top position to scroll with content.
+    // Takes scrollParent to get the current scroll position as well as the intitial scroll position
+    // when the popup became visible.
+    var watchScroll = useCallback(function (scrollParent, initialScrollPosition) {
+        var scrollTop = scrollParent.scrollTop;
+        if (wrapperRef.current) {
+            wrapperRef.current.style.top = "".concat(originalTopPosition.current - scrollTop + initialScrollPosition, "px");
+        }
+    }, [wrapperRef, originalTopPosition]);
+    // Set up scroll listeners
+    useEffect(function () {
+        if (isVisible && anchorRef.current) {
+            var scrollParent_1 = getScrollParent(anchorRef.current);
+            if (!scrollParent_1)
+                return;
+            var initialScrollPosition_1 = scrollParent_1.scrollTop;
+            var listener_1 = function () { return watchScroll(scrollParent_1, initialScrollPosition_1); };
+            scrollParent_1.addEventListener('scroll', listener_1);
+            return function () {
+                scrollParent_1.removeEventListener('scroll', listener_1);
+            };
+        }
+        return function () { };
+    }, [isVisible, watchScroll, anchorRef]);
+    // Set up key listeners
+    useEffect(function () {
+        if (isVisible) {
+            var escapeListener_1 = function (e) {
+                if (e.code === 'Escape') {
+                    handleClose();
+                }
+            };
+            window.addEventListener('keydown', escapeListener_1);
+            return function () { return window.removeEventListener('keydown', escapeListener_1); };
+        }
+        return function () { };
+    }, [isVisible, handleClose]);
+    var transitions = useTransition(isVisible, null, {
+        from: {
+            transform: "scale(0)",
+            opacity: 0
+        },
+        enter: {
+            transform: "scale(1)",
+            opacity: 1
+        },
+        leave: {
+            transform: "scale(0)",
+            opacity: 0
+        },
+        config: spring.standard,
+        unique: true
+    });
+    var rootStyle = { zIndex: zIndex, position: fixed ? 'fixed' : undefined };
+    var handleMouseLeave = useCallback(function () {
+        if (dismissOnMouseLeave) {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    }, [dismissOnMouseLeave, onClose]);
+    return (jsx(Fragment, { children: ReactDOM.createPortal(jsx("div", __assign({ ref: wrapperRef, className: styles.root, style: rootStyle, onMouseLeave: handleMouseLeave }, { children: transitions.map(function (_a) {
+                var _b;
+                var item = _a.item, key = _a.key, props = _a.props;
+                return item ? (jsxs(animated.div, __assign({ className: cn(styles.popup, className), css: { boxShadow: shadows[shadow] }, ref: popupRef, style: __assign(__assign({}, props), { transformOrigin: "".concat(computedTransformOrigin.horizontal, " ").concat(computedTransformOrigin.vertical) }) }, { children: [showHeader && (jsxs("div", __assign({ className: cn(styles.header, (_b = {},
+                                _b[styles.noAfter] = hideCloseButton,
+                                _b)) }, { children: [hideCloseButton ? null : (jsx(PlainButton, { variant: 'subdued', "aria-label": messages.close, onClick: handleClose, iconLeft: IconClose })), jsx("div", __assign({ className: styles.title }, { children: title }))] }))), children] }), key)) : null;
+            }) })), portalLocation) }));
+});
+
+export { Popup };
+//# sourceMappingURL=Popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../../../src/components/layout/Popup/Popup.tsx"],"sourcesContent":["import {\n  forwardRef,\n  MutableRefObject,\n  Ref,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport ReactDOM from 'react-dom'\nimport { useTransition, animated } from 'react-spring'\n\nimport { PlainButton } from 'components/button'\nimport { IconClose } from 'icons'\n\nimport { useClickOutside } from '../../../hooks/useClickOutside'\nimport { getScrollParent } from '../../../utils/getScrollParent'\n\nimport styles from './Popup.module.css'\nimport type { PopupProps, Origin } from './types'\n\nconst messages = {\n  close: 'close popup'\n}\n\n/**\n * Number of pixels between the edge of the container and the popup\n * before the popup needs to reposition itself to be in view.\n */\nconst CONTAINER_INSET_PADDING = 16\n\n/**\n * Figures out whether the specified position would overflow the window\n * and picks a better position accordingly\n * @param {Origin} anchorOrigin where the origin is on the trigger\n * @param {Origin} transformOrigin where the origin is on the popup\n * @param {DOMRect} anchorRect the position and size of the trigger\n * @param {DOMRect} wrapperRect the position and size of the popup\n * @return {{ anchorOrigin: Origin, transformOrigin: Origin }} the new origin after accounting for overflow\n */\nconst getComputedOrigins = (\n  anchorOrigin: Origin,\n  transformOrigin: Origin,\n  anchorRect: DOMRect,\n  wrapperRect: DOMRect,\n  portal: HTMLElement,\n  containerRef?: MutableRefObject<HTMLDivElement | undefined>\n) => {\n  if (!anchorRect || !wrapperRect) return { anchorOrigin, transformOrigin }\n\n  let containerWidth, containerHeight\n  if (containerRef && containerRef.current) {\n    containerWidth =\n      containerRef.current.getBoundingClientRect().width -\n      CONTAINER_INSET_PADDING\n    containerHeight =\n      containerRef.current.getBoundingClientRect().height -\n      CONTAINER_INSET_PADDING\n  } else {\n    containerWidth =\n      portal.getBoundingClientRect().width - CONTAINER_INSET_PADDING\n    containerHeight =\n      portal.getBoundingClientRect().height - CONTAINER_INSET_PADDING\n  }\n\n  // Get new wrapper position\n  const anchorTranslation = getOriginTranslation(anchorOrigin, anchorRect)\n  const wrapperTranslation = getOriginTranslation(transformOrigin, wrapperRect)\n  const wrapperX = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n  const wrapperY = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n\n  // Check bounds of the wrapper in new position are inside container\n  const overflowRight = wrapperX + wrapperRect.width > containerWidth\n  const overflowLeft = wrapperX < 0\n  const overflowBottom = wrapperY + wrapperRect.height > containerHeight\n  const overflowTop = wrapperY < 0\n\n  // For all overflows, flip the position\n  if (overflowRight) {\n    anchorOrigin.horizontal = 'left'\n    transformOrigin.horizontal = 'right'\n  }\n  if (overflowLeft) {\n    anchorOrigin.horizontal = 'right'\n    transformOrigin.horizontal = 'left'\n  }\n  if (overflowTop) {\n    anchorOrigin.vertical = 'bottom'\n    transformOrigin.vertical = 'top'\n  }\n  if (overflowBottom) {\n    anchorOrigin.vertical = 'top'\n    transformOrigin.vertical = 'bottom'\n  }\n  return { anchorOrigin, transformOrigin }\n}\n\n/**\n * Figures out whether the specified position would still overflow the window\n * after being computed and adds extra offsets\n */\nconst getAdjustedPosition = (\n  top: number,\n  left: number,\n  wrapperRect: DOMRect,\n  portal: HTMLElement\n): { adjustedTop: number; adjustedLeft: number } => {\n  if (!wrapperRect) return { adjustedTop: 0, adjustedLeft: 0 }\n\n  const containerWidth =\n    portal.getBoundingClientRect().width - CONTAINER_INSET_PADDING\n  const containerHeight =\n    portal.getBoundingClientRect().height - CONTAINER_INSET_PADDING\n  // Account for the portal being a scrollable container.\n  // This will happen if the document body itself is what scrolls.\n  const containerTop = -1 * portal.getBoundingClientRect().top\n\n  const overflowRight = left + wrapperRect.width > containerWidth\n  const overflowLeft = left < 0\n  const overflowBottom = top + wrapperRect.height > containerHeight\n  const overflowTop = top < 0\n\n  const adjusted = { adjustedTop: containerTop, adjustedLeft: 0 }\n  if (overflowRight) {\n    adjusted.adjustedLeft =\n      adjusted.adjustedLeft - (left + wrapperRect.width - containerWidth)\n  }\n  if (overflowLeft) {\n    adjusted.adjustedLeft = adjusted.adjustedLeft + wrapperRect.width\n  }\n  if (overflowTop) {\n    adjusted.adjustedTop =\n      adjusted.adjustedTop - (top + wrapperRect.height - containerHeight)\n  }\n  if (overflowBottom) {\n    adjusted.adjustedTop = adjusted.adjustedTop + wrapperRect.height\n  }\n  return adjusted\n}\n\n/**\n * Gets the x, y offsets for the given origin using the dimensions\n * @param origin the relative origin\n * @param dimensions the dimensions to use with the relative origin\n * @returns the x and y coordinates of the new origin relative to the old one\n */\nconst getOriginTranslation = (\n  origin: Origin,\n  dimensions: { width: number; height: number }\n) => {\n  let x = 0\n  let y = 0\n  const { width, height } = dimensions\n  if (origin.horizontal === 'center') {\n    x += width / 2\n  } else if (origin.horizontal === 'right') {\n    x += width\n  }\n  if (origin.vertical === 'center') {\n    y += height / 2\n  } else if (origin.vertical === 'bottom') {\n    y += height\n  }\n  return { x, y }\n}\n\nconst defaultAnchorOrigin: Origin = {\n  horizontal: 'center',\n  vertical: 'bottom'\n}\n\nconst defaultTransformOrigin: Origin = {\n  horizontal: 'center',\n  vertical: 'top'\n}\n\nconst closingAnimationDuration = 90\n\n/**\n * A popup is an in-place container that shows on top of the UI. A popup does\n * not impact the rest of the UI (e.g. dimming background or shifting elements).\n * It differs from modals, which do take over the whole UI and are usually\n * center-screened.\n */\nexport const Popup = forwardRef<HTMLDivElement, PopupProps>(function Popup(\n  props: PopupProps,\n  ref: Ref<HTMLDivElement>\n) {\n  const {\n    anchorRef,\n    checkIfClickInside,\n    children,\n    className,\n    isVisible,\n    onAfterClose,\n    onClose,\n    anchorOrigin: anchorOriginProp = defaultAnchorOrigin,\n    transformOrigin: transformOriginProp = defaultTransformOrigin,\n    dismissOnMouseLeave,\n    hideCloseButton = false,\n    showHeader,\n    title,\n    zIndex,\n    containerRef,\n    portalLocation = document.body,\n    shadow = 'mid',\n    fixed\n  } = props\n  const { spring, shadows } = useTheme()\n\n  const handleClose = useCallback(() => {\n    onClose?.()\n    setTimeout(() => {\n      if (onAfterClose) {\n        onAfterClose()\n      }\n    }, closingAnimationDuration)\n  }, [onClose, onAfterClose])\n\n  const [anchorOrigin, transformOrigin] = [\n    anchorOriginProp,\n    transformOriginProp\n  ]\n\n  const popupRef: React.MutableRefObject<HTMLDivElement> = useClickOutside(\n    handleClose,\n    checkIfClickInside,\n    isVisible,\n    typeof ref === 'function' ? undefined : ref\n  )\n\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  const originalTopPosition = useRef<number>(0)\n  const [computedTransformOrigin, setComputedTransformOrigin] =\n    useState(anchorOrigin)\n\n  // On visible, set the position\n  useEffect(() => {\n    if (isVisible) {\n      const [anchorRect, wrapperRect] = [anchorRef, wrapperRef].map((r) =>\n        r?.current?.getBoundingClientRect()\n      )\n      if (!anchorRect || !wrapperRect) return\n\n      const {\n        anchorOrigin: anchorOriginComputed,\n        transformOrigin: transformOriginComputed\n      } = getComputedOrigins(\n        anchorOrigin,\n        transformOrigin,\n        anchorRect,\n        wrapperRect,\n        portalLocation,\n        containerRef\n      )\n      setComputedTransformOrigin(transformOriginComputed)\n\n      const anchorTranslation = getOriginTranslation(\n        anchorOriginComputed,\n        anchorRect\n      )\n      const wrapperTranslation = getOriginTranslation(\n        transformOriginComputed,\n        wrapperRect\n      )\n\n      const top = anchorRect.y + anchorTranslation.y - wrapperTranslation.y\n      const left = anchorRect.x + anchorTranslation.x - wrapperTranslation.x\n\n      const { adjustedTop, adjustedLeft } = getAdjustedPosition(\n        top,\n        left,\n        wrapperRect,\n        portalLocation\n      )\n\n      if (wrapperRef.current) {\n        wrapperRef.current.style.top = `${top + adjustedTop}px`\n        wrapperRef.current.style.left = `${left + adjustedLeft}px`\n      }\n\n      originalTopPosition.current = top\n    }\n  }, [\n    isVisible,\n    wrapperRef,\n    anchorRef,\n    anchorOrigin,\n    transformOrigin,\n    setComputedTransformOrigin,\n    originalTopPosition,\n    portalLocation,\n    containerRef\n  ])\n\n  // Callback invoked on each scroll. Uses original top position to scroll with content.\n  // Takes scrollParent to get the current scroll position as well as the intitial scroll position\n  // when the popup became visible.\n  const watchScroll = useCallback(\n    (scrollParent: Element, initialScrollPosition: number) => {\n      const scrollTop = scrollParent.scrollTop\n      if (wrapperRef.current) {\n        wrapperRef.current.style.top = `${\n          originalTopPosition.current - scrollTop + initialScrollPosition\n        }px`\n      }\n    },\n    [wrapperRef, originalTopPosition]\n  )\n\n  // Set up scroll listeners\n  useEffect(() => {\n    if (isVisible && anchorRef.current) {\n      const scrollParent = getScrollParent(anchorRef.current)\n      if (!scrollParent) return\n\n      const initialScrollPosition = scrollParent.scrollTop\n      const listener = () => watchScroll(scrollParent, initialScrollPosition)\n      scrollParent.addEventListener('scroll', listener)\n      return () => {\n        scrollParent.removeEventListener('scroll', listener)\n      }\n    }\n\n    return () => {}\n  }, [isVisible, watchScroll, anchorRef])\n\n  // Set up key listeners\n  useEffect(() => {\n    if (isVisible) {\n      const escapeListener = (e: KeyboardEvent) => {\n        if (e.code === 'Escape') {\n          handleClose()\n        }\n      }\n\n      window.addEventListener('keydown', escapeListener)\n\n      return () => window.removeEventListener('keydown', escapeListener)\n    }\n    return () => {}\n  }, [isVisible, handleClose])\n\n  const transitions = useTransition(isVisible, null, {\n    from: {\n      transform: `scale(0)`,\n      opacity: 0\n    },\n    enter: {\n      transform: `scale(1)`,\n      opacity: 1\n    },\n    leave: {\n      transform: `scale(0)`,\n      opacity: 0\n    },\n    config: spring.standard,\n    unique: true\n  })\n\n  const rootStyle = { zIndex, position: fixed ? ('fixed' as const) : undefined }\n\n  const handleMouseLeave = useCallback(() => {\n    if (dismissOnMouseLeave) {\n      onClose?.()\n    }\n  }, [dismissOnMouseLeave, onClose])\n\n  return (\n    <>\n      {/* Portal the popup out of the dom structure so that it has a separate stacking context */}\n      {ReactDOM.createPortal(\n        <div\n          ref={wrapperRef}\n          className={styles.root}\n          style={rootStyle}\n          onMouseLeave={handleMouseLeave}\n        >\n          {transitions.map(({ item, key, props }) =>\n            item ? (\n              <animated.div\n                className={cn(styles.popup, className)}\n                css={{ boxShadow: shadows[shadow] }}\n                ref={popupRef}\n                key={key}\n                style={{\n                  ...props,\n                  transformOrigin: `${computedTransformOrigin.horizontal} ${computedTransformOrigin.vertical}`\n                }}\n              >\n                {showHeader && (\n                  <div\n                    className={cn(styles.header, {\n                      [styles.noAfter]: hideCloseButton\n                    })}\n                  >\n                    {hideCloseButton ? null : (\n                      <PlainButton\n                        variant='subdued'\n                        aria-label={messages.close}\n                        onClick={handleClose}\n                        iconLeft={IconClose}\n                      />\n                    )}\n                    <div className={styles.title}>{title}</div>\n                  </div>\n                )}\n                {children}\n              </animated.div>\n            ) : null\n          )}\n        </div>,\n        portalLocation\n      )}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/layout/Popup/Popup.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"Popup-module_root__92Xnl","popup":"Popup-module_popup__G7zYp","header":"Popup-module_header__7PlIJ","noAfter":"Popup-module_noAfter__8Bmb9","title":"Popup-module_title__l8Skt","iconRemove":"Popup-module_iconRemove__elDMG"};
+
+export { styles as default };
+//# sourceMappingURL=Popup.module.css.js.map

package/dist/components/layout/Popup/Popup.module.css.js.map

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

package/dist/components/layout/Popup/Popup.stories.d.ts

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

package/dist/components/layout/Popup/Popup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Popup/Popup.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AA0B/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAuB5B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAoB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,81 @@
+import type { MutableRefObject, ReactChild } from 'react';
+import { ShadowOptions } from "../../../foundations";
+export type Origin = {
+    vertical: 'top' | 'center' | 'bottom';
+    horizontal: 'left' | 'center' | 'right';
+};
+export type PopupProps = {
+    className?: string;
+    /**
+     * A ref to the element whose position will be used to anchor the Popup
+     */
+    anchorRef: MutableRefObject<HTMLElement | null>;
+    /**
+     * Boolean representing whether the Popup is visible
+     */
+    isVisible: boolean;
+    /**
+     * The position of the popup in relation to the anchorRef.
+     * For example, if set to { horizontal: 'center', vertical: 'bottom' },
+     * the popup will appear centered and below the anchoRef.
+     */
+    anchorOrigin?: Origin;
+    /**
+     * The origin of the animation of the Popup.
+     * For example, if set to { horizontal: center', vertical: 'top' },
+     * the popup will animate top down moving out from the center.
+     */
+    transformOrigin?: Origin;
+    /**
+     * Children to render inside the Popup
+     */
+    children?: ReactChild;
+    /**
+     * Whether to dismiss the popup on mouse leave
+     */
+    dismissOnMouseLeave?: boolean;
+    /**
+     * Show the header
+     */
+    showHeader?: boolean;
+    /**
+     * A title displayed at the top of the Popup (only visible when the header is enabled)
+     */
+    title?: string;
+    /**
+     * Hide the close button when displaying the header
+     */
+    hideCloseButton?: boolean;
+    /**
+     * An optional z-index to override the default of 10000
+     */
+    zIndex?: number;
+    /**
+     * An optional container ref that controls what the popup considers
+     * to be the size of the container it belongs to. If the popup expands outside
+     * the bounds of the container, it repositions itself.
+     */
+    containerRef?: MutableRefObject<HTMLDivElement | undefined>;
+    /**
+     * Fired when a close event is dispatched, but the animation is not necessarily finished
+     */
+    onClose?: () => void;
+    /**
+     * Fired after the popup finishes closing
+     */
+    onAfterClose?: () => void;
+    /**
+     * A function used to check if a click falls inside any element
+     * that should not close the popup. Clicks inside the menu itself
+     * are automatically considered inside
+     */
+    checkIfClickInside?: (target: EventTarget) => boolean;
+    /**
+     * Portal location
+     * @default document.body
+     */
+    portalLocation?: HTMLElement;
+    shadow?: ShadowOptions;
+    fixed?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Popup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,aAAa,EAAE,6BAAmB;AAE3C,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAE/C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAErD;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

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

@@ -0,0 +1,6 @@
+export * from './Box';
+export * from './Divider';
+export * from './Flex';
+export * from './Paper';
+export * from './Popup';
+//# 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;AACvB,cAAc,SAAS,CAAA"}

package/dist/components/link/Link.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { TextProps } from '../text';
+type LinkProps = TextProps & ComponentPropsWithoutRef<'a'> & {
+    stopPropagation?: boolean;
+};
+export declare const Link: (props: LinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Link.d.ts.map

package/dist/components/link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAIzE,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,SAAS,GAAG,SAAS,GACxB,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAEH,eAAO,MAAM,IAAI,UAAW,SAAS,qDAwBpC,CAAA"}

package/dist/components/link/Link.js

@@ -0,0 +1,19 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useCallback } from 'react';
+import cn from 'classnames';
+import { Text } from '../text/Text/Text.js';
+import styles from './Link.module.css.js';
+
+const Link = (props) => {
+    const { className, onClick, stopPropagation = true, children, ...other } = props;
+    const handleClick = useCallback((e) => {
+        onClick?.(e);
+        if (stopPropagation) {
+            e.stopPropagation();
+        }
+    }, [onClick, stopPropagation]);
+    return (jsx(Text, { className: cn(styles.root, className), ...other, asChild: true, children: jsx("a", { onClick: handleClick, children: children }) }));
+};
+
+export { Link };
+//# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import { useCallback, MouseEvent, ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextProps } from '../text'\n\nimport styles from './Link.module.css'\n\ntype LinkProps = TextProps &\n  ComponentPropsWithoutRef<'a'> & {\n    stopPropagation?: boolean\n  }\n\nexport const Link = (props: LinkProps) => {\n  const {\n    className,\n    onClick,\n    stopPropagation = true,\n    children,\n    ...other\n  } = props\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLAnchorElement>) => {\n      onClick?.(e)\n      if (stopPropagation) {\n        e.stopPropagation()\n      }\n    },\n    [onClick, stopPropagation]\n  )\n\n  return (\n    <Text className={cn(styles.root, className)} {...other} asChild>\n      <a onClick={handleClick}>{children}</a>\n    </Text>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAaa,MAAA,IAAI,GAAG,CAAC,KAAgB,KAAI;AACvC,IAAA,MAAM,EACJ,SAAS,EACT,OAAO,EACP,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAA;AAET,IAAA,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAgC,KAAI;AACnC,QAAA,OAAO,GAAG,CAAC,CAAC,CAAA;AACZ,QAAA,IAAI,eAAe,EAAE;YACnB,CAAC,CAAC,eAAe,EAAE,CAAA;AACpB,SAAA;AACH,KAAC,EACD,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAM,GAAA,KAAK,EAAE,OAAO,EAC7D,IAAA,EAAA,QAAA,EAAAA,GAAA,CAAA,GAAA,EAAA,EAAG,OAAO,EAAE,WAAW,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAK,EAClC,CAAA,EACR;AACH;;;;"}

package/dist/components/link/Link.module.css.js

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

package/dist/components/link/Link.module.css.js.map

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

package/dist/components/link/TextLink.d.ts

@@ -0,0 +1,6 @@
+import type { TextLinkProps } from './types';
+/**
+ * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.
+ */
+export declare const TextLink: (props: TextLinkProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/link/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/link/TextLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAiD5C,CAAA"}

package/dist/components/link/TextLink.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { TextLink } from './TextLink';
+declare const meta: Meta<typeof TextLink>;
+export default meta;
+type Story = StoryObj<typeof TextLink>;
+export declare const Default: Story;
+export declare const Subdued: Story;
+export declare const Inverted: Story;
+export declare const External: Story;
+export declare const MatchesTextStyle: Story;
+export declare const AsChild: Story;
+//# sourceMappingURL=TextLink.stories.d.ts.map

package/dist/components/link/TextLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAe/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { TextLink } from './TextLink';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,37 @@
+import type { HTMLProps, MouseEventHandler, ReactNode } from 'react';
+export type TextLinkProps = Omit<HTMLProps<HTMLAnchorElement>, 'size' | 'color' | 'ref'> & {
+    /**
+     * Change the default rendered element for the one passed as a child,
+     *  merging their props and behavior.
+     */
+    asChild?: boolean;
+    /**
+     * Which variant to display.
+     * @default default
+     */
+    variant?: 'default' | 'subdued' | 'inverted';
+    /**
+     * If true, prevent the click event from being propagated to other elements.
+     * @default true
+     */
+    stopPropagation?: boolean;
+    /**
+     * A custom click handler if you don't want to link to another page directly.
+     */
+    onClick?: MouseEventHandler;
+    /**
+     * Mark as true if the link destination is outside of the app. Causes the
+     * link to open in a new tab.
+     * @default false
+     */
+    isExternal?: boolean;
+    /**
+     * The link text to be displayed.
+     */
+    children: ReactNode;
+    /**
+     * @ignore: This prop is for internal use only
+     */
+    _isHovered?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpE,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,SAAS,CAAC,iBAAiB,CAAC,EAE5B,MAAM,GAAG,OAAO,GAAG,KAAK,CACzB,GAAG;IACF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAE5C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAInB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}

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

@@ -0,0 +1,6 @@
+type LoadingSpinnerProps = {
+    className?: string;
+};
+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":"AAaA,KAAK,mBAAmB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjD,QAAA,MAAM,cAAc,UAAW,mBAAmB,qDAYjD,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,19 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import cn from 'classnames';
+import Lottie from 'react-lottie';
+import loadingSpinner from '../../assets/animations/loadingSpinner.json.js';
+import styles from './LoadingSpinner.module.css.js';
+
+var lottieOptions = {
+    loop: true,
+    autoplay: true,
+    animationData: loadingSpinner
+};
+var LoadingSpinner = function (props) {
+    var className = props.className;
+    return (jsx("div", __assign({ className: cn(styles.container, className), role: 'progressbar', "data-chromatic": 'ignore' }, { children: jsx(Lottie, { options: lottieOptions }) })));
+};
+
+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 cn from 'classnames'\nimport Lottie from 'react-lottie'\n\nimport loadingSpinner from 'assets/animations/loadingSpinner.json'\n\nimport styles from './LoadingSpinner.module.css'\n\nconst lottieOptions = {\n  loop: true,\n  autoplay: true,\n  animationData: loadingSpinner\n}\n\ntype LoadingSpinnerProps = { className?: string }\n\nconst LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const { className } = props\n\n  return (\n    <div\n      className={cn(styles.container, className)}\n      role='progressbar'\n      data-chromatic='ignore'\n    >\n      <Lottie options={lottieOptions} />\n    </div>\n  )\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;;AAOA,IAAM,aAAa,GAAG;AACpB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,aAAa,EAAE,cAAc;CAC9B,CAAA;AAIK,IAAA,cAAc,GAAG,UAAC,KAA0B,EAAA;AACxC,IAAA,IAAA,SAAS,GAAK,KAAK,CAAA,SAAV,CAAU;AAE3B,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,IAAI,EAAC,aAAa,EACH,gBAAA,EAAA,QAAQ,EAEvB,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,aAAa,EAAA,CAAI,EAC9B,CAAA,CAAA,EACP;AACH;;;;"}

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

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

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

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