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

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;;"}

package/dist/cjs/components/GlobalActions/GlobalActions.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const clsx = require("clsx");
 const lodash = require("lodash");
 const GlobalActions_styles = require("./GlobalActions.styles.cjs");
 const globalActionsClasses = require("./globalActionsClasses.cjs");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -29,33 +29,15 @@ const HvGlobalActions = ({
   const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
   const backButtonRenderer = () => {
     if (backButton) {
-      return /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledBackButton, {
-        className: clsx__default.default(globalActionsClasses.default.backButton, classes == null ? void 0 : classes.backButton),
-        children: backButton
-      });
+      return /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledBackButton, { className: clsx__default.default(globalActionsClasses.default.backButton, classes == null ? void 0 : classes.backButton), children: backButton });
     }
   };
   const position = positionProp || (variant === "global" ? "sticky" : "relative");
-  return /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledRoot, {
-    $variant: variant,
-    $position: position,
-    className: clsx__default.default(className, globalActionsClasses.default.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx__default.default(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.default.positionSticky), position === "fixed" && clsx__default.default(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.default.positionFixed), variant === "global" && clsx__default.default(classes == null ? void 0 : classes.global, globalActionsClasses.default.global)),
-    $breakpoints: muiTheme.breakpoints,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(GlobalActions_styles.StyledWrapper, {
-      className: clsx__default.default(globalActionsClasses.default.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx__default.default(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.default.globalWrapperComplement), variant === "section" && clsx__default.default(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.default.globalSectionArea)),
-      $variant: variant,
-      children: [variant === "global" && backButtonRenderer(), !lodash.isString(title) ? title : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant,
-        component: `h${headingLevelToApply}`,
-        className: clsx__default.default(globalActionsClasses.default.name, classes == null ? void 0 : classes.name),
-        children: title
-      }), children && /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledActions, {
-        className: clsx__default.default(globalActionsClasses.default.actions, classes == null ? void 0 : classes.actions),
-        children
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledRoot, { $variant: variant, $position: position, className: clsx__default.default(className, globalActionsClasses.default.root, classes == null ? void 0 : classes.root, position === "sticky" && clsx__default.default(classes == null ? void 0 : classes.positionSticky, globalActionsClasses.default.positionSticky), position === "fixed" && clsx__default.default(classes == null ? void 0 : classes.positionFixed, globalActionsClasses.default.positionFixed), variant === "global" && clsx__default.default(classes == null ? void 0 : classes.global, globalActionsClasses.default.global)), $breakpoints: muiTheme.breakpoints, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(GlobalActions_styles.StyledWrapper, { className: clsx__default.default(globalActionsClasses.default.wrapper, classes == null ? void 0 : classes.wrapper, variant === "global" && clsx__default.default(classes == null ? void 0 : classes.globalWrapperComplement, globalActionsClasses.default.globalWrapperComplement), variant === "section" && clsx__default.default(classes == null ? void 0 : classes.globalSectionArea, globalActionsClasses.default.globalSectionArea)), $variant: variant, children: [
+    variant === "global" && backButtonRenderer(),
+    !lodash.isString(title) ? title : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: variant === "global" ? "title3" : activeTheme == null ? void 0 : activeTheme.globalActions.sectionVariant, component: `h${headingLevelToApply}`, className: clsx__default.default(globalActionsClasses.default.name, classes == null ? void 0 : classes.name), children: title }),
+    children && /* @__PURE__ */ jsxRuntime.jsx(GlobalActions_styles.StyledActions, { className: clsx__default.default(globalActionsClasses.default.actions, classes == null ? void 0 : classes.actions), children })
+  ] }) });
 };
 exports.HvGlobalActions = HvGlobalActions;
 //# sourceMappingURL=GlobalActions.cjs.map

package/dist/cjs/components/GlobalActions/GlobalActions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.cjs","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,MAAAA,WAAWC,cAAAA,cAAc;AAEjD,QAAMC,WAAWC,OAAAA;AAEjB,QAAMC,sBAAsBT,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMY,qBAAqBA,MAAM;AAC/B,QAAIX,YAAY;AACd,4CACGY,qBAAAA,kBAAgB;AAAA,QACff,WAAWgB,cAAAA,QAAKC,qBAAAA,QAAqBd,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,wCACGgB,qBAAAA,YAAU;AAAA,IACTC,UAAUjB;AAAAA,IACVkB,WAAWf;AAAAA,IACXL,WAAWgB,cAAAA,QACThB,WACAiB,qBAAAA,QAAqBI,MACrBtB,mCAASsB,MACThB,aAAa,YACXW,cAAAA,QAAKjB,mCAASuB,gBAAgBL,qBAAAA,QAAqBK,cAAc,GACnEjB,aAAa,WACXW,cAAAA,QAAKjB,mCAASwB,eAAeN,qBAAAA,QAAqBM,aAAa,GACjErB,YAAY,YACVc,cAAKjB,QAAAA,mCAASyB,QAAQP,qBAAAA,QAAqBO,MAAM,CAAC;AAAA,IAEtDC,cAAcd,SAASe;AAAAA,IAAY,GAC/BnB;AAAAA,IAAMT,0CAET6B,oCAAa;AAAA,MACZ3B,WAAWgB,cAAAA,QACTC,qBAAqBW,QAAAA,SACrB7B,mCAAS6B,SACT1B,YAAY,YACVc,cAAAA,QACEjB,mCAAS8B,yBACTZ,6BAAqBY,uBAAuB,GAEhD3B,YAAY,aACVc,sBACEjB,mCAAS+B,mBACTb,6BAAqBa,iBAAiB,CACvC;AAAA,MAELX,UAAUjB;AAAAA,MAAQJ,WAEjBI,YAAY,YAAYY,sBACxB,CAACiB,OAAAA,SAAS9B,KAAK,IACdA,QAEA+B,2BAAAA,IAACC,WAAAA,cAAY;AAAA,QACX/B,SACEA,YAAY,WACR,WACAM,2CAAa0B,cAAcC;AAAAA,QAEjCC,WAAY,IAAGvB;AAAAA,QACfb,WAAWgB,cAAAA,QAAKC,qBAAAA,QAAqBoB,MAAMtC,mCAASsC,IAAI;AAAA,QAAEvC,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCkC,2BAAAA,IAACM,oCAAa;AAAA,QACZtC,WAAWgB,cAAAA,QAAKC,qBAAAA,QAAqBsB,SAASxC,mCAASwC,OAAO;AAAA,QAAEzC;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;;"}
+{"version":3,"file":"GlobalActions.cjs","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","jsx","StyledBackButton","clsx","globalActionsClasses","StyledRoot","root","positionSticky","positionFixed","global","breakpoints","jsxs","StyledWrapper","wrapper","globalWrapperComplement","globalSectionArea","isString","HvTypography","globalActions","sectionVariant","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,MAAAA,WAAWC,cAAAA,cAAc;AAEjD,QAAMC,WAAWC,OAAAA;AAEjB,QAAMC,sBAAsBT,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMY,qBAAqBA,MAAM;AAC/B,QAAIX,YAAY;AAEZ,aAAAY,2BAAA,IAACC,yCACC,WAAWC,cAAAA,QAAKC,6BAAqBf,YAAYJ,mCAASI,UAAU,GAEnEA,UACH,WAAA,CAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,SACGa,2BAAAA,IAAAI,qBAAAA,YAAA,EACC,UAAUjB,SACV,WAAWG,UACX,WAAWY,cAAAA,QACTjB,WACAkB,qBAAAA,QAAqBE,MACrBrB,mCAASqB,MACTf,aAAa,YACXY,cAAAA,QAAKlB,mCAASsB,gBAAgBH,qBAAAA,QAAqBG,cAAc,GACnEhB,aAAa,WACXY,cAAAA,QAAKlB,mCAASuB,eAAeJ,qBAAAA,QAAqBI,aAAa,GACjEpB,YAAY,YACVe,sBAAKlB,mCAASwB,QAAQL,qBAAAA,QAAqBK,MAAM,CAAC,GAEtD,cAAcZ,SAASa,aACvB,GAAIjB,QAEJ,UAACkB,2BAAAA,KAAAC,qBAAAA,eAAA,EACC,WAAWT,sBACTC,qBAAAA,QAAqBS,SACrB5B,mCAAS4B,SACTzB,YAAY,YACVe,cAAAA,QACElB,mCAAS6B,yBACTV,qBAAAA,QAAqBU,uBAAuB,GAEhD1B,YAAY,aACVe,cAAAA,QACElB,mCAAS8B,mBACTX,qBAAAA,QAAqBW,iBAAiB,CACvC,GAEL,UAAU3B,SAETA,UAAAA;AAAAA,IAAAA,YAAY,YAAYY,mBAAoB;AAAA,IAC5C,CAACgB,OAAS7B,SAAAA,KAAK,IACdA,uCAEC8B,WACC,cAAA,EAAA,SACE7B,YAAY,WACR,WACAM,2CAAawB,cAAcC,gBAEjC,WAAY,IAAGpB,uBACf,WAAWI,cAAAA,QAAKC,6BAAqBgB,MAAMnC,mCAASmC,IAAI,GAEvDjC,UACH,MAAA,CAAA;AAAA,IAEDH,YACEiB,2BAAA,IAAAoB,oCAAA,EACC,WAAWlB,cAAAA,QAAKC,6BAAqBkB,SAASrC,mCAASqC,OAAO,GAE7DtC,SACH,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Grid/Grid.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const material = require("@mui/material");
 const lodash = require("lodash");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useWidth = require("../../hooks/useWidth.cjs");
 const BREAKPOINT_GUTTERS = {
   xs: 2,
@@ -26,14 +26,10 @@ const HvGrid = React.forwardRef(({
       gridSpacing = BREAKPOINT_GUTTERS[spacing];
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Grid, {
-    ref,
-    ...container && {
-      container,
-      spacing: gridSpacing
-    },
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { ref, ...container && {
+    container,
+    spacing: gridSpacing
+  }, ...others });
 });
 exports.HvGrid = HvGrid;
 //# sourceMappingURL=Grid.cjs.map

package/dist/cjs/components/Grid/Grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.cjs","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,iBACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC,SAAAA;AACd,MAAIC,cAAcL;AAEdM,MAAAA,OAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,wCACGO,SAAAA,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.cjs","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","jsx","MuiGrid"],"mappings":";;;;;;;AAOA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAoHaC,MAAAA,SAASC,iBACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC,SAAAA;AACd,MAAIC,cAAcL;AAEdM,MAAAA,OAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,SACGO,2BAAA,IAAAC,SAAA,MAAA,EACC,KACKT,GAAAA,aAAa;AAAA,IAAEA;AAAAA,IAAWC,SAASK;AAAAA,EAAAA,GACpCJ,GAAAA,OACJ,CAAA;AAEN,CAAC;;"}

package/dist/cjs/components/Header/Actions/Actions.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Actions_styles = require("./Actions.styles.cjs");
 const actionsClasses = require("./actionsClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvActions = ({
@@ -12,11 +12,7 @@ const HvActions = ({
   children,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledDiv, {
-    className: clsx__default.default(className, actionsClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledDiv, { className: clsx__default.default(className, actionsClasses.default.root, classes == null ? void 0 : classes.root), ...others, children });
 };
 exports.HvActions = HvActions;
 //# sourceMappingURL=Actions.cjs.map

package/dist/cjs/components/Header/Actions/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","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,wCACGC,eAAAA,WAAS;AAAA,IACRH,WAAWI,cAAKJ,QAAAA,WAAWK,eAAqBC,QAAAA,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;;"}
+{"version":3,"file":"Actions.cjs","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","jsx","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;;;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,SACGC,2BAAA,IAAAC,eAAA,WAAA,EACC,WAAWC,cAAAA,QAAKL,WAAWM,eAAAA,QAAqBC,MAAMR,mCAASQ,IAAI,GAC/DL,GAAAA,QAEHD,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Header/Brand/Brand.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Brand_styles = require("./Brand.styles.cjs");
 const brandClasses = require("./brandClasses.cjs");
 const clsx = require("clsx");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -14,16 +14,11 @@ const HvBrand = ({
   className,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Brand_styles.BrandRoot, {
-    className: clsx__default.default(classes == null ? void 0 : classes.root, brandClasses.default.root, className),
-    ...others,
-    children: [logo, logo && name && /* @__PURE__ */ jsxRuntime.jsx(Brand_styles.BrandSeparator, {
-      className: clsx__default.default(classes == null ? void 0 : classes.separator, brandClasses.default.separator)
-    }), name && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      variant: "label",
-      children: name
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Brand_styles.BrandRoot, { className: clsx__default.default(classes == null ? void 0 : classes.root, brandClasses.default.root, className), ...others, children: [
+    logo,
+    logo && name && /* @__PURE__ */ jsxRuntime.jsx(Brand_styles.BrandSeparator, { className: clsx__default.default(classes == null ? void 0 : classes.separator, brandClasses.default.separator) }),
+    name && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: name })
+  ] });
 };
 exports.HvBrand = HvBrand;
 //# sourceMappingURL=Brand.cjs.map

package/dist/cjs/components/Header/Brand/Brand.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.cjs","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,yCACGC,aAAAA,WAAS;AAAA,IACRF,WAAWG,cAAKN,QAAAA,mCAASO,MAAMC,aAAAA,QAAmBD,MAAMJ,SAAS;AAAA,IAAE,GAC/DC;AAAAA,IAAMK,UAAA,CAETR,MACAA,QAAQC,uCACNQ,aAAAA,gBAAc;AAAA,MACbP,WAAWG,cAAAA,QAAKN,mCAASW,WAAWH,aAAAA,QAAmBG,SAAS;AAAA,IAAA,CAAE,GAGrET,QAAQU,2BAAAA,IAACC,yBAAY;AAAA,MAACC,SAAQ;AAAA,MAAOL,UAAEP;AAAAA,IAAAA,CAAoB,CAAA;AAAA,EAAA,CAClD;AAEhB;;"}
+{"version":3,"file":"Brand.cjs","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","jsxs","BrandRoot","clsx","root","headerBrandClasses","jsx","BrandSeparator","separator","HvTypography"],"mappings":";;;;;;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAAC,2BAAA,KAACC,aACC,WAAA,EAAA,WAAWC,cAAKP,QAAAA,mCAASQ,MAAMC,aAAAA,QAAmBD,MAAML,SAAS,GAC7DC,GAAAA,QAEHH,UAAAA;AAAAA,IAAAA;AAAAA,IACAA,QAAQC,QACPQ,+BAACC,aAAAA,gBACC,EAAA,WAAWJ,sBAAKP,mCAASY,WAAWH,qBAAmBG,SAAS,EAEnE,CAAA;AAAA,IACAV,QAAQQ,2BAAA,IAACG,yBAAa,EAAA,SAAQ,SAASX,UAAK,MAAA;AAAA,EAC/C,EAAA,CAAA;AAEJ;;"}

package/dist/cjs/components/Header/Header.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Header_styles = require("./Header.styles.cjs");
 const headerClasses = require("./headerClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvHeader = (props) => {
@@ -14,15 +14,7 @@ const HvHeader = (props) => {
     position = "fixed",
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledAppBar, {
-    className: clsx__default.default(className, classes == null ? void 0 : classes.root, headerClasses.default.root, classes == null ? void 0 : classes.backgroundColor, headerClasses.default.backgroundColor),
-    $position: position,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledHeaderRoot, {
-      className: clsx__default.default(classes == null ? void 0 : classes.header, headerClasses.default.header),
-      children
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledAppBar, { className: clsx__default.default(className, classes == null ? void 0 : classes.root, headerClasses.default.root, classes == null ? void 0 : classes.backgroundColor, headerClasses.default.backgroundColor), $position: position, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledHeaderRoot, { className: clsx__default.default(classes == null ? void 0 : classes.header, headerClasses.default.header), children }) });
 };
 exports.HvHeader = HvHeader;
 //# sourceMappingURL=Header.cjs.map

package/dist/cjs/components/Header/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","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,wCACGM,cAAAA,cAAY;AAAA,IACXL,WAAWM,cACTN,QAAAA,WACAC,mCAASM,MACTC,sBAAcD,MACdN,mCAASQ,iBACTD,cAAAA,QAAcC,eAAe;AAAA,IAE/BC,WAAWP;AAAAA,IAAS,GAChBC;AAAAA,IAAMF,yCAETS,gCAAgB;AAAA,MAACX,WAAWM,cAAAA,QAAKL,mCAASW,QAAQJ,cAAAA,QAAcI,MAAM;AAAA,MAAEV;AAAAA,IAAAA,CAC9D;AAAA,EAAA,CAEE;AAEnB;;"}
+{"version":3,"file":"Header.cjs","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","jsx","StyledAppBar","clsx","root","headerClasses","backgroundColor","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,SACGM,2BAAAA,IAAAC,cAAAA,cAAA,EACC,WAAWC,cAAAA,QACTP,WACAC,mCAASO,MACTC,cAAAA,QAAcD,MACdP,mCAASS,iBACTD,cAAAA,QAAcC,eAAe,GAE/B,WAAWP,UACX,GAAIC,QAEJ,UAACC,2BAAA,IAAAM,cAAA,kBAAA,EAAiB,WAAWJ,cAAAA,QAAKN,mCAASW,QAAQH,cAAAA,QAAcG,MAAM,GACpEV,SAAAA,CACH,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.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 clsx = require("clsx");
 const React = require("react");
 const SelectionContext = require("../utils/SelectionContext.cjs");
 const MenuBar_styles = require("./MenuBar.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const MenuItem = require("../MenuItem/MenuItem.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -18,22 +18,8 @@ const HvMenuBar = ({
   const selectionPath = React.useContext(SelectionContext.SelectionContext);
   const isMenu = type === "menu";
   const isActive = isMenu && data.filter((item) => item.id === (selectionPath == null ? void 0 : selectionPath[1])).length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarRoot, {
-    className: clsx__default.default(className, isMenu && "hidden", isActive && "active"),
-    type,
-    hidden: isMenu,
-    active: isActive,
-    children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarUl, {
-      id,
-      onFocus: () => {
-      },
-      children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem.HvMenuItem, {
-        item,
-        type,
-        onClick
-      }, item.id))
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarRoot, { className: clsx__default.default(className, isMenu && "hidden", isActive && "active"), type, hidden: isMenu, active: isActive, children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarUl, { id, onFocus: () => {
+  }, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem.HvMenuItem, { item, type, onClick }, item.id)) }) });
 };
 exports.HvMenuBar = HvMenuBar;
 //# sourceMappingURL=MenuBar.cjs.map

package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.cjs","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,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,eAAAA,aAAW;AAAA,IACVT,WAAWU,cAAKV,QAAAA,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,yCAEhBC,0BAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,wCACRU,SAAAA,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;;"}
+{"version":3,"file":"MenuBar.cjs","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","MenuBarUl","map","jsx","HvMenuItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,4BACC,EAAA,WAAWC,cAAAA,QAAKV,WAAWI,UAAU,UAAUC,YAAY,QAAQ,GACnE,MACA,QAAQD,QACR,QAAQC,UAER,yCAACM,0BAAU,EAAA,IAAQ,SAAS,MAAM;AAAA,EAAA,GAC/Bd,UAAAA,KAAKe,IAAI,CAACL,SACRM,2BAAA,IAAAC,qBAAA,EAAyB,MAAY,MAAY,QAAjCP,GAAAA,KAAKX,GACvB,GACH,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.styles.cjs

@@ -24,8 +24,7 @@ const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.
   label: "MenuBarRoot"
 })(({
   type,
-  hidden,
-  active
+  hidden
 }) => ({
   left: 0,
   width: "100%",
@@ -48,11 +47,8 @@ const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.
   },
   ...hidden && {
     ...hide
-  },
-  ...active && {
-    ...show
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 const MenuBarUl = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
   target: "etcfm7y0"
 } : {
@@ -78,7 +74,7 @@ const MenuBarUl = /* @__PURE__ */ _styled__default.default("ul", process.env.NOD
     ...show,
     zIndex: -1
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0R5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuLCBhY3RpdmUgfTogTWVudUJhclJvb3RQcm9wcykgPT4gKHtcbiAgICBsZWZ0OiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgLi4uKHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKHR5cGUgPT09IFwibWVudVwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxuICAgICAgXCImIGxpID4gZGl2XCI6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAwLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oYWN0aXZlICYmIHsgLi4uc2hvdyB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyVWwgPSBzdHlsZWQoXCJ1bFwiKSh7XG4gIG1hcmdpbjogMCxcbiAgcGFkZGluZzogMCxcbiAgZGlzcGxheTogXCJpbmhlcml0XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIFwiJjpob3ZlciAuYWN0aXZlXCI6IHtcbiAgICAuLi5oaWRlLFxuICB9LFxuICBcIiYgbGk6aG92ZXIgPiAuaGlkZGVuXCI6IHtcbiAgICAuLi5zaG93LFxuICB9LFxuXG4gIFwiJjpmb2N1cy13aXRoaW4gLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgICB6SW5kZXg6IC0yLFxuICB9LFxuICBcIiYgbGk6Zm9jdXMtd2l0aGluID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgICB6SW5kZXg6IC0xLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 exports.MenuBarRoot = MenuBarRoot;
 exports.MenuBarUl = MenuBarUl;
 exports.hide = hide;

package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden, active }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.header.backgroundColor,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.header.secondLevelBackgroundColor,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n    ...(active && { ...show }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","_styled","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;;;;;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAAA,MAAMC,OAAOC,YAAYF,kBAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAMI,cAAqBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAQC;AAAyB,OAAO;AAAA,EAC/CC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPpB,QAAQ;AAAA,EACRqB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVlB,iBAAiBR,YAAAA,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIU,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVC,YAAY3B,YAAAA,MAAMC,OAAO2B;AAAAA,IACzBC,QAAQ;AAAA,IACRrB,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZqB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIX,UAAU;AAAA,IAAE,GAAGT;AAAAA,EAAK;AAAA,EACxB,GAAIU,UAAU;AAAA,IAAE,GAAGtB;AAAAA,EAAK;AAC1B,IAAEe,QAAAC,IAAAC,aACH,eAAA,KAAA,quFAAA;AAEM,MAAMgB,YAAmBnB,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCe,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZvB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,IACHmB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG/B;AAAAA,IACH+B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,quFAAA;;;;"}
+{"version":3,"file":"MenuBar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.header.backgroundColor,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.header.secondLevelBackgroundColor,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","_styled","process","env","NODE_ENV","target","label","type","hidden","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;;;;;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAAA,MAAMC,OAAOC,YAAYF,kBAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAMI,cAAqBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAyB,OAAO;AAAA,EACvCC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPnB,QAAQ;AAAA,EACRoB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIN,SAAS,aAAa;AAAA,IACxBO,UAAU;AAAA,IACVjB,iBAAiBR,YAAAA,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIU,SAAS,UAAU;AAAA,IACrBO,UAAU;AAAA,IACVC,YAAY1B,YAAAA,MAAMC,OAAO0B;AAAAA,IACzBC,QAAQ;AAAA,IACRpB,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZoB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,UAAU;AAAA,IAAE,GAAGT;AAAAA,EAAK;AAC1B,IAAEG,QAAAC,IAAAC,aACH,eAAA,KAAA,6qFAAA;AAEM,MAAMe,YAAmBlB,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCc,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZtB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG9B;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qFAAA;;;;"}