@audius/harmony 0.0.34 → 0.1.0

package/dist/components/music-badge/MusicBadge.js

@@ -0,0 +1,40 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import Color from 'color';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Text } from '../text/Text.js';
+
+var MusicBadge = function (props) {
+    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'm' : _b, Icon = props.icon, colorProp = props.color, children = props.children;
+    var color = useTheme().color;
+    var gap = size === 'm' ? 's' : 'xs';
+    var height = size === 'm' ? '2xl' : 'xl';
+    var backgroundColor = colorProp
+        ? color.special[colorProp]
+        : variant === 'default'
+            ? color.background.default
+            : color.background.accent;
+    var textColor = colorProp
+        ? color.special[colorProp]
+        : variant === 'default'
+            ? color.text.default
+            : color.text.accent;
+    var iconColor = colorProp
+        ? color.special[colorProp]
+        : variant === 'default'
+            ? color.icon.default
+            : color.icon.accent;
+    var borderColor = colorProp
+        ? Color(color.special[colorProp]).fade(0.5).toString()
+        : variant === 'default'
+            ? color.border.strong
+            : color.border.accent;
+    return (jsxs(Flex, __assign({ alignItems: 'center', justifyContent: 'center', borderRadius: 's', border: 'strong', gap: gap, h: height, ph: size, css: {
+            backgroundColor: Color(backgroundColor).fade(0.92).toString(),
+            borderColor: borderColor
+        } }, { children: [Icon ? jsx(Icon, { size: size, fill: iconColor }) : null, jsx(Text, __assign({ variant: 'label', size: size, css: { color: textColor } }, { children: children }))] })));
+};
+
+export { MusicBadge };
+//# sourceMappingURL=MusicBadge.js.map

package/dist/components/music-badge/MusicBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicBadge.js","sources":["../../../src/components/music-badge/MusicBadge.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport Color from 'color'\n\nimport type { IconComponent } from 'components/icon'\nimport { SpecialColors } from 'foundations'\n\nimport { Flex } from '../layout/Flex'\nimport { Text } from '../text/Text'\n\nexport type MusicBadgeVariant = 'default' | 'accent'\nexport type MusicBadgeSize = 's' | 'm'\n\nexport type MusicBadgeProps = {\n  /**\n   * The type of the MusicBadge\n   */\n  variant?: MusicBadgeVariant\n  /**\n   * The size of the MusicBadge\n   */\n  size?: 's' | 'm'\n  /**\n   * The icon to display in the left of the MusicBadge\n   */\n  icon?: IconComponent\n  /**\n   * Override the colors of the MusicBadge\n   */\n  color?: SpecialColors\n} & ComponentPropsWithoutRef<'div'>\n\nexport const MusicBadge = (props: MusicBadgeProps) => {\n  const {\n    variant = 'default',\n    size = 'm',\n    icon: Icon,\n    color: colorProp,\n    children\n  } = props\n  const { color } = useTheme()\n\n  const gap = size === 'm' ? 's' : 'xs'\n  const height = size === 'm' ? '2xl' : 'xl'\n\n  const backgroundColor = colorProp\n    ? color.special[colorProp]\n    : variant === 'default'\n    ? color.background.default\n    : color.background.accent\n  const textColor = colorProp\n    ? color.special[colorProp]\n    : variant === 'default'\n    ? color.text.default\n    : color.text.accent\n  const iconColor = colorProp\n    ? color.special[colorProp]\n    : variant === 'default'\n    ? color.icon.default\n    : color.icon.accent\n  const borderColor = colorProp\n    ? Color(color.special[colorProp]).fade(0.5).toString()\n    : variant === 'default'\n    ? color.border.strong\n    : color.border.accent\n\n  return (\n    <Flex\n      alignItems='center'\n      justifyContent='center'\n      borderRadius='s'\n      border='strong'\n      gap={gap}\n      h={height}\n      ph={size}\n      css={{\n        backgroundColor: Color(backgroundColor).fade(0.92).toString(),\n        borderColor\n      }}\n    >\n      {Icon ? <Icon size={size} fill={iconColor} /> : null}\n      <Text variant='label' size={size} css={{ color: textColor }}>\n        {children}\n      </Text>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAiCO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;AAE7C,IAAA,IAAA,EAKE,GAAA,KAAK,CALY,OAAA,EAAnB,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACnB,EAIE,GAAA,KAAK,CAJG,IAAA,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EACJ,IAAI,GAGR,KAAK,CAAA,IAHG,EACH,SAAS,GAEd,KAAK,CAAA,KAFS,EAChB,QAAQ,GACN,KAAK,SADC,CACD;AACD,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAE5B,IAAA,IAAM,GAAG,GAAG,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,IAAI,CAAA;AACrC,IAAA,IAAM,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,KAAK,GAAG,IAAI,CAAA;IAE1C,IAAM,eAAe,GAAG,SAAS;AAC/B,UAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;UACxB,OAAO,KAAK,SAAS;AACvB,cAAE,KAAK,CAAC,UAAU,CAAC,OAAO;AAC1B,cAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAA;IAC3B,IAAM,SAAS,GAAG,SAAS;AACzB,UAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;UACxB,OAAO,KAAK,SAAS;AACvB,cAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AACpB,cAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACrB,IAAM,SAAS,GAAG,SAAS;AACzB,UAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;UACxB,OAAO,KAAK,SAAS;AACvB,cAAE,KAAK,CAAC,IAAI,CAAC,OAAO;AACpB,cAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAA;IACrB,IAAM,WAAW,GAAG,SAAS;AAC3B,UAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;UACpD,OAAO,KAAK,SAAS;AACvB,cAAE,KAAK,CAAC,MAAM,CAAC,MAAM;AACrB,cAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAA;AAEvB,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,YAAY,EAAC,GAAG,EAChB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAE,GAAG,EACR,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,IAAI,EACR,GAAG,EAAE;AACH,YAAA,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;AAC7D,YAAA,WAAW,EAAA,WAAA;AACZ,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAEA,IAAI,GAAGC,GAAC,CAAA,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAA,CAAI,GAAG,IAAI,EACpDA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,EAAA,EAAA,QAAA,EACxD,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH;;;;"}

package/dist/components/music-badge/MusicBadge.stories.d.ts

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

package/dist/components/music-badge/MusicBadge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MusicBadge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/music-badge/MusicBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA"}

package/dist/components/music-badge/index.d.ts

@@ -0,0 +1,3 @@
+export { MusicBadge } from './MusicBadge';
+export type { MusicBadgeProps } from './MusicBadge';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/music-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/music-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/pill/Pill.d.ts

@@ -18,8 +18,8 @@ export declare const Pill: (props: {
     minWidth?: number | undefined;
     fullWidth?: boolean | undefined;
     styles?: {
-        button: CSSObject;
-        icon: CSSObject;
+        button?: CSSObject | undefined;
+        icon?: CSSObject | undefined;
     } | undefined;
     asChild?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/dist/components/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AA+JjD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,sKAwPhB,CAAA"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/popup/Popup.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AA+JjD;;;;;GAKG;AACH,eAAO,MAAM,KAAK,sKAyPhB,CAAA"}

package/dist/components/popup/Popup.js

@@ -11,6 +11,7 @@ import { IconClose } from '../../icons/utilityIcons.js';
 import '@emotion/css';
 import '../button/FollowButton/FollowButton.js';
 import '../button/FilterButton/FilterButton.js';
+import '../button/OptionsFilterButton/OptionsFilterButton.js';
 import '../button/IconButton/IconButton.js';
 import '../button/UnstyledButton.js';
 import { useClickOutside } from '../../hooks/useClickOutside.js';
@@ -242,11 +243,13 @@ var Popup = forwardRef(function Popup(props, ref) {
         return function () { };
     }, [isVisible, handleClose]);
     useEffect(function () {
+        var _a;
         if (popupState === 'closed' && isVisibleProp) {
             setPopupState('opening');
         }
         else if (popupState === 'open' && !isVisibleProp) {
             setPopupState('closing');
+            (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [isVisibleProp, popupState]);
     var transitions = useTransition(isVisibleProp, null, {

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../src/components/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'\nimport { ModalState } from 'utils/modalState'\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: isVisibleProp,\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  const [popupState, setPopupState] = useState<ModalState>('closed')\n\n  const isVisible = popupState !== 'closed'\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  useEffect(() => {\n    if (popupState === 'closed' && isVisibleProp) {\n      setPopupState('opening')\n    } else if (popupState === 'open' && !isVisibleProp) {\n      setPopupState('closing')\n    }\n  }, [isVisibleProp, popupState])\n\n  const transitions = useTransition(isVisibleProp, 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    onDestroyed: (isDestroyed) => {\n      setPopupState(isDestroyed ? 'closed' : 'open')\n    }\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      {popupState !== 'closed'\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        : null}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAyBA,IAAM,QAAQ,GAAG;AACf,IAAA,KAAK,EAAE,aAAa;CACrB,CAAA;AAED;;;AAGG;AACH,IAAM,uBAAuB,GAAG,EAAE,CAAA;AAElC;;;;;;;;AAQG;AACH,IAAM,kBAAkB,GAAG,UACzB,YAAoB,EACpB,eAAuB,EACvB,UAAmB,EACnB,WAAoB,EACpB,MAAmB,EACnB,YAA2D,EAAA;AAE3D,IAAA,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE,eAAe,EAAA,eAAA,EAAE,CAAA;IAEzE,IAAI,cAAc,EAAE,eAAe,CAAA;AACnC,IAAA,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE;QACxC,cAAc;AACZ,YAAA,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK;AAClD,gBAAA,uBAAuB,CAAA;QACzB,eAAe;AACb,YAAA,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM;AACnD,gBAAA,uBAAuB,CAAA;AAC1B,KAAA;AAAM,SAAA;QACL,cAAc;AACZ,YAAA,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,uBAAuB,CAAA;QAChE,eAAe;AACb,YAAA,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,uBAAuB,CAAA;AAClE,KAAA;;IAGD,IAAM,iBAAiB,GAAG,oBAAoB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;IACxE,IAAM,kBAAkB,GAAG,oBAAoB,CAAC,eAAe,EAAE,WAAW,CAAC,CAAA;AAC7E,IAAA,IAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAA;AAC1E,IAAA,IAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAA;;IAG1E,IAAM,aAAa,GAAG,QAAQ,GAAG,WAAW,CAAC,KAAK,GAAG,cAAc,CAAA;AACnE,IAAA,IAAM,YAAY,GAAG,QAAQ,GAAG,CAAC,CAAA;IACjC,IAAM,cAAc,GAAG,QAAQ,GAAG,WAAW,CAAC,MAAM,GAAG,eAAe,CAAA;AACtE,IAAA,IAAM,WAAW,GAAG,QAAQ,GAAG,CAAC,CAAA;;AAGhC,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,YAAY,CAAC,UAAU,GAAG,MAAM,CAAA;AAChC,QAAA,eAAe,CAAC,UAAU,GAAG,OAAO,CAAA;AACrC,KAAA;AACD,IAAA,IAAI,YAAY,EAAE;AAChB,QAAA,YAAY,CAAC,UAAU,GAAG,OAAO,CAAA;AACjC,QAAA,eAAe,CAAC,UAAU,GAAG,MAAM,CAAA;AACpC,KAAA;AACD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAA;AAChC,QAAA,eAAe,CAAC,QAAQ,GAAG,KAAK,CAAA;AACjC,KAAA;AACD,IAAA,IAAI,cAAc,EAAE;AAClB,QAAA,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAA;AAC7B,QAAA,eAAe,CAAC,QAAQ,GAAG,QAAQ,CAAA;AACpC,KAAA;AACD,IAAA,OAAO,EAAE,YAAY,EAAA,YAAA,EAAE,eAAe,EAAA,eAAA,EAAE,CAAA;AAC1C,CAAC,CAAA;AAED;;;AAGG;AACH,IAAM,mBAAmB,GAAG,UAC1B,GAAW,EACX,IAAY,EACZ,WAAoB,EACpB,MAAmB,EAAA;AAEnB,IAAA,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAA;IAE5D,IAAM,cAAc,GAClB,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,uBAAuB,CAAA;IAChE,IAAM,eAAe,GACnB,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,uBAAuB,CAAA;;;IAGjE,IAAM,YAAY,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAA;IAE5D,IAAM,aAAa,GAAG,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,cAAc,CAAA;AAC/D,IAAA,IAAM,YAAY,GAAG,IAAI,GAAG,CAAC,CAAA;IAC7B,IAAM,cAAc,GAAG,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,eAAe,CAAA;AACjE,IAAA,IAAM,WAAW,GAAG,GAAG,GAAG,CAAC,CAAA;IAE3B,IAAM,QAAQ,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,EAAE,CAAA;AAC/D,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QAAQ,CAAC,YAAY;AACnB,YAAA,QAAQ,CAAC,YAAY,IAAI,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,cAAc,CAAC,CAAA;AACtE,KAAA;AACD,IAAA,IAAI,YAAY,EAAE;QAChB,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,GAAG,WAAW,CAAC,KAAK,CAAA;AAClE,KAAA;AACD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,QAAQ,CAAC,WAAW;AAClB,YAAA,QAAQ,CAAC,WAAW,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,eAAe,CAAC,CAAA;AACtE,KAAA;AACD,IAAA,IAAI,cAAc,EAAE;QAClB,QAAQ,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,CAAA;AACjE,KAAA;AACD,IAAA,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAED;;;;;AAKG;AACH,IAAM,oBAAoB,GAAG,UAC3B,MAAc,EACd,UAA6C,EAAA;IAE7C,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,IAAI,CAAC,GAAG,CAAC,CAAA;IACD,IAAA,KAAK,GAAa,UAAU,CAAA,KAAvB,EAAE,MAAM,GAAK,UAAU,CAAA,MAAf,CAAe;AACpC,IAAA,IAAI,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE;AAClC,QAAA,CAAC,IAAI,KAAK,GAAG,CAAC,CAAA;AACf,KAAA;AAAM,SAAA,IAAI,MAAM,CAAC,UAAU,KAAK,OAAO,EAAE;QACxC,CAAC,IAAI,KAAK,CAAA;AACX,KAAA;AACD,IAAA,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAChC,QAAA,CAAC,IAAI,MAAM,GAAG,CAAC,CAAA;AAChB,KAAA;AAAM,SAAA,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE;QACvC,CAAC,IAAI,MAAM,CAAA;AACZ,KAAA;AACD,IAAA,OAAO,EAAE,CAAC,EAAA,CAAA,EAAE,CAAC,EAAA,CAAA,EAAE,CAAA;AACjB,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAW;AAClC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED,IAAM,sBAAsB,GAAW;AACrC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,QAAQ,EAAE,KAAK;CAChB,CAAA;AAED,IAAM,wBAAwB,GAAG,EAAE,CAAA;AAEnC;;;;;AAKG;AACU,IAAA,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACxE,KAAiB,EACjB,GAAwB,EAAA;IAGtB,IAAA,SAAS,GAkBP,KAAK,CAlBE,SAAA,EACT,kBAAkB,GAiBhB,KAAK,CAjBW,kBAAA,EAClB,QAAQ,GAgBN,KAAK,CAhBC,QAAA,EACR,SAAS,GAeP,KAAK,CAAA,SAfE,EACE,aAAa,GActB,KAAK,CAAA,SAdiB,EACxB,YAAY,GAaV,KAAK,CAAA,YAbK,EACZ,OAAO,GAYL,KAAK,QAZA,EACP,EAAA,GAWE,KAAK,CAAA,YAX6C,EAAtC,gBAAgB,mBAAG,mBAAmB,GAAA,EAAA,EACpD,EAAA,GAUE,KAAK,CAAA,eAVsD,EAA5C,mBAAmB,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,sBAAsB,GAAA,EAAA,EAC7D,mBAAmB,GASjB,KAAK,CATY,mBAAA,EACnB,EAQE,GAAA,KAAK,CARgB,eAAA,EAAvB,eAAe,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACvB,UAAU,GAOR,KAAK,CAPG,UAAA,EACV,KAAK,GAMH,KAAK,CAAA,KANF,EACL,MAAM,GAKJ,KAAK,CALD,MAAA,EACN,YAAY,GAIV,KAAK,CAJK,YAAA,EACZ,EAGE,GAAA,KAAK,CAHuB,cAAA,EAA9B,cAAc,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,CAAC,IAAI,GAAA,EAAA,EAC9B,KAEE,KAAK,CAAA,MAFO,EAAd,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACd,KAAK,GACH,KAAK,CAAA,KADF,CACE;IACH,IAAA,EAAA,GAAsB,QAAQ,EAAE,EAA9B,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAe,CAAA;IAChC,IAAA,EAAA,GAA8B,QAAQ,CAAa,QAAQ,CAAC,EAA3D,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAkC,CAAA;AAElE,IAAA,IAAM,SAAS,GAAG,UAAU,KAAK,QAAQ,CAAA;IAEzC,IAAM,WAAW,GAAG,WAAW,CAAC,YAAA;AAC9B,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACX,QAAA,UAAU,CAAC,YAAA;AACT,YAAA,IAAI,YAAY,EAAE;AAChB,gBAAA,YAAY,EAAE,CAAA;AACf,aAAA;SACF,EAAE,wBAAwB,CAAC,CAAA;AAC9B,KAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;AAErB,IAAA,IAAA,EAAkC,GAAA;QACtC,gBAAgB;QAChB,mBAAmB;AACpB,KAAA,EAHM,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,QAGnC,CAAA;IAED,IAAM,QAAQ,GAA2C,eAAe,CACtE,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,OAAO,GAAG,KAAK,UAAU,GAAG,SAAS,GAAG,GAAG,CAC5C,CAAA;AAED,IAAA,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,IAAM,mBAAmB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAA;IACvC,IAAA,EAAA,GACJ,QAAQ,CAAC,YAAY,CAAC,EADjB,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,0BAA0B,GAAA,EAAA,CAAA,CAAA,CAClC,CAAA;;AAGxB,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,SAAS,EAAE;AACP,YAAA,IAAA,EAA4B,GAAA,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,EAC9D,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,MAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,qBAAqB,EAAE,CAAA,EAAA,CACpC,EAFM,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,QAE7B,CAAA;AACD,YAAA,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW;gBAAE,OAAM;YAEjC,IAAA,EAAA,GAGF,kBAAkB,CACpB,YAAY,EACZ,eAAe,EACf,UAAU,EACV,WAAW,EACX,cAAc,EACd,YAAY,CACb,EATe,oBAAoB,GAAA,EAAA,CAAA,YAAA,EACjB,uBAAuB,GAAA,EAAA,CAAA,eAQzC,CAAA;YACD,0BAA0B,CAAC,uBAAuB,CAAC,CAAA;YAEnD,IAAM,iBAAiB,GAAG,oBAAoB,CAC5C,oBAAoB,EACpB,UAAU,CACX,CAAA;YACD,IAAM,kBAAkB,GAAG,oBAAoB,CAC7C,uBAAuB,EACvB,WAAW,CACZ,CAAA;AAED,YAAA,IAAM,KAAG,GAAG,UAAU,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAA;AACrE,YAAA,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAA;AAEhE,YAAA,IAAA,KAAgC,mBAAmB,CACvD,KAAG,EACH,IAAI,EACJ,WAAW,EACX,cAAc,CACf,EALO,WAAW,iBAAA,EAAE,YAAY,kBAKhC,CAAA;YAED,IAAI,UAAU,CAAC,OAAO,EAAE;AACtB,gBAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAA,CAAA,MAAA,CAAG,KAAG,GAAG,WAAW,EAAA,IAAA,CAAI,CAAA;AACvD,gBAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,EAAA,CAAA,MAAA,CAAG,IAAI,GAAG,YAAY,EAAA,IAAA,CAAI,CAAA;AAC3D,aAAA;AAED,YAAA,mBAAmB,CAAC,OAAO,GAAG,KAAG,CAAA;AAClC,SAAA;AACH,KAAC,EAAE;QACD,SAAS;QACT,UAAU;QACV,SAAS;QACT,YAAY;QACZ,eAAe;QACf,0BAA0B;QAC1B,mBAAmB;QACnB,cAAc;QACd,YAAY;AACb,KAAA,CAAC,CAAA;;;;AAKF,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,YAAqB,EAAE,qBAA6B,EAAA;AACnD,QAAA,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAA;QACxC,IAAI,UAAU,CAAC,OAAO,EAAE;AACtB,YAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAA,CAAA,MAAA,CAC7B,mBAAmB,CAAC,OAAO,GAAG,SAAS,GAAG,qBAAqB,OAC7D,CAAA;AACL,SAAA;AACH,KAAC,EACD,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAClC,CAAA;;AAGD,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YAClC,IAAM,cAAY,GAAG,eAAe,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;AACvD,YAAA,IAAI,CAAC,cAAY;gBAAE,OAAM;AAEzB,YAAA,IAAM,uBAAqB,GAAG,cAAY,CAAC,SAAS,CAAA;AACpD,YAAA,IAAM,UAAQ,GAAG,YAAM,EAAA,OAAA,WAAW,CAAC,cAAY,EAAE,uBAAqB,CAAC,CAAhD,EAAgD,CAAA;AACvE,YAAA,cAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAQ,CAAC,CAAA;YACjD,OAAO,YAAA;AACL,gBAAA,cAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAQ,CAAC,CAAA;AACtD,aAAC,CAAA;AACF,SAAA;QAED,OAAO,YAAA,GAAQ,CAAA;KAChB,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;;AAGvC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,SAAS,EAAE;YACb,IAAM,gBAAc,GAAG,UAAC,CAAgB,EAAA;AACtC,gBAAA,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;AACvB,oBAAA,WAAW,EAAE,CAAA;AACd,iBAAA;AACH,aAAC,CAAA;AAED,YAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAc,CAAC,CAAA;AAElD,YAAA,OAAO,YAAM,EAAA,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAc,CAAC,CAArD,EAAqD,CAAA;AACnE,SAAA;QACD,OAAO,YAAA,GAAQ,CAAA;AACjB,KAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAA;AAE5B,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,UAAU,KAAK,QAAQ,IAAI,aAAa,EAAE;YAC5C,aAAa,CAAC,SAAS,CAAC,CAAA;AACzB,SAAA;AAAM,aAAA,IAAI,UAAU,KAAK,MAAM,IAAI,CAAC,aAAa,EAAE;YAClD,aAAa,CAAC,SAAS,CAAC,CAAA;AACzB,SAAA;AACH,KAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAM,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,IAAI,EAAE;AACrD,QAAA,IAAI,EAAE;AACJ,YAAA,SAAS,EAAE,UAAU;AACrB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,UAAU;AACrB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,SAAS,EAAE,UAAU;AACrB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;QACD,MAAM,EAAE,MAAM,CAAC,QAAQ;AACvB,QAAA,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,UAAC,WAAW,EAAA;YACvB,aAAa,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAA;SAC/C;AACF,KAAA,CAAC,CAAA;AAEF,IAAA,IAAM,SAAS,GAAG,EAAE,MAAM,EAAA,MAAA,EAAE,QAAQ,EAAE,KAAK,GAAI,OAAiB,GAAG,SAAS,EAAE,CAAA;IAE9E,IAAM,gBAAgB,GAAG,WAAW,CAAC,YAAA;AACnC,QAAA,IAAI,mBAAmB,EAAE;AACvB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACZ,SAAA;AACH,KAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAA;AAElC,IAAA,QACEA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAEG,UAAU,KAAK,QAAQ;AACtB,cAAE,QAAQ,CAAC,YAAY,CACnBD,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAE7B,WAAW,CAAC,GAAG,CAAC,UAAC,EAAoB,EAAA;;AAAlB,oBAAA,IAAA,IAAI,UAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAClC,oBAAA,OAAA,IAAI,IACFE,IAAA,CAAC,QAAQ,CAAC,GAAG,EAAA,QAAA,CAAA,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,EACnC,GAAG,EAAE,QAAQ,EAEb,KAAK,EACA,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,eAAe,EAAE,EAAA,CAAA,MAAA,CAAG,uBAAuB,CAAC,UAAU,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,uBAAuB,CAAC,QAAQ,CAAE,EAG7F,CAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,UAAU,KACTA,IACE,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;AACzB,oCAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,eAAe;wCACjC,EAED,EAAA,EAAA,QAAA,EAAA,CAAA,eAAe,GAAG,IAAI,IACrBF,GAAC,CAAA,WAAW,IACV,OAAO,EAAC,SAAS,EAAA,YAAA,EACL,QAAQ,CAAC,KAAK,EAC1B,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,SAAS,EAAA,CACnB,CACH,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAG,EAAA,EAAA,QAAA,EAAA,KAAK,IAAO,CACvC,EAAA,CAAA,CAAA,CACP,EACA,QAAQ,CAvBJ,EAAA,CAAA,EAAA,GAAG,CAwBK,IACb,IAAI,CAAA;AA9BR,iBA8BQ,CACT,EAAA,CAAA,CACG,EACN,cAAc,CACf;AACH,cAAE,IAAI,EACP,CAAA,EACJ;AACH,CAAC;;;;"}
+{"version":3,"file":"Popup.js","sources":["../../../src/components/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'\nimport { ModalState } from 'utils/modalState'\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: isVisibleProp,\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  const [popupState, setPopupState] = useState<ModalState>('closed')\n\n  const isVisible = popupState !== 'closed'\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  useEffect(() => {\n    if (popupState === 'closed' && isVisibleProp) {\n      setPopupState('opening')\n    } else if (popupState === 'open' && !isVisibleProp) {\n      setPopupState('closing')\n      anchorRef.current?.focus()\n    }\n  }, [isVisibleProp, popupState])\n\n  const transitions = useTransition(isVisibleProp, 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    onDestroyed: (isDestroyed) => {\n      setPopupState(isDestroyed ? 'closed' : 'open')\n    }\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      {popupState !== 'closed'\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        : null}\n    </>\n  )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/dist/components/text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwC,MAAM,OAAO,CAAA;AAWzE,eAAO,MAAM,IAAI,4WAoFhB,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAwC,MAAM,OAAO,CAAA;AAWzE,eAAO,MAAM,IAAI,4WAqFhB,CAAA"}

package/dist/components/text/Text.js

@@ -9,12 +9,13 @@ import { TextContext } from './textContext.js';
 
 var Text = forwardRef(function (props, ref) {
     var _a, _b, _c;
-    var children = props.children, propVariant = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses"]);
+    var children = props.children, variantProp = props.variant, strengthProp = props.strength, sizeProp = props.size, color = props.color, shadow = props.shadow, tag = props.tag, asChild = props.asChild, textAlign = props.textAlign, textTransform = props.textTransform, ellipses = props.ellipses, other = __rest(props, ["children", "variant", "strength", "size", "color", "shadow", "tag", "asChild", "textAlign", "textTransform", "ellipses"]);
     var theme = useTheme();
     var contextVariant = useContext(TextContext).variant;
-    var variant = (_a = propVariant !== null && propVariant !== void 0 ? propVariant : contextVariant) !== null && _a !== void 0 ? _a : 'body';
-    var strength = strengthProp !== null && strengthProp !== void 0 ? strengthProp : (contextVariant ? undefined : 'default');
-    var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : (contextVariant ? undefined : 'm');
+    var variant = (_a = variantProp !== null && variantProp !== void 0 ? variantProp : contextVariant) !== null && _a !== void 0 ? _a : 'body';
+    var parentVariant = contextVariant && !variantProp;
+    var strength = strengthProp !== null && strengthProp !== void 0 ? strengthProp : (parentVariant ? undefined : 'default');
+    var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : (parentVariant ? undefined : 'm');
     var variantConfig = variant && variantStylesMap[variant];
     var css = __assign(__assign(__assign(__assign(__assign(__assign(__assign({ fontFamily: "'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif", position: 'relative', boxSizing: 'border-box' }, (color &&
         color === 'heading' && {
@@ -41,7 +42,7 @@ var Text = forwardRef(function (props, ref) {
     var variantTag = variant && ((_b = variantTagMap[variant]) === null || _b === void 0 ? void 0 : _b[size]);
     var Tag = asChild ? Slot : (_c = tag !== null && tag !== void 0 ? tag : variantTag) !== null && _c !== void 0 ? _c : 'span';
     var textElement = (jsx(Tag, __assign({ ref: ref, css: css }, other, { children: children })));
-    if (contextVariant && !propVariant) {
+    if (parentVariant) {
         return textElement;
     }
     return (jsx(TextContext.Provider, __assign({ value: { variant: variant } }, { children: textElement })));

package/dist/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import { ElementType, ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { typography } from '../../foundations/typography'\n\nimport { variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: propVariant,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = propVariant ?? contextVariant ?? 'body'\n    const strength = strengthProp ?? (contextVariant ? undefined : 'default')\n    const size = sizeProp ?? (contextVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n    const css = {\n      fontFamily: `'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif`,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...(color &&\n        color === 'heading' && {\n          // inline is necessary to prevent text clipping\n          display: 'inline',\n          color: theme.color.secondary.secondary,\n          WebkitTextFillColor: 'transparent',\n          backgroundClip: 'text',\n          backgroundImage: theme.color.text.heading\n        }),\n      ...(color && color !== 'heading' && { color: theme.color.text[color] }),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: typography.size[variantConfig.fontSize[size]],\n        // @ts-ignore\n        lineHeight: typography.lineHeight[variantConfig.lineHeight[size]],\n        // @ts-ignore\n        fontWeight: typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css)\n      }),\n      ...(shadow && {\n        textShadow: typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      })\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : tag ?? variantTag ?? 'span'\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {children}\n      </Tag>\n    )\n\n    if (contextVariant && !propVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAWa,IAAI,GAAG,UAAU,CAC5B,UACE,KAAmC,EACnC,GAAoC,EAAA;;AAGlC,IAAA,IAAA,QAAQ,GAYN,KAAK,CAAA,QAZC,EACC,WAAW,GAWlB,KAAK,CAXa,OAAA,EACV,YAAY,GAUpB,KAAK,CAAA,QAVe,EAChB,QAAQ,GASZ,KAAK,CATO,IAAA,EACd,KAAK,GAQH,KAAK,CAAA,KARF,EACL,MAAM,GAOJ,KAAK,CAPD,MAAA,EACN,GAAG,GAMD,KAAK,CAAA,GANJ,EACH,OAAO,GAKL,KAAK,CALA,OAAA,EACP,SAAS,GAIP,KAAK,CAAA,SAJE,EACT,aAAa,GAGX,KAAK,CAHM,aAAA,EACb,QAAQ,GAEN,KAAK,CAAA,QAFC,EACL,KAAK,GACN,MAAA,CAAA,KAAK,EAbH,CAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,CAaL,CADS,CACD;AAET,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AAChB,IAAA,IAAS,cAAc,GAAK,UAAU,CAAC,WAAW,CAAC,QAA5B,CAA4B;AAC3D,IAAA,IAAM,OAAO,GAAG,CAAA,EAAA,GAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,cAAc,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,MAAM,CAAA;AACvD,IAAA,IAAM,QAAQ,GAAG,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAZ,YAAY,IAAK,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;AACzE,IAAA,IAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAR,QAAQ,IAAK,cAAc,GAAG,SAAS,GAAG,GAAG,CAAC,CAAA;IAE3D,IAAM,aAAa,GAAG,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAA;AAC1D,IAAA,IAAM,GAAG,GAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EACP,UAAU,EAAE,2EACI,EAChB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,YAAY,EAAA,GACnB,KAAK;QACP,KAAK,KAAK,SAAS,IAAI;;AAErB,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS;AACtC,QAAA,mBAAmB,EAAE,aAAa;AAClC,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;KAC1C,EAAC,GACA,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EACnE,GAAC,aAAa,IAAA,QAAA,CAAA;;QAEf,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;QAEvD,UAAU,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;QAEjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAA,GAC7D,KAAK,IAAI,aAAa,IAAI,aAAa,CAAC,GAAG,EAChD,EAAC,GACE,MAAM,IAAI;AACZ,QAAA,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;AACtC,KAAA,EACD,EAAA,EAAA,SAAS,EAAA,SAAA,EAAA,CAAA,GACL,aAAa,IAAI,EAAE,aAAa,eAAA,EAAE,EACnC,GAAC,QAAQ,IAAI;AACd,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,YAAY,EAAE,UAAU;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA,EACF,CAAA;;AAGD,IAAA,IAAM,UAAU,GAAG,OAAO,KAAI,CAAA,EAAA,GAAA,aAAa,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,IAAI,CAAC,CAAA,CAAA;IAE5D,IAAM,GAAG,GAAgB,OAAO,GAAG,IAAI,GAAG,MAAA,GAAG,KAAA,IAAA,IAAH,GAAG,KAAH,KAAA,CAAA,GAAA,GAAG,GAAI,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,MAAM,CAAA;AAErE,IAAA,IAAM,WAAW,IACfA,IAAC,GAAG,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,KAAK,cAC/B,QAAQ,EAAA,CAAA,CACL,CACP,CAAA;AAED,IAAA,IAAI,cAAc,IAAI,CAAC,WAAW,EAAE;AAClC,QAAA,OAAO,WAAW,CAAA;AACnB,KAAA;AAED,IAAA,QACEA,GAAC,CAAA,WAAW,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,EAAA,EAAA,EAAA,QAAA,EACrC,WAAW,EAAA,CAAA,CACS,EACxB;AACH,CAAC;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import { ElementType, ForwardedRef, forwardRef, useContext } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { typography } from '../../foundations/typography'\n\nimport { variantStylesMap, variantTagMap } from './constants'\nimport { TextContext } from './textContext'\nimport type { TextProps } from './types'\n\nexport const Text = forwardRef(\n  <TextComponentType extends ElementType = 'p'>(\n    props: TextProps<TextComponentType>,\n    ref: ForwardedRef<TextComponentType>\n  ) => {\n    const {\n      children,\n      variant: variantProp,\n      strength: strengthProp,\n      size: sizeProp,\n      color,\n      shadow,\n      tag,\n      asChild,\n      textAlign,\n      textTransform,\n      ellipses,\n      ...other\n    } = props\n\n    const theme = useTheme()\n    const { variant: contextVariant } = useContext(TextContext)\n    const variant = variantProp ?? contextVariant ?? 'body'\n    const parentVariant = contextVariant && !variantProp\n    const strength = strengthProp ?? (parentVariant ? undefined : 'default')\n    const size = sizeProp ?? (parentVariant ? undefined : 'm')\n\n    const variantConfig = variant && variantStylesMap[variant]\n    const css = {\n      fontFamily: `'Avenir Next LT Pro', 'Helvetica Neue', Helvetica,\n    Arial, sans-serif`,\n      position: 'relative',\n      boxSizing: 'border-box',\n      ...(color &&\n        color === 'heading' && {\n          // inline is necessary to prevent text clipping\n          display: 'inline',\n          color: theme.color.secondary.secondary,\n          WebkitTextFillColor: 'transparent',\n          backgroundClip: 'text',\n          backgroundImage: theme.color.text.heading\n        }),\n      ...(color && color !== 'heading' && { color: theme.color.text[color] }),\n      ...(variantConfig && {\n        // @ts-ignore\n        fontSize: typography.size[variantConfig.fontSize[size]],\n        // @ts-ignore\n        lineHeight: typography.lineHeight[variantConfig.lineHeight[size]],\n        // @ts-ignore\n        fontWeight: typography.weight[variantConfig.fontWeight[strength]],\n        ...('css' in variantConfig && variantConfig.css)\n      }),\n      ...(shadow && {\n        textShadow: typography.shadow[shadow]\n      }),\n      textAlign,\n      ...(textTransform && { textTransform }),\n      ...(ellipses && {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap'\n      })\n    }\n\n    // @ts-ignore\n    const variantTag = variant && variantTagMap[variant]?.[size]\n\n    const Tag: ElementType = asChild ? Slot : tag ?? variantTag ?? 'span'\n\n    const textElement = (\n      <Tag ref={ref} css={css} {...other}>\n        {children}\n      </Tag>\n    )\n\n    if (parentVariant) {\n      return textElement\n    }\n\n    return (\n      <TextContext.Provider value={{ variant }}>\n        {textElement}\n      </TextContext.Provider>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":"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"}

package/dist/foundations/color/color.d.ts

@@ -38,6 +38,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -93,6 +94,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -135,6 +138,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -190,6 +194,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -232,6 +238,7 @@ export declare const colorTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -287,6 +294,8 @@ export declare const colorTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };

package/dist/foundations/color/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/color.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAatB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAA"}

package/dist/foundations/color/primitive.d.ts

@@ -46,6 +46,8 @@ export declare const primitiveTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -96,6 +98,8 @@ export declare const primitiveTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };
@@ -146,6 +150,8 @@ export declare const primitiveTheme: {
             darkRed: string;
             green: string;
             lightGreen: string;
+            trendingBlue: string;
+            aiGreen: string;
             gradient: string;
         };
     };

package/dist/foundations/color/primitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJ1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA"}
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/primitive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8J1B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,cAAc,CAAC,GAAG,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,eAAe,GAAG,MAAM,eAAe,CAAC,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA;AAC5D,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,CAAA"}

package/dist/foundations/color/primitive.js

@@ -46,6 +46,8 @@ var primitiveTheme = {
             darkRed: '#BB0218',
             green: '#0F9E48',
             lightGreen: '#13C65A',
+            trendingBlue: '#216FDC',
+            aiGreen: '#1FD187',
             gradient: 'linear-gradient(315deg, #5b23e1 0%, #a22feb 100%)'
         }
     },
@@ -96,6 +98,8 @@ var primitiveTheme = {
             darkRed: '#C43047',
             green: '#6CDF44',
             lightGreen: '#13C65A',
+            trendingBlue: '#216FDC',
+            aiGreen: '#1FD187',
             gradient: 'linear-gradient(315deg, #7652cc 0%, #b05ce6 100%)'
         }
     },
@@ -146,6 +150,8 @@ var primitiveTheme = {
             darkRed: '#C43047',
             green: '#6CDF44',
             lightGreen: '#13C65A',
+            trendingBlue: '#216FDC',
+            aiGreen: '#1FD187',
             gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'
         }
     }

package/dist/foundations/color/primitive.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#CC0FE0',\n      p100: '#D63FE6',\n      p200: '#D127E3',\n      p300: '#CC0FE0',\n      p400: '#B80ECA',\n      p500: '#A30CB3'\n    },\n    secondary: {\n      secondary: '#7E1BCC',\n      s100: '#9849D6',\n      s200: '#8B32D1',\n      s300: '#7E1BCC',\n      s400: '#7118B8',\n      s500: '#6516A3'\n    },\n    neutral: {\n      neutral: '#858199',\n      n25: '#FCFCFC',\n      n50: '#F7F7F9',\n      n100: '#F2F2F4',\n      n150: '#E7E6EB',\n      n200: '#DAD9E0',\n      n300: '#CECDD6',\n      n400: '#C2C0CC',\n      n500: '#B6B3C2',\n      n600: '#AAA7B8',\n      n700: '#9D9AAD',\n      n800: '#858199',\n      n900: '#78748A',\n      n950: '#6A677A'\n    },\n    special: {\n      white: '#FFFFFF',\n      background: '#F3F0F7',\n      blue: '#1BA1F1',\n      orange: '#FF9400',\n      red: '#D0021B',\n      darkRed: '#BB0218',\n      green: '#0F9E48',\n      lightGreen: '#13C65A',\n      gradient: 'linear-gradient(315deg, #5b23e1 0%, #a22feb 100%)'\n    }\n  },\n\n  dark: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#C74BD3',\n      p100: '#A945B9',\n      p200: '#B748C6',\n      p300: '#C74BD3',\n      p400: '#C556D4',\n      p500: '#C563D6'\n    },\n    secondary: {\n      secondary: '#9147CC',\n      s100: '#7440A4',\n      s200: '#8244B8',\n      s300: '#9147CC',\n      s400: '#975ACD',\n      s500: '#9A60CF'\n    },\n    neutral: {\n      neutral: '#BEC5E0',\n      n25: '#35364F',\n      n50: '#393A54',\n      n100: '#3F415B',\n      n150: '#4E4F6A',\n      n200: '#5A5E78',\n      n300: '#696D88',\n      n400: '#777C96',\n      n500: '#868AA4',\n      n600: '#9399B3',\n      n700: '#A2A8C2',\n      n800: '#BEC5E0',\n      n900: '#CFD5EC',\n      n950: '#D9DEF1'\n    },\n    special: {\n      white: '#32334D',\n      background: '#242438',\n      blue: '#58B9F4',\n      orange: '#EFA947',\n      red: '#F9344C',\n      darkRed: '#C43047',\n      green: '#6CDF44',\n      lightGreen: '#13C65A',\n      gradient: 'linear-gradient(315deg, #7652cc 0%, #b05ce6 100%)'\n    }\n  },\n  matrix: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#0CF10C',\n      p100: '#0CF10C',\n      p200: '#0CF10C',\n      p300: '#0CF10C',\n      p400: '#0CF10C',\n      p500: '#0CF10C'\n    },\n    secondary: {\n      secondary: '#184F17',\n      s100: '#184F17',\n      s200: '#184F17',\n      s300: '#184F17',\n      s400: '#184F17',\n      s500: '#184F17'\n    },\n    neutral: {\n      neutral: '#21B404',\n      n25: '#1D211B',\n      n50: '#202A1D',\n      n100: '#1A2F15',\n      n150: '#1B3714',\n      n200: '#1C5610',\n      n300: '#1D5E0F',\n      n400: '#1D660E',\n      n500: '#1F850A',\n      n600: '#1F9508',\n      n700: '#20A406',\n      n800: '#21B404',\n      n900: '#21B404',\n      n950: '#21B404'\n    },\n    special: {\n      white: '#1F211F',\n      background: '#191818',\n      blue: '#58B9F4',\n      orange: '#EFA947',\n      red: '#F9344C',\n      darkRed: '#C43047',\n      green: '#6CDF44',\n      lightGreen: '#13C65A',\n      gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitive.js","sources":["../../../src/foundations/color/primitive.ts"],"sourcesContent":["export const primitiveTheme = {\n  day: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#CC0FE0',\n      p100: '#D63FE6',\n      p200: '#D127E3',\n      p300: '#CC0FE0',\n      p400: '#B80ECA',\n      p500: '#A30CB3'\n    },\n    secondary: {\n      secondary: '#7E1BCC',\n      s100: '#9849D6',\n      s200: '#8B32D1',\n      s300: '#7E1BCC',\n      s400: '#7118B8',\n      s500: '#6516A3'\n    },\n    neutral: {\n      neutral: '#858199',\n      n25: '#FCFCFC',\n      n50: '#F7F7F9',\n      n100: '#F2F2F4',\n      n150: '#E7E6EB',\n      n200: '#DAD9E0',\n      n300: '#CECDD6',\n      n400: '#C2C0CC',\n      n500: '#B6B3C2',\n      n600: '#AAA7B8',\n      n700: '#9D9AAD',\n      n800: '#858199',\n      n900: '#78748A',\n      n950: '#6A677A'\n    },\n    special: {\n      white: '#FFFFFF',\n      background: '#F3F0F7',\n      blue: '#1BA1F1',\n      orange: '#FF9400',\n      red: '#D0021B',\n      darkRed: '#BB0218',\n      green: '#0F9E48',\n      lightGreen: '#13C65A',\n      trendingBlue: '#216FDC',\n      aiGreen: '#1FD187',\n      gradient: 'linear-gradient(315deg, #5b23e1 0%, #a22feb 100%)'\n    }\n  },\n\n  dark: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#C74BD3',\n      p100: '#A945B9',\n      p200: '#B748C6',\n      p300: '#C74BD3',\n      p400: '#C556D4',\n      p500: '#C563D6'\n    },\n    secondary: {\n      secondary: '#9147CC',\n      s100: '#7440A4',\n      s200: '#8244B8',\n      s300: '#9147CC',\n      s400: '#975ACD',\n      s500: '#9A60CF'\n    },\n    neutral: {\n      neutral: '#BEC5E0',\n      n25: '#35364F',\n      n50: '#393A54',\n      n100: '#3F415B',\n      n150: '#4E4F6A',\n      n200: '#5A5E78',\n      n300: '#696D88',\n      n400: '#777C96',\n      n500: '#868AA4',\n      n600: '#9399B3',\n      n700: '#A2A8C2',\n      n800: '#BEC5E0',\n      n900: '#CFD5EC',\n      n950: '#D9DEF1'\n    },\n    special: {\n      white: '#32334D',\n      background: '#242438',\n      blue: '#58B9F4',\n      orange: '#EFA947',\n      red: '#F9344C',\n      darkRed: '#C43047',\n      green: '#6CDF44',\n      lightGreen: '#13C65A',\n      trendingBlue: '#216FDC',\n      aiGreen: '#1FD187',\n      gradient: 'linear-gradient(315deg, #7652cc 0%, #b05ce6 100%)'\n    }\n  },\n  matrix: {\n    static: {\n      white: '#FFFFFF',\n      black: '#000000',\n      primary: '#CC0FE0'\n    },\n    primary: {\n      primary: '#0CF10C',\n      p100: '#0CF10C',\n      p200: '#0CF10C',\n      p300: '#0CF10C',\n      p400: '#0CF10C',\n      p500: '#0CF10C'\n    },\n    secondary: {\n      secondary: '#184F17',\n      s100: '#184F17',\n      s200: '#184F17',\n      s300: '#184F17',\n      s400: '#184F17',\n      s500: '#184F17'\n    },\n    neutral: {\n      neutral: '#21B404',\n      n25: '#1D211B',\n      n50: '#202A1D',\n      n100: '#1A2F15',\n      n150: '#1B3714',\n      n200: '#1C5610',\n      n300: '#1D5E0F',\n      n400: '#1D660E',\n      n500: '#1F850A',\n      n600: '#1F9508',\n      n700: '#20A406',\n      n800: '#21B404',\n      n900: '#21B404',\n      n950: '#21B404'\n    },\n    special: {\n      white: '#1F211F',\n      background: '#191818',\n      blue: '#58B9F4',\n      orange: '#EFA947',\n      red: '#F9344C',\n      darkRed: '#C43047',\n      green: '#6CDF44',\n      lightGreen: '#13C65A',\n      trendingBlue: '#216FDC',\n      aiGreen: '#1FD187',\n      gradient: 'linear-gradient(323.08deg, #4FF069 36.13%, #09BD51 133.51%)'\n    }\n  }\n}\n\nexport type PrimitiveColors = typeof primitiveTheme.day\nexport type PrimaryColors = keyof PrimitiveColors['primary']\nexport type SecondaryColors = keyof PrimitiveColors['secondary']\nexport type NeutralColors = keyof PrimitiveColors['neutral']\nexport type SpecialColors = keyof PrimitiveColors['special']\n"],"names":[],"mappings":"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"}

package/dist/foundations/color/semantic.d.ts

@@ -38,6 +38,7 @@ export declare const semanticTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -87,6 +88,7 @@ export declare const semanticTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;
@@ -136,6 +138,7 @@ export declare const semanticTheme: {
         border: {
             default: string;
             strong: string;
+            accent: string;
         };
         focus: {
             default: string;

package/dist/foundations/color/semantic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AAmDA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../../../src/foundations/color/semantic.ts"],"names":[],"mappings":"AAoDA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC,GAAG,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,cAAc,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,gBAAgB,GAAG,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;AACjE,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;AACzD,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,OAAO,CAAC,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA"}

package/dist/foundations/color/semantic.js

@@ -38,7 +38,8 @@ var createSemanticTheme = function (primitives) { return ({
     },
     border: {
         default: primitives.neutral.n100,
-        strong: primitives.neutral.n150
+        strong: primitives.neutral.n150,
+        accent: primitives.secondary.s300
     },
     focus: { default: primitives.secondary.secondary },
     status: {

package/dist/foundations/color/semantic.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n  text: {\n    heading: primitives.special.gradient,\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    active: primitives.primary.primary,\n    accent: primitives.secondary.s300,\n    staticWhite: primitives.static.white,\n    warning: primitives.special.orange,\n    danger: primitives.special.red\n  },\n  icon: {\n    heading: primitives.special.gradient,\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    active: primitives.primary.primary,\n    accent: primitives.secondary.s300,\n    staticWhite: primitives.static.white,\n    warning: primitives.special.orange,\n    danger: primitives.special.red\n  },\n  link: {\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    visible: primitives.primary.p500,\n    inverted: primitives.static.white\n  },\n  background: {\n    default: primitives.special.background,\n    white: primitives.special.white,\n    surface1: primitives.neutral.n25,\n    surface2: primitives.neutral.n100,\n    accent: primitives.secondary.s300\n  },\n  border: {\n    default: primitives.neutral.n100,\n    strong: primitives.neutral.n150\n  },\n  focus: { default: primitives.secondary.secondary },\n  status: {\n    error: primitives.special.red,\n    warning: primitives.special.orange,\n    success: primitives.special.green\n  }\n})\n\nexport const semanticTheme = {\n  day: createSemanticTheme(primitiveTheme.day),\n  dark: createSemanticTheme(primitiveTheme.dark),\n  matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":";;AAGA,IAAM,mBAAmB,GAAG,UAAC,UAA2B,EAAA,EAAK,QAAC;AAC5D,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AACnC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AACnC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AACjC,QAAA,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AACpC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC/B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;AACnC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK;AAClC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU;AACtC,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAC/B,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAChC,QAAA,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AACjC,QAAA,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,QAAA,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI;AAChC,KAAA;IACD,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,EAAE;AAClD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG;AAC7B,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM;AAClC,QAAA,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK;AAClC,KAAA;CACF,EAAC,EAAA,CAAA;AAEW,IAAA,aAAa,GAAG;AAC3B,IAAA,GAAG,EAAE,mBAAmB,CAAC,cAAc,CAAC,GAAG,CAAC;AAC5C,IAAA,IAAI,EAAE,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC;AAC9C,IAAA,MAAM,EAAE,mBAAmB,CAAC,cAAc,CAAC,MAAM,CAAC;;;;;"}
+{"version":3,"file":"semantic.js","sources":["../../../src/foundations/color/semantic.ts"],"sourcesContent":["import type { PrimitiveColors } from './primitive'\nimport { primitiveTheme } from './primitive'\n\nconst createSemanticTheme = (primitives: PrimitiveColors) => ({\n  text: {\n    heading: primitives.special.gradient,\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    active: primitives.primary.primary,\n    accent: primitives.secondary.s300,\n    staticWhite: primitives.static.white,\n    warning: primitives.special.orange,\n    danger: primitives.special.red\n  },\n  icon: {\n    heading: primitives.special.gradient,\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    disabled: primitives.neutral.n150,\n    active: primitives.primary.primary,\n    accent: primitives.secondary.s300,\n    staticWhite: primitives.static.white,\n    warning: primitives.special.orange,\n    danger: primitives.special.red\n  },\n  link: {\n    default: primitives.neutral.neutral,\n    subdued: primitives.neutral.n400,\n    visible: primitives.primary.p500,\n    inverted: primitives.static.white\n  },\n  background: {\n    default: primitives.special.background,\n    white: primitives.special.white,\n    surface1: primitives.neutral.n25,\n    surface2: primitives.neutral.n100,\n    accent: primitives.secondary.s300\n  },\n  border: {\n    default: primitives.neutral.n100,\n    strong: primitives.neutral.n150,\n    accent: primitives.secondary.s300\n  },\n  focus: { default: primitives.secondary.secondary },\n  status: {\n    error: primitives.special.red,\n    warning: primitives.special.orange,\n    success: primitives.special.green\n  }\n})\n\nexport const semanticTheme = {\n  day: createSemanticTheme(primitiveTheme.day),\n  dark: createSemanticTheme(primitiveTheme.dark),\n  matrix: createSemanticTheme(primitiveTheme.matrix)\n}\n\nexport type SemanticColors = typeof semanticTheme.day\n\nexport type TextColors = keyof SemanticColors['text']\nexport type IconColors = keyof SemanticColors['icon']\nexport type BackgroundColors = keyof SemanticColors['background']\nexport type BorderColors = keyof SemanticColors['border']\nexport type FocusColors = keyof SemanticColors['focus']\nexport type StatusColors = keyof SemanticColors['status']\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -27,6 +27,7 @@ export { PlainButton } from './components/button/PlainButton/PlainButton.js';
 export { SocialButton } from './components/button/SocialButton/SocialButton.js';
 export { FollowButton } from './components/button/FollowButton/FollowButton.js';
 export { FilterButton } from './components/button/FilterButton/FilterButton.js';
+export { FilterButtonOptions, OptionsFilterButton } from './components/button/OptionsFilterButton/OptionsFilterButton.js';
 export { IconButton } from './components/button/IconButton/IconButton.js';
 export { UnstyledButton } from './components/button/UnstyledButton.js';
 export { CompletionCheck } from './components/completion-check/CompletionCheck.js';
@@ -52,8 +53,10 @@ export { ProgressBar } from './components/progress-bar/ProgressBar.js';
 export { Scrubber } from './components/scrubber/Scrubber.js';
 export { Skeleton } from './components/skeleton/Skeleton.js';
 export { Artwork } from './components/artwork/Artwork.js';
+export { MusicBadge } from './components/music-badge/MusicBadge.js';
 export { default as LoadingSpinner } from './components/loading-spinner/LoadingSpinner.js';
 export { Pill } from './components/pill/Pill.js';
+export { HiddenInput } from './components/common/HiddenInput.js';
 export { IconAlbum, IconAllTime, IconAppearance, IconArrowLeft, IconArrowRight, IconBlog, IconBoxHeart, IconCalendarDay, IconCalendarMonth, IconCalendarWeek, IconCamera, IconCampfire, IconCaretDown, IconCaretLeft, IconCaretRight, IconCaretUp, IconCart, IconCastAirplay, IconCastChromecast, IconCheck, IconClose, IconCloseAlt, IconCloudDownload, IconCloudDownloadError, IconCloudDownloadInactive, IconCloudDownloadPaused, IconCloudDownloadQueued, IconCloudUpload, IconCollectible, IconCompose, IconCopy, IconCreatePlaylist, IconCreditCard, IconCrown, IconDashboard, IconDesktop, IconDonate, IconDrag, IconEarnings, IconEmailAddress, IconEmbed, IconError, IconExplore, IconExternalLink, IconFeed, IconFilter, IconFolder, IconFoundation, IconGift, IconHeadphones, IconHeart, IconImage, IconIndent, IconInfo, IconKebabHorizontal, IconKey, IconLibrary, IconLifeRing, IconLink, IconListeningHistory, IconListens, IconLock, IconLockUnlocked, IconMerch, IconMessage, IconMessageBlock, IconMessageLocked, IconMessageUnblock, IconMinus, IconMoneyBracket, IconMood, IconNoWifi, IconNote, IconNotificationOff, IconNotificationOn, IconPause, IconPencil, IconPlay, IconPlaybackPause, IconPlaybackPlay, IconPlaylists, IconPlus, IconPodcastBack, IconPodcastForward, IconQuestionCircle, IconRadar, IconReceive, IconRecoveryEmail, IconRefresh, IconRemix, IconRemove, IconRepeatOff, IconRepost, IconRobot, IconRocket, IconSave, IconSearch, IconSend, IconSettings, IconShare, IconShieldCheck, IconShieldUser, IconShuffle, IconSignOut, IconSkipNext, IconSkipPrevious, IconSkull, IconSort, IconSortDown, IconSortUp, IconSoundwave, IconSpeaker, IconSpecialAccess, IconStar, IconStars, IconSupport, IconTastemaker, IconThumbsDown, IconThumbsUp, IconTipping, IconTransaction, IconTrash, IconTrending, IconTriangleExclamation, IconTrophy, IconTurntable, IconUser, IconUserArrowRotate, IconUserFollow, IconUserFollowers, IconUserFollowing, IconUserGroup, IconUserList, IconUserUnfollow, IconValidationCheck, IconValidationX, IconVisibilityHidden, IconVisibilityPublic, IconVolumeLevel0, IconVolumeLevel1, IconVolumeLevel2, IconVolumeLevel3, IconWallet, IconWand, IconWaveForm, IconWithdraw } from './icons/utilityIcons.js';
 export { IconAudiusLogo, IconAudiusLogoColor, IconAudiusLogoHorizontal, IconAudiusLogoHorizontalColor, IconAudiusLogoVertical, IconDiscord, IconFacebook, IconInstagram, IconLogoCircle, IconLogoCircleCoinbase, IconLogoCircleETH, IconLogoCircleSOL, IconLogoCircleSTR, IconLogoCircleUSD, IconLogoCircleUSDC, IconLogoCoinbase, IconLogoCoinbasePay, IconLogoLinkByStripe, IconMetamask, IconPhantom, IconSnapChat, IconSolana, IconTelegram, IconTikTok, IconTwitter } from './icons/logos.js';
 export { IconArtistBadge, IconCcBy, IconCcCC, IconCcNC, IconCcNC_EU, IconCcNC_JP, IconCcND, IconCcPD, IconCcRemix, IconCcSA, IconCcSampling, IconCcSamplingPlus, IconCcShare, IconCcZero, IconCosign, IconFile3GA, IconFile3GP, IconFileAAC, IconFileAIF, IconFileAIFC, IconFileAIFF, IconFileAMR, IconFileAWB, IconFileFLAC, IconFileM4A, IconFileM4B, IconFileM4P, IconFileM4R, IconFileM4V, IconFileMP2, IconFileMP3, IconFileMP4, IconFileMPGA, IconFileOGA, IconFileOGG, IconFileOGM, IconFileOGV, IconFileOGX, IconFileOPUS, IconFileSPX, IconFileTS, IconFileTSA, IconFileTSV, IconFileUnknown, IconFileWAV, IconFileWAVE, IconFileWEBM, IconFileXWMA, IconMultiselectAdd, IconMultiselectRemove, IconTokenBronze, IconTokenGold, IconTokenNoTier, IconTokenPlatinum, IconTokenSilver, IconVerified } from './icons/specialIcons.js';

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audius/harmony",
-  "version": "0.0.34",
+  "version": "0.1.0",
   "description": "The Audius Design System",
   "license": "ISC",
   "author": "Audius",
@@ -47,6 +47,7 @@
     "@storybook/testing-library": "0.2.2",
     "@svgr/rollup": "8.1.0",
     "@svgr/webpack": "8.1.0",
+    "@types/color": "3.0.6",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@types/react-lottie": "1.2.3",
@@ -87,6 +88,7 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@react-spring/web": "^9.7.2",
     "classnames": "^2.5.1",
+    "color": "4.2.3",
     "lodash": "^4.17.21",
     "react-lottie": "^1.2.3",
     "react-merge-refs": "^2.0.1",

package/dist/components/button/FilterButton/FilterButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/button/FilterButton/FilterButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAwBnC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AAG1C,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAe3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAA"}