@audius/harmony 0.4.3 → 0.5.2

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

@@ -28,5 +28,5 @@ export declare const TextInput: (props: Omit<Omit<import("react").DetailedHTMLPr
     _isHovered?: boolean | undefined;
     _isFocused?: boolean | undefined;
     _disablePointerEvents?: 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=TextInput.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;qJAsPrB,CAAA"}
+{"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"}

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

@@ -3,9 +3,9 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { forwardRef, useId } from 'react';
 import cn from 'classnames';
 import { Text } from '../../text/Text.js';
-import { IconCloseAlt } from '../../../icons/utilityIcons.js';
 import '@emotion/react';
 import '@emotion/css';
+import { IconCloseAlt } from '../../../icons/individual/IconCloseAlt.js';
 import '../../layout/Box/Box.js';
 import { Flex } from '../../layout/Flex/Flex.js';
 import '../../skeleton/Skeleton.js';
@@ -15,6 +15,7 @@ import { TextInputSize } from './types.js';
 import { useFocusState } from '../useFocusState.js';
 import '../PasswordInput/PasswordInput.js';
 import '../TokenAmountInput/TokenAmountInput.js';
+import '../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';
 import styles from './TextInput.module.css.js';
 
 /**
@@ -148,7 +150,7 @@ var TextInput = forwardRef(function (props, ref) {
                                             transform: isLabelElevated
                                                 ? 'translate(0, 0)'
                                                 : 'translate(0px, 13px)'
-                                        }); } }, { children: labelText })), shouldShowMaxLengthText ? (jsxs(Text, __assign({ variant: 'body', size: 'xs', tag: 'span', color: maxLengthTextColor }, { children: [characterCount, "/", maxLength] }))) : null] }))) : null, inputElement] })), onClear && value ? (jsx(IconCloseAlt, { onClick: onClear, color: 'subdued' })) : null, endAdornment] })), helperText ? (jsx(Text, __assign({ variant: 'body', size: helperTextSize, color: error ? 'danger' : _incorrectError ? 'warning' : 'default' }, { children: helperText }))) : null] })));
+                                        }); } }, { children: labelText })), shouldShowMaxLengthText ? (jsxs(Text, __assign({ variant: 'body', size: 'xs', tag: 'span', color: maxLengthTextColor }, { children: [characterCount, "/", maxLength] }))) : null] }))) : null, inputElement] })), onClear && value ? (jsx(IconCloseAlt, { size: size === TextInputSize.EXTRA_SMALL ? 's' : 'l', onClick: onClear, color: 'subdued', cursor: 'pointer' })) : null, endAdornment] })), helperText ? (jsx(Text, __assign({ variant: 'body', size: helperTextSize, color: error ? 'danger' : _incorrectError ? 'warning' : 'default' }, { children: helperText }))) : null] })));
 });
 
 export { TextInput };

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"sourcesContent":["import { ReactNode, forwardRef, useId } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextSize } from '~harmony/components/text'\nimport type { TextColors } from '~harmony/foundations/color/semantic'\nimport { IconCloseAlt } from '~harmony/icons'\n\nimport { Flex } from '../../layout'\nimport { useFocusState } from '../useFocusState'\n\nimport styles from './TextInput.module.css'\nimport { TextInputSize, type TextInputProps } from './types'\n\n/**\n * An input is a field where users can enter and edit text and  enables the user to provide input in the form of plain text.\n */\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (props, ref) => {\n    const {\n      'aria-label': ariaLabel,\n      required,\n      className,\n      inputRootClassName,\n      maxLength,\n      showMaxLengthThreshold = 0.7,\n      maxLengthWarningThreshold = 0.9,\n      size = TextInputSize.DEFAULT,\n      hideLabel,\n      hidePlaceholder,\n      label: labelProp,\n      value,\n      id: idProp,\n      warning: warningProp,\n      error,\n      className: inputClassName,\n      disabled,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      placeholder,\n      helperText,\n      startAdornmentText,\n      endAdornmentText,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      IconProps,\n      endAdornment: endAdornmentProp,\n      elevateLabel,\n      onClear,\n      _incorrectError,\n      _isHovered,\n      _isFocused,\n      _disablePointerEvents,\n      ...other\n    } = props\n\n    let endAdornment: null | ReactNode\n    if (EndIcon != null) {\n      endAdornment = <EndIcon size='l' color='subdued' {...IconProps} />\n    } else if (endAdornmentProp != null) {\n      endAdornment = endAdornmentProp\n    } else {\n      endAdornment = null\n    }\n\n    /**\n     * Since Firefox doesn't support the :has() pseudo selector,\n     * manually track the focused state and use classes for focus, required, and disabled\n     */\n    const [isFocusedState, handleFocus, handleBlur] = useFocusState(\n      onFocusProp,\n      onBlurProp\n    )\n\n    const isFocused = _isFocused ?? isFocusedState\n\n    // For focus behavior and accessiblity, <label> needs to have a htmlFor={} provided to an id matching the input\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    const characterCount = value !== undefined ? `${value}`.length : 0\n    const hasValue = characterCount > 0\n\n    // Hide the label when requested or when the size is set to small or extra small\n    const shouldShowLabel =\n      !hideLabel &&\n      size !== TextInputSize.SMALL &&\n      size !== TextInputSize.EXTRA_SMALL\n    const labelText = required ? `${labelProp} *` : labelProp\n    const placeholderText =\n      required && hideLabel\n        ? `${placeholder} *`\n        : size === TextInputSize.SMALL || size === TextInputSize.EXTRA_SMALL\n          ? labelText\n          : placeholder\n    const helperTextSize: TextSize =\n      size === TextInputSize.SMALL || size === TextInputSize.EXTRA_SMALL\n        ? 'xs'\n        : 's'\n\n    // Whenever a label isn't visible the placeholder should be visible in it's place (if provided)\n    const shouldShowPlaceholder =\n      (isFocused || !shouldShowLabel) && !hidePlaceholder\n    const shouldShowAdornments = isFocused || hasValue || !shouldShowLabel\n    // Show the maxlength text whenever we hit a certain threshold (default 70%) + the input is focused\n    const shouldShowMaxLengthText =\n      isFocused &&\n      maxLength &&\n      characterCount >= showMaxLengthThreshold * maxLength\n    // Turn the maxlength text to the warning color whenever we hit a certain threshold (default 90%)\n    let maxLengthTextColor: TextColors = 'default'\n    if (maxLength && characterCount > maxLength) {\n      maxLengthTextColor = 'danger'\n    } else if (\n      maxLength &&\n      characterCount >= maxLengthWarningThreshold * maxLength\n    ) {\n      maxLengthTextColor = 'warning'\n    }\n\n    // Styles for the root of the input\n    const inputRootStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.extraSmall]: size === TextInputSize.EXTRA_SMALL,\n      [styles.warning]: warningProp,\n      [styles.error]: error,\n      [styles.focused]: isFocused || _isFocused,\n      [styles.disabled]: disabled,\n      [styles.required]: required,\n      [styles.hover]: _isHovered,\n      [styles.incorrectError]: _incorrectError,\n      [styles.disablePointerEvents]: _disablePointerEvents\n    }\n\n    // Styles for the input element itself\n    const inputElStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.extraSmall]: size === TextInputSize.EXTRA_SMALL,\n      [styles.disabled]: disabled,\n      [styles.focused]: isFocused\n    }\n\n    const inputElement = (\n      <Flex alignItems='center' justifyContent='space-between'>\n        {startAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {startAdornmentText}\n          </Text>\n        ) : null}\n        <input\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          ref={ref}\n          className={cn(styles.input, inputClassName, inputElStyle)}\n          value={value}\n          maxLength={maxLength}\n          disabled={disabled}\n          placeholder={shouldShowPlaceholder ? placeholderText : undefined}\n          aria-label={(ariaLabel ?? shouldShowLabel) ? labelText : undefined}\n          aria-required={required}\n          id={id}\n          autoComplete='off'\n          {...other}\n        />\n        {endAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {endAdornmentText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n\n    const isLabelElevated = hasValue || isFocused || elevateLabel\n\n    return (\n      <Flex\n        className={cn(styles.root, className)}\n        direction='column'\n        gap='xs'\n        alignItems='flex-start'\n        w='100%'\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            styles.contentContainer,\n            inputRootClassName,\n            inputRootStyle\n          )}\n        >\n          {StartIcon ? (\n            <StartIcon\n              size={\n                size === TextInputSize.EXTRA_SMALL\n                  ? 's'\n                  : size === TextInputSize.SMALL\n                    ? 'l'\n                    : undefined\n              }\n              color='subdued'\n              {...IconProps}\n            />\n          ) : null}\n          <Flex direction='column' gap='xs' justifyContent='center' w='100%'>\n            {shouldShowLabel ? (\n              <Flex\n                className={styles.labelRow}\n                direction='row'\n                alignItems='center'\n                justifyContent='space-between'\n                gap='s'\n              >\n                <Text\n                  variant='body'\n                  tag='span'\n                  size={isLabelElevated ? 's' : 'l'}\n                  color='subdued'\n                  css={(theme) => ({\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    zIndex: 2,\n                    transition: `all ${theme.motion.expressive}`,\n                    transform: isLabelElevated\n                      ? 'translate(0, 0)'\n                      : 'translate(0px, 13px)'\n                  })}\n                >\n                  {labelText}\n                </Text>\n                {shouldShowMaxLengthText ? (\n                  <Text\n                    variant='body'\n                    size='xs'\n                    tag='span'\n                    color={maxLengthTextColor}\n                  >\n                    {characterCount}/{maxLength}\n                  </Text>\n                ) : null}\n              </Flex>\n            ) : null}\n            {inputElement}\n          </Flex>\n          {onClear && value ? (\n            <IconCloseAlt onClick={onClear} color='subdued' />\n          ) : null}\n          {endAdornment}\n        </label>\n        {helperText ? (\n          <Text\n            variant='body'\n            size={helperTextSize}\n            color={error ? 'danger' : _incorrectError ? 'warning' : 'default'}\n          >\n            {helperText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"sourcesContent":["import { ReactNode, forwardRef, useId } from 'react'\n\nimport cn from 'classnames'\n\nimport { Text, TextSize } from '~harmony/components/text'\nimport type { TextColors } from '~harmony/foundations/color/semantic'\nimport { IconCloseAlt } from '~harmony/icons'\n\nimport { Flex } from '../../layout'\nimport { useFocusState } from '../useFocusState'\n\nimport styles from './TextInput.module.css'\nimport { TextInputSize, type TextInputProps } from './types'\n\n/**\n * An input is a field where users can enter and edit text and  enables the user to provide input in the form of plain text.\n */\nexport const TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (props, ref) => {\n    const {\n      'aria-label': ariaLabel,\n      required,\n      className,\n      inputRootClassName,\n      maxLength,\n      showMaxLengthThreshold = 0.7,\n      maxLengthWarningThreshold = 0.9,\n      size = TextInputSize.DEFAULT,\n      hideLabel,\n      hidePlaceholder,\n      label: labelProp,\n      value,\n      id: idProp,\n      warning: warningProp,\n      error,\n      className: inputClassName,\n      disabled,\n      onFocus: onFocusProp,\n      onBlur: onBlurProp,\n      placeholder,\n      helperText,\n      startAdornmentText,\n      endAdornmentText,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      IconProps,\n      endAdornment: endAdornmentProp,\n      elevateLabel,\n      onClear,\n      _incorrectError,\n      _isHovered,\n      _isFocused,\n      _disablePointerEvents,\n      ...other\n    } = props\n\n    let endAdornment: null | ReactNode\n    if (EndIcon != null) {\n      endAdornment = <EndIcon size='l' color='subdued' {...IconProps} />\n    } else if (endAdornmentProp != null) {\n      endAdornment = endAdornmentProp\n    } else {\n      endAdornment = null\n    }\n\n    /**\n     * Since Firefox doesn't support the :has() pseudo selector,\n     * manually track the focused state and use classes for focus, required, and disabled\n     */\n    const [isFocusedState, handleFocus, handleBlur] = useFocusState(\n      onFocusProp,\n      onBlurProp\n    )\n\n    const isFocused = _isFocused ?? isFocusedState\n\n    // For focus behavior and accessiblity, <label> needs to have a htmlFor={} provided to an id matching the input\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    const characterCount = value !== undefined ? `${value}`.length : 0\n    const hasValue = characterCount > 0\n\n    // Hide the label when requested or when the size is set to small or extra small\n    const shouldShowLabel =\n      !hideLabel &&\n      size !== TextInputSize.SMALL &&\n      size !== TextInputSize.EXTRA_SMALL\n    const labelText = required ? `${labelProp} *` : labelProp\n    const placeholderText =\n      required && hideLabel\n        ? `${placeholder} *`\n        : size === TextInputSize.SMALL || size === TextInputSize.EXTRA_SMALL\n          ? labelText\n          : placeholder\n    const helperTextSize: TextSize =\n      size === TextInputSize.SMALL || size === TextInputSize.EXTRA_SMALL\n        ? 'xs'\n        : 's'\n\n    // Whenever a label isn't visible the placeholder should be visible in it's place (if provided)\n    const shouldShowPlaceholder =\n      (isFocused || !shouldShowLabel) && !hidePlaceholder\n    const shouldShowAdornments = isFocused || hasValue || !shouldShowLabel\n    // Show the maxlength text whenever we hit a certain threshold (default 70%) + the input is focused\n    const shouldShowMaxLengthText =\n      isFocused &&\n      maxLength &&\n      characterCount >= showMaxLengthThreshold * maxLength\n    // Turn the maxlength text to the warning color whenever we hit a certain threshold (default 90%)\n    let maxLengthTextColor: TextColors = 'default'\n    if (maxLength && characterCount > maxLength) {\n      maxLengthTextColor = 'danger'\n    } else if (\n      maxLength &&\n      characterCount >= maxLengthWarningThreshold * maxLength\n    ) {\n      maxLengthTextColor = 'warning'\n    }\n\n    // Styles for the root of the input\n    const inputRootStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.extraSmall]: size === TextInputSize.EXTRA_SMALL,\n      [styles.warning]: warningProp,\n      [styles.error]: error,\n      [styles.focused]: isFocused || _isFocused,\n      [styles.disabled]: disabled,\n      [styles.required]: required,\n      [styles.hover]: _isHovered,\n      [styles.incorrectError]: _incorrectError,\n      [styles.disablePointerEvents]: _disablePointerEvents\n    }\n\n    // Styles for the input element itself\n    const inputElStyle = {\n      [styles.default]: size === TextInputSize.DEFAULT,\n      [styles.small]: size === TextInputSize.SMALL,\n      [styles.extraSmall]: size === TextInputSize.EXTRA_SMALL,\n      [styles.disabled]: disabled,\n      [styles.focused]: isFocused\n    }\n\n    const inputElement = (\n      <Flex alignItems='center' justifyContent='space-between'>\n        {startAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {startAdornmentText}\n          </Text>\n        ) : null}\n        <input\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          ref={ref}\n          className={cn(styles.input, inputClassName, inputElStyle)}\n          value={value}\n          maxLength={maxLength}\n          disabled={disabled}\n          placeholder={shouldShowPlaceholder ? placeholderText : undefined}\n          aria-label={(ariaLabel ?? shouldShowLabel) ? labelText : undefined}\n          aria-required={required}\n          id={id}\n          autoComplete='off'\n          {...other}\n        />\n        {endAdornmentText && shouldShowAdornments ? (\n          <Text variant='label' size='l' color='subdued'>\n            {endAdornmentText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n\n    const isLabelElevated = hasValue || isFocused || elevateLabel\n\n    return (\n      <Flex\n        className={cn(styles.root, className)}\n        direction='column'\n        gap='xs'\n        alignItems='flex-start'\n        w='100%'\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            styles.contentContainer,\n            inputRootClassName,\n            inputRootStyle\n          )}\n        >\n          {StartIcon ? (\n            <StartIcon\n              size={\n                size === TextInputSize.EXTRA_SMALL\n                  ? 's'\n                  : size === TextInputSize.SMALL\n                    ? 'l'\n                    : undefined\n              }\n              color='subdued'\n              {...IconProps}\n            />\n          ) : null}\n          <Flex direction='column' gap='xs' justifyContent='center' w='100%'>\n            {shouldShowLabel ? (\n              <Flex\n                className={styles.labelRow}\n                direction='row'\n                alignItems='center'\n                justifyContent='space-between'\n                gap='s'\n              >\n                <Text\n                  variant='body'\n                  tag='span'\n                  size={isLabelElevated ? 's' : 'l'}\n                  color='subdued'\n                  css={(theme) => ({\n                    whiteSpace: 'nowrap',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    zIndex: 2,\n                    transition: `all ${theme.motion.expressive}`,\n                    transform: isLabelElevated\n                      ? 'translate(0, 0)'\n                      : 'translate(0px, 13px)'\n                  })}\n                >\n                  {labelText}\n                </Text>\n                {shouldShowMaxLengthText ? (\n                  <Text\n                    variant='body'\n                    size='xs'\n                    tag='span'\n                    color={maxLengthTextColor}\n                  >\n                    {characterCount}/{maxLength}\n                  </Text>\n                ) : null}\n              </Flex>\n            ) : null}\n            {inputElement}\n          </Flex>\n          {onClear && value ? (\n            <IconCloseAlt\n              size={size === TextInputSize.EXTRA_SMALL ? 's' : 'l'}\n              onClick={onClear}\n              color='subdued'\n              cursor='pointer'\n            />\n          ) : null}\n          {endAdornment}\n        </label>\n        {helperText ? (\n          <Text\n            variant='body'\n            size={helperTextSize}\n            color={error ? 'danger' : _incorrectError ? 'warning' : 'default'}\n          >\n            {helperText}\n          </Text>\n        ) : null}\n      </Flex>\n    )\n  }\n)\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA;;AAEG;IACU,SAAS,GAAG,UAAU,CACjC,UAAC,KAAK,EAAE,GAAG,EAAA;;AAEP,IAAA,IAAc,SAAS,GAkCrB,KAAK,cAlCgB,EACvB,QAAQ,GAiCN,KAAK,CAAA,QAjCC,EACR,SAAS,GAgCP,KAAK,CAhCE,SAAA,EACT,kBAAkB,GA+BhB,KAAK,mBA/BW,EAClB,SAAS,GA8BP,KAAK,CAAA,SA9BE,EACT,EA6BE,GAAA,KAAK,uBA7BqB,EAA5B,sBAAsB,mBAAG,GAAG,GAAA,EAAA,EAC5B,EA4BE,GAAA,KAAK,0BA5BwB,EAA/B,yBAAyB,mBAAG,GAAG,GAAA,EAAA,EAC/B,EA2BE,GAAA,KAAK,CA3BqB,IAAA,EAA5B,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,aAAa,CAAC,OAAO,GAAA,EAAA,EAC5B,SAAS,GA0BP,KAAK,CA1BE,SAAA,EACT,eAAe,GAyBb,KAAK,gBAzBQ,EACR,SAAS,GAwBd,KAAK,CAAA,KAxBS,EAChB,KAAK,GAuBH,KAAK,CAvBF,KAAA,EACD,MAAM,GAsBR,KAAK,GAtBG,EACD,WAAW,GAqBlB,KAAK,CAAA,OArBa,EACpB,KAAK,GAoBH,KAAK,CApBF,KAAA,EACM,cAAc,GAmBvB,KAAK,CAnBkB,SAAA,EACzB,QAAQ,GAkBN,KAAK,SAlBC,EACC,WAAW,GAiBlB,KAAK,CAAA,OAjBa,EACZ,UAAU,GAgBhB,KAAK,CAhBW,MAAA,EAClB,WAAW,GAeT,KAAK,YAfI,EACX,UAAU,GAcR,KAAK,CAAA,UAdG,EACV,kBAAkB,GAahB,KAAK,CAbW,kBAAA,EAClB,gBAAgB,GAYd,KAAK,iBAZS,EACL,SAAS,GAWlB,KAAK,CAAA,SAXa,EACX,OAAO,GAUd,KAAK,CAVS,OAAA,EAChB,SAAS,GASP,KAAK,UATE,EACK,gBAAgB,GAQ5B,KAAK,CAAA,YARuB,EAC9B,YAAY,GAOV,KAAK,CAPK,YAAA,EACZ,OAAO,GAML,KAAK,QANA,EACP,eAAe,GAKb,KAAK,CAAA,eALQ,EACf,UAAU,GAIR,KAAK,CAJG,UAAA,EACV,UAAU,GAGR,KAAK,WAHG,EACV,qBAAqB,GAEnB,KAAK,CAAA,qBAFc,EAClB,KAAK,GAAA,MAAA,CACN,KAAK,EAnCH,CAAA,YAAA,EAAA,UAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,IAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,uBAAA,CAmCL,CADS,CACD;AAET,IAAA,IAAI,YAA8B,CAAA;IAClC,IAAI,OAAO,IAAI,IAAI,EAAE;AACnB,QAAA,YAAY,GAAGA,GAAA,CAAC,OAAO,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAK,EAAA,SAAS,EAAI,CAAA;AACnE,KAAA;SAAM,IAAI,gBAAgB,IAAI,IAAI,EAAE;QACnC,YAAY,GAAG,gBAAgB,CAAA;AAChC,KAAA;AAAM,SAAA;QACL,YAAY,GAAG,IAAI,CAAA;AACpB,KAAA;AAED;;;AAGG;AACG,IAAA,IAAA,KAA4C,aAAa,CAC7D,WAAW,EACX,UAAU,CACX,EAHM,cAAc,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,QAG7C,CAAA;IAED,IAAM,SAAS,GAAG,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,cAAc,CAAA;;AAG9C,IAAA,IAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IACxB,IAAM,EAAE,GAAG,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,QAAQ,CAAA;AAE7B,IAAA,IAAM,cAAc,GAAG,KAAK,KAAK,SAAS,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,CAAE,CAAC,MAAM,GAAG,CAAC,CAAA;AAClE,IAAA,IAAM,QAAQ,GAAG,cAAc,GAAG,CAAC,CAAA;;IAGnC,IAAM,eAAe,GACnB,CAAC,SAAS;QACV,IAAI,KAAK,aAAa,CAAC,KAAK;AAC5B,QAAA,IAAI,KAAK,aAAa,CAAC,WAAW,CAAA;AACpC,IAAA,IAAM,SAAS,GAAG,QAAQ,GAAG,EAAG,CAAA,MAAA,CAAA,SAAS,EAAI,IAAA,CAAA,GAAG,SAAS,CAAA;AACzD,IAAA,IAAM,eAAe,GACnB,QAAQ,IAAI,SAAS;UACjB,EAAG,CAAA,MAAA,CAAA,WAAW,EAAI,IAAA,CAAA;UAClB,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,WAAW;AAClE,cAAE,SAAS;cACT,WAAW,CAAA;AACnB,IAAA,IAAM,cAAc,GAClB,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,WAAW;AAChE,UAAE,IAAI;UACJ,GAAG,CAAA;;IAGT,IAAM,qBAAqB,GACzB,CAAC,SAAS,IAAI,CAAC,eAAe,KAAK,CAAC,eAAe,CAAA;IACrD,IAAM,oBAAoB,GAAG,SAAS,IAAI,QAAQ,IAAI,CAAC,eAAe,CAAA;;IAEtE,IAAM,uBAAuB,GAC3B,SAAS;QACT,SAAS;AACT,QAAA,cAAc,IAAI,sBAAsB,GAAG,SAAS,CAAA;;IAEtD,IAAI,kBAAkB,GAAe,SAAS,CAAA;AAC9C,IAAA,IAAI,SAAS,IAAI,cAAc,GAAG,SAAS,EAAE;QAC3C,kBAAkB,GAAG,QAAQ,CAAA;AAC9B,KAAA;AAAM,SAAA,IACL,SAAS;AACT,QAAA,cAAc,IAAI,yBAAyB,GAAG,SAAS,EACvD;QACA,kBAAkB,GAAG,SAAS,CAAA;AAC/B,KAAA;;AAGD,IAAA,IAAM,cAAc,IAAA,EAAA,GAAA,EAAA;QAClB,EAAC,CAAA,MAAM,CAAC,OAAO,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,OAAO;QAChD,EAAC,CAAA,MAAM,CAAC,KAAK,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,KAAK;QAC5C,EAAC,CAAA,MAAM,CAAC,UAAU,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,WAAW;AACvD,QAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,WAAW;AAC7B,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAA,GAAG,KAAK;AACrB,QAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAG,GAAA,SAAS,IAAI,UAAU;AACzC,QAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,QAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,QAAA,EAAA,CAAC,MAAM,CAAC,KAAK,CAAA,GAAG,UAAU;AAC1B,QAAA,EAAA,CAAC,MAAM,CAAC,cAAc,CAAA,GAAG,eAAe;AACxC,QAAA,EAAA,CAAC,MAAM,CAAC,oBAAoB,CAAA,GAAG,qBAAqB;WACrD,CAAA;;AAGD,IAAA,IAAM,YAAY,IAAA,EAAA,GAAA,EAAA;QAChB,EAAC,CAAA,MAAM,CAAC,OAAO,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,OAAO;QAChD,EAAC,CAAA,MAAM,CAAC,KAAK,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,KAAK;QAC5C,EAAC,CAAA,MAAM,CAAC,UAAU,CAAA,GAAG,IAAI,KAAK,aAAa,CAAC,WAAW;AACvD,QAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,QAAA,EAAA,CAAC,MAAM,CAAC,OAAO,CAAA,GAAG,SAAS;WAC5B,CAAA;AAED,IAAA,IAAM,YAAY,IAChBC,IAAC,CAAA,IAAI,aAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EACrD,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAkB,IAAI,oBAAoB,IACzCD,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,gBAC3C,kBAAkB,EAAA,CAAA,CACd,IACL,IAAI,EACRA,GAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EACE,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,EAAE,YAAY,CAAC,EACzD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,qBAAqB,GAAG,eAAe,GAAG,SAAS,EACpD,YAAA,EAAA,CAAC,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,eAAe,IAAI,SAAS,GAAG,SAAS,EACnD,eAAA,EAAA,QAAQ,EACvB,EAAE,EAAE,EAAE,EACN,YAAY,EAAC,KAAK,EACd,EAAA,KAAK,CACT,CAAA,EACD,gBAAgB,IAAI,oBAAoB,IACvCA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAC3C,EAAA,EAAA,QAAA,EAAA,gBAAgB,EACZ,CAAA,CAAA,IACL,IAAI,CAAA,EAAA,CAAA,CACH,CACR,CAAA;AAED,IAAA,IAAM,eAAe,GAAG,QAAQ,IAAI,SAAS,IAAI,YAAY,CAAA;AAE7D,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,IAAI,EACR,UAAU,EAAC,YAAY,EACvB,CAAC,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAAA,CAERA,IACE,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,gBAAgB,EACvB,kBAAkB,EAClB,cAAc,CACf,EAEA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,IACRD,GAAC,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,IAAI,EACF,IAAI,KAAK,aAAa,CAAC,WAAW;AAChC,8BAAE,GAAG;AACL,8BAAE,IAAI,KAAK,aAAa,CAAC,KAAK;AAC5B,kCAAE,GAAG;kCACH,SAAS,EAEjB,KAAK,EAAC,SAAS,EAAA,EACX,SAAS,CACb,CAAA,IACA,IAAI,EACRC,IAAA,CAAC,IAAI,EAAC,QAAA,CAAA,EAAA,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,CAAC,EAAC,MAAM,EAC/D,EAAA,EAAA,QAAA,EAAA,CAAA,eAAe,IACdA,IAAC,CAAA,IAAI,aACH,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,GAAG,EAAC,GAAG,iBAEPD,GAAC,CAAA,IAAI,aACH,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,IAAI,EAAE,eAAe,GAAG,GAAG,GAAG,GAAG,EACjC,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,UAAC,KAAK,EAAK,EAAA,QAAC;AACf,4CAAA,UAAU,EAAE,QAAQ;AACpB,4CAAA,QAAQ,EAAE,QAAQ;AAClB,4CAAA,YAAY,EAAE,UAAU;AACxB,4CAAA,MAAM,EAAE,CAAC;AACT,4CAAA,UAAU,EAAE,MAAO,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,CAAC,UAAU,CAAE;AAC5C,4CAAA,SAAS,EAAE,eAAe;AACxB,kDAAE,iBAAiB;AACnB,kDAAE,sBAAsB;AAC3B,yCAAA,EATe,EASd,EAED,EAAA,EAAA,QAAA,EAAA,SAAS,IACL,EACN,uBAAuB,IACtBC,IAAC,CAAA,IAAI,aACH,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,kBAAkB,EAExB,EAAA,EAAA,QAAA,EAAA,CAAA,cAAc,OAAG,SAAS,CAAA,EAAA,CAAA,CACtB,IACL,IAAI,CAAA,EAAA,CAAA,CACH,IACL,IAAI,EACP,YAAY,CACR,EAAA,CAAA,CAAA,EACN,OAAO,IAAI,KAAK,IACfD,GAAC,CAAA,YAAY,IACX,IAAI,EAAE,IAAI,KAAK,aAAa,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG,EACpD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,CAAA,IACA,IAAI,EACP,YAAY,KACP,EACP,UAAU,IACTA,GAAC,CAAA,IAAI,aACH,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,KAAK,GAAG,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,EAEhE,EAAA,EAAA,QAAA,EAAA,UAAU,EACN,CAAA,CAAA,IACL,IAAI,CAAA,EAAA,CAAA,CACH,EACR;AACH,CAAC;;;;"}

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

@@ -9,25 +9,25 @@ type InternalProps = {
     /**
      * @ignore
      * This prop is for internal use only.
-     * Toggles the incorrect error state for the storybook docs
+     * Toggles the incorrect error state
      */
     _incorrectError?: boolean;
     /**
      * @ignore
      * This prop is for internal use only.
-     * Toggles the hover state for the storybook docs
+     * Toggles the hover state
      */
     _isHovered?: boolean;
     /**
      * @ignore
      * This prop is for internal use only.
-     * Toggles the focus state for the storybook docs
+     * Toggles the focus state
      */
     _isFocused?: boolean;
     /**
      * @ignore
      * This prop is for internal use only.
-     * Disabled pointer events for storybook docs
+     * Disabled pointer events
      */
     _disablePointerEvents?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,oBAAY,aAAa;IACvB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,KAAK,aAAa,GAAG;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,wBAAwB,CAAC,OAAO,CAAC,EAEjC,MAAM,GAAG,UAAU,CACpB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,GAAG,aAAa,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,oBAAY,aAAa;IACvB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,KAAK,aAAa,GAAG;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,wBAAwB,CAAC,OAAO,CAAC,EACjC,MAAM,GAAG,UAAU,CACpB,GAAG;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,GAAG,aAAa,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/input/TextInput/types.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport type { IconComponent, IconProps } from '../../icon'\n\nexport enum TextInputSize {\n  EXTRA_SMALL = 'extra-small',\n  SMALL = 'small',\n  DEFAULT = 'default'\n}\n\ntype InternalProps = {\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the incorrect error state for the storybook docs\n   */\n  _incorrectError?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the hover state for the storybook docs\n   */\n  _isHovered?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the focus state for the storybook docs\n   */\n  _isFocused?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Disabled pointer events for storybook docs\n   */\n  _disablePointerEvents?: boolean\n}\n\nexport type TextInputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  // Omitting required purely for storybook docs\n  'size' | 'required'\n> & {\n  /**\n   * Input sizes. NOTE: small and extra-small inputs will not show the label\n   * @default default\n   */\n  size?: TextInputSize\n  /**\n   * Toggles warning state (turns border warning color). NOTE: this is not used any where at the moment\n   */\n  warning?: boolean\n  /**\n   * Toggles error state\n   */\n  error?: boolean\n  /**\n   * Hides the label. If the label is hidden the placeholder will show by default instead.\n   */\n  hideLabel?: boolean\n  /**\n   * When `true` hides the placeholder. Used in `Select`.\n   */\n  hidePlaceholder?: boolean\n  /**\n   * Handler for when input is cleared.\n   */\n  onClear?: () => void\n  /**\n   * Label Text. Required due to accessibility. If hideLabel is true, the label is set via aria-label\n   */\n  label: string\n  /**\n   * ClassName on the div wrapping the whole input container (doesn't include assistive text)\n   */\n  inputRootClassName?: string\n  /**\n   * Helper text (or JSX) that shows up below the input\n   */\n  helperText?: string | ReactNode\n  /**\n   * Floating text on the lefthand side of the input.\n   */\n  startAdornmentText?: string\n  /**\n   * Floating text on the righthand side of the input\n   */\n  endAdornmentText?: string\n  /**\n   * Floating icon on the lefthand side of the input. Note: will float to the left of the label & content\n   */\n  startIcon?: IconComponent\n  /**\n   * Floating icon on the righthand side of the input\n   */\n  endIcon?: IconComponent\n  /**\n   * Override props to supply the start or end Icon\n   */\n  IconProps?: Partial<IconProps>\n  /**\n   * @hidden\n   * Floating component on the righthand side of the input. Meant for internal use only.\n   */\n  endAdornment?: ReactNode\n  /**\n   * Required or not. Will add an * to the label if required\n   */\n  required?: boolean\n  /**\n   * 0-1 number representating a percentage threshold to show the max character text. Default is 0.7 (70%)\n   * @default 0.7\n   */\n  showMaxLengthThreshold?: number\n  /**\n   * 0-1 number representating a percentage threshold to turn the character limit text orange. Default is 0.9 (90%)\n   * @default 0.9\n   */\n  maxLengthWarningThreshold?: number\n  /**\n   * When `true` elevate the label. Useful for adding custom values. Reference `Select` component\n   */\n  elevateLabel?: boolean\n} & InternalProps\n"],"names":[],"mappings":"IAIY,cAIX;AAJD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACrB,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/input/TextInput/types.ts"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport type { IconComponent, IconProps } from '../../icon'\n\nexport enum TextInputSize {\n  EXTRA_SMALL = 'extra-small',\n  SMALL = 'small',\n  DEFAULT = 'default'\n}\n\ntype InternalProps = {\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the incorrect error state\n   */\n  _incorrectError?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the hover state\n   */\n  _isHovered?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Toggles the focus state\n   */\n  _isFocused?: boolean\n  /**\n   * @ignore\n   * This prop is for internal use only.\n   * Disabled pointer events\n   */\n  _disablePointerEvents?: boolean\n}\n\nexport type TextInputProps = Omit<\n  ComponentPropsWithoutRef<'input'>,\n  'size' | 'required'\n> & {\n  /**\n   * Input sizes. NOTE: small and extra-small inputs will not show the label\n   * @default default\n   */\n  size?: TextInputSize\n  /**\n   * Toggles warning state (turns border warning color). NOTE: this is not used any where at the moment\n   */\n  warning?: boolean\n  /**\n   * Toggles error state\n   */\n  error?: boolean\n  /**\n   * Hides the label. If the label is hidden the placeholder will show by default instead.\n   */\n  hideLabel?: boolean\n  /**\n   * When `true` hides the placeholder. Used in `Select`.\n   */\n  hidePlaceholder?: boolean\n  /**\n   * Handler for when input is cleared.\n   */\n  onClear?: () => void\n  /**\n   * Label Text. Required due to accessibility. If hideLabel is true, the label is set via aria-label\n   */\n  label: string\n  /**\n   * ClassName on the div wrapping the whole input container (doesn't include assistive text)\n   */\n  inputRootClassName?: string\n  /**\n   * Helper text (or JSX) that shows up below the input\n   */\n  helperText?: string | ReactNode\n  /**\n   * Floating text on the lefthand side of the input.\n   */\n  startAdornmentText?: string\n  /**\n   * Floating text on the righthand side of the input\n   */\n  endAdornmentText?: string\n  /**\n   * Floating icon on the lefthand side of the input. Note: will float to the left of the label & content\n   */\n  startIcon?: IconComponent\n  /**\n   * Floating icon on the righthand side of the input\n   */\n  endIcon?: IconComponent\n  /**\n   * Override props to supply the start or end Icon\n   */\n  IconProps?: Partial<IconProps>\n  /**\n   * @hidden\n   * Floating component on the righthand side of the input. Meant for internal use only.\n   */\n  endAdornment?: ReactNode\n  /**\n   * Required or not. Will add an * to the label if required\n   */\n  required?: boolean\n  /**\n   * 0-1 number representating a percentage threshold to show the max character text. Default is 0.7 (70%)\n   * @default 0.7\n   */\n  showMaxLengthThreshold?: number\n  /**\n   * 0-1 number representating a percentage threshold to turn the character limit text orange. Default is 0.9 (90%)\n   * @default 0.9\n   */\n  maxLengthWarningThreshold?: number\n  /**\n   * When `true` elevate the label. Useful for adding custom values. Reference `Select` component\n   */\n  elevateLabel?: boolean\n} & InternalProps\n"],"names":[],"mappings":"IAIY,cAIX;AAJD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACrB,CAAC,EAJW,aAAa,KAAb,aAAa,GAIxB,EAAA,CAAA,CAAA;;;;"}

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

@@ -6,5 +6,5 @@ export declare const TokenAmountInput: (props: Omit<import("../TextInput").TextI
     value?: string | undefined;
     onChange?: import("./types").TokenAmountInputChangeHandler | undefined;
     endIcon?: import("../..").IconComponent | import("react").ReactNode;
-} & 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=TokenAmountInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TokenAmountInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TokenAmountInput/TokenAmountInput.tsx"],"names":[],"mappings":";AAmBA,eAAO,MAAM,gBAAgB;;;;;;;qJAgE5B,CAAA"}
+{"version":3,"file":"TokenAmountInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TokenAmountInput/TokenAmountInput.tsx"],"names":[],"mappings":";AAmBA,eAAO,MAAM,gBAAgB;;;;;;;yJAgE5B,CAAA"}

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

@@ -3,4 +3,5 @@ export * from './TextInput';
 export * from './useFocusState';
 export * from './PasswordInput';
 export * from './TokenAmountInput';
+export * from './TextArea';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA"}

package/dist/components/internal/Menu.d.ts

@@ -14,7 +14,7 @@ export type MenuContentProps = {
     width?: CSSObject['width'];
     minWidth?: CSSObject['minWidth'];
     MenuListProps?: WithCSS<Partial<FlexProps>>;
-    scrollRef: Ref<HTMLDivElement>;
+    scrollRef: Ref<HTMLDivElement | null>;
     'aria-label'?: string;
     'aria-activedescendent'?: string;
 };

package/dist/components/internal/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/internal/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAQ,SAAS,EAAE,uBAAuC;AACjE,OAAO,EAAS,UAAU,EAAE,wBAAwC;AAEpE,OAAO,EAAE,UAAU,EAAE,uBAAuC;AAC5D,OAAO,EAAE,OAAO,EAAE,0BAA4B;AAI9C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,qDAUpC,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDA6BlD,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/internal/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAQ,SAAS,EAAE,uBAAuC;AACjE,OAAO,EAAS,UAAU,EAAE,wBAAwC;AAEpE,OAAO,EAAE,UAAU,EAAE,uBAAuC;AAC5D,OAAO,EAAE,OAAO,EAAE,0BAA4B;AAI9C,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IAC3C,SAAS,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,SAAS,qDAUpC,CAAA;AAED,eAAO,MAAM,WAAW,UAAW,gBAAgB,qDA6BlD,CAAA"}

package/dist/components/internal/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/internal/Menu.tsx"],"sourcesContent":["import { ReactNode, Ref } from 'react'\n\nimport { CSSObject } from '@emotion/react'\n\nimport { Flex, FlexProps } from '~harmony/components/layout/Flex'\nimport { Paper, PaperProps } from '~harmony/components/layout/Paper'\nimport { Popup } from '~harmony/components/popup/Popup'\nimport { PopupProps } from '~harmony/components/popup/types'\nimport { WithCSS } from '~harmony/foundations'\n\n// TODO menu label\n\nexport type MenuProps = Omit<PopupProps, 'children'> & {\n  children: ReactNode\n  PaperProps?: WithCSS<Partial<PaperProps>>\n}\n\nexport type MenuContentProps = {\n  children: ReactNode\n  maxHeight?: CSSObject['maxHeight']\n  width?: CSSObject['width']\n  minWidth?: CSSObject['minWidth']\n  MenuListProps?: WithCSS<Partial<FlexProps>>\n  scrollRef: Ref<HTMLDivElement>\n  'aria-label'?: string\n  'aria-activedescendent'?: string\n}\n\nexport const Menu = (props: MenuProps) => {\n  const { children, PaperProps, ...other } = props\n\n  return (\n    <Popup {...other}>\n      <Paper mt='s' border='strong' shadow='far' {...PaperProps}>\n        {children}\n      </Paper>\n    </Popup>\n  )\n}\n\nexport const MenuContent = (props: MenuContentProps) => {\n  const {\n    children,\n    maxHeight,\n    width,\n    minWidth,\n    MenuListProps,\n    scrollRef,\n    'aria-label': ariaLabel,\n    'aria-activedescendent': ariaActiveDescendant\n  } = props\n\n  return (\n    <Flex\n      direction='column'\n      p='s'\n      gap='s'\n      alignItems='flex-start'\n      role='listbox'\n      css={{ maxHeight, width, minWidth, overflowY: 'auto' }}\n      ref={scrollRef}\n      onClick={(e) => e.stopPropagation()}\n      aria-label={ariaLabel}\n      aria-activedescendant={ariaActiveDescendant}\n      {...MenuListProps}\n    >\n      {children}\n    </Flex>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA4BO,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAC3B,IAAA,IAAA,QAAQ,GAA2B,KAAK,CAAhC,QAAA,EAAE,UAAU,GAAe,KAAK,CAApB,UAAA,EAAK,KAAK,GAAK,MAAA,CAAA,KAAK,EAA1C,CAAA,UAAA,EAAA,YAAA,CAAkC,CAAF,CAAU;IAEhD,QACEA,GAAC,CAAA,KAAK,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EACd,EAAA,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAA,EAAK,UAAU,EAAA,EAAA,QAAA,EACtD,QAAQ,EAAA,CAAA,CACH,EACF,CAAA,CAAA,EACT;AACH,EAAC;AAEM,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;AAE/C,IAAA,IAAA,QAAQ,GAQN,KAAK,CARC,QAAA,EACR,SAAS,GAOP,KAAK,CAPE,SAAA,EACT,KAAK,GAMH,KAAK,MANF,EACL,QAAQ,GAKN,KAAK,CAAA,QALC,EACR,aAAa,GAIX,KAAK,CAAA,aAJM,EACb,SAAS,GAGP,KAAK,CAHE,SAAA,EACK,SAAS,GAErB,KAAK,CAFgB,YAAA,CAAA,EACE,oBAAoB,GAC3C,KAAK,yBADsC,CACtC;AAET,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,SAAS,EAAC,QAAQ,EAClB,CAAC,EAAC,GAAG,EACL,GAAG,EAAC,GAAG,EACP,UAAU,EAAC,YAAY,EACvB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,EAAE,SAAS,EAAA,SAAA,EAAE,KAAK,EAAA,KAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,SAAS,EAAE,MAAM,EAAE,EACtD,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,eAAe,EAAE,CAAnB,EAAmB,gBACvB,SAAS,EAAA,uBAAA,EACE,oBAAoB,EAAA,EACvC,aAAa,EAAA,EAAA,QAAA,EAEhB,QAAQ,EAAA,CAAA,CACJ,EACR;AACH;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/internal/Menu.tsx"],"sourcesContent":["import { ReactNode, Ref } from 'react'\n\nimport { CSSObject } from '@emotion/react'\n\nimport { Flex, FlexProps } from '~harmony/components/layout/Flex'\nimport { Paper, PaperProps } from '~harmony/components/layout/Paper'\nimport { Popup } from '~harmony/components/popup/Popup'\nimport { PopupProps } from '~harmony/components/popup/types'\nimport { WithCSS } from '~harmony/foundations'\n\n// TODO menu label\n\nexport type MenuProps = Omit<PopupProps, 'children'> & {\n  children: ReactNode\n  PaperProps?: WithCSS<Partial<PaperProps>>\n}\n\nexport type MenuContentProps = {\n  children: ReactNode\n  maxHeight?: CSSObject['maxHeight']\n  width?: CSSObject['width']\n  minWidth?: CSSObject['minWidth']\n  MenuListProps?: WithCSS<Partial<FlexProps>>\n  scrollRef: Ref<HTMLDivElement | null>\n  'aria-label'?: string\n  'aria-activedescendent'?: string\n}\n\nexport const Menu = (props: MenuProps) => {\n  const { children, PaperProps, ...other } = props\n\n  return (\n    <Popup {...other}>\n      <Paper mt='s' border='strong' shadow='far' {...PaperProps}>\n        {children}\n      </Paper>\n    </Popup>\n  )\n}\n\nexport const MenuContent = (props: MenuContentProps) => {\n  const {\n    children,\n    maxHeight,\n    width,\n    minWidth,\n    MenuListProps,\n    scrollRef,\n    'aria-label': ariaLabel,\n    'aria-activedescendent': ariaActiveDescendant\n  } = props\n\n  return (\n    <Flex\n      direction='column'\n      p='s'\n      gap='s'\n      alignItems='flex-start'\n      role='listbox'\n      css={{ maxHeight, width, minWidth, overflowY: 'auto' }}\n      ref={scrollRef}\n      onClick={(e) => e.stopPropagation()}\n      aria-label={ariaLabel}\n      aria-activedescendant={ariaActiveDescendant}\n      {...MenuListProps}\n    >\n      {children}\n    </Flex>\n  )\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA4BO,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAA;AAC3B,IAAA,IAAA,QAAQ,GAA2B,KAAK,CAAhC,QAAA,EAAE,UAAU,GAAe,KAAK,CAApB,UAAA,EAAK,KAAK,GAAK,MAAA,CAAA,KAAK,EAA1C,CAAA,UAAA,EAAA,YAAA,CAAkC,CAAF,CAAU;IAEhD,QACEA,GAAC,CAAA,KAAK,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,EACd,EAAA,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAA,QAAA,CAAA,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAA,EAAK,UAAU,EAAA,EAAA,QAAA,EACtD,QAAQ,EAAA,CAAA,CACH,EACF,CAAA,CAAA,EACT;AACH,EAAC;AAEM,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;AAE/C,IAAA,IAAA,QAAQ,GAQN,KAAK,CARC,QAAA,EACR,SAAS,GAOP,KAAK,CAPE,SAAA,EACT,KAAK,GAMH,KAAK,MANF,EACL,QAAQ,GAKN,KAAK,CAAA,QALC,EACR,aAAa,GAIX,KAAK,CAAA,aAJM,EACb,SAAS,GAGP,KAAK,CAHE,SAAA,EACK,SAAS,GAErB,KAAK,CAFgB,YAAA,CAAA,EACE,oBAAoB,GAC3C,KAAK,yBADsC,CACtC;AAET,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,SAAS,EAAC,QAAQ,EAClB,CAAC,EAAC,GAAG,EACL,GAAG,EAAC,GAAG,EACP,UAAU,EAAC,YAAY,EACvB,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,EAAE,SAAS,EAAA,SAAA,EAAE,KAAK,EAAA,KAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,SAAS,EAAE,MAAM,EAAE,EACtD,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,eAAe,EAAE,CAAnB,EAAmB,gBACvB,SAAS,EAAA,uBAAA,EACE,oBAAoB,EAAA,EACvC,aAAa,EAAA,EAAA,QAAA,EAEhB,QAAQ,EAAA,CAAA,CACJ,EACR;AACH;;;;"}

package/dist/components/internal/MenuItem.d.ts

@@ -15,5 +15,5 @@ export type MenuItemProps<Value extends string> = Omit<BaseButtonProps, 'variant
 } | {
     variant: 'button';
 });
-export declare const MenuItem: <Value extends string>(props: MenuItemProps<Value> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const MenuItem: <Value extends string>(props: MenuItemProps<Value> & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/internal/MenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/internal/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAGV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,eAAe,EAAE,mCAAmD;AAC7E,OAAO,EAAE,aAAa,EAAE,gBAAgC;AAIxD,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,IAAI,IAAI,CACpD,eAAe,EACf,SAAS,GAAG,UAAU,CACvB,GAAG;IACF,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACE;IACE,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,EAAE,KAAK,CAAA;CACb,GACD;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CACxB,CAAA;AAEH,eAAO,MAAM,QAAQ,yMA8GnB,CAAA"}
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/internal/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAGV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,eAAe,EAAE,mCAAmD;AAC7E,OAAO,EAAE,aAAa,EAAE,gBAAgC;AAIxD,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,IAAI,IAAI,CACpD,eAAe,EACf,SAAS,GAAG,UAAU,CACvB,GAAG;IACF,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACE;IACE,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,KAAK,EAAE,KAAK,CAAA;CACb,GACD;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CACxB,CAAA;AAEH,eAAO,MAAM,QAAQ,6MA8GnB,CAAA"}

package/dist/components/internal/OptionKeyHandler.d.ts

@@ -23,7 +23,7 @@ type OptionKeyHandlerProps<Value extends string> = {
     onChange: (value: Value) => void;
     optionRefs: RefObject<HTMLButtonElement[]>;
     options: OptionType<Value>[];
-    scrollRef: RefObject<HTMLDivElement>;
+    scrollRef: RefObject<HTMLDivElement | null>;
     initialActiveIndex?: number;
 };
 export declare const OptionKeyHandler: <Value extends string>(props: OptionKeyHandlerProps<Value>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/internal/OptionKeyHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionKeyHandler.d.ts","sourceRoot":"","sources":["../../../src/components/internal/OptionKeyHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,gBAAgC;AAExD,KAAK,UAAU,CAAC,KAAK,SAAS,MAAM,IAAI;IACtC,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAClC,CAAA;AAED,KAAK,qBAAqB,CAAC,KAAK,SAAS,MAAM,IAAI;IACjD,QAAQ,EAAE,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,KAAK,SAAS,CAAA;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,iHA6F5B,CAAA"}
+{"version":3,"file":"OptionKeyHandler.d.ts","sourceRoot":"","sources":["../../../src/components/internal/OptionKeyHandler.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,SAAS,EAAa,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,gBAAgC;AAExD,KAAK,UAAU,CAAC,KAAK,SAAS,MAAM,IAAI;IACtC,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAClC,CAAA;AAED,KAAK,qBAAqB,CAAC,KAAK,SAAS,MAAM,IAAI;IACjD,QAAQ,EAAE,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,KAAK,SAAS,CAAA;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,UAAU,EAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAA;IAC1C,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAA;IAC5B,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,gBAAgB,iHA6F5B,CAAA"}

package/dist/components/internal/OptionKeyHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionKeyHandler.js","sources":["../../../src/components/internal/OptionKeyHandler.tsx"],"sourcesContent":["import { RefObject, useState, ReactNode, useEffect } from 'react'\n\nimport { IconComponent } from '~harmony/components/icon'\n\ntype OptionType<Value extends string> = {\n  value: Value\n  /**\n   * The label to display. If not provided, uses the value.\n   */\n  label?: string\n  helperText?: string\n  icon?: IconComponent\n  /**\n   * A leading element to display before the option label. Useful for icons/emojis\n   */\n  leadingElement?: JSX.Element\n  /**\n   * A leading element to display before the filter button label\n   */\n  labelLeadingElement?: JSX.Element\n}\n\ntype OptionKeyHandlerProps<Value extends string> = {\n  children: (activeValue: Value | null) => ReactNode\n  disabled?: boolean\n  onChange: (value: Value) => void\n  optionRefs: RefObject<HTMLButtonElement[]>\n  options: OptionType<Value>[]\n  scrollRef: RefObject<HTMLDivElement>\n  initialActiveIndex?: number\n}\n\nexport const OptionKeyHandler = <Value extends string>(\n  props: OptionKeyHandlerProps<Value>\n) => {\n  const {\n    disabled,\n    options,\n    onChange,\n    optionRefs,\n    scrollRef,\n    children,\n    initialActiveIndex = null\n  } = props\n  const [activeIndex, setActiveIndex] = useState<number | null>(\n    initialActiveIndex\n  )\n  const activeValue = activeIndex !== null ? options[activeIndex]?.value : null\n\n  useEffect(() => {\n    const adjustScrollPosition = (newIndex: number | null) => {\n      if (newIndex !== null) {\n        if (optionRefs.current) {\n          optionRefs.current[newIndex].scrollIntoView({\n            behavior: 'smooth',\n            block: 'start'\n          })\n        }\n      } else {\n        scrollRef.current?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (disabled) {\n        return\n      }\n\n      switch (event.key) {\n        case 'ArrowUp':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return options.length - 1\n              }\n\n              return prevIndex > 0 ? prevIndex - 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'ArrowDown':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return 0\n              }\n\n              return prevIndex < options.length - 1 ? prevIndex + 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'Enter':\n          event.stopPropagation()\n          event.preventDefault()\n          if (activeIndex !== null && options[activeIndex]) {\n            onChange(options[activeIndex].value)\n          }\n          break\n        default:\n          break\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [disabled, options, activeIndex, scrollRef, optionRefs, onChange])\n\n  return <>{children(activeValue)}</>\n}\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"OptionKeyHandler.js","sources":["../../../src/components/internal/OptionKeyHandler.tsx"],"sourcesContent":["import { RefObject, useState, ReactNode, useEffect } from 'react'\n\nimport { IconComponent } from '~harmony/components/icon'\n\ntype OptionType<Value extends string> = {\n  value: Value\n  /**\n   * The label to display. If not provided, uses the value.\n   */\n  label?: string\n  helperText?: string\n  icon?: IconComponent\n  /**\n   * A leading element to display before the option label. Useful for icons/emojis\n   */\n  leadingElement?: JSX.Element\n  /**\n   * A leading element to display before the filter button label\n   */\n  labelLeadingElement?: JSX.Element\n}\n\ntype OptionKeyHandlerProps<Value extends string> = {\n  children: (activeValue: Value | null) => ReactNode\n  disabled?: boolean\n  onChange: (value: Value) => void\n  optionRefs: RefObject<HTMLButtonElement[]>\n  options: OptionType<Value>[]\n  scrollRef: RefObject<HTMLDivElement | null>\n  initialActiveIndex?: number\n}\n\nexport const OptionKeyHandler = <Value extends string>(\n  props: OptionKeyHandlerProps<Value>\n) => {\n  const {\n    disabled,\n    options,\n    onChange,\n    optionRefs,\n    scrollRef,\n    children,\n    initialActiveIndex = null\n  } = props\n  const [activeIndex, setActiveIndex] = useState<number | null>(\n    initialActiveIndex\n  )\n  const activeValue = activeIndex !== null ? options[activeIndex]?.value : null\n\n  useEffect(() => {\n    const adjustScrollPosition = (newIndex: number | null) => {\n      if (newIndex !== null) {\n        if (optionRefs.current) {\n          optionRefs.current[newIndex].scrollIntoView({\n            behavior: 'smooth',\n            block: 'start'\n          })\n        }\n      } else {\n        scrollRef.current?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (disabled) {\n        return\n      }\n\n      switch (event.key) {\n        case 'ArrowUp':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return options.length - 1\n              }\n\n              return prevIndex > 0 ? prevIndex - 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'ArrowDown':\n          event.stopPropagation()\n          event.preventDefault()\n          setActiveIndex((prevIndex) => {\n            const getNewIndex = () => {\n              if (prevIndex === null) {\n                return 0\n              }\n\n              return prevIndex < options.length - 1 ? prevIndex + 1 : null\n            }\n\n            const newIndex = getNewIndex()\n            adjustScrollPosition(newIndex)\n\n            return newIndex\n          })\n          break\n        case 'Enter':\n          event.stopPropagation()\n          event.preventDefault()\n          if (activeIndex !== null && options[activeIndex]) {\n            onChange(options[activeIndex].value)\n          }\n          break\n        default:\n          break\n      }\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [disabled, options, activeIndex, scrollRef, optionRefs, onChange])\n\n  return <>{children(activeValue)}</>\n}\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/layout/Paper/Paper.d.ts

@@ -3,5 +3,5 @@
  * Base layout component used as a building block for creating pages
  * and other components.
  * */
-export declare const Paper: (props: import("./types").BasePaperProps & import("../Flex").BaseFlexProps & import("..").BaseBoxProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const Paper: (props: import("./types").BasePaperProps & import("../Flex").BaseFlexProps & import("..").BaseBoxProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Paper.d.ts.map

package/dist/components/layout/Paper/Paper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Paper/Paper.tsx"],"names":[],"mappings":";AAQA;;;KAGK;AACL,eAAO,MAAM,KAAK,2WA0ChB,CAAA"}
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Paper/Paper.tsx"],"names":[],"mappings":";AAQA;;;KAGK;AACL,eAAO,MAAM,KAAK,+WA0ChB,CAAA"}

package/dist/components/loading-spinner/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEhD,KAAK,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAExE,QAAA,MAAM,cAAc,UAAW,mBAAmB,qDAkBjD,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEhD,KAAK,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAExE,QAAA,MAAM,cAAc,UAAW,mBAAmB,qDAiBjD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/loading-spinner/LoadingSpinner.js

@@ -6,7 +6,7 @@ import { Flex } from '../layout/Flex/Flex.js';
 
 var LoadingSpinner = function (props) {
     var _a = props.size, size = _a === void 0 ? 'l' : _a, color = props.color, rest = __rest(props, ["size", "color"]);
-    return (jsx(Flex, __assign({ role: 'progressbar', "data-chromatic": 'ignore', css: function (theme) { return ({
+    return (jsx(Flex, __assign({ role: 'progressbar', css: function (theme) { return ({
             height: size ? theme.iconSizes[size] : undefined,
             width: size ? theme.iconSizes[size] : undefined,
             g: {

package/dist/components/loading-spinner/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"sourcesContent":["import Lottie from 'lottie-react'\n\nimport loadingSpinner from '~harmony/assets/animations/loadingSpinner.json'\n\nimport { IconProps } from '../icon'\nimport { Flex, FlexProps } from '../layout/Flex'\n\ntype LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>\n\nconst LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const { size = 'l', color, ...rest } = props\n  return (\n    <Flex\n      role='progressbar'\n      data-chromatic='ignore'\n      css={(theme) => ({\n        height: size ? theme.iconSizes[size] : undefined,\n        width: size ? theme.iconSizes[size] : undefined,\n        g: {\n          path: { stroke: color ? theme.color.icon[color] : 'currentColor' }\n        }\n      })}\n      {...rest}\n    >\n      <Lottie loop autoplay animationData={loadingSpinner} />\n    </Flex>\n  )\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;AASM,IAAA,cAAc,GAAG,UAAC,KAA0B,EAAA;IACxC,IAAA,EAAA,GAA+B,KAAK,CAA1B,IAAA,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,KAAK,GAAc,KAAK,CAAA,KAAnB,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAAtC,CAAA,MAAA,EAAA,OAAA,CAA8B,CAAF,CAAU;AAC5C,IAAA,QACEA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,gBAAA,EACH,QAAQ,EACvB,GAAG,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AACf,YAAA,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAChD,YAAA,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAC/C,YAAA,CAAC,EAAE;gBACD,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,cAAc,EAAE;AACnE,aAAA;AACF,SAAA,IAAC,EAAA,EACE,IAAI,EAER,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAC,IAAA,EAAA,QAAQ,QAAC,aAAa,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CAClD,EACR;AACH;;;;"}
+{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"sourcesContent":["import Lottie from 'lottie-react'\n\nimport loadingSpinner from '~harmony/assets/animations/loadingSpinner.json'\n\nimport { IconProps } from '../icon'\nimport { Flex, FlexProps } from '../layout/Flex'\n\ntype LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>\n\nconst LoadingSpinner = (props: LoadingSpinnerProps) => {\n  const { size = 'l', color, ...rest } = props\n  return (\n    <Flex\n      role='progressbar'\n      css={(theme) => ({\n        height: size ? theme.iconSizes[size] : undefined,\n        width: size ? theme.iconSizes[size] : undefined,\n        g: {\n          path: { stroke: color ? theme.color.icon[color] : 'currentColor' }\n        }\n      })}\n      {...rest}\n    >\n      <Lottie loop autoplay animationData={loadingSpinner} />\n    </Flex>\n  )\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;AASM,IAAA,cAAc,GAAG,UAAC,KAA0B,EAAA;IACxC,IAAA,EAAA,GAA+B,KAAK,CAA1B,IAAA,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,KAAK,GAAc,KAAK,CAAA,KAAnB,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAAtC,CAAA,MAAA,EAAA,OAAA,CAA8B,CAAF,CAAU;AAC5C,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,IAAI,EAAC,aAAa,EAClB,GAAG,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AACf,YAAA,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAChD,YAAA,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAC/C,YAAA,CAAC,EAAE;gBACD,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,cAAc,EAAE;AACnE,aAAA;AACF,SAAA,IAAC,EAAA,EACE,IAAI,EAER,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAC,IAAA,EAAA,QAAQ,QAAC,aAAa,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CAClD,EACR;AACH;;;;"}

package/dist/components/modal/Modal.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ModalProps } from './types';
-export declare const Modal: (props: ModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const Modal: (props: ModalProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AA4BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAoF5C,eAAO,MAAM,KAAK,sKAqShB,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AA4BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAqF5C,eAAO,MAAM,KAAK,0KAmShB,CAAA"}

package/dist/components/modal/Modal.js

@@ -12,8 +12,8 @@ import { useClickOutside } from '../../hooks/useClickOutside.js';
 import { useHotkeys } from '../../hooks/useHotKeys.js';
 import { useScrollLock } from '../../hooks/useScrollLock.js';
 import '../../contexts/MediaContext.js';
-import { IconClose } from '../../icons/utilityIcons.js';
 import '@emotion/css';
+import { IconClose } from '../../icons/individual/IconClose.js';
 import '../layout/Box/Box.js';
 import '../layout/Flex/Flex.js';
 import '../skeleton/Skeleton.js';
@@ -24,6 +24,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';
@@ -63,6 +64,7 @@ import { findAncestor } from './findAncestor.js';
 import { useModalScrollCount } from './hooks.js';
 
 var _a, _b;
+var animatedAny = animated;
 var rootContainer = 'modalRootContainer';
 var rootId = 'modalRoot';
 var bgId = 'bgModal';
@@ -296,7 +298,10 @@ var Modal = forwardRef(function Modal(_a, ref) {
     return (jsx(Fragment, { children: modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)
             ? ReactDOM.createPortal(jsx(Fragment, { children: transition.map(function (_a) {
                     var item = _a.item, props = _a.props, key = _a.key;
-                    return item && (jsx(animated.div, __assign({ className: wrapperClassNames, style: __assign(__assign({}, wrapperStyle), { opacity: props.opacity, height: height, minHeight: height }), ref: ref }, { children: jsx(animated.div, __assign({ ref: dismissOnClickOutside ? outsideClickRef : null, className: bodyClassNames, style: __assign(__assign(__assign({}, props), bodyOffset), bodyStyle), role: 'dialog', "aria-labelledby": titleId, "aria-describedby": subtitleId, onMouseDown: handleModalContentClicked }, { children: jsxs(Fragment, { children: [showTitleHeader && (jsxs("div", __assign({ className: headerContainerClassNames }, { children: [showDismissButton && (jsx("div", __assign({ className: styles.dismissButton, onClick: onClose }, { children: jsx(IconClose, { color: 'subdued', size: 's' }) }))), jsx("div", __assign({ id: titleId, className: cn(styles.header, titleClassName) }, { children: title })), jsx("div", __assign({ id: subtitleId, className: cn(styles.subtitle, subtitleClassName) }, { children: subtitle }))] }))), jsx(ModalContext.Provider, __assign({ value: modalContextValue }, { children: children }))] }) })) }), key));
+                    if (!item)
+                        return null;
+                    var AnimatedDiv = animatedAny.div;
+                    return (jsx(AnimatedDiv, __assign({ className: wrapperClassNames, style: __assign(__assign({}, wrapperStyle), { opacity: props.opacity, height: height, minHeight: height }), ref: ref }, { children: jsx(AnimatedDiv, __assign({ ref: dismissOnClickOutside ? outsideClickRef : null, className: bodyClassNames, style: __assign(__assign(__assign({}, props), bodyOffset), bodyStyle), role: 'dialog', "aria-labelledby": titleId, "aria-describedby": subtitleId, onMouseDown: handleModalContentClicked }, { children: jsxs(Fragment, { children: [showTitleHeader && (jsxs("div", __assign({ className: headerContainerClassNames }, { children: [showDismissButton && (jsx("div", __assign({ className: styles.dismissButton, onClick: onClose }, { children: jsx(IconClose, { color: 'subdued', size: 's' }) }))), jsx("div", __assign({ id: titleId, className: cn(styles.header, titleClassName) }, { children: title })), jsx("div", __assign({ id: subtitleId, className: cn(styles.subtitle, subtitleClassName) }, { children: subtitle }))] }))), jsx(ModalContext.Provider, __assign({ value: modalContextValue }, { children: children }))] }) })) }), key));
                 }) }), modalRoot)
             : null }));
 });