@audius/harmony 0.3.1 → 0.3.3

package/dist/components/checkbox/Select.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.svg.js","sources":["../../../src/components/checkbox/Select.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <g clip-path=\"url(#clip0_6946_1478)\">\n    <g filter=\"url(#filter0_d_6946_1478)\">\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.415 2.92479C13.9447 3.33857 14.0386 4.10337 13.6248 4.633L7.13144 12.9441C7.07164 13.0207 7.00451 13.0881 6.93191 13.1462C6.87971 13.222 6.81738 13.2932 6.74565 13.3579C6.24616 13.8076 5.47667 13.7673 5.02694 13.2678L2.31259 10.2532C1.86286 9.75375 1.90319 8.98421 2.40266 8.53448C2.90214 8.08475 3.67162 8.12508 4.12135 8.62461L5.88661 10.5837C5.88661 10.5837 11.293 3.66415 11.7068 3.13453C12.1206 2.60489 12.8854 2.51099 13.415 2.92479Z\" fill=\"white\"/>\n    </g>\n  </g>\n  <defs>\n    <filter id=\"filter0_d_6946_1478\" x=\"2\" y=\"2.66675\" width=\"15.8828\" height=\"15.0037\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n      <feOffset dx=\"2\" dy=\"2\"/>\n      <feGaussianBlur stdDeviation=\"1\"/>\n      <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1478\"/>\n      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1478\" result=\"shape\"/>\n    </filter>\n    <clipPath id=\"clip0_6946_1478\">\n      <rect width=\"16\" height=\"16\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.svg.js","sources":["../../../src/components/checkbox/Select.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <g clip-path=\"url(#clip0_6946_1478)\">\n    <g filter=\"url(#filter0_d_6946_1478)\">\n      <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.415 2.92479C13.9447 3.33857 14.0386 4.10337 13.6248 4.633L7.13144 12.9441C7.07164 13.0207 7.00451 13.0881 6.93191 13.1462C6.87971 13.222 6.81738 13.2932 6.74565 13.3579C6.24616 13.8076 5.47667 13.7673 5.02694 13.2678L2.31259 10.2532C1.86286 9.75375 1.90319 8.98421 2.40266 8.53448C2.90214 8.08475 3.67162 8.12508 4.12135 8.62461L5.88661 10.5837C5.88661 10.5837 11.293 3.66415 11.7068 3.13453C12.1206 2.60489 12.8854 2.51099 13.415 2.92479Z\" fill=\"white\"/>\n    </g>\n  </g>\n  <defs>\n    <filter id=\"filter0_d_6946_1478\" x=\"2\" y=\"2.66675\" width=\"15.8828\" height=\"15.0037\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n      <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n      <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n      <feOffset dx=\"2\" dy=\"2\"/>\n      <feGaussianBlur stdDeviation=\"1\"/>\n      <feComposite in2=\"hardAlpha\" operator=\"out\"/>\n      <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0\"/>\n      <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_6946_1478\"/>\n      <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_6946_1478\" result=\"shape\"/>\n    </filter>\n    <clipPath id=\"clip0_6946_1478\">\n      <rect width=\"16\" height=\"16\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>"],"names":[],"mappings":"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"}

package/dist/components/completion-check/CompletionCheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompletionCheck.js","sources":["../../../src/components/completion-check/CompletionCheck.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport { useTransition, animated } from '@react-spring/web'\nimport cn from 'classnames'\n\nimport { IconValidationCheck, IconValidationX } from 'icons'\n\nimport { Flex } from '../layout'\n\nimport styles from './CompletionCheck.module.css'\nimport type { CompletionCheckProps } from './types'\n\nexport const CompletionDefault = () => (\n  <div className={cn(styles.defaultCompletionIcon)} />\n)\nexport const CompletionEmpty = () => (\n  <div className={cn(styles.completionIcon, styles.emptyCompletionIcon)} />\n)\n\ntype CompletionChangeIconProps = {\n  iconStyles: CSSProperties\n}\n\nexport const CompletionError = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.xIcon)}\n  >\n    {' '}\n    <IconValidationX size='s' />{' '}\n  </animated.div>\n)\nexport const CompletionSuccess = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.checkIcon)}\n  >\n    {' '}\n    <IconValidationCheck size='s' />\n  </animated.div>\n)\n\nconst completionComponents = {\n  complete: CompletionSuccess,\n  error: CompletionError,\n  incomplete: CompletionEmpty\n}\n\nexport const CompletionCheck = (props: CompletionCheckProps) => {\n  const transitions = useTransition(props.value, {\n    from: { x: 0 },\n    enter: { x: 1 },\n    leave: { x: 0 }\n  })\n  return (\n    <Flex alignItems='center' className={styles.container}>\n      <CompletionDefault />\n      {transitions((style, value) => {\n        if (completionComponents[value]) {\n          const CompletionIcon = completionComponents[value]\n          return (\n            <CompletionIcon\n              iconStyles={{\n                opacity: style.x.to({\n                  output: [0.3, 1]\n                }) as any,\n                transform: style.x\n                  .to({\n                    range: [0, 0.75, 1],\n                    output: [0, 1.2, 1]\n                  })\n                  .to((x) => `scale3d(${x}, ${x}, ${x})`) as any\n              }}\n            />\n          )\n        }\n        return null\n      })}\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"CompletionCheck.js","sources":["../../../src/components/completion-check/CompletionCheck.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\n\nimport { useTransition, animated } from '@react-spring/web'\nimport cn from 'classnames'\n\nimport { IconValidationCheck, IconValidationX } from '~harmony/icons'\n\nimport { Flex } from '../layout'\n\nimport styles from './CompletionCheck.module.css'\nimport type { CompletionCheckProps } from './types'\n\nexport const CompletionDefault = () => (\n  <div className={cn(styles.defaultCompletionIcon)} />\n)\nexport const CompletionEmpty = () => (\n  <div className={cn(styles.completionIcon, styles.emptyCompletionIcon)} />\n)\n\ntype CompletionChangeIconProps = {\n  iconStyles: CSSProperties\n}\n\nexport const CompletionError = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.xIcon)}\n  >\n    {' '}\n    <IconValidationX size='s' />{' '}\n  </animated.div>\n)\nexport const CompletionSuccess = (props: CompletionChangeIconProps) => (\n  <animated.div\n    style={props.iconStyles}\n    className={cn(styles.completionIcon, styles.checkIcon)}\n  >\n    {' '}\n    <IconValidationCheck size='s' />\n  </animated.div>\n)\n\nconst completionComponents = {\n  complete: CompletionSuccess,\n  error: CompletionError,\n  incomplete: CompletionEmpty\n}\n\nexport const CompletionCheck = (props: CompletionCheckProps) => {\n  const transitions = useTransition(props.value, {\n    from: { x: 0 },\n    enter: { x: 1 },\n    leave: { x: 0 }\n  })\n  return (\n    <Flex alignItems='center' className={styles.container}>\n      <CompletionDefault />\n      {transitions((style, value) => {\n        if (completionComponents[value]) {\n          const CompletionIcon = completionComponents[value]\n          return (\n            <CompletionIcon\n              iconStyles={{\n                opacity: style.x.to({\n                  output: [0.3, 1]\n                }) as any,\n                transform: style.x\n                  .to({\n                    range: [0, 0.75, 1],\n                    output: [0, 1.2, 1]\n                  })\n                  .to((x) => `scale3d(${x}, ${x}, ${x})`) as any\n              }}\n            />\n          )\n        }\n        return null\n      })}\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/completion-check/index.d.ts

@@ -1,3 +1,3 @@
 export { CompletionCheck } from './CompletionCheck';
-export { CompletionCheckProps } from './types';
+export { type CompletionCheckProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/completion-check/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/completion-check/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/completion-check/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/expandable-nav-item/ExpandableNavItem.d.ts

@@ -0,0 +1,3 @@
+import type { ExpandableNavItemProps } from './types';
+export declare const ExpandableNavItem: ({ label, leftIcon: LeftIcon, rightIcon, defaultIsOpen, nestedItems, shouldPersistRightIcon, shouldPersistDownArrow, canUnfurl, variant, onClick, disabled, ...props }: ExpandableNavItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExpandableNavItem.d.ts.map

package/dist/components/expandable-nav-item/ExpandableNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableNavItem.d.ts","sourceRoot":"","sources":["../../../src/components/expandable-nav-item/ExpandableNavItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAkB,MAAM,SAAS,CAAA;AAoCrE,eAAO,MAAM,iBAAiB,0KAa3B,sBAAsB,qDA2MxB,CAAA"}

package/dist/components/expandable-nav-item/ExpandableNavItem.js

@@ -0,0 +1,126 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useState, useCallback, useMemo } from 'react';
+import { useTheme } from '@emotion/react';
+import { ResizeObserver } from '@juggle/resize-observer';
+import useMeasure from 'react-use-measure';
+import { IconCaretRight } from '../../icons/utilityIcons.js';
+import '@emotion/css';
+import { Box } from '../layout/Box/Box.js';
+import { Flex } from '../layout/Flex/Flex.js';
+import { Text } from '../text/Text.js';
+
+var ITEM_DEFAULT_WIDTH = '240px';
+var variants = {
+    default: {
+        textVariant: 'title',
+        textSize: 'l',
+        textStrength: 'weak',
+        iconSize: 'l',
+        gap: 'm'
+    },
+    compact: {
+        textVariant: 'body',
+        textSize: 's',
+        textStrength: undefined,
+        iconSize: 's',
+        gap: 'xs'
+    }
+};
+var getStyles = function (theme, disabled) {
+    var baseStyles = {
+        transition: "background-color ".concat(theme.motion.hover),
+        opacity: disabled ? 0.5 : 1
+    };
+    return __assign(__assign({}, baseStyles), { '&:active': {
+            opacity: disabled ? 0.4 : 0.8,
+            transition: "opacity ".concat(theme.motion.quick)
+        } });
+};
+var ExpandableNavItem = function (_a) {
+    var label = _a.label, LeftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _b = _a.defaultIsOpen, defaultIsOpen = _b === void 0 ? false : _b, nestedItems = _a.nestedItems, _c = _a.shouldPersistRightIcon, shouldPersistRightIcon = _c === void 0 ? false : _c, _d = _a.shouldPersistDownArrow, shouldPersistDownArrow = _d === void 0 ? false : _d, _e = _a.canUnfurl, canUnfurl = _e === void 0 ? true : _e, _f = _a.variant, variant = _f === void 0 ? 'default' : _f, onClick = _a.onClick, disabled = _a.disabled, props = __rest(_a, ["label", "leftIcon", "rightIcon", "defaultIsOpen", "nestedItems", "shouldPersistRightIcon", "shouldPersistDownArrow", "canUnfurl", "variant", "onClick", "disabled"]);
+    var _g = useState(defaultIsOpen), isOpen = _g[0], setIsOpen = _g[1];
+    var _h = useState(false), isHovered = _h[0], setIsHovered = _h[1];
+    var _j = useState(false), isMainActive = _j[0], setIsMainActive = _j[1];
+    var theme = useTheme();
+    var _k = useMeasure({
+        polyfill: ResizeObserver
+    }), ref = _k[0], bounds = _k[1];
+    var handleMouseEnter = useCallback(function () { return setIsHovered(true); }, []);
+    var handleMouseLeave = useCallback(function () {
+        setIsHovered(false);
+        setIsMainActive(false);
+    }, []);
+    var handleMainContainerMouseDown = useCallback(function () { return setIsMainActive(true); }, []);
+    var handleMainContainerMouseUp = useCallback(function () { return setIsMainActive(false); }, []);
+    var handleClick = useCallback(function () {
+        if (canUnfurl) {
+            setIsOpen(!isOpen);
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(!isOpen);
+    }, [canUnfurl, isOpen, onClick]);
+    var styles = useMemo(function () { return (__assign(__assign({}, getStyles(theme, disabled)), { opacity: isMainActive ? 0.8 : disabled ? 0.5 : 1, transition: "opacity ".concat(theme.motion.quick, ", background-color ").concat(theme.motion.hover) })); }, [theme, disabled, isMainActive]);
+    var containerStyles = useMemo(function () { return ({
+        width: '100%',
+        cursor: 'pointer',
+        transition: "background-color ".concat(theme.motion.hover),
+        padding: "0 ".concat(theme.spacing.s, "px"),
+        '& > div:first-of-type': {
+            display: 'flex',
+            alignItems: 'center',
+            gap: theme.spacing.s,
+            padding: theme.spacing.s,
+            backgroundColor: isHovered && !disabled ? theme.color.background.surface2 : undefined,
+            boxShadow: isHovered && !disabled
+                ? "inset 0 0 0 1px ".concat(theme.color.border.default)
+                : undefined,
+            borderRadius: theme.cornerRadius.m,
+            width: '100%'
+        }
+    }); }, [theme, isHovered, disabled]);
+    var getIcon = useMemo(function () {
+        var isCaretVisibleWhenHovered = isHovered && canUnfurl;
+        var isDownArrowPersistent = shouldPersistDownArrow && isOpen;
+        var shouldShowCaret = isCaretVisibleWhenHovered || isDownArrowPersistent;
+        return (jsxs(Fragment, { children: [LeftIcon ? (jsx(LeftIcon, { size: variants[variant].iconSize, color: 'default', css: {
+                        transition: "opacity ".concat(theme.motion.quick),
+                        opacity: shouldShowCaret ? 0 : 1,
+                        position: 'absolute'
+                    } })) : null, jsx(IconCaretRight, { size: 's', color: 'default', css: {
+                        transition: "transform ".concat(theme.motion.expressive, ", opacity ").concat(theme.motion.quick),
+                        transform: isOpen ? "rotate(90deg)" : undefined,
+                        opacity: shouldShowCaret ? 1 : 0
+                    } })] }));
+    }, [
+        isHovered,
+        canUnfurl,
+        shouldPersistDownArrow,
+        LeftIcon,
+        variant,
+        theme.motion.quick,
+        theme.motion.expressive,
+        isOpen
+    ]);
+    var leftIcon = useMemo(function () {
+        if (!getIcon && !LeftIcon)
+            return null;
+        var dimensions = variant === 'compact' ? 'unit5' : 'unit6';
+        return (jsx(Flex, __assign({ alignItems: 'center', justifyContent: 'center', h: dimensions, w: dimensions }, { children: getIcon })));
+    }, [getIcon, LeftIcon, variant]);
+    var shouldShowRightIcon = isOpen || shouldPersistRightIcon;
+    return (jsxs(Flex, __assign({ direction: 'column', role: 'navigation', w: '100%' }, props, { children: [jsx(Flex, __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, css: containerStyles }, { children: jsxs(Flex, __assign({ w: '100%' }, { children: [jsx(Flex, __assign({ alignItems: 'center', flex: 1, gap: 'm', css: styles, onMouseDown: handleMainContainerMouseDown, onMouseUp: handleMainContainerMouseUp, onClick: handleClick, role: 'button', "aria-expanded": isOpen, "aria-controls": "".concat(label, "-content"), "aria-label": "".concat(label, " navigation section") }, { children: jsxs(Flex, __assign({ alignItems: 'center', gap: variants[variant].gap, flex: 1, css: {
+                                    maxWidth: ITEM_DEFAULT_WIDTH,
+                                    transition: "opacity ".concat(theme.motion.expressive)
+                                } }, { children: [leftIcon, jsx(Text, __assign({ variant: variants[variant].textVariant, size: variants[variant].textSize, strength: variants[variant].textStrength, lineHeight: 'single', color: 'default', ellipses: true }, { children: label }))] })) })), shouldShowRightIcon ? (jsx(Box, __assign({ onClick: function (e) { return e.stopPropagation(); }, css: {
+                                cursor: 'pointer',
+                                opacity: disabled ? 0.5 : 1,
+                                transition: "opacity ".concat(theme.motion.quick)
+                            } }, { children: rightIcon }))) : null] })) })), nestedItems ? (jsx(Flex, __assign({ direction: 'column', css: {
+                    transition: "height ".concat(theme.motion.expressive, ", opacity ").concat(theme.motion.quick),
+                    overflow: 'hidden',
+                    opacity: isOpen ? 1 : 0
+                }, style: { height: isOpen ? bounds.height : 0 } }, { children: jsx(Flex, __assign({ direction: 'column', ref: ref, id: "".concat(label, "-content"), role: 'region', "aria-label": "".concat(label, " content") }, { children: nestedItems })) }))) : null] })));
+};
+
+export { ExpandableNavItem };
+//# sourceMappingURL=ExpandableNavItem.js.map

package/dist/components/expandable-nav-item/ExpandableNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableNavItem.js","sources":["../../../src/components/expandable-nav-item/ExpandableNavItem.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { useTheme, CSSObject } from '@emotion/react'\nimport { ResizeObserver } from '@juggle/resize-observer'\nimport useMeasure from 'react-use-measure'\n\nimport { HarmonyTheme } from '../../foundations/theme'\nimport { IconCaretRight } from '../../icons'\nimport { Box } from '../layout/Box'\nimport { Flex } from '../layout/Flex'\nimport { Text } from '../text'\n\nimport type { ExpandableNavItemProps, VariantConfigs } from './types'\n\nconst ITEM_DEFAULT_WIDTH = '240px'\n\nconst variants: VariantConfigs = {\n  default: {\n    textVariant: 'title',\n    textSize: 'l',\n    textStrength: 'weak',\n    iconSize: 'l',\n    gap: 'm'\n  },\n  compact: {\n    textVariant: 'body',\n    textSize: 's',\n    textStrength: undefined,\n    iconSize: 's',\n    gap: 'xs'\n  }\n}\n\nconst getStyles = (theme: HarmonyTheme, disabled?: boolean): CSSObject => {\n  const baseStyles: CSSObject = {\n    transition: `background-color ${theme.motion.hover}`,\n    opacity: disabled ? 0.5 : 1\n  }\n\n  return {\n    ...baseStyles,\n    '&:active': {\n      opacity: disabled ? 0.4 : 0.8,\n      transition: `opacity ${theme.motion.quick}`\n    }\n  }\n}\n\nexport const ExpandableNavItem = ({\n  label,\n  leftIcon: LeftIcon,\n  rightIcon,\n  defaultIsOpen = false,\n  nestedItems,\n  shouldPersistRightIcon = false,\n  shouldPersistDownArrow = false,\n  canUnfurl = true,\n  variant = 'default',\n  onClick,\n  disabled,\n  ...props\n}: ExpandableNavItemProps) => {\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\n  const [isHovered, setIsHovered] = useState(false)\n  const [isMainActive, setIsMainActive] = useState(false)\n  const theme = useTheme()\n\n  const [ref, bounds] = useMeasure({\n    polyfill: ResizeObserver\n  })\n\n  const handleMouseEnter = useCallback(() => setIsHovered(true), [])\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false)\n    setIsMainActive(false)\n  }, [])\n\n  const handleMainContainerMouseDown = useCallback(\n    () => setIsMainActive(true),\n    []\n  )\n  const handleMainContainerMouseUp = useCallback(\n    () => setIsMainActive(false),\n    []\n  )\n\n  const handleClick = useCallback(() => {\n    if (canUnfurl) {\n      setIsOpen(!isOpen)\n    }\n    onClick?.(!isOpen)\n  }, [canUnfurl, isOpen, onClick])\n\n  const styles = useMemo(\n    () => ({\n      ...getStyles(theme, disabled),\n      opacity: isMainActive ? 0.8 : disabled ? 0.5 : 1,\n      transition: `opacity ${theme.motion.quick}, background-color ${theme.motion.hover}`\n    }),\n    [theme, disabled, isMainActive]\n  )\n\n  const containerStyles = useMemo(\n    () => ({\n      width: '100%',\n      cursor: 'pointer',\n      transition: `background-color ${theme.motion.hover}`,\n      padding: `0 ${theme.spacing.s}px`,\n      '& > div:first-of-type': {\n        display: 'flex',\n        alignItems: 'center',\n        gap: theme.spacing.s,\n        padding: theme.spacing.s,\n        backgroundColor:\n          isHovered && !disabled ? theme.color.background.surface2 : undefined,\n        boxShadow:\n          isHovered && !disabled\n            ? `inset 0 0 0 1px ${theme.color.border.default}`\n            : undefined,\n        borderRadius: theme.cornerRadius.m,\n        width: '100%'\n      }\n    }),\n    [theme, isHovered, disabled]\n  )\n\n  const getIcon = useMemo(() => {\n    const isCaretVisibleWhenHovered = isHovered && canUnfurl\n    const isDownArrowPersistent = shouldPersistDownArrow && isOpen\n    const shouldShowCaret = isCaretVisibleWhenHovered || isDownArrowPersistent\n    return (\n      <>\n        {LeftIcon ? (\n          <LeftIcon\n            size={variants[variant].iconSize}\n            color='default'\n            css={{\n              transition: `opacity ${theme.motion.quick}`,\n              opacity: shouldShowCaret ? 0 : 1,\n              position: 'absolute'\n            }}\n          />\n        ) : null}\n        <IconCaretRight\n          size='s'\n          color='default'\n          css={{\n            transition: `transform ${theme.motion.expressive}, opacity ${theme.motion.quick}`,\n            transform: isOpen ? `rotate(90deg)` : undefined,\n            opacity: shouldShowCaret ? 1 : 0\n          }}\n        />\n      </>\n    )\n  }, [\n    isHovered,\n    canUnfurl,\n    shouldPersistDownArrow,\n    LeftIcon,\n    variant,\n    theme.motion.quick,\n    theme.motion.expressive,\n    isOpen\n  ])\n\n  const leftIcon = useMemo(() => {\n    if (!getIcon && !LeftIcon) return null\n\n    const dimensions = variant === 'compact' ? 'unit5' : 'unit6'\n\n    return (\n      <Flex\n        alignItems='center'\n        justifyContent='center'\n        h={dimensions}\n        w={dimensions}\n      >\n        {getIcon}\n      </Flex>\n    )\n  }, [getIcon, LeftIcon, variant])\n\n  const shouldShowRightIcon = isOpen || shouldPersistRightIcon\n\n  return (\n    <Flex direction='column' role='navigation' w='100%' {...props}>\n      <Flex\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        css={containerStyles}\n      >\n        <Flex w='100%'>\n          <Flex\n            alignItems='center'\n            flex={1}\n            gap='m'\n            css={styles}\n            onMouseDown={handleMainContainerMouseDown}\n            onMouseUp={handleMainContainerMouseUp}\n            onClick={handleClick}\n            role='button'\n            aria-expanded={isOpen}\n            aria-controls={`${label}-content`}\n            aria-label={`${label} navigation section`}\n          >\n            <Flex\n              alignItems='center'\n              gap={variants[variant].gap}\n              flex={1}\n              css={{\n                maxWidth: ITEM_DEFAULT_WIDTH,\n                transition: `opacity ${theme.motion.expressive}`\n              }}\n            >\n              {leftIcon}\n              <Text\n                variant={variants[variant].textVariant}\n                size={variants[variant].textSize}\n                strength={variants[variant].textStrength}\n                lineHeight='single'\n                color='default'\n                ellipses\n              >\n                {label}\n              </Text>\n            </Flex>\n          </Flex>\n          {shouldShowRightIcon ? (\n            <Box\n              onClick={(e) => e.stopPropagation()}\n              css={{\n                cursor: 'pointer',\n                opacity: disabled ? 0.5 : 1,\n                transition: `opacity ${theme.motion.quick}`\n              }}\n            >\n              {rightIcon}\n            </Box>\n          ) : null}\n        </Flex>\n      </Flex>\n      {nestedItems ? (\n        <Flex\n          direction='column'\n          css={{\n            transition: `height ${theme.motion.expressive}, opacity ${theme.motion.quick}`,\n            overflow: 'hidden',\n            opacity: isOpen ? 1 : 0\n          }}\n          style={{ height: isOpen ? bounds.height : 0 }}\n        >\n          <Flex\n            direction='column'\n            ref={ref}\n            id={`${label}-content`}\n            role='region'\n            aria-label={`${label} content`}\n          >\n            {nestedItems}\n          </Flex>\n        </Flex>\n      ) : null}\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/expandable-nav-item/ExpandableNavItem.stories.d.ts

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

package/dist/components/expandable-nav-item/ExpandableNavItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableNavItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/expandable-nav-item/ExpandableNavItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAMxC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE/C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA"}

package/dist/components/expandable-nav-item/index.d.ts

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

package/dist/components/expandable-nav-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/expandable-nav-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/expandable-nav-item/types.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+import type { WithCSS } from '../../foundations/theme';
+import type { IconComponent } from '../icon';
+export type ExpandableNavItemVariant = 'default' | 'compact';
+export type VariantConfig = {
+    textVariant: 'title' | 'body';
+    textSize: 'l' | 's';
+    textStrength: 'weak' | undefined;
+    iconSize: 'l' | 's';
+    gap: 'm' | 'xs';
+};
+export type VariantConfigs = Record<ExpandableNavItemVariant, VariantConfig>;
+export type ExpandableNavItemProps = WithCSS<{
+    /** The label text of the navigation item. */
+    label: string;
+    /** The icon component to display on the left side of the label. */
+    leftIcon?: IconComponent;
+    /** Optional ReactNode to render on the right */
+    rightIcon?: ReactNode;
+    /** Whether the folder is open by default. */
+    defaultIsOpen?: boolean;
+    /** Nested items to render when the folder is open. */
+    nestedItems?: ReactNode;
+    /** Whether the right icon should persist regardless of the open state. */
+    shouldPersistRightIcon?: boolean;
+    /** Whether the down arrow should persist when the item is open. */
+    shouldPersistDownArrow?: boolean;
+    /** Whether the nav item can be unfurled. */
+    canUnfurl?: boolean;
+    /** The variant of the nav item. */
+    variant?: ExpandableNavItemVariant;
+    /** The onClick handler for the nav item. */
+    onClick?: (isOpen: boolean) => void;
+    /** Whether the nav item is disabled. */
+    disabled?: boolean;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/expandable-nav-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/expandable-nav-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,SAAS,CAAA;AAE5D,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,GAAG,GAAG,GAAG,CAAA;IACnB,GAAG,EAAE,GAAG,GAAG,IAAI,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,wBAAwB,EAAE,aAAa,CAAC,CAAA;AAE5E,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC3C,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sDAAsD;IACtD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,mEAAmE;IACnE,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA"}

package/dist/components/hint/Hint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAuB;AAEpD,OAAO,EAAS,UAAU,EAAE,wBAA+B;AAI3D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,UAAU,CAAA;AAKd,eAAO,MAAM,IAAI,UAAW,SAAS,qDA2BpC,CAAA"}
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../src/components/hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgC;AAE7D,OAAO,EAAS,UAAU,EAAE,wBAAwC;AAIpE,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,GAAG,UAAU,CAAA;AAKd,eAAO,MAAM,IAAI,UAAW,SAAS,qDA2BpC,CAAA"}

package/dist/components/hint/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../src/components/hint/Hint.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport type { IconComponent } from 'components/icon'\nimport { Flex } from 'components/layout'\nimport { Paper, PaperProps } from 'components/layout/Paper'\nimport { Text } from 'components/text'\nimport { IconQuestionCircle } from 'icons'\n\ntype HintProps = {\n  icon?: IconComponent\n  actions?: ReactNode\n} & PaperProps\n\n/*\n * A way of informing the user of important details in line in a prominent way.\n */\nexport const Hint = (props: HintProps) => {\n  const { icon: Icon = IconQuestionCircle, children, actions, ...other } = props\n  return (\n    <Paper\n      role='alert'\n      backgroundColor='surface2'\n      ph='l'\n      pv='m'\n      direction='column'\n      gap='m'\n      shadow='flat'\n      border='strong'\n      {...other}\n    >\n      <Flex gap='l' alignItems='center'>\n        <Icon size='l' color='default' />\n        <Text variant='body' color='default'>\n          {children}\n        </Text>\n      </Flex>\n      {actions ? (\n        <Flex pl='unit10' gap='l'>\n          {actions}\n        </Flex>\n      ) : null}\n    </Paper>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAaA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;IAC3B,IAAA,EAAA,GAAiE,KAAK,CAAA,IAAvC,EAAzB,IAAI,mBAAG,kBAAkB,GAAA,EAAA,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,OAAO,GAAe,KAAK,CAApB,OAAA,EAAK,KAAK,GAAA,MAAA,CAAK,KAAK,EAAxE,CAAgE,MAAA,EAAA,UAAA,EAAA,SAAA,CAAA,CAAF,CAAU;IAC9E,QACEA,KAAC,KAAK,EAAA,QAAA,CAAA,EACJ,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,UAAU,EAC1B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,QAAQ,EACX,EAAA,KAAK,eAETA,IAAC,CAAA,IAAI,aAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAC/B,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAG,CAAA,EACjCA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,EAAA,EAAA,QAAA,EACjC,QAAQ,EAAA,CAAA,CACJ,CACF,EAAA,CAAA,CAAA,EACN,OAAO,IACNA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAA,EAAA,EAAA,QAAA,EACtB,OAAO,EAAA,CAAA,CACH,IACL,IAAI,CACF,EAAA,CAAA,CAAA,EACT;AACH;;;;"}
+{"version":3,"file":"Hint.js","sources":["../../../src/components/hint/Hint.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport type { IconComponent } from '~harmony/components/icon'\nimport { Flex } from '~harmony/components/layout'\nimport { Paper, PaperProps } from '~harmony/components/layout/Paper'\nimport { Text } from '~harmony/components/text'\nimport { IconQuestionCircle } from '~harmony/icons'\n\ntype HintProps = {\n  icon?: IconComponent\n  actions?: ReactNode\n} & PaperProps\n\n/*\n * A way of informing the user of important details in line in a prominent way.\n */\nexport const Hint = (props: HintProps) => {\n  const { icon: Icon = IconQuestionCircle, children, actions, ...other } = props\n  return (\n    <Paper\n      role='alert'\n      backgroundColor='surface2'\n      ph='l'\n      pv='m'\n      direction='column'\n      gap='m'\n      shadow='flat'\n      border='strong'\n      {...other}\n    >\n      <Flex gap='l' alignItems='center'>\n        <Icon size='l' color='default' />\n        <Text variant='body' color='default'>\n          {children}\n        </Text>\n      </Flex>\n      {actions ? (\n        <Flex pl='unit10' gap='l'>\n          {actions}\n        </Flex>\n      ) : null}\n    </Paper>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAaA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;IAC3B,IAAA,EAAA,GAAiE,KAAK,CAAA,IAAvC,EAAzB,IAAI,mBAAG,kBAAkB,GAAA,EAAA,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,OAAO,GAAe,KAAK,CAApB,OAAA,EAAK,KAAK,GAAA,MAAA,CAAK,KAAK,EAAxE,CAAgE,MAAA,EAAA,UAAA,EAAA,SAAA,CAAA,CAAF,CAAU;IAC9E,QACEA,KAAC,KAAK,EAAA,QAAA,CAAA,EACJ,IAAI,EAAC,OAAO,EACZ,eAAe,EAAC,UAAU,EAC1B,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,QAAQ,EACX,EAAA,KAAK,eAETA,IAAC,CAAA,IAAI,aAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAC/B,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAG,CAAA,EACjCA,GAAC,CAAA,IAAI,aAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,EAAA,EAAA,QAAA,EACjC,QAAQ,EAAA,CAAA,CACJ,CACF,EAAA,CAAA,CAAA,EACN,OAAO,IACNA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAA,EAAA,EAAA,QAAA,EACtB,OAAO,EAAA,CAAA,CACH,IACL,IAAI,CACF,EAAA,CAAA,CAAA,EACT;AACH;;;;"}

package/dist/components/icon-text/IconText.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { Flex } from 'components/layout'\nimport { Text } from 'components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n  children,\n  color = 'default',\n  icons = []\n}: IconTextProps) => {\n  const separator = (\n    <Text variant='body' color='default' css={{ fontSize: 8, lineHeight: 20 }}>\n      •\n    </Text>\n  )\n\n  return (\n    <Flex h='l' gap='xs' alignItems='center'>\n      {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n        <Fragment key={`icon${index}`}>\n          {index > 0 ? separator : null}\n          <Icon size='2xs' color={iconColor} />\n        </Fragment>\n      ))}\n      <Text size='s' color={color}>\n        {children}\n      </Text>\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,EAElE,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BD,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,CAAI,CAFxB,EAAA,EAAA,MAAA,CAAA,MAAA,CAAO,KAAK,CAAE,CAGlB,EACZ;AALmE,aAKnE,CAAC,EACFA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EACxB,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH;;;;"}
+{"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { Flex } from '~harmony/components/layout'\nimport { Text } from '~harmony/components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n  children,\n  color = 'default',\n  icons = []\n}: IconTextProps) => {\n  const separator = (\n    <Text variant='body' color='default' css={{ fontSize: 8, lineHeight: 20 }}>\n      •\n    </Text>\n  )\n\n  return (\n    <Flex h='l' gap='xs' alignItems='center'>\n      {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n        <Fragment key={`icon${index}`}>\n          {index > 0 ? separator : null}\n          <Icon size='2xs' color={iconColor} />\n        </Fragment>\n      ))}\n      <Text size='s' color={color}>\n        {children}\n      </Text>\n    </Flex>\n  )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,EAElE,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BD,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,CAAI,CAFxB,EAAA,EAAA,MAAA,CAAA,MAAA,CAAO,KAAK,CAAE,CAGlB,EACZ;AALmE,aAKnE,CAAC,EACFA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EACxB,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH;;;;"}

package/dist/components/icon-text/IconText.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/IconText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA"}
+{"version":3,"file":"IconText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/IconText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAWtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAA"}

package/dist/components/icon-text/index.d.ts

@@ -1,3 +1,3 @@
 export { IconText } from './IconText';
-export { IconTextProps } from './types';
+export { type IconTextProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/icon-text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,gBAAuB;AAC/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,0BAAmB;AAEpD,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,gBAAgC;AACxD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,0BAA4B;AAE7D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,aAAa,CAAA;IACnB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA"}

package/dist/components/index.d.ts

@@ -21,6 +21,10 @@ export * from './scrubber';
 export * from './skeleton';
 export * from './artwork';
 export * from './music-badge';
+export * from './expandable-nav-item';
+export * from './nav-item';
+export * from './balance-pill';
+export * from './notification-count';
 export { default as LoadingSpinner } from './loading-spinner/LoadingSpinner';
 export * from './pill';
 export * from './common/HiddenInput';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAA;AAC5E,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useToggle } from 'react-use'\n\nimport { IconButton } from 'components/button'\nimport { IconVisibilityHidden, IconVisibilityPublic } from 'icons'\n\nimport { TextInput } from '../TextInput'\n\nimport type { PasswordInputProps } from './types'\n\nconst messages = {\n  hidePasswordInput: 'Hide password input',\n  showPasswordInput: 'Show password input'\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props, ref) => {\n    const { hideVisibilityToggle, ...restProps } = props\n    const [isPasswordVisible, toggleIsPasswordVisible] = useToggle(false)\n    const VisibilityIcon = isPasswordVisible\n      ? IconVisibilityPublic\n      : IconVisibilityHidden\n\n    return (\n      <TextInput\n        ref={ref}\n        type={isPasswordVisible ? 'text' : 'password'}\n        endAdornment={\n          hideVisibilityToggle ? null : (\n            <IconButton\n              icon={VisibilityIcon}\n              color='subdued'\n              onClick={toggleIsPasswordVisible}\n              aria-label={\n                isPasswordVisible\n                  ? messages.hidePasswordInput\n                  : messages.showPasswordInput\n              }\n              ripple\n            />\n          )\n        }\n        {...restProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAWA,IAAM,QAAQ,GAAG;AACf,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,iBAAiB,EAAE,qBAAqB;CACzC,CAAA;IAEY,aAAa,GAAG,UAAU,CACrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,oBAAoB,GAAmB,KAAK,CAAxB,oBAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9C,CAAsC,sBAAA,CAAA,CAAF,CAAU;IAC9C,IAAA,EAAA,GAA+C,SAAS,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IACrE,IAAM,cAAc,GAAG,iBAAiB;AACtC,UAAE,oBAAoB;UACpB,oBAAoB,CAAA;IAExB,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,YAAY,EACV,oBAAoB,GAAG,IAAI,IACzBA,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,uBAAuB,EAAA,YAAA,EAE9B,iBAAiB;kBACb,QAAQ,CAAC,iBAAiB;AAC5B,kBAAE,QAAQ,CAAC,iBAAiB,EAEhC,MAAM,EACN,IAAA,EAAA,CAAA,CACH,EAEC,EAAA,SAAS,CACb,CAAA,EACH;AACH,CAAC;;;;"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useToggle } from 'react-use'\n\nimport { IconButton } from '~harmony/components/button'\nimport { IconVisibilityHidden, IconVisibilityPublic } from '~harmony/icons'\n\nimport { TextInput } from '../TextInput'\n\nimport type { PasswordInputProps } from './types'\n\nconst messages = {\n  hidePasswordInput: 'Hide password input',\n  showPasswordInput: 'Show password input'\n}\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props, ref) => {\n    const { hideVisibilityToggle, ...restProps } = props\n    const [isPasswordVisible, toggleIsPasswordVisible] = useToggle(false)\n    const VisibilityIcon = isPasswordVisible\n      ? IconVisibilityPublic\n      : IconVisibilityHidden\n\n    return (\n      <TextInput\n        ref={ref}\n        type={isPasswordVisible ? 'text' : 'password'}\n        endAdornment={\n          hideVisibilityToggle ? null : (\n            <IconButton\n              icon={VisibilityIcon}\n              color='subdued'\n              onClick={toggleIsPasswordVisible}\n              aria-label={\n                isPasswordVisible\n                  ? messages.hidePasswordInput\n                  : messages.showPasswordInput\n              }\n              ripple\n            />\n          )\n        }\n        {...restProps}\n      />\n    )\n  }\n)\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAWA,IAAM,QAAQ,GAAG;AACf,IAAA,iBAAiB,EAAE,qBAAqB;AACxC,IAAA,iBAAiB,EAAE,qBAAqB;CACzC,CAAA;IAEY,aAAa,GAAG,UAAU,CACrC,UAAC,KAAK,EAAE,GAAG,EAAA;IACD,IAAA,oBAAoB,GAAmB,KAAK,CAAxB,oBAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAA9C,CAAsC,sBAAA,CAAA,CAAF,CAAU;IAC9C,IAAA,EAAA,GAA+C,SAAS,CAAC,KAAK,CAAC,EAA9D,iBAAiB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAoB,CAAA;IACrE,IAAM,cAAc,GAAG,iBAAiB;AACtC,UAAE,oBAAoB;UACpB,oBAAoB,CAAA;IAExB,QACEA,IAAC,SAAS,EAAA,QAAA,CAAA,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,iBAAiB,GAAG,MAAM,GAAG,UAAU,EAC7C,YAAY,EACV,oBAAoB,GAAG,IAAI,IACzBA,GAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAE,cAAc,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,uBAAuB,EAAA,YAAA,EAE9B,iBAAiB;kBACb,QAAQ,CAAC,iBAAiB;AAC5B,kBAAE,QAAQ,CAAC,iBAAiB,EAEhC,MAAM,EACN,IAAA,EAAA,CAAA,CACH,EAEC,EAAA,SAAS,CACb,CAAA,EACH;AACH,CAAC;;;;"}

package/dist/components/input/PasswordInput/index.d.ts

@@ -1,3 +1,3 @@
 export * from './PasswordInput';
-export { PasswordInputProps } from './types';
+export { type PasswordInputProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/input/PasswordInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/input/SelectablePill/SelectablePill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectablePill.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAoIxD,CAAA"}
+{"version":3,"file":"SelectablePill.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AASlD,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAiIxD,CAAA"}

package/dist/components/input/SelectablePill/SelectablePill.js

@@ -14,13 +14,11 @@ var SelectablePill = function (props) {
     var isSelectedProp = props.isSelected, _b = props.size, size = _b === void 0 ? 'small' : _b, _isHovered = props._isHovered, Icon = props.icon, className = props.className, other = __rest(props, ["isSelected", "size", "_isHovered", "icon", "className"]);
     var disabled = other.disabled, type = other.type;
     var isSelected = type === 'checkbox' || type === 'radio'
-        ? (_a = other.checked) !== null && _a !== void 0 ? _a : isSelectedProp
+        ? ((_a = other.checked) !== null && _a !== void 0 ? _a : isSelectedProp)
         : isSelectedProp;
     var theme = useTheme();
     var spacing = theme.spacing;
     var hoverCss = __assign({ backgroundColor: theme.color.secondary.s200, color: theme.color.static.white, border: "1px solid ".concat(theme.color.secondary.secondary) }, (size === 'large' && {
-        backgroundColor: theme.color.secondary.s100,
-        border: "1px solid ".concat(theme.color.secondary.s200),
         boxShadow: 'none'
     }));
     var activeCss = __assign({ backgroundColor: theme.color.secondary.s400, color: theme.color.static.white, border: "1px solid ".concat(theme.color.secondary.s400) }, (size === 'large' && {

package/dist/components/input/SelectablePill/SelectablePill.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from 'components/common/HiddenInput'\nimport { useRadioGroup } from 'components/radio-group/useRadioGroup'\nimport { Text } from 'components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n  const { name, checked, onChange } = useRadioGroup(props)\n  return (\n    <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n  )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n  const {\n    isSelected: isSelectedProp,\n    size = 'small',\n    _isHovered,\n    icon: Icon,\n    className,\n    ...other\n  } = props\n\n  const { disabled, type } = other\n  const isSelected =\n    type === 'checkbox' || type === 'radio'\n      ? other.checked ?? isSelectedProp\n      : isSelectedProp\n\n  const theme = useTheme()\n  const { spacing } = theme\n\n  const hoverCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s200,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.secondary}`,\n    ...(size === 'large' && {\n      backgroundColor: theme.color.secondary.s100,\n      border: `1px solid ${theme.color.secondary.s200}`,\n      boxShadow: 'none'\n    })\n  }\n\n  const activeCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s400,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.s400}`,\n\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const rootCss: CSSObject = {\n    display: 'inline-flex',\n    position: 'relative',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing.s,\n    color: theme.color.text.default,\n    backgroundColor: theme.color.background.white,\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'all 0.12s ease-out',\n    textWrap: 'nowrap',\n    border: `1px solid ${theme.color.border.strong}`,\n    borderRadius: theme.cornerRadius['2xl'],\n    ...(size === 'small' && {\n      height: theme.spacing.xl,\n      paddingInline: theme.spacing.m\n    }),\n    ...(size === 'large' && {\n      height: theme.spacing['2xl'],\n      paddingInline: theme.spacing.l,\n      boxShadow: theme.shadows.near\n    }),\n    ...(size === 'oversized' && {\n      height: spacing.unit12,\n      padding: spacing.m,\n      borderWidth: 2\n    }),\n    ...(disabled && { opacity: 0.45 }),\n    ...(_isHovered && hoverCss),\n    ...(isSelected && activeCss),\n    ...((disabled || _isHovered) && {\n      pointerEvents: 'none'\n    }),\n    ':hover': hoverCss,\n    ':active': activeCss\n  }\n\n  const iconCss = {\n    '& path': {\n      fill: 'currentColor'\n    }\n  }\n\n  const rootProps = {\n    css: rootCss,\n    className\n  }\n\n  const pillContent = (\n    <>\n      {size !== 'small' && Icon ? <Icon size='s' css={iconCss} /> : null}\n      {'label' in other ? (\n        <Text\n          variant={size === 'oversized' ? 'heading' : 'body'}\n          tag='span'\n          css={size === 'oversized' && { textTransform: 'uppercase' }}\n        >\n          {other.label}\n        </Text>\n      ) : null}\n    </>\n  )\n\n  switch (type) {\n    case 'checkbox': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <HiddenInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'radio': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <RadioInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'button':\n    case 'reset':\n    case 'submit':\n    default: {\n      return (\n        <button {...rootProps} {...other}>\n          {pillContent}\n        </button>\n      )\n    }\n  }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"SelectablePill.js","sources":["../../../../src/components/input/SelectablePill/SelectablePill.tsx"],"sourcesContent":["import { ComponentProps } from 'react'\n\nimport { CSSObject, useTheme } from '@emotion/react'\n\nimport { HiddenInput } from '~harmony/components/common/HiddenInput'\nimport { useRadioGroup } from '~harmony/components/radio-group/useRadioGroup'\nimport { Text } from '~harmony/components/text'\n\nimport type { SelectablePillProps } from './types'\n\nconst RadioInput = (props: ComponentProps<'input'>) => {\n  const { name, checked, onChange } = useRadioGroup(props)\n  return (\n    <HiddenInput {...props} name={name} checked={checked} onChange={onChange} />\n  )\n}\n\nexport const SelectablePill = (props: SelectablePillProps) => {\n  const {\n    isSelected: isSelectedProp,\n    size = 'small',\n    _isHovered,\n    icon: Icon,\n    className,\n    ...other\n  } = props\n\n  const { disabled, type } = other\n  const isSelected =\n    type === 'checkbox' || type === 'radio'\n      ? (other.checked ?? isSelectedProp)\n      : isSelectedProp\n\n  const theme = useTheme()\n  const { spacing } = theme\n\n  const hoverCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s200,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.secondary}`,\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const activeCss: CSSObject = {\n    backgroundColor: theme.color.secondary.s400,\n    color: theme.color.static.white,\n    border: `1px solid ${theme.color.secondary.s400}`,\n    ...(size === 'large' && {\n      boxShadow: 'none'\n    })\n  }\n\n  const rootCss: CSSObject = {\n    display: 'inline-flex',\n    position: 'relative',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing.s,\n    color: theme.color.text.default,\n    backgroundColor: theme.color.background.white,\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'all 0.12s ease-out',\n    textWrap: 'nowrap',\n    border: `1px solid ${theme.color.border.strong}`,\n    borderRadius: theme.cornerRadius['2xl'],\n    ...(size === 'small' && {\n      height: theme.spacing.xl,\n      paddingInline: theme.spacing.m\n    }),\n    ...(size === 'large' && {\n      height: theme.spacing['2xl'],\n      paddingInline: theme.spacing.l,\n      boxShadow: theme.shadows.near\n    }),\n    ...(size === 'oversized' && {\n      height: spacing.unit12,\n      padding: spacing.m,\n      borderWidth: 2\n    }),\n    ...(disabled && { opacity: 0.45 }),\n    ...(_isHovered && hoverCss),\n    ...(isSelected && activeCss),\n    ...((disabled || _isHovered) && {\n      pointerEvents: 'none'\n    }),\n    ':hover': hoverCss,\n    ':active': activeCss\n  }\n\n  const iconCss = {\n    '& path': {\n      fill: 'currentColor'\n    }\n  }\n\n  const rootProps = {\n    css: rootCss,\n    className\n  }\n\n  const pillContent = (\n    <>\n      {size !== 'small' && Icon ? <Icon size='s' css={iconCss} /> : null}\n      {'label' in other ? (\n        <Text\n          variant={size === 'oversized' ? 'heading' : 'body'}\n          tag='span'\n          css={size === 'oversized' && { textTransform: 'uppercase' }}\n        >\n          {other.label}\n        </Text>\n      ) : null}\n    </>\n  )\n\n  switch (type) {\n    case 'checkbox': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <HiddenInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'radio': {\n      return (\n        <label {...rootProps}>\n          {pillContent}\n          <RadioInput {...other} checked={isSelected} />\n        </label>\n      )\n    }\n    case 'button':\n    case 'reset':\n    case 'submit':\n    default: {\n      return (\n        <button {...rootProps} {...other}>\n          {pillContent}\n        </button>\n      )\n    }\n  }\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;AAUA,IAAM,UAAU,GAAG,UAAC,KAA8B,EAAA;AAC1C,IAAA,IAAA,EAA8B,GAAA,aAAa,CAAC,KAAK,CAAC,EAAhD,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,cAAyB,CAAA;AACxD,IAAA,QACEA,GAAC,CAAA,WAAW,eAAK,KAAK,EAAA,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAA,CAAI,EAC7E;AACH,CAAC,CAAA;AAEM,IAAM,cAAc,GAAG,UAAC,KAA0B,EAAA;;AAErD,IAAA,IAAY,cAAc,GAMxB,KAAK,CAAA,UANmB,EAC1B,EAKE,GAAA,KAAK,CALO,IAAA,EAAd,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,OAAO,GAAA,EAAA,EACd,UAAU,GAIR,KAAK,CAJG,UAAA,EACJ,IAAI,GAGR,KAAK,CAHG,IAAA,EACV,SAAS,GAEP,KAAK,CAFE,SAAA,EACN,KAAK,GACN,MAAA,CAAA,KAAK,EAPH,CAAA,YAAA,EAAA,MAAA,EAAA,YAAA,EAAA,MAAA,EAAA,WAAA,CAOL,CADS,CACD;IAED,IAAA,QAAQ,GAAW,KAAK,CAAA,QAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV,CAAU;IAChC,IAAM,UAAU,GACd,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,OAAO;WAClC,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,cAAc;UAChC,cAAc,CAAA;AAEpB,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AAChB,IAAA,IAAA,OAAO,GAAK,KAAK,CAAA,OAAV,CAAU;AAEzB,IAAA,IAAM,QAAQ,GACZ,QAAA,CAAA,EAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAC/B,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAE,EAAA,GAClD,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA,EACF,CAAA;AAED,IAAA,IAAM,SAAS,GACb,QAAA,CAAA,EAAA,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAC/B,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAE,EAAA,GAC7C,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA,EACF,CAAA;AAED,IAAA,IAAM,OAAO,GACX,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,UAAU,EACpB,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAC7C,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,oBAAoB,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAE,EAChD,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAAA,GACnC,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACxB,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC/B,KAAA,EACE,GAAC,IAAI,KAAK,OAAO,IAAI;AACtB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;AAC5B,QAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAC9B,KAAA,EACE,GAAC,IAAI,KAAK,WAAW,IAAI;QAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,OAAO,EAAE,OAAO,CAAC,CAAC;AAClB,QAAA,WAAW,EAAE,CAAC;AACf,KAAA,EACE,GAAC,QAAQ,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAC9B,GAAC,UAAU,IAAI,QAAQ,EACvB,GAAC,UAAU,IAAI,SAAS,EACxB,GAAC,CAAC,QAAQ,IAAI,UAAU,KAAK;AAC9B,QAAA,aAAa,EAAE,MAAM;KACtB,EAAC,EAAA,EACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EAAA,CACrB,CAAA;AAED,IAAA,IAAM,OAAO,GAAG;AACd,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;KACF,CAAA;AAED,IAAA,IAAM,SAAS,GAAG;AAChB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,SAAS,EAAA,SAAA;KACV,CAAA;AAED,IAAA,IAAM,WAAW,IACfC,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,IAAI,KAAK,OAAO,IAAI,IAAI,GAAGF,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,EAAE,OAAO,EAAA,CAAI,GAAG,IAAI,EACjE,OAAO,IAAI,KAAK,IACfA,GAAA,CAAC,IAAI,EACH,QAAA,CAAA,EAAA,OAAO,EAAE,IAAI,KAAK,WAAW,GAAG,SAAS,GAAG,MAAM,EAClD,GAAG,EAAC,MAAM,EACV,GAAG,EAAE,IAAI,KAAK,WAAW,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,gBAE1D,KAAK,CAAC,KAAK,EAAA,CAAA,CACP,IACL,IAAI,CAAA,EAAA,CACP,CACJ,CAAA;AAED,IAAA,QAAQ,IAAI;QACV,KAAK,UAAU,EAAE;AACf,YAAA,QACEC,IAAW,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,EACjB,EAAA,QAAA,EAAA,CAAA,WAAW,EACZD,GAAC,CAAA,WAAW,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,IAAE,OAAO,EAAE,UAAU,EAAI,CAAA,CAAA,CAAA,EAAA,CAAA,CACzC,EACT;AACF,SAAA;QACD,KAAK,OAAO,EAAE;AACZ,YAAA,QACEC,IAAW,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,EAAA,SAAS,EACjB,EAAA,QAAA,EAAA,CAAA,WAAW,EACZD,GAAC,CAAA,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,IAAE,OAAO,EAAE,UAAU,EAAI,CAAA,CAAA,CAAA,EAAA,CAAA,CACxC,EACT;AACF,SAAA;AACD,QAAA,KAAK,QAAQ,CAAC;AACd,QAAA,KAAK,OAAO,CAAC;AACb,QAAA,KAAK,QAAQ,CAAC;AACd,QAAA,SAAS;YACP,QACEA,2BAAY,SAAS,EAAM,KAAK,EAC7B,EAAA,QAAA,EAAA,WAAW,EACL,CAAA,CAAA,EACV;AACF,SAAA;AACF,KAAA;AACH;;;;"}

package/dist/components/input/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"sourcesContent":["import { ReactNode, forwardRef, useId } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextSize } from 'components/text'\nimport type { TextColors } from 'foundations/color/semantic'\n\nimport { Flex } from '../../layout'\nimport { useFocusState } from '../useFocusState'\n\nimport styles from './TextInput.module.css'\nimport { TextInputSize, type TextInputProps } from './types'\n\n/**\n * An input is a field where users can enter and edit text and  enables the user to provide input in the form of plain text.\n */\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (props, ref) => {\n    const {\n      'aria-label': ariaLabel,\n      required,\n      className,\n      inputRootClassName,\n      maxLength,\n      showMaxLengthThreshold = 0.7,\n      maxLengthWarningThreshold = 0.9,\n      size = TextInputSize.DEFAULT,\n      hideLabel,\n      hidePlaceholder,\n      label: labelProp,\n      value,\n      id: idProp,\n      warning: warningProp,\n      error,\n      className: inputClassName,\n      disabled,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      placeholder,\n      helperText,\n      startAdornmentText,\n      endAdornmentText,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      IconProps,\n      endAdornment: endAdornmentProp,\n      elevateLabel,\n      _incorrectError,\n      _isHovered,\n      _isFocused,\n      _disablePointerEvents,\n      ...other\n    } = props\n\n    let endAdornment: null | ReactNode\n    if (EndIcon != null) {\n      endAdornment = <EndIcon size='m' color='subdued' {...IconProps} />\n    } else if (endAdornmentProp != null) {\n      endAdornment = endAdornmentProp\n    } else {\n      endAdornment = null\n    }\n\n    /**\n     * Since Firefox doesn't support the :has() pseudo selector,\n     * manually track the focused state and use classes for focus, required, and disabled\n     */\n    const [isFocusedState, handleFocus, handleBlur] = useFocusState(\n      onFocusProp,\n      onBlurProp\n    )\n\n    const isFocused = _isFocused ?? isFocusedState\n\n    // For focus behavior and accessiblity, <label> needs to have a htmlFor={} provided to an id matching the input\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    const characterCount = value !== undefined ? `${value}`.length : 0\n    const hasValue = characterCount > 0\n\n    // Hide the label when requested or when the size is set to small\n    const shouldShowLabel = !hideLabel && size !== TextInputSize.SMALL\n    const labelText = required ? `${labelProp} *` : labelProp\n    const placeholderText =\n      required && hideLabel\n        ? `${placeholder} *`\n        : size === TextInputSize.SMALL\n        ? labelText\n        : placeholder\n    const helperTextSize: TextSize = size === TextInputSize.SMALL ? 'xs' : 's'\n\n    // Whenever a label isn't visible the placeholder should be visible in it's place (if provided)\n    const shouldShowPlaceholder =\n      (isFocused || !shouldShowLabel) && !hidePlaceholder\n    const shouldShowAdornments = isFocused || hasValue || !shouldShowLabel\n    // Show the maxlength text whenever we hit a certain threshold (default 70%) + the input is focused\n    const shouldShowMaxLengthText =\n      isFocused &&\n      maxLength &&\n      characterCount >= showMaxLengthThreshold * maxLength\n    // Turn the maxlength text to the warning color whenever we hit a certain threshold (default 90%)\n    let maxLengthTextColor: TextColors = 'default'\n    if (maxLength && characterCount > maxLength) {\n      maxLengthTextColor = 'danger'\n    } else if (\n      maxLength &&\n      characterCount >= maxLengthWarningThreshold * maxLength\n    ) {\n      maxLengthTextColor = 'warning'\n    }\n\n    // Styles for the root of the input\n    const inputRootStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.warning]: warningProp,\n      [styles.error]: error,\n      [styles.focused]: isFocused || _isFocused,\n      [styles.disabled]: disabled,\n      [styles.required]: required,\n      [styles.hover]: _isHovered,\n      [styles.incorrectError]: _incorrectError,\n      [styles.disablePointerEvents]: _disablePointerEvents\n    }\n\n    // Styles for the input element itself\n    const inputElStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.disabled]: disabled,\n      [styles.focused]: isFocused\n    }\n\n    const inputElement = (\n      <Flex alignItems='center' justifyContent='space-between'>\n        {startAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {startAdornmentText}\n          </Text>\n        ) : null}\n        <input\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          ref={ref}\n          className={cn(styles.input, inputClassName, inputElStyle)}\n          value={value}\n          maxLength={maxLength}\n          disabled={disabled}\n          placeholder={shouldShowPlaceholder ? placeholderText : undefined}\n          aria-label={ariaLabel ?? shouldShowLabel ? labelText : undefined}\n          aria-required={required}\n          id={id}\n          autoComplete='off'\n          {...other}\n        />\n        {endAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {endAdornmentText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n\n    const isLabelElevated = hasValue || isFocused || elevateLabel\n\n    return (\n      <Flex\n        className={cn(styles.root, className)}\n        direction='column'\n        gap='xs'\n        alignItems='flex-start'\n        w='100%'\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            styles.contentContainer,\n            inputRootClassName,\n            inputRootStyle\n          )}\n        >\n          {StartIcon ? (\n            <StartIcon\n              size={size === TextInputSize.SMALL ? 's' : 'm'}\n              color='subdued'\n              {...IconProps}\n            />\n          ) : null}\n          <Flex direction='column' gap='xs' justifyContent='center' w='100%'>\n            {shouldShowLabel ? (\n              <Flex\n                className={styles.labelRow}\n                direction='row'\n                alignItems='center'\n                justifyContent='space-between'\n                gap='s'\n              >\n                <Text\n                  variant='body'\n                  tag='span'\n                  size={isLabelElevated ? 's' : 'l'}\n                  color='subdued'\n                  css={(theme) => ({\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    zIndex: 2,\n                    transition: `all ${theme.motion.expressive}`,\n                    transform: isLabelElevated\n                      ? 'translate(0, 0)'\n                      : 'translate(0px, 13px)'\n                  })}\n                >\n                  {labelText}\n                </Text>\n                {shouldShowMaxLengthText ? (\n                  <Text\n                    variant='body'\n                    size='xs'\n                    tag='span'\n                    color={maxLengthTextColor}\n                  >\n                    {characterCount}/{maxLength}\n                  </Text>\n                ) : null}\n              </Flex>\n            ) : null}\n            {inputElement}\n          </Flex>\n          {endAdornment}\n        </label>\n        {helperText ? (\n          <Text\n            variant='body'\n            size={helperTextSize}\n            color={error ? 'danger' : _incorrectError ? 'warning' : 'default'}\n          >\n            {helperText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"sourcesContent":["import { ReactNode, forwardRef, useId } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextSize } from '~harmony/components/text'\nimport type { TextColors } from '~harmony/foundations/color/semantic'\n\nimport { Flex } from '../../layout'\nimport { useFocusState } from '../useFocusState'\n\nimport styles from './TextInput.module.css'\nimport { TextInputSize, type TextInputProps } from './types'\n\n/**\n * An input is a field where users can enter and edit text and  enables the user to provide input in the form of plain text.\n */\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (props, ref) => {\n    const {\n      'aria-label': ariaLabel,\n      required,\n      className,\n      inputRootClassName,\n      maxLength,\n      showMaxLengthThreshold = 0.7,\n      maxLengthWarningThreshold = 0.9,\n      size = TextInputSize.DEFAULT,\n      hideLabel,\n      hidePlaceholder,\n      label: labelProp,\n      value,\n      id: idProp,\n      warning: warningProp,\n      error,\n      className: inputClassName,\n      disabled,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      placeholder,\n      helperText,\n      startAdornmentText,\n      endAdornmentText,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      IconProps,\n      endAdornment: endAdornmentProp,\n      elevateLabel,\n      _incorrectError,\n      _isHovered,\n      _isFocused,\n      _disablePointerEvents,\n      ...other\n    } = props\n\n    let endAdornment: null | ReactNode\n    if (EndIcon != null) {\n      endAdornment = <EndIcon size='m' color='subdued' {...IconProps} />\n    } else if (endAdornmentProp != null) {\n      endAdornment = endAdornmentProp\n    } else {\n      endAdornment = null\n    }\n\n    /**\n     * Since Firefox doesn't support the :has() pseudo selector,\n     * manually track the focused state and use classes for focus, required, and disabled\n     */\n    const [isFocusedState, handleFocus, handleBlur] = useFocusState(\n      onFocusProp,\n      onBlurProp\n    )\n\n    const isFocused = _isFocused ?? isFocusedState\n\n    // For focus behavior and accessiblity, <label> needs to have a htmlFor={} provided to an id matching the input\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    const characterCount = value !== undefined ? `${value}`.length : 0\n    const hasValue = characterCount > 0\n\n    // Hide the label when requested or when the size is set to small\n    const shouldShowLabel = !hideLabel && size !== TextInputSize.SMALL\n    const labelText = required ? `${labelProp} *` : labelProp\n    const placeholderText =\n      required && hideLabel\n        ? `${placeholder} *`\n        : size === TextInputSize.SMALL\n          ? labelText\n          : placeholder\n    const helperTextSize: TextSize = size === TextInputSize.SMALL ? 'xs' : 's'\n\n    // Whenever a label isn't visible the placeholder should be visible in it's place (if provided)\n    const shouldShowPlaceholder =\n      (isFocused || !shouldShowLabel) && !hidePlaceholder\n    const shouldShowAdornments = isFocused || hasValue || !shouldShowLabel\n    // Show the maxlength text whenever we hit a certain threshold (default 70%) + the input is focused\n    const shouldShowMaxLengthText =\n      isFocused &&\n      maxLength &&\n      characterCount >= showMaxLengthThreshold * maxLength\n    // Turn the maxlength text to the warning color whenever we hit a certain threshold (default 90%)\n    let maxLengthTextColor: TextColors = 'default'\n    if (maxLength && characterCount > maxLength) {\n      maxLengthTextColor = 'danger'\n    } else if (\n      maxLength &&\n      characterCount >= maxLengthWarningThreshold * maxLength\n    ) {\n      maxLengthTextColor = 'warning'\n    }\n\n    // Styles for the root of the input\n    const inputRootStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.warning]: warningProp,\n      [styles.error]: error,\n      [styles.focused]: isFocused || _isFocused,\n      [styles.disabled]: disabled,\n      [styles.required]: required,\n      [styles.hover]: _isHovered,\n      [styles.incorrectError]: _incorrectError,\n      [styles.disablePointerEvents]: _disablePointerEvents\n    }\n\n    // Styles for the input element itself\n    const inputElStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.disabled]: disabled,\n      [styles.focused]: isFocused\n    }\n\n    const inputElement = (\n      <Flex alignItems='center' justifyContent='space-between'>\n        {startAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {startAdornmentText}\n          </Text>\n        ) : null}\n        <input\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          ref={ref}\n          className={cn(styles.input, inputClassName, inputElStyle)}\n          value={value}\n          maxLength={maxLength}\n          disabled={disabled}\n          placeholder={shouldShowPlaceholder ? placeholderText : undefined}\n          aria-label={(ariaLabel ?? shouldShowLabel) ? labelText : undefined}\n          aria-required={required}\n          id={id}\n          autoComplete='off'\n          {...other}\n        />\n        {endAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {endAdornmentText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n\n    const isLabelElevated = hasValue || isFocused || elevateLabel\n\n    return (\n      <Flex\n        className={cn(styles.root, className)}\n        direction='column'\n        gap='xs'\n        alignItems='flex-start'\n        w='100%'\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            styles.contentContainer,\n            inputRootClassName,\n            inputRootStyle\n          )}\n        >\n          {StartIcon ? (\n            <StartIcon\n              size={size === TextInputSize.SMALL ? 's' : 'm'}\n              color='subdued'\n              {...IconProps}\n            />\n          ) : null}\n          <Flex direction='column' gap='xs' justifyContent='center' w='100%'>\n            {shouldShowLabel ? (\n              <Flex\n                className={styles.labelRow}\n                direction='row'\n                alignItems='center'\n                justifyContent='space-between'\n                gap='s'\n              >\n                <Text\n                  variant='body'\n                  tag='span'\n                  size={isLabelElevated ? 's' : 'l'}\n                  color='subdued'\n                  css={(theme) => ({\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    zIndex: 2,\n                    transition: `all ${theme.motion.expressive}`,\n                    transform: isLabelElevated\n                      ? 'translate(0, 0)'\n                      : 'translate(0px, 13px)'\n                  })}\n                >\n                  {labelText}\n                </Text>\n                {shouldShowMaxLengthText ? (\n                  <Text\n                    variant='body'\n                    size='xs'\n                    tag='span'\n                    color={maxLengthTextColor}\n                  >\n                    {characterCount}/{maxLength}\n                  </Text>\n                ) : null}\n              </Flex>\n            ) : null}\n            {inputElement}\n          </Flex>\n          {endAdornment}\n        </label>\n        {helperText ? (\n          <Text\n            variant='body'\n            size={helperTextSize}\n            color={error ? 'danger' : _incorrectError ? 'warning' : 'default'}\n          >\n            {helperText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/input/TextInput/index.d.ts

@@ -1,3 +1,3 @@
 export * from './TextInput';
-export { TextInputProps, TextInputSize } from './types';
+export { type TextInputProps, TextInputSize } from './types';
 //# sourceMappingURL=index.d.ts.map