@hitachivantara/uikit-react-core 5.0.0-next.9 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport { inputClasses } from \"components\";\nimport { paginationClasses } from \".\";\nimport { CSSProperties } from \"react\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  zIndex: 1,\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"stretch\",\n  flexWrap: \"wrap\",\n  marginTop: theme.space.sm,\n  [`& .${paginationClasses.pageSizeInput}`]: {\n    ...(theme.typography.label as CSSProperties),\n  },\n  [`& .${paginationClasses.pageSizeInputContainer}`]: {\n    width: 40,\n    minWidth: 40,\n    maxWidth: theme.spacing(8),\n    '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n      {\n        WebkitAppearance: \"none\",\n        margin: 0,\n      },\n  },\n  [`&& .${paginationClasses.pageSizeInputRoot}`]: {\n    backgroundColor: \"transparent\",\n    \"&:focus, &:focus-within, &:hover\": {\n      backgroundColor: hoverColor,\n    },\n  },\n});\n\nexport const StyledPageSizeOptions = styled(\"div\")({\n  display: \"flex\",\n  position: \"absolute\",\n  height: 32,\n  marginRight: 40,\n  top: \"50%\",\n  transform: \"translateY(-50%)\",\n  left: \"0\",\n});\n\nexport const StyledPageSizePrev = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledSelect = styled(Select)({\n  display: \"inline-block\",\n  margin: `0px ${theme.space.xs}`,\n  width: \"auto\",\n});\n\nexport const StyledPageSizeTextContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledPageNavigator = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"stretch\",\n  height: \"32px\",\n  \"&>*\": {\n    margin: `0 4px`,\n  },\n});\n\nexport const StyledButtonIconTooltip = styled(ButtonIconTooltip)({\n  padding: 0,\n});\n\nexport const StyledPageInfo = styled(\"div\")({\n  display: \"inline-block\",\n  whiteSpace: \"nowrap\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n});\n\nexport const StyledPageJump = styled(\"div\")({\n  display: \"inline-block\",\n  marginRight: `4px`,\n  [`& .${inputClasses.inputRoot}`]: {\n    [`& .${paginationClasses.pageSizeInput}`]: {\n      paddingLeft: `4px`,\n      paddingRight: `4px`,\n      margin: 0,\n      textAlign: \"center\",\n      // textAlign: theme.pagination.pageJumpTextAlign, TODO: fix this\n      MozAppearance: \"textfield\",\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n      },\n      \"&:hover\": {\n        cursor: \"pointer\",\n      },\n    },\n  },\n});\n"],"names":["hoverColor","theme","colors","atmo3","StyledRoot","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","WebkitAppearance","margin","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","MozAppearance","cursor"],"mappings":"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"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport { inputClasses } from \"components\";\nimport { paginationClasses } from \".\";\nimport { CSSProperties } from \"react\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const StyledRoot = styled(\"div\")({\n  position: \"relative\",\n  zIndex: 1,\n  display: \"flex\",\n  justifyContent: \"center\",\n  alignItems: \"stretch\",\n  flexWrap: \"wrap\",\n  marginTop: theme.space.sm,\n  [`& .${paginationClasses.pageSizeInput}`]: {\n    ...(theme.typography.label as CSSProperties),\n  },\n  [`& .${paginationClasses.pageSizeInputContainer}`]: {\n    width: 40,\n    minWidth: 40,\n    maxWidth: theme.spacing(8),\n    '& input[type=\"number\"]::-webkit-inner-spin-button, input[type=\"number\"]::-webkit-outer-spin-button':\n      {\n        WebkitAppearance: \"none\",\n        margin: 0,\n      },\n  },\n  [`&& .${paginationClasses.pageSizeInputRoot}`]: {\n    backgroundColor: \"transparent\",\n    \"&:focus, &:focus-within, &:hover\": {\n      backgroundColor: hoverColor,\n    },\n  },\n});\n\nexport const StyledPageSizeOptions = styled(\"div\")({\n  display: \"flex\",\n  position: \"absolute\",\n  height: 32,\n  marginRight: 40,\n  top: \"50%\",\n  transform: \"translateY(-50%)\",\n  left: \"0\",\n});\n\nexport const StyledPageSizePrev = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledSelect = styled(Select)({\n  display: \"inline-block\",\n  margin: `0px ${theme.space.xs}`,\n  width: \"auto\",\n});\n\nexport const StyledPageSizeTextContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"32px\",\n  padding: \"8px 0\",\n});\n\nexport const StyledPageNavigator = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"stretch\",\n  height: \"32px\",\n  \"&>*\": {\n    margin: `0 4px`,\n  },\n});\n\nexport const StyledButtonIconTooltip = styled(ButtonIconTooltip)({\n  padding: 0,\n});\n\nexport const StyledPageInfo = styled(\"div\")({\n  display: \"inline-block\",\n  whiteSpace: \"nowrap\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n});\n\nexport const StyledPageJump = styled(\"div\")({\n  display: \"inline-block\",\n  marginRight: `4px`,\n  [`& .${inputClasses.inputRoot}`]: {\n    [`& .${paginationClasses.pageSizeInput}`]: {\n      paddingLeft: `4px`,\n      paddingRight: `4px`,\n      margin: 0,\n      textAlign: \"center\",\n      borderRadius: theme.radii.base,\n      MozAppearance: \"textfield\",\n      \"&:focus\": {\n        backgroundColor: hoverColor,\n      },\n      \"&:hover\": {\n        cursor: \"pointer\",\n      },\n    },\n  },\n});\n"],"names":["hoverColor","theme","colors","atmo3","StyledRoot","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","WebkitAppearance","margin","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","borderRadius","radii","base","MozAppearance","cursor"],"mappings":"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"}

package/dist/esm/components/Pagination/Select.js

@@ -1,7 +1,7 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useState } from "react";
 import clsx from "clsx";
 import { StyledRoot } from "./Select.styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
 import { HvTypography } from "../Typography/Typography.js";
@@ -10,7 +10,10 @@ import { HvSelectionList } from "../SelectionList/SelectionList.js";
 const Option = ({
   children,
   ...others
-}) => /* @__PURE__ */ jsx(HvListItem, { ...others, children });
+}) => /* @__PURE__ */ jsx(HvListItem, {
+  ...others,
+  children
+});
 const HvSelect = ({
   className,
   classes,
@@ -38,12 +41,33 @@ const HvSelect = ({
       return true;
     });
   };
-  return /* @__PURE__ */ jsx(StyledRoot, { children: /* @__PURE__ */ jsx(HvBaseDropdown, { className, classes: {
-    root: clsx(classes.base, classes.root),
-    anchor: classes.anchor,
-    header: classes.header,
-    headerOpen: classes.headerOpen
-  }, expanded: open, onToggle: handleToggle, onContainerCreation: setFocusToContent, placeholder: /* @__PURE__ */ jsx(HvTypography, { children: value }), disabled, variableWidth: true, ...others, children: /* @__PURE__ */ jsx(HvPanel, { children: /* @__PURE__ */ jsx(HvSelectionList, { value, onChange: handleSelect, children }) }) }) });
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    children: /* @__PURE__ */ jsx(HvBaseDropdown, {
+      className,
+      classes: {
+        root: clsx(classes.base, classes.root),
+        anchor: classes.anchor,
+        header: classes.header,
+        headerOpen: classes.headerOpen
+      },
+      expanded: open,
+      onToggle: handleToggle,
+      onContainerCreation: setFocusToContent,
+      placeholder: /* @__PURE__ */ jsx(HvTypography, {
+        children: value
+      }),
+      disabled,
+      variableWidth: true,
+      ...others,
+      children: /* @__PURE__ */ jsx(HvPanel, {
+        children: /* @__PURE__ */ jsx(HvSelectionList, {
+          value,
+          onChange: handleSelect,
+          children
+        })
+      })
+    })
+  });
 };
 export {
   Option,

package/dist/esm/components/Pagination/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  HvBaseDropdown,\n  HvSelectionList,\n  HvListItem,\n  HvPanel,\n  HvTypography,\n} from \"../index\";\nimport { StyledRoot } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n  <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n  className,\n  classes,\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <StyledRoot>\n      <HvBaseDropdown\n        className={className}\n        classes={{\n          root: clsx(classes.base, classes.root),\n          anchor: classes.anchor,\n          header: classes.header,\n          headerOpen: classes.headerOpen,\n        }}\n        expanded={open}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={<HvTypography>{value}</HvTypography>}\n        disabled={disabled}\n        variableWidth\n        {...others}\n      >\n        <HvPanel>\n          <HvSelectionList value={value} onChange={handleSelect}>\n            {children}\n          </HvSelectionList>\n        </HvPanel>\n      </HvBaseDropdown>\n    </StyledRoot>\n  );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","root","clsx","base","anchor","header","headerOpen"],"mappings":";;;;;;;;;AAWO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAaC;AAAO,MAC1C,oBAAA,YAAA,EAAeA,GAAAA,QAASD,SAAS,CAAA;AAGpC,MAAME,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAP;AAAAA,KACGC;AACL,MAAM;AACJ,QAAM,CAACO,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCR,yCAAWO,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,SACG,oBAAA,YAAA,EACC,UAAC,oBAAA,gBAAA,EACC,WACA,SAAS;AAAA,IACPC,MAAMC,KAAKtB,QAAQuB,MAAMvB,QAAQqB,IAAI;AAAA,IACrCG,QAAQxB,QAAQwB;AAAAA,IAChBC,QAAQzB,QAAQyB;AAAAA,IAChBC,YAAY1B,QAAQ0B;AAAAA,EAAAA,GAEtB,UAAUtB,MACV,UAAUM,cACV,qBAAqBG,mBACrB,aAAa,oBAAC,cAAcV,EAAAA,UAAAA,MAAM,CAAA,GAClC,UACA,eAAa,MACb,GAAIN,QAEJ,UAAC,oBAAA,SAAA,EACC,UAAC,oBAAA,iBAAA,EAAgB,OAAc,UAAUU,cACtCX,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n  HvBaseDropdown,\n  HvSelectionList,\n  HvListItem,\n  HvPanel,\n  HvTypography,\n} from \"../index\";\nimport { StyledRoot } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n  <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n  className,\n  classes,\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}) => {\n  const [open, setOpen] = useState(false);\n\n  const handleSelect = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  return (\n    <StyledRoot>\n      <HvBaseDropdown\n        className={className}\n        classes={{\n          root: clsx(classes.base, classes.root),\n          anchor: classes.anchor,\n          header: classes.header,\n          headerOpen: classes.headerOpen,\n        }}\n        expanded={open}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={<HvTypography>{value}</HvTypography>}\n        disabled={disabled}\n        variableWidth\n        {...others}\n      >\n        <HvPanel>\n          <HvSelectionList value={value} onChange={handleSelect}>\n            {children}\n          </HvSelectionList>\n        </HvPanel>\n      </HvBaseDropdown>\n    </StyledRoot>\n  );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","StyledRoot","HvBaseDropdown","root","clsx","base","anchor","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","HvTypography","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;;;AAWO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAU,GAAGC;AAAO,0BAC1CC,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,CAClC;AAED,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAR;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACQ,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCR,yCAAWO,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,6BACGC,YAAU;AAAA,IAAA1B,8BACR2B,gBAAc;AAAA,MACbvB;AAAAA,MACAC,SAAS;AAAA,QACPuB,MAAMC,KAAKxB,QAAQyB,MAAMzB,QAAQuB,IAAI;AAAA,QACrCG,QAAQ1B,QAAQ0B;AAAAA,QAChBC,QAAQ3B,QAAQ2B;AAAAA,QAChBC,YAAY5B,QAAQ4B;AAAAA,MACtB;AAAA,MACAC,UAAUzB;AAAAA,MACV0B,UAAUpB;AAAAA,MACVqB,qBAAqBlB;AAAAA,MACrBmB,iCAAcC,cAAY;AAAA,QAAAtC,UAAEQ;AAAAA,MAAAA,CAAsB;AAAA,MAClDD;AAAAA,MACAgC,eAAa;AAAA,MAAA,GACTtC;AAAAA,MAAMD,8BAETwC,SAAO;AAAA,QAAAxC,8BACLyC,iBAAe;AAAA,UAACjC;AAAAA,UAAcF,UAAUM;AAAAA,UAAaZ;AAAAA,QAAAA,CAC3C;AAAA,MAAA,CACO;AAAA,IAAA,CACV;AAAA,EAAA,CAED;AAEjB;"}

package/dist/esm/components/Pagination/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { baseDropdownClasses } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  [`& .${baseDropdownClasses.root}`]: {\n    width: \"auto\",\n\n    [`& > div.${baseDropdownClasses.anchor}`]: {\n      width: \"auto\",\n    },\n    [`& .${baseDropdownClasses.header}`]: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n    },\n    [`& .${baseDropdownClasses.headerOpen}`]: {\n      backgroundColor: theme.colors.atmo1,\n      borderColor: theme.colors.atmo1,\n    },\n    [`& .${baseDropdownClasses.selection}`]: {\n      borderRadius: theme.pagination.pageSizeBorderRadius,\n      border: `1px solid ${theme.pagination.pageSizeBorderColor}`,\n    },\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","baseDropdownClasses","root","width","anchor","header","backgroundColor","borderColor","headerOpen","theme","colors","atmo1","selection","borderRadius","pagination","pageSizeBorderRadius","border","pageSizeBorderColor"],"mappings":";;;AAIO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtC,CAAE,MAAKC,oBAAoBC,SAAS;AAAA,IAClCC,OAAO;AAAA,IAEP,CAAE,WAAUF,oBAAoBG,WAAW;AAAA,MACzCD,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKF,oBAAoBI,WAAW;AAAA,MACpCC,iBAAiB;AAAA,MACjBC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,MAAKN,oBAAoBO,eAAe;AAAA,MACxCF,iBAAiBG,MAAMC,OAAOC;AAAAA,MAC9BJ,aAAaE,MAAMC,OAAOC;AAAAA,IAC5B;AAAA,IACA,CAAE,MAAKV,oBAAoBW,cAAc;AAAA,MACvCC,cAAcJ,MAAMK,WAAWC;AAAAA,MAC/BC,QAAS,aAAYP,MAAMK,WAAWG;AAAAA,IACxC;AAAA,EACF;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ihDAAA;"}
+{"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { baseDropdownClasses } from \"components\";\n\nexport const StyledRoot = styled(\"div\")({\n  [`& .${baseDropdownClasses.root}`]: {\n    width: \"auto\",\n\n    [`& > div.${baseDropdownClasses.anchor}`]: {\n      width: \"auto\",\n    },\n    [`& .${baseDropdownClasses.header}`]: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n    },\n    [`& .${baseDropdownClasses.headerOpen}`]: {\n      backgroundColor: theme.colors.atmo1,\n      borderColor: theme.colors.atmo1,\n    },\n    [`& .${baseDropdownClasses.selection}`]: {\n      borderRadius: theme.pagination.pageSizeBorderRadius,\n      border: `1px solid ${theme.pagination.pageSizeBorderColor}`,\n    },\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","baseDropdownClasses","root","width","anchor","header","backgroundColor","borderColor","headerOpen","theme","colors","atmo1","selection","borderRadius","pagination","pageSizeBorderRadius","border","pageSizeBorderColor"],"mappings":";;;AAIO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtC,CAAE,MAAKC,oBAAoBC,MAAM,GAAG;AAAA,IAClCC,OAAO;AAAA,IAEP,CAAE,WAAUF,oBAAoBG,QAAQ,GAAG;AAAA,MACzCD,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKF,oBAAoBI,QAAQ,GAAG;AAAA,MACpCC,iBAAiB;AAAA,MACjBC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,MAAKN,oBAAoBO,YAAY,GAAG;AAAA,MACxCF,iBAAiBG,MAAMC,OAAOC;AAAAA,MAC9BJ,aAAaE,MAAMC,OAAOC;AAAAA,IAC5B;AAAA,IACA,CAAE,MAAKV,oBAAoBW,WAAW,GAAG;AAAA,MACvCC,cAAcJ,MAAMK,WAAWC;AAAAA,MAC/BC,QAAS,aAAYP,MAAMK,WAAWG;AAAAA,IACxC;AAAA,EACF;AACF,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ihDAAA;"}

package/dist/esm/components/Pagination/utils.js

@@ -1,5 +1,5 @@
 import { useState, useCallback } from "react";
-const setColor = (condition) => condition ? "atmo5" : void 0;
+const setColor = (condition) => condition ? "secondary_60" : void 0;
 const getSafePage = (inPage, page, pages) => Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);
 const usePageInput = (initialPage) => {
   const [page, setPage] = useState(initialPage + 1);

package/dist/esm/components/Pagination/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean): string | undefined =>\n  condition ? \"atmo5\" : undefined;\n\nexport const getSafePage = (\n  inPage: number,\n  page: number,\n  pages: number\n): number =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n  const [page, setPage] = useState<number>(initialPage + 1);\n\n  const handleChange = useCallback(\n    (evt, newPage: number) => setPage(newPage),\n    []\n  );\n\n  return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,UAAUC;AAEjB,MAAMC,cAAcA,CACzBC,QACAC,MACAC,UAEAC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,YACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CAAE;AAGG,SAAA,CAACd,MAAMW,YAAY;AAC5B;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean): string | undefined =>\n  condition ? \"secondary_60\" : undefined;\n\nexport const getSafePage = (\n  inPage: number,\n  page: number,\n  pages: number\n): number =>\n  Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n  const [page, setPage] = useState<number>(initialPage + 1);\n\n  const handleChange = useCallback(\n    (evt, newPage: number) => setPage(newPage),\n    []\n  );\n\n  return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,iBAAiBC;AAExB,MAAMC,cAAcA,CACzBC,QACAC,MACAC,UAEAC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,YACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CAAE;AAGG,SAAA,CAACd,MAAMW,YAAY;AAC5B;"}

package/dist/esm/components/Panel/Panel.js

@@ -1,16 +1,20 @@
-import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledDiv } from "./Panel.styles.js";
 import panelClasses from "./panelClasses.js";
-const HvPanel = (props) => {
-  const {
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvPanel = ({
+  id,
+  className,
+  classes,
+  children,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsx(StyledDiv, {
     id,
-    className,
-    classes,
-    children,
-    ...others
-  } = props;
-  return /* @__PURE__ */ jsx(StyledDiv, { id, className: clsx(className, panelClasses.root, classes == null ? void 0 : classes.root), ...others, children });
+    className: clsx(className, panelClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children
+  });
 };
 export {
   HvPanel

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledDiv } from \"./Panel.styles\";\nimport panelClasses, { HvPanelClasses } from \"./panelClasses\";\n\nexport type PanelProps = HvBaseProps & {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Class names to be applied. */\n  className?: string;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvPanelClasses;\n};\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nexport const HvPanel = (props: PanelProps) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <StyledDiv\n      id={id}\n      className={clsx(className, panelClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvPanel","props","id","className","classes","children","others","clsx","panelClasses","root"],"mappings":";;;;AAmBaA,MAAAA,UAAUA,CAACC,UAAsB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,SACG,oBAAA,WAAA,EACC,IACA,WAAWM,KAAKJ,WAAWK,aAAaC,MAAML,mCAASK,IAAI,GACvDH,GAAAA,QAEHD,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"Panel.js","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledDiv } from \"./Panel.styles\";\nimport panelClasses, { HvPanelClasses } from \"./panelClasses\";\n\nexport type HvPanelProps = HvBaseProps & {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvPanelClasses;\n};\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nexport const HvPanel = ({\n  id,\n  className,\n  classes,\n  children,\n  ...others\n}: HvPanelProps) => {\n  return (\n    <StyledDiv\n      id={id}\n      className={clsx(className, panelClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvPanel","id","className","classes","children","others","StyledDiv","clsx","panelClasses","root"],"mappings":";;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,6BACGC,WAAS;AAAA,IACRL;AAAAA,IACAC,WAAWK,KAAKL,WAAWM,aAAaC,MAAMN,mCAASM,IAAI;AAAA,IAAE,GACzDJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import clamp from "lodash/clamp";
 import { StyledRoot, StyledProgressContainer, StyledValue, StyledProgressBarContainer, StyledProgressBar } from "./ProgressBar.styles.js";
 import progressBarClasses from "./progressBarClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 const HvProgressBar = (props) => {
   const {
     className,
@@ -13,14 +13,35 @@ const HvProgressBar = (props) => {
     ...others
   } = props;
   const clampedValue = clamp(value, 0, 100);
-  return /* @__PURE__ */ jsx(StyledRoot, { className: clsx(className, progressBarClasses.root, classes == null ? void 0 : classes.root, progressBarClasses.progress, classes == null ? void 0 : classes.progress), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clampedValue, ...others, children: /* @__PURE__ */ jsxs(StyledProgressContainer, { className: clsx(classes == null ? void 0 : classes.progressContainer, progressBarClasses.progressContainer), children: [
-    /* @__PURE__ */ jsx(StyledValue, { className: clsx(progressBarClasses.progressBarLabel, classes == null ? void 0 : classes.progressBarLabel, status === "completed" && clsx(progressBarClasses.progressDone, classes == null ? void 0 : classes.progressDone)), variant: "caption2", style: {
-      width: `${clampedValue}%`
-    }, ...labelProps, children: `${clampedValue}%` }),
-    /* @__PURE__ */ jsx(StyledProgressBarContainer, { className: clsx(classes == null ? void 0 : classes.progressBarContainer, progressBarClasses.progressBarContainer), children: /* @__PURE__ */ jsx(StyledProgressBar, { style: {
-      width: `${clampedValue}%`
-    }, className: clsx(progressBarClasses.progressBar, classes == null ? void 0 : classes.progressBar, status === "completed" && clsx(classes == null ? void 0 : classes.progressDone, progressBarClasses.progressDone), status === "error" && clsx(classes == null ? void 0 : classes.progressError, progressBarClasses.progressError)), $status: status }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    className: clsx(className, progressBarClasses.root, classes == null ? void 0 : classes.root, progressBarClasses.progress, classes == null ? void 0 : classes.progress),
+    role: "progressbar",
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": clampedValue,
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledProgressContainer, {
+      className: clsx(classes == null ? void 0 : classes.progressContainer, progressBarClasses.progressContainer),
+      children: [/* @__PURE__ */ jsx(StyledValue, {
+        className: clsx(progressBarClasses.progressBarLabel, classes == null ? void 0 : classes.progressBarLabel, status === "completed" && clsx(progressBarClasses.progressDone, classes == null ? void 0 : classes.progressDone)),
+        variant: "caption2",
+        style: {
+          width: `${clampedValue}%`
+        },
+        ...labelProps,
+        children: `${clampedValue}%`
+      }), /* @__PURE__ */ jsx(StyledProgressBarContainer, {
+        className: clsx(classes == null ? void 0 : classes.progressBarContainer, progressBarClasses.progressBarContainer),
+        children: /* @__PURE__ */ jsx(StyledProgressBar, {
+          style: {
+            width: `${clampedValue}%`
+          },
+          className: clsx(progressBarClasses.progressBar, classes == null ? void 0 : classes.progressBar, status === "completed" && clsx(classes == null ? void 0 : classes.progressDone, progressBarClasses.progressDone), status === "error" && clsx(classes == null ? void 0 : classes.progressError, progressBarClasses.progressError)),
+          $status: status
+        })
+      })]
+    })
+  });
 };
 export {
   HvProgressBar

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvTypographyProps } from \"../Typography\";\nimport clamp from \"lodash/clamp\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledProgressBar,\n  StyledProgressBarContainer,\n  StyledProgressContainer,\n  StyledRoot,\n  StyledValue,\n} from \"./ProgressBar.styles\";\nimport progressBarClasses, { HvProgressBarClasses } from \"./progressBarClasses\";\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport type HvProgressBarProps = HvBaseProps & {\n  /** The value of the progress bar. */\n  value: number;\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status?: HvProgressBarStatus;\n  /** Aria Properties passed on to the progress bar. */\n  labelProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvProgressBarClasses;\n};\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = \"inProgress\",\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        progressBarClasses.root,\n        classes?.root,\n        progressBarClasses.progress,\n        classes?.progress\n      )}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <StyledProgressContainer\n        className={clsx(\n          classes?.progressContainer,\n          progressBarClasses.progressContainer\n        )}\n      >\n        <StyledValue\n          className={clsx(\n            progressBarClasses.progressBarLabel,\n            classes?.progressBarLabel,\n            status === \"completed\" &&\n              clsx(progressBarClasses.progressDone, classes?.progressDone)\n          )}\n          variant=\"caption2\"\n          style={{ width: `${clampedValue}%` }}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </StyledValue>\n        <StyledProgressBarContainer\n          className={clsx(\n            classes?.progressBarContainer,\n            progressBarClasses.progressBarContainer\n          )}\n        >\n          <StyledProgressBar\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              progressBarClasses.progressBar,\n              classes?.progressBar,\n              status === \"completed\" &&\n                clsx(classes?.progressDone, progressBarClasses.progressDone),\n              status === \"error\" &&\n                clsx(classes?.progressError, progressBarClasses.progressError)\n            )}\n            $status={status}\n          />\n        </StyledProgressBarContainer>\n      </StyledProgressContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","clamp","clsx","progressBarClasses","root","progress","progressContainer","progressBarLabel","progressDone","width","progressBarContainer","progressBar","progressError"],"mappings":";;;;;AAmCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,OACGC;AAAAA,EACDN,IAAAA;AAEJ,QAAMO,eAAeC,MAAML,OAAO,GAAG,GAAG;AAExC,SACG,oBAAA,YAAA,EACC,WAAWM,KACTR,WACAS,mBAAmBC,MACnBT,mCAASS,MACTD,mBAAmBE,UACnBV,mCAASU,QAAQ,GAEnB,MAAK,eACL,iBAAe,GACf,iBAAe,KACf,iBAAeL,cACXD,GAAAA,QAEJ,UAAA,qBAAC,yBACC,EAAA,WAAWG,KACTP,mCAASW,mBACTH,mBAAmBG,iBAAiB,GAGtC,UAAA;AAAA,IAAA,oBAAC,eACC,WAAWJ,KACTC,mBAAmBI,kBACnBZ,mCAASY,kBACTV,WAAW,eACTK,KAAKC,mBAAmBK,cAAcb,mCAASa,YAAY,CAAC,GAEhE,SAAQ,YACR,OAAO;AAAA,MAAEC,OAAQ,GAAET;AAAAA,IAAAA,GACfF,GAAAA,YAEF,UAAA,GAAEE,iBACN;AAAA,IACA,oBAAC,4BACC,EAAA,WAAWE,KACTP,mCAASe,sBACTP,mBAAmBO,oBAAoB,GAGzC,UAAC,oBAAA,mBAAA,EACC,OAAO;AAAA,MAAED,OAAQ,GAAET;AAAAA,IAAgB,GACnC,WAAWE,KACTC,mBAAmBQ,aACnBhB,mCAASgB,aACTd,WAAW,eACTK,KAAKP,mCAASa,cAAcL,mBAAmBK,YAAY,GAC7DX,WAAW,WACTK,KAAKP,mCAASiB,eAAeT,mBAAmBS,aAAa,CAAC,GAElE,SAASf,OAAAA,CAAO,EAEpB,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvTypographyProps } from \"../Typography\";\nimport clamp from \"lodash/clamp\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledProgressBar,\n  StyledProgressBarContainer,\n  StyledProgressContainer,\n  StyledRoot,\n  StyledValue,\n} from \"./ProgressBar.styles\";\nimport progressBarClasses, { HvProgressBarClasses } from \"./progressBarClasses\";\n\nexport type HvProgressBarStatus = \"inProgress\" | \"completed\" | \"error\";\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nexport type HvProgressBarProps = HvBaseProps & {\n  /** The value of the progress bar. */\n  value: number;\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status?: HvProgressBarStatus;\n  /** Aria Properties passed on to the progress bar. */\n  labelProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvProgressBarClasses;\n};\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = \"inProgress\",\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        progressBarClasses.root,\n        classes?.root,\n        progressBarClasses.progress,\n        classes?.progress\n      )}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <StyledProgressContainer\n        className={clsx(\n          classes?.progressContainer,\n          progressBarClasses.progressContainer\n        )}\n      >\n        <StyledValue\n          className={clsx(\n            progressBarClasses.progressBarLabel,\n            classes?.progressBarLabel,\n            status === \"completed\" &&\n              clsx(progressBarClasses.progressDone, classes?.progressDone)\n          )}\n          variant=\"caption2\"\n          style={{ width: `${clampedValue}%` }}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </StyledValue>\n        <StyledProgressBarContainer\n          className={clsx(\n            classes?.progressBarContainer,\n            progressBarClasses.progressBarContainer\n          )}\n        >\n          <StyledProgressBar\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              progressBarClasses.progressBar,\n              classes?.progressBar,\n              status === \"completed\" &&\n                clsx(classes?.progressDone, progressBarClasses.progressDone),\n              status === \"error\" &&\n                clsx(classes?.progressError, progressBarClasses.progressError)\n            )}\n            $status={status}\n          />\n        </StyledProgressBarContainer>\n      </StyledProgressContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","clamp","StyledRoot","clsx","progressBarClasses","root","progress","role","children","StyledProgressContainer","progressContainer","_jsx","StyledValue","progressBarLabel","progressDone","variant","style","width","StyledProgressBarContainer","progressBarContainer","StyledProgressBar","progressBar","progressError","$status"],"mappings":";;;;;AAmCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EACDN,IAAAA;AAEJ,QAAMO,eAAeC,MAAML,OAAO,GAAG,GAAG;AAExC,6BACGM,YAAU;AAAA,IACTR,WAAWS,KACTT,WACAU,mBAAmBC,MACnBV,mCAASU,MACTD,mBAAmBE,UACnBX,mCAASW,QAAQ;AAAA,IAEnBC,MAAK;AAAA,IACL,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,iBAAeP;AAAAA,IAAa,GACxBD;AAAAA,IAAMS,+BAETC,yBAAuB;AAAA,MACtBf,WAAWS,KACTR,mCAASe,mBACTN,mBAAmBM,iBAAiB;AAAA,MACpCF,UAAA,CAEFG,oBAACC,aAAW;AAAA,QACVlB,WAAWS,KACTC,mBAAmBS,kBACnBlB,mCAASkB,kBACThB,WAAW,eACTM,KAAKC,mBAAmBU,cAAcnB,mCAASmB,YAAY,CAAC;AAAA,QAEhEC,SAAQ;AAAA,QACRC,OAAO;AAAA,UAAEC,OAAQ,GAAEjB;AAAAA,QAAgB;AAAA,QAAE,GACjCF;AAAAA,QAAUU,UAEZ,GAAER;AAAAA,MAAAA,CACQ,GACdW,oBAACO,4BAA0B;AAAA,QACzBxB,WAAWS,KACTR,mCAASwB,sBACTf,mBAAmBe,oBAAoB;AAAA,QACvCX,8BAEDY,mBAAiB;AAAA,UAChBJ,OAAO;AAAA,YAAEC,OAAQ,GAAEjB;AAAAA,UAAgB;AAAA,UACnCN,WAAWS,KACTC,mBAAmBiB,aACnB1B,mCAAS0B,aACTxB,WAAW,eACTM,KAAKR,mCAASmB,cAAcV,mBAAmBU,YAAY,GAC7DjB,WAAW,WACTM,KAAKR,mCAAS2B,eAAelB,mBAAmBkB,aAAa,CAAC;AAAA,UAElEC,SAAS1B;AAAAA,QAAAA,CAAO;AAAA,MAAA,CAES,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEpB;AAEjB;"}

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

@@ -30,7 +30,7 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
 } : {
   name: "1mob3m4",
   styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdlByb2dyZXNzQmFyU3RhdHVzIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgLy8gcHJvZ3Jlc3NcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmFsdWUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiA0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHN0YXR1cyB9OiB7ICRzdGF0dXM/OiBIdlByb2dyZXNzQmFyU3RhdHVzIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogXCIjMDAwXCIsXG4gIGhlaWdodDogNCxcbiAgLi4uKCRzdGF0dXMgPT09IFwiY29tcGxldGVkXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWExLFxuICB9KSxcbiAgLi4uKCRzdGF0dXMgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gIH0pLFxufSkpO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Qcm9ncmVzc0Jhci9Qcm9ncmVzc0Jhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdlByb2dyZXNzQmFyU3RhdHVzIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgLy8gcHJvZ3Jlc3NcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmFsdWUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiA0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NCYXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHN0YXR1cyB9OiB7ICRzdGF0dXM/OiBIdlByb2dyZXNzQmFyU3RhdHVzIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogXCIjMDAwXCIsXG4gIGhlaWdodDogNCxcbiAgLi4uKCRzdGF0dXMgPT09IFwiY29tcGxldGVkXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnBvc2l0aXZlLFxuICB9KSxcbiAgLi4uKCRzdGF0dXMgPT09IFwiZXJyb3JcIiAmJiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMubmVnYXRpdmUsXG4gIH0pLFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledProgressContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -44,7 +44,7 @@ const StyledProgressContainer = /* @__PURE__ */ _styled("div", process.env.NODE_
 } : {
   name: "1d3w5wq",
   styles: "width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICB9KSxcbn0pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledValue = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
@@ -58,7 +58,7 @@ const StyledValue = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV =
 } : {
   name: "hdch65",
   styles: "background-color:transparent;display:flex;justify-content:end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICB9KSxcbn0pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledProgressBarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -71,7 +71,7 @@ const StyledProgressBarContainer = /* @__PURE__ */ _styled("div", process.env.NO
   width: "100%",
   height: 4,
   backgroundColor: theme.colors.atmo4
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledProgressBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1eucrrc0"
 }, transientOptions) : _extends({}, {
@@ -83,12 +83,12 @@ const StyledProgressBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ==
   backgroundColor: "#000",
   height: 4,
   ...$status === "completed" && {
-    backgroundColor: theme.colors.sema1
+    backgroundColor: theme.colors.positive
   },
   ...$status === "error" && {
-    backgroundColor: theme.colors.sema4
+    backgroundColor: theme.colors.negative
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZQcm9ncmVzc0JhclN0YXR1cyB9IGZyb20gXCIuL1Byb2dyZXNzQmFyXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIC8vIHByb2dyZXNzXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJvZ3Jlc3NDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZhbHVlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0JhckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogNCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFByb2dyZXNzQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzdGF0dXMgfTogeyAkc3RhdHVzPzogSHZQcm9ncmVzc0JhclN0YXR1cyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IFwiIzAwMFwiLFxuICBoZWlnaHQ6IDQsXG4gIC4uLigkc3RhdHVzID09PSBcImNvbXBsZXRlZFwiICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSksXG4gIC4uLigkc3RhdHVzID09PSBcImVycm9yXCIgJiYge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLm5lZ2F0aXZlLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 export {
   StyledProgressBar,
   StyledProgressBarContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.styles.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvProgressBarStatus } from \"./ProgressBar\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n\n  // progress\n  width: \"100%\",\n});\n\nexport const StyledProgressContainer = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport const StyledValue = styled(HvTypography)({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  justifyContent: \"end\",\n});\n\nexport const StyledProgressBarContainer = styled(\"div\")({\n  display: \"flex\",\n  width: \"100%\",\n  height: 4,\n  backgroundColor: theme.colors.atmo4,\n});\n\nexport const StyledProgressBar = styled(\n  \"div\",\n  transientOptions\n)(({ $status }: { $status?: HvProgressBarStatus }) => ({\n  backgroundColor: \"#000\",\n  height: 4,\n  ...($status === \"completed\" && {\n    backgroundColor: theme.colors.sema1,\n  }),\n  ...($status === \"error\" && {\n    backgroundColor: theme.colors.sema4,\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressContainer","StyledValue","HvTypography","StyledProgressBarContainer","display","width","height","backgroundColor","theme","colors","atmo4","StyledProgressBar","_extends","transientOptions","$status","sema1","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,aAAoB,wBAAA,OAAKC,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,CAQrC;AAEK,MAAMC,0BAAiC,wBAAA,OAAKV,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,CAElD;AAEK,MAAME,cAAqBC,wBAAAA,cAAYZ,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,CAI7C;AAEK,MAAMI,6BAAoC,wBAAA,OAAKb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDU,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,iBAAiBC,MAAMC,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qjEAAA;AAEWmB,MAAAA,4CACX,OAAKrB,QAAAC,IAAAC,4BAAAoB,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,GACLoB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBmB,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA2C,OAAO;AAAA,EACrDP,iBAAiB;AAAA,EACjBD,QAAQ;AAAA,EACR,GAAIQ,YAAY,eAAe;AAAA,IAC7BP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AAAA,EACA,GAAID,YAAY,WAAW;AAAA,IACzBP,iBAAiBC,MAAMC,OAAOO;AAAAA,EAChC;AACF,IAAE1B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qjEAAA;"}
+{"version":3,"file":"ProgressBar.styles.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvProgressBarStatus } from \"./ProgressBar\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n\n  // progress\n  width: \"100%\",\n});\n\nexport const StyledProgressContainer = styled(\"div\")({\n  width: \"100%\",\n});\n\nexport const StyledValue = styled(HvTypography)({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  justifyContent: \"end\",\n});\n\nexport const StyledProgressBarContainer = styled(\"div\")({\n  display: \"flex\",\n  width: \"100%\",\n  height: 4,\n  backgroundColor: theme.colors.atmo4,\n});\n\nexport const StyledProgressBar = styled(\n  \"div\",\n  transientOptions\n)(({ $status }: { $status?: HvProgressBarStatus }) => ({\n  backgroundColor: \"#000\",\n  height: 4,\n  ...($status === \"completed\" && {\n    backgroundColor: theme.colors.positive,\n  }),\n  ...($status === \"error\" && {\n    backgroundColor: theme.colors.negative,\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledProgressContainer","StyledValue","HvTypography","StyledProgressBarContainer","display","width","height","backgroundColor","theme","colors","atmo4","StyledProgressBar","_extends","transientOptions","$status","positive","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,aAAoB,wBAAA,OAAKC,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,CAQrC;AAEK,MAAMC,0BAAiC,wBAAA,OAAKV,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,CAElD;AAEK,MAAME,cAAqBC,wBAAAA,cAAYZ,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,CAI7C;AAEK,MAAMI,6BAAoC,wBAAA,OAAKb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDU,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,iBAAiBC,MAAMC,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6jEAAA;AAEWmB,MAAAA,4CACX,OAAKrB,QAAAC,IAAAC,4BAAAoB,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,GACLoB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAnB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBmB,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAA2C,OAAO;AAAA,EACrDP,iBAAiB;AAAA,EACjBD,QAAQ;AAAA,EACR,GAAIQ,YAAY,eAAe;AAAA,IAC7BP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AAAA,EACA,GAAID,YAAY,WAAW;AAAA,IACzBP,iBAAiBC,MAAMC,OAAOO;AAAAA,EAChC;AACF,IAAE1B,QAAAC,IAAAC,aAAC,eAAA,KAAA,6jEAAA;"}

package/dist/esm/components/Radio/Radio.js

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useState, useCallback } from "react";
 import clsx from "clsx";
 import { isInvalid } from "../Forms/FormElement/validationStates.js";
 import { StyledHvBaseRadio, StyledHvFormElement, StyledDivContainer, StyledHvLabel } from "./Radio.styles.js";
 import radioClasses from "./radioClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../../hooks/useUniqueId.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";
@@ -57,21 +57,56 @@ const HvRadio = (props) => {
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
-  const radio = /* @__PURE__ */ jsx(StyledHvBaseRadio, { id: label ? setId(elementId, "input") : setId(id, "input"), name, className: clsx(radioClasses.radio, classes == null ? void 0 : classes.radio, isStateInvalid && clsx(radioClasses.invalidRadio, classes == null ? void 0 : classes.invalidRadio)), $invalid: isStateInvalid, disabled, readOnly, onChange: onLocalChange, value, checked: isChecked, semantic, inputProps: {
-    "aria-invalid": isStateInvalid ? true : void 0,
-    "aria-errormessage": errorMessageId,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    ...inputProps
-  }, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
-  return /* @__PURE__ */ jsxs(StyledHvFormElement, { id, name, status: status || "standBy", disabled, required, readOnly, className: clsx(className, radioClasses.root, classes == null ? void 0 : classes.root), children: [
-    hasLabel ? /* @__PURE__ */ jsxs(StyledDivContainer, { className: clsx(radioClasses.container, classes == null ? void 0 : classes.container, disabled && clsx(radioClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && label && clsx(radioClasses.focusVisible, classes == null ? void 0 : classes.focusVisible), isStateInvalid && clsx(radioClasses.invalidContainer, classes == null ? void 0 : classes.invalidContainer)), $invalid: isStateInvalid, $focusVisible: !!(focusVisible && label), $disabled: disabled, children: [
-      radio,
-      /* @__PURE__ */ jsx(StyledHvLabel, { id: setId(elementId, "label"), htmlFor: setId(elementId, "input"), label, className: clsx(radioClasses.label, classes == null ? void 0 : classes.label), $disabled: disabled, ...labelProps })
-    ] }) : radio,
-    canShowError && /* @__PURE__ */ jsx(HvWarningText, { id: setId(elementId, "error"), disableBorder: true, children: statusMessage })
-  ] });
+  const radio = /* @__PURE__ */ jsx(StyledHvBaseRadio, {
+    id: label ? setId(elementId, "input") : setId(id, "input"),
+    name,
+    className: clsx(radioClasses.radio, classes == null ? void 0 : classes.radio, isStateInvalid && clsx(radioClasses.invalidRadio, classes == null ? void 0 : classes.invalidRadio)),
+    $invalid: isStateInvalid,
+    disabled,
+    readOnly,
+    onChange: onLocalChange,
+    value,
+    checked: isChecked,
+    semantic,
+    inputProps: {
+      "aria-invalid": isStateInvalid ? true : void 0,
+      "aria-errormessage": errorMessageId,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      ...inputProps
+    },
+    onFocusVisible: onFocusVisibleCallback,
+    onBlur: onBlurCallback,
+    ...others
+  });
+  return /* @__PURE__ */ jsxs(StyledHvFormElement, {
+    id,
+    name,
+    status: status || "standBy",
+    disabled,
+    required,
+    readOnly,
+    className: clsx(className, radioClasses.root, classes == null ? void 0 : classes.root),
+    children: [hasLabel ? /* @__PURE__ */ jsxs(StyledDivContainer, {
+      className: clsx(radioClasses.container, classes == null ? void 0 : classes.container, disabled && clsx(radioClasses.disabled, classes == null ? void 0 : classes.disabled), focusVisible && label && clsx(radioClasses.focusVisible, classes == null ? void 0 : classes.focusVisible), isStateInvalid && clsx(radioClasses.invalidContainer, classes == null ? void 0 : classes.invalidContainer)),
+      $invalid: isStateInvalid,
+      $focusVisible: !!(focusVisible && label),
+      $disabled: disabled,
+      children: [radio, /* @__PURE__ */ jsx(StyledHvLabel, {
+        id: setId(elementId, "label"),
+        htmlFor: setId(elementId, "input"),
+        label,
+        className: clsx(radioClasses.label, classes == null ? void 0 : classes.label),
+        $disabled: disabled,
+        ...labelProps
+      })]
+    }) : radio, canShowError && /* @__PURE__ */ jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      children: statusMessage
+    })]
+  });
 };
 export {
   HvRadio

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvWarningText } from \"components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  StyledDivContainer,\n  StyledHvBaseRadio,\n  StyledHvFormElement,\n  StyledHvLabel,\n} from \"./Radio.styles\";\nimport radioClasses, { HvRadioClasses } from \"./radioClasses\";\n\nexport type HvRadioStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvRadioProps = Omit<MuiRadioProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the radio button.\n     */\n    classes?: HvRadioClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\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.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: any;\n    /**\n     * Indicates that user input is required on the form element.\n     *\n     * If a single radio button in a group has the required attribute, a radio button in\n     * that group must be check, though it doesn't have to be the one with the attribute is applied.\n     *\n     * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n     * That should ideally be managed in the context of a radio button group.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\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    status?: HvRadioStatus;\n    /**\n     * The error message to show when `status` is \"invalid\".\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the radio button.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nexport const HvRadio = (props: HvRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n    checked,\n    defaultChecked = false,\n    onChange,\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>, newChecked: boolean) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null &&\n    status !== undefined &&\n    statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const radio = (\n    <StyledHvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        radioClasses.radio,\n        classes?.radio,\n        isStateInvalid && clsx(radioClasses.invalidRadio, classes?.invalidRadio)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, radioClasses.root, classes?.root)}\n    >\n      {hasLabel ? (\n        <StyledDivContainer\n          className={clsx(\n            radioClasses.container,\n            classes?.container,\n            disabled && clsx(radioClasses.disabled, classes?.disabled),\n            focusVisible &&\n              label &&\n              clsx(radioClasses.focusVisible, classes?.focusVisible),\n            isStateInvalid &&\n              clsx(radioClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $invalid={isStateInvalid}\n          $focusVisible={!!(focusVisible && label)}\n          $disabled={disabled}\n        >\n          {radio}\n          <StyledHvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(radioClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledDivContainer>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","isChecked","setIsChecked","useControlled","Boolean","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","radio","clsx","radioClasses","invalidRadio","root","container","invalidContainer"],"mappings":"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"}
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvWarningText } from \"components\";\nimport { HvLabelProps } from \"../Forms/Label\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { setId } from \"utils\";\nimport {\n  StyledDivContainer,\n  StyledHvBaseRadio,\n  StyledHvFormElement,\n  StyledHvLabel,\n} from \"./Radio.styles\";\nimport radioClasses, { HvRadioClasses } from \"./radioClasses\";\n\nexport type HvRadioStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvRadioProps = Omit<MuiRadioProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the radio button.\n     */\n    classes?: HvRadioClasses;\n    /**\n     * Id to be applied to the form element root node.\n     */\n    id?: string;\n    /**\n     * The form element name.\n     */\n    name?: string;\n    /**\n     * The value of the form element.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\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.\n     */\n    label?: React.ReactNode;\n    /**\n     * @ignore\n     */\n    \"aria-label\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-labelledby\"?: string;\n    /**\n     * @ignore\n     */\n    \"aria-describedby\"?: string;\n    /**\n     * Properties passed on to the label element.\n     */\n    labelProps?: HvLabelProps;\n    /**\n     * Indicates that user input is required on the form element.\n     *\n     * If a single radio button in a group has the required attribute, a radio button in\n     * that group must be check, though it doesn't have to be the one with the attribute is applied.\n     *\n     * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n     * That should ideally be managed in the context of a radio button group.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the form element is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the form element is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\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    status?: HvRadioStatus;\n    /**\n     * The error message to show when `status` is \"invalid\".\n     */\n    statusMessage?: string;\n    /**\n     * Identifies the element that provides an error message for the radio button.\n     *\n     * Will only be used when the validation status is invalid.\n     */\n    \"aria-errormessage\"?: string;\n    /**\n     * The callback fired when the radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nexport const HvRadio = (props: HvRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n    checked,\n    defaultChecked = false,\n    onChange,\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>, newChecked: boolean) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\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\n  const canShowError =\n    ariaErrorMessage == null &&\n    status !== undefined &&\n    statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId: string | undefined;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const radio = (\n    <StyledHvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        radioClasses.radio,\n        classes?.radio,\n        isStateInvalid && clsx(radioClasses.invalidRadio, classes?.invalidRadio)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, radioClasses.root, classes?.root)}\n    >\n      {hasLabel ? (\n        <StyledDivContainer\n          className={clsx(\n            radioClasses.container,\n            classes?.container,\n            disabled && clsx(radioClasses.disabled, classes?.disabled),\n            focusVisible &&\n              label &&\n              clsx(radioClasses.focusVisible, classes?.focusVisible),\n            isStateInvalid &&\n              clsx(radioClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $invalid={isStateInvalid}\n          $focusVisible={!!(focusVisible && label)}\n          $disabled={disabled}\n        >\n          {radio}\n          <StyledHvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(radioClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledDivContainer>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","isChecked","setIsChecked","useControlled","Boolean","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","radio","StyledHvBaseRadio","clsx","radioClasses","invalidRadio","$invalid","StyledHvFormElement","root","children","_jsxs","StyledDivContainer","container","invalidContainer","$focusVisible","$disabled","_jsx","StyledHvLabel","htmlFor","HvWarningText","disableBorder"],"mappings":"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"}