@audius/harmony 0.0.25

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

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

@@ -0,0 +1,11 @@
+import { ChangeEvent, ReactNode } from 'react';
+import { FlexProps } from '../layout';
+export type RadioGroupProps = {
+    name: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    children?: ReactNode;
+    defaultValue?: string;
+    value?: string | null;
+} & FlexProps;
+export declare const RadioGroup: (props: RadioGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useCallback } from 'react';
+import { useControlled } from '../../hooks/useControlled.js';
+import '../layout/Box/Box.js';
+import '@emotion/react';
+import { Flex } from '../layout/Flex/Flex.js';
+import '../layout/Paper/Paper.js';
+import '../layout/Popup/Popup.js';
+import { RadioGroupContext } from './RadioGroupContext.js';
+
+var RadioGroup = function (props) {
+    var name = props.name, onChange = props.onChange, children = props.children, valueProp = props.value, defaultValue = props.defaultValue, other = __rest(props, ["name", "onChange", "children", "value", "defaultValue"]);
+    var _a = useControlled({
+        controlledProp: valueProp,
+        defaultValue: defaultValue,
+        componentName: 'RadioButtonGroup'
+    }), value = _a[0], setValueState = _a[1];
+    var handleChange = useCallback(function (e) {
+        setValueState(e.target.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [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 })) })));
+};
+
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +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;;;;"}

package/dist/components/radio-group/RadioGroupContext.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEvent } from 'react';
+export type RadioGroupContextValue = {
+    name?: string;
+    value?: string | null;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue | undefined>;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/RadioGroupContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,OAAO,CAAA;AAElD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CACrD,CAAA;AAED,eAAO,MAAM,iBAAiB,6DAElB,CAAA"}

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

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var RadioGroupContext = createContext(undefined);
+
+export { RadioGroupContext };
+//# sourceMappingURL=RadioGroupContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.js","sources":["../../../src/components/radio-group/RadioGroupContext.ts"],"sourcesContent":["import { ChangeEvent, createContext } from 'react'\n\nexport type RadioGroupContextValue = {\n  name?: string\n  value?: string | null\n  onChange: (e: ChangeEvent<HTMLInputElement>) => void\n}\n\nexport const RadioGroupContext = createContext<\n  RadioGroupContextValue | undefined\n>(undefined)\n"],"names":[],"mappings":";;IAQa,iBAAiB,GAAG,aAAa,CAE5C,SAAS;;;;"}

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup, RadioGroupProps } from './RadioGroup';
+export { RadioGroupContext, RadioGroupContextValue } from './RadioGroupContext';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/radio-group/useRadioGroup.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEventHandler } from 'react';
+type RadioGroupProps = {
+    name?: string;
+    checked?: boolean;
+    value?: any;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+};
+export declare const useRadioGroup: (props: RadioGroupProps) => {
+    name: string | undefined;
+    checked: boolean | undefined;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+};
+export {};
+//# sourceMappingURL=useRadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio-group/useRadioGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,OAAO,CAAA;AAInE,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;CAChD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,eAAe;;;;CAuBnD,CAAA"}

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

@@ -0,0 +1,26 @@
+import { useContext, useCallback } from 'react';
+import { RadioGroupContext } from './RadioGroupContext.js';
+
+var useRadioGroup = function (props) {
+    var nameProp = props.name, checkedProp = props.checked, value = props.value, onChange = props.onChange;
+    var radioGroup = useContext(RadioGroupContext);
+    var name = nameProp;
+    var checked = checkedProp;
+    if (radioGroup) {
+        if (typeof name === 'undefined') {
+            name = radioGroup.name;
+        }
+        if (typeof checked === 'undefined') {
+            checked = String(value) === String(radioGroup.value);
+        }
+    }
+    var handleChange = useCallback(function (e) {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        (_a = radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.onChange) === null || _a === void 0 ? void 0 : _a.call(radioGroup, e);
+    }, [onChange, radioGroup]);
+    return { name: name, checked: checked, onChange: handleChange };
+};
+
+export { useRadioGroup };
+//# sourceMappingURL=useRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.js","sources":["../../../src/components/radio-group/useRadioGroup.ts"],"sourcesContent":["import { ChangeEventHandler, useCallback, useContext } from 'react'\n\nimport { RadioGroupContext } from './RadioGroupContext'\n\ntype RadioGroupProps = {\n  name?: string\n  checked?: boolean\n  value?: any\n  onChange?: ChangeEventHandler<HTMLInputElement>\n}\n\nexport const useRadioGroup = (props: RadioGroupProps) => {\n  const { name: nameProp, checked: checkedProp, value, onChange } = props\n  const radioGroup = useContext(RadioGroupContext)\n  let name = nameProp\n  let checked = checkedProp\n  if (radioGroup) {\n    if (typeof name === 'undefined') {\n      name = radioGroup.name\n    }\n    if (typeof checked === 'undefined') {\n      checked = String(value) === String(radioGroup.value)\n    }\n  }\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      onChange?.(e)\n      radioGroup?.onChange?.(e)\n    },\n    [onChange, radioGroup]\n  )\n\n  return { name, checked, onChange: handleChange }\n}\n"],"names":[],"mappings":";;;AAWO,IAAM,aAAa,GAAG,UAAC,KAAsB,EAAA;AAC1C,IAAA,IAAM,QAAQ,GAA4C,KAAK,KAAjD,EAAW,WAAW,GAAsB,KAAK,CAAA,OAA3B,EAAE,KAAK,GAAe,KAAK,CAApB,KAAA,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;AACvE,IAAA,IAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,IAAI,IAAI,GAAG,QAAQ,CAAA;IACnB,IAAI,OAAO,GAAG,WAAW,CAAA;AACzB,IAAA,IAAI,UAAU,EAAE;AACd,QAAA,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;AAC/B,YAAA,IAAI,GAAG,UAAU,CAAC,IAAI,CAAA;AACvB,SAAA;AACD,QAAA,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE;AAClC,YAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;AACrD,SAAA;AACF,KAAA;AAED,IAAA,IAAM,YAAY,GAAyC,WAAW,CACpE,UAAC,CAAC,EAAA;;AACA,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;QACb,CAAA,EAAA,GAAA,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,UAAU,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAG,CAAC,CAAC,CAAA;AAC3B,KAAC,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,OAAO,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAA,OAAA,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAClD;;;;"}

package/dist/components/scrollbar/Scrollbar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import PerfectScrollbar from 'react-perfect-scrollbar';
+/**
+ * A container with a custom scrollbar, meant to be used for small scrolling areas within a
+ * page/view (e.g. a scrolling navigation bar), not the entire page itself.
+ * `Scrollbar` uses react-perfect-scrollbar (https://www.npmjs.com/package/react-perfect-scrollbar)
+ * under the hood. For advanced use cases, refer to the documentation.
+ */
+export declare const Scrollbar: (props: import("react-perfect-scrollbar").ScrollBarProps & {
+    forward?: boolean | undefined;
+    isHidden?: boolean | undefined;
+} & import("react").RefAttributes<PerfectScrollbar>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=Scrollbar.d.ts.map

package/dist/components/scrollbar/Scrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/Scrollbar.tsx"],"names":[],"mappings":";AAIA,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AAMtD;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;qJAoErB,CAAA"}

package/dist/components/scrollbar/Scrollbar.js

@@ -0,0 +1,67 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef, useRef, useId, useEffect, useCallback } from 'react';
+import { ResizeObserver } from '@juggle/resize-observer';
+import cn from 'classnames';
+import PerfectScrollbar from 'react-perfect-scrollbar';
+import useMeasure from 'react-use-measure';
+import styles from './Scrollbar.module.css.js';
+
+/**
+ * A container with a custom scrollbar, meant to be used for small scrolling areas within a
+ * page/view (e.g. a scrolling navigation bar), not the entire page itself.
+ * `Scrollbar` uses react-perfect-scrollbar (https://www.npmjs.com/package/react-perfect-scrollbar)
+ * under the hood. For advanced use cases, refer to the documentation.
+ */
+var Scrollbar = forwardRef(function (_a, forwardedRef) {
+    var children = _a.children, className = _a.className, id = _a.id, forward = _a.forward, isHidden = _a.isHidden, props = __rest(_a, ["children", "className", "id", "forward", "isHidden"]);
+    // Do not remove:
+    // useMeasure ref is required for infinite scrolling to work
+    var ref = useMeasure({ polyfill: ResizeObserver })[0];
+    var timerRef = useRef(null);
+    var reactId = useId();
+    var elementId = id || reactId;
+    useEffect(function () {
+        return function () {
+            if (timerRef.current !== null) {
+                clearTimeout(timerRef.current);
+            }
+        };
+    }, []);
+    var hideScrollbar = useCallback(function () {
+        var element = document.getElementById(elementId);
+        if (element) {
+            element.classList.remove('scrollbar--hovered-visible');
+        }
+        if (timerRef.current !== null) {
+            clearTimeout(timerRef.current);
+        }
+    }, [elementId, timerRef]);
+    var showScrollbar = useCallback(function () {
+        if (isHidden)
+            return;
+        var element = document.getElementById(elementId);
+        if (element) {
+            element.classList.add('scrollbar--hovered-visible');
+        }
+        if (timerRef.current !== null) {
+            clearTimeout(timerRef.current);
+        }
+        timerRef.current = setTimeout(function () {
+            var element = document.getElementById(elementId);
+            if (element) {
+                element.classList.remove('scrollbar--hovered-visible');
+            }
+        }, 1400);
+    }, [elementId, timerRef, isHidden]);
+    useEffect(function () {
+        if (isHidden) {
+            hideScrollbar();
+        }
+    }, [isHidden, hideScrollbar]);
+    var content = forward ? children : jsx("div", __assign({ ref: ref }, { children: children }));
+    return (jsx(PerfectScrollbar, __assign({}, props, { ref: forwardedRef, id: elementId, className: cn(styles.scrollbar, className), onMouseEnter: showScrollbar, onMouseLeave: hideScrollbar }, { children: content })));
+});
+
+export { Scrollbar };
+//# sourceMappingURL=Scrollbar.js.map

package/dist/components/scrollbar/Scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.js","sources":["../../../src/components/scrollbar/Scrollbar.tsx"],"sourcesContent":["import { useEffect, useRef, forwardRef, Ref, useCallback, useId } from 'react'\n\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport cn from 'classnames'\nimport PerfectScrollbar from 'react-perfect-scrollbar'\nimport useMeasure from 'react-use-measure'\n\nimport styles from './Scrollbar.module.css'\nimport { ScrollbarProps } from './types'\n\n/**\n * A container with a custom scrollbar, meant to be used for small scrolling areas within a\n * page/view (e.g. a scrolling navigation bar), not the entire page itself.\n * `Scrollbar` uses react-perfect-scrollbar (https://www.npmjs.com/package/react-perfect-scrollbar)\n * under the hood. For advanced use cases, refer to the documentation.\n */\nexport const Scrollbar = forwardRef(\n  (\n    { children, className, id, forward, isHidden, ...props }: ScrollbarProps,\n    forwardedRef: Ref<PerfectScrollbar>\n  ) => {\n    // Do not remove:\n    // useMeasure ref is required for infinite scrolling to work\n    const [ref] = useMeasure({ polyfill: ResizeObserver })\n    const timerRef = useRef<NodeJS.Timeout | null>(null)\n    const reactId = useId()\n    const elementId = id || reactId\n\n    useEffect(() => {\n      return () => {\n        if (timerRef.current !== null) {\n          clearTimeout(timerRef.current)\n        }\n      }\n    }, [])\n\n    const hideScrollbar = useCallback(() => {\n      const element = document.getElementById(elementId)\n      if (element) {\n        element.classList.remove('scrollbar--hovered-visible')\n      }\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current)\n      }\n    }, [elementId, timerRef])\n\n    const showScrollbar = useCallback(() => {\n      if (isHidden) return\n      const element = document.getElementById(elementId)\n      if (element) {\n        element.classList.add('scrollbar--hovered-visible')\n      }\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current)\n      }\n      timerRef.current = setTimeout(() => {\n        const element = document.getElementById(elementId)\n        if (element) {\n          element.classList.remove('scrollbar--hovered-visible')\n        }\n      }, 1400)\n    }, [elementId, timerRef, isHidden])\n\n    useEffect(() => {\n      if (isHidden) {\n        hideScrollbar()\n      }\n    }, [isHidden, hideScrollbar])\n\n    const content = forward ? children : <div ref={ref}>{children}</div>\n\n    return (\n      <PerfectScrollbar\n        {...props}\n        ref={forwardedRef}\n        id={elementId}\n        className={cn(styles.scrollbar, className)}\n        onMouseEnter={showScrollbar}\n        onMouseLeave={hideScrollbar}\n      >\n        {content}\n      </PerfectScrollbar>\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAUA;;;;;AAKG;IACU,SAAS,GAAG,UAAU,CACjC,UACE,EAAwE,EACxE,YAAmC,EAAA;AADjC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,KAAK,GAAA,MAAA,CAAA,EAAA,EAAtD,sDAAwD,CAAF,CAAA;;;IAK/C,IAAA,GAAG,GAAI,UAAU,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAA,CAAA,CAA5C,CAA4C;AACtD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;AACpD,IAAA,IAAM,OAAO,GAAG,KAAK,EAAE,CAAA;AACvB,IAAA,IAAM,SAAS,GAAG,EAAE,IAAI,OAAO,CAAA;AAE/B,IAAA,SAAS,CAAC,YAAA;QACR,OAAO,YAAA;AACL,YAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;AAC7B,gBAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC/B,aAAA;AACH,SAAC,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,aAAa,GAAG,WAAW,CAAC,YAAA;QAChC,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;AAClD,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAA;AACvD,SAAA;AACD,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;AAC7B,YAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC/B,SAAA;AACH,KAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzB,IAAM,aAAa,GAAG,WAAW,CAAC,YAAA;AAChC,QAAA,IAAI,QAAQ;YAAE,OAAM;QACpB,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;AAClD,QAAA,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAA;AACpD,SAAA;AACD,QAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE;AAC7B,YAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC/B,SAAA;AACD,QAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,YAAA;YAC5B,IAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;AAClD,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAA;AACvD,aAAA;SACF,EAAE,IAAI,CAAC,CAAA;KACT,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;AAEnC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,QAAQ,EAAE;AACZ,YAAA,aAAa,EAAE,CAAA;AAChB,SAAA;AACH,KAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;AAE7B,IAAA,IAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAGA,sBAAK,GAAG,EAAE,GAAG,EAAG,EAAA,EAAA,QAAA,EAAA,QAAQ,IAAO,CAAA;AAEpE,IAAA,QACEA,GAAC,CAAA,gBAAgB,EACX,QAAA,CAAA,EAAA,EAAA,KAAK,IACT,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,YAAY,EAAE,aAAa,EAC3B,YAAY,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE1B,OAAO,EAAA,CAAA,CACS,EACpB;AACH,CAAC;;;;"}

package/dist/components/scrollbar/Scrollbar.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"scrollbar":"Scrollbar-module_scrollbar__S-zEj"};
+
+export { styles as default };
+//# sourceMappingURL=Scrollbar.module.css.js.map

package/dist/components/scrollbar/Scrollbar.module.css.js.map

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

package/dist/components/scrollbar/Scrollbar.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { Scrollbar } from '.';
+declare const _default: {
+    component: (props: import("react-perfect-scrollbar").ScrollBarProps & {
+        forward?: boolean | undefined;
+        isHidden?: boolean | undefined;
+    } & import("react").RefAttributes<import("react-perfect-scrollbar").default>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    title: string;
+};
+export default _default;
+type Story = StoryObj<typeof Scrollbar>;
+export declare const Primary: Story;
+//# sourceMappingURL=Scrollbar.stories.d.ts.map

package/dist/components/scrollbar/Scrollbar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/Scrollbar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAM3C,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;;;;;;;;AAE7B,wBAGC;AAED,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KA+CrB,CAAA"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { ScrollBarProps as PerfectScrollbarProps } from 'react-perfect-scrollbar';
+export type ScrollbarProps = PerfectScrollbarProps & {
+    forward?: boolean;
+    /**
+     * Whether or not to hide the scrollbars. Useful if you are rendering
+     * a scroll bar inside something that is changing sizes and you need
+     * to wait for the size to be stable before showing scrollbars.
+     */
+    isHidden?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/scrollbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEjF,MAAM,MAAM,cAAc,GAAG,qBAAqB,GAAG;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}

package/dist/components/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,7 @@
+import { SegmentedControlProps } from './types';
+/**
+ * A hybrid somewhere between a button group, radio buttons, and tabs;
+ * segmented controls are used to switch between different options or views.
+ */
+export declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/components/segmented-control/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,yGA4I5B,CAAA"}

package/dist/components/segmented-control/SegmentedControl.js

@@ -0,0 +1,103 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useRef, createRef, useState, useEffect, Fragment } from 'react';
+import { ResizeObserver } from '@juggle/resize-observer';
+import { useSpring, animated } from '@react-spring/web';
+import cn from 'classnames';
+import { mergeRefs } from 'react-merge-refs';
+import useMeasure from 'react-use-measure';
+import { Text } from '../text/Text/Text.js';
+import styles from './SegmentedControl.module.css.js';
+
+/**
+ * A hybrid somewhere between a button group, radio buttons, and tabs;
+ * segmented controls are used to switch between different options or views.
+ */
+var SegmentedControl = function (props) {
+    var _a;
+    var optionRefs = useRef(props.options.map(function (_) { return createRef(); }));
+    var _b = useState(props.options[0].key), selected = _b[0], setSelected = _b[1];
+    var _c = useState(0), maxOptionWidth = _c[0], setMaxOptionWidth = _c[1];
+    var selectedOption = props.selected || selected;
+    var onSetSelected = function (option) {
+        // Call props function if controlled
+        if (props.onSelectOption)
+            props.onSelectOption(option);
+        setSelected(option);
+    };
+    var _d = useSpring(function () { return ({
+        to: { left: '0px', width: '0px' }
+    }); }), tabProps = _d[0], tabApi = _d[1];
+    useEffect(function () {
+        setMaxOptionWidth(optionRefs.current.reduce(function (currentMax, ref) {
+            var _a, _b;
+            var rect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            return Math.max((_b = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _b !== void 0 ? _b : 0, currentMax);
+        }, 0));
+    }, []);
+    // Watch for resizes and repositions so that we move and resize the slider appropriately
+    var _e = useMeasure({
+        offsetSize: true,
+        polyfill: ResizeObserver
+    }), selectedRef = _e[0], bounds = _e[1];
+    var _f = useState(false), forceRefresh = _f[0], setForceRefresh = _f[1];
+    useEffect(function () {
+        setTimeout(function () {
+            setForceRefresh(!forceRefresh);
+        }, props.forceRefreshAfterMs);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(function () {
+        var _a, _b;
+        var selectedRefIdx = props.options.findIndex(function (option) { return option.key === selectedOption; });
+        if (selectedRefIdx === -1)
+            selectedRefIdx = 0;
+        var _c = (_b = (_a = optionRefs.current[selectedRefIdx]) === null || _a === void 0 ? void 0 : _a.current) !== null && _b !== void 0 ? _b : { clientWidth: 0, offsetLeft: 0 }, width = _c.clientWidth, left = _c.offsetLeft;
+        tabApi.start({
+            to: { left: "".concat(left, "px"), width: "".concat(width, "px") }
+        });
+    }, [
+        props.options,
+        props.equalWidth,
+        selectedOption,
+        props.selected,
+        tabApi,
+        selected,
+        optionRefs,
+        bounds,
+        forceRefresh
+    ]);
+    return (jsxs("div", __assign({ className: cn(styles.tabs, props.className, (_a = {},
+            _a[styles.containerFullWidth] = !!props.fullWidth,
+            _a[styles.isMobile] = props.isMobile,
+            _a[styles.disabled] = props.disabled,
+            _a)), role: 'radiogroup', "aria-label": props.label, "aria-labelledby": props['aria-labelledby'] }, { children: [jsx(animated.div, { className: styles.tabBackground, style: tabProps }), props.options.map(function (option, idx) {
+                var _a, _b;
+                var _c;
+                var isOptionDisabled = props.disabled || option.disabled;
+                return (jsxs(Fragment, { children: [jsxs("label", __assign({ ref: option.key === selectedOption
+                                ? mergeRefs([optionRefs.current[idx], selectedRef])
+                                : optionRefs.current[idx], className: cn(styles.tab, (_a = {},
+                                _a[styles.tabFullWidth] = !!props.fullWidth,
+                                _a[styles.disabled] = !props.disabled && option.disabled,
+                                _a[styles.isMobile] = props.isMobile,
+                                _a)), style: props.equalWidth && maxOptionWidth
+                                ? { width: "".concat(maxOptionWidth, "px") }
+                                : undefined }, { children: [option.icon, jsx("input", { type: 'radio', checked: option.key === selectedOption, onChange: function () {
+                                        onSetSelected(option.key);
+                                    }, disabled: isOptionDisabled }), jsx(Text, __assign({ color: (_c = option.variant) !== null && _c !== void 0 ? _c : (isOptionDisabled ? 'subdued' : 'default'), css: {
+                                        cursor: isOptionDisabled ? 'auto' : 'pointer'
+                                    } }, { children: option.text }))] })), idx !== props.options.length - 1 ? (jsx("div", { className: cn(styles.separator, (_b = {},
+                                _b[styles.invisible] = 
+                                // Hide separator right of the selected option
+                                selectedOption === option.key ||
+                                    // Hide separator right of the last option
+                                    idx === props.options.length - 1 ||
+                                    // Hide separator right of an option if the next one is selected
+                                    selectedOption === props.options[idx + 1].key,
+                                _b)) })) : null] }, option.key));
+            })] })));
+};
+
+export { SegmentedControl };
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/segmented-control/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { createRef, Fragment, useState, useRef, useEffect } from 'react'\n\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport { useSpring, animated } from '@react-spring/web'\nimport cn from 'classnames'\nimport { mergeRefs } from 'react-merge-refs'\nimport useMeasure from 'react-use-measure'\n\nimport { Text } from 'components/text/Text'\n\nimport styles from './SegmentedControl.module.css'\nimport { SegmentedControlProps } from './types'\n\n/**\n * A hybrid somewhere between a button group, radio buttons, and tabs;\n * segmented controls are used to switch between different options or views.\n */\nexport const SegmentedControl = <T extends string>(\n  props: SegmentedControlProps<T>\n) => {\n  const optionRefs = useRef(\n    props.options.map((_) => createRef<HTMLLabelElement>())\n  )\n  const [selected, setSelected] = useState(props.options[0].key)\n  const [maxOptionWidth, setMaxOptionWidth] = useState(0)\n\n  const selectedOption = props.selected || selected\n\n  const onSetSelected = (option: T) => {\n    // Call props function if controlled\n    if (props.onSelectOption) props.onSelectOption(option)\n    setSelected(option)\n  }\n\n  const [tabProps, tabApi] = useSpring(() => ({\n    to: { left: '0px', width: '0px' }\n  }))\n\n  useEffect(() => {\n    setMaxOptionWidth(\n      optionRefs.current.reduce((currentMax, ref) => {\n        const rect = ref.current?.getBoundingClientRect()\n        return Math.max(rect?.width ?? 0, currentMax)\n      }, 0)\n    )\n  }, [])\n\n  // Watch for resizes and repositions so that we move and resize the slider appropriately\n  const [selectedRef, bounds] = useMeasure({\n    offsetSize: true,\n    polyfill: ResizeObserver\n  })\n\n  const [forceRefresh, setForceRefresh] = useState(false)\n  useEffect(() => {\n    setTimeout(() => {\n      setForceRefresh(!forceRefresh)\n    }, props.forceRefreshAfterMs)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  useEffect(() => {\n    let selectedRefIdx = props.options.findIndex(\n      (option) => option.key === selectedOption\n    )\n    if (selectedRefIdx === -1) selectedRefIdx = 0\n\n    const { clientWidth: width, offsetLeft: left } = optionRefs.current[\n      selectedRefIdx\n    ]?.current ?? { clientWidth: 0, offsetLeft: 0 }\n\n    tabApi.start({\n      to: { left: `${left}px`, width: `${width}px` }\n    })\n  }, [\n    props.options,\n    props.equalWidth,\n    selectedOption,\n    props.selected,\n    tabApi,\n    selected,\n    optionRefs,\n    bounds,\n    forceRefresh\n  ])\n\n  return (\n    <div\n      className={cn(styles.tabs, props.className, {\n        [styles.containerFullWidth]: !!props.fullWidth,\n        [styles.isMobile]: props.isMobile,\n        [styles.disabled]: props.disabled\n      })}\n      role='radiogroup'\n      aria-label={props.label}\n      aria-labelledby={props['aria-labelledby']}\n    >\n      <animated.div className={styles.tabBackground} style={tabProps} />\n      {props.options.map((option, idx) => {\n        const isOptionDisabled = props.disabled || option.disabled\n        return (\n          <Fragment key={option.key}>\n            <label\n              ref={\n                option.key === selectedOption\n                  ? mergeRefs([optionRefs.current[idx], selectedRef])\n                  : optionRefs.current[idx]\n              }\n              className={cn(styles.tab, {\n                [styles.tabFullWidth]: !!props.fullWidth,\n                [styles.disabled]: !props.disabled && option.disabled,\n                [styles.isMobile]: props.isMobile\n              })}\n              style={\n                props.equalWidth && maxOptionWidth\n                  ? { width: `${maxOptionWidth}px` }\n                  : undefined\n              }\n            >\n              {option.icon}\n              <input\n                type='radio'\n                checked={option.key === selectedOption}\n                onChange={() => {\n                  onSetSelected(option.key)\n                }}\n                disabled={isOptionDisabled}\n              />\n              <Text\n                color={\n                  option.variant ?? (isOptionDisabled ? 'subdued' : 'default')\n                }\n                css={{\n                  cursor: isOptionDisabled ? 'auto' : 'pointer'\n                }}\n              >\n                {option.text}\n              </Text>\n            </label>\n            {idx !== props.options.length - 1 ? (\n              <div\n                className={cn(styles.separator, {\n                  [styles.invisible]:\n                    // Hide separator right of the selected option\n                    selectedOption === option.key ||\n                    // Hide separator right of the last option\n                    idx === props.options.length - 1 ||\n                    // Hide separator right of an option if the next one is selected\n                    selectedOption === props.options[idx + 1].key\n                })}\n              />\n            ) : null}\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAaA;;;AAGG;AACI,IAAM,gBAAgB,GAAG,UAC9B,KAA+B,EAAA;;IAE/B,IAAM,UAAU,GAAG,MAAM,CACvB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAA,EAAK,OAAA,SAAS,EAAoB,GAAA,CAAC,CACxD,CAAA;AACK,IAAA,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvD,QAAQ,QAAA,EAAE,WAAW,QAAkC,CAAA;IACxD,IAAA,EAAA,GAAsC,QAAQ,CAAC,CAAC,CAAC,EAAhD,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAe,CAAA;AAEvD,IAAA,IAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAA;IAEjD,IAAM,aAAa,GAAG,UAAC,MAAS,EAAA;;QAE9B,IAAI,KAAK,CAAC,cAAc;AAAE,YAAA,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;QACtD,WAAW,CAAC,MAAM,CAAC,CAAA;AACrB,KAAC,CAAA;AAEK,IAAA,IAAA,EAAqB,GAAA,SAAS,CAAC,YAAA,EAAM,QAAC;QAC1C,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;KAClC,EAAC,EAAA,CAAC,EAFI,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,MAAM,GAAA,EAAA,CAAA,CAAA,CAEpB,CAAA;AAEH,IAAA,SAAS,CAAC,YAAA;QACR,iBAAiB,CACf,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,UAAU,EAAE,GAAG,EAAA;;YACxC,IAAM,IAAI,GAAG,CAAA,EAAA,GAAA,GAAG,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,qBAAqB,EAAE,CAAA;AACjD,YAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAA,EAAA,GAAA,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,IAAI,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,EAAE,UAAU,CAAC,CAAA;AAC/C,SAAC,EAAE,CAAC,CAAC,CACN,CAAA;KACF,EAAE,EAAE,CAAC,CAAA;;IAGA,IAAA,EAAA,GAAwB,UAAU,CAAC;AACvC,QAAA,UAAU,EAAE,IAAI;AAChB,QAAA,QAAQ,EAAE,cAAc;AACzB,KAAA,CAAC,EAHK,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,MAAM,QAGxB,CAAA;IAEI,IAAA,EAAA,GAAkC,QAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAmB,CAAA;AACvD,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,UAAU,CAAC,YAAA;AACT,YAAA,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;AAChC,SAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;;KAE9B,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,SAAS,CAAC,YAAA;;QACR,IAAI,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAC1C,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,GAAG,KAAK,cAAc,CAA7B,EAA6B,CAC1C,CAAA;QACD,IAAI,cAAc,KAAK,CAAC,CAAC;YAAE,cAAc,GAAG,CAAC,CAAA;QAEvC,IAAA,EAAA,GAA2C,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,CACjE,cAAc,CACf,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,WAAW,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAF1B,KAAK,GAAA,EAAA,CAAA,WAAA,EAAc,IAAI,GAAA,EAAA,CAAA,UAEG,CAAA;QAE/C,MAAM,CAAC,KAAK,CAAC;AACX,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAG,CAAA,MAAA,CAAA,IAAI,EAAI,IAAA,CAAA,EAAE,KAAK,EAAE,EAAG,CAAA,MAAA,CAAA,KAAK,OAAI,EAAE;AAC/C,SAAA,CAAC,CAAA;AACJ,KAAC,EAAE;AACD,QAAA,KAAK,CAAC,OAAO;AACb,QAAA,KAAK,CAAC,UAAU;QAChB,cAAc;AACd,QAAA,KAAK,CAAC,QAAQ;QACd,MAAM;QACN,QAAQ;QACR,UAAU;QACV,MAAM;QACN,YAAY;AACb,KAAA,CAAC,CAAA;AAEF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;YACxC,EAAC,CAAA,MAAM,CAAC,kBAAkB,CAAA,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS;AAC9C,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAG,GAAA,KAAK,CAAC,QAAQ;AACjC,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAG,GAAA,KAAK,CAAC,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,IAAI,EAAC,YAAY,EACL,YAAA,EAAA,KAAK,CAAC,KAAK,EAAA,iBAAA,EACN,KAAK,CAAC,iBAAiB,CAAC,EAAA,EAAA,EAAA,QAAA,EAAA,CAEzCC,IAAC,QAAQ,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAI,CAAA,EACjE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,EAAA;;;gBAC7B,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAA;gBAC1D,QACED,IAAC,CAAA,QAAQ,EACP,EAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EACE,GAAG,EACD,MAAM,CAAC,GAAG,KAAK,cAAc;AAC3B,kCAAE,SAAS,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC;AACnD,kCAAE,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAE7B,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,GAAA,EAAA,GAAA,EAAA;gCACtB,EAAC,CAAA,MAAM,CAAC,YAAY,CAAA,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS;gCACxC,EAAC,CAAA,MAAM,CAAC,QAAQ,CAAG,GAAA,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ;AACrD,gCAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAG,GAAA,KAAK,CAAC,QAAQ;AACjC,gCAAA,EAAA,EAAA,EACF,KAAK,EACH,KAAK,CAAC,UAAU,IAAI,cAAc;AAChC,kCAAE,EAAE,KAAK,EAAE,EAAG,CAAA,MAAA,CAAA,cAAc,OAAI,EAAE;kCAChC,SAAS,EAGd,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,CAAC,IAAI,EACZC,eACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,cAAc,EACtC,QAAQ,EAAE,YAAA;AACR,wCAAA,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAC3B,qCAAC,EACD,QAAQ,EAAE,gBAAgB,EAC1B,CAAA,EACFA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,KAAK,EACH,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,IAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC,EAE9D,GAAG,EAAE;wCACH,MAAM,EAAE,gBAAgB,GAAG,MAAM,GAAG,SAAS;qCAC9C,EAEA,EAAA,EAAA,QAAA,EAAA,MAAM,CAAC,IAAI,EACP,CAAA,CAAA,CAAA,EAAA,CAAA,CACD,EACP,GAAG,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAC/BA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAA,EAAA,GAAA,EAAA;gCAC5B,EAAC,CAAA,MAAM,CAAC,SAAS,CAAA;;gCAEf,cAAc,KAAK,MAAM,CAAC,GAAG;;AAE7B,oCAAA,GAAG,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;;oCAEhC,cAAc,KAAK,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG;oCAC/C,EACF,CAAA,IACA,IAAI,CAlDK,EAAA,EAAA,MAAM,CAAC,GAAG,CAmDd,EACZ;aACF,CAAC,CACE,EAAA,CAAA,CAAA,EACP;AACH;;;;"}

package/dist/components/segmented-control/SegmentedControl.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"tabs":"SegmentedControl-module_tabs__wKUsf","tab":"SegmentedControl-module_tab__4-pYX","isMobile":"SegmentedControl-module_isMobile__cdVVe","separator":"SegmentedControl-module_separator__MU-is","invisible":"SegmentedControl-module_invisible__Nmz-k","tabBackground":"SegmentedControl-module_tabBackground__fGOQt","containerFullWidth":"SegmentedControl-module_containerFullWidth__haIMG","tabFullWidth":"SegmentedControl-module_tabFullWidth__UUx2c","disabled":"SegmentedControl-module_disabled__YG3fk"};
+
+export { styles as default };
+//# sourceMappingURL=SegmentedControl.module.css.js.map

package/dist/components/segmented-control/SegmentedControl.module.css.js.map

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

package/dist/components/segmented-control/SegmentedControl.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SegmentedControl } from './SegmentedControl';
+declare const meta: Meta<typeof SegmentedControl>;
+export default meta;
+type Story = StoryObj<typeof SegmentedControl>;
+export declare const Primary: Story;
+export declare const FullWidth: Story;
+export declare const EqualWidth: Story;
+export declare const IsMobile: Story;
+export declare const Disabled: Story;
+export declare const OptionDisabled: Story;
+export declare const OptionVariant: Story;
+//# sourceMappingURL=SegmentedControl.stories.d.ts.map

package/dist/components/segmented-control/SegmentedControl.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAsBrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAMvC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA"}

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedControl } from './SegmentedControl';
+export { SegmentedControlProps, Option } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/segmented-control/types.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export type Option<T> = {
+    key: T;
+    text: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    variant?: 'default' | 'subdued';
+};
+export type SegmentedControlProps<T extends string> = {
+    options: Array<Option<T>>;
+    selected: string;
+    onSelectOption: (key: T) => void;
+    /**
+     * Causes the control to take up the full width of the parent. Incompatible
+     * with `equalWidth`  */
+    fullWidth?: boolean;
+    /**
+     * Causes all tabs to be rendered at an equal width based on the largest natural
+     * content width. Incompatible with `fullWidth`
+     */
+    equalWidth?: boolean;
+    disabled?: boolean;
+    isMobile?: boolean;
+    /**
+     * Escape hatch for styles.
+     */
+    className?: string;
+    /**
+     * Styles specificlaly applied to slider text
+     */
+    textClassName?: string;
+    /**
+     * Styles applied only to active cell text
+     */
+    activeTextClassName?: string;
+    /**
+     * The label for the radio group
+     */
+    label?: string;
+    'aria-labelledby'?: string;
+    /**
+     * A hack to allow shifting animations to settle before recalculating the tab width
+     */
+    forceRefreshAfterMs?: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/segmented-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,GAAG,EAAE,CAAC,CAAA;IACN,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,IAAI;IAEpD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAGzB,QAAQ,EAAE,MAAM,CAAA;IAGhB,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IAEhC;;4BAEwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA"}

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+export type SwitchProps = ComponentProps<'input'>;
+export declare const Switch: (props: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAOtC,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAiCjD,eAAO,MAAM,MAAM,UAAW,WAAW,qDA0BxC,CAAA"}

package/dist/components/switch/Switch.js

@@ -0,0 +1,34 @@
+import { __makeTemplateObject, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import styled from '@emotion/styled';
+import { HiddenInput } from '../common/HiddenInput.js';
+
+var Root = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  opacity: 1;\n  position: relative;\n  cursor: pointer;\n"], ["\n  opacity: 1;\n  position: relative;\n  cursor: pointer;\n"])));
+var Track = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 48px;\n  height: 26px;\n  border-radius: 99px;\n  position: relative;\n  transition: background-color ", ";\n  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 48px;\n  height: 26px;\n  border-radius: 99px;\n  position: relative;\n  transition: background-color ", ";\n  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.motion.expressive;
+});
+var Thumb = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  height: 22px;\n  width: 22px;\n  border-radius: 50%;\n  transition: ", ";\n  background: ", ";\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);\n"], ["\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  height: 22px;\n  width: 22px;\n  border-radius: 50%;\n  transition: ", ";\n  background: ", ";\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.motion.expressive;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.neutral.n50;
+});
+var Switch = function (props) {
+    var disabled = props.disabled, checked = props.checked;
+    var color = useTheme().color;
+    return (jsxs(Root, __assign({ css: disabled && { opacity: 0.5, cursor: 'auto', pointerEvents: 'none' } }, { children: [jsx(HiddenInput, __assign({ type: 'checkbox' }, props)), jsx(Track, __assign({ css: {
+                    backgroundColor: checked
+                        ? color.secondary.secondary
+                        : color.neutral.n200
+                } }, { children: jsx(Thumb, { css: checked && {
+                        left: 'calc(100% - 2px)',
+                        transform: 'translateX(-100%)'
+                    } }) }))] })));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport styled from '@emotion/styled'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\n\nexport type SwitchProps = ComponentProps<'input'>\n\nconst Root = styled.span`\n  opacity: 1;\n  position: relative;\n  cursor: pointer;\n`\n\nconst Track = styled.span`\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 48px;\n  height: 26px;\n  border-radius: 99px;\n  position: relative;\n  transition: background-color ${({ theme }) => theme.motion.expressive};\n  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);\n`\n\nconst Thumb = styled.span`\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  height: 22px;\n  width: 22px;\n  border-radius: 50%;\n  transition: ${({ theme }) => theme.motion.expressive};\n  background: ${({ theme }) => theme.color.neutral.n50};\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);\n`\n\nexport const Switch = (props: SwitchProps) => {\n  const { disabled, checked } = props\n  const { color } = useTheme()\n  return (\n    <Root\n      css={disabled && { opacity: 0.5, cursor: 'auto', pointerEvents: 'none' }}\n    >\n      <HiddenInput type='checkbox' {...props} />\n      <Track\n        css={{\n          backgroundColor: checked\n            ? color.secondary.secondary\n            : color.neutral.n200\n        }}\n      >\n        <Thumb\n          css={\n            checked && {\n              left: 'calc(100% - 2px)',\n              transform: 'translateX(-100%)'\n            }\n          }\n        />\n      </Track>\n    </Root>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AASA,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,8DAAA,CAAA,EAAA,CAAA,8DAIvB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,uMAAA,EAAA,wDAAA,CAAA,EAAA,CAAA,uMAQQ,EAAsC,wDAEtE,CAFgC,CAAA,CAAA,EAAA,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAAO,IAAA,OAAA,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;AAAvB,CAAuB,CAEtE,CAAA;AAED,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,4IAAA,EAAA,mBAAA,EAAA,qDAAA,CAAA,EAAA,CAAA,4IAQT,EAAsC,mBACtC,EAAsC,qDAErD,CAAA,CAAA,CAAA,EAHe,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAAO,IAAA,OAAA,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;AAAvB,CAAuB,EACtC,UAAC,EAAS,EAAA;AAAP,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAAO,IAAA,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAA;AAAvB,CAAuB,CAErD,CAAA;AAEM,IAAM,MAAM,GAAG,UAAC,KAAkB,EAAA;IAC/B,IAAA,QAAQ,GAAc,KAAK,CAAA,QAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV,CAAU;AAC3B,IAAA,IAAA,KAAK,GAAK,QAAQ,EAAE,MAAf,CAAe;AAC5B,IAAA,QACEA,IAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,GAAG,EAAE,QAAQ,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,EAExE,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,UAAU,EAAK,EAAA,KAAK,EAAI,EAC1CA,GAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EACJ,GAAG,EAAE;AACH,oBAAA,eAAe,EAAE,OAAO;AACtB,0BAAE,KAAK,CAAC,SAAS,CAAC,SAAS;AAC3B,0BAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACvB,iBAAA,EAAA,EAAA,EAAA,QAAA,EAEDA,IAAC,KAAK,EAAA,EACJ,GAAG,EACD,OAAO,IAAI;AACT,wBAAA,IAAI,EAAE,kBAAkB;AACxB,wBAAA,SAAS,EAAE,mBAAmB;qBAC/B,EAEH,CAAA,EAAA,CAAA,CACI,CACH,EAAA,CAAA,CAAA,EACR;AACH,EAAC;;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,10 @@
+import { MouseEvent } from 'react';
+export type TagProps = {
+    children: string;
+    className?: string;
+    onClick?: (e: MouseEvent<HTMLElement>) => void;
+    variant?: 'default' | 'composed';
+    multiselect?: boolean;
+};
+export declare const Tag: (props: TagProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map