@audius/harmony 0.5.0 → 0.5.2

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

@@ -0,0 +1,76 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useToggle } from 'react-use';
+import '../../button/Button/Button.js';
+import '../../button/PlainButton/PlainButton.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';
+import '../../common/HiddenInput.js';
+import '../../radio-group/RadioGroupContext.js';
+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';
+import '../../text-link/TextLink.js';
+import { IconButton } from '../../button/IconButton/IconButton.js';
+import '../../switch/Switch.js';
+import '@juggle/resize-observer';
+import 'react-merge-refs';
+import 'react-use-measure';
+import '../../scrollbar/Scrollbar.js';
+import '../../popup/Popup.js';
+import '../../popup-menu/PopupMenu.js';
+import '../../modal/Modal.js';
+import '../../modal/ModalContext.js';
+import 'react-spring/renderprops.cjs';
+import '../../modal/ModalHeader.js';
+import '../../modal/ModalFooter.js';
+import '../../modal/types.js';
+import 'lodash';
+import 'numeral';
+import '../../../contexts/MediaContext.js';
+import 'color';
+import 'lottie-react';
+import '../../pill/Pill.js';
+import '../../select/Select/Select.js';
+import '../../checkbox/Checkbox.js';
+import '../../hover-card/HoverCard.js';
+import '../../../foundations/color/semantic.js';
+import '../../../foundations/color/color.js';
+import '../../../foundations/theme/theme.js';
+import '../../../hooks/useHotKeys.js';
+import '../../internal/MenuItem.js';
+import 'react-dom';
+import '../../button/FollowButton/FollowButton.js';
+import '../../button/UnstyledButton.js';
+import '../../button/FilterButton/FilterButton.js';
+import '../../button/FilterButton/FilterButtonOption.js';
+import '../../button/BaseButton/BaseButton.js';
+
+var messages = {
+    hidePasswordInput: 'Hide password input',
+    showPasswordInput: 'Show password input'
+};
+var PasswordInput = forwardRef(function (props, ref) {
+    var hideVisibilityToggle = props.hideVisibilityToggle, restProps = __rest(props, ["hideVisibilityToggle"]);
+    var _a = useToggle(false), isPasswordVisible = _a[0], toggleIsPasswordVisible = _a[1];
+    var VisibilityIcon = isPasswordVisible
+        ? IconVisibilityPublic
+        : IconVisibilityHidden;
+    return (jsx(TextInput, __assign({ ref: ref, type: isPasswordVisible ? 'text' : 'password', endAdornment: hideVisibilityToggle ? null : (jsx(IconButton, { icon: VisibilityIcon, color: 'subdued', onClick: toggleIsPasswordVisible, "aria-label": isPasswordVisible
+                ? messages.hidePasswordInput
+                : messages.showPasswordInput, ripple: true })) }, restProps)));
+});
+
+export { PasswordInput };
+//# sourceMappingURL=PasswordInput.js.map

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

@@ -0,0 +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/PasswordInput/index.d.ts

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

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

@@ -0,0 +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,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,5 @@
+import type { TextInputProps } from '../TextInput/types';
+export type PasswordInputProps = Omit<TextInputProps, 'type'> & {
+    hideVisibilityToggle?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/PasswordInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IAC9D,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA"}

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

@@ -0,0 +1,3 @@
+import type { SelectablePillProps } from './types';
+export declare const SelectablePill: (props: SelectablePillProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectablePill.d.ts.map

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

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

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

@@ -0,0 +1,68 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useTheme } from '@emotion/react';
+import { HiddenInput } from '../../common/HiddenInput.js';
+import { useRadioGroup } from '../../radio-group/useRadioGroup.js';
+import { Text } from '../../text/Text.js';
+
+var RadioInput = function (props) {
+    var _a = useRadioGroup(props), name = _a.name, checked = _a.checked, onChange = _a.onChange;
+    return (jsx(HiddenInput, __assign({}, props, { name: name, checked: checked, onChange: onChange })));
+};
+var SelectablePill = function (props) {
+    var _a;
+    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)
+        : 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' && {
+        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' && {
+        boxShadow: 'none'
+    }));
+    var rootCss = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ display: 'inline-flex', position: 'relative', alignItems: 'center', justifyContent: 'center', gap: theme.spacing.s, color: theme.color.text.default, backgroundColor: theme.color.background.white, cursor: 'pointer', userSelect: 'none', transition: 'all 0.12s ease-out', textWrap: 'nowrap', border: "1px solid ".concat(theme.color.border.strong), borderRadius: theme.cornerRadius['2xl'] }, (size === 'small' && {
+        height: theme.spacing.xl,
+        paddingInline: theme.spacing.m
+    })), (size === 'large' && {
+        height: theme.spacing['2xl'],
+        paddingInline: theme.spacing.l,
+        boxShadow: theme.shadows.near
+    })), (size === 'oversized' && {
+        height: spacing.unit12,
+        padding: spacing.m,
+        borderWidth: 2
+    })), (disabled && { opacity: 0.45 })), (_isHovered && hoverCss)), (isSelected && activeCss)), ((disabled || _isHovered) && {
+        pointerEvents: 'none'
+    })), { ':hover': hoverCss, ':active': activeCss });
+    var iconCss = {
+        '& path': {
+            fill: 'currentColor'
+        }
+    };
+    var rootProps = {
+        css: rootCss,
+        className: className
+    };
+    var pillContent = (jsxs(Fragment, { children: [size !== 'small' && Icon ? jsx(Icon, { size: 's', css: iconCss }) : null, 'label' in other ? (jsx(Text, __assign({ variant: size === 'oversized' ? 'heading' : 'body', tag: 'span', css: size === 'oversized' && { textTransform: 'uppercase' } }, { children: other.label }))) : null] }));
+    switch (type) {
+        case 'checkbox': {
+            return (jsxs("label", __assign({}, rootProps, { children: [pillContent, jsx(HiddenInput, __assign({}, other, { checked: isSelected }))] })));
+        }
+        case 'radio': {
+            return (jsxs("label", __assign({}, rootProps, { children: [pillContent, jsx(RadioInput, __assign({}, other, { checked: isSelected }))] })));
+        }
+        case 'button':
+        case 'reset':
+        case 'submit':
+        default: {
+            return (jsx("button", __assign({}, rootProps, other, { children: pillContent })));
+        }
+    }
+};
+
+export { SelectablePill };
+//# sourceMappingURL=SelectablePill.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { IconComponent } from '../../icon';
+type InternalProps = {
+    /**
+     * @ignore: This prop is for internal use only
+     */
+    _isHovered?: boolean;
+};
+type BaseProps = {
+    size?: 'small' | 'large' | 'oversized';
+    isSelected?: boolean;
+    disabled?: boolean;
+    icon?: IconComponent;
+};
+type LabelProps = {
+    label: string;
+} | {
+    icon: IconComponent;
+    'aria-label': string;
+};
+type InputProps = ({
+    type: 'checkbox' | 'radio';
+} & Omit<ComponentPropsWithoutRef<'input'>, 'children' | 'size'>) | ({
+    type?: 'button' | 'submit' | 'reset' | undefined;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'children'>);
+export type SelectablePillProps = BaseProps & LabelProps & InternalProps & InputProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectablePill/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,KAAK,aAAa,GAAG;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,SAAS,GAAG;IAEf,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,WAAW,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB,CAAA;AAED,KAAK,UAAU,GACX;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjD,KAAK,UAAU,GACX,CAAC;IACC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GACjE,CAAC;IACC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CACjD,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GACzC,UAAU,GACV,aAAa,GACb,UAAU,CAAA"}

package/dist/components/input/TextArea/HelperText.d.ts

@@ -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

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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/input/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useCallback,\n  useEffect,\n  ComponentPropsWithoutRef,\n  ReactNode\n} from 'react'\n\nimport cn from 'classnames'\nimport { mergeRefs } from 'react-merge-refs'\n\nimport { useFocusState } from '../useFocusState'\n\nimport { HelperText } from './HelperText'\nimport styles from './TextArea.module.css'\n\nexport enum TextAreaSize {\n  MEDIUM,\n  SMALL\n}\n\nconst sizeToLineHeight: Record<TextAreaSize, number> = {\n  [TextAreaSize.MEDIUM]: 24,\n  [TextAreaSize.SMALL]: 18\n}\n\nconst sizeToVerticalPadding: Record<TextAreaSize, number> = {\n  [TextAreaSize.MEDIUM]: 16,\n  [TextAreaSize.SMALL]: 12\n}\n\nconst getMaxHeight = ({\n  maxVisibleRows,\n  size\n}: {\n  maxVisibleRows?: number\n  size: TextAreaSize\n}) =>\n  maxVisibleRows !== undefined\n    ? maxVisibleRows * sizeToLineHeight[size] + sizeToVerticalPadding[size]\n    : undefined\n\nexport type TextAreaProps = ComponentPropsWithoutRef<'textarea'> & {\n  grows?: boolean\n  resize?: boolean\n  size?: TextAreaSize\n  heightBuffer?: number\n  maxVisibleRows?: number\n  showMaxLength?: boolean\n  error?: boolean\n  helperText?: string\n  renderDisplayElement?: (value: string) => ReactNode\n}\n\nconst CHARACTER_LIMIT_WARN_THRESHOLD_PERCENT = 0.875\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (props, forwardedRef) => {\n    const {\n      resize = false,\n      grows = false,\n      size = TextAreaSize.MEDIUM,\n      heightBuffer,\n      maxVisibleRows,\n      maxLength,\n      showMaxLength,\n      className,\n      value,\n      children,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      error,\n      helperText,\n      renderDisplayElement,\n      ...other\n    } = props\n\n    const rootRef = useRef<HTMLDivElement>(null)\n    const textContainerRef = useRef<HTMLDivElement>(null)\n    const textareaRef = useRef<HTMLTextAreaElement>(null)\n    const displayElementContainerRef = useRef<HTMLDivElement>(null)\n    const characterCount = value ? `${value}`.length : 0\n    const nearCharacterLimit =\n      maxLength &&\n      characterCount > CHARACTER_LIMIT_WARN_THRESHOLD_PERCENT * maxLength\n\n    const maxHeight = grows\n      ? getMaxHeight({ maxVisibleRows, size })\n      : rootRef.current?.offsetHeight // clamp to initial height if non-growing\n\n    const style = {\n      [styles.noResize]: !resize,\n      [styles.medium]: size === TextAreaSize.MEDIUM,\n      [styles.small]: size === TextAreaSize.SMALL\n    }\n\n    const growTextArea = useCallback(() => {\n      if (displayElementContainerRef.current && textareaRef.current) {\n        textareaRef.current.style.height =\n          displayElementContainerRef.current.scrollHeight + 'px'\n      } else if (textareaRef.current) {\n        const textarea = textareaRef.current\n        textarea.style.height = 'inherit'\n        textarea.style.height = `${\n          textarea.scrollHeight + (heightBuffer ?? 0)\n        }px`\n        rootRef.current?.scrollTo({ top: rootRef.current?.scrollHeight })\n      }\n    }, [textareaRef, heightBuffer])\n\n    /**\n     * Since Firefox doesn't support the :has() pseudo selector,\n     * manually track the focused state and use classes for focus\n     */\n    const [isFocused, handleFocus, handleBlur] =\n      useFocusState<HTMLTextAreaElement>(onFocusProp, onBlurProp)\n\n    useEffect(() => {\n      // Even though we always \"grow\" the text area,\n      // the maxHeight of the container will cause a scrollbar to appear if necesary\n      growTextArea()\n    }, [growTextArea, value])\n\n    return (\n      <>\n        <div\n          className={cn(\n            styles.root,\n            { [styles.focused]: isFocused, [styles.error]: error },\n            style,\n            className\n          )}\n        >\n          <div\n            ref={rootRef}\n            className={styles.scrollArea}\n            style={{ maxHeight }}\n          >\n            <div ref={textContainerRef} className={styles.left}>\n              <textarea\n                className={\n                  renderDisplayElement ? styles.transparentTextArea : undefined\n                }\n                spellCheck={!renderDisplayElement}\n                ref={mergeRefs([textareaRef, forwardedRef])}\n                maxLength={maxLength ?? undefined}\n                value={value}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                {...other}\n              />\n              {renderDisplayElement ? (\n                <div\n                  ref={displayElementContainerRef}\n                  className={styles.displayElementContainer}\n                >\n                  {renderDisplayElement(value?.toString() ?? '')}\n                </div>\n              ) : null}\n            </div>\n            <div className={styles.right}>\n              <div className={styles.bottomRight}>\n                <div\n                  className={styles.children}\n                  style={{ height: sizeToLineHeight[size] }}\n                >\n                  {children}\n                </div>\n              </div>\n            </div>\n          </div>\n          {showMaxLength ? (\n            <div\n              className={cn(styles.characterCount, {\n                [styles.nearLimit]: nearCharacterLimit\n              })}\n            >\n              {characterCount}/{maxLength}\n            </div>\n          ) : null}\n        </div>\n        {helperText ? (\n          <HelperText error={error}>{helperText}</HelperText>\n        ) : null}\n      </>\n    )\n  }\n)\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/input/TextArea/TextArea.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"TextArea-module_root__3Zp5q","medium":"TextArea-module_medium__IFiWK","small":"TextArea-module_small__XUZAU","focused":"TextArea-module_focused__q8uvV","error":"TextArea-module_error__cOz4u","noResize":"TextArea-module_noResize__2nF5N","scrollArea":"TextArea-module_scrollArea__OwVjo","characterCount":"TextArea-module_characterCount__NRnMi","nearLimit":"TextArea-module_nearLimit__k8AwM","left":"TextArea-module_left__eyFrX","transparentTextArea":"TextArea-module_transparentTextArea__fE5ZS","displayElementContainer":"TextArea-module_displayElementContainer__VR2zE","right":"TextArea-module_right__6TML-","bottomRight":"TextArea-module_bottomRight__UCdS5","children":"TextArea-module_children__x67eZ"};
+
+export { styles as default };
+//# sourceMappingURL=TextArea.module.css.js.map

package/dist/components/input/TextArea/TextArea.module.css.js.map

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { TextInputSize } from './types';
+/**
+ * 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.
+ */
+export declare const TextInput: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "required" | "size"> & {
+    size?: TextInputSize | undefined;
+    warning?: boolean | undefined;
+    error?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+    hidePlaceholder?: boolean | undefined;
+    onClear?: (() => void) | undefined;
+    label: string;
+    inputRootClassName?: string | undefined;
+    helperText?: ReactNode;
+    startAdornmentText?: string | undefined;
+    endAdornmentText?: string | undefined;
+    startIcon?: import("../..").IconComponent | undefined;
+    endIcon?: import("../..").IconComponent | undefined;
+    IconProps?: Partial<import("../..").IconProps> | undefined;
+    endAdornment?: ReactNode;
+    required?: boolean | undefined;
+    showMaxLengthThreshold?: number | undefined;
+    maxLengthWarningThreshold?: number | undefined;
+    elevateLabel?: boolean | undefined;
+} & {
+    _incorrectError?: boolean | undefined;
+    _isHovered?: boolean | undefined;
+    _isFocused?: boolean | undefined;
+    _disablePointerEvents?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAYpD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAA;AAE5D;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;yJA2PrB,CAAA"}