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

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

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

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

@@ -35,9 +35,9 @@ const StyledFormElement = /* @__PURE__ */ _styled(HvFormElement, process.env.NOD
   display: "inline-block",
   width: "100%",
   ...$resizable && {
-    width: "auto"
+    width: "100%"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiYXV0b1wiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICByZXNpemU6IFwiYm90aFwiLFxuICAgIG1pbldpZHRoOiBcIjE1MHB4XCIsXG4gICAgbWF4V2lkdGg6IFwiNjEwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UZXh0QXJlYS9UZXh0QXJlYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBIdkJhc2VJbnB1dCxcbiAgSHZDaGFyQ291bnRlcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZMYWJlbCxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHJlc2l6YWJsZSB9OiB7ICRyZXNpemFibGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHsgd2lkdGg6IFwiMTAwJVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZMYWJlbCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkNoYXJDb3VudGVyIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXYXJuaW5nVGV4dCA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPlxuKSkoeyBmbG9hdDogXCJsZWZ0XCIgfSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlSW5wdXQgPSBzdHlsZWQoXG4gIEh2QmFzZUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGNsZWFyOiBcImJvdGhcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuXG4gIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabelContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1e5t49x5"
 } : {
@@ -49,7 +49,7 @@ const StyledLabelContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV
 } : {
   name: "pah21w",
   styles: "float:left;display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLabel, { ...props }), process.env.NODE_ENV === "production" ? {
@@ -63,7 +63,7 @@ const StyledLabel = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLab
 } : {
   name: "ip3328",
   styles: "display:block;float:left;padding-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledInfoMessage = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvInfoMessage, { ...props }), process.env.NODE_ENV === "production" ? {
@@ -77,7 +77,7 @@ const StyledInfoMessage = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx
 } : {
   name: "1en9548",
   styles: "display:block;float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledCharCounter = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvCharCounter, { ...props }), process.env.NODE_ENV === "production" ? {
@@ -91,7 +91,7 @@ const StyledCharCounter = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx
 } : {
   name: "bui2ra",
   styles: "display:block;float:right;text-align:right;margin-bottom:6px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledWarningText = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvWarningText, { ...props }), process.env.NODE_ENV === "production" ? {
@@ -105,7 +105,7 @@ const StyledWarningText = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx
 } : {
   name: "g0dsyy",
   styles: "float:left",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledBaseInput = /* @__PURE__ */ _styled(HvBaseInput, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -119,11 +119,10 @@ const StyledBaseInput = /* @__PURE__ */ _styled(HvBaseInput, process.env.NODE_EN
   clear: "both",
   float: "left",
   ...$resizable && {
-    resize: "both",
-    minWidth: "150px",
-    maxWidth: "610px"
+    width: "100%",
+    resize: "both"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcImF1dG9cIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgcmVzaXplOiBcImJvdGhcIixcbiAgICBtaW5XaWR0aDogXCIxNTBweFwiLFxuICAgIG1heFdpZHRoOiBcIjYxMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRCtCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGV4dEFyZWEvVGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSHZCYXNlSW5wdXQsXG4gIEh2Q2hhckNvdW50ZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2TGFiZWwsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICBIdkZvcm1FbGVtZW50LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRyZXNpemFibGUgfTogeyAkcmVzaXphYmxlOiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7IHdpZHRoOiBcIjEwMCVcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5mb01lc3NhZ2UgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdkluZm9NZXNzYWdlIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoYXJDb3VudGVyID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZDaGFyQ291bnRlciB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgZmxvYXQ6IFwicmlnaHRcIixcbiAgdGV4dEFsaWduOiBcInJpZ2h0XCIsXG4gIG1hcmdpbkJvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV2FybmluZ1RleHQgPSBzdHlsZWQoKHByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHsgZmxvYXQ6IFwibGVmdFwiIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUlucHV0ID0gc3R5bGVkKFxuICBIdkJhc2VJbnB1dCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkcmVzaXphYmxlIH06IHsgJHJlc2l6YWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBjbGVhcjogXCJib3RoXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcblxuICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gIH0pLFxufSkpO1xuIl19 */");
 export {
   StyledBaseInput,
   StyledCharCounter,

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\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","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","StyledInfoMessage","StyledCharCounter","StyledWarningText","StyledBaseInput","HvBaseInput","clear","float","resize","minWidth","maxWidth"],"mappings":"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"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../../src/components/TextArea/TextArea.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  HvBaseInput,\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  display: \"inline-block\",\n  width: \"100%\",\n\n  ...($resizable && { width: \"100%\" }),\n}));\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props) => (\n  <HvCharCounter {...props} />\n))({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n});\n\nexport const StyledWarningText = styled((props) => (\n  <HvWarningText {...props} />\n))({ float: \"left\" });\n\nexport const StyledBaseInput = styled(\n  HvBaseInput,\n  transientOptions\n)(({ $resizable }: { $resizable: boolean }) => ({\n  clear: \"both\",\n  float: \"left\",\n\n  ...($resizable && {\n    width: \"100%\",\n    resize: \"both\",\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$resizable","display","width","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","StyledInfoMessage","StyledCharCounter","StyledWarningText","StyledBaseInput","HvBaseInput","clear","float","resize"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ const singleStyle = {
   padding: "15px 20px",
   display: "flex",
   backgroundColor: theme.colors.atmo1,
+  borderRadius: theme.tooltip.borderRadius,
   boxShadow: theme.shadows.md,
   width: "fit-content",
   "& p": {

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.js","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltip","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,MAAMI,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOX,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBjB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,WAAWH,MAAMI,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLR,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOX,MAAMC,OAAOW;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,eAAkBC,WAAW;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,eAAkBG,YAAYJ,YAAYrB,cAAckB;AAAAA,IAC/D,CAAE,MAAKQ,iBAAeC,UAAU;AAAA,MAC9BzB,SAAS;AAAA,MACT0B,cAAe,aAAYvB,MAAMC,OAAOuB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,iBAAeI,oBAAoB;AAAA,MACxC5B,SAASG,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKO,iBAAeM,WAAW;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,iBAAeV,UAAU;AAAA,MAC9BL,OAAON,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeU,cAAc;AAAA,MAClCzB,OAAON,MAAM0B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeW,mBAAmB;AAAA,MACvC1B,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKe,iBAAeY,iBAAiB;AAAA,MACrCpC,SAASG,MAAM0B,MAAMZ;AAAAA,IACvB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"Tooltip.styles.js","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,MAAMM,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOb,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBnB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,MAAMM,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOb,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,eAAkBC,WAAW;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,eAAkBf,YAAYc,YAAYvB,cAAcoB;AAAAA,IAC/D,CAAE,MAAKO,iBAAeC,UAAU;AAAA,MAC9B1B,SAAS;AAAA,MACT2B,cAAe,aAAYxB,MAAMC,OAAOwB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,iBAAeI,oBAAoB;AAAA,MACxC7B,SAASG,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKM,iBAAeM,WAAW;AAAA,MAC/B9B,SAAS;AAAA,MACT+B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,iBAAeT,UAAU;AAAA,MAC9BL,OAAOR,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeU,cAAc;AAAA,MAClCxB,OAAOR,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,iBAAeW,mBAAmB;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKc,iBAAeY,iBAAiB;AAAA,MACrCrC,SAASG,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,EAAA;AAEJ;"}

package/dist/esm/utils/sizes.js

@@ -1,28 +1,28 @@
 const decreaseSize = (size) => {
   switch (size) {
-    case "XL":
+    case "xl":
       return "L";
-    case "L":
-    case "LG":
+    case "l":
+    case "lg":
       return "M";
-    case "M":
-    case "MD":
+    case "m":
+    case "md":
       return "S";
-    case "S":
-    case "SM":
+    case "s":
+    case "sm":
     default:
       return "XS";
   }
 };
 const increaseSize = (size) => {
   switch (size) {
-    case "XS":
+    case "xs":
       return "S";
-    case "S":
+    case "s":
       return "M";
-    case "M":
+    case "m":
       return "L";
-    case "L":
+    case "l":
     default:
       return "XL";
   }

package/dist/esm/utils/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../src/utils/sizes.ts"],"sourcesContent":["export const decreaseSize = (size: string) => {\n  switch (size) {\n    case \"XL\":\n      return \"L\";\n\n    case \"L\":\n    case \"LG\":\n      return \"M\";\n\n    case \"M\":\n    case \"MD\":\n      return \"S\";\n\n    case \"S\":\n    case \"SM\":\n    default:\n      return \"XS\";\n  }\n};\n\nexport const increaseSize = (size: string) => {\n  switch (size) {\n    case \"XS\":\n      return \"S\";\n\n    case \"S\":\n      return \"M\";\n\n    case \"M\":\n      return \"L\";\n\n    case \"L\":\n    default:\n      return \"XL\";\n  }\n};\n"],"names":["decreaseSize","size","increaseSize"],"mappings":"AAAaA,MAAAA,eAAeA,CAACC,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;AAEaC,MAAAA,eAAeA,CAACD,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;"}
+{"version":3,"file":"sizes.js","sources":["../../../src/utils/sizes.ts"],"sourcesContent":["export const decreaseSize = (size: string) => {\n  switch (size) {\n    case \"xl\":\n      return \"L\";\n\n    case \"l\":\n    case \"lg\":\n      return \"M\";\n\n    case \"m\":\n    case \"md\":\n      return \"S\";\n\n    case \"s\":\n    case \"sm\":\n    default:\n      return \"XS\";\n  }\n};\n\nexport const increaseSize = (size: string) => {\n  switch (size) {\n    case \"xs\":\n      return \"S\";\n\n    case \"s\":\n      return \"M\";\n\n    case \"m\":\n      return \"L\";\n\n    case \"l\":\n    default:\n      return \"XL\";\n  }\n};\n"],"names":["decreaseSize","size","increaseSize"],"mappings":"AAAaA,MAAAA,eAAeA,CAACC,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;AAEaC,MAAAA,eAAeA,CAACD,SAAiB;AAC5C,UAAQA,MAAI;AAAA,IACV,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EAAK;AAElB;"}

package/dist/esm/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\n  themes,\n  HvBaseTheme,\n  colors,\n  HvThemeColorModeStructure,\n  HvParsedThemeStyles,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  styles: HvParsedThemeStyles,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // Set default properties for all components to inherit\n  element.style.backgroundColor = styles.bgColor;\n  element.style.colorScheme = styles.colorScheme;\n  element.style.accentColor = styles.accentColor;\n  element.style.color = styles.color;\n  element.style.fontSize = styles.fontSize;\n  element.style.fontWeight = styles.fontWeight;\n  element.style.lineHeight = styles.lineHeight;\n  element.style.letterSpacing = styles.letterSpacing;\n  element.style.fontFamily = styles.fontFamily;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) => val && typeof val === \"object\";\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n  baseTheme: HvBaseTheme,\n  newThemeName?: string,\n  inheritColorModes?: boolean,\n  customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n  // Apply customizations to the base theme\n  const customizedTheme: HvCustomizedTheme = customizations\n    ? (applyThemeCustomizations(\n        themes[baseTheme],\n        customizations\n      ) as HvCustomizedTheme)\n    : { ...themes[baseTheme] };\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[baseTheme].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          type: customizedTheme.colors.modes[mode].type || \"light\",\n          backgroundColor: colors.light.atmo2,\n          ...colors.common,\n          ...colors.light,\n          ...(customizedTheme.colors.modes[mode] as Partial<\n            HvThemeColorModeStructure & { [key: string]: string }\n          >),\n        };\n      }\n    });\n  }\n\n  // Create new themes list\n  let customizedThemes: {\n    [themeName: string]: HvCustomizedTheme;\n  } = newThemeName\n    ? { ...themes, [newThemeName]: customizedTheme }\n    : { ...themes, [baseTheme]: customizedTheme };\n\n  // If we have a new theme name and the flag `inheritColorModes` is false we're removing\n  // any color modes that might have been inherited and directly defined\n  if (!inheritColorModes && newThemeName && customizations) {\n    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {\n      if (!Object.keys(customizations.colors?.modes || {}).includes(m)) {\n        delete customizedThemes[newThemeName].colors.modes[m];\n      }\n    });\n  }\n\n  return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","styles","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","bgColor","colorScheme","accentColor","color","fontSize","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","inheritColorModes","themes","colors","modes","type","light","atmo2","common","customizedThemes","m","includes"],"mappings":";AAYO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,QACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAGpCQ,UAAAA,MAAMC,kBAAkBR,OAAOS;AAC/BF,UAAAA,MAAMG,cAAcV,OAAOU;AAC3BH,UAAAA,MAAMI,cAAcX,OAAOW;AAC3BJ,UAAAA,MAAMK,QAAQZ,OAAOY;AACrBL,UAAAA,MAAMM,WAAWb,OAAOa;AACxBN,UAAAA,MAAMO,aAAad,OAAOc;AAC1BP,UAAAA,MAAMQ,aAAaf,OAAOe;AAC1BR,UAAAA,MAAMS,gBAAgBhB,OAAOgB;AAC7BT,UAAAA,MAAMU,aAAajB,OAAOiB;AACpC;AAKA,MAAMC,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAC,mBACAX,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCc,OAAOH,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGY,OAAOH;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBU,OAAOC,KAAK,EAAER,QAAS3B,CAAS,SAAA;AAC1D,UAAI,CAACiC,OAAOH,WAAWI,OAAOC,MAAMnC,OAAO;AACzBkC,wBAAAA,OAAOC,MAAMnC,QAAQ;AAAA,UACnCoC,MAAMZ,gBAAgBU,OAAOC,MAAMnC,MAAMoC,QAAQ;AAAA,UACjD3B,iBAAiByB,OAAOG,MAAMC;AAAAA,UAC9B,GAAGJ,OAAOK;AAAAA,UACV,GAAGL,OAAOG;AAAAA,UACV,GAAIb,gBAAgBU,OAAOC,MAAMnC;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,MAAIwC,mBAEAT,eACA;AAAA,IAAE,GAAGE;AAAAA,IAAQ,CAACF,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGS;AAAAA,IAAQ,CAACH,YAAYN;AAAAA,EAAAA;AAI1B,MAAA,CAACQ,qBAAqBD,gBAAgBV,gBAAgB;AACxDI,WAAOC,KAAKc,iBAAiBT,cAAcG,OAAOC,KAAK,EAAER,QAASc,CAAM,MAAA;;AAClE,UAAA,CAAChB,OAAOC,OAAKL,oBAAea,WAAfb,mBAAuBc,UAAS,EAAE,EAAEO,SAASD,CAAC,GAAG;AACzDD,eAAAA,iBAAiBT,cAAcG,OAAOC,MAAMM;AAAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH;AAEOD,SAAAA;AACT;"}
+{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["/*eslint import/namespace: [2, { allowComputed: true }]*/\nimport {\n  themes,\n  HvBaseTheme,\n  colors,\n  HvThemeColorModeStructure,\n  HvParsedThemeStyles,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n  theme: string,\n  mode: string,\n  styles: HvParsedThemeStyles,\n  elementId?: string\n) => {\n  const element =\n    (elementId && document.getElementById(elementId)) || document.body;\n\n  element.setAttribute(`data-theme`, theme);\n  element.setAttribute(`data-color-mode`, mode);\n\n  // Set default properties for all components to inherit\n  element.style.backgroundColor = styles.bgColor;\n  element.style.colorScheme = styles.colorScheme;\n  element.style.accentColor = styles.accentColor;\n  element.style.color = styles.color;\n  element.style.fontSize = styles.fontSize;\n  element.style.fontWeight = styles.fontWeight;\n  element.style.lineHeight = styles.lineHeight;\n  element.style.letterSpacing = styles.letterSpacing;\n  element.style.fontFamily = styles.fontFamily;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n  const isObject = (val: any) => val && typeof val === \"object\";\n\n  // Customized theme\n  const customizedTheme = { ...obj };\n\n  // Add new values to the theme or replace values\n  Object.keys(customizations).forEach((key) => {\n    if (customizedTheme[key]) {\n      if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n        customizedTheme[key] = applyThemeCustomizations(\n          customizedTheme[key],\n          customizations[key]\n        );\n      } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n        customizedTheme[key] = customizations[key];\n      }\n    } else {\n      customizedTheme[key] = customizations[key];\n    }\n  });\n\n  return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n  baseTheme: HvBaseTheme,\n  newThemeName?: string,\n  inheritColorModes?: boolean,\n  customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n  // Apply customizations to the base theme\n  const customizedTheme: HvCustomizedTheme = customizations\n    ? (applyThemeCustomizations(\n        themes[baseTheme],\n        customizations\n      ) as HvCustomizedTheme)\n    : { ...themes[baseTheme] };\n\n  // Fill new color modes with missing colors\n  if (customizations) {\n    Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n      if (!themes[baseTheme].colors.modes[mode]) {\n        customizedTheme.colors.modes[mode] = {\n          type: customizedTheme.colors.modes[mode].type || \"light\",\n          backgroundColor: colors.light.atmo2,\n          ...colors.common,\n          ...colors.light,\n          ...(customizedTheme.colors.modes[mode] as Partial<\n            HvThemeColorModeStructure & { [key: string]: string }\n          >),\n        };\n      }\n    });\n  }\n\n  // Create new themes list\n  let customizedThemes: {\n    [themeName: string]: HvCustomizedTheme;\n  } = newThemeName\n    ? { ...themes, [newThemeName]: customizedTheme }\n    : { ...themes, [baseTheme]: customizedTheme };\n\n  // If we have a new theme name and the flag `inheritColorModes` is false we're removing\n  // any color modes that might have been inherited and directly defined\n  if (!inheritColorModes && newThemeName && customizations) {\n    Object.keys(customizedThemes[newThemeName].colors.modes).forEach((m) => {\n      if (!Object.keys(customizations.colors?.modes || {}).includes(m)) {\n        delete customizedThemes[newThemeName].colors.modes[m];\n      }\n    });\n  }\n\n  return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","styles","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","bgColor","colorScheme","accentColor","color","fontSize","fontWeight","lineHeight","letterSpacing","fontFamily","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","inheritColorModes","themes","colors","modes","type","light","atmo2","common","customizedThemes","m","includes"],"mappings":";AAaO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,QACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAGpCQ,UAAAA,MAAMC,kBAAkBR,OAAOS;AAC/BF,UAAAA,MAAMG,cAAcV,OAAOU;AAC3BH,UAAAA,MAAMI,cAAcX,OAAOW;AAC3BJ,UAAAA,MAAMK,QAAQZ,OAAOY;AACrBL,UAAAA,MAAMM,WAAWb,OAAOa;AACxBN,UAAAA,MAAMO,aAAad,OAAOc;AAC1BP,UAAAA,MAAMQ,aAAaf,OAAOe;AAC1BR,UAAAA,MAAMS,gBAAgBhB,OAAOgB;AAC7BT,UAAAA,MAAMU,aAAajB,OAAOiB;AACpC;AAKA,MAAMC,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAC,mBACAX,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCc,OAAOH,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGY,OAAOH;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBU,OAAOC,KAAK,EAAER,QAAS3B,CAAS,SAAA;AAC1D,UAAI,CAACiC,OAAOH,WAAWI,OAAOC,MAAMnC,OAAO;AACzBkC,wBAAAA,OAAOC,MAAMnC,QAAQ;AAAA,UACnCoC,MAAMZ,gBAAgBU,OAAOC,MAAMnC,MAAMoC,QAAQ;AAAA,UACjD3B,iBAAiByB,OAAOG,MAAMC;AAAAA,UAC9B,GAAGJ,OAAOK;AAAAA,UACV,GAAGL,OAAOG;AAAAA,UACV,GAAIb,gBAAgBU,OAAOC,MAAMnC;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,MAAIwC,mBAEAT,eACA;AAAA,IAAE,GAAGE;AAAAA,IAAQ,CAACF,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGS;AAAAA,IAAQ,CAACH,YAAYN;AAAAA,EAAAA;AAI1B,MAAA,CAACQ,qBAAqBD,gBAAgBV,gBAAgB;AACxDI,WAAOC,KAAKc,iBAAiBT,cAAcG,OAAOC,KAAK,EAAER,QAASc,CAAM,MAAA;;AAClE,UAAA,CAAChB,OAAOC,OAAKL,oBAAea,WAAfb,mBAAuBc,UAAS,EAAE,EAAEO,SAASD,CAAC,GAAG;AACzDD,eAAAA,iBAAiBT,cAAcG,OAAOC,MAAMM;AAAAA,MACrD;AAAA,IAAA,CACD;AAAA,EACH;AAEOD,SAAAA;AACT;"}