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

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { StyledTypography } from "./InfoMessage.styles.js";
 import { useContext } from "react";
 import clsx from "clsx";
 import infoMessageClasses from "./infoMessageClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvInfoMessage = ({
@@ -20,16 +20,7 @@ const HvInfoMessage = ({
   } = useContext(HvFormElementContext);
   const localDisabled = disabled || elementDisabled;
   const localId = id != null ? id : setId(elementId, "description");
-  return /* @__PURE__ */ jsx(StyledTypography, {
-    id: localId,
-    className: clsx(className, infoMessageClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(infoMessageClasses.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx(infoMessageClasses.gutter, classes == null ? void 0 : classes.gutter)),
-    variant: "body",
-    component: "label",
-    $infoDisabled: !!localDisabled,
-    $gutter: !disableGutter,
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledTypography, { id: localId, className: clsx(className, infoMessageClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(infoMessageClasses.infoDisabled, classes == null ? void 0 : classes.infoDisabled), !disableGutter && clsx(infoMessageClasses.gutter, classes == null ? void 0 : classes.gutter)), variant: "body", component: "label", $infoDisabled: !!localDisabled, $gutter: !disableGutter, ...others, children });
 };
 export {
   HvInfoMessage

package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage.js","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,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,kBAAMa,MAAMN,WAAW,aAAa;AAEpD,6BACGO,kBAAgB;AAAA,IACfd,IAAIY;AAAAA,IACJV,WAAWa,KACTb,WACAc,mBAAmBC,MACnBhB,mCAASgB,MACTN,iBACEI,KAAKC,mBAAmBE,cAAcjB,mCAASiB,YAAY,GAC7D,CAACb,iBAAiBU,KAAKC,mBAAmBG,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.js","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","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,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUZ,kBAAMa,MAAMN,WAAW,aAAa;AAEpD,6BACG,kBACC,EAAA,IAAIK,SACJ,WAAWE,KACTZ,WACAa,mBAAmBC,MACnBf,mCAASe,MACTL,iBACEG,KAAKC,mBAAmBE,cAAchB,mCAASgB,YAAY,GAC7D,CAACZ,iBAAiBS,KAAKC,mBAAmBG,QAAQjB,mCAASiB,MAAM,CAAC,GAEpE,SAAQ,QACR,WAAU,SACV,eAAe,CAAC,CAACP,eACjB,SAAS,CAACN,eACV,GAAIC,QAEHH,SACH,CAAA;AAEJ;"}

package/dist/esm/components/Forms/Label/Label.js

@@ -1,9 +1,9 @@
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import { StyledTypography } from "./Label.styles.js";
 import { findDescriptors } from "../FormElement/utils/FormUtils.js";
 import labelClasses from "./labelClasses.js";
-import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvLabel = ({
@@ -27,22 +27,13 @@ const HvLabel = ({
   const localRequired = required || elementRequired;
   const localId = id != null ? id : setId(elementId, "label");
   const forId = htmlForProp || ((_c = (_b = (_a = findDescriptors(children)) == null ? void 0 : _a.input) == null ? void 0 : _b[0]) == null ? void 0 : _c.id);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsxs(StyledTypography, {
-      id: localId,
-      className: clsx(className, labelClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(labelClasses.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx(labelClasses.childGutter, classes == null ? void 0 : classes.childGutter)),
-      variant: "label",
-      component: "label",
-      htmlFor: forId,
-      $labelDisabled: !!localDisabled,
-      $childGutter: !!(children && label),
-      ...others,
-      children: [label, localRequired && /* @__PURE__ */ jsx("span", {
-        "aria-hidden": "true",
-        children: "*"
-      })]
-    }), children]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(StyledTypography, { id: localId, className: clsx(className, labelClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(labelClasses.labelDisabled, classes == null ? void 0 : classes.labelDisabled), children && label && clsx(labelClasses.childGutter, classes == null ? void 0 : classes.childGutter)), variant: "label", component: "label", htmlFor: forId, $labelDisabled: !!localDisabled, $childGutter: !!(children && label), ...others, children: [
+      label,
+      localRequired && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
+    ] }),
+    children
+  ] });
 };
 export {
   HvLabel

package/dist/esm/components/Forms/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","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","_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,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,iCAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,8BACEsB,UAAA;AAAA,IAAAnB,UAAA,CACEoB,qBAACC,kBAAgB;AAAA,MACfxB,IAAIiB;AAAAA,MACJf,WAAWuB,KACTvB,WACAwB,aAAaC,MACb1B,mCAAS0B,MACTZ,iBACEU,KAAKC,aAAaE,eAAe3B,mCAAS2B,aAAa,GACzDzB,YACEC,SACAqB,KAAKC,aAAaG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,MAExDC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVxB,SAASY;AAAAA,MACTa,gBAAgB,CAAC,CAACjB;AAAAA,MAClBkB,cAAc,CAAC,EAAE9B,YAAYC;AAAAA,MAAO,GAChCK;AAAAA,MAAMN,UAETC,CAAAA,OACAY,qCAAiB,QAAA;AAAA,QAAM,eAAY;AAAA,QAAMb,UAAC;AAAA,MAAA,CAAQ,CAAA;AAAA,IAAA,CAAA,GAEpDA,QAAQ;AAAA,EAAA,CACR;AAEP;"}
+{"version":3,"file":"Label.js","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","clsx","labelClasses","root","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,WAAWC,oBAAoB;AAEjC,QAAMC,gBAAgBV,YAAYM;AAClC,QAAMK,gBAAgBV,YAAYM;AAElC,QAAMK,UAAUjB,kBAAMkB,MAAMR,WAAW,OAAO;AAE9C,QAAMS,QAAQX,iBAAeY,iCAAgBjB,QAAQ,MAAxBiB,mBAA2BC,UAA3BD,mBAAmC,OAAnCA,mBAAuCpB;AAEpE,SAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,qBAAC,oBACC,IAAIiB,SACJ,WAAWK,KACTpB,WACAqB,aAAaC,MACbvB,mCAASuB,MACTT,iBACEO,KAAKC,aAAaE,eAAexB,mCAASwB,aAAa,GACzDtB,YACEC,SACAkB,KAAKC,aAAaG,aAAazB,mCAASyB,WAAW,CAAC,GAExD,SAAQ,SACR,WAAU,SACV,SAASP,OACT,gBAAgB,CAAC,CAACJ,eAClB,cAAc,CAAC,EAAEZ,YAAYC,QAC7B,GAAIK,QAEHL,UAAAA;AAAAA,MAAAA;AAAAA,MACAY,iBAAiB,oBAAC,QAAK,EAAA,eAAY,QAAO,UAAC,KAAA;AAAA,IAAA,GAC9C;AAAA,IACCb;AAAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Forms/Suggestions/Suggestions.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useContext, useRef, useState, useEffect } from "react";
 import clsx from "clsx";
 import { StyledRoot, StyledPopper, StyledSelectionList } from "./Suggestions.styles.js";
 import suggestionsClasses from "./suggestionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useClickOutside } from "../../../hooks/useClickOutside.js";
 import { HvListItem } from "../../ListContainer/ListItem/ListItem.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
@@ -31,31 +31,10 @@ const HvSuggestions = ({
   useEffect(() => {
     setIsOpen(expanded);
   }, [expanded]);
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    id: localId,
-    ref,
-    className: clsx(className, suggestionsClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsx(StyledPopper, {
-      open: isOpen,
-      disablePortal: true,
-      anchorEl,
-      className: clsx(suggestionsClasses.popper, classes == null ? void 0 : classes.popper),
-      children: /* @__PURE__ */ jsx(StyledSelectionList, {
-        className: clsx(suggestionsClasses.list, classes == null ? void 0 : classes.list),
-        id: setId(localId, "list"),
-        onChange: onSuggestionSelected,
-        children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
-          const itemKey = item.id || setId("item", i);
-          return /* @__PURE__ */ jsx(HvListItem, {
-            value: item,
-            disabled: item.disabled || void 0,
-            children: item.label
-          }, itemKey);
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { id: localId, ref, className: clsx(className, suggestionsClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(StyledPopper, { open: isOpen, disablePortal: true, anchorEl, className: clsx(suggestionsClasses.popper, classes == null ? void 0 : classes.popper), children: /* @__PURE__ */ jsx(StyledSelectionList, { className: clsx(suggestionsClasses.list, classes == null ? void 0 : classes.list), id: setId(localId, "list"), onChange: onSuggestionSelected, children: suggestionValues == null ? void 0 : suggestionValues.map((item, i) => {
+    const itemKey = item.id || setId("item", i);
+    return /* @__PURE__ */ jsx(HvListItem, { value: item, disabled: item.disabled || void 0, children: item.label }, itemKey);
+  }) }) }) });
 };
 export {
   HvSuggestions

package/dist/esm/components/Forms/Suggestions/Suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","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,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,SAAkBf,QAAQ;AAEtDgB,kBAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,YAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACGmB,YAAU;AAAA,IACTtB,IAAIY;AAAAA,IACJE;AAAAA,IACAb,WAAWsB,KAAKtB,WAAWuB,mBAAmBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAC/DjB;AAAAA,IAAMkB,8BAETC,cAAY;AAAA,MACXC,MAAMZ;AAAAA,MACNa,eAAa;AAAA,MACbzB;AAAAA,MACAH,WAAWsB,KAAKC,mBAAmBM,QAAQ5B,mCAAS4B,MAAM;AAAA,MAAEJ,8BAE3DK,qBAAmB;AAAA,QAClB9B,WAAWsB,KAAKC,mBAAmBQ,MAAM9B,mCAAS8B,IAAI;AAAA,QACtDhC,IAAIa,MAAMD,SAAS,MAAM;AAAA,QACzBqB,UAAU1B;AAAAA,QAAqBmB,UAE9BrB,qDAAkB6B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKnC,MAAMa,MAAM,QAAQuB,CAAC;AAE1C,qCACGE,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.js","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","clsx","suggestionsClasses","root","popper","list","map","item","i","itemKey","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,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,kBAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,SAAkBf,QAAQ;AAEtDgB,kBAAgBL,KAAMM,CAAM,MAAA;AAC1BH,cAAU,KAAK;AACfX,uCAAUc;AAAAA,EAAC,CACZ;AAEDC,YAAU,MAAM;AACdJ,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAGX,SAAA,oBAAC,cACC,IAAIS,SACJ,KACA,WAAWU,KAAKrB,WAAWsB,mBAAmBC,MAAMtB,mCAASsB,IAAI,GACjE,GAAIhB,QAEJ,UAAC,oBAAA,cAAA,EACC,MAAMQ,QACN,eAAa,MACb,UACA,WAAWM,KAAKC,mBAAmBE,QAAQvB,mCAASuB,MAAM,GAE1D,UAAA,oBAAC,uBACC,WAAWH,KAAKC,mBAAmBG,MAAMxB,mCAASwB,IAAI,GACtD,IAAIb,MAAMD,SAAS,MAAM,GACzB,UAAUL,sBAETF,UAAkBsB,qDAAAA,IAAI,CAACC,MAAMC,MAAM;AAClC,UAAMC,UAAUF,KAAK5B,MAAMa,MAAM,QAAQgB,CAAC;AAGxC,WAAA,oBAAC,YAEC,EAAA,OAAOD,MACP,UAAUA,KAAKG,YAAYC,QAE1BJ,UAAKK,KAAAA,MAAAA,GAJDH,OAKP;AAAA,EAAA,GAGN,CAAA,GACF,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Forms/WarningText/WarningText.js

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import isNil from "lodash/isNil";
 import { StyledIcon, StyledRoot, StyledTypography } from "./WarningText.styles.js";
 import warningTextClasses from "./warningTextClasses.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvWarningText = ({
@@ -30,25 +30,11 @@ const HvWarningText = ({
   const localId = id != null ? id : setId(elementId, "error");
   const showWarning = localVisible && !localDisabled;
   const content = showWarning ? children : "";
-  const localAdornment = adornment || /* @__PURE__ */ jsx(StyledIcon, {
-    className: clsx(warningTextClasses.defaultIcon, classes == null ? void 0 : classes.defaultIcon),
-    semantic: "sema4"
-  });
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    className: clsx(className, warningTextClasses.root, classes == null ? void 0 : classes.root, showWarning && clsx(warningTextClasses.show, classes == null ? void 0 : classes.show), !disableBorder && clsx(warningTextClasses.topBorder, classes == null ? void 0 : classes.topBorder)),
-    $show: showWarning,
-    $topBorder: !disableBorder,
-    children: [!disableAdornment && localAdornment, /* @__PURE__ */ jsx(StyledTypography, {
-      id: localId,
-      className: clsx(warningTextClasses.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx(warningTextClasses.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx(warningTextClasses.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__ */ jsx(StyledIcon, { className: clsx(warningTextClasses.defaultIcon, classes == null ? void 0 : classes.defaultIcon), semantic: "sema4" });
+  return /* @__PURE__ */ jsxs(StyledRoot, { className: clsx(className, warningTextClasses.root, classes == null ? void 0 : classes.root, showWarning && clsx(warningTextClasses.show, classes == null ? void 0 : classes.show), !disableBorder && clsx(warningTextClasses.topBorder, classes == null ? void 0 : classes.topBorder)), $show: showWarning, $topBorder: !disableBorder, children: [
+    !disableAdornment && localAdornment,
+    /* @__PURE__ */ jsx(StyledTypography, { id: localId, className: clsx(warningTextClasses.warningText, classes == null ? void 0 : classes.warningText, !disableGutter && clsx(warningTextClasses.topGutter, classes == null ? void 0 : classes.topGutter), hideText && clsx(warningTextClasses.hideText, classes == null ? void 0 : classes.hideText)), $topGutter: !disableGutter, $hideText: hideText, role: "status", "aria-relevant": "additions text", ...others, children: showWarning && content })
+  ] });
 };
 export {
   HvWarningText

package/dist/esm/components/Forms/WarningText/WarningText.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","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,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACnCwB,QAAAA,iBAAiBvB,aACrBwB,oBAACC,YAAU;AAAA,IACTtB,WAAWuB,KAAKC,mBAAmBC,aAAa1B,mCAAS0B,WAAW;AAAA,IACpEC,UAAS;AAAA,EAAA,CAEZ;AAED,8BACGC,YAAU;AAAA,IACT3B,WAAWuB,KACTvB,WACAwB,mBAAmBI,MACnB7B,mCAAS6B,MACTV,eAAeK,KAAKC,mBAAmBK,MAAM9B,mCAAS8B,IAAI,GAC1D,CAACzB,iBAAiBmB,KAAKC,mBAAmBM,WAAW/B,mCAAS+B,SAAS,CAAC;AAAA,IAE1EC,OAAOb;AAAAA,IACPc,YAAY,CAAC5B;AAAAA,IAAcR,UAAA,CAE1B,CAACS,oBAAoBe,oCACrBa,kBAAgB;AAAA,MACfhC,IAAIe;AAAAA,MACJhB,WAAWuB,KACTC,mBAAmBU,aACnBnC,mCAASmC,aACT,CAAC/B,iBACCoB,KAAKC,mBAAmBW,WAAWpC,mCAASoC,SAAS,GACvD7B,YAAYiB,KAAKC,mBAAmBlB,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.js","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","clsx","warningTextClasses","defaultIcon","root","show","topBorder","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,WAAWC,oBAAoB;AACjC,QAAMC,gBAAgBX,YAAYQ;AAClC,QAAMI,eAAe,CAACC,MAAMjB,SAAS,IACjCA,YACAW,kBAAkB;AACtB,QAAMO,UAAUf,kBAAMgB,MAAMT,WAAW,OAAO;AACxCU,QAAAA,cAAcJ,gBAAgB,CAACD;AAC/BM,QAAAA,UAAUD,cAActB,WAAW;AACzC,QAAMwB,iBAAiBvB,aACpB,oBAAA,YAAA,EACC,WAAWwB,KAAKC,mBAAmBC,aAAaxB,mCAASwB,WAAW,GACpE,UAAS,QAEZ,CAAA;AAED,SACG,qBAAA,YAAA,EACC,WAAWF,KACTrB,WACAsB,mBAAmBE,MACnBzB,mCAASyB,MACTN,eAAeG,KAAKC,mBAAmBG,MAAM1B,mCAAS0B,IAAI,GAC1D,CAACrB,iBAAiBiB,KAAKC,mBAAmBI,WAAW3B,mCAAS2B,SAAS,CAAC,GAE1E,OAAOR,aACP,YAAY,CAACd,eAEZ,UAAA;AAAA,IAAA,CAACC,oBAAoBe;AAAAA,wBACrB,kBACC,EAAA,IAAIJ,SACJ,WAAWK,KACTC,mBAAmBK,aACnB5B,mCAAS4B,aACT,CAACxB,iBACCkB,KAAKC,mBAAmBM,WAAW7B,mCAAS6B,SAAS,GACvDtB,YAAYe,KAAKC,mBAAmBhB,UAAUP,mCAASO,QAAQ,CAAC,GAElE,YAAY,CAACH,eACb,WAAWG,UACX,MAAK,UACL,iBAAc,kBACd,GAAIC,QAEHW,yBAAeC,SAClB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/GlobalActions/GlobalActions.js

@@ -1,10 +1,10 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import clsx from "clsx";
 import { isString } from "lodash";
 import { StyledRoot, StyledWrapper, StyledActions, StyledBackButton } from "./GlobalActions.styles.js";
 import globalActionsClasses from "./globalActionsClasses.js";
 import { useContext } from "react";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvThemeContext } from "../../providers/ThemeProvider.js";
 import { HvTypography } from "../Typography/Typography.js";
 const HvGlobalActions = ({
@@ -25,33 +25,15 @@ const HvGlobalActions = ({
   const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
   const backButtonRenderer = () => {
     if (backButton) {
-      return /* @__PURE__ */ jsx(StyledBackButton, {
-        className: clsx(globalActionsClasses.backButton, classes == null ? void 0 : classes.backButton),
-        children: backButton
-      });
+      return /* @__PURE__ */ jsx(StyledBackButton, { className: clsx(globalActionsClasses.backButton, classes == null ? void 0 : classes.backButton), children: backButton });
     }
   };
   const position = positionProp || (variant === "global" ? "sticky" : "relative");
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    $variant: variant,
-    $position: position,
-    className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.positionSticky), position === "fixed" && clsx(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.positionFixed), variant === "global" && clsx(classes == null ? void 0 : classes.global, globalActionsClasses.global)),
-    $breakpoints: muiTheme.breakpoints,
-    ...others,
-    children: /* @__PURE__ */ jsxs(StyledWrapper, {
-      className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.globalWrapperComplement), variant === "section" && clsx(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.globalSectionArea)),
-      $variant: variant,
-      children: [variant === "global" && backButtonRenderer(), !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, {
-        variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant,
-        component: `h${headingLevelToApply}`,
-        className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name),
-        children: title
-      }), children && /* @__PURE__ */ jsx(StyledActions, {
-        className: clsx(globalActionsClasses.actions, classes == null ? void 0 : classes.actions),
-        children
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledRoot, { $variant: variant, $position: position, className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.positionSticky), position === "fixed" && clsx(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.positionFixed), variant === "global" && clsx(classes == null ? void 0 : classes.global, globalActionsClasses.global)), $breakpoints: muiTheme.breakpoints, ...others, children: /* @__PURE__ */ jsxs(StyledWrapper, { className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.globalWrapperComplement), variant === "section" && clsx(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.globalSectionArea)), $variant: variant, children: [
+    variant === "global" && backButtonRenderer(),
+    !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, { variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant, component: `h${headingLevelToApply}`, className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name), children: title }),
+    children && /* @__PURE__ */ jsx(StyledActions, { className: clsx(globalActionsClasses.actions, classes == null ? void 0 : classes.actions), children })
+  ] }) });
 };
 export {
   HvGlobalActions

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","$variant","$position","root","positionSticky","positionFixed","global","$breakpoints","breakpoints","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","_jsx","HvTypography","globalActions","sectionVariant","component","name","StyledActions","actions"],"mappings":";;;;;;;;;AA6CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBT,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMY,qBAAqBA,MAAM;AAC/B,QAAIX,YAAY;AACd,iCACGY,kBAAgB;AAAA,QACff,WAAWgB,KAAKC,qBAAqBd,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGgB,YAAU;AAAA,IACTC,UAAUjB;AAAAA,IACVkB,WAAWf;AAAAA,IACXL,WAAWgB,KACThB,WACAiB,qBAAqBI,MACrBtB,mCAASsB,MACThB,aAAa,YACXW,KAAKjB,mCAASuB,gBAAgBL,qBAAqBK,cAAc,GACnEjB,aAAa,WACXW,KAAKjB,mCAASwB,eAAeN,qBAAqBM,aAAa,GACjErB,YAAY,YACVc,KAAKjB,mCAASyB,QAAQP,qBAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BnB;AAAAA,IAAMT,+BAET6B,eAAa;AAAA,MACZ3B,WAAWgB,KACTC,qBAAqBW,SACrB7B,mCAAS6B,SACT1B,YAAY,YACVc,KACEjB,mCAAS8B,yBACTZ,qBAAqBY,uBAAuB,GAEhD3B,YAAY,aACVc,KACEjB,mCAAS+B,mBACTb,qBAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUjB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYY,sBACxB,CAACiB,SAAS9B,KAAK,IACdA,QAEA+B,oBAACC,cAAY;AAAA,QACX/B,SACEA,YAAY,WACR,WACAM,2CAAa0B,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfb,WAAWgB,KAAKC,qBAAqBoB,MAAMtC,mCAASsC,IAAI;AAAA,QAAEvC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCkC,oBAACM,eAAa;AAAA,QACZtC,WAAWgB,KAAKC,qBAAqBsB,SAASxC,mCAASwC,OAAO;AAAA,QAAEzC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      $variant={variant}\n      $position={position}\n      className={clsx(\n        className,\n        globalActionsClasses.root,\n        classes?.root,\n        position === \"sticky\" &&\n          clsx(classes?.positionSticky, globalActionsClasses.positionSticky),\n        position === \"fixed\" &&\n          clsx(classes?.positionFixed, globalActionsClasses.positionFixed),\n        variant === \"global\" &&\n          clsx(classes?.global, globalActionsClasses.global)\n      )}\n      $breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(\n          globalActionsClasses.wrapper,\n          classes?.wrapper,\n          variant === \"global\" &&\n            clsx(\n              classes?.globalWrapperComplement,\n              globalActionsClasses.globalWrapperComplement\n            ),\n          variant === \"section\" &&\n            clsx(\n              classes?.globalSectionArea,\n              globalActionsClasses.globalSectionArea\n            )\n        )}\n        $variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={\n              variant === \"global\"\n                ? \"title3\"\n                : activeTheme?.globalActions.sectionVariant\n            }\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","clsx","globalActionsClasses","root","positionSticky","positionFixed","global","breakpoints","wrapper","globalWrapperComplement","globalSectionArea","isString","globalActions","sectionVariant","name","actions"],"mappings":";;;;;;;;;AA6CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,QAAMC,WAAWC;AAEjB,QAAMC,sBAAsBT,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMY,qBAAqBA,MAAM;AAC/B,QAAIX,YAAY;AAEZ,aAAA,oBAAC,oBACC,WAAWY,KAAKC,qBAAqBb,YAAYJ,mCAASI,UAAU,GAEnEA,UACH,WAAA,CAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACG,oBAAA,YAAA,EACC,UAAUA,SACV,WAAWG,UACX,WAAWU,KACTf,WACAgB,qBAAqBC,MACrBlB,mCAASkB,MACTZ,aAAa,YACXU,KAAKhB,mCAASmB,gBAAgBF,qBAAqBE,cAAc,GACnEb,aAAa,WACXU,KAAKhB,mCAASoB,eAAeH,qBAAqBG,aAAa,GACjEjB,YAAY,YACVa,KAAKhB,mCAASqB,QAAQJ,qBAAqBI,MAAM,CAAC,GAEtD,cAAcT,SAASU,aACvB,GAAId,QAEJ,UAAC,qBAAA,eAAA,EACC,WAAWQ,KACTC,qBAAqBM,SACrBvB,mCAASuB,SACTpB,YAAY,YACVa,KACEhB,mCAASwB,yBACTP,qBAAqBO,uBAAuB,GAEhDrB,YAAY,aACVa,KACEhB,mCAASyB,mBACTR,qBAAqBQ,iBAAiB,CACvC,GAEL,UAAUtB,SAETA,UAAAA;AAAAA,IAAAA,YAAY,YAAYY,mBAAoB;AAAA,IAC5C,CAACW,SAASxB,KAAK,IACdA,4BAEC,cACC,EAAA,SACEC,YAAY,WACR,WACAM,2CAAakB,cAAcC,gBAEjC,WAAY,IAAGd,uBACf,WAAWE,KAAKC,qBAAqBY,MAAM7B,mCAAS6B,IAAI,GAEvD3B,UACH,MAAA,CAAA;AAAA,IAEDH,YACE,oBAAA,eAAA,EACC,WAAWiB,KAAKC,qBAAqBa,SAAS9B,mCAAS8B,OAAO,GAE7D/B,SACH,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Grid/Grid.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { isString } from "lodash";
 import { forwardRef } from "react";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useWidth } from "../../hooks/useWidth.js";
 const BREAKPOINT_GUTTERS = {
   xs: 2,
@@ -24,14 +24,10 @@ const HvGrid = forwardRef(({
       gridSpacing = BREAKPOINT_GUTTERS[spacing];
     }
   }
-  return /* @__PURE__ */ jsx(Grid, {
-    ref,
-    ...container && {
-      container,
-      spacing: gridSpacing
-    },
-    ...others
-  });
+  return /* @__PURE__ */ jsx(Grid, { ref, ...container && {
+    container,
+    spacing: gridSpacing
+  }, ...others });
 });
 export {
   HvGrid

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvGridClasses } from \"./gridClasses\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvGridClasses;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,SACG,oBAAAO,MAAA,EACC,KACKR,GAAAA,aAAa;AAAA,IAAEA;AAAAA,IAAWC,SAASK;AAAAA,EAAAA,GACpCJ,GAAAA,OACJ,CAAA;AAEN,CAAC;"}

package/dist/esm/components/Header/Actions/Actions.js

@@ -1,18 +1,14 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledDiv } from "./Actions.styles.js";
 import headerActionsClasses from "./actionsClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvActions = ({
   classes,
   className,
   children,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledDiv, {
-    className: clsx(className, headerActionsClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledDiv, { className: clsx(className, headerActionsClasses.root, classes == null ? void 0 : classes.root), ...others, children });
 };
 export {
   HvActions

package/dist/esm/components/Header/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACGC,WAAS;AAAA,IACRH,WAAWI,KAAKJ,WAAWK,qBAAqBC,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,SACG,oBAAA,WAAA,EACC,WAAWC,KAAKH,WAAWI,qBAAqBC,MAAMN,mCAASM,IAAI,GAC/DH,GAAAA,QAEHD,SACH,CAAA;AAEJ;"}

package/dist/esm/components/Header/Brand/Brand.js

@@ -1,7 +1,7 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { BrandRoot, BrandSeparator } from "./Brand.styles.js";
 import headerBrandClasses from "./brandClasses.js";
 import clsx from "clsx";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../../Typography/Typography.js";
 const HvBrand = ({
   classes,
@@ -10,16 +10,11 @@ const HvBrand = ({
   className,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxs(BrandRoot, {
-    className: clsx(classes == null ? void 0 : classes.root, headerBrandClasses.root, className),
-    ...others,
-    children: [logo, logo && name && /* @__PURE__ */ jsx(BrandSeparator, {
-      className: clsx(classes == null ? void 0 : classes.separator, headerBrandClasses.separator)
-    }), name && /* @__PURE__ */ jsx(HvTypography, {
-      variant: "label",
-      children: name
-    })]
-  });
+  return /* @__PURE__ */ jsxs(BrandRoot, { className: clsx(classes == null ? void 0 : classes.root, headerBrandClasses.root, className), ...others, children: [
+    logo,
+    logo && name && /* @__PURE__ */ jsx(BrandSeparator, { className: clsx(classes == null ? void 0 : classes.separator, headerBrandClasses.separator) }),
+    name && /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: name })
+  ] });
 };
 export {
   HvBrand

package/dist/esm/components/Header/Brand/Brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { HvTypography as HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { BrandRoot, BrandSeparator } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBrandProps = HvBaseProps & {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvBrand = ({\n  classes,\n  logo,\n  name,\n  className,\n  ...others\n}: HvBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n      {...others}\n    >\n      {logo}\n      {logo && name && (\n        <BrandSeparator\n          className={clsx(classes?.separator, headerBrandClasses.separator)}\n        />\n      )}\n      {name && <HvTypography variant=\"label\">{name}</HvTypography>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvBrand","classes","logo","name","className","others","BrandRoot","clsx","root","headerBrandClasses","children","BrandSeparator","separator","_jsx","HvTypography","variant"],"mappings":";;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAClB,8BACGC,WAAS;AAAA,IACRF,WAAWG,KAAKN,mCAASO,MAAMC,mBAAmBD,MAAMJ,SAAS;AAAA,IAAE,GAC/DC;AAAAA,IAAMK,UAAA,CAETR,MACAA,QAAQC,4BACNQ,gBAAc;AAAA,MACbP,WAAWG,KAAKN,mCAASW,WAAWH,mBAAmBG,SAAS;AAAA,IAAA,CAAE,GAGrET,QAAQU,oBAACC,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAOL,UAAEP;AAAAA,IAAAA,CAAoB,CAAA;AAAA,EAAA,CAClD;AAEhB;"}
+{"version":3,"file":"Brand.js","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { HvTypography as HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { BrandRoot, BrandSeparator } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBrandProps = HvBaseProps & {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvBrand = ({\n  classes,\n  logo,\n  name,\n  className,\n  ...others\n}: HvBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n      {...others}\n    >\n      {logo}\n      {logo && name && (\n        <BrandSeparator\n          className={clsx(classes?.separator, headerBrandClasses.separator)}\n        />\n      )}\n      {name && <HvTypography variant=\"label\">{name}</HvTypography>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvBrand","classes","logo","name","className","others","clsx","root","headerBrandClasses","separator"],"mappings":";;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAA,qBAAC,WACC,EAAA,WAAWC,KAAKL,mCAASM,MAAMC,mBAAmBD,MAAMH,SAAS,GAC7DC,GAAAA,QAEHH,UAAAA;AAAAA,IAAAA;AAAAA,IACAA,QAAQC,QACP,oBAAC,gBACC,EAAA,WAAWG,KAAKL,mCAASQ,WAAWD,mBAAmBC,SAAS,EAEnE,CAAA;AAAA,IACAN,QAAQ,oBAAC,cAAa,EAAA,SAAQ,SAASA,UAAK,MAAA;AAAA,EAC/C,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Header/Header.js

@@ -1,7 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { StyledAppBar, StyledHeaderRoot } from "./Header.styles.js";
 import headerClasses from "./headerClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 const HvHeader = (props) => {
   const {
     className,
@@ -10,15 +10,7 @@ const HvHeader = (props) => {
     position = "fixed",
     ...others
   } = props;
-  return /* @__PURE__ */ jsx(StyledAppBar, {
-    className: clsx(className, classes == null ? void 0 : classes.root, headerClasses.root, classes == null ? void 0 : classes.backgroundColor, headerClasses.backgroundColor),
-    $position: position,
-    ...others,
-    children: /* @__PURE__ */ jsx(StyledHeaderRoot, {
-      className: clsx(classes == null ? void 0 : classes.header, headerClasses.header),
-      children
-    })
-  });
+  return /* @__PURE__ */ jsx(StyledAppBar, { className: clsx(className, classes == null ? void 0 : classes.root, headerClasses.root, classes == null ? void 0 : classes.backgroundColor, headerClasses.backgroundColor), $position: position, ...others, children: /* @__PURE__ */ jsx(StyledHeaderRoot, { className: clsx(classes == null ? void 0 : classes.header, headerClasses.header), children }) });
 };
 export {
   HvHeader

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledHeaderRoot, StyledAppBar } from \"./Header.styles\";\nimport headerClasses, { HvHeaderClasses } from \"./headerClasses\";\n\nexport type HvHeaderPosition =\n  | \"fixed\"\n  | \"absolute\"\n  | \"sticky\"\n  | \"static\"\n  | \"relative\";\n\nexport type HvHeaderProps = HvBaseProps & {\n  /** The position of the header bar */\n  position?: HvHeaderPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvHeaderClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeader = (props: HvHeaderProps) => {\n  const { className, classes, children, position = \"fixed\", ...others } = props;\n\n  return (\n    <StyledAppBar\n      className={clsx(\n        className,\n        classes?.root,\n        headerClasses.root,\n        classes?.backgroundColor,\n        headerClasses.backgroundColor\n      )}\n      $position={position}\n      {...others}\n    >\n      <StyledHeaderRoot className={clsx(classes?.header, headerClasses.header)}>\n        {children}\n      </StyledHeaderRoot>\n    </StyledAppBar>\n  );\n};\n"],"names":["HvHeader","props","className","classes","children","position","others","StyledAppBar","clsx","root","headerClasses","backgroundColor","$position","StyledHeaderRoot","header"],"mappings":";;;;AAsBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,IAAUC,WAAW;AAAA,OAAYC;AAAAA,EAAWL,IAAAA;AAExE,6BACGM,cAAY;AAAA,IACXL,WAAWM,KACTN,WACAC,mCAASM,MACTC,cAAcD,MACdN,mCAASQ,iBACTD,cAAcC,eAAe;AAAA,IAE/BC,WAAWP;AAAAA,IAAS,GAChBC;AAAAA,IAAMF,8BAETS,kBAAgB;AAAA,MAACX,WAAWM,KAAKL,mCAASW,QAAQJ,cAAcI,MAAM;AAAA,MAAEV;AAAAA,IAAAA,CAC9D;AAAA,EAAA,CAEE;AAEnB;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledHeaderRoot, StyledAppBar } from \"./Header.styles\";\nimport headerClasses, { HvHeaderClasses } from \"./headerClasses\";\n\nexport type HvHeaderPosition =\n  | \"fixed\"\n  | \"absolute\"\n  | \"sticky\"\n  | \"static\"\n  | \"relative\";\n\nexport type HvHeaderProps = HvBaseProps & {\n  /** The position of the header bar */\n  position?: HvHeaderPosition;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvHeaderClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeader = (props: HvHeaderProps) => {\n  const { className, classes, children, position = \"fixed\", ...others } = props;\n\n  return (\n    <StyledAppBar\n      className={clsx(\n        className,\n        classes?.root,\n        headerClasses.root,\n        classes?.backgroundColor,\n        headerClasses.backgroundColor\n      )}\n      $position={position}\n      {...others}\n    >\n      <StyledHeaderRoot className={clsx(classes?.header, headerClasses.header)}>\n        {children}\n      </StyledHeaderRoot>\n    </StyledAppBar>\n  );\n};\n"],"names":["HvHeader","props","className","classes","children","position","others","clsx","root","headerClasses","backgroundColor","header"],"mappings":";;;;AAsBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,IAAUC,WAAW;AAAA,OAAYC;AAAAA,EAAWL,IAAAA;AAExE,SACG,oBAAA,cAAA,EACC,WAAWM,KACTL,WACAC,mCAASK,MACTC,cAAcD,MACdL,mCAASO,iBACTD,cAAcC,eAAe,GAE/B,WAAWL,UACX,GAAIC,QAEJ,UAAC,oBAAA,kBAAA,EAAiB,WAAWC,KAAKJ,mCAASQ,QAAQF,cAAcE,MAAM,GACpEP,SAAAA,CACH,EACF,CAAA;AAEJ;"}

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { useContext } from "react";
 import { SelectionContext } from "../utils/SelectionContext.js";
 import { MenuBarRoot, MenuBarUl } from "./MenuBar.styles.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvMenuItem } from "../MenuItem/MenuItem.js";
 const HvMenuBar = ({
   id,
@@ -14,22 +14,8 @@ const HvMenuBar = ({
   const selectionPath = useContext(SelectionContext);
   const isMenu = type === "menu";
   const isActive = isMenu && data.filter((item) => item.id === (selectionPath == null ? void 0 : selectionPath[1])).length > 0;
-  return /* @__PURE__ */ jsx(MenuBarRoot, {
-    className: clsx(className, isMenu && "hidden", isActive && "active"),
-    type,
-    hidden: isMenu,
-    active: isActive,
-    children: /* @__PURE__ */ jsx(MenuBarUl, {
-      id,
-      onFocus: () => {
-      },
-      children: data.map((item) => /* @__PURE__ */ jsx(HvMenuItem, {
-        item,
-        type,
-        onClick
-      }, item.id))
-    })
-  });
+  return /* @__PURE__ */ jsx(MenuBarRoot, { className: clsx(className, isMenu && "hidden", isActive && "active"), type, hidden: isMenu, active: isActive, children: /* @__PURE__ */ jsx(MenuBarUl, { id, onFocus: () => {
+  }, children: data.map((item) => /* @__PURE__ */ jsx(HvMenuItem, { item, type, onClick }, item.id)) }) });
 };
 export {
   HvMenuBar

package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport type HvMenuBarProps = HvBaseProps<\"div\", { onClick }> & {\n  data: HvHeaderNavigationItemProp[];\n  type: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuBar = ({\n  id,\n  data = [],\n  onClick,\n  type = \"menubar\",\n  className,\n}: HvMenuBarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(className, isMenu && \"hidden\", isActive && \"active\")}\n      type={type}\n      hidden={isMenu}\n      active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {data.map((item: HvHeaderNavigationItemProp) => (\n          <HvMenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["HvMenuBar","id","data","onClick","type","className","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","MenuBarRoot","clsx","hidden","active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACGC,aAAW;AAAA,IACVT,WAAWU,KAAKV,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,8BAEhBC,WAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,6BACRU,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;"}
+{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport type HvMenuBarProps = HvBaseProps<\"div\", { onClick }> & {\n  data: HvHeaderNavigationItemProp[];\n  type: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuBar = ({\n  id,\n  data = [],\n  onClick,\n  type = \"menubar\",\n  className,\n}: HvMenuBarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(className, isMenu && \"hidden\", isActive && \"active\")}\n      type={type}\n      hidden={isMenu}\n      active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {data.map((item: HvHeaderNavigationItemProp) => (\n          <HvMenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["HvMenuBar","id","data","onClick","type","className","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","clsx","map"],"mappings":";;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACG,aACC,EAAA,WAAWC,KAAKT,WAAWI,UAAU,UAAUC,YAAY,QAAQ,GACnE,MACA,QAAQD,QACR,QAAQC,UAER,8BAAC,WAAU,EAAA,IAAQ,SAAS,MAAM;AAAA,EAAA,GAC/BR,UAAAA,KAAKa,IAAI,CAACH,SACR,oBAAA,YAAA,EAAyB,MAAY,MAAY,QAAjCA,GAAAA,KAAKX,GACvB,GACH,EACF,CAAA;AAEJ;"}