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

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

@@ -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(HvFormElement)({\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(HvLabel)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled(HvInfoMessage)({\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(HvWarningText)({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(HvListItem)(\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);\n\nexport const StyledTag = styled((props) => <HvTag {...props} />)(\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);\n\nexport const StyledInputListItem = styled(HvListItem)(\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(HvInput)(\n  ({ $singleLine }: { $singleLine: boolean }) => ({\n    [`& .${baseInputClasses.root}`]: {\n      width: \"100%\",\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      width: 0,\n      flex: \"1 1 auto\",\n      minWidth: 48,\n      height: 24,\n      lineHeight: \"24px\",\n      padding: 0,\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.inputRootReadOnly}`]: {\n      border: \"none\",\n      \"&:hover\": {\n        border: \"none\",\n      },\n    },\n    ...($singleLine && {}),\n  })\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","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","_styled","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","props","_jsx","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGpD;AAEK,MAAMC,uBAA8BC,iCAAA,QAAA,OAAKX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI/C;AAEK,MAAMG,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIxC;AAEK,MAAMK,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGpD;AAEK,MAAMO,oBAAoBL,iCAAAA,QAAQM,CACvCC,UAAAA,2BAAAA,IAACC,YAAAA,eAAa;AAAA,EAAA,GAAKF;AAAK,CAAA,GACzBjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,OAAO;AAAA,EACRgB,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,cAAc;AAChB,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ynSAAA;AAEUsB,MAAAA,0DACXC,cAAAA,iBAAezB,QAAAC,IAAAC,4BAAAwB,SAAA,IAAA;AAAA,EAAAvB,QAAA;AAAA,GACfwB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAvB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBuB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACLb,SAAS;AAAA,EACTc,cAAc;AAAA,EACdb,OAAO;AAAA,EACPc,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,UAAU;AAAA,EAEVC,eAAe;AAAA,EACfC,UAAU;AAAA,EAEVC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,QAAS,aAAYH,YAAAA,MAAMC,OAAOG;AAAAA,EAClCC,cAAc;AAAA,EAEd,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRH,QAAS,aAAYH,YAAAA,MAAMO,UAAUC;AAAAA,EACvC;AAAA,EAEA,CAAE,MAAKC,yBAAiBC,cAAc;AAAA,IACpCP,QAAQ;AAAA,EACV;AAAA,EAEA,4CAA4C;AAAA,IAC1CQ,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,WAAW;AAAA,EACb;AAAA,EAEA,GAAIhC,aAAa;AAAA,IACfgB,iBAAiBC,YAAAA,MAAMO,UAAUS;AAAAA,IACjCb,QAAS,aAAYH,YAAAA,MAAMC,OAAOG;AAAAA,IAElC,2BAA2B;AAAA,MACzBD,QAAS,aAAYH,YAAAA,MAAMC,OAAOG;AAAAA,IACpC;AAAA,EACF;AAAA,EAEA,GAAIhB,aAAa;AAAA,IACfW,iBAAiBC,YAAAA,MAAMO,UAAUU;AAAAA,IACjCd,QAAS,aAAYH,YAAAA,MAAMO,UAAUW;AAAAA,IACrC,WAAW;AAAA,MACTf,QAAS,aAAYH,YAAAA,MAAMO,UAAUW;AAAAA,IACvC;AAAA,EACF;AAAA,EAEA,GAAIlC,eAAe;AAAA,IACjBmC,WAAW;AAAA,IACXC,WAAW;AAAA,IACX3B,QAAQ;AAAA,IACRlB,SAAS;AAAA,IACT8C,YAAY;AAAA,IACZC,aAAa;AAAA,EACf;AAAA,EAEA,GAAIrC,UAAU;AAAA,IACZkB,QAAS,aAAYH,YAAAA,MAAMC,OAAOsB;AAAAA,EACpC;AAAA,EAEA,GAAIrC,cAAc;AAAA,IAChBK,OAAO;AAAA,IACPiC,QAAQ;AAAA,IACR7B,UAAU;AAAA,EACZ;AAAA,EAEA,GAAIR,YAAY;AAAA,IACdgB,QAAS,aAAYH,YAAAA,MAAMC,OAAOsB;AAAAA,EACpC;AACF,IAAEpE,QAAAC,IAAAC,aACH,eAAA,KAAA,ynSAAA;AAEM,MAAMoE,cAAqBC,iCAAAA,QAAAA,YAAAA,eAAavE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAE9C;AAEK,MAAM+D,iBAAwBC,iCAAAA,QAAAA,SAAAA,YAAUzE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC7C,CAAC;AAAA,EAAEyB;AAAsC,OAAO;AAAA,EAC9CN,cAAc;AAAA,EACde,QAAQ;AAAA,EACRoC,YAAY;AAAA,EACZ,sBAAsB;AAAA,IACpBnD,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIoD,wBAAgBC,YAAY;AAAA,IAChCrC,SAAS;AAAA,EACX;AAAA,EACA,GAAIV,eAAe;AAAA,IACjBT,SAAS;AAAA,IACT8C,YAAY;AAAA,EACd;AACF,IAAElE,QAAAC,IAAAC,aACH,eAAA,KAAA,ynSAAA;AAEM,MAAM2E,YAAYlE,iCAAAA,QAAQM,CAAUC,UAAAA,2BAAAA,IAAC4D,IAAAA,OAAK;AAAA,EAAA,GAAK7D;AAAK,CAAA,GAAIjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC7D,CAAC;AAAA,EAAE2E;AAAkC,OAAO;AAAA,EAC1C,CAAE,MAAKC,yBAAiBC,aAAa;AAAA,IACnC5C,UAAU;AAAA,EACZ;AAAA,EACA,GAAI0C,aAAa;AAAA,IACfvB,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,WAAW;AAAA,EACb;AACF,IAAE5D,QAAAC,IAAAC,aACH,eAAA,KAAA,ynSAAA;AAEM,MAAMgF,sBAA6BT,iCAAAA,QAAAA,SAAAA,YAAUzE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAClD,CAAC;AAAA,EACCyB;AAAAA,EACAsD;AAIF,OAAO;AAAA,EACL/D,SAAS;AAAA,EACTgE,UAAU;AAAA,EACV9C,QAAQ;AAAA,EACRoC,YAAY;AAAA,EACZ,CAAE,KAAIC,wBAAgBC,YAAY;AAAA,IAChCrC,SAAS;AAAA,EACX;AAAA,EACA,GAAIV,eAAe;AAAA,IACjBT,SAAS;AAAA,IACTiE,UAAU;AAAA,IACVjD,OAAO;AAAA,IACP8B,YAAY;AAAA,IACZoB,eAAe;AAAA,IACf,CAAE,KAAIN,yBAAiBO,sBAAsB;AAAA,MAC3C9C,UAAU;AAAA,MACVH,QAAQ;AAAA,MACR4B,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAIiB,kBAAkB;AAAA,IACpB,CAAE,MAAK7B,yBAAiBC,cAAc;AAAA,MACpCX,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,EACF;AACF,IAAE/C,QAAAC,IAAAC,aACH,eAAA,KAAA,ynSAAA;AAEM,MAAMsF,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOzF,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACvC,CAAC;AAAA,EAAEyB;AAAsC,OAAO;AAAA,EAC9C,CAAE,MAAKyB,yBAAiBoC,SAAS;AAAA,IAC/BtD,OAAO;AAAA,IACP,CAAE,YAAW4C,yBAAiBW,4BAA4B;AAAA,MACxDC,YAAY;AAAA,IACd;AAAA,IACA,CAAE,YAAWZ,yBAAiBW,4BAA4B;AAAA,MACxDC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,CAAE,MAAKtC,yBAAiBC,cAAc;AAAA,IACpCsC,YAAY;AAAA,IACZC,aAAa;AAAA,IACb1D,OAAO;AAAA,IACP2D,MAAM;AAAA,IACNV,UAAU;AAAA,IACV/C,QAAQ;AAAA,IACRoC,YAAY;AAAA,IACZnC,SAAS;AAAA,EACX;AAAA,EACA,CAAE,MAAKe,yBAAiB0C,yBAAyB;AAAA,IAC/ChD,QAAQ;AAAA,IACR4C,YAAY;AAAA,EACd;AAAA,EACA,CAAE,MAAKtC,yBAAiB2C,qBAAqB;AAAA,IAC3CC,SAAS;AAAA,IACTtC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKN,yBAAiB6C,sBAAsB;AAAA,IAC5CnD,QAAQ;AAAA,IACR,WAAW;AAAA,MACTA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAInB,eAAe,CAAC;AACtB,IAAE7B,QAAAC,IAAAC,aACH,eAAA,KAAA,ynSAAA;AAEM,MAAMkG,oBAAoBzF,iCAAAA,QAAQM,CACvCC,UAAAA,2BAAAA,IAACmF,YAAAA,eAAa;AAAA,EAAA,GAAKpF;AAAK,CAAA,GACzBjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACDgC,OAAO;AAAA,EACPK,UAAU;AAAA,EACV6D,KAAK;AAAA,EACL,CAAE,MAAKC,mBAAAA,QAAmBb,SAASa,2BAAmBC,WAAW;AAAA,IAC/DpE,OAAO;AAAA,EACT;AACF,GAACpC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ynSAAA;;;;;;;;;;;;;"}
+{"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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"}

package/dist/cjs/components/TagsInput/tagsInputClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["input", "listItemGutters", "listItemRoot", "root", "chipRoot", "disabled", "resizable", "invalid", "labelContainer", "label", "description", "characterCounter", "tagsList", "tagInputContainerRoot", "tagInputRoot", "tagSelected", "tagInputBorderContainer", "tagInputRootFocused", "singleLine", "error", "inputExtension", "suggestionsContainer", "suggestionList"];
+const classKeys = ["input", "listItemGutters", "listItemRoot", "root", "chipRoot", "disabled", "resizable", "invalid", "labelContainer", "label", "description", "characterCounter", "tagsList", "tagInputContainerRoot", "tagInputRoot", "tagSelected", "tagInputBorderContainer", "tagInputRootFocused", "tagInputRootEmpty", "singleLine", "error", "inputExtension", "suggestionsContainer", "suggestionList"];
 const tagsInputClasses = classes.getClasses(classKeys, "HvTagsInput");
 const tagsInputClasses$1 = tagsInputClasses;
 exports.default = tagsInputClasses$1;

package/dist/cjs/components/TagsInput/tagsInputClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tagsInputClasses.cjs","sources":["../../../../src/components/TagsInput/tagsInputClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagsInputClasses = {\n  /** Styles applied to the input element. */\n  input?: string;\n  /** Styles applied to the list item gutters. */\n  listItemGutters?: string;\n  /** Styles applied to the list item element. */\n  listItemRoot?: string;\n  /** Styles applied to the root container of the textarea. */\n  root?: string;\n  /** Styles applies to the tag root. */\n  chipRoot?: string;\n  /** Style applied to the root when resizable is `true`. */\n  disabled?: string;\n  /** Style applied to the root when resizable is `true`. */\n  resizable?: string;\n  /** Style applied to the root when invalid. */\n  invalid?: string;\n  /** Styles applied to text area container that holds the label, description and counter. */\n  labelContainer?: string;\n  /** Styles applied to the label element. */\n  label?: string;\n  /** Styles applied to the label element. */\n  description?: string;\n  /** Style applied on the character counter. */\n  characterCounter?: string;\n  /** Styles applied to the tags list container element. */\n  tagsList?: string;\n  /** Styles applied to the tag input container element. */\n  tagInputContainerRoot?: string;\n  /** Styles applied to the tag input element. */\n  tagInputRoot?: string;\n  /** Styles applied to a tag element when selected */\n  tagSelected?: string;\n  /** Styles applied to the input element border. */\n  tagInputBorderContainer?: string;\n  /** Styles applied to the input element when focused. */\n  tagInputRootFocused?: string;\n  /** Styled applied to the input element when empty */\n  tagInputRootEmpty?: string;\n  /** Styles applied to the container when in single line mode. */\n  singleLine?: string;\n  /** Styles applied to the tags list when an error occurred. */\n  error?: string;\n  /** Styles applied to the input extension shown when the suggestions list is visible. */\n  inputExtension?: string;\n  /** Styles applied to the container of the suggestions list. */\n  suggestionsContainer?: string;\n  /** Styles applied to the suggestions list. */\n  suggestionList?: string;\n};\n\nconst classKeys: string[] = [\n  \"input\",\n  \"listItemGutters\",\n  \"listItemRoot\",\n  \"root\",\n  \"chipRoot\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"tagsList\",\n  \"tagInputContainerRoot\",\n  \"tagInputRoot\",\n  \"tagSelected\",\n  \"tagInputBorderContainer\",\n  \"tagInputRootFocused\",\n  \"singleLine\",\n  \"error\",\n  \"inputExtension\",\n  \"suggestionsContainer\",\n  \"suggestionList\",\n];\n\nconst tagsInputClasses = getClasses<HvTagsInputClasses>(\n  classKeys,\n  \"HvTagsInput\"\n);\n\nexport default tagsInputClasses;\n"],"names":["classKeys","tagsInputClasses","getClasses"],"mappings":";;;AAqDA,MAAMA,YAAsB,CAC1B,SACA,mBACA,gBACA,QACA,YACA,YACA,aACA,WACA,kBACA,SACA,eACA,oBACA,YACA,yBACA,gBACA,eACA,2BACA,uBACA,cACA,SACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}
+{"version":3,"file":"tagsInputClasses.cjs","sources":["../../../../src/components/TagsInput/tagsInputClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTagsInputClasses = {\n  /** Styles applied to the input element. */\n  input?: string;\n  /** Styles applied to the list item gutters. */\n  listItemGutters?: string;\n  /** Styles applied to the list item element. */\n  listItemRoot?: string;\n  /** Styles applied to the root container of the textarea. */\n  root?: string;\n  /** Styles applies to the tag root. */\n  chipRoot?: string;\n  /** Style applied to the root when resizable is `true`. */\n  disabled?: string;\n  /** Style applied to the root when resizable is `true`. */\n  resizable?: string;\n  /** Style applied to the root when invalid. */\n  invalid?: string;\n  /** Styles applied to text area container that holds the label, description and counter. */\n  labelContainer?: string;\n  /** Styles applied to the label element. */\n  label?: string;\n  /** Styles applied to the label element. */\n  description?: string;\n  /** Style applied on the character counter. */\n  characterCounter?: string;\n  /** Styles applied to the tags list container element. */\n  tagsList?: string;\n  /** Styles applied to the tag input container element. */\n  tagInputContainerRoot?: string;\n  /** Styles applied to the tag input element. */\n  tagInputRoot?: string;\n  /** Styles applied to a tag element when selected */\n  tagSelected?: string;\n  /** Styles applied to the input element border. */\n  tagInputBorderContainer?: string;\n  /** Styles applied to the input element when focused. */\n  tagInputRootFocused?: string;\n  /** Styled applied to the input element when empty */\n  tagInputRootEmpty?: string;\n  /** Styles applied to the container when in single line mode. */\n  singleLine?: string;\n  /** Styles applied to the tags list when an error occurred. */\n  error?: string;\n  /** Styles applied to the input extension shown when the suggestions list is visible. */\n  inputExtension?: string;\n  /** Styles applied to the container of the suggestions list. */\n  suggestionsContainer?: string;\n  /** Styles applied to the suggestions list. */\n  suggestionList?: string;\n};\n\nconst classKeys: string[] = [\n  \"input\",\n  \"listItemGutters\",\n  \"listItemRoot\",\n  \"root\",\n  \"chipRoot\",\n  \"disabled\",\n  \"resizable\",\n  \"invalid\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"characterCounter\",\n  \"tagsList\",\n  \"tagInputContainerRoot\",\n  \"tagInputRoot\",\n  \"tagSelected\",\n  \"tagInputBorderContainer\",\n  \"tagInputRootFocused\",\n  \"tagInputRootEmpty\",\n  \"singleLine\",\n  \"error\",\n  \"inputExtension\",\n  \"suggestionsContainer\",\n  \"suggestionList\",\n];\n\nconst tagsInputClasses = getClasses<HvTagsInputClasses>(\n  classKeys,\n  \"HvTagsInput\"\n);\n\nexport default tagsInputClasses;\n"],"names":["classKeys","tagsInputClasses","getClasses"],"mappings":";;;AAqDA,MAAMA,YAAsB,CAC1B,SACA,mBACA,gBACA,QACA,YACA,YACA,aACA,WACA,kBACA,SACA,eACA,oBACA,YACA,yBACA,gBACA,eACA,2BACA,uBACA,qBACA,cACA,SACA,kBACA,wBACA,gBAAgB;AAGlB,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}

package/dist/cjs/components/TextArea/TextArea.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const TextArea_styles = require("./TextArea.styles.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const clsx = require("clsx");
@@ -7,7 +8,6 @@ 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");
@@ -143,74 +143,27 @@ 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

@@ -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","$resizable","children","StyledLabelContainer","labelContainer","_jsx","StyledLabel","htmlFor","StyledInfoMessage","StyledCharCounter","characterCounter","separator","currentCharQuantity","StyledBaseInput","baseInput","input","inputResizable","multiline","StyledWarningText","disableBorder"],"mappings":"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"}
+{"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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"}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 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");
@@ -41,7 +41,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
   ...$resizable && {
     width: "auto"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiYXV0b1wiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZChIdldhcm5pbmdUZXh0KSh7IGZsb2F0OiBcImxlZnRcIiB9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VJbnB1dCA9IHN0eWxlZChcbiAgSHZCYXNlSW5wdXQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgY2xlYXI6IFwiYm90aFwiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG5cbiAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgbWluV2lkdGg6IFwiMTUwcHhcIixcbiAgICBtYXhXaWR0aDogXCI2MTBweFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiYXV0b1wiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x5"
 } : {
@@ -53,12 +53,10 @@ 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+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   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",
@@ -69,12 +67,10 @@ 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+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   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",
@@ -85,12 +81,10 @@ 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+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   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",
@@ -101,10 +95,10 @@ 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+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledWarningText = /* @__PURE__ */ _styled__default.default(WarningText.HvWarningText, 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",
@@ -115,7 +109,7 @@ const StyledWarningText = /* @__PURE__ */ _styled__default.default(WarningText.H
 } : {
   name: "g0dsyy",
   styles: "float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBaseInput, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -133,7 +127,7 @@ const StyledBaseInput = /* @__PURE__ */ _styled__default.default(BaseInput.HvBas
     minWidth: "150px",
     maxWidth: "610px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoSHZXYXJuaW5nVGV4dCkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
 exports.StyledBaseInput = StyledBaseInput;
 exports.StyledCharCounter = StyledCharCounter;
 exports.StyledFormElement = StyledFormElement;

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

@@ -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(HvWarningText)({ 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":"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"}
+{"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":"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"}

package/dist/cjs/components/ToggleButton/ToggleButton.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
 const useControlled = require("../../hooks/useControlled.cjs");
 const Button = require("../Button/Button.cjs");
 const HvToggleButton = React.forwardRef((props, ref) => {
@@ -19,15 +19,7 @@ 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

@@ -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  /** 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":";;;;;;AAqBO,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,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;;"}
+{"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;;"}