@vibe/core 4.5.20 → 4.5.21

package/dist/src/components/TextField/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ChangeEventHandler, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\n\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nexport interface TextFieldProps extends VibeComponentProps {\n  /**\n   * The placeholder text displayed when the input is empty.\n   */\n  placeholder?: string;\n  /**\n   * Configures the browser's autocomplete behavior.\n   */\n  autoComplete?: string;\n  /**\n   * The current value of the text field.\n   */\n  value?: string;\n  /**\n   * Callback fired when the text field value changes.\n   */\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  /**\n   * Callback fired when the text field loses focus.\n   */\n  onBlur?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when the text field gains focus.\n   */\n  onFocus?: (event: React.FocusEvent) => void;\n  /**\n   * Callback fired when a key is pressed inside the text field.\n   */\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  /**\n   * Callback fired when the mouse wheel is used inside the text field.\n   */\n  onWheel?: (event: React.WheelEvent) => void;\n  /**\n   * The debounce rate for input value changes.\n   */\n  debounceRate?: number;\n  /**\n   * If true, the input is automatically focused on mount.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, disables the text field.\n   */\n  disabled?: boolean;\n  /**\n   * If true, makes the text field read-only.\n   */\n  readonly?: boolean;\n  /**\n   * A function to set a reference to the input element.\n   */\n  setRef?: (node: HTMLElement) => void;\n  /**\n   * The primary icon displayed inside the text field.\n   */\n  icon?: string | React.FunctionComponent | null;\n  /**\n   * The secondary icon displayed inside the text field.\n   */\n  secondaryIconName?: string | React.FunctionComponent | null;\n  /**\n   * The label displayed above the text field.\n   */\n  title?: string;\n  /**\n   * The size of the text field.\n   */\n  size?: TextFieldSize;\n  /**\n   * Validation state for the text field.\n   */\n  validation?: { status?: \"error\" | \"success\"; text?: string | React.ReactNode };\n  /**\n   * Class name applied to the text field wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Callback fired when the icon inside the text field is clicked.\n   */\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  /**\n   * If true, clears the input when the icon is clicked.\n   */\n  clearOnIconClick?: boolean;\n  /**\n   * The icon displayed inside the label.\n   */\n  labelIconName?: string | React.FunctionComponent | null;\n  /**\n   * If true, displays the character count.\n   */\n  showCharCount?: boolean;\n  /**\n   * The ARIA label for the input field.\n   */\n  inputAriaLabel?: string;\n  /**\n   * The ID of the container where search results are displayed.\n   */\n  searchResultsContainerId?: string;\n  /**\n   * The ID of the currently active search result.\n   */\n  activeDescendant?: string;\n  /**\n   * Accessible label for the primary icon.\n   */\n  iconLabel?: string;\n  /**\n   * Accessible label for the secondary icon.\n   */\n  secondaryIconLabel?: string;\n  /**\n   * The type of the text field.\n   */\n  type?: TextFieldType;\n  /**\n   * The maximum number of characters allowed.\n   */\n  maxLength?: number;\n  /**\n   * If true, allows the user to exceed the character limit set by `maxLength`.\n   */\n  allowExceedingMaxLength?: boolean;\n  /**\n   * If true, trims whitespace from the input value.\n   */\n  trim?: boolean;\n  /**\n   * The ARIA role of the text field.\n   */\n  role?: string;\n  /**\n   * If true, marks the input as required.\n   */\n  required?: boolean;\n  /**\n   * The error message displayed when a required field is left empty.\n   */\n  requiredErrorText?: string;\n  /**\n   * If true, displays a loading indicator inside the text field.\n   */\n  loading?: boolean;\n  /**\n   * Test ID for the secondary icon.\n   */\n  secondaryDataTestId?: string;\n  /**\n   * The tab order of the input field.\n   */\n  tabIndex?: number;\n  /**\n   * The name attribute for the input field.\n   */\n  name?: string;\n  /**\n   * If true, renders only an underline style for the text field.\n   */\n  underline?: boolean;\n  /**\n   * If true, the component is controlled by an external state.\n   */\n  controlled?: boolean;\n  /**\n   * Tooltip content for the primary icon.\n   */\n  iconTooltipContent?: string;\n  /**\n   * Tooltip content for the secondary icon.\n   */\n  secondaryTooltipContent?: string;\n  /**\n   * The text direction of the input.\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField = forwardRef(\n  (\n    {\n      className = \"\",\n      placeholder = \"\",\n      autoComplete = \"off\",\n      value,\n      onChange = NOOP,\n      onBlur = NOOP,\n      onFocus = NOOP,\n      onKeyDown = NOOP,\n      onWheel = NOOP,\n      debounceRate = 0,\n      autoFocus = false,\n      disabled = false,\n      readonly = false,\n      setRef = NOOP,\n      icon: iconName,\n      secondaryIconName,\n      id = \"input\",\n      title = \"\",\n      size = \"small\",\n      validation = null,\n      wrapperClassName = \"\",\n      onIconClick = NOOP,\n      clearOnIconClick = false,\n      labelIconName,\n      showCharCount = false,\n      inputAriaLabel,\n      searchResultsContainerId = \"\",\n      activeDescendant = \"\",\n      iconLabel,\n      secondaryIconLabel,\n      type = \"text\",\n      maxLength = null,\n      allowExceedingMaxLength = false,\n      trim = false,\n      role = \"\",\n      required = false,\n      requiredErrorText = \"\",\n      loading = false,\n      \"data-testid\": dataTestId,\n      secondaryDataTestId,\n      tabIndex,\n      underline = false,\n      name,\n      controlled = false,\n      iconTooltipContent,\n      secondaryTooltipContent,\n      dir\n    }: TextFieldProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n    const onBlurCallback = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        if (required && !e.target.value) {\n          setIsRequiredAndEmpty(true);\n        }\n        onBlur(e);\n      },\n      [onBlur, required]\n    );\n\n    const onChangeCallback = useCallback(\n      (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n        if (isRequiredAndEmpty && value) {\n          setIsRequiredAndEmpty(false);\n        }\n        const event = e || { target: inputRef.current };\n        onChange(value, event);\n      },\n      [onChange, isRequiredAndEmpty]\n    );\n\n    const {\n      inputValue: uncontrolledInput,\n      onEventChanged,\n      clearValue\n    } = useDebounceEvent({\n      delay: debounceRate,\n      onChange: onChangeCallback,\n      initialStateValue: value,\n      trim\n    });\n\n    const inputValue = useMemo(() => {\n      return controlled ? value : uncontrolledInput;\n    }, [controlled, value, uncontrolledInput]);\n\n    const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n      event => {\n        controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n      },\n      [controlled, onChangeCallback, onEventChanged]\n    );\n\n    const currentStateIconName = useMemo(() => {\n      if (secondaryIconName) {\n        return inputValue ? secondaryIconName : iconName;\n      }\n      return iconName;\n    }, [iconName, secondaryIconName, inputValue]);\n\n    const onIconClickCallback = useCallback(() => {\n      if (disabled) {\n        return;\n      }\n\n      if (clearOnIconClick) {\n        if (inputRef.current) {\n          inputRef.current.focus();\n        }\n        // Do it cause otherwise the value is not cleared in target object\n        inputRef.current.value = \"\";\n        controlled ? onChangeCallback(\"\") : clearValue();\n      }\n      onIconClick(currentStateIconName);\n    }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n    const validationClass = useMemo(() => {\n      if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n        return FEEDBACK_CLASSES.error;\n      }\n\n      if ((!validation || !validation.status) && !isRequiredAndEmpty) {\n        return \"\";\n      }\n      const status = isRequiredAndEmpty ? \"error\" : validation.status;\n      return FEEDBACK_CLASSES[status];\n    }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n    const hasIcon = iconName || secondaryIconName;\n    const shouldShowExtraText =\n      showCharCount || (validation && validation.text) || (isRequiredAndEmpty && requiredErrorText);\n    const isSecondary = secondaryIconName === currentStateIconName;\n    const isPrimary = iconName === currentStateIconName;\n    const shouldFocusOnPrimaryIcon =\n      (onIconClick !== NOOP || iconLabel || iconTooltipContent) && inputValue && iconName.length && isPrimary;\n    const shouldFocusOnSecondaryIcon = (secondaryIconName || secondaryTooltipContent) && isSecondary && !!inputValue;\n    const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n    useEffect(() => {\n      if (!inputRef?.current || !autoFocus) {\n        return;\n      }\n\n      const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n      return () => cancelAnimationFrame(animationFrame);\n    }, [inputRef, autoFocus]);\n\n    const isIconContainerClickable = onIconClick !== NOOP || clearOnIconClick;\n\n    const primaryIconAriaLabel = iconLabel || iconTooltipContent;\n    const secondaryIconAriaLabel = secondaryIconLabel || secondaryTooltipContent;\n\n    return (\n      <div\n        className={cx(styles.textField, wrapperClassName, {\n          [styles.disabled]: disabled,\n          [styles.onlyUnderline]: underline\n        })}\n        role={role}\n        aria-busy={loading}\n      >\n        <div className={cx(styles.labelWrapper)}>\n          <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n          <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n            {/*Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule*/}\n            {/*eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n            <input\n              className={cx(className, styles.input, {\n                [styles.inputHasIcon]: !!hasIcon,\n                [styles.readOnly]: readonly\n              })}\n              placeholder={placeholder}\n              autoComplete={autoComplete}\n              value={inputValue}\n              onChange={handleChange}\n              disabled={disabled}\n              readOnly={readonly}\n              ref={mergedRef}\n              type={type}\n              id={id}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n              data-vibe={ComponentVibeId.TEXT_FIELD}\n              name={name}\n              onBlur={onBlurCallback}\n              onFocus={onFocus}\n              onKeyDown={onKeyDown}\n              onWheel={onWheel}\n              maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n              role={searchResultsContainerId && \"combobox\"} // For voice reader\n              aria-label={inputAriaLabel || placeholder}\n              aria-invalid={(validation && validation.status === \"error\") || isRequiredAndEmpty}\n              aria-owns={searchResultsContainerId}\n              aria-activedescendant={activeDescendant}\n              aria-required={required}\n              aria-describedby={allowExceedingMaxLengthTextId}\n              required={required}\n              tabIndex={tabIndex}\n              dir={dir}\n            />\n            {loading && (\n              <div\n                className={cx(styles.loaderContainer, {\n                  [styles.loaderContainerHasIcon]: hasIcon\n                })}\n              >\n                <div className={cx(styles.loader)}>\n                  <Loader className={cx(styles.loaderSvg)} />\n                </div>\n              </div>\n            )}\n            {iconName && (\n              <Tooltip\n                content={isPrimary ? iconTooltipContent : undefined}\n                referenceWrapperClassName={styles.tooltipContainer}\n              >\n                <Clickable\n                  className={cx(styles.iconContainer, {\n                    [styles.iconContainerHasIcon]: hasIcon,\n                    [styles.iconContainerActive]: isPrimary,\n                    [styles.iconContainerClickable]: isIconContainerClickable\n                  })}\n                  onClick={onIconClickCallback}\n                  tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n                  aria-label={primaryIconAriaLabel}\n                >\n                  <Icon\n                    icon={iconName}\n                    className={cx(styles.icon)}\n                    type=\"font\"\n                    size={size === \"small\" ? \"16px\" : \"18px\"}\n                  />\n                </Clickable>\n              </Tooltip>\n            )}\n            {secondaryIconName && (\n              <Tooltip\n                content={isSecondary ? secondaryTooltipContent : undefined}\n                addKeyboardHideShowTriggersByDefault\n                referenceWrapperClassName={styles.tooltipContainer}\n              >\n                <Clickable\n                  className={cx(styles.iconContainer, {\n                    [styles.iconContainerHasIcon]: hasIcon,\n                    [styles.iconContainerActive]: isSecondary,\n                    [styles.iconContainerClickable]: isIconContainerClickable\n                  })}\n                  onClick={onIconClickCallback}\n                  tabIndex={shouldFocusOnSecondaryIcon ? 0 : -1}\n                  data-testid={secondaryDataTestId || getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n                  aria-label={secondaryIconAriaLabel}\n                >\n                  <Icon\n                    icon={secondaryIconName}\n                    className={cx(styles.icon)}\n                    type=\"font\"\n                    size={size === \"small\" ? \"16px\" : \"18px\"}\n                  />\n                </Clickable>\n              </Tooltip>\n            )}\n          </div>\n          {shouldShowExtraText && (\n            <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n              {((validation && validation.text) || (isRequiredAndEmpty && requiredErrorText)) && (\n                <span className={cx(styles.subTextContainerStatus)}>\n                  {isRequiredAndEmpty ? requiredErrorText : validation.text}\n                </span>\n              )}\n              {showCharCount && (\n                <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n                  {(inputValue && inputValue.length) || 0}\n                  {typeof maxLength === \"number\" && `/${maxLength}`}\n                  <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n                </span>\n              )}\n            </Text>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default TextField;\n"],"names":["TextField","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","icon","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","iconLabel","secondaryIconLabel","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconAriaLabel","secondaryIconAriaLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}

package/dist/src/components/TextField/TextField.module.scss.js

@@ -1,2 +0,0 @@
-var n={textField:"textField_bd44afb055",labelWrapper:"labelWrapper_501805f337",subTextContainer:"subTextContainer_a7feae0164",counter:"counter_72bafe57cc",disabled:"disabled_13be7c9999",icon:"icon_470095bda1",inputWrapper:"inputWrapper_470095bda1",input:"input_ed28cf0236",iconContainer:"iconContainer_b3b0601653",iconContainerHasIcon:"iconContainerHasIcon_d485fd3905",readOnly:"readOnly_825266e0fb",inputHover:"inputHover_d0dbb6dcbd",inputActive:"inputActive_103b102f69",inputHasIcon:"inputHasIcon_aaf6fd4225",round:"round_5e49274042",square:"square_c8f0cca410",onlyUnderline:"onlyUnderline_72eb0ddb59",tooltipContainer:"tooltipContainer_ff6561fd1c",wrapperSizeMedium:"wrapperSizeMedium_ec188173d1",wrapperSizeLarge:"wrapperSizeLarge_41bc4177ae",iconContainerActive:"iconContainerActive_eac5352139",iconContainerClickable:"iconContainerClickable_a3255e2bc0",inputErrorValidation:"inputErrorValidation_d485fd3905",subTextContainerStatus:"subTextContainerStatus_05fd9db261",inputSuccessValidation:"inputSuccessValidation_e3cd204e7e",wrapperSizeSmall:"wrapperSizeSmall_1ba629b9d6",inputWrapperSizeSmall:"inputWrapperSizeSmall_42d255504f",loaderContainer:"loaderContainer_47856ba748",loaderContainerHasIcon:"loaderContainerHasIcon_aba3226126",loader:"loader_e25a7339e0",loaderSvg:"loaderSvg_766d36b207"};!function(n){const e="s_id-c26ff539ba97_4_5_19";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_bd44afb055 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_bd44afb055 * {\n  box-sizing: border-box;\n}\n.textField_bd44afb055 .labelWrapper_501805f337 {\n  width: 100%;\n}\n.textField_bd44afb055 .subTextContainer_a7feae0164 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField_bd44afb055 .subTextContainer_a7feae0164 .counter_72bafe57cc {\n  margin-inline-start: auto;\n}\n.textField_bd44afb055.disabled_13be7c9999 .icon_470095bda1 {\n  cursor: not-allowed;\n}\n.textField_bd44afb055.disabled_13be7c9999 .inputWrapper_470095bda1 {\n  cursor: not-allowed;\n}\n.textField_bd44afb055.disabled_13be7c9999 .inputWrapper_470095bda1 .input_ed28cf0236 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_bd44afb055.disabled_13be7c9999 .inputWrapper_470095bda1 .input_ed28cf0236::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_bd44afb055.disabled_13be7c9999 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerHasIcon_d485fd3905:hover {\n  background-color: transparent;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 {\n  width: 100%;\n  position: relative;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.readOnly_825266e0fb {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.inputHover_d0dbb6dcbd {\n  border-color: var(--primary-text-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236:focus,\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236:active,\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.inputActive_103b102f69 {\n  border-color: var(--primary-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.inputHasIcon_aaf6fd4225 {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.round_5e49274042 {\n  border-radius: 50px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.square_c8f0cca410 {\n  border-radius: 0;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .input_ed28cf0236.onlyUnderline_72eb0ddb59 {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .tooltipContainer_ff6561fd1c {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .tooltipContainer_ff6561fd1c {\n  width: 40px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .tooltipContainer_ff6561fd1c {\n  width: 46px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerActive_eac5352139.iconContainerHasIcon_d485fd3905.iconContainerClickable_a3255e2bc0 {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerActive_eac5352139.iconContainerHasIcon_d485fd3905:not(.iconContainerClickable_a3255e2bc0) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerActive_eac5352139 {\n  opacity: 1;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerActive_eac5352139 .icon_470095bda1 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerHasIcon_d485fd3905.iconContainerClickable_a3255e2bc0:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653.iconContainerHasIcon_d485fd3905.iconContainerClickable_a3255e2bc0:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .iconContainer_b3b0601653 .icon_470095bda1 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905:hover .input_ed28cf0236 {\n  border-color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 .input_ed28cf0236 {\n  border-color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 .input_ed28cf0236:focus,\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 .input_ed28cf0236:active {\n  border-color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 .iconContainer_b3b0601653 .icon_470095bda1 {\n  color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 .iconContainer_b3b0601653 .icon_470095bda1:hover {\n  color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 + .subTextContainer_a7feae0164 .subTextContainerStatus_05fd9db261,\n.textField_bd44afb055 .inputWrapper_470095bda1.inputErrorValidation_d485fd3905 + .subTextContainer_a7feae0164 .counter_72bafe57cc {\n  color: var(--negative-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e:hover .input_ed28cf0236 {\n  border-color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e .input_ed28cf0236 {\n  border-color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e .input_ed28cf0236:focus,\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e .input_ed28cf0236:active {\n  border-color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e .iconContainer_b3b0601653 .icon_470095bda1 {\n  color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e .iconContainer_b3b0601653 .icon_470095bda1:hover {\n  color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputSuccessValidation_e3cd204e7e + .subTextContainer_a7feae0164 .subTextContainerStatus_05fd9db261 {\n  color: var(--positive-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeSmall_1ba629b9d6 {\n  height: 32px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeSmall_1ba629b9d6 .input_ed28cf0236 {\n  padding-inline-start: var(--space-8);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.inputWrapperSizeSmall_42d255504f .input_ed28cf0236.inputHasIcon_aaf6fd4225.onlyUnderline_72eb0ddb59 {\n  padding-inline-start: var(--space-4);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 {\n  height: 40px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .input_ed28cf0236 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .input_ed28cf0236.inputHasIcon_aaf6fd4225 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .input_ed28cf0236.inputHasIcon_aaf6fd4225.onlyUnderline_72eb0ddb59 {\n  padding-inline-start: 4px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .iconContainer_b3b0601653 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .iconContainer_b3b0601653:hover + .iconContainer_b3b0601653 + .input_ed28cf0236 {\n  border-color: var(--primary-text-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae {\n  height: 48px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .input_ed28cf0236 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .input_ed28cf0236.inputHasIcon_aaf6fd4225 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .input_ed28cf0236.inputHasIcon_aaf6fd4225.onlyUnderline_72eb0ddb59 {\n  padding-inline-start: var(--space-4);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .iconContainer_b3b0601653 {\n  height: 40px;\n  width: 40px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1:hover .input_ed28cf0236 {\n  border-color: var(--primary-text-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .loaderContainer_47856ba748 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .loaderContainer_47856ba748.loaderContainerHasIcon_aba3226126 {\n  inset-inline-end: 32px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .loaderContainer_47856ba748 .loader_e25a7339e0 {\n  width: 16px;\n  height: 16px;\n}\n.textField_bd44afb055 .inputWrapper_470095bda1 .loaderContainer_47856ba748 .loader_e25a7339e0 .loaderSvg_766d36b207 {\n  color: var(--secondary-text-color);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeMedium_ec188173d1 .iconContainer_b3b0601653 .icon_470095bda1 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_bd44afb055 .inputWrapper_470095bda1.wrapperSizeLarge_41bc4177ae .iconContainer_b3b0601653 .icon_470095bda1 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
-//# sourceMappingURL=TextField.module.scss.js.map

package/dist/src/components/TextField/TextField.module.scss.js.map

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

package/dist/src/components/TextField/TextFieldConstants.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{BASE_SIZES as e}from"../../constants/sizes.js";import i from"./TextField.module.scss.js";var t;!function(r){r.CHAR="Input char count",r.VALIDATION_TEXT="Additional helper text"}(t||(t={}));var o={error:i.inputErrorValidation,success:i.inputSuccessValidation},a=r(r(r({},e.SMALL,i.wrapperSizeSmall),e.MEDIUM,i.wrapperSizeMedium),e.LARGE,i.wrapperSizeLarge);export{o as FEEDBACK_CLASSES,a as SIZE_MAPPER,t as TextFieldAriaLabel};
-//# sourceMappingURL=TextFieldConstants.js.map

package/dist/src/components/TextField/TextFieldConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldConstants.js","sources":["../../../../src/components/TextField/TextFieldConstants.ts"],"sourcesContent":["import { BASE_SIZES } from \"../../constants\";\nimport styles from \"./TextField.module.scss\";\n\nexport enum TextFieldAriaLabel {\n  CHAR = \"Input char count\",\n  VALIDATION_TEXT = \"Additional helper text\"\n}\n\nconst OLD_TEXT_FIELD_SIZES = {\n  s: BASE_SIZES.SMALL,\n  md: BASE_SIZES.MEDIUM,\n  l: BASE_SIZES.LARGE\n};\n\nexport type TextFieldSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES] | keyof typeof OLD_TEXT_FIELD_SIZES;\n\nexport const FEEDBACK_CLASSES = {\n  error: styles.inputErrorValidation,\n  success: styles.inputSuccessValidation\n};\n\nexport const SIZE_MAPPER = {\n  [BASE_SIZES.SMALL]: styles.wrapperSizeSmall,\n  [BASE_SIZES.MEDIUM]: styles.wrapperSizeMedium,\n  [BASE_SIZES.LARGE]: styles.wrapperSizeLarge\n};\n"],"names":["TextFieldAriaLabel","FEEDBACK_CLASSES","error","styles","inputErrorValidation","success","inputSuccessValidation","SIZE_MAPPER","_defineProperty","BASE_SIZES","SMALL","wrapperSizeSmall","MEDIUM","wrapperSizeMedium","LARGE","wrapperSizeLarge"],"mappings":"oLAGYA,GAAZ,SAAYA,GACVA,EAAA,KAAA,mBACAA,EAAA,gBAAA,wBACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAUM,IAAMC,EAAmB,CAC9BC,MAAOC,EAAOC,qBACdC,QAASF,EAAOG,wBAGLC,EAAWC,EAAAA,EAAAA,EAAA,CAAA,EACrBC,EAAWC,MAAQP,EAAOQ,kBAC1BF,EAAWG,OAAST,EAAOU,mBAC3BJ,EAAWK,MAAQX,EAAOY"}

package/dist/src/components/Toast/Toast.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"es-toolkit";import{getTestId as n,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import d from"./ToastLink/ToastLink.js";import p from"./ToastButton/ToastButton.js";import{getIcon as f}from"./ToastHelpers.js";import v from"./Toast.module.scss.js";import T from"../../../hooks/dist/usePrevious/index.js";import y from"../../../components/typography/dist/Text/Text.js";import h from"../../../components/layout/dist/Flex/Flex.js";import j from"../../../components/loader/dist/Loader/Loader.js";import g from"../../../components/icon-button/dist/IconButton/IconButton.js";import x from"../../../icons/dist/react/CloseSmall.js";import{getStyle as E}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as N}from"../../../shared/dist/utils/function-utils.js";var b=function(b){var k=b.open,B=void 0!==k&&k,C=b.loading,O=void 0!==C&&C,A=b.autoHideDuration,L=void 0===A?null:A,_=b.type,w=void 0===_?"normal":_,S=b.icon,H=b.hideIcon,I=void 0!==H&&H,P=b.action,z=b.actions,F=b.children,D=b.closeable,M=void 0===D||D,R=b.onClose,U=void 0===R?N:R,q=b.className,G=b.id,J=b.closeButtonAriaLabel,K=void 0===J?"Close":J,Q=b["data-testid"],V=a(null),W=a(null),X=T(null==z?void 0:z.length),Y=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(d,Object.assign({key:o.href,className:v.actionLink},o))})):null}),[z]),Z=l((function(){return void 0!==X&&(null==z?void 0:z.length)!==X}),[z,X]),$=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,n){var i=o.content,a=e(o,["type","content"]);return s.createElement(p,Object.assign({key:"alert-button-".concat(n),className:r(v.actionButton,t({},v.withTransition,Z))},a),i)})):null}),[z,Z]),tt=l((function(){return r(v.toast,E(v,o("type-"+w)),q)}),[w,q]),et=c((function(){U&&U()}),[U]),ot=a(),nt=c((function(t){U&&null!=t&&(clearTimeout(ot.current),ot.current=setTimeout((function(){et()}),t))}),[et,U]);m((function(){return B&&L>0&&nt(L),function(){clearTimeout(ot.current)}}),[B,L,nt]);var it=!I&&f(w,S),rt=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&rt(V.current)}),[F,rt]),s.createElement(u,{in:B,nodeRef:W,classNames:{enterActive:v.enterActive,exitActive:v.exitActive},timeout:400,unmountOnExit:!0},s.createElement(y,{ref:W,id:G,"data-testid":Q||n(i.TOAST,G),type:"text2",element:"div",color:"fixedLight",className:tt,role:"alert","aria-live":"polite"},it&&s.createElement("div",{className:r(v.icon)},it),s.createElement(h,{align:"center",gap:"large",className:v.content},s.createElement(h,{gap:"medium","data-testid":n(i.TOAST_CONTENT),className:v.textContent},s.createElement("span",null,F),Y),($||P)&&($||P),O&&s.createElement(j,{size:"xs"})),M&&s.createElement(g,{className:r(v.closeButton),onClick:et,size:"small",kind:"tertiary",color:"fixed-light","aria-label":K,"data-testid":n(i.TOAST_CLOSE_BUTTON),icon:x,hideTooltip:!0})))};export{b as default};
-//# sourceMappingURL=Toast.js.map

package/dist/src/components/Toast/Toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type IconSubComponentProps } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { Loader } from \"@vibe/loader\";\nimport { Flex } from \"@vibe/layout\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { type ToastType, type ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toast.module.scss\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { usePrevious } from \"@vibe/hooks\";\n\nexport interface ToastProps extends VibeComponentProps {\n  /**\n   * The actions available in the toast.\n   */\n  actions?: ToastAction[];\n  /**\n   * If true, the toast is open (visible).\n   */\n  open?: boolean;\n  /**\n   * If true, displays a loading indicator inside the toast.\n   */\n  loading?: boolean;\n  /**\n   * The type of toast.\n   */\n  type?: ToastType;\n  /**\n   * The icon displayed in the toast.\n   */\n  icon?: string | React.FC<IconSubComponentProps> | null;\n  /**\n   * If true, hides the toast icon.\n   */\n  hideIcon?: boolean;\n  /**\n   * The action element displayed in the toast.\n   */\n  action?: JSX.Element;\n  /**\n   * If false, hides the close button.\n   */\n  closeable?: boolean;\n  /**\n   * Callback fired when the toast is closed.\n   */\n  onClose?: () => void;\n  /**\n   * The number of milliseconds before the toast automatically closes.\n   * (0 or null disables auto-close behavior).\n   */\n  autoHideDuration?: number;\n  /**\n   * The content displayed inside the toast.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The aria-label for the close button.\n   */\n  closeButtonAriaLabel?: string;\n}\n\nconst Toast = ({\n  open = false,\n  loading = false,\n  autoHideDuration = null,\n  type = \"normal\",\n  icon,\n  hideIcon = false,\n  action: deprecatedAction,\n  actions,\n  children,\n  closeable = true,\n  onClose = NOOP,\n  className,\n  id,\n  closeButtonAriaLabel = \"Close\",\n  \"data-testid\": dataTestId\n}: ToastProps) => {\n  const ref = useRef(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const prevActions = usePrevious(actions?.length);\n  const toastLinks = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"link\")\n          .map(({ type: _type, ...otherProps }) => (\n            <ToastLink key={otherProps.href} className={styles.actionLink} {...otherProps} />\n          ))\n      : null;\n  }, [actions]);\n\n  const shouldShowButtonTransition = useMemo(() => {\n    return prevActions !== undefined && actions?.length !== prevActions;\n  }, [actions, prevActions]);\n\n  const toastButtons: JSX.Element[] | null = useMemo(() => {\n    return actions\n      ? actions\n          .filter(action => action.type === \"button\")\n          .map(({ type: _type, content, ...otherProps }, index) => (\n            <ToastButton\n              key={`alert-button-${index}`}\n              className={cx(styles.actionButton, { [styles.withTransition]: shouldShowButtonTransition })}\n              {...otherProps}\n            >\n              {content}\n            </ToastButton>\n          ))\n      : null;\n  }, [actions, shouldShowButtonTransition]);\n\n  const classNames = useMemo(\n    () => cx(styles.toast, getStyle(styles, camelCase(\"type-\" + type)), className),\n    [type, className]\n  );\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose();\n    }\n  }, [onClose]);\n\n  /* Timer */\n  const timerAutoHide = useRef<NodeJS.Timeout>();\n  const setAutoHideTimer = useCallback(\n    (duration: number) => {\n      if (!onClose || duration == null) {\n        return;\n      }\n\n      clearTimeout(timerAutoHide.current);\n      timerAutoHide.current = setTimeout(() => {\n        handleClose();\n      }, duration);\n    },\n    [handleClose, onClose]\n  );\n\n  useEffect(() => {\n    if (open && autoHideDuration > 0) {\n      setAutoHideTimer(autoHideDuration);\n    }\n\n    return () => {\n      clearTimeout(timerAutoHide.current);\n    };\n  }, [open, autoHideDuration, setAutoHideTimer]);\n\n  const iconElement = !hideIcon && getIcon(type, icon);\n\n  // https://n12v.com/css-transition-to-from-auto/\n  const recalculateElementWidth = useCallback((element: HTMLElement) => {\n    const prevWidth = element.style.width;\n    element.style.width = \"auto\";\n    const endWidth = getComputedStyle(element).width;\n    element.style.width = prevWidth;\n    element.offsetWidth; // force repaint\n    element.style.width = endWidth;\n  }, []);\n\n  useEffect(() => {\n    if (ref.current) {\n      recalculateElementWidth(ref.current);\n    }\n  }, [children, recalculateElementWidth]);\n\n  return (\n    <CSSTransition\n      in={open}\n      nodeRef={nodeRef}\n      classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n      timeout={400}\n      unmountOnExit\n    >\n      <Text\n        ref={nodeRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST, id)}\n        type=\"text2\"\n        element=\"div\"\n        color=\"fixedLight\"\n        className={classNames}\n        role=\"alert\"\n        aria-live=\"polite\"\n      >\n        {iconElement && <div className={cx(styles.icon)}>{iconElement}</div>}\n        <Flex align=\"center\" gap=\"large\" className={styles.content}>\n          <Flex\n            gap=\"medium\"\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CONTENT)}\n            className={styles.textContent}\n          >\n            <span>{children}</span>\n            {toastLinks}\n          </Flex>\n          {(toastButtons || deprecatedAction) && (toastButtons || deprecatedAction)}\n          {loading && <Loader size=\"xs\" />}\n        </Flex>\n        {closeable && (\n          <IconButton\n            className={cx(styles.closeButton)}\n            onClick={handleClose}\n            size=\"small\"\n            kind=\"tertiary\"\n            color=\"fixed-light\"\n            aria-label={closeButtonAriaLabel}\n            data-testid={getTestId(ComponentDefaultTestId.TOAST_CLOSE_BUTTON)}\n            icon={CloseSmall}\n            hideTooltip\n          />\n        )}\n      </Text>\n    </CSSTransition>\n  );\n};\n\nexport default Toast;\n"],"names":["Toast","_ref","_ref$open","open","_ref$loading","loading","_ref$autoHideDuration","autoHideDuration","_ref$type","type","icon","_ref$hideIcon","hideIcon","deprecatedAction","action","actions","children","_ref$closeable","closeable","_ref$onClose","onClose","NOOP","className","id","_ref$closeButtonAriaL","closeButtonAriaLabel","dataTestId","ref","useRef","nodeRef","prevActions","usePrevious","length","toastLinks","useMemo","filter","map","_a","otherProps","__rest","React","createElement","ToastLink","key","href","styles","actionLink","shouldShowButtonTransition","undefined","toastButtons","index","content","ToastButton","Object","assign","concat","cx","actionButton","_defineProperty","withTransition","classNames","toast","getStyle","camelCase","handleClose","useCallback","timerAutoHide","setAutoHideTimer","duration","clearTimeout","current","setTimeout","useEffect","iconElement","getIcon","recalculateElementWidth","element","prevWidth","style","width","endWidth","getComputedStyle","CSSTransition","in","enterActive","exitActive","timeout","unmountOnExit","Text","getTestId","ComponentDefaultTestId","TOAST","color","role","Flex","align","gap","TOAST_CONTENT","textContent","Loader","size","IconButton","closeButton","onClick","kind","TOAST_CLOSE_BUTTON","CloseSmall","hideTooltip"],"mappings":"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"}

package/dist/src/components/Toast/Toast.module.scss.js

@@ -1,2 +0,0 @@
-var n={toast:"toast_1dca9a0177",typeNormal:"typeNormal_c64ccbec9e",typePositive:"typePositive_2b669e3ca3",typeNegative:"typeNegative_ede081809f",typeWarning:"typeWarning_132bc5fac4",closeButton:"closeButton_9fd34d7ec3",actionButton:"actionButton_d3a2345b3f",actionLink:"actionLink_bb3a096904",typeDark:"typeDark_00f6828372",icon:"icon_3b42f36a8e",withTransition:"withTransition_de8b77b3a8",bounceIn:"bounceIn_0b72e8fa1a",content:"content_96d89af50a",textContent:"textContent_5d3cf4a01b",enterActive:"enterActive_af303aba42",slideIn:"slideIn_c0b823e40b",exitActive:"exitActive_1df70687a9",slideOut:"slideOut_f4d84df27c"};!function(n){const a="s_id-da2ee7919891_4_5_19";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".toast_1dca9a0177 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--space-16);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-inline: auto;\n  padding: var(--space-8);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_1dca9a0177.typeNormal_c64ccbec9e {\n  background-color: var(--primary-color);\n}\n.toast_1dca9a0177.typePositive_2b669e3ca3 {\n  background-color: var(--positive-color);\n}\n.toast_1dca9a0177.typeNegative_ede081809f {\n  background-color: var(--negative-color);\n}\n.toast_1dca9a0177.typeWarning_132bc5fac4 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_1dca9a0177.typeWarning_132bc5fac4 .closeButton_9fd34d7ec3 {\n  color: var(--fixed-dark-color);\n}\n.toast_1dca9a0177.typeWarning_132bc5fac4 .actionButton_d3a2345b3f,\n.toast_1dca9a0177.typeWarning_132bc5fac4 .actionLink_bb3a096904 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_1dca9a0177.typeDark_00f6828372 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_1dca9a0177.typeDark_00f6828372 .closeButton_9fd34d7ec3 {\n  color: var(--text-color-on-inverted);\n}\n.toast_1dca9a0177.typeDark_00f6828372 .actionButton_d3a2345b3f,\n.toast_1dca9a0177.typeDark_00f6828372 .actionLink_bb3a096904 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_3b42f36a8e {\n  display: flex;\n  margin-inline-start: var(--space-8);\n}\n.actionButton_d3a2345b3f.withTransition_de8b77b3a8 {\n  opacity: 0;\n  animation: bounceIn_0b72e8fa1a 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_96d89af50a {\n  margin: 0 var(--space-8);\n  flex: 1;\n}\n.textContent_5d3cf4a01b {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_af303aba42 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_c0b823e40b;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_1df70687a9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_f4d84df27c;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_9fd34d7ec3 {\n  margin-inline-start: var(--space-8);\n}\n@keyframes slideIn_c0b823e40b {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_f4d84df27c {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_0b72e8fa1a {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
-//# sourceMappingURL=Toast.module.scss.js.map

package/dist/src/components/Toast/Toast.module.scss.js.map

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

package/dist/src/components/Toast/ToastButton/ToastButton.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"react";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{getTestId as e}from"../../../tests/testIds.js";import i from"../../../../components/button/dist/Button/Button.js";var o=function(o){var r=o.className,m=o.id,d=o["data-testid"],n=t(o,["className","id","data-testid"]);return s.createElement(i,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||e(a.TOAST_BUTTON,m),className:r,size:"small",color:"fixed-light"}))};export{o as default};
-//# sourceMappingURL=ToastButton.js.map

package/dist/src/components/Toast/ToastButton/ToastButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n  className,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: ToastButtonProps) => {\n  return (\n    <Button\n      {...buttonProps}\n      id={id}\n      kind=\"secondary\"\n      marginLeft={false}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n      className={className}\n      size=\"small\"\n      color=\"fixed-light\"\n    />\n  );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"2QAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAACC,cAAAC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}

package/dist/src/components/Toast/ToastConstants.js

@@ -1,2 +0,0 @@
-import r from"../../../icons/dist/react/Info.js";import i from"../../../icons/dist/react/Check.js";import o from"../../../icons/dist/react/Alert.js";import t from"../../../icons/dist/react/Warning.js";var s={normal:r,positive:i,negative:o,warning:t,dark:r};export{s as defaultIconMap};
-//# sourceMappingURL=ToastConstants.js.map

package/dist/src/components/Toast/ToastConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastConstants.js","sources":["../../../../src/components/Toast/ToastConstants.ts"],"sourcesContent":["import { Info, Check, Alert, Warning } from \"@vibe/icons\";\n\nexport const defaultIconMap = {\n  normal: Info,\n  positive: Check,\n  negative: Alert,\n  warning: Warning,\n  dark: Info\n};\n"],"names":["defaultIconMap","normal","Info","positive","Check","negative","Alert","warning","Warning","dark"],"mappings":"yMAEO,IAAMA,EAAiB,CAC5BC,OAAQC,EACRC,SAAUC,EACVC,SAAUC,EACVC,QAASC,EACTC,KAAMP"}

package/dist/src/components/Toast/ToastHelpers.js

@@ -1,2 +0,0 @@
-import{typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import{defaultIconMap as r}from"./ToastConstants.js";import e from"../../../components/icon/dist/Icon/Icon.js";var n=function(n,s){return s&&"object"===o(s)?s:s||r[n]?t.createElement(e,{type:s?"font":"svg",icon:s||r[n],size:20,ignoreFocusStyle:!0}):null};export{n as getIcon};
-//# sourceMappingURL=ToastHelpers.js.map

package/dist/src/components/Toast/ToastHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastHelpers.js","sources":["../../../../src/components/Toast/ToastHelpers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconSubComponentProps } from \"@vibe/icon\";\nimport { defaultIconMap } from \"./ToastConstants\";\nimport { type ToastType } from \"./Toast.types\";\n\nexport const getIcon = (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => {\n  /* icon may be node a may be a string */\n  if (icon && typeof icon === \"object\") {\n    return icon;\n  }\n  return icon || defaultIconMap[type] ? (\n    <Icon type={icon ? \"font\" : \"svg\"} icon={icon || defaultIconMap[type]} size={20} ignoreFocusStyle />\n  ) : null;\n};\n"],"names":["getIcon","type","icon","_typeof","defaultIconMap","React","Icon","size","ignoreFocusStyle"],"mappings":"4MAKO,IAAMA,EAAU,SAACC,EAAiBC,GAEvC,OAAIA,GAAwB,WAAhBC,EAAOD,GACVA,EAEFA,GAAQE,EAAeH,GAC5BI,gBAACC,EAAI,CAACL,KAAMC,EAAO,OAAS,MAAOA,KAAMA,GAAQE,EAAeH,GAAOM,KAAM,GAAIC,kBAAgB,IAC/F,IACN"}

package/dist/src/components/Toast/ToastLink/ToastLink.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i from"classnames";import e from"react";import r from"./ToastLink.module.scss.js";import m from"../../../../components/link/dist/Link/Link.js";var o=function(o){var n=o.className,d=o.id,c=o["data-testid"],l=t(o,["className","id","data-testid"]),f=i(r.actionLink,n);return e.createElement(m,Object.assign({},l,{className:f,id:d,"data-testid":c||s(a.TOAST_LINK,d)}))};export{o as default};
-//# sourceMappingURL=ToastLink.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastLink.js","sources":["../../../../../src/components/Toast/ToastLink/ToastLink.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./ToastLink.module.scss\";\n\nexport type ToastLinkProps = LinkProps;\n\nconst ToastLink: FC<ToastLinkProps> = ({ className, id, \"data-testid\": dataTestId, ...linkProps }) => {\n  const classNames = cx(styles.actionLink, className);\n  return (\n    <Link\n      {...linkProps}\n      className={classNames}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_LINK, id)}\n    />\n  );\n};\n\nexport default ToastLink;\n"],"names":["ToastLink","_a","className","id","dataTestId","linkProps","__rest","classNames","cx","styles","actionLink","React","createElement","Link","Object","assign","getTestId","ComponentDefaultTestId","TOAST_LINK"],"mappings":"gSASA,IAAMA,EAAgC,SAACC,GAAA,IAAEC,EAAwCD,EAAxCC,UAAWC,EAA6BF,EAA7BE,GAAmBC,EAAUH,EAAzB,eAA8BI,EAA/CC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAC/BM,EAAaC,EAAGC,EAAOC,WAAYR,GACzC,OACES,EAACC,cAAAC,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAH,UAAWK,EACXJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,WAAYf,KAG9E"}

package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js

@@ -1,2 +0,0 @@
-var e={actionLink:"actionLink_ca36e5b7b1"};!function(e){const t="s_id-a224471727c9_4_5_19";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actionLink_ca36e5b7b1 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_ca36e5b7b1:hover {\n  color: inherit;\n}");export{e as default};
-//# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js.map

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

package/dist/src/hooks/useDebounceEvent/index.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useRef as e,useEffect as a,useMemo as n,useCallback as u}from"react";import{noop as i,debounce as o}from"es-toolkit";function l(l){var c=l.delay,f=void 0===c?0:c,m=l.onChange,p=l.initialStateValue,v=void 0===p?"":p,d=l.trim,s=t(v),g=r(s,2),V=g[0],h=g[1],y=e(null);a((function(){y.current=v}));var C=n((function(){return f?m?o(m,f):i:m}),[m,f]),_=u((function(r){var t=r.target.value,e=d?t.trim():t;h(e),C(e)}),[C,h,d]),b=u((function(){h(""),m&&m("")}),[h,m]);return v!==y.current&&v!==V&&h(v),{inputValue:V,onEventChanged:_,clearValue:b,updateValue:h}}export{l as default};
-//# sourceMappingURL=index.js.map

package/dist/src/hooks/useDebounceEvent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/hooks/useDebounceEvent/index.ts"],"sourcesContent":["import {\n  useMemo,\n  useCallback,\n  useState,\n  useRef,\n  useEffect,\n  type ChangeEvent,\n  type Dispatch,\n  type SetStateAction\n} from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { noop } from \"es-toolkit\";\n\nexport type UseDebounceResult = {\n  inputValue: string;\n  onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;\n  clearValue: () => void;\n  updateValue: Dispatch<SetStateAction<string>>;\n};\n\nexport default function useDebounceEvent({\n  delay = 0,\n  onChange,\n  initialStateValue = \"\",\n  trim\n}: {\n  onChange: (value: string) => void;\n  initialStateValue?: string;\n  delay?: number;\n  trim?: boolean;\n}) {\n  const [inputValue, setValue] = useState<string>(initialStateValue);\n  const previousValue = useRef<string>(null);\n\n  useEffect(() => {\n    previousValue.current = initialStateValue;\n  });\n\n  const debounceCallback = useMemo(() => {\n    if (!delay) {\n      return onChange;\n    }\n\n    if (!onChange) {\n      return noop;\n    }\n\n    return debounce(onChange, delay);\n  }, [onChange, delay]);\n\n  const onEventChanged = useCallback(\n    (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => {\n      const { value } = event.target;\n      const finalValue = trim ? value.trim() : value;\n      setValue(finalValue);\n      debounceCallback(finalValue);\n    },\n    [debounceCallback, setValue, trim]\n  );\n\n  const clearValue = useCallback(() => {\n    setValue(\"\");\n    if (onChange) {\n      onChange(\"\");\n    }\n  }, [setValue, onChange]);\n\n  if (initialStateValue !== previousValue.current && initialStateValue !== inputValue) {\n    setValue(initialStateValue);\n  }\n\n  return { inputValue, onEventChanged, clearValue, updateValue: setValue };\n}\n"],"names":["useDebounceEvent","_ref","_ref$delay","delay","onChange","_ref$initialStateValu","initialStateValue","trim","_useState","useState","_useState2","_slicedToArray","inputValue","setValue","previousValue","useRef","useEffect","current","debounceCallback","useMemo","debounce","noop","onEventChanged","useCallback","event","value","target","finalValue","clearValue","updateValue"],"mappings":"yNAoBc,SAAUA,EAAgBC,GAUvC,IAAAC,EAAAD,EATCE,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EACTE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,kBAAAA,OAAoB,IAAHD,EAAG,GAAEA,EACtBE,EAAIN,EAAJM,KAOAC,EAA+BC,EAAiBH,GAAkBI,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAQH,EAAA,GACrBI,EAAgBC,EAAe,MAErCC,GAAU,WACRF,EAAcG,QAAUX,CAC1B,IAEA,IAAMY,EAAmBC,GAAQ,WAC/B,OAAKhB,EAIAC,EAIEgB,EAAShB,EAAUD,GAHjBkB,EAJAjB,CAQX,GAAG,CAACA,EAAUD,IAERmB,EAAiBC,GACrB,SAACC,GACC,IAAQC,EAAUD,EAAME,OAAhBD,MACFE,EAAapB,EAAOkB,EAAMlB,OAASkB,EACzCZ,EAASc,GACTT,EAAiBS,EAClB,GACD,CAACT,EAAkBL,EAAUN,IAGzBqB,EAAaL,GAAY,WAC7BV,EAAS,IACLT,GACFA,EAAS,GAEb,GAAG,CAACS,EAAUT,IAMd,OAJIE,IAAsBQ,EAAcG,SAAWX,IAAsBM,GACvEC,EAASP,GAGJ,CAAEM,WAAAA,EAAYU,eAAAA,EAAgBM,WAAAA,EAAYC,YAAahB,EAChE"}

package/dist/types/FormElement.d.ts

@@ -1,40 +0,0 @@
-/**
- * Props for form fields, including label, info text, and ID requirements for accessibility.
- * Using this type for a component's props will enforce that if a `label` or `infoText` is provided, an `id` must also be provided.
- * This is important for accessibility, to link the input with its label and description.
- * If there's a need, you can extend this type to add more shapes or conditions inside your form component types file.
- */
-export type FormElementProps = {
-    /**
-     * The label for the input.
-     */
-    label: string;
-    /**
-     * The id of the input.
-     * Required when `label` or `infoText` is provided for accessibility reasons.
-     */
-    id: string;
-    /**
-     * Informational text to display below the input.
-     */
-    infoText?: string;
-} | {
-    label?: never;
-    /**
-     * Informational text to display below the input.
-     * If provided, an `id` is also required for accessibility.
-     */
-    infoText: string;
-    /**
-     * The id of the input.
-     * Required when `infoText` or `label` is provided for accessibility reasons.
-     */
-    id: string;
-} | {
-    label?: never;
-    infoText?: never;
-    /**
-     * The id of the input.
-     */
-    id?: string;
-};