npm - @audius/harmony - Versions diffs - 0.4.3 → 0.5.2 - Mend

@audius/harmony 0.4.3 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1771) hide show

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

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

package/dist/components/completion-check/CompletionCheck.js CHANGED Viewed

@@ -2,10 +2,11 @@ import { __assign } from '../../_virtual/_tslib.js';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { useTransition, animated } from '@react-spring/web';
 import cn from 'classnames';
-import { IconValidationX, IconValidationCheck } from '../../icons/utilityIcons.js';
 import 'react';
 import '@emotion/react';
 import '@emotion/css';
+import { IconValidationCheck } from '../../icons/individual/IconValidationCheck.js';
+import { IconValidationX } from '../../icons/individual/IconValidationX.js';
 import '../layout/Box/Box.js';
 import { Flex } from '../layout/Flex/Flex.js';
 import '../skeleton/Skeleton.js';
@@ -16,6 +17,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
@@ -54,6 +56,7 @@ import '../../foundations/color/color.js';
 import '../../foundations/theme/theme.js';
 import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 var CompletionDefault = function () { return (jsx("div", { className: cn(styles.defaultCompletionIcon) })); };
 var CompletionEmpty = function () { return (jsx("div", { className: cn(styles.completionIcon, styles.emptyCompletionIcon) })); };

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

	@@ -1 +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 '~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 { value, className } = props\n const transitions = useTransition(value, {\n from: { x: 0 },\n enter: { x: 1 },\n leave: { x: 0 }\n })\n return (\n <Flex alignItems='center' className={cn(styles.container, className)}>\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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"}
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 '~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 { value, className } = props\n const transitions = useTransition(value, {\n from: { x: 0 },\n enter: { x: 1 },\n leave: { x: 0 }\n })\n return (\n <Flex alignItems='center' className={cn(styles.container, className)}>\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/expandable-nav-item/ExpandableNavItem.js CHANGED Viewed

@@ -4,8 +4,8 @@ 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 { IconCaretRight } from '../../icons/individual/IconCaretRight.js';
 import { Box } from '../layout/Box/Box.js';
 import { Flex } from '../layout/Flex/Flex.js';
 import '../skeleton/Skeleton.js';
@@ -16,6 +16,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
@@ -53,6 +54,7 @@ import '../../foundations/color/color.js';
 import '../../foundations/theme/theme.js';
 import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 var ITEM_DEFAULT_WIDTH = '240px';
 var variants = {

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

	@@ -1 +1 @@
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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"}
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/hint/Hint.js CHANGED Viewed

@@ -5,9 +5,9 @@ import '@emotion/react';
 import { Flex } from '../layout/Flex/Flex.js';
 import { Paper } from '../layout/Paper/Paper.js';
 import { Text } from '../text/Text.js';
-import { IconQuestionCircle } from '../../icons/utilityIcons.js';
 import 'react';
 import '@emotion/css';
+import { IconQuestionCircle } from '../../icons/individual/IconQuestionCircle.js';
 import '../skeleton/Skeleton.js';
 import '../common/HiddenInput.js';
 import '../radio-group/RadioGroupContext.js';
@@ -15,6 +15,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
 import '../button/FollowButton/FollowButton.js';
@@ -53,6 +54,7 @@ import '../../foundations/color/color.js';
 import '../../foundations/theme/theme.js';
 import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 /*
  * A way of informing the user of important details in line in a prominent way.

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

	@@ -1 +1 @@
1	- {"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 noIcon?: boolean\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 {\n icon: Icon = IconQuestionCircle,\n children,\n actions,\n noIcon,\n ...other\n } = 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 {noIcon ? null : <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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAcA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAEjC,IAAA,IAAA,EAKE,GAAA,KAAK,CALwB,IAAA,EAAzB,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,kBAAkB,GAAA,EAAA,EAC/B,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,CAHA,OAAA,EACP,MAAM,GAEJ,KAAK,CAAA,MAFD,EACH,KAAK,GACN,MAAA,CAAA,KAAK,EANH,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,CAML,CADS,CACD;IACT,QACEA,IAAC,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,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,EAAA,EACX,KAAK,EAAA,EAAA,QAAA,EAAA,CAETA,IAAC,CAAA,IAAI,aAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAC9B,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,GAAG,IAAI,GAAGC,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAClDA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,EAAA,EAAA,QAAA,EACjC,QAAQ,EAAA,CAAA,CACJ,KACF,EACN,OAAO,IACNA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EACtB,EAAA,EAAA,QAAA,EAAA,OAAO,EACH,CAAA,CAAA,IACL,IAAI,CACF,EAAA,CAAA,CAAA,EACT;AACH;;;;"}
1	+ {"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 noIcon?: boolean\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 {\n icon: Icon = IconQuestionCircle,\n children,\n actions,\n noIcon,\n ...other\n } = 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 {noIcon ? null : <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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEG;AACI,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAEjC,IAAA,IAAA,EAKE,GAAA,KAAK,CALwB,IAAA,EAAzB,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,kBAAkB,GAAA,EAAA,EAC/B,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,CAHA,OAAA,EACP,MAAM,GAEJ,KAAK,CAAA,MAFD,EACH,KAAK,GACN,MAAA,CAAA,KAAK,EANH,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,CAML,CADS,CACD;IACT,QACEA,IAAC,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,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,EAAA,EACX,KAAK,EAAA,EAAA,QAAA,EAAA,CAETA,IAAC,CAAA,IAAI,aAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAC9B,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,GAAG,IAAI,GAAGC,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,EAClDA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAA,EAAA,EAAA,QAAA,EACjC,QAAQ,EAAA,CAAA,CACJ,KACF,EACN,OAAO,IACNA,IAAC,IAAI,EAAA,QAAA,CAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EACtB,EAAA,EAAA,QAAA,EAAA,OAAO,EACH,CAAA,CAAA,IACL,IAAI,CACF,EAAA,CAAA,CAAA,EACT;AACH;;;;"}

package/dist/components/hover-card/HoverCard.js CHANGED Viewed

@@ -12,6 +12,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import { Paper } from '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
@@ -51,6 +52,7 @@ import '../../foundations/color/color.js';
 import '../../foundations/theme/theme.js';
 import '../../hooks/useHotKeys.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 import { useHoverDelay } from '../../hooks/useHoverDelay.js';
 var DEFAULT_ANCHOR_ORIGIN = {

package/dist/components/hover-card/HoverCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCard.js","sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["import { useRef, useCallback, memo, useEffect } from 'react'\n\nimport { Flex, Paper, Popup } from '..'\nimport { useHoverDelay } from '../../hooks/useHoverDelay'\nimport { Origin } from '../popup/types'\n\nimport { HoverCardProps } from './types'\n\nconst DEFAULT_ANCHOR_ORIGIN: Origin = {\n horizontal: 'right',\n vertical: 'center'\n}\n\nconst DEFAULT_TRANSFORM_ORIGIN: Origin = {\n horizontal: 'left',\n vertical: 'center'\n}\n\n/*\n HoverCard is a component that displays content in a hover card/tooltip\n * with a Paper container when the user hovers over the component's children.\n \n The hover card appears to the right of the child element and disappears when\n * the user's mouse leaves either the trigger or the card.\n \n @example\n * ```tsx\n * <HoverCard\n * content={\n * <>\n * <SomeHeader />\n * <SomeBody />\n * </>\n * }\n * >\n * <Text>Hover over me</Text>\n * </HoverCard>\n * ```\n */\nconst HoverCardComponent = ({\n children,\n className,\n content,\n onClose,\n onClick,\n anchorOrigin = DEFAULT_ANCHOR_ORIGIN,\n transformOrigin = DEFAULT_TRANSFORM_ORIGIN,\n mouseEnterDelay = 0.5,\n triggeredBy = 'hover',\n onHover\n}: HoverCardProps) => {\n const anchorRef = useRef<HTMLDivElement \| null>(null)\n const {\n isVisible,\n handleMouseEnter,\n handleMouseLeave,\n handleClick,\n clearTimer,\n setIsHovered,\n setIsClicked\n } = useHoverDelay(mouseEnterDelay, triggeredBy)\n\n // Call onHover callback when hover state changes\n useEffect(() => {\n onHover?.(isVisible)\n }, [isVisible, onHover])\n\n const handleClose = useCallback(() => {\n clearTimer()\n setIsHovered(false)\n setIsClicked(false)\n onClose?.()\n }, [clearTimer, setIsHovered, setIsClicked, onClose])\n\n const handleClickInternal = useCallback(() => {\n handleClick()\n handleClose()\n onClick?.()\n }, [handleClick, handleClose, onClick])\n\n return (\n <Flex\n ref={anchorRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={triggeredBy !== 'hover' ? handleClickInternal : undefined}\n >\n {children}\n\n <Popup\n shadow='far'\n anchorRef={anchorRef}\n isVisible={isVisible}\n onClose={handleClose}\n hideCloseButton\n zIndex={30000}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n >\n <Paper\n className={className}\n border='strong'\n borderRadius='m'\n backgroundColor='white'\n direction='column'\n onClick={onClick}\n shadow='far'\n >\n {content}\n </Paper>\n </Popup>\n </Flex>\n )\n}\n\nexport const HoverCard = memo(HoverCardComponent)\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"HoverCard.js","sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["import { useRef, useCallback, memo, useEffect } from 'react'\n\nimport { Flex, Paper, Popup } from '..'\nimport { useHoverDelay } from '../../hooks/useHoverDelay'\nimport { Origin } from '../popup/types'\n\nimport { HoverCardProps } from './types'\n\nconst DEFAULT_ANCHOR_ORIGIN: Origin = {\n horizontal: 'right',\n vertical: 'center'\n}\n\nconst DEFAULT_TRANSFORM_ORIGIN: Origin = {\n horizontal: 'left',\n vertical: 'center'\n}\n\n/*\n HoverCard is a component that displays content in a hover card/tooltip\n * with a Paper container when the user hovers over the component's children.\n \n The hover card appears to the right of the child element and disappears when\n * the user's mouse leaves either the trigger or the card.\n \n @example\n * ```tsx\n * <HoverCard\n * content={\n * <>\n * <SomeHeader />\n * <SomeBody />\n * </>\n * }\n * >\n * <Text>Hover over me</Text>\n * </HoverCard>\n * ```\n */\nconst HoverCardComponent = ({\n children,\n className,\n content,\n onClose,\n onClick,\n anchorOrigin = DEFAULT_ANCHOR_ORIGIN,\n transformOrigin = DEFAULT_TRANSFORM_ORIGIN,\n mouseEnterDelay = 0.5,\n triggeredBy = 'hover',\n onHover\n}: HoverCardProps) => {\n const anchorRef = useRef<HTMLDivElement \| null>(null)\n const {\n isVisible,\n handleMouseEnter,\n handleMouseLeave,\n handleClick,\n clearTimer,\n setIsHovered,\n setIsClicked\n } = useHoverDelay(mouseEnterDelay, triggeredBy)\n\n // Call onHover callback when hover state changes\n useEffect(() => {\n onHover?.(isVisible)\n }, [isVisible, onHover])\n\n const handleClose = useCallback(() => {\n clearTimer()\n setIsHovered(false)\n setIsClicked(false)\n onClose?.()\n }, [clearTimer, setIsHovered, setIsClicked, onClose])\n\n const handleClickInternal = useCallback(() => {\n handleClick()\n handleClose()\n onClick?.()\n }, [handleClick, handleClose, onClick])\n\n return (\n <Flex\n ref={anchorRef}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={triggeredBy !== 'hover' ? handleClickInternal : undefined}\n >\n {children}\n\n <Popup\n shadow='far'\n anchorRef={anchorRef}\n isVisible={isVisible}\n onClose={handleClose}\n hideCloseButton\n zIndex={30000}\n anchorOrigin={anchorOrigin}\n transformOrigin={transformOrigin}\n >\n <Paper\n className={className}\n border='strong'\n borderRadius='m'\n backgroundColor='white'\n direction='column'\n onClick={onClick}\n shadow='far'\n >\n {content}\n </Paper>\n </Popup>\n </Flex>\n )\n}\n\nexport const HoverCard = memo(HoverCardComponent)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/hover-card/HoverCardHeader.js CHANGED Viewed

@@ -15,6 +15,7 @@ import '../input/TextInput/TextInput.js';
 import '../input/TextInput/types.js';
 import '../input/PasswordInput/PasswordInput.js';
 import '../input/TokenAmountInput/TokenAmountInput.js';
+import '../input/TextArea/TextArea.js';
 import '../layout/Paper/Paper.js';
 import '../button/Button/Button.js';
 import '../button/PlainButton/PlainButton.js';
@@ -51,6 +52,7 @@ import '../select/Select/Select.js';
 import '../checkbox/Checkbox.js';
 import './HoverCard.js';
 import '../internal/MenuItem.js';
+import 'react-dom';
 import '../../hooks/useHotKeys.js';
 /**

package/dist/components/hover-card/HoverCardHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCardHeader.js","sources":["../../../src/components/hover-card/HoverCardHeader.tsx"],"sourcesContent":["import { useCallback } from 'react'\n\nimport { Flex, Text, IconButton } from '~harmony/index'\n\nimport { HoverCardHeaderProps } from './types'\n\n/*\n A shared base component for hover card headers\n */\nexport const HoverCardHeader = ({\n iconLeft,\n title,\n onClick,\n onClose,\n iconRight\n}: HoverCardHeaderProps) => {\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation()\n onClose?.()\n onClick?.()\n },\n [onClick, onClose]\n )\n\n return (\n <Flex\n w='100%'\n alignSelf='stretch'\n backgroundColor='surface1'\n borderBottom='default'\n p='xs'\n pl='xs'\n pr='s'\n alignItems='center'\n justifyContent='space-between'\n >\n <Flex alignSelf='stretch' alignItems='center' gap='xs'>\n {iconLeft ? (\n <IconButton\n icon={iconLeft}\n color='subdued'\n size='l'\n aria-label={''}\n onClick={handleClick}\n />\n ) : null}\n <Text\n variant='label'\n size='s'\n color='default'\n textTransform='uppercase'\n >\n {title}\n </Text>\n </Flex>\n {iconRight ? (\n <IconButton\n icon={iconRight}\n color='subdued'\n size='s'\n aria-label='Close'\n onClick={handleClick}\n />\n ) : null}\n </Flex>\n )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA;;AAEG;AACI,IAAM,eAAe,GAAG,UAAC,EAMT,EAAA;AALrB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAET,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAAmB,EAAA;QAClB,CAAC,CAAC,eAAe,EAAE,CAAA;AACnB,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACX,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACb,KAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;AAED,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,SAAS,EACnB,eAAe,EAAC,UAAU,EAC1B,YAAY,EAAC,SAAS,EACtB,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAAA,EAAA,EAAA,QAAA,EAAA,CAE9BA,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EACnD,EAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,IACPC,GAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACI,EAAE,EACd,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,EACRA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,aAAa,EAAC,WAAW,gBAExB,KAAK,EAAA,CAAA,CACD,CACF,EAAA,CAAA,CAAA,EACN,SAAS,IACRA,GAAC,CAAA,UAAU,EACT,EAAA,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACG,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH;;;;"}
1	+ {"version":3,"file":"HoverCardHeader.js","sources":["../../../src/components/hover-card/HoverCardHeader.tsx"],"sourcesContent":["import { useCallback } from 'react'\n\nimport { Flex, Text, IconButton } from '~harmony/index'\n\nimport { HoverCardHeaderProps } from './types'\n\n/*\n A shared base component for hover card headers\n */\nexport const HoverCardHeader = ({\n iconLeft,\n title,\n onClick,\n onClose,\n iconRight\n}: HoverCardHeaderProps) => {\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation()\n onClose?.()\n onClick?.()\n },\n [onClick, onClose]\n )\n\n return (\n <Flex\n w='100%'\n alignSelf='stretch'\n backgroundColor='surface1'\n borderBottom='default'\n p='xs'\n pl='xs'\n pr='s'\n alignItems='center'\n justifyContent='space-between'\n >\n <Flex alignSelf='stretch' alignItems='center' gap='xs'>\n {iconLeft ? (\n <IconButton\n icon={iconLeft}\n color='subdued'\n size='l'\n aria-label={''}\n onClick={handleClick}\n />\n ) : null}\n <Text\n variant='label'\n size='s'\n color='default'\n textTransform='uppercase'\n >\n {title}\n </Text>\n </Flex>\n {iconRight ? (\n <IconButton\n icon={iconRight}\n color='subdued'\n size='s'\n aria-label='Close'\n onClick={handleClick}\n />\n ) : null}\n </Flex>\n )\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;AAEG;AACI,IAAM,eAAe,GAAG,UAAC,EAMT,EAAA;AALrB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,CAAA;AAET,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAAmB,EAAA;QAClB,CAAC,CAAC,eAAe,EAAE,CAAA;AACnB,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACX,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,EAAI,CAAA;AACb,KAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAA;AAED,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,SAAS,EACnB,eAAe,EAAC,UAAU,EAC1B,YAAY,EAAC,SAAS,EACtB,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAAA,EAAA,EAAA,QAAA,EAAA,CAE9BA,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EACnD,EAAA,EAAA,QAAA,EAAA,CAAA,QAAQ,IACPC,GAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACI,EAAE,EACd,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,EACRA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,SAAS,EACf,aAAa,EAAC,WAAW,gBAExB,KAAK,EAAA,CAAA,CACD,CACF,EAAA,CAAA,CAAA,EACN,SAAS,IACRA,GAAC,CAAA,UAAU,EACT,EAAA,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,GAAG,EAAA,YAAA,EACG,OAAO,EAClB,OAAO,EAAE,WAAW,EACpB,CAAA,IACA,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH;;;;"}

package/dist/components/icon.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ export type IconProps = {
     shadow?: ShadowOptions;
     title?: string;
     onClick?: MouseEventHandler<SVGSVGElement>;
+    hex?: boolean;
 };
 export type SVGIconProps = SVGBaseProps & IconProps;
 export type IconComponent = ComponentType<SVGBaseProps | SVGIconProps>;

package/dist/components/icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;~~CAC3C~~,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}
1	+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEjD,KAAK,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,cAAc,CAAC,EAAE,UAAU,CAAA;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC1C,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,YAAY,GAAG,YAAY,CAAC,CAAA"}

package/dist/components/index.d.ts CHANGED Viewed

@@ -36,4 +36,5 @@ export * from './hover-card';
 export * from './internal/MenuItem';
 export * from './internal/Menu';
 export * from './internal/OptionKeyHandler';
+export * from './tooltip';
 //# sourceMappingURL=index.d.ts.map

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

	@@ -1 +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,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,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA"}
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,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,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,WAAW,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const PasswordInput: (props: Omit<import("../TextInput").TextInputProps, "type"> & {
     hideVisibilityToggle?: boolean | undefined;
-} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/input/PasswordInput/PasswordInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;~~qJA~~+BzB,CAAA"}
1	+ {"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,aAAa;;yJA+BzB,CAAA"}

package/dist/components/input/PasswordInput/PasswordInput.js CHANGED Viewed

@@ -4,9 +4,10 @@ import { forwardRef } from 'react';
 import { useToggle } from 'react-use';
 import '../../button/Button/Button.js';
 import '../../button/PlainButton/PlainButton.js';
-import { IconVisibilityPublic, IconVisibilityHidden } from '../../../icons/utilityIcons.js';
 import '@emotion/react';
 import '@emotion/css';
+import { IconVisibilityHidden } from '../../../icons/individual/IconVisibilityHidden.js';
+import { IconVisibilityPublic } from '../../../icons/individual/IconVisibilityPublic.js';
 import '../../layout/Box/Box.js';
 import '../../layout/Flex/Flex.js';
 import '../../skeleton/Skeleton.js';
@@ -16,6 +17,7 @@ import '../../text/Text.js';
 import { TextInput } from '../TextInput/TextInput.js';
 import '../TextInput/types.js';
 import '../TokenAmountInput/TokenAmountInput.js';
+import '../TextArea/TextArea.js';
 import '../../layout/Paper/Paper.js';
 import '@react-spring/web';
 import 'classnames';
@@ -48,6 +50,7 @@ import '../../../foundations/color/color.js';
 import '../../../foundations/theme/theme.js';
 import '../../../hooks/useHotKeys.js';
 import '../../internal/MenuItem.js';
+import 'react-dom';
 import '../../button/FollowButton/FollowButton.js';
 import '../../button/UnstyledButton.js';
 import '../../button/FilterButton/FilterButton.js';

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

	@@ -1 +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 '~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;;;;"}
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 '~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/TextArea/HelperText.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type HelperTextProps = {
+    children: ReactNode;
+    error?: boolean;
+};
+export declare const HelperText: (props: HelperTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HelperText.d.ts.map

package/dist/components/input/TextArea/HelperText.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextArea/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,qDAShD,CAAA"}

package/dist/components/input/TextArea/HelperText.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Text } from '../../text/Text.js';
+import styles from './HelperText.module.css.js';
+var HelperText = function (props) {
+    var children = props.children, error = props.error;
+    return (jsx("div", __assign({ className: styles.root }, { children: jsx(Text, __assign({ variant: 'body', size: 'xs', color: error ? 'danger' : 'subdued' }, { children: children })) })));
+};
+export { HelperText };
+//# sourceMappingURL=HelperText.js.map

package/dist/components/input/TextArea/HelperText.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HelperText.js","sources":["../../../../src/components/input/TextArea/HelperText.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport { Text } from '../../text'\n\nimport styles from './HelperText.module.css'\n\ntype HelperTextProps = {\n children: ReactNode\n error?: boolean\n}\n\nexport const HelperText = (props: HelperTextProps) => {\n const { children, error } = props\n return (\n <div className={styles.root}>\n <Text variant='body' size='xs' color={error ? 'danger' : 'subdued'}>\n {children}\n </Text>\n </div>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;;AAWO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;IACvC,IAAA,QAAQ,GAAY,KAAK,CAAA,QAAjB,EAAE,KAAK,GAAK,KAAK,CAAA,KAAV,CAAU;AACjC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EACzB,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,EAC/D,EAAA,EAAA,QAAA,EAAA,QAAQ,EACJ,CAAA,CAAA,EAAA,CAAA,CACH,EACP;AACH;;;;"}

package/dist/components/input/TextArea/HelperText.module.css.js ADDED Viewed

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

package/dist/components/input/TextArea/HelperText.module.css.js.map ADDED Viewed

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

package/dist/components/input/TextArea/TextArea.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export declare enum TextAreaSize {
+    MEDIUM = 0,
+    SMALL = 1
+}
+export type TextAreaProps = ComponentPropsWithoutRef<'textarea'> & {
+    grows?: boolean;
+    resize?: boolean;
+    size?: TextAreaSize;
+    heightBuffer?: number;
+    maxVisibleRows?: number;
+    showMaxLength?: boolean;
+    error?: boolean;
+    helperText?: string;
+    renderDisplayElement?: (value: string) => ReactNode;
+};
+export declare const TextArea: (props: Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    grows?: boolean | undefined;
+    resize?: boolean | undefined;
+    size?: TextAreaSize | undefined;
+    heightBuffer?: number | undefined;
+    maxVisibleRows?: number | undefined;
+    showMaxLength?: boolean | undefined;
+    error?: boolean | undefined;
+    helperText?: string | undefined;
+    renderDisplayElement?: ((value: string) => ReactNode) | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/input/TextArea/TextArea.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAA;AAUd,oBAAY,YAAY;IACtB,MAAM,IAAA;IACN,KAAK,IAAA;CACN;AAuBD,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACpD,CAAA;AAID,eAAO,MAAM,QAAQ;;;;;;;;;oCALY,MAAM,KAAK,SAAS;4JAwIpD,CAAA"}

package/dist/components/input/TextArea/TextArea.js ADDED Viewed

@@ -0,0 +1,79 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef, useRef, useCallback, useEffect } from 'react';
+import cn from 'classnames';
+import { mergeRefs } from 'react-merge-refs';
+import { useFocusState } from '../useFocusState.js';
+import { HelperText } from './HelperText.js';
+import styles from './TextArea.module.css.js';
+var _a, _b;
+var TextAreaSize;
+(function (TextAreaSize) {
+    TextAreaSize[TextAreaSize["MEDIUM"] = 0] = "MEDIUM";
+    TextAreaSize[TextAreaSize["SMALL"] = 1] = "SMALL";
+})(TextAreaSize || (TextAreaSize = {}));
+var sizeToLineHeight = (_a = {},
+    _a[TextAreaSize.MEDIUM] = 24,
+    _a[TextAreaSize.SMALL] = 18,
+    _a);
+var sizeToVerticalPadding = (_b = {},
+    _b[TextAreaSize.MEDIUM] = 16,
+    _b[TextAreaSize.SMALL] = 12,
+    _b);
+var getMaxHeight = function (_a) {
+    var maxVisibleRows = _a.maxVisibleRows, size = _a.size;
+    return maxVisibleRows !== undefined
+        ? maxVisibleRows * sizeToLineHeight[size] + sizeToVerticalPadding[size]
+        : undefined;
+};
+var CHARACTER_LIMIT_WARN_THRESHOLD_PERCENT = 0.875;
+var TextArea = forwardRef(function (props, forwardedRef) {
+    var _a, _b, _c;
+    var _d, _e;
+    var _f = props.resize, resize = _f === void 0 ? false : _f, _g = props.grows, grows = _g === void 0 ? false : _g, _h = props.size, size = _h === void 0 ? TextAreaSize.MEDIUM : _h, heightBuffer = props.heightBuffer, maxVisibleRows = props.maxVisibleRows, maxLength = props.maxLength, showMaxLength = props.showMaxLength, className = props.className, value = props.value, children = props.children, onFocusProp = props.onFocus, onBlurProp = props.onBlur, error = props.error, helperText = props.helperText, renderDisplayElement = props.renderDisplayElement, other = __rest(props, ["resize", "grows", "size", "heightBuffer", "maxVisibleRows", "maxLength", "showMaxLength", "className", "value", "children", "onFocus", "onBlur", "error", "helperText", "renderDisplayElement"]);
+    var rootRef = useRef(null);
+    var textContainerRef = useRef(null);
+    var textareaRef = useRef(null);
+    var displayElementContainerRef = useRef(null);
+    var characterCount = value ? "".concat(value).length : 0;
+    var nearCharacterLimit = maxLength &&
+        characterCount > CHARACTER_LIMIT_WARN_THRESHOLD_PERCENT * maxLength;
+    var maxHeight = grows
+        ? getMaxHeight({ maxVisibleRows: maxVisibleRows, size: size })
+        : (_d = rootRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight; // clamp to initial height if non-growing
+    var style = (_a = {},
+        _a[styles.noResize] = !resize,
+        _a[styles.medium] = size === TextAreaSize.MEDIUM,
+        _a[styles.small] = size === TextAreaSize.SMALL,
+        _a);
+    var growTextArea = useCallback(function () {
+        var _a, _b;
+        if (displayElementContainerRef.current && textareaRef.current) {
+            textareaRef.current.style.height =
+                displayElementContainerRef.current.scrollHeight + 'px';
+        }
+        else if (textareaRef.current) {
+            var textarea = textareaRef.current;
+            textarea.style.height = 'inherit';
+            textarea.style.height = "".concat(textarea.scrollHeight + (heightBuffer !== null && heightBuffer !== void 0 ? heightBuffer : 0), "px");
+            (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight });
+        }
+    }, [textareaRef, heightBuffer]);
+    /**
+     * Since Firefox doesn't support the :has() pseudo selector,
+     * manually track the focused state and use classes for focus
+     */
+    var _j = useFocusState(onFocusProp, onBlurProp), isFocused = _j[0], handleFocus = _j[1], handleBlur = _j[2];
+    useEffect(function () {
+        // Even though we always "grow" the text area,
+        // the maxHeight of the container will cause a scrollbar to appear if necesary
+        growTextArea();
+    }, [growTextArea, value]);
+    return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: cn(styles.root, (_b = {}, _b[styles.focused] = isFocused, _b[styles.error] = error, _b), style, className) }, { children: [jsxs("div", __assign({ ref: rootRef, className: styles.scrollArea, style: { maxHeight: maxHeight } }, { children: [jsxs("div", __assign({ ref: textContainerRef, className: styles.left }, { children: [jsx("textarea", __assign({ className: renderDisplayElement ? styles.transparentTextArea : undefined, spellCheck: !renderDisplayElement, ref: mergeRefs([textareaRef, forwardedRef]), maxLength: maxLength !== null && maxLength !== void 0 ? maxLength : undefined, value: value, onFocus: handleFocus, onBlur: handleBlur }, other)), renderDisplayElement ? (jsx("div", __assign({ ref: displayElementContainerRef, className: styles.displayElementContainer }, { children: renderDisplayElement((_e = value === null || value === void 0 ? void 0 : value.toString()) !== null && _e !== void 0 ? _e : '') }))) : null] })), jsx("div", __assign({ className: styles.right }, { children: jsx("div", __assign({ className: styles.bottomRight }, { children: jsx("div", __assign({ className: styles.children, style: { height: sizeToLineHeight[size] } }, { children: children })) })) }))] })), showMaxLength ? (jsxs("div", __assign({ className: cn(styles.characterCount, (_c = {},
+                            _c[styles.nearLimit] = nearCharacterLimit,
+                            _c)) }, { children: [characterCount, "/", maxLength] }))) : null] })), helperText ? (jsx(HelperText, __assign({ error: error }, { children: helperText }))) : null] }));
+});
+export { TextArea, TextAreaSize };
+//# sourceMappingURL=TextArea.js.map