@hitachivantara/uikit-react-core 5.24.1 → 5.24.2

package/dist/esm/components/TextArea/TextArea.js

@@ -1,4 +1,3 @@
-import { clsx } from "clsx";
 import { forwardRef, useRef, useState, useMemo, useCallback, useEffect } from "react";
 import { useForkRef } from "@mui/material";
 import isNil from "lodash/isNil";
@@ -8,14 +7,20 @@ import { useControlled } from "../../hooks/useControlled.js";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import validationState, { isInvalid } from "../Forms/FormElement/validationStates.js";
 import { DEFAULT_ERROR_MESSAGES, validateInput, validationTypes, computeValidationState, computeValidationMessage, hasBuiltInValidations } from "../BaseInput/validations.js";
-import { StyledFormElement, StyledLabelContainer, StyledLabel, StyledInfoMessage, StyledCharCounter, StyledBaseInput, StyledWarningText } from "./TextArea.styles.js";
-import textAreaClasses from "./textAreaClasses.js";
+import { useClasses } from "./TextArea.styles.js";
+import { staticClasses } from "./TextArea.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvCharCounter } from "../Forms/CharCounter/CharCounter.js";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvLabel } from "../Forms/Label/Label.js";
+import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
+import { HvBaseInput } from "../BaseInput/BaseInput.js";
+import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 const HvTextArea = forwardRef((props, ref) => {
   const {
     id,
     className,
-    classes,
+    classes: classesProp,
     name,
     label,
     description,
@@ -50,6 +55,10 @@ const HvTextArea = forwardRef((props, ref) => {
     onFocus,
     ...others
   } = useDefaultProps("HvTextArea", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const elementId = useUniqueId(id, "hvtextarea");
   const isDirty = useRef(false);
   const inputRef = useRef(null);
@@ -145,40 +154,43 @@ const HvTextArea = forwardRef((props, ref) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxs(StyledFormElement, {
+  return /* @__PURE__ */ jsxs(HvFormElement, {
     id,
     name,
     status: validationState$1,
     disabled,
     required,
     readOnly,
-    className: clsx(textAreaClasses.root, classes == null ? void 0 : classes.root, className, resizable && clsx(textAreaClasses.resizable, classes == null ? void 0 : classes.resizable), disabled && clsx(textAreaClasses.disabled, classes == null ? void 0 : classes.disabled), isStateInvalid && clsx(textAreaClasses.invalid, classes == null ? void 0 : classes.invalid)),
-    $resizable: resizable,
+    className: cx(classes.root, {
+      [classes.resizable]: resizable,
+      [classes.disabled]: disabled,
+      [classes.invalid]: isStateInvalid
+    }, className),
     onBlur: onContainerBlurHandler,
-    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxs(StyledLabelContainer, {
-      className: clsx(textAreaClasses.labelContainer, classes == null ? void 0 : classes.labelContainer),
-      children: [hasLabel && /* @__PURE__ */ jsx(StyledLabel, {
-        className: clsx(textAreaClasses.label, classes == null ? void 0 : classes.label),
+    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxs("div", {
+      className: classes.labelContainer,
+      children: [hasLabel && /* @__PURE__ */ jsx(HvLabel, {
+        className: classes.label,
         id: setId(id, "label"),
         htmlFor: setId(elementId, "input"),
         label
-      }), hasDescription && /* @__PURE__ */ jsx(StyledInfoMessage, {
-        className: clsx(textAreaClasses.description, classes == null ? void 0 : classes.description),
+      }), hasDescription && /* @__PURE__ */ jsx(HvInfoMessage, {
+        className: classes.description,
         id: setId(elementId, "description"),
         children: description
       })]
-    }), hasCounter && /* @__PURE__ */ jsx(StyledCharCounter, {
+    }), hasCounter && /* @__PURE__ */ jsx(HvCharCounter, {
       id: setId(elementId, "charCounter"),
-      className: clsx(textAreaClasses.characterCounter, classes == null ? void 0 : classes.characterCounter),
+      className: classes.characterCounter,
       separator: middleCountLabel,
       currentCharQuantity: value.length,
       maxCharQuantity,
       ...countCharProps
-    }), /* @__PURE__ */ jsx(StyledBaseInput, {
+    }), /* @__PURE__ */ jsx(HvBaseInput, {
       classes: {
-        root: clsx(textAreaClasses.baseInput, classes == null ? void 0 : classes.baseInput),
-        input: clsx(textAreaClasses.input, classes == null ? void 0 : classes.input),
-        inputResizable: clsx(textAreaClasses.inputResizable, classes == null ? void 0 : classes.inputResizable)
+        root: classes.baseInput,
+        input: classes.input,
+        inputResizable: classes.inputResizable
       },
       id: hasLabel ? setId(elementId, "input") : setId(id, "input"),
       name,
@@ -204,17 +216,17 @@ const HvTextArea = forwardRef((props, ref) => {
         ...inputProps
       },
       inputRef: forkedRef,
-      $resizable: resizable,
       ...others
-    }), canShowError && /* @__PURE__ */ jsx(StyledWarningText, {
+    }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
       id: setId(elementId, "error"),
-      className: clsx(textAreaClasses.error, classes == null ? void 0 : classes.error),
+      className: classes.error,
       disableBorder: true,
       children: validationMessage
     })]
   });
 });
 export {
-  HvTextArea
+  HvTextArea,
+  staticClasses as textAreaClasses
 };
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport {\n  useCallback,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  forwardRef,\n} from \"react\";\n\nimport { useForkRef } from \"@mui/material\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport validationStates, {\n  isInvalid,\n} from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvValidationMessages } from \"@core/types/forms\";\nimport {\n  computeValidationMessage,\n  computeValidationState,\n  DEFAULT_ERROR_MESSAGES,\n  hasBuiltInValidations,\n  HvInputValidity,\n  validateInput,\n  validationTypes,\n} from \"@core/components/BaseInput/validations\";\nimport { HvBaseInputProps } from \"@core/components/BaseInput\";\nimport { HvCharCounterProps, HvFormStatus } from \"@core/components/Forms\";\n\nimport {\n  StyledBaseInput,\n  StyledCharCounter,\n  StyledFormElement,\n  StyledInfoMessage,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledWarningText,\n} from \"./TextArea.styles\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport interface HvTextAreaProps\n  extends Omit<\n    HvBaseInputProps,\n    \"onChange\" | \"onBlur\" | \"rows\" | \"classes\" | \"onFocus\"\n  > {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel?: string;\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages?: HvValidationMessages;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity?: number;\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity?: number;\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus?: boolean;\n  /**\n   * The number of rows of the text area\n   */\n  rows?: number;\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable?: boolean;\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll?: boolean;\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax?: boolean;\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter?: boolean;\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps?: Partial<HvCharCounterProps>;\n  /**\n   * Called back when the value is changed.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * Called back when the value is changed.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvTextAreaClasses;\n}\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nexport const HvTextArea = forwardRef<any, HvTextAreaProps>((props, ref) => {\n  const {\n    id,\n    className,\n    classes,\n    name,\n    label,\n    description,\n    placeholder,\n    status,\n    statusMessage,\n    validationMessages,\n    maxCharQuantity,\n    minCharQuantity,\n    value: valueProp,\n    inputRef: inputRefProp,\n    rows = 1,\n    defaultValue = \"\",\n    middleCountLabel = \"/\",\n    countCharProps = {},\n    inputProps = {},\n    required = false,\n    readOnly = false,\n    disabled = false,\n    autoFocus = false,\n    resizable = false,\n    autoScroll = false,\n    hideCounter = false,\n    blockMax = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    validation,\n    onChange,\n    onBlur,\n    onFocus,\n    ...others\n  } = useDefaultProps(\"HvTextArea\", props);\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef<boolean>(false);\n\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const forkedRef = useForkRef(ref, inputRefProp, inputRef);\n\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n  // Dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [validationMessages]\n  );\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue)\n      ? currentValue\n      : currentValue.substring(0, maxCharQuantity);\n  };\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // Set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // Reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current?.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // Run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // If blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null)\n            ? maxCharQuantity\n            : null,\n          validation,\n          inputProps\n        )));\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        textAreaClasses.root,\n        classes?.root,\n        className,\n        resizable && clsx(textAreaClasses.resizable, classes?.resizable),\n        disabled && clsx(textAreaClasses.disabled, classes?.disabled),\n        isStateInvalid && clsx(textAreaClasses.invalid, classes?.invalid)\n      )}\n      $resizable={resizable}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            textAreaClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              className={clsx(textAreaClasses.label, classes?.label)}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <StyledInfoMessage\n              className={clsx(\n                textAreaClasses.description,\n                classes?.description\n              )}\n              id={setId(elementId, \"description\")}\n            >\n              {description}\n            </StyledInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n\n      {hasCounter && (\n        <StyledCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={clsx(\n            textAreaClasses.characterCounter,\n            classes?.characterCounter\n          )}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <StyledBaseInput\n        classes={{\n          root: clsx(textAreaClasses.baseInput, classes?.baseInput),\n          input: clsx(textAreaClasses.input, classes?.input),\n          inputResizable: clsx(\n            textAreaClasses.inputResizable,\n            classes?.inputResizable\n          ),\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : (description && setId(elementId, \"description\")) || undefined,\n          \"aria-controls\": maxCharQuantity\n            ? setId(elementId, \"charCounter\")\n            : undefined,\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        $resizable={resizable}\n        {...others}\n      />\n\n      {canShowError && (\n        <StyledWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(textAreaClasses.error, classes?.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarningText>\n      )}\n    </StyledFormElement>\n  );\n});\n"],"names":["HvTextArea","forwardRef","props","ref","id","className","classes","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","useDefaultProps","elementId","useUniqueId","isDirty","useRef","forkedRef","useForkRef","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","StyledFormElement","clsx","textAreaClasses","root","invalid","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","error","disableBorder"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import {\n  useCallback,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  forwardRef,\n} from \"react\";\n\nimport { useForkRef } from \"@mui/material\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport validationStates, {\n  isInvalid,\n} from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvValidationMessages } from \"@core/types/forms\";\nimport {\n  computeValidationMessage,\n  computeValidationState,\n  DEFAULT_ERROR_MESSAGES,\n  hasBuiltInValidations,\n  HvInputValidity,\n  validateInput,\n  validationTypes,\n} from \"@core/components/BaseInput/validations\";\nimport { HvBaseInput, HvBaseInputProps } from \"@core/components/BaseInput\";\nimport {\n  HvCharCounter,\n  HvCharCounterProps,\n  HvFormElement,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./TextArea.styles\";\n\nexport { staticClasses as textAreaClasses };\n\nexport type HvTextAreaClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTextAreaProps\n  extends Omit<\n    HvBaseInputProps,\n    \"onChange\" | \"onBlur\" | \"rows\" | \"classes\" | \"onFocus\"\n  > {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * Text between the current char counter and max value.\n   */\n  middleCountLabel?: string;\n  /**\n   * An Object containing the various texts associated with the input.\n   */\n  validationMessages?: HvValidationMessages;\n  /**\n   * The custom validation function, it receives the value and must return\n   * either `true` for valid or `false` for invalid, default validations would only\n   * occur if this function is null or undefined\n   */\n  validation?: (value: string) => boolean;\n  /**\n   * The maximum allowed length of the characters, if this value is null no check\n   * will be performed.\n   */\n  maxCharQuantity?: number;\n  /**\n   * The minimum allowed length of the characters, if this value is null no check\n   * will be perform.\n   */\n  minCharQuantity?: number;\n  /**\n   * If `true` it should autofocus.\n   */\n  autoFocus?: boolean;\n  /**\n   * The number of rows of the text area\n   */\n  rows?: number;\n  /**\n   * If `true` the component is resizable.\n   */\n  resizable?: boolean;\n  /**\n   * Auto-scroll: automatically scroll to the end on value changes.\n   * Will stop if the user scrolls up and resume if scrolled to the bottom.\n   */\n  autoScroll?: boolean;\n  /**\n   * If true it isn't possible to pass the `maxCharQuantity`\n   */\n  blockMax?: boolean;\n  /**\n   * If `true` the character counter isn't shown even if maxCharQuantity is set.\n   */\n  hideCounter?: boolean;\n  /**\n   * Props passed to the char count.\n   */\n  countCharProps?: Partial<HvCharCounterProps>;\n  /**\n   * Called back when the value is changed.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * Called back when the value is changed.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEvent<HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvTextAreaClasses;\n}\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nexport const HvTextArea = forwardRef<any, HvTextAreaProps>((props, ref) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    name,\n    label,\n    description,\n    placeholder,\n    status,\n    statusMessage,\n    validationMessages,\n    maxCharQuantity,\n    minCharQuantity,\n    value: valueProp,\n    inputRef: inputRefProp,\n    rows = 1,\n    defaultValue = \"\",\n    middleCountLabel = \"/\",\n    countCharProps = {},\n    inputProps = {},\n    required = false,\n    readOnly = false,\n    disabled = false,\n    autoFocus = false,\n    resizable = false,\n    autoScroll = false,\n    hideCounter = false,\n    blockMax = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    \"aria-errormessage\": ariaErrorMessage,\n    validation,\n    onChange,\n    onBlur,\n    onFocus,\n    ...others\n  } = useDefaultProps(\"HvTextArea\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const elementId = useUniqueId(id, \"hvtextarea\");\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef<boolean>(false);\n\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const forkedRef = useForkRef(ref, inputRefProp, inputRef);\n\n  const [focused, setFocused] = useState<boolean>(false);\n\n  const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const isEmptyValue = value == null || value === \"\";\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  const hasCounter = maxCharQuantity != null && !hideCounter;\n\n  // ValidationMessages reference tends to change, as users will not memorize/useState for it;\n  // Dependencies must be more explicit so we set\n  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n    [validationMessages]\n  );\n\n  // Validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n  // and returns the validity state of the input.\n  const performValidation = useCallback(() => {\n    const inputValidity = validateInput(\n      inputRef.current,\n      value,\n      required,\n      minCharQuantity,\n      maxCharQuantity,\n      validationTypes.none,\n      validation\n    );\n\n    // This will only run if status is uncontrolled\n    setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n    // This will only run if statusMessage is uncontrolled\n    setValidationMessage(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\n\n    return inputValidity;\n  }, [\n    errorMessages,\n    inputRef,\n    isEmptyValue,\n    maxCharQuantity,\n    minCharQuantity,\n    required,\n    setValidationMessage,\n    setValidationState,\n    validation,\n    value,\n  ]);\n\n  const isOverflow = (currentValue) =>\n    isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n  /**\n   * Limit the string to the maxCharQuantity length.\n   *\n   * @param value - string to evaluate\n   * @returns {string|*} - string according the limit\n   */\n  const limitValue = (currentValue) => {\n    if (currentValue === undefined || !blockMax) return currentValue;\n    return !isOverflow(currentValue)\n      ? currentValue\n      : currentValue.substring(0, maxCharQuantity);\n  };\n\n  /**\n   * Validates the text area updating the state and modifying the warning text, also executes\n   * the user provided onBlur passing the current validation status and value.\n   *\n   * @returns {undefined}\n   */\n  const onContainerBlurHandler = (event) => {\n    setFocused(false);\n\n    const inputValidity = performValidation();\n\n    onBlur?.(event, value, inputValidity);\n  };\n\n  /**\n   * Updates the length of the string while is being inputted, also executes the user onChange\n   * allowing the customization of the input if required.\n   *\n   * @param {String} value - The value provided by the HvInput\n   */\n  const onChangeHandler = (event, currentValue) => {\n    isDirty.current = true;\n\n    const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n    // Set the input value (only when value is uncontrolled)\n    setValue(limitedValue);\n\n    onChange?.(event, limitedValue);\n  };\n\n  /**\n   * Updates the state putting again the value from the state because the input value is\n   * not automatically manage, it also executes the onFocus function from the user passing the value\n   */\n  const onFocusHandler = (event) => {\n    setFocused(true);\n\n    // Reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    onFocus?.(event, value);\n  };\n\n  const isScrolledDown = useCallback(() => {\n    const el = inputRef.current;\n    return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n  }, [inputRef]);\n\n  const scrollDown = useCallback(() => {\n    const el = inputRef.current;\n    if (el != null) {\n      el.scrollTop = el.scrollHeight - el.clientHeight;\n    }\n  }, [inputRef]);\n\n  const addScrollListener = useCallback(() => {\n    const scrollHandler = {\n      handleEvent: () => {\n        setAutoScrolling(isScrolledDown());\n      },\n    };\n    inputRef.current?.addEventListener(\"scroll\", scrollHandler);\n  }, [inputRef, isScrolledDown]);\n\n  useEffect(() => {\n    if (autoScroll) {\n      addScrollListener();\n    }\n  }, [autoScroll, addScrollListener]);\n\n  useEffect(() => {\n    if (autoScrolling) {\n      scrollDown();\n    }\n  }, [valueProp, autoScrolling, scrollDown]);\n\n  // Run initial validation after first render\n  // and also when any validation condition changes\n  useEffect(() => {\n    if (focused || (!isDirty.current && isEmptyValue)) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [focused, isEmptyValue, performValidation]);\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and any of the built-in validations are active\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined &&\n        hasBuiltInValidations(\n          required,\n          validationTypes.none,\n          minCharQuantity,\n          // If blockMax is true maxCharQuantity will never produce an error\n          // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n          maxCharQuantity != null && (blockMax !== true || value != null)\n            ? maxCharQuantity\n            : null,\n          validation,\n          inputProps\n        )));\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={cx(\n        classes.root,\n        {\n          [classes.resizable]: resizable,\n          [classes.disabled]: disabled,\n          [classes.invalid]: isStateInvalid,\n        },\n        className\n      )}\n      onBlur={onContainerBlurHandler}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              className={classes.label}\n              id={setId(id, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              className={classes.description}\n              id={setId(elementId, \"description\")}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n\n      {hasCounter && (\n        <HvCharCounter\n          id={setId(elementId, \"charCounter\")}\n          className={classes.characterCounter}\n          separator={middleCountLabel}\n          currentCharQuantity={value.length}\n          maxCharQuantity={maxCharQuantity}\n          {...countCharProps}\n        />\n      )}\n\n      <HvBaseInput\n        classes={{\n          root: classes.baseInput,\n          input: classes.input,\n          inputResizable: classes.inputResizable,\n        }}\n        id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n        name={name}\n        value={value}\n        required={required}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={onChangeHandler}\n        autoFocus={autoFocus}\n        onFocus={onFocusHandler}\n        placeholder={placeholder}\n        invalid={isStateInvalid}\n        resizable={resizable}\n        multiline\n        rows={rows}\n        inputProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-invalid\": isStateInvalid ? true : undefined,\n          \"aria-errormessage\": errorMessageId,\n          \"aria-describedby\":\n            ariaDescribedBy != null\n              ? ariaDescribedBy\n              : (description && setId(elementId, \"description\")) || undefined,\n          \"aria-controls\": maxCharQuantity\n            ? setId(elementId, \"charCounter\")\n            : undefined,\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        {...others}\n      />\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={classes.error}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n});\n"],"names":["HvTextArea","forwardRef","props","ref","id","className","classes","classesProp","name","label","description","placeholder","status","statusMessage","validationMessages","maxCharQuantity","minCharQuantity","value","valueProp","inputRef","inputRefProp","rows","defaultValue","middleCountLabel","countCharProps","inputProps","required","readOnly","disabled","autoFocus","resizable","autoScroll","hideCounter","blockMax","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","validation","onChange","onBlur","onFocus","others","useDefaultProps","cx","useClasses","elementId","useUniqueId","isDirty","useRef","forkedRef","useForkRef","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","performValidation","useCallback","inputValidity","validateInput","current","validationTypes","none","computeValidationState","computeValidationMessage","isOverflow","currentValue","isNil","length","limitValue","undefined","substring","onContainerBlurHandler","event","onChangeHandler","limitedValue","onFocusHandler","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","useEffect","canShowError","hasBuiltInValidations","errorMessageId","setId","HvFormElement","root","invalid","children","labelContainer","_jsx","HvLabel","htmlFor","HvInfoMessage","HvCharCounter","characterCounter","separator","currentCharQuantity","HvBaseInput","baseInput","input","inputResizable","multiline","HvWarningText","error","disableBorder"],"mappings":"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"}

package/dist/esm/components/TextArea/TextArea.styles.js

@@ -1,147 +1,52 @@
-import _styled from "@emotion/styled/base";
-import { transientOptions } from "../../utils/transientOptions.js";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { HvCharCounter } from "../Forms/CharCounter/CharCounter.js";
-import { HvFormElement } from "../Forms/FormElement/FormElement.js";
-import { HvLabel } from "../Forms/Label/Label.js";
-import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
-import { HvWarningText } from "../Forms/WarningText/WarningText.js";
-import { HvBaseInput } from "../BaseInput/BaseInput.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledFormElement = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvFormElement, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1e5t49x6"
-}, transientOptions) : _extends({}, {
-  target: "e1e5t49x6",
-  label: "StyledFormElement"
-}, transientOptions))(({
-  $resizable
-}) => ({
-  display: "inline-block",
-  width: "100%",
-  ...$resizable && {
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTextArea", {
+  root: {
+    display: "inline-block",
     width: "100%"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
-const StyledLabelContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1e5t49x5"
-} : {
-  target: "e1e5t49x5",
-  label: "StyledLabelContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "pah21w",
-  styles: "float:left;display:flex;align-items:flex-start"
-} : {
-  name: "pah21w",
-  styles: "float:left;display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLabel, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1e5t49x4"
-} : {
-  target: "e1e5t49x4",
-  label: "StyledLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "ip3328",
-  styles: "display:block;float:left;padding-bottom:6px"
-} : {
-  name: "ip3328",
-  styles: "display:block;float:left;padding-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledInfoMessage = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvInfoMessage, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1e5t49x3"
-} : {
-  target: "e1e5t49x3",
-  label: "StyledInfoMessage"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1en9548",
-  styles: "display:block;float:left"
-} : {
-  name: "1en9548",
-  styles: "display:block;float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledCharCounter = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCharCounter, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1e5t49x2"
-} : {
-  target: "e1e5t49x2",
-  label: "StyledCharCounter"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bui2ra",
-  styles: "display:block;float:right;text-align:right;margin-bottom:6px"
-} : {
-  name: "bui2ra",
-  styles: "display:block;float:right;text-align:right;margin-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledWarningText = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvWarningText, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
-  target: "e1e5t49x1"
-} : {
-  target: "e1e5t49x1",
-  label: "StyledWarningText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "g0dsyy",
-  styles: "float:left"
-} : {
-  name: "g0dsyy",
-  styles: "float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledBaseInput = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvBaseInput, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1e5t49x0"
-}, transientOptions) : _extends({}, {
-  target: "e1e5t49x0",
-  label: "StyledBaseInput"
-}, transientOptions))(({
-  $resizable
-}) => ({
-  clear: "both",
-  float: "left",
-  ...$resizable && {
+  },
+  disabled: {},
+  resizable: {
+    width: "100%"
+  },
+  invalid: {},
+  baseInput: {
+    clear: "both",
+    float: "left"
+  },
+  input: {},
+  inputResizable: {
     width: "100%",
     resize: "both"
+  },
+  labelContainer: {
+    float: "left",
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    display: "block",
+    float: "left",
+    paddingBottom: "6px"
+  },
+  description: {
+    display: "block",
+    float: "left"
+  },
+  characterCounter: {
+    display: "block",
+    float: "right",
+    textAlign: "right",
+    marginBottom: "6px"
+  },
+  error: {
+    float: "left"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkxhYmVsLFxuICBIdkxhYmVsUHJvcHMsXG4gIEh2V2FybmluZ1RleHQsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7IEh2QmFzZUlucHV0LCBIdkJhc2VJbnB1dFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQmFzZUlucHV0XCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYgeyB3aWR0aDogXCIxMDAlXCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1zdGFydFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHM6IEh2TGFiZWxQcm9wcykgPT4gKFxuICA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHM6IEh2SW5mb01lc3NhZ2VQcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGFyQ291bnRlciA9IHN0eWxlZCgocHJvcHM6IEh2Q2hhckNvdW50ZXJQcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzOiBIdldhcm5pbmdUZXh0UHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlSW5wdXRQcm9wcykgPT4gPEh2QmFzZUlucHV0IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+});
 export {
-  StyledBaseInput,
-  StyledCharCounter,
-  StyledFormElement,
-  StyledInfoMessage,
-  StyledLabel,
-  StyledLabelContainer,
-  StyledWarningText
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=TextArea.styles.js.map

package/dist/esm/components/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport {\n  HvCharCounter,\n  HvCharCounterProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvInfoMessage,\n  HvInfoMessageProps,\n  HvLabel,\n  HvLabelProps,\n  HvWarningText,\n  HvWarningTextProps,\n} from \"@core/components/Forms\";\nimport { HvBaseInput, HvBaseInputProps } from \"@core/components/BaseInput\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { width: \"100%\" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n  <HvLabel {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props: HvInfoMessageProps) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n  <HvCharCounter {...props} />\n))({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  (props: HvBaseInputProps) => <HvBaseInput {...props} />,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    width: \"100%\",\n    resize: \"both\",\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,oBAAoBC,wBAC/B,CAACC,8BAA+BC,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC3DC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAoC,OAAO;AAAA,EAC9CC,SAAS;AAAA,EACTC,OAAO;AAAA,EAEP,GAAIF,cAAc;AAAA,IAAEE,OAAO;AAAA,EAAO;AACpC,IAAET,QAAAC,IAAAC,aAAC,eAAA,KAAA,q1FAAA;AAEI,MAAMQ,uBAA8B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIhD;AAEM,MAAMC,cAAcnB,wBAAO,CAACC,8BAChCmB,SAAO;AAAA,EAAA,GAAKnB;AAAK,CAAG,GACtBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAID;AAEM,MAAMG,oBAAoBrB,wBAAO,CAACC,8BACtCqB,eAAa;AAAA,EAAA,GAAKrB;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGD;AAEM,MAAMK,oBAAoBvB,wBAAO,CAACC,8BACtCuB,eAAa;AAAA,EAAA,GAAKvB;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKD;AAEM,MAAMO,oBAAoBzB,wBAAO,CAACC,8BACtCyB,eAAa;AAAA,EAAA,GAAKzB;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAkB;AAEb,MAAMS,kBAAkB3B,wBAC7B,CAACC,8BAA6B2B,aAAW;AAAA,EAAA,GAAK3B;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACvDC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAoC,OAAO;AAAA,EAC9CmB,OAAO;AAAA,EACPC,OAAO;AAAA,EAEP,GAAIpB,cAAc;AAAA,IAChBE,OAAO;AAAA,IACPmB,QAAQ;AAAA,EACV;AACF,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,q1FAAA;"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTextArea\", {\n  root: { display: \"inline-block\", width: \"100%\" },\n  disabled: {},\n  resizable: { width: \"100%\" },\n  invalid: {},\n  baseInput: { clear: \"both\", float: \"left\" },\n  input: {},\n  inputResizable: { width: \"100%\", resize: \"both\" },\n  labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n  label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n  description: { display: \"block\", float: \"left\" },\n  characterCounter: {\n    display: \"block\",\n    float: \"right\",\n    textAlign: \"right\",\n    marginBottom: \"6px\",\n  },\n  error: { float: \"left\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","disabled","resizable","invalid","baseInput","clear","float","input","inputResizable","resize","labelContainer","alignItems","label","paddingBottom","description","characterCounter","textAlign","marginBottom","error"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAgBC,OAAO;AAAA,EAAO;AAAA,EAC/CC,UAAU,CAAC;AAAA,EACXC,WAAW;AAAA,IAAEF,OAAO;AAAA,EAAO;AAAA,EAC3BG,SAAS,CAAC;AAAA,EACVC,WAAW;AAAA,IAAEC,OAAO;AAAA,IAAQC,OAAO;AAAA,EAAO;AAAA,EAC1CC,OAAO,CAAC;AAAA,EACRC,gBAAgB;AAAA,IAAER,OAAO;AAAA,IAAQS,QAAQ;AAAA,EAAO;AAAA,EAChDC,gBAAgB;AAAA,IAAEJ,OAAO;AAAA,IAAQP,SAAS;AAAA,IAAQY,YAAY;AAAA,EAAa;AAAA,EAC3EC,OAAO;AAAA,IAAEb,SAAS;AAAA,IAASO,OAAO;AAAA,IAAQO,eAAe;AAAA,EAAM;AAAA,EAC/DC,aAAa;AAAA,IAAEf,SAAS;AAAA,IAASO,OAAO;AAAA,EAAO;AAAA,EAC/CS,kBAAkB;AAAA,IAChBhB,SAAS;AAAA,IACTO,OAAO;AAAA,IACPU,WAAW;AAAA,IACXC,cAAc;AAAA,EAChB;AAAA,EACAC,OAAO;AAAA,IAAEZ,OAAO;AAAA,EAAO;AACzB,CAAC;"}