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

package/dist/cjs/components/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n  StyledCopyright,\n  StyledName,\n  StyledRightContainer,\n  StyledRoot,\n  StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n  name?: React.ReactNode;\n  copyright?: React.ReactNode;\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n};\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes,\n    className,\n    ...others\n  } = props;\n  const muiTheme = useTheme();\n\n  return (\n    <StyledRoot\n      $breakpoints={muiTheme.breakpoints}\n      className={clsx(className, footerClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledName\n        $breakpoints={muiTheme.breakpoints}\n        variant=\"label\"\n        className={clsx(footerClasses.name, classes?.name)}\n      >\n        {name}\n      </StyledName>\n      <StyledRightContainer $breakpoints={muiTheme.breakpoints}>\n        <StyledCopyright\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(footerClasses.copyright, classes?.copyright)}\n        >\n          {copyright}\n        </StyledCopyright>\n        {links && (\n          <StyledSeparator\n            $breakpoints={muiTheme.breakpoints}\n            className={clsx(footerClasses.separator, classes?.separator)}\n          />\n        )}\n        {links}\n      </StyledRightContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","StyledRoot","$breakpoints","breakpoints","clsx","footerClasses","root","children","_jsx","StyledName","variant","_jsxs","StyledRightContainer","StyledCopyright","StyledSeparator","separator"],"mappings":";;;;;;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,oCAAgC,IAAIC,KAAAA,EAAOC;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC,OAAAA;AAEjB,yCACGC,cAAAA,YAAU;AAAA,IACTC,cAAcH,SAASI;AAAAA,IACvBN,WAAWO,cAAKP,QAAAA,WAAWQ,cAAcC,QAAAA,MAAMV,mCAASU,IAAI;AAAA,IAAE,GAC1DR;AAAAA,IAAMS,UAAA,CAEVC,2BAAAA,IAACC,0BAAU;AAAA,MACTP,cAAcH,SAASI;AAAAA,MACvBO,SAAQ;AAAA,MACRb,WAAWO,cAAAA,QAAKC,cAAAA,QAAcd,MAAMK,mCAASL,IAAI;AAAA,MAAEgB,UAElDhB;AAAAA,IAAAA,CACU,GACboB,2BAAAA,KAACC,oCAAoB;AAAA,MAACV,cAAcH,SAASI;AAAAA,MAAYI,UAAA,CACvDC,2BAAAA,IAACK,+BAAe;AAAA,QACdX,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,cAAAA,QAAKC,cAAAA,QAAcb,WAAWI,mCAASJ,SAAS;AAAA,QAAEe,UAE5Df;AAAAA,MAAAA,CAAS,GAEXG,SACCa,2BAAAA,IAACM,+BAAe;AAAA,QACdZ,cAAcH,SAASI;AAAAA,QACvBN,WAAWO,cAAAA,QAAKC,cAAAA,QAAcU,WAAWnB,mCAASmB,SAAS;AAAA,MAAE,CAAA,GAGhEpB,KAAK;AAAA,IAAA,CACe,CAAA;AAAA,EAAA,CACZ;AAEjB;;"}
+{"version":3,"file":"Footer.cjs","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n  StyledCopyright,\n  StyledName,\n  StyledRightContainer,\n  StyledRoot,\n  StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n  name?: React.ReactNode;\n  copyright?: React.ReactNode;\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n};\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes,\n    className,\n    ...others\n  } = props;\n  const muiTheme = useTheme();\n\n  return (\n    <StyledRoot\n      $breakpoints={muiTheme.breakpoints}\n      className={clsx(className, footerClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledName\n        $breakpoints={muiTheme.breakpoints}\n        variant=\"label\"\n        className={clsx(footerClasses.name, classes?.name)}\n      >\n        {name}\n      </StyledName>\n      <StyledRightContainer\n        className={clsx(footerClasses.rightContainer, classes?.rightContainer)}\n        $breakpoints={muiTheme.breakpoints}\n      >\n        <StyledCopyright\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(footerClasses.copyright, classes?.copyright)}\n        >\n          {copyright}\n        </StyledCopyright>\n        {links && (\n          <StyledSeparator\n            $breakpoints={muiTheme.breakpoints}\n            className={clsx(footerClasses.separator, classes?.separator)}\n          />\n        )}\n        {links}\n      </StyledRightContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","jsxs","StyledRoot","breakpoints","clsx","footerClasses","root","jsx","StyledName","StyledRightContainer","rightContainer","StyledCopyright","StyledSeparator","separator"],"mappings":";;;;;;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,oCAAgC,IAAIC,KAAAA,EAAOC;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC,OAAAA;AAEjB,SACGC,2BAAAA,KAAAC,cAAAA,YAAA,EACC,cAAcH,SAASI,aACvB,WAAWC,cAAAA,QAAKP,WAAWQ,cAAAA,QAAcC,MAAMV,mCAASU,IAAI,GAC5D,GAAIR,QAEJ,UAAA;AAAA,IAAAS,2BAAA,IAACC,cACC,YAAA,EAAA,cAAcT,SAASI,aACvB,SAAQ,SACR,WAAWC,cAAAA,QAAKC,cAAAA,QAAcd,MAAMK,mCAASL,IAAI,GAEhDA,UACH,MAAA;AAAA,IACAU,2BAAAA,KAACQ,cAAAA,sBACC,EAAA,WAAWL,cAAAA,QAAKC,cAAAA,QAAcK,gBAAgBd,mCAASc,cAAc,GACrE,cAAcX,SAASI,aAEvB,UAAA;AAAA,MAACI,2BAAA,IAAAI,cAAA,iBAAA,EACC,cAAcZ,SAASI,aACvB,WAAWC,cAAAA,QAAKC,cAAAA,QAAcb,WAAWI,mCAASJ,SAAS,GAE1DA,UACH,UAAA,CAAA;AAAA,MACCG,SACCY,2BAAAA,IAACK,cAAAA,iBACC,EAAA,cAAcb,SAASI,aACvB,WAAWC,cAAAA,QAAKC,cAAAA,QAAcQ,WAAWjB,mCAASiB,SAAS,EAE9D,CAAA;AAAA,MACAlB;AAAAA,IAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Footer/footerClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "name", "copyright", "separator"];
+const classKeys = ["root", "name", "copyright", "separator", "rightContainer"];
 const footerClasses = classes.getClasses(classKeys, "HvFooter");
 const footerClasses$1 = footerClasses;
 exports.default = footerClasses$1;

package/dist/cjs/components/Footer/footerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"footerClasses.cjs","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvFooterClasses = {\n  root?: string;\n  name?: string;\n  copyright?: string;\n  separator?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"name\", \"copyright\", \"separator\"];\n\nconst footerClasses = getClasses<HvFooterClasses>(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,QAAQ,aAAa,WAAW;AAErE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"footerClasses.cjs","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvFooterClasses = {\n  root?: string;\n  name?: string;\n  copyright?: string;\n  separator?: string;\n  rightContainer?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"name\",\n  \"copyright\",\n  \"separator\",\n  \"rightContainer\",\n];\n\nconst footerClasses = getClasses<HvFooterClasses>(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,aACA,gBAAgB;AAGlB,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Forms/Adornment/Adornment.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const Adornment_styles = require("./Adornment.styles.cjs");
 const adornmentClasses = require("./adornmentClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementDescriptorsContext = require("../FormElement/context/FormElementDescriptorsContext.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -31,34 +31,7 @@ const HvAdornment = React.forwardRef(({
   } = React.useContext(FormElementDescriptorsContext.HvFormElementDescriptorsContext);
   const displayIcon = isVisible != null ? isVisible : showWhen === void 0 || elementStatus === showWhen;
   const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledButton, {
-    id,
-    ref,
-    type: "button",
-    tabIndex: -1,
-    "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id,
-    className: clsx__default.default(className, adornmentClasses.default.root, classes == null ? void 0 : classes.root, adornmentClasses.default.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx__default.default(adornmentClasses.default.hideIcon, classes == null ? void 0 : classes.hideIcon)),
-    onClick,
-    onMouseDown: preventDefault,
-    onKeyDown: noop,
-    $hideIcon: !displayIcon,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledIcon, {
-      className: clsx__default.default(adornmentClasses.default.icon, classes == null ? void 0 : classes.icon),
-      children: icon
-    })
-  }) : /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledRoot, {
-    id,
-    ref,
-    className: clsx__default.default(className, adornmentClasses.default.root, classes == null ? void 0 : classes.root, adornmentClasses.default.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.default.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx__default.default(adornmentClasses.default.hideIcon, classes == null ? void 0 : classes.hideIcon)),
-    $hideIcon: !displayIcon,
-    role: "presentation",
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledIcon, {
-      className: clsx__default.default(adornmentClasses.default.icon, classes == null ? void 0 : classes.icon),
-      children: icon
-    })
-  });
+  return isClickable ? /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledButton, { id, ref, type: "button", tabIndex: -1, "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id, className: clsx__default.default(className, adornmentClasses.default.root, classes == null ? void 0 : classes.root, adornmentClasses.default.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx__default.default(adornmentClasses.default.hideIcon, classes == null ? void 0 : classes.hideIcon)), onClick, onMouseDown: preventDefault, onKeyDown: noop, $hideIcon: !displayIcon, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledIcon, { className: clsx__default.default(adornmentClasses.default.icon, classes == null ? void 0 : classes.icon), children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledRoot, { id, ref, className: clsx__default.default(className, adornmentClasses.default.root, classes == null ? void 0 : classes.root, adornmentClasses.default.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.default.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx__default.default(adornmentClasses.default.hideIcon, classes == null ? void 0 : classes.hideIcon)), $hideIcon: !displayIcon, role: "presentation", ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Adornment_styles.StyledIcon, { className: clsx__default.default(adornmentClasses.default.icon, classes == null ? void 0 : classes.icon), children: icon }) });
 });
 exports.HvAdornment = HvAdornment;
 //# sourceMappingURL=Adornment.cjs.map

package/dist/cjs/components/Forms/Adornment/Adornment.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.cjs","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n  HTMLDivElement | HTMLButtonElement,\n  { onMouseDown; onKeyDown }\n> & {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,iBAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,KACTG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,MAAAA,WAAWG,8BAAAA,+BAA+B;AAE5D,QAAMC,cACJR,gCAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,6CACJC,+BAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,cAAAA,QACTlB,WACAmB,yBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAAA,QAAiBE,WACjBtB,mCAASsB,WACTF,yBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,sBAAKC,iBAAAA,QAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEnB;AAAAA,IACAoB,aAAa/B;AAAAA,IACbgC,WAAW9B;AAAAA,IACX+B,WAAW,CAACb;AAAAA,IAAY,GACpBP;AAAAA,IAAMqB,yCAETC,6BAAU;AAAA,MAAC5B,WAAWkB,cAAAA,QAAKC,iBAAAA,QAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAEM,IAEf4B,2BAAAA,IAACC,6BAAU;AAAA,IACThC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,cAAAA,QACTlB,WACAmB,yBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAAA,QAAiBE,WACjBtB,mCAASsB,WACTF,yBAAiBY,eACjBhC,mCAASgC,eACT,CAAClB,eAAeK,sBAAKC,iBAAAA,QAAiBI,UAAUxB,mCAASwB,QAAQ,CAAC;AAAA,IAEpEG,WAAW,CAACb;AAAAA,IACZmB,MAAK;AAAA,IAAc,GACf1B;AAAAA,IAAMqB,yCAETC,6BAAU;AAAA,MAAC5B,WAAWkB,cAAAA,QAAKC,iBAAAA,QAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE0B,UAC/D1B;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGV;AACH,CAAC;;"}
+{"version":3,"file":"Adornment.cjs","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n  HTMLDivElement | HTMLButtonElement,\n  { onMouseDown; onKeyDown }\n> & {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={preventDefault}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","jsx","StyledIcon","StyledRoot","adornmentIcon"],"mappings":";;;;;;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,iBAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,KACTG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,MAAAA,WAAWG,8BAAAA,+BAA+B;AAE5D,QAAMC,cACJR,gCAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,6CACJC,iBACC,cAAA,EAAA,IACA,KACA,MAAK,UACL,UAAU,IACV,kBAAeJ,oCAAQ,OAARA,mBAAYb,IAC3B,WAAWkB,cACThB,QAAAA,WACAiB,iBAAiBC,QAAAA,MACjBnB,mCAASmB,MACTD,iBAAAA,QAAiBE,WACjBpB,mCAASoB,WACTF,yBAAiBG,iBACjBrB,mCAASqB,iBACT,CAACP,eAAeG,cAAAA,QAAKC,yBAAiBI,UAAUtB,mCAASsB,QAAQ,CAAC,GAEpE,SACA,aAAa5B,gBACb,WAAWE,MACX,WAAW,CAACkB,aACRP,GAAAA,QAEJ,UAAAgB,2BAAAA,IAACC,iBAAAA,YAAW,EAAA,WAAWP,cAAAA,QAAKC,iBAAAA,QAAiBhB,MAAMF,mCAASE,IAAI,GAC7DA,UACH,KAAA,CAAA,EACF,CAAA,IAECqB,2BAAA,IAAAE,iBAAA,YAAA,EACC,IACA,KACA,WAAWR,cAAAA,QACThB,WACAiB,iBAAAA,QAAiBC,MACjBnB,mCAASmB,MACTD,iBAAAA,QAAiBE,WACjBpB,mCAASoB,WACTF,iBAAAA,QAAiBQ,eACjB1B,mCAAS0B,eACT,CAACZ,eAAeG,cAAAA,QAAKC,iBAAAA,QAAiBI,UAAUtB,mCAASsB,QAAQ,CAAC,GAEpE,WAAW,CAACR,aACZ,MAAK,gBACL,GAAIP,QAEJ,UAAAgB,2BAAA,IAACC,iBAAW,YAAA,EAAA,WAAWP,cAAKC,QAAAA,iBAAAA,QAAiBhB,MAAMF,mCAASE,IAAI,GAC7DA,UAAAA,KACH,CAAA,EACF,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const CharCounter_styles = require("./CharCounter.styles.cjs");
 const charCounterClasses = require("./charCounterClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -29,32 +29,10 @@ const HvCharCounter = ({
   const currentId = setId.setId(localId, "currentQuantity");
   const maxQuantityId = setId.setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /* @__PURE__ */ jsxRuntime.jsxs(CharCounter_styles.StyledRoot, {
-    id: localId,
-    className: clsx__default.default(className, charCounterClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx__default.default(charCounterClasses.default.gutter, classes == null ? void 0 : classes.gutter)),
-    $counterDisabled: !!localDisabled,
-    $gutter: !disableGutter,
-    "aria-live": "polite",
-    "aria-disabled": localDisabled,
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(CharCounter_styles.StyledTypography, {
-      id: currentId,
-      className: clsx__default.default(isOverloaded && !localDisabled && clsx__default.default(charCounterClasses.default.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
-      variant: "label",
-      component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
-      children: currentCharQuantity
-    }), /* @__PURE__ */ jsxRuntime.jsx(CharCounter_styles.StyledTypography, {
-      id: maxQuantityId,
-      className: clsx__default.default(isOverloaded && !localDisabled && clsx__default.default(charCounterClasses.default.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
-      variant: "body",
-      component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
-      children: ` ${separator} ${maxCharQuantity}`
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(CharCounter_styles.StyledRoot, { id: localId, className: clsx__default.default(className, charCounterClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx__default.default(charCounterClasses.default.gutter, classes == null ? void 0 : classes.gutter)), $counterDisabled: !!localDisabled, $gutter: !disableGutter, "aria-live": "polite", "aria-disabled": localDisabled, ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CharCounter_styles.StyledTypography, { id: currentId, className: clsx__default.default(isOverloaded && !localDisabled && clsx__default.default(charCounterClasses.default.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "label", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: currentCharQuantity }),
+    /* @__PURE__ */ jsxRuntime.jsx(CharCounter_styles.StyledTypography, { id: maxQuantityId, className: clsx__default.default(isOverloaded && !localDisabled && clsx__default.default(charCounterClasses.default.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx__default.default(charCounterClasses.default.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "body", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: ` ${separator} ${maxCharQuantity}` })
+  ] });
 };
 exports.HvCharCounter = HvCharCounter;
 //# sourceMappingURL=CharCounter.cjs.map

package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.cjs","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n};\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n  separator = \"/\",\n  maxCharQuantity,\n  currentCharQuantity = 0,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvCharCounterProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <StyledRoot\n      id={localId}\n      className={clsx(\n        className,\n        charCounterClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n        !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n      )}\n      $counterDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <StyledTypography\n        id={currentId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {currentCharQuantity}\n      </StyledTypography>\n      <StyledTypography\n        id={maxQuantityId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"body\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","$counterDisabled","$gutter","children","_jsx","StyledTypography","overloaded","variant","component","$overloaded"],"mappings":";;;;;;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,kBAAMU,MAAMN,MAAAA,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAAA,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAAA,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,yCACGkB,mBAAAA,YAAU;AAAA,IACTd,IAAIS;AAAAA,IACJV,WAAWgB,cAAAA,QACThB,WACAiB,2BAAmBC,MACnBnB,mCAASmB,MACTT,iBACEO,cAAAA,QAAKC,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,GACnE,CAAChB,iBAAiBa,cAAAA,QAAKC,mBAAAA,QAAmBG,QAAQrB,mCAASqB,MAAM,CAAC;AAAA,IAEpEC,kBAAkB,CAAC,CAACZ;AAAAA,IACpBa,SAAS,CAACnB;AAAAA,IACV,aAAU;AAAA,IACV,iBAAeM;AAAAA,IAAc,GACzBL;AAAAA,IAAMmB,UAAA,CAEVC,2BAAAA,IAACC,qCAAgB;AAAA,MACfxB,IAAIW;AAAAA,MACJZ,WAAWgB,cACTF,QAAAA,gBACE,CAACL,iBACDO,sBAAKC,mBAAmBS,QAAAA,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,sBAAKC,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEjCzB;AAAAA,IAAAA,CACgB,GACnB0B,2BAAAA,IAACC,qCAAgB;AAAA,MACfxB,IAAIY;AAAAA,MACJb,WAAWgB,cACTF,QAAAA,gBACE,CAACL,iBACDO,sBAAKC,mBAAmBS,QAAAA,YAAY3B,mCAAS2B,UAAU,GACzDjB,iBACEO,sBAAKC,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC;AAAA,MAEtEQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEhC,IAAG3B,aAAaC;AAAAA,IAAAA,CACD,CAAA;AAAA,EAAA,CACR;AAEjB;;"}
+{"version":3,"file":"CharCounter.cjs","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n};\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n  separator = \"/\",\n  maxCharQuantity,\n  currentCharQuantity = 0,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvCharCounterProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <StyledRoot\n      id={localId}\n      className={clsx(\n        className,\n        charCounterClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n        !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n      )}\n      $counterDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <StyledTypography\n        id={currentId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {currentCharQuantity}\n      </StyledTypography>\n      <StyledTypography\n        id={maxQuantityId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"body\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","jsx","StyledTypography","overloaded"],"mappings":";;;;;;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,kBAAMU,MAAMN,MAAAA,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAAA,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAAA,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,yCACGkB,mBAAAA,YACC,EAAA,IAAIL,SACJ,WAAWM,sBACThB,WACAiB,mBAAAA,QAAmBC,MACnBnB,mCAASmB,MACTT,iBACEO,cAAAA,QAAKC,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,GACnE,CAAChB,iBAAiBa,cAAAA,QAAKC,2BAAmBG,QAAQrB,mCAASqB,MAAM,CAAC,GAEpE,kBAAkB,CAAC,CAACX,eACpB,SAAS,CAACN,eACV,aAAU,UACV,iBAAeM,eACf,GAAIL,QAEJ,UAAA;AAAA,IAAAiB,2BAAA,IAACC,mBACC,kBAAA,EAAA,IAAIV,WACJ,WAAWI,sBACTF,gBACE,CAACL,iBACDO,cAAAA,QAAKC,2BAAmBM,YAAYxB,mCAASwB,UAAU,GACzDd,iBACEO,sBAAKC,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC,GAEtE,SAAQ,SACR,WAAU,SACV,aAAaL,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAEnBX,UACH,qBAAA;AAAA,mCACCwB,mBAAAA,kBACC,EAAA,IAAIT,eACJ,WAAWG,sBACTF,gBACE,CAACL,iBACDO,cAAAA,QAAKC,2BAAmBM,YAAYxB,mCAASwB,UAAU,GACzDd,iBACEO,cAAKC,QAAAA,mBAAAA,QAAmBE,iBAAiBpB,mCAASoB,eAAe,CAAC,GAEtE,SAAQ,QACR,WAAU,SACV,aAAaL,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAElB,UAAA,IAAGb,aAAaC,mBACpB;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Forms/FormElement/FormElement.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const FormUtils = require("./utils/FormUtils.cjs");
@@ -7,7 +8,6 @@ const FormElementContext = require("./context/FormElementContext.cjs");
 const FormElementValueContext = require("./context/FormElementValueContext.cjs");
 const FormElementDescriptorsContext = require("./context/FormElementDescriptorsContext.cjs");
 const formElementClasses = require("./formElementClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -34,21 +34,7 @@ const HvFormElement = ({
     elementReadOnly: readOnly
   }), [disabled, elementId, name, readOnly, required, status]);
   const descriptors = React.useMemo(() => FormUtils.findDescriptors(children), [children]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    id,
-    className: clsx__default.default(className, formElementClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(FormElementContext.HvFormElementContextProvider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsxRuntime.jsx(FormElementValueContext.HvFormElementValueContextProvider, {
-        value,
-        children: /* @__PURE__ */ jsxRuntime.jsx(FormElementDescriptorsContext.HvFormElementDescriptorsContextProvider, {
-          value: descriptors,
-          children
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: clsx__default.default(className, formElementClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementContext.HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementValueContext.HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(FormElementDescriptorsContext.HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
 };
 HvFormElement.formElementType = "formelement";
 exports.HvFormElement = HvFormElement;

package/dist/cjs/components/Forms/FormElement/FormElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormElement.cjs","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types/index\";\nimport { useUniqueId } from \"hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport type HvFormElementProps = HvBaseProps & {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\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 instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: 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   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,KACNC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAAA,QAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,MAAAA,QAAQ,MAAMO,UAAAA,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAEvE,wCACE,OAAA;AAAA,IACEC;AAAAA,IACAF,WAAWqB,cAAKrB,QAAAA,WAAWsB,mBAAmBC,QAAAA,MAAMxB,mCAASwB,IAAI;AAAA,IAAE,GAC/Dd;AAAAA,IAAMR,yCAETuB,iDAA4B;AAAA,MAACpB,OAAOQ;AAAAA,MAAaX,yCAC/CwB,2DAAiC;AAAA,QAACrB;AAAAA,QAAaH,yCAC7CyB,uEAAuC;AAAA,UAACtB,OAAOe;AAAAA,UAAYlB;AAAAA,QAAAA,CACjD;AAAA,MAAA,CAC+B;AAAA,IAAA,CACR;AAAA,EAAA,CAElC;AAEV;AAEAH,cAAc6B,kBAAkB;;"}
+{"version":3,"file":"FormElement.cjs","sources":["../../../../../src/components/Forms/FormElement/FormElement.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types/index\";\nimport { useUniqueId } from \"hooks\";\nimport { findDescriptors } from \"./utils/FormUtils\";\nimport { HvFormElementContextProvider } from \"./context/FormElementContext\";\nimport { HvFormElementValueContextProvider } from \"./context/FormElementValueContext\";\nimport { HvFormElementDescriptorsContextProvider } from \"./context/FormElementDescriptorsContext\";\nimport formElementClasses, { HvFormElementClasses } from \"./formElementClasses\";\n\nexport type HvFormStatus = \"standBy\" | \"valid\" | \"invalid\" | \"empty\";\n\nexport type HvFormElementProps = HvBaseProps & {\n  /**\n   * Name of the form element.\n   *\n   * Part of a name/value pair, should be the name property of the underling native input.\n   */\n  name?: string;\n  /**\n   * Current value of the form element.\n   *\n   * Part of a name/value pair, should be the value property of the underling native input.\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 instead.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Whether the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: 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   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\n  /** The callback fired when the value changes. */\n  onChange?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFormElementClasses;\n};\n\nexport const HvFormElement = ({\n  classes,\n  className,\n  children,\n  id,\n  name,\n  value,\n  disabled = false,\n  required = false,\n  readOnly = false,\n  status = \"standBy\",\n  ...others\n}: HvFormElementProps) => {\n  const elementId = useUniqueId(id, \"hvformelement\");\n\n  const contextValue = useMemo(\n    () => ({\n      elementId,\n      elementName: name,\n      elementStatus: status,\n      elementDisabled: disabled,\n      elementRequired: required,\n      elementReadOnly: readOnly,\n    }),\n    [disabled, elementId, name, readOnly, required, status]\n  );\n\n  const descriptors = useMemo(() => findDescriptors(children), [children]);\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, formElementClasses.root, classes?.root)}\n      {...others}\n    >\n      <HvFormElementContextProvider value={contextValue}>\n        <HvFormElementValueContextProvider value={value}>\n          <HvFormElementDescriptorsContextProvider value={descriptors}>\n            {children}\n          </HvFormElementDescriptorsContextProvider>\n        </HvFormElementValueContextProvider>\n      </HvFormElementContextProvider>\n    </div>\n  );\n};\n\nHvFormElement.formElementType = \"formelement\";\n"],"names":["HvFormElement","classes","className","children","id","name","value","disabled","required","readOnly","status","others","elementId","useUniqueId","contextValue","useMemo","elementName","elementStatus","elementDisabled","elementRequired","elementReadOnly","descriptors","findDescriptors","jsx","clsx","formElementClasses","root","HvFormElementContextProvider","HvFormElementValueContextProvider","HvFormElementDescriptorsContextProvider","formElementType"],"mappings":";;;;;;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,SAAS;AAAA,KACNC;AACe,MAAM;AAClBC,QAAAA,YAAYC,YAAAA,QAAYT,IAAI,eAAe;AAE3CU,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IACLH;AAAAA,IACAI,aAAaX;AAAAA,IACbY,eAAeP;AAAAA,IACfQ,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,IACjBY,iBAAiBX;AAAAA,EAAAA,IAEnB,CAACF,UAAUK,WAAWP,MAAMI,UAAUD,UAAUE,MAAM,CAAC;AAGnDW,QAAAA,cAAcN,MAAAA,QAAQ,MAAMO,UAAAA,gBAAgBnB,QAAQ,GAAG,CAACA,QAAQ,CAAC;AAGrE,SAAAoB,2BAAAA,IAAC,OACC,EAAA,IACA,WAAWC,cAAAA,QAAKtB,WAAWuB,mBAAAA,QAAmBC,MAAMzB,mCAASyB,IAAI,GAC7Df,GAAAA,QAEJ,UAACY,2BAAA,IAAAI,iDAAA,EAA6B,OAAOb,cACnC,UAACS,2BAAA,IAAAK,wBAAA,mCAAA,EAAkC,OACjC,UAAAL,2BAAA,IAACM,8BAAwC,yCAAA,EAAA,OAAOR,aAC7ClB,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAH,cAAc8B,kBAAkB;;"}

package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const InfoMessage_styles = require("./InfoMessage.styles.cjs");
 const React = require("react");
 const clsx = require("clsx");
 const infoMessageClasses = require("./infoMessageClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -24,16 +24,7 @@ const HvInfoMessage = ({
   } = React.useContext(FormElementContext.HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localId = id != null ? id : setId.setId(elementId, "description");
-  return /* @__PURE__ */ jsxRuntime.jsx(InfoMessage_styles.StyledTypography, {
-    id: localId,
-    className: clsx__default.default(className, infoMessageClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(infoMessageClasses.default.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx__default.default(infoMessageClasses.default.gutter, classes == null ? void 0 : classes.gutter)),
-    variant: "body",
-    component: "label",
-    $infoDisabled: !!localDisabled,
-    $gutter: !disableGutter,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(InfoMessage_styles.StyledTypography, { id: localId, className: clsx__default.default(className, infoMessageClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(infoMessageClasses.default.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx__default.default(infoMessageClasses.default.gutter, classes == null ? void 0 : classes.gutter)), variant: "body", component: "label", $infoDisabled: !!localDisabled, $gutter: !disableGutter, ...others, children });
 };
 exports.HvInfoMessage = HvInfoMessage;
 //# sourceMappingURL=InfoMessage.cjs.map

package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.cjs","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { useContext } from \"react\";\nimport { setId } from \"utils\";\nimport clsx from \"clsx\";\nimport infoMessageClasses, { HvInfoMessageClasses } from \"./infoMessageClasses\";\n\nexport type HvInfoMessageProps = HvBaseProps & {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n};\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = ({\n  id,\n  classes,\n  className,\n  children,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvInfoMessageProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <StyledTypography\n      id={localId}\n      className={clsx(\n        className,\n        infoMessageClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(infoMessageClasses.infoDisabled, classes?.infoDisabled),\n        !disableGutter && clsx(infoMessageClasses.gutter, classes?.gutter)\n      )}\n      variant=\"body\"\n      component=\"label\"\n      $infoDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      {...others}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvInfoMessage","id","classes","className","children","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","StyledTypography","clsx","infoMessageClasses","root","infoDisabled","gutter","variant","component","$infoDisabled","$gutter"],"mappings":";;;;;;;;;;;AAoBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,kBAAMa,MAAMN,MAAAA,WAAW,aAAa;AAEpD,wCACGO,mBAAAA,kBAAgB;AAAA,IACfd,IAAIY;AAAAA,IACJV,WAAWa,cAAAA,QACTb,WACAc,2BAAmBC,MACnBhB,mCAASgB,MACTN,iBACEI,cAAAA,QAAKC,mBAAAA,QAAmBE,cAAcjB,mCAASiB,YAAY,GAC7D,CAACb,iBAAiBU,cAAAA,QAAKC,mBAAAA,QAAmBG,QAAQlB,mCAASkB,MAAM,CAAC;AAAA,IAEpEC,SAAQ;AAAA,IACRC,WAAU;AAAA,IACVC,eAAe,CAAC,CAACX;AAAAA,IACjBY,SAAS,CAAClB;AAAAA,IAAc,GACpBC;AAAAA,IAAMH;AAAAA,EAAAA,CAGO;AAEvB;;"}
+{"version":3,"file":"InfoMessage.cjs","sources":["../../../../../src/components/Forms/InfoMessage/InfoMessage.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./InfoMessage.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { useContext } from \"react\";\nimport { setId } from \"utils\";\nimport clsx from \"clsx\";\nimport infoMessageClasses, { HvInfoMessageClasses } from \"./infoMessageClasses\";\n\nexport type HvInfoMessageProps = HvBaseProps & {\n  /** If `true` the label is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInfoMessageClasses;\n};\n\n/**\n * Provides the user with additional descriptive text for the form element.\n */\nexport const HvInfoMessage = ({\n  id,\n  classes,\n  className,\n  children,\n  disabled,\n  disableGutter = false,\n  ...others\n}: HvInfoMessageProps) => {\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"description\");\n\n  return (\n    <StyledTypography\n      id={localId}\n      className={clsx(\n        className,\n        infoMessageClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(infoMessageClasses.infoDisabled, classes?.infoDisabled),\n        !disableGutter && clsx(infoMessageClasses.gutter, classes?.gutter)\n      )}\n      variant=\"body\"\n      component=\"label\"\n      $infoDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      {...others}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvInfoMessage","id","classes","className","children","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","StyledTypography","clsx","infoMessageClasses","root","infoDisabled","gutter"],"mappings":";;;;;;;;;;;AAoBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,kBAAMa,MAAMN,MAAAA,WAAW,aAAa;AAEpD,wCACGO,mBACC,kBAAA,EAAA,IAAIF,SACJ,WAAWG,cAAAA,QACTb,WACAc,mBAAmBC,QAAAA,MACnBhB,mCAASgB,MACTN,iBACEI,cAAKC,QAAAA,mBAAAA,QAAmBE,cAAcjB,mCAASiB,YAAY,GAC7D,CAACb,iBAAiBU,sBAAKC,mBAAAA,QAAmBG,QAAQlB,mCAASkB,MAAM,CAAC,GAEpE,SAAQ,QACR,WAAU,SACV,eAAe,CAAC,CAACR,eACjB,SAAS,CAACN,eACV,GAAIC,QAEHH,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Forms/Label/Label.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const Label_styles = require("./Label.styles.cjs");
 const FormUtils = require("../FormElement/utils/FormUtils.cjs");
 const labelClasses = require("./labelClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -31,22 +31,13 @@ const HvLabel = ({
   const localRequired = required || elementRequired;
   const localId = id != null ? id : setId.setId(elementId, "label");
   const forId = htmlForProp || ((_c = (_b = (_a = FormUtils.findDescriptors(children)) == null ? void 0 : _a.input) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Label_styles.StyledTypography, {
-      id: localId,
-      className: clsx__default.default(className, labelClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(labelClasses.default.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx__default.default(labelClasses.default.childGutter, classes == null ? void 0 : classes.childGutter)),
-      variant: "label",
-      component: "label",
-      htmlFor: forId,
-      $labelDisabled: !!localDisabled,
-      $childGutter: !!(children && label),
-      ...others,
-      children: [label, localRequired && /* @__PURE__ */ jsxRuntime.jsx("span", {
-        "aria-hidden": "true",
-        children: "*"
-      })]
-    }), children]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Label_styles.StyledTypography, { id: localId, className: clsx__default.default(className, labelClasses.default.root, classes == null ? void 0 : classes.root, localDisabled && clsx__default.default(labelClasses.default.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx__default.default(labelClasses.default.childGutter, classes == null ? void 0 : classes.childGutter)), variant: "label", component: "label", htmlFor: forId, $labelDisabled: !!localDisabled, $childGutter: !!(children && label), ...others, children: [
+      label,
+      localRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
+    ] }),
+    children
+  ] });
 };
 exports.HvLabel = HvLabel;
 //# sourceMappingURL=Label.cjs.map

package/dist/cjs/components/Forms/Label/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { StyledTypography } from \"./Label.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { setId } from \"utils\";\nimport labelClasses, { HvLabelClasses } from \"./labelClasses\";\n\nexport type HvLabelProps = HvBaseProps & {\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n};\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = ({\n  id,\n  classes,\n  className,\n  children,\n  label,\n  disabled,\n  required,\n  htmlFor: htmlForProp,\n  ...others\n}: HvLabelProps) => {\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          className,\n          labelClasses.root,\n          classes?.root,\n          localDisabled &&\n            clsx(labelClasses.labelDisabled, classes?.labelDisabled),\n          children &&\n            label &&\n            clsx(labelClasses.childGutter, classes?.childGutter)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        // @ts-ignore\n        htmlFor={forId}\n        $labelDisabled={!!localDisabled}\n        $childGutter={!!(children && label)}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </StyledTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","id","classes","className","children","label","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","_Fragment","_jsxs","StyledTypography","clsx","labelClasses","root","labelDisabled","childGutter","variant","component","$labelDisabled","$childGutter"],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,KACNC;AACS,MAAM;;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,MAAAA,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,2CAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,yCACEsB,WAAAA,UAAA;AAAA,IAAAnB,UAAA,CACEoB,2BAAAA,KAACC,+BAAgB;AAAA,MACfxB,IAAIiB;AAAAA,MACJf,WAAWuB,cAAAA,QACTvB,WACAwB,qBAAaC,MACb1B,mCAAS0B,MACTZ,iBACEU,cAAAA,QAAKC,aAAAA,QAAaE,eAAe3B,mCAAS2B,aAAa,GACzDzB,YACEC,SACAqB,sBAAKC,aAAAA,QAAaG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,MAExDC,SAAQ;AAAA,MACRC,WAAU;AAAA,MAEVxB,SAASY;AAAAA,MACTa,gBAAgB,CAAC,CAACjB;AAAAA,MAClBkB,cAAc,CAAC,EAAE9B,YAAYC;AAAAA,MAAO,GAChCK;AAAAA,MAAMN,UAETC,CAAAA,OACAY,gDAAiB,QAAA;AAAA,QAAM,eAAY;AAAA,QAAMb,UAAC;AAAA,MAAA,CAAQ,CAAA;AAAA,IAAA,CAAA,GAEpDA,QAAQ;AAAA,EAAA,CACR;AAEP;;"}
+{"version":3,"file":"Label.cjs","sources":["../../../../../src/components/Forms/Label/Label.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { StyledTypography } from \"./Label.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { findDescriptors } from \"../FormElement/utils/FormUtils\";\nimport { setId } from \"utils\";\nimport labelClasses, { HvLabelClasses } from \"./labelClasses\";\n\nexport type HvLabelProps = HvBaseProps & {\n  /** The text to be shown by the label. */\n  label?: React.ReactNode;\n  /** The id of the form element the label is bound to. */\n  htmlFor?: string;\n  /** If `true` the label is displayed with a disabled style. */\n  disabled?: boolean;\n  /** If `true`, the label will indicate that the form element is required (an `*` after the label text). */\n  required?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLabelClasses;\n};\n\n/**\n * Provides the user with a recognizable name for a given form element.\n */\nexport const HvLabel = ({\n  id,\n  classes,\n  className,\n  children,\n  label,\n  disabled,\n  required,\n  htmlFor: htmlForProp,\n  ...others\n}: HvLabelProps) => {\n  const { elementId, elementDisabled, elementRequired } =\n    useContext(HvFormElementContext);\n\n  const localDisabled = disabled || elementDisabled;\n  const localRequired = required || elementRequired;\n\n  const localId = id ?? setId(elementId, \"label\");\n\n  const forId = htmlForProp || findDescriptors(children)?.input?.[0]?.id;\n\n  return (\n    <>\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          className,\n          labelClasses.root,\n          classes?.root,\n          localDisabled &&\n            clsx(labelClasses.labelDisabled, classes?.labelDisabled),\n          children &&\n            label &&\n            clsx(labelClasses.childGutter, classes?.childGutter)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        htmlFor={forId}\n        $labelDisabled={!!localDisabled}\n        $childGutter={!!(children && label)}\n        {...others}\n      >\n        {label}\n        {localRequired && <span aria-hidden=\"true\">*</span>}\n      </StyledTypography>\n      {children}\n    </>\n  );\n};\n"],"names":["HvLabel","id","classes","className","children","label","disabled","required","htmlFor","htmlForProp","others","elementId","elementDisabled","elementRequired","useContext","HvFormElementContext","localDisabled","localRequired","localId","setId","forId","findDescriptors","input","jsxs","Fragment","StyledTypography","clsx","labelClasses","root","labelDisabled","childGutter","jsx"],"mappings":";;;;;;;;;;;;AAyBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,KACNC;AACS,MAAM;;AACZ,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAiBC;AAAAA,EAAAA,IAClCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,MAAAA,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,2CAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,SAEIsB,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAD,gCAACE,aAAAA,oBACC,IAAIP,SACJ,WAAWQ,cACTvB,QAAAA,WACAwB,aAAAA,QAAaC,MACb1B,mCAAS0B,MACTZ,iBACEU,cAAAA,QAAKC,qBAAaE,eAAe3B,mCAAS2B,aAAa,GACzDzB,YACEC,SACAqB,cAAAA,QAAKC,aAAAA,QAAaG,aAAa5B,mCAAS4B,WAAW,CAAC,GAExD,SAAQ,SACR,WAAU,SACV,SAASV,OACT,gBAAgB,CAAC,CAACJ,eAClB,cAAc,CAAC,EAAEZ,YAAYC,QAC7B,GAAIK,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAY,iBAAiBc,2BAAA,IAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACC3B;AAAAA,EACH,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const Suggestions_styles = require("./Suggestions.styles.cjs");
 const suggestionsClasses = require("./suggestionsClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useClickOutside = require("../../../hooks/useClickOutside.cjs");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
@@ -35,31 +35,10 @@ const HvSuggestions = ({
   React.useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledRoot, {
-    id: localId,
-    ref,
-    className: clsx__default.default(className, suggestionsClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledPopper, {
-      open: isOpen,
-      disablePortal: true,
-      anchorEl,
-      className: clsx__default.default(suggestionsClasses.default.popper, classes == null ? void 0 : classes.popper),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledSelectionList, {
-        className: clsx__default.default(suggestionsClasses.default.list, classes == null ? void 0 : classes.list),
-        id: setId.setId(localId, "list"),
-        onChange: onSuggestionSelected,
-        children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
-          const itemKey = item.id || setId.setId("item", i);
-          return /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
-            value: item,
-            disabled: item.disabled || void 0,
-            children: item.label
-          }, itemKey);
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledRoot, { id: localId, ref, className: clsx__default.default(className, suggestionsClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledPopper, { open: isOpen, disablePortal: true, anchorEl, className: clsx__default.default(suggestionsClasses.default.popper, classes == null ? void 0 : classes.popper), children: /* @__PURE__ */ jsxRuntime.jsx(Suggestions_styles.StyledSelectionList, { className: clsx__default.default(suggestionsClasses.default.list, classes == null ? void 0 : classes.list), id: setId.setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
+    const itemKey = item.id || setId.setId("item", i);
+    return /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { value: item, disabled: item.disabled || void 0, children: item.label }, itemKey);
+  }) }) }) });
 };
 exports.HvSuggestions = HvSuggestions;
 //# sourceMappingURL=Suggestions.cjs.map

package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"components\";\nimport { useClickOutside } from \"hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when suggestion list is closed */\n  // onClose: Function,\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: Function;\n  /** Function called when suggestion list is closed */\n  onClose?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n  id,\n  className,\n  classes,\n  expanded = false,\n  anchorEl,\n  suggestionValues = [],\n  onClose,\n  onSuggestionSelected,\n  ...others\n}: HvSuggestionsProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n  useClickOutside(ref, (e) => {\n    setIsOpen(false);\n    onClose?.(e);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={ref}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","useClickOutside","e","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;;;;AAsCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,eAAkBf,QAAQ;AAEtDgB,kCAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,QAAAA,UAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,wCACGmB,mBAAAA,YAAU;AAAA,IACTtB,IAAIY;AAAAA,IACJE;AAAAA,IACAb,WAAWsB,cAAKtB,QAAAA,WAAWuB,mBAAmBC,QAAAA,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAC/DjB;AAAAA,IAAMkB,yCAETC,iCAAY;AAAA,MACXC,MAAMZ;AAAAA,MACNa,eAAa;AAAA,MACbzB;AAAAA,MACAH,WAAWsB,cAAAA,QAAKC,mBAAAA,QAAmBM,QAAQ5B,mCAAS4B,MAAM;AAAA,MAAEJ,yCAE3DK,wCAAmB;AAAA,QAClB9B,WAAWsB,cAAAA,QAAKC,mBAAAA,QAAmBQ,MAAM9B,mCAAS8B,IAAI;AAAA,QACtDhC,IAAIa,MAAAA,MAAMD,SAAS,MAAM;AAAA,QACzBqB,UAAU1B;AAAAA,QAAqBmB,UAE9BrB,qDAAkB6B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKnC,MAAMa,MAAAA,MAAM,QAAQuB,CAAC;AAE1C,gDACGE,SAAAA,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAAO;AAAA,QAAA;AAAA,MAOjB,CAAC;AAAA,IAAA,CACkB;AAAA,EAAA,CAEb;AAEjB;;"}
+{"version":3,"file":"Suggestions.cjs","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"components\";\nimport { useClickOutside } from \"hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport type HvSuggestion = {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type HvSuggestionsProps = HvBaseProps & {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when suggestion list is closed */\n  // onClose: Function,\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: Function;\n  /** Function called when suggestion list is closed */\n  onClose?: Function;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n};\n\nexport const HvSuggestions = ({\n  id,\n  className,\n  classes,\n  expanded = false,\n  anchorEl,\n  suggestionValues = [],\n  onClose,\n  onSuggestionSelected,\n  ...others\n}: HvSuggestionsProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n  useClickOutside(ref, (e) => {\n    setIsOpen(false);\n    onClose?.(e);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={ref}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","useClickOutside","e","useEffect","jsx","StyledRoot","clsx","suggestionsClasses","root","StyledPopper","popper","StyledSelectionList","list","map","item","i","itemKey","HvListItem","disabled","undefined","label"],"mappings":";;;;;;;;;;;;;AAsCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,KACGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,MAAAA,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,aAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,eAAkBf,QAAQ;AAEtDgB,kCAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,QAAAA,UAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAGX,SAAAmB,+BAACC,mBAAAA,cACC,IAAIX,SACJ,KACA,WAAWY,sBAAKvB,WAAWwB,mBAAAA,QAAmBC,MAAMxB,mCAASwB,IAAI,GACjE,GAAIlB,QAEJ,UAACc,2BAAAA,IAAAK,mBAAAA,cAAA,EACC,MAAMX,QACN,eAAa,MACb,UACA,WAAWQ,cAAAA,QAAKC,2BAAmBG,QAAQ1B,mCAAS0B,MAAM,GAE1D,UAAAN,2BAAA,IAACO,0CACC,WAAWL,cAAAA,QAAKC,2BAAmBK,MAAM5B,mCAAS4B,IAAI,GACtD,IAAIjB,MAAAA,MAAMD,SAAS,MAAM,GACzB,UAAUL,sBAETF,UAAkB0B,qDAAAA,IAAI,CAACC,MAAMC,MAAM;AAClC,UAAMC,UAAUF,KAAKhC,MAAMa,MAAAA,MAAM,QAAQoB,CAAC;AAGxC,WAAAX,2BAAAA,IAACa,SAAAA,YAEC,EAAA,OAAOH,MACP,UAAUA,KAAKI,YAAYC,QAE1BL,UAAKM,KAAAA,MAAAA,GAJDJ,OAKP;AAAA,EAAA,GAGN,CAAA,GACF,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Forms/WarningText/WarningText.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const isNil = require("lodash/isNil");
 const WarningText_styles = require("./WarningText.styles.cjs");
 const warningTextClasses = require("./warningTextClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
 const setId = require("../../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -35,25 +35,11 @@ const HvWarningText = ({
   const localId = id != null ? id : setId.setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
-  const localAdornment = adornment || /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledIcon, {
-    className: clsx__default.default(warningTextClasses.default.defaultIcon, classes == null ? void 0 : classes.defaultIcon),
-    semantic: "sema4"
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(WarningText_styles.StyledRoot, {
-    className: clsx__default.default(className, warningTextClasses.default.root, classes == null ? void 0 : classes.root, showWarning && clsx__default.default(warningTextClasses.default.show, classes == null ? void 0 : classes.show), !disableBorder && clsx__default.default(warningTextClasses.default.topBorder, classes == null ? void 0 : classes.topBorder)),
-    $show: showWarning,
-    $topBorder: !disableBorder,
-    children: [!disableAdornment && localAdornment, /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledTypography, {
-      id: localId,
-      className: clsx__default.default(warningTextClasses.default.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx__default.default(warningTextClasses.default.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx__default.default(warningTextClasses.default.hideText, classes == null ? void 0 : classes.hideText)),
-      $topGutter: !disableGutter,
-      $hideText: hideText,
-      role: "status",
-      "aria-relevant": "additions text",
-      ...others,
-      children: showWarning && content
-    })]
-  });
+  const localAdornment = adornment || /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledIcon, { className: clsx__default.default(warningTextClasses.default.defaultIcon, classes == null ? void 0 : classes.defaultIcon), semantic: "sema4" });
+  return /* @__PURE__ */ jsxRuntime.jsxs(WarningText_styles.StyledRoot, { className: clsx__default.default(className, warningTextClasses.default.root, classes == null ? void 0 : classes.root, showWarning && clsx__default.default(warningTextClasses.default.show, classes == null ? void 0 : classes.show), !disableBorder && clsx__default.default(warningTextClasses.default.topBorder, classes == null ? void 0 : classes.topBorder)), $show: showWarning, $topBorder: !disableBorder, children: [
+    !disableAdornment && localAdornment,
+    /* @__PURE__ */ jsxRuntime.jsx(WarningText_styles.StyledTypography, { id: localId, className: clsx__default.default(warningTextClasses.default.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx__default.default(warningTextClasses.default.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx__default.default(warningTextClasses.default.hideText, classes == null ? void 0 : classes.hideText)), $topGutter: !disableGutter, $hideText: hideText, role: "status", "aria-relevant": "additions text", ...others, children: showWarning && content })
+  ] });
 };
 exports.HvWarningText = HvWarningText;
 //# sourceMappingURL=WarningText.cjs.map

package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","_jsx","StyledIcon","clsx","warningTextClasses","defaultIcon","semantic","StyledRoot","root","show","topBorder","$show","$topBorder","StyledTypography","warningText","topGutter","$topGutter","$hideText","role"],"mappings":";;;;;;;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,KACRC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,uBAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,MAAAA,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACnCwB,QAAAA,iBAAiBvB,aACrBwB,2BAAAA,IAACC,+BAAU;AAAA,IACTtB,WAAWuB,cAAAA,QAAKC,mBAAAA,QAAmBC,aAAa1B,mCAAS0B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CAEZ;AAED,yCACGC,mBAAAA,YAAU;AAAA,IACT3B,WAAWuB,cAAAA,QACTvB,WACAwB,2BAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,cAAAA,QAAKC,mBAAAA,QAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,cAAAA,QAAKC,mBAAAA,QAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC;AAAA,IAE1EC,OAAOb;AAAAA,IACPc,YAAY,CAAC5B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBe,+CACrBa,mBAAAA,kBAAgB;AAAA,MACfhC,IAAIe;AAAAA,MACJhB,WAAWuB,cAAAA,QACTC,mBAAAA,QAAmBU,aACnBnC,mCAASmC,aACT,CAAC/B,iBACCoB,cAAAA,QAAKC,mBAAAA,QAAmBW,WAAWpC,mCAASoC,SAAS,GACvD7B,YAAYiB,cAAAA,QAAKC,mBAAAA,QAAmBlB,UAAUP,mCAASO,QAAQ,CAAC;AAAA,MAElE8B,YAAY,CAACjC;AAAAA,MACbkC,WAAW/B;AAAAA,MACXgC,MAAK;AAAA,MACL,iBAAc;AAAA,MAAgB,GAC1B/B;AAAAA,MAAMX,UAETsB,eAAeC;AAAAA,IAAAA,CACC,CAAA;AAAA,EAAA,CACR;AAEjB;;"}
+{"version":3,"file":"WarningText.cjs","sources":["../../../../../src/components/Forms/WarningText/WarningText.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography, StyledIcon } from \"./WarningText.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { setId } from \"utils\";\nimport warningTextClasses, { HvWarningTextClasses } from \"./warningTextClasses\";\n\nexport type HvWarningTextProps = HvBaseProps & {\n  /** Icon to be rendered alongside the warning text. */\n  adornment?: React.ReactNode;\n  /** If `true` the text is not rendered. */\n  isVisible?: boolean;\n  /** If `true` the text is disabled. */\n  disabled?: boolean;\n  /** If `true` the text won't include a gutter. */\n  disableGutter?: boolean;\n  /** If `true` the text won't include the top border. */\n  disableBorder?: boolean;\n  /** If `true` the adornment icon isn't shown. */\n  disableAdornment?: boolean;\n  /** If `true` the text isn't shown. */\n  hideText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvWarningTextClasses;\n};\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nexport const HvWarningText = ({\n  children,\n  adornment,\n  isVisible,\n  classes,\n  className,\n  id,\n  disabled,\n  disableGutter = false,\n  disableBorder = false,\n  disableAdornment = false,\n  hideText = false,\n  ...others\n}: HvWarningTextProps) => {\n  const { elementId, elementStatus, elementDisabled } =\n    useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible)\n    ? isVisible\n    : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || (\n    <StyledIcon\n      className={clsx(warningTextClasses.defaultIcon, classes?.defaultIcon)}\n      semantic=\"sema4\"\n    />\n  );\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        warningTextClasses.root,\n        classes?.root,\n        showWarning && clsx(warningTextClasses.show, classes?.show),\n        !disableBorder && clsx(warningTextClasses.topBorder, classes?.topBorder)\n      )}\n      $show={showWarning}\n      $topBorder={!disableBorder}\n    >\n      {!disableAdornment && localAdornment}\n      <StyledTypography\n        id={localId}\n        className={clsx(\n          warningTextClasses.warningText,\n          classes?.warningText,\n          !disableGutter &&\n            clsx(warningTextClasses.topGutter, classes?.topGutter),\n          hideText && clsx(warningTextClasses.hideText, classes?.hideText)\n        )}\n        $topGutter={!disableGutter}\n        $hideText={hideText}\n        role=\"status\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvWarningText","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","useContext","HvFormElementContext","localDisabled","localVisible","isNil","localId","setId","showWarning","content","localAdornment","jsx","StyledIcon","clsx","warningTextClasses","defaultIcon","jsxs","StyledRoot","root","show","topBorder","StyledTypography","warningText","topGutter"],"mappings":";;;;;;;;;;;;;AA+BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,mBAAmB;AAAA,EACnBC,WAAW;AAAA,KACRC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAAeC;AAAAA,EAAAA,IAChCC,MAAAA,WAAWC,mBAAAA,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,uBAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,MAAAA,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACzC,QAAMwB,iBAAiBvB,aACpBwB,2BAAAA,IAAAC,mBAAAA,YAAA,EACC,WAAWC,cAAAA,QAAKC,mBAAmBC,QAAAA,aAAa1B,mCAAS0B,WAAW,GACpE,UAAS,QAEZ,CAAA;AAED,SACGC,2BAAA,KAAAC,mBAAA,YAAA,EACC,WAAWJ,cAAAA,QACTvB,WACAwB,mBAAAA,QAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,cAAAA,QAAKC,mBAAAA,QAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,cAAKC,QAAAA,mBAAAA,QAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC,GAE1E,OAAOZ,aACP,YAAY,CAACd,eAEZ,UAAA;AAAA,IAAA,CAACC,oBAAoBe;AAAAA,mCACrBW,mBACC,kBAAA,EAAA,IAAIf,SACJ,WAAWO,cAAAA,QACTC,mBAAAA,QAAmBQ,aACnBjC,mCAASiC,aACT,CAAC7B,iBACCoB,sBAAKC,mBAAAA,QAAmBS,WAAWlC,mCAASkC,SAAS,GACvD3B,YAAYiB,cAAKC,QAAAA,2BAAmBlB,UAAUP,mCAASO,QAAQ,CAAC,GAElE,YAAY,CAACH,eACb,WAAWG,UACX,MAAK,UACL,iBAAc,kBACd,GAAIC,QAEHW,yBAAeC,SAClB;AAAA,EACF,EAAA,CAAA;AAEJ;;"}