npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.11 → 5.0.0-next.14 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.11 → 5.0.0-next.14

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

Files changed (1895) hide show

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvTag,\n HvCharCounter,\n HvFormElement,\n HvInfoMessage,\n HvInput,\n HvLabel,\n HvListContainer,\n HvListItem,\n HvSuggestions,\n HvWarningText,\n} from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagsInputClasses from \"./tagsInputClasses\";\nimport baseInputClasses from \"../BaseInput/baseInputClasses\";\nimport suggestionsClasses from \"../Forms/Suggestions/suggestionsClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\n\nexport const StyledFormElement = styled((props) => (\n <HvFormElement {...props} />\n))({\n display: \"inline-block\",\n 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) => <HvLabel {...props} />)({\n display: \"block\",\n float: \"left\",\n paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n display: \"block\",\n float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n <HvCharCounter {...props} />\n))(() => ({\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n HvListContainer,\n transientOptions\n)(\n ({\n $disabled,\n $singleLine,\n $error,\n $resizable,\n $invalid,\n $readOnly,\n }: {\n $disabled: boolean;\n $singleLine: boolean;\n $error: boolean;\n $resizable: boolean;\n $invalid: boolean;\n $readOnly: boolean;\n }) => ({\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"100%\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.atmo4}`,\n borderRadius: \"2px\",\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n ...($disabled && {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n }),\n\n ...($readOnly && {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n }),\n\n ...($singleLine && {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n paddingLeft: 4,\n }),\n\n ...($error && {\n border: `1px solid ${theme.colors.sema4}`,\n }),\n\n ...($resizable && {\n width: \"auto\",\n resize: \"both\",\n overflow: \"auto\",\n }),\n\n ...($invalid && {\n border: `1px solid ${theme.colors.sema4}!important`,\n }),\n })\n);\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n float: \"left\",\n});\n\nexport const StyledListItem = styled(\n (props) => <HvListItem {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n paddingTop: \"2px!important\",\n }),\n}));\n\nexport const StyledTag = styled(\n (props) => <HvTag {...props} />,\n transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n [`& .${tagsInputClasses.chipRoot}`]: {\n maxWidth: \"none\",\n },\n ...($selected && {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n }),\n}));\n\nexport const StyledInputListItem = styled(\n (props) => <HvListItem {...props} />,\n transientOptions\n)(\n ({\n $singleLine,\n $isTagSelected,\n }: {\n $singleLine: boolean;\n $isTagSelected: boolean;\n }) => ({\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n minWidth: 100,\n width: \"100%\",\n paddingTop: \"3px!important\",\n verticalAlign: \"middle\",\n [`&.${tagsInputClasses.tagInputRootEmpty}`]: {\n position: \"absolute\",\n height: \"100%\",\n paddingTop: \"3px!important\",\n },\n }),\n ...($isTagSelected && {\n [`& .${baseInputClasses.inputRoot}`]: {\n backgroundColor: theme.colors.atmo1,\n },\n }),\n })\n);\n\nexport const StyledInput = styled(\n (props) => <HvInput {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n minWidth: 48,\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none!important\",\n boxShadow: \"none!important\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent \",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props) => (\n <HvSuggestions {...props} />\n))({\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n});\n"],"names":["StyledFormElement","props","jsx","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","_styled","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","atmo4","borderRadius","cursor","tagsInput","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","paddingLeft","sema4","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","tagInputRootEmpty","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}
1	+ {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvTag,\n HvCharCounter,\n HvFormElement,\n HvInfoMessage,\n HvInput,\n HvLabel,\n HvListContainer,\n HvListItem,\n HvSuggestions,\n HvWarningText,\n} from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagsInputClasses from \"./tagsInputClasses\";\nimport baseInputClasses from \"../BaseInput/baseInputClasses\";\nimport suggestionsClasses from \"../Forms/Suggestions/suggestionsClasses\";\nimport listItemClasses from \"../ListContainer/ListItem/listItemClasses\";\n\nexport const StyledFormElement = styled((props) => (\n <HvFormElement {...props} />\n))({\n display: \"inline-block\",\n 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) => <HvLabel {...props} />)({\n display: \"block\",\n float: \"left\",\n paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n display: \"block\",\n float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n <HvCharCounter {...props} />\n))(() => ({\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n HvListContainer,\n transientOptions\n)(\n ({\n $disabled,\n $singleLine,\n $error,\n $resizable,\n $invalid,\n $readOnly,\n }: {\n $disabled: boolean;\n $singleLine: boolean;\n $error: boolean;\n $resizable: boolean;\n $invalid: boolean;\n $readOnly: boolean;\n }) => ({\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n ...($disabled && {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n }),\n\n ...($readOnly && {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n }),\n\n ...($singleLine && {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n }),\n\n ...($error && {\n border: `1px solid ${theme.colors.sema4}`,\n }),\n\n ...($resizable && {\n width: \"auto\",\n resize: \"both\",\n overflow: \"auto\",\n }),\n\n ...($invalid && {\n border: `1px solid ${theme.colors.sema4}!important`,\n }),\n })\n);\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n float: \"left\",\n});\n\nexport const StyledListItem = styled(\n (props) => <HvListItem {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n paddingTop: \"2px!important\",\n }),\n}));\n\nexport const StyledTag = styled(\n (props) => <HvTag {...props} />,\n transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n [`& .${tagsInputClasses.chipRoot}`]: {\n maxWidth: \"none\",\n },\n ...($selected && {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n }),\n}));\n\nexport const StyledInputListItem = styled(\n (props) => <HvListItem {...props} />,\n transientOptions\n)(\n ({\n $singleLine,\n $isTagSelected,\n }: {\n $singleLine: boolean;\n $isTagSelected: boolean;\n }) => ({\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n [`&.${listItemClasses.gutters}`]: {\n padding: \"0 5px\",\n },\n ...($singleLine && {\n display: \"table-cell\",\n minWidth: 100,\n width: \"100%\",\n paddingTop: \"3px!important\",\n verticalAlign: \"middle\",\n }),\n ...($isTagSelected && {\n [`& .${baseInputClasses.inputRoot}`]: {\n backgroundColor: theme.colors.atmo1,\n },\n }),\n })\n);\n\nexport const StyledInput = styled(\n (props) => <HvInput {...props} />,\n transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n minWidth: 48,\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none!important\",\n boxShadow: \"none!important\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent \",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props) => (\n <HvSuggestions {...props} />\n))({\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n});\n"],"names":["StyledFormElement","_styled","props","_jsx","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","sema4","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}

package/dist/cjs/components/TextArea/TextArea.cjs CHANGED Viewed

@@ -1,6 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const TextArea_styles = require("./TextArea.styles.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const clsx = require("clsx");
@@ -8,6 +7,7 @@ const React = require("react");
 const validations = require("../BaseInput/validations.cjs");
 const lodash = require("lodash");
 const textAreaClasses = require("./textAreaClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
 const setId = require("../../utils/setId.cjs");
@@ -135,6 +135,8 @@ const HvTextArea = ({
     required,
     validations.validationTypes.none,
     minCharQuantity,
+    // If blockMax is true maxCharQuantity will never produce an error
+    // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity
     maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,
     validation,
     inputProps
@@ -143,27 +145,74 @@ const HvTextArea = ({
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(TextArea_styles.StyledFormElement, { id, name, status: validationState, disabled, required, readOnly, className: clsx__default.default(textAreaClasses.default.root, classes == null ? void 0 : classes.root, className, resizable && clsx__default.default(textAreaClasses.default.resizable, classes == null ? void 0 : classes.resizable), disabled && clsx__default.default(textAreaClasses.default.disabled, classes == null ? void 0 : classes.disabled), isStateInvalid && clsx__default.default(textAreaClasses.default.invalid, classes == null ? void 0 : classes.invalid)), $resizable: resizable, onBlur: onContainerBlurHandler, children: [
-    (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(TextArea_styles.StyledLabelContainer, { className: clsx__default.default(textAreaClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer), children: [
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledLabel, { className: clsx__default.default(textAreaClasses.default.label, classes == null ? void 0 : classes.label), id: setId.setId(id, "label"), htmlFor: setId.setId(elementId, "input"), label }),
-      hasDescription && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledInfoMessage, { className: clsx__default.default(textAreaClasses.default.description, classes == null ? void 0 : classes.description), id: setId.setId(elementId, "description"), children: description })
-    ] }),
-    hasCounter && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledCharCounter, { id: setId.setId(elementId, "charCounter"), className: clsx__default.default(textAreaClasses.default.characterCounter, classes == null ? void 0 : classes.characterCounter), separator: middleCountLabel, currentCharQuantity: value.length, maxCharQuantity, ...countCharProps }),
-    /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledBaseInput, { classes: {
-      root: clsx__default.default(textAreaClasses.default.baseInput, classes == null ? void 0 : classes.baseInput),
-      input: clsx__default.default(textAreaClasses.default.input, classes == null ? void 0 : classes.input),
-      inputResizable: clsx__default.default(textAreaClasses.default.inputResizable, classes == null ? void 0 : classes.inputResizable)
-    }, id: hasLabel ? setId.setId(elementId, "input") : setId.setId(id, "input"), name, value, required, readOnly, disabled, onChange: onChangeHandler, autoFocus, onFocus: onFocusHandler, placeholder, invalid: isStateInvalid, resizable, multiline: true, rows, inputProps: {
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-invalid": isStateInvalid ? true : void 0,
-      "aria-errormessage": errorMessageId,
-      "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId.setId(elementId, "description") || void 0,
-      "aria-controls": maxCharQuantity ? setId.setId(elementId, "charCounter") : void 0,
-      ...inputProps
-    }, inputRef, $resizable: resizable, ...others }),
-    canShowError && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledWarningText, { id: setId.setId(elementId, "error"), className: clsx__default.default(textAreaClasses.default.error, classes == null ? void 0 : classes.error), disableBorder: true, children: validationMessage })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(TextArea_styles.StyledFormElement, {
+    id,
+    name,
+    status: validationState,
+    disabled,
+    required,
+    readOnly,
+    className: clsx__default.default(textAreaClasses.default.root, classes == null ? void 0 : classes.root, className, resizable && clsx__default.default(textAreaClasses.default.resizable, classes == null ? void 0 : classes.resizable), disabled && clsx__default.default(textAreaClasses.default.disabled, classes == null ? void 0 : classes.disabled), isStateInvalid && clsx__default.default(textAreaClasses.default.invalid, classes == null ? void 0 : classes.invalid)),
+    $resizable: resizable,
+    onBlur: onContainerBlurHandler,
+    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(TextArea_styles.StyledLabelContainer, {
+      className: clsx__default.default(textAreaClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer),
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledLabel, {
+        className: clsx__default.default(textAreaClasses.default.label, classes == null ? void 0 : classes.label),
+        id: setId.setId(id, "label"),
+        htmlFor: setId.setId(elementId, "input"),
+        label
+      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledInfoMessage, {
+        className: clsx__default.default(textAreaClasses.default.description, classes == null ? void 0 : classes.description),
+        id: setId.setId(elementId, "description"),
+        children: description
+      })]
+    }), hasCounter && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledCharCounter, {
+      id: setId.setId(elementId, "charCounter"),
+      className: clsx__default.default(textAreaClasses.default.characterCounter, classes == null ? void 0 : classes.characterCounter),
+      separator: middleCountLabel,
+      currentCharQuantity: value.length,
+      maxCharQuantity,
+      ...countCharProps
+    }), /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledBaseInput, {
+      classes: {
+        root: clsx__default.default(textAreaClasses.default.baseInput, classes == null ? void 0 : classes.baseInput),
+        input: clsx__default.default(textAreaClasses.default.input, classes == null ? void 0 : classes.input),
+        inputResizable: clsx__default.default(textAreaClasses.default.inputResizable, classes == null ? void 0 : classes.inputResizable)
+      },
+      id: hasLabel ? setId.setId(elementId, "input") : setId.setId(id, "input"),
+      name,
+      value,
+      required,
+      readOnly,
+      disabled,
+      onChange: onChangeHandler,
+      autoFocus,
+      onFocus: onFocusHandler,
+      placeholder,
+      invalid: isStateInvalid,
+      resizable,
+      multiline: true,
+      rows,
+      inputProps: {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-invalid": isStateInvalid ? true : void 0,
+        "aria-errormessage": errorMessageId,
+        "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description && setId.setId(elementId, "description") || void 0,
+        "aria-controls": maxCharQuantity ? setId.setId(elementId, "charCounter") : void 0,
+        ...inputProps
+      },
+      inputRef,
+      $resizable: resizable,
+      ...others
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(TextArea_styles.StyledWarningText, {
+      id: setId.setId(elementId, "error"),
+      className: clsx__default.default(textAreaClasses.default.error, classes == null ? void 0 : classes.error),
+      disableBorder: true,
+      children: validationMessage
+    })]
+  });
 };
 exports.HvTextArea = HvTextArea;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/cjs/components/TextArea/TextArea.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport {\n StyledBaseInput,\n StyledCharCounter,\n StyledFormElement,\n StyledInfoMessage,\n StyledLabel,\n StyledLabelContainer,\n StyledWarningText,\n} from \"./TextArea.styles\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport validationStates, {\n isInvalid,\n} from \"components/Forms/FormElement/validationStates\";\nimport clsx from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport {\n computeValidationMessage,\n computeValidationState,\n DEFAULT_ERROR_MESSAGES,\n hasBuiltInValidations,\n HvInputValidity,\n validateInput,\n validationTypes,\n} from \"../BaseInput/validations\";\nimport { setId } from \"utils\";\nimport { isNil } from \"lodash\";\nimport { HvValidationMessages } from \"types/forms\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport type HvTextAreaProps = 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 = ({\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}: HvTextAreaProps) => {\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 inputRefOwn = useRef(null);\n\n const inputRef = inputRefProp \|\| inputRefOwn;\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 [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\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={inputRef}\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","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","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","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","StyledLabelContainer","labelContainer","StyledLabel","jsx","StyledInfoMessage","StyledCharCounter","characterCounter","StyledBaseInput","baseInput","input","inputResizable","StyledWarningText"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea.cjs","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { HvCharCounterProps, HvFormStatus } from \"../Forms\";\nimport { HvBaseInputProps } from \"../BaseInput\";\nimport {\n StyledBaseInput,\n StyledCharCounter,\n StyledFormElement,\n StyledInfoMessage,\n StyledLabel,\n StyledLabelContainer,\n StyledWarningText,\n} from \"./TextArea.styles\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport validationStates, {\n isInvalid,\n} from \"components/Forms/FormElement/validationStates\";\nimport clsx from \"clsx\";\nimport { useCallback, useRef, useState, useMemo, useEffect } from \"react\";\nimport {\n computeValidationMessage,\n computeValidationState,\n DEFAULT_ERROR_MESSAGES,\n hasBuiltInValidations,\n HvInputValidity,\n validateInput,\n validationTypes,\n} from \"../BaseInput/validations\";\nimport { setId } from \"utils\";\nimport { isNil } from \"lodash\";\nimport { HvValidationMessages } from \"types/forms\";\nimport textAreaClasses, { HvTextAreaClasses } from \"./textAreaClasses\";\n\nexport type HvTextAreaProps = 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 = ({\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}: HvTextAreaProps) => {\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 inputRefOwn = useRef(null);\n\n const inputRef = inputRefProp \|\| inputRefOwn;\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 [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\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={inputRef}\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","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","elementId","useUniqueId","isDirty","useRef","inputRefOwn","focused","setFocused","useState","autoScrolling","setAutoScrolling","validationState","setValidationState","useControlled","validationStates","standBy","validationMessage","setValidationMessage","setValue","isStateInvalid","isInvalid","isEmptyValue","hasLabel","hasDescription","hasCounter","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","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","disableBorder"],"mappings":"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"}

package/dist/cjs/components/TextArea/TextArea.styles.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const transientOptions = require("../../utils/transientOptions.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const CharCounter = require("../Forms/CharCounter/CharCounter.cjs");
 const FormElement = require("../Forms/FormElement/FormElement.cjs");
 const Label = require("../Forms/Label/Label.cjs");
@@ -39,9 +39,9 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
   display: "inline-block",
   width: "100%",
   ...$resizable && {
-    width: "auto"
+    width: "100%"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiYXV0b1wiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiMTAwJVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x5"
 } : {
@@ -53,10 +53,12 @@ const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", pro
 } : {
   name: "pah21w",
   styles: "float:left;display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x4"
 } : {
   target: "e1e5t49x4",
@@ -67,10 +69,12 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PU
 } : {
   name: "ip3328",
   styles: "display:block;float:left;padding-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x3"
 } : {
   target: "e1e5t49x3",
@@ -81,10 +85,12 @@ const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /*
 } : {
   name: "1en9548",
   styles: "display:block;float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledCharCounter = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CharCounter.HvCharCounter, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledCharCounter = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(CharCounter.HvCharCounter, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x2"
 } : {
   target: "e1e5t49x2",
@@ -95,10 +101,12 @@ const StyledCharCounter = /* @__PURE__ */ _styled__default.default((props) => /*
 } : {
   name: "bui2ra",
   styles: "display:block;float:right;text-align:right;margin-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledWarningText = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { ...props }), process.env.NODE_ENV === "production" ? {
+const StyledWarningText = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x1"
 } : {
   target: "e1e5t49x1",
@@ -109,7 +117,7 @@ const StyledWarningText = /* @__PURE__ */ _styled__default.default((props) => /*
 } : {
   name: "g0dsyy",
   styles: "float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBaseInput, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -123,11 +131,10 @@ const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBas
   clear: "both",
   float: "left",
   ...$resizable && {
-    resize: "both",
-    minWidth: "150px",
-    maxWidth: "610px"
+    width: "100%",
+    resize: "both"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
 exports.StyledBaseInput = StyledBaseInput;
 exports.StyledCharCounter = StyledCharCounter;
 exports.StyledFormElement = StyledFormElement;

package/dist/cjs/components/TextArea/TextArea.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvBaseInput,\n HvCharCounter,\n HvFormElement,\n HvInfoMessage,\n HvLabel,\n HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n HvFormElement,\n transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n display: \"inline-block\",\n width: \"100%\",\n\n ...($resizable && { width: \"~~auto\~~" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n float: \"left\",\n display: \"flex\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n display: \"block\",\n float: \"left\",\n paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n display: \"block\",\n float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n <HvCharCounter {...props} />\n))({\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props) => (\n <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n HvBaseInput,\n transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n clear: \"both\",\n float: \"left\",\n\n ...($resizable && {\n ~~resize~~: \"~~both\~~",\n ~~minWidth~~: \"~~150px~~\",\n ~~maxWidth: \"610px\",\n~~ }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","~~jsx~~","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"~~,"minWidth","maxWidth"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWaA,MAAAA,6DACXC,YAAAA,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,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,~~q5EAAA~~;AAEI,MAAMQ,uBAA8BC,iCAAA,QAAA,OAAKX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI/C;~~AAEWC~~,~~MAAAA~~,~~cAAsBC~~,iCAAAA,~~QAAAA~~,~~CAAAA~~,~~UAAWC~~,2BAAAA,~~IAAAC~~,MAAAA,~~SAAA~~,~~EAAYF~~,~~GAAAA~~,~~MAAAA~~,~~CAAS~~,~~GAAAlB,~~QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIlE;~~AAEWK~~,~~MAAAA~~,~~oBAA4BH~~,iCAAAA,~~QAAAA~~,~~CAAAA~~,~~UACtCC~~,2BAAAA,~~IAAAG~~,YAAAA,~~eAAA~~,~~EAAkBJ~~,~~GAAAA~~,~~MAAAA~~,~~CACpB~~,~~GAAAlB,~~QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGA;~~AAEWO~~,~~MAAAA~~,~~oBAA4BL~~,iCAAAA,~~QAAAA~~,~~CAAAA~~,~~UACtCC~~,2BAAAA,~~IAAAK~~,YAAAA,~~eAAA~~,~~EAAkBN~~,~~GAAAA~~,~~MAAAA~~,~~CACpB~~,~~GAAAlB,~~QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKA;~~AAEWS~~,~~MAAAA~~,~~oBAA4BP~~,iCAAAA,~~QAAAA~~,~~CAAAA~~,~~UACtCC~~,2BAAAA,~~IAAAO~~,YAAAA,~~eAAA~~,~~EAAkBR~~,~~GAAAA~~,~~MAAAA~~,~~CACpB~~,~~GAAAlB,~~QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAmB;AAERW,MAAAA,2DACXC,UAAAA,aAAW5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAoC,OAAO;AAAA,EAC9CsB,OAAO;AAAA,EACPC,OAAO;AAAA,EAEP,GAAIvB,cAAc;AAAA,~~IAChBwB~~,~~QAAQ~~;AAAA,~~IACRC~~,~~UAAU~~;AAAA,~~IACVC,UAAU~~;~~AAAA,EACZ;~~AACF,~~IAAEjC~~,QAAAC,IAAAC,aAAC,eAAA,KAAA,~~q5EAAA~~;;;;;;;;"}
1	+ {"version":3,"file":"TextArea.styles.cjs","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n HvBaseInput,\n HvCharCounter,\n HvFormElement,\n HvInfoMessage,\n HvLabel,\n HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n HvFormElement,\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) => <HvLabel {...props} />)({\n display: \"block\",\n float: \"left\",\n paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n display: \"block\",\n float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n <HvCharCounter {...props} />\n))({\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props) => (\n <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n HvBaseInput,\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","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","_jsx","HvLabel","StyledInfoMessage","HvInfoMessage","StyledCharCounter","HvCharCounter","StyledWarningText","HvWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"],"mappings":"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"}

package/dist/cjs/components/ToggleButton/ToggleButton.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useControlled = require("../../hooks/useControlled.cjs");
 const Button = require("../Button/Button.cjs");
 const HvToggleButton = React.forwardRef((props, ref) => {
@@ -19,7 +19,15 @@ const HvToggleButton = React.forwardRef((props, ref) => {
     setIsSelected(!isSelected);
     onClick == null ? void 0 : onClick(e, !isSelected);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { ref, icon: true, variant: "secondaryGhost", "aria-pressed": isSelected, onClick: onClickHandler, ...others, children: children || (!isSelected ? notSelectedIcon : selectedIcon) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+    ref,
+    icon: true,
+    variant: "secondaryGhost",
+    "aria-pressed": isSelected,
+    onClick: onClickHandler,
+    ...others,
+    children: children || (!isSelected ? notSelectedIcon : selectedIcon)
+  });
 });
 exports.HvToggleButton = HvToggleButton;
 //# sourceMappingURL=ToggleButton.cjs.map

package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"components\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n HTMLButtonElement,\n { onClick }\n> & {\n /** When uncontrolled, defines the initial selected state. /\n defaultSelected?: boolean;\n /* Defines if the button is selected. When defined the button state becomes controlled. /\n selected?: boolean;\n /* Defines if the button is disabled. /\n disabled?: boolean;\n /* Icon for when not selected. Ignored if the component has children. /\n notSelectedIcon?: React.ReactNode;\n /* Icon for when selected. Ignored if the component has children. /\n selectedIcon?: React.ReactNode;\n /* Function called when icon is clicked. */\n onClick?: Function;\n};\n\nexport const HvToggleButton = forwardRef<\n HTMLButtonElement,\n HvToggleButtonProps\n>((props, ref) => {\n const {\n defaultSelected,\n selected,\n notSelectedIcon,\n selectedIcon = null,\n onClick,\n children,\n ...others\n } = props;\n\n const [isSelected, setIsSelected] = useControlled(\n selected,\n Boolean(defaultSelected)\n );\n\n const onClickHandler = (e) => {\n setIsSelected(!isSelected);\n onClick?.(e, !isSelected);\n };\n\n return (\n <HvButton\n ref={ref}\n icon\n variant=\"secondaryGhost\"\n aria-pressed={isSelected}\n onClick={onClickHandler}\n {...others}\n >\n {children \|\| (!isSelected ? notSelectedIcon : selectedIcon)}\n </HvButton>\n );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","e","HvButton"],"mappings":";;;;;;AAuBO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,~~OACGC~~;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAG1B,QAAMW,iBAAkBC,CAAM,MAAA;AAC5BJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,GAAG,CAACL;AAAAA,EAAU;AAG1B,wCACGM,~~iBACC~~,~~EAAA~~,~~KACA~~,MAAI,~~MACJ~~,SAAQ,~~kBACR~~,~~gBAAcN~~,~~YACd~~,~~SAASI~~,~~gBACT~~,~~GAAIL~~,~~QAEHD~~,~~uBAAa~~,CAACE,aAAaL,kBAAkBC,~~cAChD~~,~~CAAA~~;~~AAEJ~~,CAAC;;"}
1	+ {"version":3,"file":"ToggleButton.cjs","sources":["../../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { HvButton } from \"components\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nexport type HvToggleButtonProps = HvBaseProps<\n HTMLButtonElement,\n { onClick }\n> & {\n /** When uncontrolled, defines the initial selected state. /\n defaultSelected?: boolean;\n /* Defines if the button is selected. When defined the button state becomes controlled. /\n selected?: boolean;\n /* Defines if the button is disabled. /\n disabled?: boolean;\n /* Icon for when not selected. Ignored if the component has children. /\n notSelectedIcon?: React.ReactNode;\n /* Icon for when selected. Ignored if the component has children. /\n selectedIcon?: React.ReactNode;\n /* Function called when icon is clicked. */\n onClick?: Function;\n};\n\nexport const HvToggleButton = forwardRef<\n HTMLButtonElement,\n HvToggleButtonProps\n>((props, ref) => {\n const {\n defaultSelected,\n selected,\n notSelectedIcon,\n selectedIcon = null,\n onClick,\n children,\n ...others\n } = props;\n\n const [isSelected, setIsSelected] = useControlled(\n selected,\n Boolean(defaultSelected)\n );\n\n const onClickHandler = (e) => {\n setIsSelected(!isSelected);\n onClick?.(e, !isSelected);\n };\n\n return (\n <HvButton\n ref={ref}\n icon\n variant=\"secondaryGhost\"\n aria-pressed={isSelected}\n onClick={onClickHandler}\n {...others}\n >\n {children \|\| (!isSelected ? notSelectedIcon : selectedIcon)}\n </HvButton>\n );\n});\n"],"names":["HvToggleButton","forwardRef","props","ref","defaultSelected","selected","notSelectedIcon","selectedIcon","onClick","children","others","isSelected","setIsSelected","useControlled","Boolean","onClickHandler","e","HvButton","icon","variant"],"mappings":";;;;;;AAuBO,MAAMA,iBAAiBC,MAAAA,WAG5B,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,eAAe;AAAA,IACfC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDR,IAAAA;AAEE,QAAA,CAACS,YAAYC,aAAa,IAAIC,cAAAA,cAClCR,UACAS,QAAQV,eAAe,CAAC;AAG1B,QAAMW,iBAAkBC,CAAM,MAAA;AAC5BJ,kBAAc,CAACD,UAAU;AACfK,uCAAAA,GAAG,CAACL;AAAAA,EAAU;AAG1B,wCACGM,OAAAA,UAAQ;AAAA,IACPd;AAAAA,IACAe,MAAI;AAAA,IACJC,SAAQ;AAAA,IACR,gBAAcR;AAAAA,IACdH,SAASO;AAAAA,IAAe,GACpBL;AAAAA,IAAMD,UAETA,aAAa,CAACE,aAAaL,kBAAkBC;AAAAA,EAAAA,CACrC;AAEf,CAAC;;"}