@audius/harmony 0.4.0 → 0.4.2

package/dist/components/progress-bar/ProgressBar.js

@@ -1,39 +1,37 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
-import BN from 'bn.js';
 import cn from 'classnames';
 import styles from './ProgressBar.module.css.js';
 
-var getBN = function (num) {
-    if (num instanceof BN)
+var getBigInt = function (num) {
+    if (typeof num === 'bigint')
         return num;
-    return new BN(num);
+    return BigInt(Math.round(num));
 };
-function clampBN(value, min, max) {
-    return BN.min(BN.max(value, min), max);
+function clampBigInt(value, min, max) {
+    return value < min ? min : value > max ? max : value;
 }
 // @beta - This component was directly ported from stems and subject to change
 var ProgressBar = function (props) {
     var _a, _b, _c;
-    var className = props.className, sliderClassName = props.sliderClassName, sliderBarClassName = props.sliderBarClassName, _d = props.min, min = _d === void 0 ? new BN(0) : _d, _e = props.max, max = _e === void 0 ? new BN(100) : _e, value = props.value, _f = props.showLabels, showLabels = _f === void 0 ? false : _f, MinWrapper = props.minWrapper, MaxWrapper = props.maxWrapper, other = __rest(props, ["className", "sliderClassName", "sliderBarClassName", "min", "max", "value", "showLabels", "minWrapper", "maxWrapper"]);
+    var className = props.className, sliderClassName = props.sliderClassName, sliderBarClassName = props.sliderBarClassName, _d = props.min, min = _d === void 0 ? 0 : _d, _e = props.max, max = _e === void 0 ? 100 : _e, value = props.value, _f = props.showLabels, showLabels = _f === void 0 ? false : _f, MinWrapper = props.minWrapper, MaxWrapper = props.maxWrapper, other = __rest(props, ["className", "sliderClassName", "sliderBarClassName", "min", "max", "value", "showLabels", "minWrapper", "maxWrapper"]);
     var _g = useState(0), sliderWidth = _g[0], setSliderWidth = _g[1];
     var percentage = useMemo(function () {
-        var minBN = getBN(min);
-        var maxBN = getBN(max);
-        var valBN = getBN(value);
-        return clampBN(valBN.sub(minBN), new BN(0), maxBN)
-            .mul(new BN(100))
-            .div(maxBN.sub(minBN));
+        var minBigInt = getBigInt(min);
+        var maxBigInt = getBigInt(max);
+        var valBigInt = getBigInt(value);
+        var clampedValue = clampBigInt(valBigInt - minBigInt, BigInt(0), maxBigInt);
+        return Number((clampedValue * BigInt(100)) / (maxBigInt - minBigInt));
     }, [max, min, value]);
     useEffect(function () {
-        setSliderWidth(percentage.toNumber());
+        setSliderWidth(percentage);
     }, [percentage]);
-    return (jsxs("div", __assign({ className: cn(styles.container, (_a = {}, _a[className] = !!className, _a)), role: 'progressbar', "aria-valuenow": percentage.toNumber() }, other, { children: [jsx("div", __assign({ className: cn(styles.slider, (_b = {},
+    return (jsxs("div", __assign({ className: cn(styles.container, (_a = {}, _a[className] = !!className, _a)), role: 'progressbar', "aria-valuenow": percentage }, other, { children: [jsx("div", __assign({ className: cn(styles.slider, (_b = {},
                     _b[sliderClassName] = !!sliderClassName,
                     _b)) }, { children: jsx("div", { className: cn(styles.sliderBar, (_c = {},
                         _c[sliderBarClassName] = !!sliderBarClassName,
-                        _c)), style: { width: "".concat(sliderWidth, "%") } }) })), showLabels && (jsxs("div", __assign({ className: styles.labels }, { children: [jsx("div", __assign({ className: styles.minLabel }, { children: MinWrapper ? jsx(MinWrapper, { value: min }) : min.toString() })), jsx("div", __assign({ className: styles.maxLabel }, { children: MaxWrapper ? jsx(MaxWrapper, { value: max }) : max.toString() }))] })))] })));
+                        _c)), style: { width: "".concat(sliderWidth, "%") } }) })), showLabels && (jsxs("div", __assign({ className: styles.labels }, { children: [jsx("div", __assign({ className: styles.minLabel }, { children: MinWrapper ? jsx(MinWrapper, { value: min }) : String(min) })), jsx("div", __assign({ className: styles.maxLabel }, { children: MaxWrapper ? jsx(MaxWrapper, { value: max }) : String(max) }))] })))] })));
 };
 
 export { ProgressBar };

package/dist/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\n\nimport BN from 'bn.js'\nimport cn from 'classnames'\n\nimport styles from './ProgressBar.module.css'\nimport { ProgressBarProps, ProgressValue } from './types'\n\nconst getBN = (num: ProgressValue): BN => {\n  if (num instanceof BN) return num\n  return new BN(num)\n}\n\nfunction clampBN(value: BN, min: BN, max: BN): BN {\n  return BN.min(BN.max(value, min), max)\n}\n\n// @beta - This component was directly ported from stems and subject to change\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    className,\n    sliderClassName,\n    sliderBarClassName,\n    min = new BN(0),\n    max = new BN(100),\n    value,\n    showLabels = false,\n    minWrapper: MinWrapper,\n    maxWrapper: MaxWrapper,\n    ...other\n  } = props\n  const [sliderWidth, setSliderWidth] = useState(0)\n\n  const percentage = useMemo(() => {\n    const minBN = getBN(min)\n    const maxBN = getBN(max)\n    const valBN = getBN(value)\n\n    return clampBN(valBN.sub(minBN), new BN(0), maxBN)\n      .mul(new BN(100))\n      .div(maxBN.sub(minBN))\n  }, [max, min, value])\n\n  useEffect(() => {\n    setSliderWidth(percentage.toNumber())\n  }, [percentage])\n\n  return (\n    <div\n      className={cn(styles.container, { [className!]: !!className })}\n      role='progressbar'\n      aria-valuenow={percentage.toNumber()}\n      {...other}\n    >\n      <div\n        className={cn(styles.slider, {\n          [sliderClassName!]: !!sliderClassName\n        })}\n      >\n        <div\n          className={cn(styles.sliderBar, {\n            [sliderBarClassName!]: !!sliderBarClassName\n          })}\n          style={{ width: `${sliderWidth}%` }}\n        ></div>\n      </div>\n      {showLabels && (\n        <div className={styles.labels}>\n          <div className={styles.minLabel}>\n            {MinWrapper ? <MinWrapper value={min} /> : min.toString()}\n          </div>\n          <div className={styles.maxLabel}>\n            {MaxWrapper ? <MaxWrapper value={max} /> : max.toString()}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './ProgressBar.module.css'\nimport { ProgressBarProps, ProgressValue } from './types'\n\nconst getBigInt = (num: ProgressValue): bigint => {\n  if (typeof num === 'bigint') return num\n  return BigInt(Math.round(num))\n}\n\nfunction clampBigInt(value: bigint, min: bigint, max: bigint): bigint {\n  return value < min ? min : value > max ? max : value\n}\n\n// @beta - This component was directly ported from stems and subject to change\nexport const ProgressBar = (props: ProgressBarProps) => {\n  const {\n    className,\n    sliderClassName,\n    sliderBarClassName,\n    min = 0,\n    max = 100,\n    value,\n    showLabels = false,\n    minWrapper: MinWrapper,\n    maxWrapper: MaxWrapper,\n    ...other\n  } = props\n  const [sliderWidth, setSliderWidth] = useState(0)\n\n  const percentage = useMemo(() => {\n    const minBigInt = getBigInt(min)\n    const maxBigInt = getBigInt(max)\n    const valBigInt = getBigInt(value)\n\n    const clampedValue = clampBigInt(\n      valBigInt - minBigInt,\n      BigInt(0),\n      maxBigInt\n    )\n    return Number((clampedValue * BigInt(100)) / (maxBigInt - minBigInt))\n  }, [max, min, value])\n\n  useEffect(() => {\n    setSliderWidth(percentage)\n  }, [percentage])\n\n  return (\n    <div\n      className={cn(styles.container, { [className!]: !!className })}\n      role='progressbar'\n      aria-valuenow={percentage}\n      {...other}\n    >\n      <div\n        className={cn(styles.slider, {\n          [sliderClassName!]: !!sliderClassName\n        })}\n      >\n        <div\n          className={cn(styles.sliderBar, {\n            [sliderBarClassName!]: !!sliderBarClassName\n          })}\n          style={{ width: `${sliderWidth}%` }}\n        ></div>\n      </div>\n      {showLabels && (\n        <div className={styles.labels}>\n          <div className={styles.minLabel}>\n            {MinWrapper ? <MinWrapper value={min} /> : String(min)}\n          </div>\n          <div className={styles.maxLabel}>\n            {MaxWrapper ? <MaxWrapper value={max} /> : String(max)}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/progress-bar/types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import BN from 'bn.js';
-export type ProgressValue = number | BN;
+export type ProgressValue = number | bigint;
 export type ProgressBarProps = {
     className?: string;
     sliderClassName?: string;

package/dist/components/progress-bar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtB,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,EAAE,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,KAAK,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IAC1D,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,KAAK,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IAC1D,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA"}

package/dist/components/radio-group/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAA;AAI3C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,GAAG,SAAS,CAAA;AAEb,eAAO,MAAM,UAAU,UAAW,eAAe,qDA4BhD,CAAA"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAGnE,OAAO,EAAQ,SAAS,EAAE,MAAM,WAAW,CAAA;AAI3C,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,GAAG,SAAS,CAAA;AAEb,eAAO,MAAM,UAAU,UAAW,eAAe,qDAwChD,CAAA"}

package/dist/components/radio-group/RadioGroup.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../_virtual/_tslib.js';
 import { jsx } from '@emotion/react/jsx-runtime';
-import { useCallback } from 'react';
+import { useRef, useCallback } from 'react';
 import { useControlled } from '../../hooks/useControlled.js';
 import '../layout/Box/Box.js';
 import '@emotion/react';
@@ -15,9 +15,18 @@ var RadioGroup = function (props) {
         defaultValue: defaultValue,
         componentName: 'RadioButtonGroup'
     }), value = _a[0], setValueState = _a[1];
+    var isChanging = useRef(false);
     var handleChange = useCallback(function (e) {
+        // Prevent concurrent changes
+        if (isChanging.current)
+            return;
+        isChanging.current = true;
         setValueState(e.target.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        // Reset the lock after a short delay
+        requestAnimationFrame(function () {
+            isChanging.current = false;
+        });
     }, [setValueState, onChange]);
     return (jsx(RadioGroupContext.Provider, __assign({ value: { name: name, onChange: handleChange, value: value } }, { children: jsx(Flex, __assign({ role: 'radiogroup', direction: 'column' }, other, { children: children })) })));
 };

package/dist/components/radio-group/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import { ChangeEvent, ReactNode, useCallback } from 'react'\n\nimport { useControlled } from '../../hooks/useControlled'\nimport { Flex, FlexProps } from '../layout'\n\nimport { RadioGroupContext } from './RadioGroupContext'\n\nexport type RadioGroupProps = {\n  name: string\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n  children?: ReactNode\n  defaultValue?: string\n  value?: string | null\n} & FlexProps\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n  const {\n    name,\n    onChange,\n    children,\n    value: valueProp,\n    defaultValue,\n    ...other\n  } = props\n  const [value, setValueState] = useControlled({\n    controlledProp: valueProp,\n    defaultValue,\n    componentName: 'RadioButtonGroup'\n  })\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setValueState(e.target.value)\n      onChange?.(e)\n    },\n    [setValueState, onChange]\n  )\n  return (\n    <RadioGroupContext.Provider value={{ name, onChange: handleChange, value }}>\n      <Flex role='radiogroup' direction='column' {...other}>\n        {children}\n      </Flex>\n    </RadioGroupContext.Provider>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAeO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;AAE7C,IAAA,IAAA,IAAI,GAMF,KAAK,CAAA,IANH,EACJ,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,QAAQ,GAIN,KAAK,CAJC,QAAA,EACD,SAAS,GAGd,KAAK,CAAA,KAHS,EAChB,YAAY,GAEV,KAAK,CAAA,YAFK,EACT,KAAK,GACN,MAAA,CAAA,KAAK,EAPH,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,cAAA,CAOL,CADS,CACD;IACH,IAAA,EAAA,GAAyB,aAAa,CAAC;AAC3C,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,aAAa,EAAE,kBAAkB;AAClC,KAAA,CAAC,EAJK,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,QAIzB,CAAA;AACF,IAAA,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC,EAAA;AAC/B,QAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC7B,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;AACf,KAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B,CAAA;AACD,IAAA,QACEA,GAAC,CAAA,iBAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAA,KAAA,EAAE,EAAA,EAAA,EAAA,QAAA,EACxEA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,QAAQ,IAAK,KAAK,EAAA,EAAA,QAAA,EACjD,QAAQ,EACJ,CAAA,CAAA,EAAA,CAAA,CACoB,EAC9B;AACH;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/radio-group/RadioGroup.tsx"],"sourcesContent":["import { ChangeEvent, ReactNode, useCallback, useRef } from 'react'\n\nimport { useControlled } from '../../hooks/useControlled'\nimport { Flex, FlexProps } from '../layout'\n\nimport { RadioGroupContext } from './RadioGroupContext'\n\nexport type RadioGroupProps = {\n  name: string\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n  children?: ReactNode\n  defaultValue?: string\n  value?: string | null\n} & FlexProps\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n  const {\n    name,\n    onChange,\n    children,\n    value: valueProp,\n    defaultValue,\n    ...other\n  } = props\n  const [value, setValueState] = useControlled({\n    controlledProp: valueProp,\n    defaultValue,\n    componentName: 'RadioButtonGroup'\n  })\n\n  const isChanging = useRef(false)\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      // Prevent concurrent changes\n      if (isChanging.current) return\n\n      isChanging.current = true\n      setValueState(e.target.value)\n      onChange?.(e)\n\n      // Reset the lock after a short delay\n      requestAnimationFrame(() => {\n        isChanging.current = false\n      })\n    },\n    [setValueState, onChange]\n  )\n  return (\n    <RadioGroupContext.Provider value={{ name, onChange: handleChange, value }}>\n      <Flex role='radiogroup' direction='column' {...other}>\n        {children}\n      </Flex>\n    </RadioGroupContext.Provider>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAeO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;AAE7C,IAAA,IAAA,IAAI,GAMF,KAAK,CAAA,IANH,EACJ,QAAQ,GAKN,KAAK,CALC,QAAA,EACR,QAAQ,GAIN,KAAK,CAJC,QAAA,EACD,SAAS,GAGd,KAAK,CAAA,KAHS,EAChB,YAAY,GAEV,KAAK,CAAA,YAFK,EACT,KAAK,GACN,MAAA,CAAA,KAAK,EAPH,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,cAAA,CAOL,CADS,CACD;IACH,IAAA,EAAA,GAAyB,aAAa,CAAC;AAC3C,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,aAAa,EAAE,kBAAkB;AAClC,KAAA,CAAC,EAJK,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,QAIzB,CAAA;AAEF,IAAA,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;AAEhC,IAAA,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,CAAgC,EAAA;;QAE/B,IAAI,UAAU,CAAC,OAAO;YAAE,OAAM;AAE9B,QAAA,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;AACzB,QAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC7B,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;;AAGb,QAAA,qBAAqB,CAAC,YAAA;AACpB,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAA;AAC5B,SAAC,CAAC,CAAA;AACJ,KAAC,EACD,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B,CAAA;AACD,IAAA,QACEA,GAAC,CAAA,iBAAiB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAA,KAAA,EAAE,EAAA,EAAA,EAAA,QAAA,EACxEA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,QAAQ,IAAK,KAAK,EAAA,EAAA,QAAA,EACjD,QAAQ,EACJ,CAAA,CAAA,EAAA,CAAA,CACoB,EAC9B;AACH;;;;"}

package/dist/components/scrubber/Scrubber.js

@@ -5,6 +5,8 @@ import cn from 'classnames';
 import { formatTrackTimestamp } from '../../utils/formatTrackTimestamp.js';
 import 'lodash';
 import 'numeral';
+import '@emotion/react';
+import '../../contexts/MediaContext.js';
 import styles from './Scrubber.module.css.js';
 import { Slider } from './Slider.js';
 

package/dist/components/scrubber/Scrubber.js.map

@@ -1 +1 @@
-{"version":3,"file":"Scrubber.js","sources":["../../../src/components/scrubber/Scrubber.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nimport cn from 'classnames'\n\nimport { formatTrackTimestamp } from '~harmony/utils'\n\nimport styles from './Scrubber.module.css'\nimport { Slider } from './Slider'\nimport { ScrubberProps } from './types'\n\n/** Timeout applied when releasing the drag-handle before timestamps reset. */\nconst SCRUB_RELEASE_TIMEOUT_MS = 200\n\n/**\n * @beta - This component was directly ported from stems and subject to change\n * Wraps the `<Slider />` component and provides timestamp indicators.\n */\nexport const Scrubber = ({\n  mediaKey,\n  isPlaying,\n  isDisabled,\n  isMobile,\n  includeTimestamps = true,\n  elapsedSeconds,\n  totalSeconds,\n  playbackRate = 1,\n  getAudioPosition,\n  getTotalTime,\n  onScrub,\n  onScrubRelease,\n  includeExpandedTargets,\n  style,\n  className\n}: ScrubberProps) => {\n  const [dragSeconds, setDragSeconds] = useState<number | null>(null)\n\n  const resetDragSeconds = (isPlaying: boolean) => {\n    if (isPlaying) {\n      setTimeout(() => setDragSeconds(null), SCRUB_RELEASE_TIMEOUT_MS)\n    }\n  }\n\n  const onHandleScrub = (seconds: number) => {\n    setDragSeconds(seconds)\n    if (onScrub) {\n      onScrub(seconds)\n    }\n  }\n\n  const onHandleScrubRelease = (seconds: number) => {\n    if (onScrubRelease) {\n      onScrubRelease(seconds)\n    }\n    resetDragSeconds(isPlaying)\n  }\n\n  useEffect(() => {\n    resetDragSeconds(isPlaying)\n  }, [isPlaying])\n\n  const timestampStart = dragSeconds !== null ? dragSeconds : elapsedSeconds\n\n  return (\n    <div\n      className={cn(styles.scrubber, {\n        [styles.isDisabled]: isDisabled,\n        [styles.isMobile]: isMobile,\n        className\n      })}\n    >\n      {includeTimestamps && (\n        <div className={styles.timestampStart}>\n          {formatTrackTimestamp(timestampStart)}\n        </div>\n      )}\n      <Slider\n        mediaKey={mediaKey}\n        isPlaying={isPlaying}\n        isDisabled={isDisabled}\n        isMobile={isMobile}\n        elapsedSeconds={elapsedSeconds}\n        totalSeconds={totalSeconds}\n        playbackRate={playbackRate}\n        onScrub={onHandleScrub}\n        getAudioPosition={getAudioPosition}\n        getTotalTime={getTotalTime}\n        onScrubRelease={onHandleScrubRelease}\n        includeExpandedTargets={includeExpandedTargets}\n        style={style}\n      />\n      {includeTimestamps && (\n        <div className={styles.timestampEnd}>\n          {formatTrackTimestamp(totalSeconds)}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Scrubber.js","sources":["../../../src/components/scrubber/Scrubber.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nimport cn from 'classnames'\n\nimport { formatTrackTimestamp } from '~harmony/utils'\n\nimport styles from './Scrubber.module.css'\nimport { Slider } from './Slider'\nimport { ScrubberProps } from './types'\n\n/** Timeout applied when releasing the drag-handle before timestamps reset. */\nconst SCRUB_RELEASE_TIMEOUT_MS = 200\n\n/**\n * @beta - This component was directly ported from stems and subject to change\n * Wraps the `<Slider />` component and provides timestamp indicators.\n */\nexport const Scrubber = ({\n  mediaKey,\n  isPlaying,\n  isDisabled,\n  isMobile,\n  includeTimestamps = true,\n  elapsedSeconds,\n  totalSeconds,\n  playbackRate = 1,\n  getAudioPosition,\n  getTotalTime,\n  onScrub,\n  onScrubRelease,\n  includeExpandedTargets,\n  style,\n  className\n}: ScrubberProps) => {\n  const [dragSeconds, setDragSeconds] = useState<number | null>(null)\n\n  const resetDragSeconds = (isPlaying: boolean) => {\n    if (isPlaying) {\n      setTimeout(() => setDragSeconds(null), SCRUB_RELEASE_TIMEOUT_MS)\n    }\n  }\n\n  const onHandleScrub = (seconds: number) => {\n    setDragSeconds(seconds)\n    if (onScrub) {\n      onScrub(seconds)\n    }\n  }\n\n  const onHandleScrubRelease = (seconds: number) => {\n    if (onScrubRelease) {\n      onScrubRelease(seconds)\n    }\n    resetDragSeconds(isPlaying)\n  }\n\n  useEffect(() => {\n    resetDragSeconds(isPlaying)\n  }, [isPlaying])\n\n  const timestampStart = dragSeconds !== null ? dragSeconds : elapsedSeconds\n\n  return (\n    <div\n      className={cn(styles.scrubber, {\n        [styles.isDisabled]: isDisabled,\n        [styles.isMobile]: isMobile,\n        className\n      })}\n    >\n      {includeTimestamps && (\n        <div className={styles.timestampStart}>\n          {formatTrackTimestamp(timestampStart)}\n        </div>\n      )}\n      <Slider\n        mediaKey={mediaKey}\n        isPlaying={isPlaying}\n        isDisabled={isDisabled}\n        isMobile={isMobile}\n        elapsedSeconds={elapsedSeconds}\n        totalSeconds={totalSeconds}\n        playbackRate={playbackRate}\n        onScrub={onHandleScrub}\n        getAudioPosition={getAudioPosition}\n        getTotalTime={getTotalTime}\n        onScrubRelease={onHandleScrubRelease}\n        includeExpandedTargets={includeExpandedTargets}\n        style={style}\n      />\n      {includeTimestamps && (\n        <div className={styles.timestampEnd}>\n          {formatTrackTimestamp(totalSeconds)}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/select/Select/Select.js

@@ -13,12 +13,47 @@ import '../../input/TokenAmountInput/TokenAmountInput.js';
 import { useControlled } from '../../../hooks/useControlled.js';
 import { IconCloseAlt, IconCaretDown } from '../../../icons/utilityIcons.js';
 import '@emotion/css';
-import { Menu, MenuContent } from '../../internal/Menu.js';
-import { MenuItem } from '../../internal/MenuItem.js';
-import { OptionKeyHandler } from '../../internal/OptionKeyHandler.js';
 import '../../layout/Box/Box.js';
 import { Flex } from '../../layout/Flex/Flex.js';
+import '../../skeleton/Skeleton.js';
 import '../../layout/Paper/Paper.js';
+import '../../button/Button/Button.js';
+import '../../button/PlainButton/PlainButton.js';
+import '../../button/FollowButton/FollowButton.js';
+import '../../button/IconButton/IconButton.js';
+import '../../button/UnstyledButton.js';
+import '../../button/FilterButton/FilterButton.js';
+import '../../button/FilterButton/FilterButtonOption.js';
+import '@react-spring/web';
+import 'classnames';
+import '../../text-link/TextLink.js';
+import '../../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-use-measure';
+import '../../scrollbar/Scrollbar.js';
+import '../../popup/Popup.js';
+import '../../popup-menu/PopupMenu.js';
+import '../../modal/Modal.js';
+import '../../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../../modal/ModalHeader.js';
+import '../../modal/ModalFooter.js';
+import '../../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../../pill/Pill.js';
+import '../../checkbox/Checkbox.js';
+import '../../hover-card/HoverCard.js';
+import '../../../foundations/color/semantic.js';
+import '../../../foundations/color/color.js';
+import '../../../foundations/theme/theme.js';
+import '../../../hooks/useHotKeys.js';
+import { MenuItem } from '../../internal/MenuItem.js';
+import { Menu, MenuContent } from '../../internal/Menu.js';
+import { OptionKeyHandler } from '../../internal/OptionKeyHandler.js';
 
 var messages = {
     noMatches: 'No matches'
@@ -35,7 +70,7 @@ var defaultMenuProps = {
 var Select = forwardRef(function Select(props, ref) {
     var _a, _b, _c;
     var valueProp = props.value, options = props.options, menuProps = props.menuProps, onChange = props.onChange, onClick = props.onClick, clearable = props.clearable, children = props.children, renderSelectedOptionlabel = props.renderSelectedOptionLabel, other = __rest(props, ["value", "options", "menuProps", "onChange", "onClick", "clearable", "children", "renderSelectedOptionLabel"]);
-    var label = other.label;
+    var label = other.label, hideLabel = other.hideLabel;
     var _d = useControlled({
         controlledProp: valueProp,
         defaultValue: null,
@@ -99,12 +134,12 @@ var Select = forwardRef(function Select(props, ref) {
                     }
                 }, variant: 'option' }, option, { onChange: handleChange, isActive: option.value === activeValue }), option.value)); }));
         } })));
-    return (jsxs(Flex, __assign({ ref: anchorRef }, { children: [jsx(TextInput, __assign({ ref: mergeRefs([ref, inputRef]), value: inputValue, onChange: function (e) { return setInputValue(e.target.value); }, onClick: handleClick, "aria-haspopup": 'listbox', "aria-expanded": isOpen, autoComplete: 'off', endIcon: Icon, IconProps: { onClick: handleClickIcon }, elevateLabel: !!selectedOption && !props.hideLabel, hidePlaceholder: !!selectedOption }, other)), selectedOption && !inputValue ? (jsx(MenuItem, __assign({ variant: 'option' }, selectedOption, { label: selectedLabel, onChange: function () { }, css: function (_a) {
+    return (jsxs(Flex, __assign({ ref: anchorRef }, { children: [jsx(TextInput, __assign({ ref: mergeRefs([ref, inputRef]), value: inputValue, onChange: function (e) { return setInputValue(e.target.value); }, onClick: handleClick, "aria-haspopup": 'listbox', "aria-expanded": isOpen, autoComplete: 'off', endIcon: Icon, IconProps: { onClick: handleClickIcon }, elevateLabel: !!selectedOption && !hideLabel, hidePlaceholder: !!selectedOption }, other)), selectedOption && !inputValue ? (jsx(MenuItem, __assign({ variant: 'option' }, selectedOption, { label: selectedLabel, onChange: function () { }, css: function (_a) {
                     var spacing = _a.spacing;
                     return ({
                         position: 'absolute',
                         // Magic values to align the selected option with the input
-                        top: spacing.unit6 + 2,
+                        top: (hideLabel ? spacing.unit3 : spacing.unit6) + 2,
                         left: spacing.unit1,
                         opacity: isOpen ? 0.5 : 1
                     });

package/dist/components/select/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  Ref,\n  useEffect,\n  MouseEvent\n} from 'react'\n\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { TextInput } from '~harmony/components/input'\n\nimport { useControlled } from '../../../hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt } from '../../../icons'\nimport { Menu, MenuContent, MenuProps } from '../../internal/Menu'\nimport { MenuItem } from '../../internal/MenuItem'\nimport { OptionKeyHandler } from '../../internal/OptionKeyHandler'\nimport { Flex } from '../../layout'\nimport { Text } from '../../text'\n\nimport { SelectProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nconst defaultMenuProps: Partial<MenuProps> = {\n  anchorOrigin: { horizontal: 'left', vertical: 'bottom' },\n  transformOrigin: { horizontal: 'left', vertical: 'top' }\n}\n\n/**\n * A form input used for selecting a value: when collapsed it shows the\n * currently selected option and when expanded, it shows a scrollable list\n * of predefined options for the user to choose from.\n */\nexport const Select = forwardRef(function Select<Value extends string>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLInputElement>\n) {\n  const {\n    value: valueProp,\n    options,\n    menuProps,\n    onChange,\n    onClick,\n    clearable,\n    children,\n    renderSelectedOptionLabel: renderSelectedOptionlabel,\n    ...other\n  } = props\n\n  const { label } = other\n\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'selection',\n    componentName: 'Select'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedLabel = selectedOption\n    ? (renderSelectedOptionlabel?.(selectedOption) ??\n      selectedOption.label ??\n      selectedOption.value)\n    : ''\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      setInputValue('')\n      onChange?.(value)\n      setIsOpen(false)\n    },\n    [onChange, setValue]\n  )\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n    }\n  }, [isOpen])\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(({ value, label }) => {\n        return (\n          !inputValue ||\n          label?.toLowerCase().includes(inputValue.toLowerCase()) ||\n          value.toLowerCase().includes(inputValue.toLowerCase())\n        )\n      }),\n    [options, inputValue]\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLInputElement>) => {\n      setIsOpen(true)\n      onClick?.(e)\n    },\n    [onClick]\n  )\n\n  const handleClickIcon = useCallback(\n    (e: MouseEvent<SVGSVGElement>) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (value !== null && clearable) {\n        setValue(null)\n        // @ts-ignore\n        onChange?.(null)\n      } else {\n        setIsOpen((isOpen: boolean) => !isOpen)\n      }\n    },\n    [value, clearable, setValue, onChange]\n  )\n\n  const Icon = value !== null && clearable ? IconCloseAlt : IconCaretDown\n\n  const optionElements = (\n    <OptionKeyHandler\n      options={filteredOptions}\n      disabled={!isOpen}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n      onChange={handleChange}\n    >\n      {(activeValue) =>\n        filteredOptions.length === 0 ? (\n          <Flex justifyContent='center'>\n            <Text variant='body' color='subdued' size='s'>\n              {messages.noMatches}\n            </Text>\n          </Flex>\n        ) : (\n          filteredOptions?.map((option, index) => (\n            <MenuItem\n              ref={(el) => {\n                if (optionRefs && optionRefs.current && el) {\n                  optionRefs.current[index] = el\n                }\n              }}\n              key={option.value}\n              variant='option'\n              {...option}\n              onChange={handleChange}\n              isActive={option.value === activeValue}\n            />\n          ))\n        )\n      }\n    </OptionKeyHandler>\n  )\n\n  return (\n    <Flex ref={anchorRef}>\n      <TextInput\n        ref={mergeRefs([ref, inputRef])}\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onClick={handleClick}\n        aria-haspopup='listbox'\n        aria-expanded={isOpen}\n        autoComplete='off'\n        endIcon={Icon}\n        IconProps={{ onClick: handleClickIcon }}\n        elevateLabel={!!selectedOption && !props.hideLabel}\n        hidePlaceholder={!!selectedOption}\n        {...other}\n      />\n      {/* Overlay selected option */}\n      {selectedOption && !inputValue ? (\n        <MenuItem\n          variant='option'\n          {...selectedOption}\n          label={selectedLabel}\n          onChange={() => {}}\n          css={({ spacing }) => ({\n            position: 'absolute',\n            // Magic values to align the selected option with the input\n            top: spacing.unit6 + 2,\n            left: spacing.unit1,\n            opacity: isOpen ? 0.5 : 1\n          })}\n          disabled\n        />\n      ) : null}\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        {...defaultMenuProps}\n        PaperProps={menuProps?.PaperProps}\n      >\n        <MenuContent\n          maxHeight={menuProps?.maxHeight}\n          width={menuProps?.width}\n          scrollRef={scrollRef}\n          MenuListProps={menuProps?.MenuListProps}\n          aria-label={selectedLabel ?? label ?? props['aria-label']}\n          aria-activedescendant={selectedOption?.label}\n        >\n          {children\n            ? children({ onChange: handleChange, options: optionElements })\n            : optionElements}\n        </MenuContent>\n      </Menu>\n    </Flex>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/select/Select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useMemo,\n  Ref,\n  useEffect,\n  MouseEvent\n} from 'react'\n\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { TextInput } from '~harmony/components/input'\n\nimport { useControlled } from '../../../hooks/useControlled'\nimport { IconCaretDown, IconCloseAlt } from '../../../icons'\nimport { Menu, MenuContent, MenuProps } from '../../internal/Menu'\nimport { MenuItem } from '../../internal/MenuItem'\nimport { OptionKeyHandler } from '../../internal/OptionKeyHandler'\nimport { Flex } from '../../layout'\nimport { Text } from '../../text'\n\nimport { SelectProps } from './types'\n\nconst messages = {\n  noMatches: 'No matches'\n}\n\nconst defaultMenuProps: Partial<MenuProps> = {\n  anchorOrigin: { horizontal: 'left', vertical: 'bottom' },\n  transformOrigin: { horizontal: 'left', vertical: 'top' }\n}\n\n/**\n * A form input used for selecting a value: when collapsed it shows the\n * currently selected option and when expanded, it shows a scrollable list\n * of predefined options for the user to choose from.\n */\nexport const Select = forwardRef(function Select<Value extends string>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLInputElement>\n) {\n  const {\n    value: valueProp,\n    options,\n    menuProps,\n    onChange,\n    onClick,\n    clearable,\n    children,\n    renderSelectedOptionLabel: renderSelectedOptionlabel,\n    ...other\n  } = props\n\n  const { label, hideLabel } = other\n\n  const [value, setValue] = useControlled({\n    controlledProp: valueProp,\n    defaultValue: null,\n    stateName: 'selection',\n    componentName: 'Select'\n  })\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValue] = useState('')\n  const selectedOption = options.find((option) => option.value === value)\n  const selectedLabel = selectedOption\n    ? (renderSelectedOptionlabel?.(selectedOption) ??\n      selectedOption.label ??\n      selectedOption.value)\n    : ''\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const optionRefs = useRef<HTMLButtonElement[]>([])\n  const scrollRef = useRef<HTMLDivElement>(null)\n\n  const handleChange = useCallback(\n    (value: Value) => {\n      setValue(value)\n      setInputValue('')\n      onChange?.(value)\n      setIsOpen(false)\n    },\n    [onChange, setValue]\n  )\n\n  useEffect(() => {\n    if (isOpen) {\n      // Focus the input after the popup is open\n      setTimeout(() => {\n        inputRef.current?.focus({ preventScroll: true })\n      }, 0)\n    }\n  }, [isOpen])\n\n  const filteredOptions = useMemo(\n    () =>\n      options.filter(({ value, label }) => {\n        return (\n          !inputValue ||\n          label?.toLowerCase().includes(inputValue.toLowerCase()) ||\n          value.toLowerCase().includes(inputValue.toLowerCase())\n        )\n      }),\n    [options, inputValue]\n  )\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLInputElement>) => {\n      setIsOpen(true)\n      onClick?.(e)\n    },\n    [onClick]\n  )\n\n  const handleClickIcon = useCallback(\n    (e: MouseEvent<SVGSVGElement>) => {\n      e.stopPropagation()\n      e.preventDefault()\n      if (value !== null && clearable) {\n        setValue(null)\n        // @ts-ignore\n        onChange?.(null)\n      } else {\n        setIsOpen((isOpen: boolean) => !isOpen)\n      }\n    },\n    [value, clearable, setValue, onChange]\n  )\n\n  const Icon = value !== null && clearable ? IconCloseAlt : IconCaretDown\n\n  const optionElements = (\n    <OptionKeyHandler\n      options={filteredOptions}\n      disabled={!isOpen}\n      optionRefs={optionRefs}\n      scrollRef={scrollRef}\n      onChange={handleChange}\n    >\n      {(activeValue) =>\n        filteredOptions.length === 0 ? (\n          <Flex justifyContent='center'>\n            <Text variant='body' color='subdued' size='s'>\n              {messages.noMatches}\n            </Text>\n          </Flex>\n        ) : (\n          filteredOptions?.map((option, index) => (\n            <MenuItem\n              ref={(el) => {\n                if (optionRefs && optionRefs.current && el) {\n                  optionRefs.current[index] = el\n                }\n              }}\n              key={option.value}\n              variant='option'\n              {...option}\n              onChange={handleChange}\n              isActive={option.value === activeValue}\n            />\n          ))\n        )\n      }\n    </OptionKeyHandler>\n  )\n\n  return (\n    <Flex ref={anchorRef}>\n      <TextInput\n        ref={mergeRefs([ref, inputRef])}\n        value={inputValue}\n        onChange={(e) => setInputValue(e.target.value)}\n        onClick={handleClick}\n        aria-haspopup='listbox'\n        aria-expanded={isOpen}\n        autoComplete='off'\n        endIcon={Icon}\n        IconProps={{ onClick: handleClickIcon }}\n        elevateLabel={!!selectedOption && !hideLabel}\n        hidePlaceholder={!!selectedOption}\n        {...other}\n      />\n      {/* Overlay selected option */}\n      {selectedOption && !inputValue ? (\n        <MenuItem\n          variant='option'\n          {...selectedOption}\n          label={selectedLabel}\n          onChange={() => {}}\n          css={({ spacing }) => ({\n            position: 'absolute',\n            // Magic values to align the selected option with the input\n            top: (hideLabel ? spacing.unit3 : spacing.unit6) + 2,\n            left: spacing.unit1,\n            opacity: isOpen ? 0.5 : 1\n          })}\n          disabled\n        />\n      ) : null}\n      <Menu\n        anchorRef={anchorRef}\n        isVisible={isOpen}\n        onClose={() => setIsOpen(false)}\n        {...defaultMenuProps}\n        PaperProps={menuProps?.PaperProps}\n      >\n        <MenuContent\n          maxHeight={menuProps?.maxHeight}\n          width={menuProps?.width}\n          scrollRef={scrollRef}\n          MenuListProps={menuProps?.MenuListProps}\n          aria-label={selectedLabel ?? label ?? props['aria-label']}\n          aria-activedescendant={selectedOption?.label}\n        >\n          {children\n            ? children({ onChange: handleChange, options: optionElements })\n            : optionElements}\n        </MenuContent>\n      </Menu>\n    </Flex>\n  )\n})\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/send-icon/SendIcon.js

@@ -6,8 +6,49 @@ import '../../_virtual/_tslib.js';
 import { IconPaperAirplane } from '../../icons/utilityIcons.js';
 import 'react';
 import '@emotion/css';
-import '../button/FollowButton/FollowButton.js';
+import '../layout/Box/Box.js';
+import '../layout/Flex/Flex.js';
+import '../skeleton/Skeleton.js';
+import '../common/HiddenInput.js';
+import '../radio-group/RadioGroupContext.js';
+import '../text/Text.js';
+import '../input/TextInput/TextInput.js';
+import '../input/TextInput/types.js';
+import '../input/PasswordInput/PasswordInput.js';
+import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../layout/Paper/Paper.js';
+import '@react-spring/web';
+import 'classnames';
+import '../text-link/TextLink.js';
 import { IconButton } from '../button/IconButton/IconButton.js';
+import '../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../scrollbar/Scrollbar.js';
+import '../popup/Popup.js';
+import '../popup-menu/PopupMenu.js';
+import '../modal/Modal.js';
+import '../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../modal/ModalHeader.js';
+import '../modal/ModalFooter.js';
+import '../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../pill/Pill.js';
+import '../select/Select/Select.js';
+import '../checkbox/Checkbox.js';
+import '../hover-card/HoverCard.js';
+import '../../foundations/color/semantic.js';
+import '../../foundations/color/color.js';
+import '../../foundations/theme/theme.js';
+import '../../hooks/useHotKeys.js';
+import '../internal/MenuItem.js';
+import '../button/FollowButton/FollowButton.js';
 import '../button/UnstyledButton.js';
 import '../button/FilterButton/FilterButton.js';
 import '../button/FilterButton/FilterButtonOption.js';

package/dist/components/send-icon/SendIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendIcon.js","sources":["../../../src/components/send-icon/SendIcon.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { IconButton } from '~harmony/components/button'\nimport { IconPaperAirplane } from '~harmony/icons'\n\nimport { SendIconProps } from './types'\n\nexport const SendIcon = ({ disabled = false, onClick }: SendIconProps) => {\n  const { color, motion } = useTheme()\n\n  return (\n    <IconButton\n      aria-label='Send'\n      icon={IconPaperAirplane}\n      size='2xl'\n      onClick={onClick}\n      css={{\n        padding: 0,\n        pointerEvents: disabled ? 'none' : 'all',\n        opacity: disabled ? 0.5 : 1,\n        path: {\n          fill: color.primary.primary,\n          transition: motion.quick\n        },\n        ':hover path': {\n          fill: color.primary.p100\n        },\n        ':active path': {\n          fill: color.primary.p500\n        }\n      }}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IAC5C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,QACEA,GAAC,CAAA,UAAU,kBACE,MAAM,EACjB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;YACxC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,aAAA;AACD,YAAA,aAAa,EAAE;AACb,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACF,SAAA,EAAA,CACD,EACH;AACH;;;;"}
+{"version":3,"file":"SendIcon.js","sources":["../../../src/components/send-icon/SendIcon.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { IconButton } from '~harmony/components/button'\nimport { IconPaperAirplane } from '~harmony/icons'\n\nimport { SendIconProps } from './types'\n\nexport const SendIcon = ({ disabled = false, onClick }: SendIconProps) => {\n  const { color, motion } = useTheme()\n\n  return (\n    <IconButton\n      aria-label='Send'\n      icon={IconPaperAirplane}\n      size='2xl'\n      onClick={onClick}\n      css={{\n        padding: 0,\n        pointerEvents: disabled ? 'none' : 'all',\n        opacity: disabled ? 0.5 : 1,\n        path: {\n          fill: color.primary.primary,\n          transition: motion.quick\n        },\n        ':hover path': {\n          fill: color.primary.p100\n        },\n        ':active path': {\n          fill: color.primary.p500\n        }\n      }}\n    />\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,CAAA;IAC5C,IAAA,EAAA,GAAoB,QAAQ,EAAE,EAA5B,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAe,CAAA;AAEpC,IAAA,QACEA,GAAC,CAAA,UAAU,kBACE,MAAM,EACjB,IAAI,EAAE,iBAAiB,EACvB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;AACH,YAAA,OAAO,EAAE,CAAC;YACV,aAAa,EAAE,QAAQ,GAAG,MAAM,GAAG,KAAK;YACxC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;gBAC3B,UAAU,EAAE,MAAM,CAAC,KAAK;AACzB,aAAA;AACD,YAAA,aAAa,EAAE;AACb,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACD,YAAA,cAAc,EAAE;AACd,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACzB,aAAA;AACF,SAAA,EAAA,CACD,EACH;AACH;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;wIAkFnB,CAAA"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/text-link/TextLink.tsx"],"names":[],"mappings":";AASA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;wIAmFnB,CAAA"}

package/dist/components/text-link/TextLink.js

@@ -30,7 +30,9 @@ var TextLink = forwardRef(function (props, ref) {
     var hoverStyles = __assign({ textDecoration: noUnderlineOnHover ? 'none' : 'underline', color: variantHoverColors[variant] }, (applyHoverStylesToInnerSvg
         ? { path: { fill: variantHoverColors[variant] } }
         : {}));
-    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign(__assign(__assign(__assign({ display: 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), cursor: 'pointer', pointerEvents: disabled ? 'none' : undefined }, (applyHoverStylesToInnerSvg && {
+    return (jsx(Text, __assign({ ref: ref, asChild: true, onClick: onClick, css: __assign(__assign(__assign(__assign(__assign({ 
+            // MaxLines requires a special webkit display to work, dont override here
+            display: other.maxLines ? undefined : 'inline-flex', gap: spacing.s, color: variantColors[variant], textDecoration: 'none', transition: "color ".concat(motion.hover), cursor: 'pointer', pointerEvents: disabled ? 'none' : undefined }, (applyHoverStylesToInnerSvg && {
             path: { transition: "fill ".concat(motion.hover) }
         })), { ':hover': hoverStyles }), (isActive && __assign(__assign({}, hoverStyles), { textDecoration: 'none' }))), (showUnderline && hoverStyles)), (ellipses && { minWidth: 0 })), variant: textVariant, ellipses: ellipses }, other, { children: asChild ? (jsx(Slot, { children: children })) : (jsx("a", __assign({ target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noreferrer' : undefined }, { children: children }))) })));
 });

package/dist/components/text-link/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from '../text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n  const {\n    asChild = false,\n    children,\n    variant = 'default',\n    isActive,\n    isExternal = false,\n    ellipses = false,\n    onClick,\n    textVariant,\n    showUnderline,\n    noUnderlineOnHover,\n    applyHoverStylesToInnerSvg,\n    disabled,\n    ...other\n  } = props\n\n  const { color, spacing, motion } = useTheme()\n\n  const variantColors = {\n    default: color.link.default,\n    subdued: color.link.subdued,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const variantHoverColors = {\n    default: color.primary.p300,\n    subdued: color.primary.p300,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const hoverStyles = {\n    textDecoration: noUnderlineOnHover ? 'none' : 'underline',\n    color: variantHoverColors[variant],\n    ...(applyHoverStylesToInnerSvg\n      ? { path: { fill: variantHoverColors[variant] } }\n      : {})\n  }\n\n  return (\n    <Text\n      ref={ref}\n      asChild\n      onClick={onClick}\n      css={{\n        display: 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: `color ${motion.hover}`,\n        cursor: 'pointer',\n        pointerEvents: disabled ? 'none' : undefined,\n        ...(applyHoverStylesToInnerSvg && {\n          path: { transition: `fill ${motion.hover}` }\n        }),\n        ':hover': hoverStyles,\n        ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n        ...(showUnderline && hoverStyles),\n        ...(ellipses && { minWidth: 0 })\n      }}\n      variant={textVariant}\n      ellipses={ellipses}\n      {...other}\n    >\n      {asChild ? (\n        <Slot>{children}</Slot>\n      ) : (\n        <a\n          target={isExternal ? '_blank' : undefined}\n          rel={isExternal ? 'noreferrer' : undefined}\n        >\n          {children}\n        </a>\n      )}\n    </Text>\n  )\n})\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"TextLink.js","sources":["../../../src/components/text-link/TextLink.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { Text } from '../text'\n\nimport type { TextLinkProps } from './types'\n\n/**\n * Also known as hyperlinks, these are words or phrases that can be clicked to navigate to a linked webpage.\n */\nexport const TextLink = forwardRef((props: TextLinkProps, ref: Ref<'a'>) => {\n  const {\n    asChild = false,\n    children,\n    variant = 'default',\n    isActive,\n    isExternal = false,\n    ellipses = false,\n    onClick,\n    textVariant,\n    showUnderline,\n    noUnderlineOnHover,\n    applyHoverStylesToInnerSvg,\n    disabled,\n    ...other\n  } = props\n\n  const { color, spacing, motion } = useTheme()\n\n  const variantColors = {\n    default: color.link.default,\n    subdued: color.link.subdued,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const variantHoverColors = {\n    default: color.primary.p300,\n    subdued: color.primary.p300,\n    visible: color.link.visible,\n    inverted: color.static.staticWhite,\n    secondary: color.secondary.secondary,\n    active: color.primary.primary\n  }\n\n  const hoverStyles = {\n    textDecoration: noUnderlineOnHover ? 'none' : 'underline',\n    color: variantHoverColors[variant],\n    ...(applyHoverStylesToInnerSvg\n      ? { path: { fill: variantHoverColors[variant] } }\n      : {})\n  }\n\n  return (\n    <Text\n      ref={ref}\n      asChild\n      onClick={onClick}\n      css={{\n        // MaxLines requires a special webkit display to work, dont override here\n        display: other.maxLines ? undefined : 'inline-flex',\n        gap: spacing.s,\n        color: variantColors[variant],\n        textDecoration: 'none',\n        transition: `color ${motion.hover}`,\n        cursor: 'pointer',\n        pointerEvents: disabled ? 'none' : undefined,\n        ...(applyHoverStylesToInnerSvg && {\n          path: { transition: `fill ${motion.hover}` }\n        }),\n        ':hover': hoverStyles,\n        ...(isActive && { ...hoverStyles, textDecoration: 'none' }),\n        ...(showUnderline && hoverStyles),\n        ...(ellipses && { minWidth: 0 })\n      }}\n      variant={textVariant}\n      ellipses={ellipses}\n      {...other}\n    >\n      {asChild ? (\n        <Slot>{children}</Slot>\n      ) : (\n        <a\n          target={isExternal ? '_blank' : undefined}\n          rel={isExternal ? 'noreferrer' : undefined}\n        >\n          {children}\n        </a>\n      )}\n    </Text>\n  )\n})\n"],"names":["_jsx"],"mappings":"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"}

package/dist/contexts/MediaContext.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+export type MediaContextType = {
+    isExtraSmall: boolean;
+    isSmall: boolean;
+    isMedium: boolean;
+    isLarge: boolean;
+    isExtraLarge: boolean;
+    isAboveExtraSmall: boolean;
+    isAboveSmall: boolean;
+    isAboveMedium: boolean;
+    isAboveLarge: boolean;
+    isAboveExtraLarge: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    matchesQuery: (query: string) => boolean;
+};
+type MediaProviderProps = {
+    children: ReactNode;
+};
+/**
+ * Provider component that monitors media queries and makes responsive breakpoints
+ * available throughout the app via context.
+ */
+export declare const MediaProvider: ({ children }: MediaProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access media query state from the MediaContext.
+ * This hook should be used instead of the original useMedia hook
+ * to avoid creating multiple listeners in every component.
+ */
+export declare const useMedia: () => MediaContextType;
+export {};
+//# sourceMappingURL=MediaContext.d.ts.map

package/dist/contexts/MediaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContext.d.ts","sourceRoot":"","sources":["../../src/contexts/MediaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAW,MAAM,OAAO,CAAA;AAMrE,MAAM,MAAM,gBAAgB,GAAG;IAE7B,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,OAAO,CAAA;IAGrB,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;IACrB,iBAAiB,EAAE,OAAO,CAAA;IAG1B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAGlB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;CACzC,CAAA;AAID,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,qDA2D7D,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAA"}

package/dist/contexts/MediaContext.js

@@ -0,0 +1,79 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
+import { useMedia as useMedia$1 } from 'react-use';
+import { breakpoints } from '../foundations/breakpoints/breakpoints.js';
+
+var MediaContext = createContext(null);
+/**
+ * Provider component that monitors media queries and makes responsive breakpoints
+ * available throughout the app via context.
+ */
+var MediaProvider = function (_a) {
+    var children = _a.children;
+    // Use react-use's useMedia hook for each breakpoint query
+    var isExtraSmall = useMedia$1(breakpoints.down.xs);
+    var isSmall = useMedia$1(breakpoints.down.sm);
+    var isMedium = useMedia$1(breakpoints.down.md);
+    var isLarge = useMedia$1(breakpoints.down.lg);
+    var isExtraLarge = useMedia$1(breakpoints.down.xl);
+    var isAboveExtraSmall = useMedia$1(breakpoints.up.xs);
+    var isAboveSmall = useMedia$1(breakpoints.up.sm);
+    var isAboveMedium = useMedia$1(breakpoints.up.md);
+    var isAboveLarge = useMedia$1(breakpoints.up.lg);
+    var isAboveExtraLarge = useMedia$1(breakpoints.up.xl);
+    // Derived properties
+    var isMobile = isSmall; // <= 768px
+    var isTablet = !isSmall && !isAboveMedium; // > 768px and <= 1024px
+    var isDesktop = isAboveMedium; // > 1024px
+    // Utility function for custom queries
+    var matchesQuery = function (query) {
+        return window.matchMedia(query).matches;
+    };
+    var value = useMemo(function () { return ({
+        isExtraSmall: isExtraSmall,
+        isSmall: isSmall,
+        isMedium: isMedium,
+        isLarge: isLarge,
+        isExtraLarge: isExtraLarge,
+        isAboveExtraSmall: isAboveExtraSmall,
+        isAboveSmall: isAboveSmall,
+        isAboveMedium: isAboveMedium,
+        isAboveLarge: isAboveLarge,
+        isAboveExtraLarge: isAboveExtraLarge,
+        isMobile: isMobile,
+        isTablet: isTablet,
+        isDesktop: isDesktop,
+        matchesQuery: matchesQuery
+    }); }, [
+        isExtraSmall,
+        isSmall,
+        isMedium,
+        isLarge,
+        isExtraLarge,
+        isAboveExtraSmall,
+        isAboveSmall,
+        isAboveMedium,
+        isAboveLarge,
+        isAboveExtraLarge,
+        isMobile,
+        isTablet,
+        isDesktop
+    ]);
+    return jsx(MediaContext.Provider, __assign({ value: value }, { children: children }));
+};
+/**
+ * Hook to access media query state from the MediaContext.
+ * This hook should be used instead of the original useMedia hook
+ * to avoid creating multiple listeners in every component.
+ */
+var useMedia = function () {
+    var context = useContext(MediaContext);
+    if (context === null) {
+        throw new Error('useMedia must be used within a MediaProvider');
+    }
+    return context;
+};
+
+export { MediaProvider, useMedia };
+//# sourceMappingURL=MediaContext.js.map

package/dist/contexts/MediaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContext.js","sources":["../../src/contexts/MediaContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from 'react'\n\nimport { useMedia as useMediaQuery } from 'react-use'\n\nimport { breakpoints } from '../foundations/breakpoints'\n\nexport type MediaContextType = {\n  // Specific size breakpoint checks\n  isExtraSmall: boolean // <= 480px\n  isSmall: boolean // <= 768px\n  isMedium: boolean // <= 1024px\n  isLarge: boolean // <= 1280px\n  isExtraLarge: boolean // <= 1440px\n\n  // Specific \"larger than\" checks\n  isAboveExtraSmall: boolean // > 480px\n  isAboveSmall: boolean // > 768px\n  isAboveMedium: boolean // > 1024px\n  isAboveLarge: boolean // > 1280px\n  isAboveExtraLarge: boolean // > 1440px\n\n  // Common device categories\n  isMobile: boolean // <= 768px\n  isTablet: boolean // > 768px and <= 1024px\n  isDesktop: boolean // > 1024px\n\n  // Utility function for custom queries\n  matchesQuery: (query: string) => boolean\n}\n\nconst MediaContext = createContext<MediaContextType | null>(null)\n\ntype MediaProviderProps = {\n  children: ReactNode\n}\n\n/**\n * Provider component that monitors media queries and makes responsive breakpoints\n * available throughout the app via context.\n */\nexport const MediaProvider = ({ children }: MediaProviderProps) => {\n  // Use react-use's useMedia hook for each breakpoint query\n  const isExtraSmall = useMediaQuery(breakpoints.down.xs)\n  const isSmall = useMediaQuery(breakpoints.down.sm)\n  const isMedium = useMediaQuery(breakpoints.down.md)\n  const isLarge = useMediaQuery(breakpoints.down.lg)\n  const isExtraLarge = useMediaQuery(breakpoints.down.xl)\n\n  const isAboveExtraSmall = useMediaQuery(breakpoints.up.xs)\n  const isAboveSmall = useMediaQuery(breakpoints.up.sm)\n  const isAboveMedium = useMediaQuery(breakpoints.up.md)\n  const isAboveLarge = useMediaQuery(breakpoints.up.lg)\n  const isAboveExtraLarge = useMediaQuery(breakpoints.up.xl)\n\n  // Derived properties\n  const isMobile = isSmall // <= 768px\n  const isTablet = !isSmall && !isAboveMedium // > 768px and <= 1024px\n  const isDesktop = isAboveMedium // > 1024px\n\n  // Utility function for custom queries\n  const matchesQuery = (query: string) => {\n    return window.matchMedia(query).matches\n  }\n\n  const value = useMemo(\n    () => ({\n      isExtraSmall,\n      isSmall,\n      isMedium,\n      isLarge,\n      isExtraLarge,\n      isAboveExtraSmall,\n      isAboveSmall,\n      isAboveMedium,\n      isAboveLarge,\n      isAboveExtraLarge,\n      isMobile,\n      isTablet,\n      isDesktop,\n      matchesQuery\n    }),\n    [\n      isExtraSmall,\n      isSmall,\n      isMedium,\n      isLarge,\n      isExtraLarge,\n      isAboveExtraSmall,\n      isAboveSmall,\n      isAboveMedium,\n      isAboveLarge,\n      isAboveExtraLarge,\n      isMobile,\n      isTablet,\n      isDesktop\n    ]\n  )\n\n  return <MediaContext.Provider value={value}>{children}</MediaContext.Provider>\n}\n\n/**\n * Hook to access media query state from the MediaContext.\n * This hook should be used instead of the original useMedia hook\n * to avoid creating multiple listeners in every component.\n */\nexport const useMedia = (): MediaContextType => {\n  const context = useContext(MediaContext)\n\n  if (context === null) {\n    throw new Error('useMedia must be used within a MediaProvider')\n  }\n\n  return context\n}\n"],"names":["useMediaQuery","_jsx"],"mappings":";;;;;;AA8BA,IAAM,YAAY,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAA;AAMjE;;;AAGG;AACI,IAAM,aAAa,GAAG,UAAC,EAAgC,EAAA;AAA9B,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;;IAEtC,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACvD,IAAM,OAAO,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,IAAM,QAAQ,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACnD,IAAM,OAAO,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAClD,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAEvD,IAAM,iBAAiB,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IAC1D,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACrD,IAAM,aAAa,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACtD,IAAM,YAAY,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;IACrD,IAAM,iBAAiB,GAAGA,UAAa,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;;AAG1D,IAAA,IAAM,QAAQ,GAAG,OAAO,CAAA;IACxB,IAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,CAAC,aAAa,CAAA;AAC3C,IAAA,IAAM,SAAS,GAAG,aAAa,CAAA;;IAG/B,IAAM,YAAY,GAAG,UAAC,KAAa,EAAA;QACjC,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAA;AACzC,KAAC,CAAA;AAED,IAAA,IAAM,KAAK,GAAG,OAAO,CACnB,YAAA,EAAM,QAAC;AACL,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,iBAAiB,EAAA,iBAAA;AACjB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,aAAa,EAAA,aAAA;AACb,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,iBAAiB,EAAA,iBAAA;AACjB,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,SAAS,EAAA,SAAA;AACT,QAAA,YAAY,EAAA,YAAA;KACb,EAAC,EAAA,EACF;QACE,YAAY;QACZ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,YAAY;QACZ,iBAAiB;QACjB,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,iBAAiB;QACjB,QAAQ;QACR,QAAQ;QACR,SAAS;AACV,KAAA,CACF,CAAA;IAED,OAAOC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAA,CAAyB,CAAA;AAChF,EAAC;AAED;;;;AAIG;AACU,IAAA,QAAQ,GAAG,YAAA;AACtB,IAAA,IAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE;AACpB,QAAA,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;AAChE,KAAA;AAED,IAAA,OAAO,OAAO,CAAA;AAChB;;;;"}

package/dist/contexts/index.d.ts

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

package/dist/contexts/index.d.ts.map

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