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

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};\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.colors.atmo1,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.colors.atmo2,\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","hide","MenuBarRoot","_styled","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","backgroundColor","colors","atmo1","paddingTop","selectedItemBorderBottomThickness","zIndex","atmo2","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;AACtB;AAEO,MAAMC,OAAO;AAAA,EAClBT,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAME,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,EACPlB,QAAQ;AAAA,EACRmB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVC,iBAAiBzB,YAAAA,MAAM0B,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIX,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVI,YAAY5B,YAAAA,MAAMC,OAAO4B;AAAAA,IACzBC,QAAQ;AAAA,IACRL,iBAAiBzB,YAAAA,MAAM0B,OAAOK;AAAAA,IAC9B,cAAc;AAAA,MACZC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIf,UAAU;AAAA,IAAE,GAAGT;AAAAA,EAAK;AAAA,EACxB,GAAIU,UAAU;AAAA,IAAE,GAAGpB;AAAAA,EAAK;AAC1B,IAAEa,QAAAC,IAAAC,aACH,eAAA,KAAA,ymFAAA;AAEM,MAAMoB,YAAmBvB,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCmB,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTd,SAAS;AAAA,EACTE,YAAY;AAAA,EACZrB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGM;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGV;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGU;AAAAA,IACHsB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAGhC;AAAAA,IACHgC,QAAQ;AAAA,EACV;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ymFAAA;;;;"}
+{"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;;;;"}

package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.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 FocusContext = require("../utils/FocusContext.cjs");
 const SelectionContext = require("../utils/SelectionContext.cjs");
 const MenuItem_styles = require("./MenuItem.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const MenuBar = require("../MenuBar/MenuBar.cjs");
 const Typography = require("../../../Typography/Typography.cjs");
 const keyCheck = require("../../../../utils/keyboardUtils/keyCheck.cjs");
@@ -34,7 +34,7 @@ const HvMenuItem = ({
     }
   };
   const handleFocus = (event) => {
-    dispatch({
+    dispatch == null ? void 0 : dispatch({
       type: "setItemFocused",
       itemFocused: event.currentTarget
     });
@@ -45,29 +45,11 @@ const HvMenuItem = ({
     tabIndex: 0,
     onFocus: handleFocus
   };
-  const label = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-    variant: isSelected ? "label" : "body",
-    children: item.label
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(MenuItem_styles.MenuItemLi, {
-    id,
-    $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem",
-    children: [(item == null ? void 0 : item.href) ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLink, {
-      href: item == null ? void 0 : item.href,
-      target: item == null ? void 0 : item.target,
-      ...itemProps,
-      children: label
-    }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLabel, {
-      role: "button",
-      ...itemProps,
-      $isSelected: isSelected,
-      children: label
-    }), hasSubLevel && /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, {
-      data,
-      onClick,
-      type: "menu"
-    })]
-  }, item.label);
+  const label = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: isSelected ? "label" : "body", children: item.label });
+  return /* @__PURE__ */ jsxRuntime.jsxs(MenuItem_styles.MenuItemLi, { id, $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem", children: [
+    (item == null ? void 0 : item.href) ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLink, { href: item == null ? void 0 : item.href, target: item == null ? void 0 : item.target, ...itemProps, children: label }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLabel, { role: "button", ...itemProps, $isSelected: isSelected, children: label }),
+    hasSubLevel && /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, { data, onClick, type: "menu" })
+  ] }, item.label);
 };
 exports.HvMenuItem = HvMenuItem;
 //# sourceMappingURL=MenuItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  // @ts-ignore\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n      {item.label}\n    </HvTypography>\n  );\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {item?.href ? (\n        <MenuItemLink href={item?.href} target={item?.target} {...itemProps}>\n          {label}\n        </MenuItemLink>\n      ) : (\n        <MenuItemLabel role=\"button\" {...itemProps} $isSelected={isSelected}>\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","tabIndex","onFocus","label","HvTypography","variant","children","MenuItemLi","$selected","href","MenuItemLink","target","_jsx","MenuItemLabel","role","$isSelected","HvMenuBar"],"mappings":";;;;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAE3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,MAAAA,WAAWG,aAAAA,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAElE,QAAMc,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMb,SAAS,WACfc,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWD,OAAOE,cAAcE,cAAAA,QAAQ,GACxC;AACIJ,UAAAA,MAAMb,SAAS,SAAS;AAC1Ba,cAAMK,cAAcC;MACtB;AACAlB,yCAAUY,OAAOd;AAAAA,IACnB;AAAA,EAAA;AAGF,QAAMqB,cAAeP,CAAU,UAAA;AACpB,aAAA;AAAA,MAAEb,MAAM;AAAA,MAAkBqB,aAAaR,MAAMK;AAAAA,IAAAA,CAAe;AAAA,EAAA;AAGvE,QAAMI,YAAY;AAAA,IAChBrB,SAASW;AAAAA,IACTW,WAAWX;AAAAA,IACXY,UAAU;AAAA,IACVC,SAASL;AAAAA,EAAAA;AAGLM,QAAAA,uCACHC,yBAAY;AAAA,IAACC,SAASjB,aAAa,UAAU;AAAA,IAAOkB,UAClD9B,KAAK2B;AAAAA,EAAAA,CAET;AAED,yCACGI,gBAAAA,YAAU;AAAA,IACThC;AAAAA,IAEAiC,WAAW,CAACrB,UAAUC,aAAa,iBAAiB;AAAA,IAAkBkB,YAErE9B,6BAAMiC,uCACJC,gBAAAA,cAAY;AAAA,MAACD,MAAMjC,6BAAMiC;AAAAA,MAAME,QAAQnC,6BAAMmC;AAAAA,MAAO,GAAKZ;AAAAA,MAASO,UAChEH;AAAAA,IAAAA,CACY,IAEfS,2BAAAA,IAACC,+BAAa;AAAA,MAACC,MAAK;AAAA,MAAQ,GAAKf;AAAAA,MAAWgB,aAAa3B;AAAAA,MAAWkB,UACjEH;AAAAA,IAAAA,CAAK,GAGTlB,eAAe2B,2BAAAA,IAACI,mBAAS;AAAA,MAAChC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GAZlED,KAAK2B,KAAK;AAerB;;"}
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n      {item.label}\n    </HvTypography>\n  );\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {item?.href ? (\n        <MenuItemLink href={item?.href} target={item?.target} {...itemProps}>\n          {label}\n        </MenuItemLink>\n      ) : (\n        <MenuItemLabel role=\"button\" {...itemProps} $isSelected={isSelected}>\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","tabIndex","onFocus","label","HvTypography","jsxs","MenuItemLi","href","MenuItemLink","target","MenuItemLabel","jsx","HvMenuBar"],"mappings":";;;;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,MAAAA,WAAWG,aAAAA,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAElE,QAAMc,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMb,SAAS,WACfc,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWD,OAAOE,cAAcE,cAAAA,QAAQ,GACxC;AACIJ,UAAAA,MAAMb,SAAS,SAAS;AAC1Ba,cAAMK,cAAcC;MACtB;AACAlB,yCAAUY,OAAOd;AAAAA,IACnB;AAAA,EAAA;AAGIqB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEb,MAAM;AAAA,MAAkBqB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBrB,SAASW;AAAAA,IACTW,WAAWX;AAAAA,IACXY,UAAU;AAAA,IACVC,SAASL;AAAAA,EAAAA;AAGLM,QAAAA,uCACHC,WAAa,cAAA,EAAA,SAAShB,aAAa,UAAU,QAC3CZ,eAAK2B,MACR,CAAA;AAIA,SAAAE,gCAACC,gBAAAA,cACC,IAEA,WAAW,CAACnB,UAAUC,aAAa,iBAAiB,mBAEnDZ,UAAAA;AAAAA,KAAM+B,6BAAAA,uCACJC,gBAAAA,cAAa,EAAA,MAAMhC,6BAAM+B,MAAM,QAAQ/B,6BAAMiC,QAAYV,GAAAA,WACvDI,UACH,MAAA,CAAA,mCAECO,gBAAc,eAAA,EAAA,MAAK,UAAS,GAAIX,WAAW,aAAaX,YACtDe,UACH,MAAA,CAAA;AAAA,IAEDlB,eAAgB0B,2BAAA,IAAAC,mBAAA,EAAU,MAAY,SAAkB,MAAK,QAAS;AAAA,EAAA,KAZlEpC,KAAK2B,KAaZ;AAEJ;;"}

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

@@ -20,7 +20,7 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const hoverColor = uikitStyles.theme.colors.atmo3;
+const hoverColor = uikitStyles.theme.header.hoverColor;
 const MenuItemLi = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu2"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -55,7 +55,7 @@ const MenuItemLi = /* @__PURE__ */ _styled__default.default("li", process.env.NO
     paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
     height: `calc(100% - 4px)`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5hdG1vMztcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCB9OiB7ICRzZWxlY3RlZD86IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gcFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICAgIH0sXG4gIH0pLFxuICAuLi4oJHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gNHB4KWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbiAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICBcIiYgcFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
 const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu1"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -85,7 +85,7 @@ const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.en
       color: uikitStyles.theme.header.color
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBwXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
 const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.NODE_ENV === "production" ? {
   target: "e1elbhu0"
 } : {
@@ -107,7 +107,7 @@ const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.N
   "&:focus-visible": {
     ...focusUtils.outlineStyles
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBwXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
 exports.MenuItemLabel = MenuItemLabel;
 exports.MenuItemLi = MenuItemLi;
 exports.MenuItemLink = MenuItemLink;

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > p\": {\n      color: theme.header.color,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  ...($isSelected && {\n    \"& p\": { color: theme.header.color },\n  }),\n}));\n\nexport const MenuItemLink = styled(\"a\")({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  display: \"block\",\n  textDecoration: \"none\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n"],"names":["hoverColor","theme","colors","atmo3","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","header","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","MenuItemLink","_styled","textDecoration"],"mappings":"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"}
+{"version":3,"file":"MenuItem.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > p\": {\n      color: theme.header.color,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  ...($isSelected && {\n    \"& p\": { color: theme.header.color },\n  }),\n}));\n\nexport const MenuItemLink = styled(\"a\")({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  display: \"block\",\n  textDecoration: \"none\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","MenuItemLink","_styled","textDecoration"],"mappings":"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"}

package/dist/cjs/components/Header/Navigation/Navigation.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 clsx = require("clsx");
 const Navigation_styles = require("./Navigation.styles.cjs");
 const FocusContext = require("./utils/FocusContext.cjs");
 const SelectionContext = require("./utils/SelectionContext.cjs");
 const navigationClasses = require("./navigationClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useSelectionPath = require("../../../hooks/useSelectionPath.cjs");
 const MenuBar = require("./MenuBar/MenuBar.cjs");
 const HvNavigation = ({
@@ -13,25 +13,14 @@ const HvNavigation = ({
   selected,
   onClick,
   className,
-  classes = {}
+  classes,
+  ...others
 }) => {
   const selectionPath = useSelectionPath.useSelectionPath(data, selected);
   const handleClick = (event, selection) => {
     onClick == null ? void 0 : onClick(event, selection);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectionContext.SelectionContext.Provider, {
-    value: selectionPath,
-    children: /* @__PURE__ */ jsxRuntime.jsx(FocusContext.FocusProvider, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
-        className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root),
-        children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, {
-          data,
-          type: "menubar",
-          onClick: handleClick
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectionContext.SelectionContext.Provider, { value: selectionPath, children: /* @__PURE__ */ jsxRuntime.jsx(FocusContext.FocusProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, { className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, { data, type: "menubar", onClick: handleClick }) }) }) });
 };
 exports.HvNavigation = HvNavigation;
 //# sourceMappingURL=Navigation.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  data: HvNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes = {},\n}: HvNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","selectionPath","useSelectionPath","handleClick","event","selection","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU,CAAC;AACM,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAAA,iBAAiBN,MAAMC,QAAQ;AAE/CM,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCP,uCAAUM,OAAOC;AAAAA,EAAS;AAI1BC,SAAAA,2BAAAA,IAACC,kCAAiBC,UAAQ;AAAA,IAACC,OAAOR;AAAAA,IAAcS,yCAC7CC,4BAAa;AAAA,MAAAD,yCACXE,6BAAS;AAAA,QACRb,WAAWc,KACTd,KAAAA,WACAe,kBAAwBC,QAAAA,MACxBf,mCAASe,IAAI;AAAA,QACbL,yCAEDM,mBAAS;AAAA,UAACpB;AAAAA,UAAYqB,MAAK;AAAA,UAAUnB,SAASK;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;;"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  data: HvNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","jsx","SelectionContext","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar"],"mappings":";;;;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAAA,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCR,uCAAUO,OAAOC;AAAAA,EAAS;AAG5B,SACGC,2BAAAA,IAAAC,iBAAAA,iBAAiB,UAAjB,EAA0B,OAAON,eAChC,UAACK,2BAAA,IAAAE,aAAA,eAAA,EACC,UAACF,2BAAAA,IAAAG,kBAAA,WAAA,EACC,WAAWC,KAAAA,KACTZ,WACAa,kBAAAA,QAAwBC,MACxBb,mCAASa,IAAI,GAEXZ,GAAAA,QAEJ,UAACM,2BAAAA,IAAAO,QAAAA,WAAA,EAAU,MAAY,MAAK,WAAU,SAASV,YAAY,CAAA,EAAA,CAC7D,GACF,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/Header/Navigation/utils/FocusContext.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
 const reducer = (state, action) => {
   switch (action.type) {
     case "setItemFocused":
@@ -13,7 +13,8 @@ const reducer = (state, action) => {
   }
 };
 const initialState = {
-  itemFocused: null
+  itemFocused: void 0,
+  dispatch: void 0
 };
 const FocusContext = React.createContext(initialState);
 const FocusProvider = (props) => {
@@ -25,10 +26,7 @@ const FocusProvider = (props) => {
   const {
     children
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(FocusContext.Provider, {
-    value: contextValue,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(FocusContext.Provider, { value: contextValue, children });
 };
 exports.FocusContext = FocusContext;
 exports.FocusProvider = FocusProvider;

package/dist/cjs/components/Header/Navigation/utils/FocusContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.cjs","sources":["../../../../../../src/components/Header/Navigation/utils/FocusContext.tsx"],"sourcesContent":["import { createContext, useMemo, useReducer } from \"react\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\n\nexport const FocusContext = createContext(initialState);\n\nexport const FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(\n    () => ({ ...state, dispatch }),\n    [state, dispatch]\n  );\n  const { children } = props;\n\n  return (\n    <FocusContext.Provider value={contextValue}>\n      {children}\n    </FocusContext.Provider>\n  );\n};\n"],"names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","dispatch","useReducer","contextValue","useMemo","children","_jsx","Provider","value"],"mappings":";;;;AAEA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,UAAQA,OAAOC,MAAI;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QAAEC,aAAaF,OAAOE;AAAAA,MAAAA;AAAAA,IAC/B;AACSH,aAAAA;AAAAA,EAAM;AAEnB;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAa;AAAK;AAE5BE,MAAAA,eAAeC,oBAAcF,YAAY;AAE/C,MAAMG,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACR,OAAOS,QAAQ,IAAIC,MAAAA,WAAWX,SAASK,YAAY;AACpDO,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IAAE,GAAGZ;AAAAA,IAAOS;AAAAA,EACnB,IAAA,CAACT,OAAOS,QAAQ,CAAC;AAEb,QAAA;AAAA,IAAEI;AAAAA,EAAaL,IAAAA;AAGnBM,SAAAA,2BAAAA,IAACT,aAAaU,UAAQ;AAAA,IAACC,OAAOL;AAAAA,IAAaE;AAAAA,EAAAA,CAEnB;AAE5B;;;"}
+{"version":3,"file":"FocusContext.cjs","sources":["../../../../../../src/components/Header/Navigation/utils/FocusContext.tsx"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\n\ntype SetItemFocused = {\n  type: \"setItemFocused\";\n  itemFocused: EventTarget & Element;\n};\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: undefined, dispatch: undefined };\n\nexport const FocusContext = createContext<{\n  itemFocused?: EventTarget & Element;\n  dispatch?: React.Dispatch<SetItemFocused>;\n}>(initialState);\n\nexport const FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(\n    () => ({ ...state, dispatch }),\n    [state, dispatch]\n  );\n  const { children } = props;\n\n  return (\n    <FocusContext.Provider value={contextValue}>\n      {children}\n    </FocusContext.Provider>\n  );\n};\n"],"names":["reducer","state","action","type","itemFocused","initialState","undefined","dispatch","FocusContext","createContext","FocusProvider","props","useReducer","contextValue","useMemo","children"],"mappings":";;;;AAOA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,UAAQA,OAAOC,MAAI;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QAAEC,aAAaF,OAAOE;AAAAA,MAAAA;AAAAA,IAC/B;AACSH,aAAAA;AAAAA,EAAM;AAEnB;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAaE;AAAAA,EAAWC,UAAUD;AAAU;AAEtDE,MAAAA,eAAeC,oBAGzBJ,YAAY;AAER,MAAMK,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACV,OAAOM,QAAQ,IAAIK,MAAAA,WAAWZ,SAASK,YAAY;AACpDQ,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IAAE,GAAGb;AAAAA,IAAOM;AAAAA,EACnB,IAAA,CAACN,OAAOM,QAAQ,CAAC;AAEb,QAAA;AAAA,IAAEQ;AAAAA,EAAaJ,IAAAA;AAErB,wCACG,aAAa,UAAb,EAAsB,OAAOE,cAC3BE,SACH,CAAA;AAEJ;;;"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "header", "backgroundColor"];
+const headerClasses = classes.getClasses(classKeys, "HvHeader");
+const headerClasses$1 = headerClasses;
+exports.default = headerClasses$1;
+//# sourceMappingURL=headerClasses.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerClasses.cjs","sources":["../../../../src/components/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderClasses = {\n  root?: string;\n  header?: string;\n  backgroundColor?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"header\", \"backgroundColor\"];\n\nconst headerClasses = getClasses<HvHeaderClasses>(classKeys, \"HvHeader\");\n\nexport default headerClasses;\n"],"names":["classKeys","headerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,UAAU,iBAAiB;AAEhE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/Input/Input.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
@@ -7,7 +8,6 @@ const Input_styles = require("./Input.styles.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const validations = require("../BaseInput/validations.cjs");
 const inputClasses = require("./inputClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const useIsMounted = require("../../hooks/useIsMounted.cjs");
 const browser = require("../../utils/browser.cjs");
@@ -232,12 +232,7 @@ const HvInput = ({
     if (!reallyShowIt) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledAdornmentButton, {
-      className: clsx__default.default(inputClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton),
-      onClick: hasOnEnter ? handleSearch : void 0,
-      "aria-label": labels == null ? void 0 : labels.searchButtonLabel,
-      icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, {})
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledAdornmentButton, { className: clsx__default.default(inputClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton), onClick: hasOnEnter ? handleSearch : void 0, "aria-label": labels == null ? void 0 : labels.searchButtonLabel, icon: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Search, {}) });
   }, [showSearchIcon, isEmptyValue, hasOnEnter, validationState, classes == null ? void 0 : classes.adornmentButton, handleSearch, labels == null ? void 0 : labels.searchButtonLabel]);
   const handleRevealPassword = React.useCallback(() => {
     setRevealPassword(!revealPassword);
@@ -246,20 +241,7 @@ const HvInput = ({
     if (!showRevealPasswordButton) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-      disableFocusListener: true,
-      disableTouchListener: true,
-      title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        children: revealPassword ? labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip : labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledAdornmentButton, {
-        className: clsx__default.default(inputClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton),
-        onClick: handleRevealPassword,
-        "aria-label": labels == null ? void 0 : labels.revealPasswordButtonLabel,
-        "aria-controls": setId.setId(elementId, "input"),
-        icon: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {})
-      })
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { disableFocusListener: true, disableTouchListener: true, title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: revealPassword ? labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip : labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip }), children: /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledAdornmentButton, { className: clsx__default.default(inputClasses.default.adornmentButton, classes == null ? void 0 : classes.adornmentButton), onClick: handleRevealPassword, "aria-label": labels == null ? void 0 : labels.revealPasswordButtonLabel, "aria-controls": setId.setId(elementId, "input"), icon: revealPassword ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.PreviewOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Preview, {}) }) });
   }, [showRevealPasswordButton, revealPassword, labels == null ? void 0 : labels.revealPasswordButtonClickToHideTooltip, labels == null ? void 0 : labels.revealPasswordButtonClickToShowTooltip, labels == null ? void 0 : labels.revealPasswordButtonLabel, classes == null ? void 0 : classes.adornmentButton, handleRevealPassword, elementId]);
   const validationIcon = React.useMemo(() => {
     if (!showValidationIcon) {
@@ -268,10 +250,7 @@ const HvInput = ({
     if (!validationStates.isValid(validationState)) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledSuccess, {
-      semantic: "sema1",
-      className: clsx__default.default(inputClasses.default.icon, classes == null ? void 0 : classes.icon)
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledSuccess, { semantic: "sema1", className: clsx__default.default(inputClasses.default.icon, classes == null ? void 0 : classes.icon) });
   }, [showValidationIcon, validationState, classes == null ? void 0 : classes.icon]);
   const customIconEl = React.useMemo(() => React.isValidElement(endAdornment) && React__default.default.cloneElement(endAdornment, {
     className: clsx__default.default(inputClasses.default.icon, classes == null ? void 0 : classes.icon, endAdornment.props.className)
@@ -279,11 +258,12 @@ const HvInput = ({
   const adornments = React.useMemo(() => {
     if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)
       return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledAdornmentsBox, {
-      className: clsx__default.default(inputClasses.default.adornmentsBox, classes == null ? void 0 : classes.adornmentsBox),
-      "aria-hidden": "true",
-      children: [clearButton, revealPasswordButton, searchButton, validationIcon || customIconEl]
-    });
+    return /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledAdornmentsBox, { className: clsx__default.default(inputClasses.default.adornmentsBox, classes == null ? void 0 : classes.adornmentsBox), "aria-hidden": "true", children: [
+      clearButton,
+      revealPasswordButton,
+      searchButton,
+      validationIcon || customIconEl
+    ] });
   }, [classes == null ? void 0 : classes.adornmentsBox, clearButton, customIconEl, revealPasswordButton, searchButton, validationIcon]);
   React.useEffect(() => {
     if (focused || !isDirty.current && isEmptyValue) {
@@ -295,88 +275,38 @@ const HvInput = ({
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledFormElement, {
-    id,
-    name,
-    status: validationState,
-    disabled,
-    required,
-    readOnly,
-    className: clsx__default.default(inputClasses.default.root, classes == null ? void 0 : classes.root, className, hasSuggestions && clsx__default.default(inputClasses.default.hasSuggestions, classes == null ? void 0 : classes.hasSuggestions)),
-    onBlur: onContainerBlurHandler,
-    children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledLabelContainer, {
-      className: clsx__default.default(inputClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer),
-      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledLabel, {
-        id: setId.setId(elementId, "label"),
-        className: clsx__default.default(inputClasses.default.label, classes == null ? void 0 : classes.label),
-        htmlFor: setId.setId(elementId, "input"),
-        label
-      }), hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
-        id: setId.setId(elementId, "description"),
-        className: clsx__default.default(inputClasses.default.description, classes == null ? void 0 : classes.description),
-        children: description
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledBaseInput, {
-      id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-      name,
-      value,
-      required,
-      readOnly,
-      disabled,
-      onChange: onChangeHandler,
-      autoFocus,
-      onKeyDown: onKeyDownHandler,
-      onBlur: onInputBlurHandler,
-      onFocus: onFocusHandler,
-      placeholder,
-      type: realType,
-      classes: {
-        input: clsx__default.default(inputClasses.default.input, classes == null ? void 0 : classes.input),
-        inputRoot: clsx__default.default(inputClasses.default.inputRoot, classes == null ? void 0 : classes.inputRoot),
-        inputRootFocused: clsx__default.default(inputClasses.default.inputRootFocused, classes == null ? void 0 : classes.inputRootFocused),
-        inputRootDisabled: clsx__default.default(inputClasses.default.inputRootDisabled, classes == null ? void 0 : classes.inputRootDisabled),
-        inputRootMultiline: clsx__default.default(inputClasses.default.inputRootMultiline, classes == null ? void 0 : classes.inputRootMultiline),
-        inputBorderContainer: clsx__default.default(inputClasses.default.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
-      },
-      invalid: isStateInvalid,
-      inputProps: {
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
-        "aria-invalid": isStateInvalid ? true : void 0,
-        "aria-errormessage": errorMessageId,
-        "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
-        "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
-        ref: materialInputRef,
-        autoComplete: canShowSuggestions ? "off" : void 0,
-        ...inputProps
-      },
-      inputRef: inputRefProp || inputRef,
-      endAdornment: adornments,
-      ...others
-    }), canShowSuggestions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [hasSuggestions && /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledInputExtension, {
-        role: "presentation",
-        className: clsx__default.default(inputClasses.default.inputExtension, classes == null ? void 0 : classes.inputExtension)
-      }), /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledSuggestions, {
-        id: setId.setId(elementId, "suggestions"),
-        classes: {
-          root: clsx__default.default(inputClasses.default.suggestionsContainer, classes == null ? void 0 : classes.suggestionsContainer),
-          list: clsx__default.default(inputClasses.default.suggestionList, classes == null ? void 0 : classes.suggestionList)
-        },
-        expanded: hasSuggestions,
-        anchorEl: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.parentElement,
-        onClose: suggestionClearHandler,
-        onKeyDown: onSuggestionKeyDown,
-        onSuggestionSelected: suggestionSelectedHandler,
-        suggestionValues
-      })]
-    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
-      id: setId.setId(elementId, "error"),
-      disableBorder: true,
-      className: clsx__default.default(inputClasses.default.error, classes == null ? void 0 : classes.error),
-      children: validationMessage
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledFormElement, { id, name, status: validationState, disabled, required, readOnly, className: clsx__default.default(inputClasses.default.root, classes == null ? void 0 : classes.root, className, hasSuggestions && clsx__default.default(inputClasses.default.hasSuggestions, classes == null ? void 0 : classes.hasSuggestions)), onBlur: onContainerBlurHandler, children: [
+    (hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Input_styles.StyledLabelContainer, { className: clsx__default.default(inputClasses.default.labelContainer, classes == null ? void 0 : classes.labelContainer), children: [
+      hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledLabel, { id: setId.setId(elementId, "label"), className: clsx__default.default(inputClasses.default.label, classes == null ? void 0 : classes.label), htmlFor: setId.setId(elementId, "input"), label }),
+      hasDescription && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { id: setId.setId(elementId, "description"), className: clsx__default.default(inputClasses.default.description, classes == null ? void 0 : classes.description), children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledBaseInput, { id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"), name, value, required, readOnly, disabled, onChange: onChangeHandler, autoFocus, onKeyDown: onKeyDownHandler, onBlur: onInputBlurHandler, onFocus: onFocusHandler, placeholder, type: realType, classes: {
+      input: clsx__default.default(inputClasses.default.input, classes == null ? void 0 : classes.input),
+      inputRoot: clsx__default.default(inputClasses.default.inputRoot, classes == null ? void 0 : classes.inputRoot),
+      inputRootFocused: clsx__default.default(inputClasses.default.inputRootFocused, classes == null ? void 0 : classes.inputRootFocused),
+      inputRootDisabled: clsx__default.default(inputClasses.default.inputRootDisabled, classes == null ? void 0 : classes.inputRootDisabled),
+      inputRootMultiline: clsx__default.default(inputClasses.default.inputRootMultiline, classes == null ? void 0 : classes.inputRootMultiline),
+      inputBorderContainer: clsx__default.default(inputClasses.default.inputBorderContainer, classes == null ? void 0 : classes.inputBorderContainer)
+    }, invalid: isStateInvalid, inputProps: {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-invalid": isStateInvalid ? true : void 0,
+      "aria-errormessage": errorMessageId,
+      "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
+      "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
+      ref: materialInputRef,
+      autoComplete: canShowSuggestions ? "off" : void 0,
+      ...inputProps
+    }, inputRef: inputRefProp || inputRef, endAdornment: adornments, ...others }),
+    canShowSuggestions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      hasSuggestions && /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledInputExtension, { role: "presentation", className: clsx__default.default(inputClasses.default.inputExtension, classes == null ? void 0 : classes.inputExtension) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Input_styles.StyledSuggestions, { id: setId.setId(elementId, "suggestions"), classes: {
+        root: clsx__default.default(inputClasses.default.suggestionsContainer, classes == null ? void 0 : classes.suggestionsContainer),
+        list: clsx__default.default(inputClasses.default.suggestionList, classes == null ? void 0 : classes.suggestionList)
+      }, expanded: hasSuggestions, anchorEl: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.parentElement, onClose: suggestionClearHandler, onKeyDown: onSuggestionKeyDown, onSuggestionSelected: suggestionSelectedHandler, suggestionValues })
+    ] }),
+    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableBorder: true, className: clsx__default.default(inputClasses.default.error, classes == null ? void 0 : classes.error), children: validationMessage })
+  ] });
 };
 exports.HvInput = HvInput;
 //# sourceMappingURL=Input.cjs.map