@hitachivantara/uikit-react-core 5.14.1 → 5.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\n\nexport interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, \"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(\n        className,\n        isMenu && headerMenuBarClasses.hidden,\n        isActive && headerMenuBarClasses.active\n      )}\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","headerMenuBarClasses","hidden","active","$type","$hidden","$active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACGC,aAAW;AAAA,IACVT,WAAWU,KACTV,WACAI,UAAUO,qBAAqBC,QAC/BP,YAAYM,qBAAqBE,MAAM;AAAA,IAEzCC,OAAOf;AAAAA,IACPgB,SAASX;AAAAA,IACTY,SAASX;AAAAA,IAASY,8BAEjBC,WAAS;AAAA,MAACtB;AAAAA,MAAQuB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClCpB,KAAKuB,IAAI,CAACb,6BACRc,YAAU;AAAA,QAAed;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;"}
+{"version":3,"file":"MenuBar.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\n\nexport interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, \"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(\n        className,\n        isMenu && headerMenuBarClasses.hidden,\n        isActive && headerMenuBarClasses.active\n      )}\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","headerMenuBarClasses","hidden","active","$type","$hidden","$active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,6BACGC,aAAW;AAAA,IACVT,WAAWU,KACTV,WACAI,UAAUO,qBAAqBC,QAC/BP,YAAYM,qBAAqBE,MACnC;AAAA,IACAC,OAAOf;AAAAA,IACPgB,SAASX;AAAAA,IACTY,SAASX;AAAAA,IAASY,8BAEjBC,WAAS;AAAA,MAACtB;AAAAA,MAAQuB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClCpB,KAAKuB,IAAI,CAACb,6BACRc,YAAU;AAAA,QAAed;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAA+C,CACtE;AAAA,IAAA,CACQ;AAAA,EAAA,CACA;AAEjB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import { transientOptions } from \"@core/utils/transientOptions\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\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(\n  \"div\",\n  transientOptions\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    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.header.secondLevelBackgroundColor,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  }),\n  ...($hidden && { ...hide }),\n  ...($active && { ...show }),\n}));\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  [`&:hover .${headerMenuBarClasses.active}`]: {\n    ...hide,\n  },\n  [`& li:hover > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n  },\n\n  [`&:focus-within .${headerMenuBarClasses.active}`]: {\n    ...hide,\n    zIndex: -2,\n  },\n  [`& li:focus-within > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$hidden","$active","left","width","display","justifyContent","alignItems","position","zIndex","secondLevelHeight","marginTop","MenuBarUl","margin","padding","headerMenuBarClasses","active","hidden"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEaI,MAAAA,sCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAAA,EAASC;AAA0B,OAAO;AAAA,EACpDC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPrB,QAAQ;AAAA,EACRsB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,UAAU,aAAa;AAAA,IACzBQ,UAAU;AAAA,IACVnB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIW,UAAU,UAAU;AAAA,IACtBQ,UAAU;AAAA,IACVC,QAAQ;AAAA,IACR1B,QAAQF,MAAMC,OAAO4B;AAAAA,IACrBrB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZqB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,WAAW;AAAA,IAAE,GAAGV;AAAAA,EAAK;AAAA,EACzB,GAAIW,WAAW;AAAA,IAAE,GAAGvB;AAAAA,EAAK;AAC3B,IAAEc,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;AAEI,MAAMiB,YAAmB,wBAAA,MAAInB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCc,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTT,SAAS;AAAA,EACTE,YAAY;AAAA,EACZxB,QAAQ;AAAA,EACR,CAAE,YAAWgC,qBAAqBC,QAAQ,GAAG;AAAA,IAC3C,GAAGzB;AAAAA,EACL;AAAA,EACA,CAAE,iBAAgBwB,qBAAqBE,QAAQ,GAAG;AAAA,IAChD,GAAGtC;AAAAA,EACL;AAAA,EAEA,CAAE,mBAAkBoC,qBAAqBC,QAAQ,GAAG;AAAA,IAClD,GAAGzB;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,wBAAuBM,qBAAqBE,QAAQ,GAAG;AAAA,IACvD,GAAGtC;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;"}
+{"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import { transientOptions } from \"@core/utils/transientOptions\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport headerMenuBarClasses from \"./menuBarClasses\";\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(\n  \"div\",\n  transientOptions\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    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.header.secondLevelBackgroundColor,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  }),\n  ...($hidden && { ...hide }),\n  ...($active && { ...show }),\n}));\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  [`&:hover .${headerMenuBarClasses.active}`]: {\n    ...hide,\n  },\n  [`& li:hover > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n  },\n\n  [`&:focus-within .${headerMenuBarClasses.active}`]: {\n    ...hide,\n    zIndex: -2,\n  },\n  [`& li:focus-within > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$hidden","$active","left","width","display","justifyContent","alignItems","position","zIndex","secondLevelHeight","marginTop","MenuBarUl","margin","padding","headerMenuBarClasses","active","hidden"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEaI,MAAAA,sCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAAA,EAASC;AAA0B,OAAO;AAAA,EACpDC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPrB,QAAQ;AAAA,EACRsB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,UAAU,aAAa;AAAA,IACzBQ,UAAU;AAAA,IACVnB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIW,UAAU,UAAU;AAAA,IACtBQ,UAAU;AAAA,IACVC,QAAQ;AAAA,IACR1B,QAAQF,MAAMC,OAAO4B;AAAAA,IACrBrB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZqB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,WAAW;AAAA,IAAE,GAAGV;AAAAA,EAAK;AAAA,EACzB,GAAIW,WAAW;AAAA,IAAE,GAAGvB;AAAAA,EAAK;AAC3B,IAAEc,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;AAEI,MAAMiB,YAAmB,wBAAA,MAAInB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCc,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTT,SAAS;AAAA,EACTE,YAAY;AAAA,EACZxB,QAAQ;AAAA,EACR,CAAE,YAAWgC,qBAAqBC,QAAQ,GAAG;AAAA,IAC3C,GAAGzB;AAAAA,EACL;AAAA,EACA,CAAE,iBAAgBwB,qBAAqBE,QAAQ,GAAG;AAAA,IAChD,GAAGtC;AAAAA,EACL;AAAA,EAEA,CAAE,mBAAkBoC,qBAAqBC,QAAQ,GAAG;AAAA,IAClD,GAAGzB;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,wBAAuBM,qBAAqBE,QAAQ,GAAG;AAAA,IACvD,GAAGtC;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,69FAAA;"}

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

@@ -22,8 +22,8 @@ const HvMenuItem = ({
   } = item;
   const hasSubLevel = data && data.length;
   const isMenu = type === "menu";
-  const isSelected = selectionPath && selectionPath[isMenu ? 1 : 0] === item.id || false;
-  const isCurrent = isSelected ? selectionPath.length > (isMenu ? 2 : 1) ? true : "page" : void 0;
+  const isSelected = (selectionPath == null ? void 0 : selectionPath[isMenu ? 1 : 0]) === item.id;
+  const isCurrent = isSelected ? (selectionPath == null ? void 0 : selectionPath.length) > (isMenu ? 2 : 1) ? true : "page" : void 0;
   const actionHandler = (event) => {
     if (event.type === "click" || isKeypress(event, keyboardCodes.Enter) || isKeypress(event, keyboardCodes.SpaceBar)) {
       if (event.type === "click") {
@@ -76,6 +76,7 @@ const HvMenuItem = ({
       target: itemTarget,
       ...itemProps,
       $isSelected: isSelected,
+      $isMenu: isMenu,
       "aria-current": isCurrent,
       children: label
     }) : (
@@ -86,6 +87,7 @@ const HvMenuItem = ({
         ...itemProps,
         tabIndex: 0,
         $isSelected: isSelected,
+        $isMenu: isMenu,
         "aria-current": isCurrent,
         children: label
       })

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends 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  const isCurrent = isSelected\n    ? selectionPath.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\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    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n  if (itemHref == null) {\n    // apps should configure the href even on parent items without content\n    // so the fallback logic is theirs, but if not we'll do our best to find a link\n    // eslint-disable-next-line no-inner-declarations\n    function traversePreOrder(node: HvHeaderNavigationItemProp) {\n      if (node?.href) {\n        itemHref = node?.href;\n        itemTarget = node?.target;\n      } else if (node?.data != null && node?.data?.length > 0) {\n        let i = 0;\n        while (itemHref == null && i < node.data.length) {\n          traversePreOrder(node?.data[i]);\n          i += 1;\n        }\n      }\n    }\n\n    traversePreOrder(item);\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          aria-current={isCurrent}\n        >\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","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","href","itemTarget","target","traversePreOrder","node","i","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AAClBW,QAAAA,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,CAAC,MAAMX,KAAKD,MAAO;AAC5Dc,QAAAA,YAAYD,aACdT,cAAcO,UAAUC,SAAS,IAAI,KACnC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGLK,QAAAA,4BACHC,cAAY;AAAA,IACXC,WAAU;AAAA,IACVC,SAASnB,aAAa,UAAU;AAAA,IAChC,aAAWZ,KAAK4B;AAAAA,IAAMI,UAErBhC,KAAK4B;AAAAA,EAAAA,CAET;AAED,MAAIK,WAAWjC,6BAAMkC;AACrB,MAAIC,aAAanC,6BAAMoC;AACvB,MAAIH,YAAY,MAAM;AAIXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM9B,SAAQ,UAAQ8B,kCAAM9B,SAAN8B,mBAAY5B,UAAS,GAAG;AACvD,YAAI6B,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK9B,KAAKE,QAAQ;AAC9B4B,2BAAAA,6BAAM9B,KAAK+B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBrC,IAAI;AAAA,EACvB;AAEA,8BACGwC,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC,CAAC7B;AAAAA,IACb8B,SAAS/B;AAAAA,IAAOqB,UAEfC,CAAAA,WACCU,oBAACC,cAAY;AAAA,MACXV,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJoB,aAAajC;AAAAA,MACb,gBAAcC;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACY;AAAA;AAAA;AAAA,0BAIdkB,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTtB;AAAAA,QACJuB,UAAU;AAAA,QACVH,aAAajC;AAAAA,QACb,gBAAcC;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CAAK;AAAA,OAGTnB,mCAAgBwC,WAAS;AAAA,MAACzC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GA3BlED,KAAK4B,KAAK;AA8BrB;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends 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 = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\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    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n  if (itemHref == null) {\n    // apps should configure the href even on parent items without content\n    // so the fallback logic is theirs, but if not we'll do our best to find a link\n    // eslint-disable-next-line no-inner-declarations\n    function traversePreOrder(node: HvHeaderNavigationItemProp) {\n      if (node?.href) {\n        itemHref = node?.href;\n        itemTarget = node?.target;\n      } else if (node?.data != null && node?.data?.length > 0) {\n        let i = 0;\n        while (itemHref == null && i < node.data.length) {\n          traversePreOrder(node?.data[i]);\n          i += 1;\n        }\n      }\n    }\n\n    traversePreOrder(item);\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\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","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","href","itemTarget","target","traversePreOrder","node","i","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,cAAaT,+CAAgBQ,SAAS,IAAI,QAAOX,KAAKD;AACtDc,QAAAA,YAAYD,cACdT,+CAAeO,WAAUC,SAAS,IAAI,KACpC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGLK,QAAAA,4BACHC,cAAY;AAAA,IACXC,WAAU;AAAA,IACVC,SAASnB,aAAa,UAAU;AAAA,IAChC,aAAWZ,KAAK4B;AAAAA,IAAMI,UAErBhC,KAAK4B;AAAAA,EAAAA,CACM;AAGhB,MAAIK,WAAWjC,6BAAMkC;AACrB,MAAIC,aAAanC,6BAAMoC;AACvB,MAAIH,YAAY,MAAM;AAIXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM9B,SAAQ,UAAQ8B,kCAAM9B,SAAN8B,mBAAY5B,UAAS,GAAG;AACvD,YAAI6B,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK9B,KAAKE,QAAQ;AAC9B4B,2BAAAA,6BAAM9B,KAAK+B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBrC,IAAI;AAAA,EACvB;AAEA,8BACGwC,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC,CAAC7B;AAAAA,IACb8B,SAAS/B;AAAAA,IAAOqB,UAEfC,CAAAA,WACCU,oBAACC,cAAY;AAAA,MACXV,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJoB,aAAajC;AAAAA,MACb8B,SAAS/B;AAAAA,MACT,gBAAcE;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACW;AAAA;AAAA;AAAA,0BAIbkB,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTtB;AAAAA,QACJuB,UAAU;AAAA,QACVH,aAAajC;AAAAA,QACb8B,SAAS/B;AAAAA,QACT,gBAAcE;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CACY;AAAA,OAEhBnB,mCAAgBwC,WAAS;AAAA,MAACzC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAQ,CAAC;AAAA,EAAA,GA7BlED,KAAK4B,KA8BA;AAEhB;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js

@@ -44,7 +44,7 @@ const MenuItemLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "produ
     paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,
     height: "100%",
     "& > * > span": {
-      color: theme.header.selectedItemColor
+      color: theme.header.secondLevelSelectedItemColor
     }
   },
   ...$selected && !$isMenu && {
@@ -58,24 +58,32 @@ const MenuItemLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "produ
   },
   ...!$selected && !$isMenu && {
     marginTop: theme.header.selectedItemBorderTopThickness,
-    marginBottom: theme.header.selectedItemBorderBottomThickness,
+    paddingBottom: theme.header.selectedItemBorderBottomThickness,
     paddingTop: theme.header.selectedItemBorderBottomThickness,
-    height: `calc(100% - ${theme.header.selectedItemBorderTopThickness} - ${theme.header.selectedItemBorderBottomThickness})`
+    height: "100%",
+    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,
+    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`
   },
   ...!$selected && $isMenu && {
     marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,
-    marginBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,
+    paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,
     paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,
-    height: `calc(100% - ${theme.header.secondLevelSelectedItemBorderTopThickness} - ${theme.header.secondLevelSelectedItemBorderBottomThickness})`
+    height: "100%",
+    borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,
+    borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,
+    "&& > * > span": {
+      color: theme.header.secondLevelItemColor
+    }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgeyBob3ZlckNvbG9yIH0gPSB0aGVtZS5oZWFkZXI7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkLCAkaXNNZW51IH06IHsgJHNlbGVjdGVkOiBib29sZWFuOyAkaXNNZW51OiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IC0gJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSlgLFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogYGNhbGMoMTAwJSAtICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSAtICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSlgLFxuICAgIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvciB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgeyBob3ZlckNvbG9yIH0gPSB0aGVtZS5oZWFkZXI7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkLCAkaXNNZW51IH06IHsgJHNlbGVjdGVkOiBib29sZWFuOyAkaXNNZW51OiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLigkc2VsZWN0ZWQgJiZcbiAgICAhJGlzTWVudSAmJiB7XG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgIFwiJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yfWAsXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcn1gLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4oISRpc01lbnUgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7XG4gICAgICAgIC4uLighJGlzTWVudSAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgfSksXG4gICAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
 const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu1"
 }, transientOptions) : _extends({}, {
   target: "e1elbhu1",
   label: "MenuItemLabel"
 }, transientOptions))(({
-  $isSelected
+  $isSelected,
+  $isMenu
 }) => ({
   border: "none",
   cursor: "pointer",
@@ -99,10 +107,16 @@ const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
     alignItems: "center",
     justifyContent: "space-between",
     ...$isSelected && {
-      backgroundColor: theme.header.selectedItemBackgroundColor,
       borderRadius: theme.radii.full,
       padding: theme.space.xs,
-      color: theme.header.selectedItemColor
+      ...!$isMenu && {
+        color: theme.header.selectedItemColor,
+        backgroundColor: theme.header.selectedItemBackgroundColor
+      },
+      ...$isMenu && {
+        color: theme.header.secondLevelSelectedItemColor,
+        backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor
+      }
     }
   },
   "& span::after": {
@@ -117,14 +131,15 @@ const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
       display: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RDZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAhJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSAtICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30pYCxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gLSAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30pYCxcbiAgICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcn1gLFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIFwiJiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbjsgJGlzTWVudT86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgLi4uKCEkaXNNZW51ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGlzTWVudSAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbjsgJGlzTWVudT86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIFwiJiA+IGRpdiA+IHNwYW5cIjoge1xuICAgICAgICAuLi4oISRpc01lbnUgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgICAuLi4oJGlzTWVudSAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgXCImIHNwYW5cIjoge1xuICAgICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgfSxcbiAgICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "production" ? {
   target: "e1elbhu0"
 } : {
   target: "e1elbhu0",
   label: "MenuItemLink"
 })(({
-  $isSelected
+  $isSelected,
+  $isMenu
 }) => ({
   border: "none",
   cursor: "pointer",
@@ -144,7 +159,12 @@ const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "prod
   },
   ...$isSelected && {
     "& > div > span": {
-      color: theme.header.selectedItemColor
+      ...!$isMenu && {
+        color: theme.header.selectedItemColor
+      },
+      ...$isMenu && {
+        color: theme.header.secondLevelSelectedItemColor
+      }
     }
   },
   "& span": {
@@ -165,7 +185,7 @@ const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "prod
       display: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAhJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSAtICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30pYCxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gLSAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30pYCxcbiAgICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzSDRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcn1gLFxuICAgIH0pLFxuICAuLi4oISRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIFwiJiYgPiAqID4gc3BhblwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbjsgJGlzTWVudT86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGNvbG9yOiBcImluaGVyaXRcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuXG4gIFwiJiYgc3BhblwiOiB7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuZnVsbCxcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgLi4uKCEkaXNNZW51ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgICAuLi4oJGlzTWVudSAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSxcbiAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgIGhlaWdodDogMCxcbiAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKFxuICAoeyAkaXNTZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbjsgJGlzTWVudT86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICAgIFwiJiA+IGRpdiA+IHNwYW5cIjoge1xuICAgICAgICAuLi4oISRpc01lbnUgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgICAuLi4oJGlzTWVudSAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgXCImIHNwYW5cIjoge1xuICAgICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgfSxcbiAgICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICAgIGhlaWdodDogMCxcbiAgICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIHVzZXJTZWxlY3Q6IFwibm9uZVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgICAgXCJAbWVkaWEgc3BlZWNoXCI6IHtcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
 export {
   MenuItemLabel,
   MenuItemLi,

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst { hoverColor } = theme.header;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected, $isMenu }: { $selected: boolean; $isMenu: boolean }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-within\": {\n    backgroundColor: hoverColor,\n  },\n  ...($selected &&\n    $isMenu && {\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"& > * > span\": {\n        color: theme.header.selectedItemColor,\n      },\n    }),\n  ...($selected &&\n    !$isMenu && {\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      \"& > * > span\": {\n        color: theme.header.selectedItemColor,\n      },\n    }),\n  ...(!$selected &&\n    !$isMenu && {\n      marginTop: theme.header.selectedItemBorderTopThickness,\n      marginBottom: theme.header.selectedItemBorderBottomThickness,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: `calc(100% - ${theme.header.selectedItemBorderTopThickness} - ${theme.header.selectedItemBorderBottomThickness})`,\n    }),\n  ...(!$selected &&\n    $isMenu && {\n      marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n      marginBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: `calc(100% - ${theme.header.secondLevelSelectedItemBorderTopThickness} - ${theme.header.secondLevelSelectedItemBorderBottomThickness})`,\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  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      backgroundColor: theme.header.selectedItemBackgroundColor,\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      color: theme.header.selectedItemColor,\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\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    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": { color: theme.header.selectedItemColor },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","$isMenu","display","color","backgroundColor","borderTop","secondLevelSelectedItemBorderTopThickness","secondLevelSelectedItemBorderTopColor","borderBottom","secondLevelSelectedItemBorderBottomThickness","secondLevelSelectedItemBorderBottomColor","paddingTop","height","selectedItemColor","selectedItemBorderTopThickness","selectedItemBorderTopColor","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","selectedItemBackgroundColor","borderRadius","radii","full","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","textDecoration"],"mappings":"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"}
+{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst { hoverColor } = theme.header;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected, $isMenu }: { $selected: boolean; $isMenu: boolean }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-within\": {\n    backgroundColor: hoverColor,\n  },\n  ...($selected &&\n    $isMenu && {\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"& > * > span\": {\n        color: theme.header.secondLevelSelectedItemColor,\n      },\n    }),\n  ...($selected &&\n    !$isMenu && {\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      \"& > * > span\": {\n        color: theme.header.selectedItemColor,\n      },\n    }),\n  ...(!$selected &&\n    !$isMenu && {\n      marginTop: theme.header.selectedItemBorderTopThickness,\n      paddingBottom: theme.header.selectedItemBorderBottomThickness,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,\n      borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`,\n    }),\n  ...(!$selected &&\n    $isMenu && {\n      marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n      paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      \"&& > * > span\": {\n        color: theme.header.secondLevelItemColor,\n      },\n    }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: 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  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      ...(!$isMenu && {\n        color: theme.header.selectedItemColor,\n        backgroundColor: theme.header.selectedItemBackgroundColor,\n      }),\n      ...($isMenu && {\n        color: theme.header.secondLevelSelectedItemColor,\n        backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor,\n      }),\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n  ({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: 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    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": {\n        ...(!$isMenu && {\n          color: theme.header.selectedItemColor,\n        }),\n        ...($isMenu && {\n          color: theme.header.secondLevelSelectedItemColor,\n        }),\n      },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","$isMenu","display","color","backgroundColor","borderTop","secondLevelSelectedItemBorderTopThickness","secondLevelSelectedItemBorderTopColor","borderBottom","secondLevelSelectedItemBorderBottomThickness","secondLevelSelectedItemBorderBottomColor","paddingTop","height","secondLevelSelectedItemColor","selectedItemBorderTopThickness","selectedItemBorderTopColor","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","selectedItemColor","marginTop","paddingBottom","secondLevelBackgroundColor","secondLevelItemColor","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","borderRadius","radii","full","selectedItemBackgroundColor","secondLevelSelectedItemBackgroundColor","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","textDecoration"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/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 HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nexport interface HvHeaderNavigationProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n}\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    event.preventDefault();\n\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":["HvHeaderNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;AA6BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCD,UAAME,eAAgB;AAEtBT,uCAAUO,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,oBAACC,iBAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,8BAC7CC,eAAa;AAAA,MAAAD,8BACXE,WAAS;AAAA,QACRf,WAAWgB,KACThB,WACAiB,wBAAwBC,MACxBjB,mCAASiB,IAAI;AAAA,QACb,GACEhB;AAAAA,QAAMW,8BAETM,WAAS;AAAA,UAACtB;AAAAA,UAAYuB,MAAK;AAAA,UAAUrB,SAASM;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/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 HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nexport interface HvHeaderNavigationProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n}\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    event.preventDefault();\n\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":["HvHeaderNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;AA6BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCD,UAAME,eAAe;AAErBT,uCAAUO,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,oBAACC,iBAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,8BAC7CC,eAAa;AAAA,MAAAD,8BACXE,WAAS;AAAA,QACRf,WAAWgB,KACThB,WACAiB,wBAAwBC,MACxBjB,mCAASiB,IACX;AAAA,QAAE,GACEhB;AAAAA,QAAMW,8BAETM,WAAS;AAAA,UAACtB;AAAAA,UAAYuB,MAAK;AAAA,UAAUrB,SAASM;AAAAA,QAAAA,CAAc;AAAA,MAAA,CACpD;AAAA,IAAA,CACE;AAAA,EAAA,CACU;AAE/B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.styles.js","sources":["../../../../../src/components/Header/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledNav = styled(\"nav\")({\n  position: \"absolute\",\n  width: \"100%\",\n  height: \"100%\",\n  zIndex: 1,\n  top: \"0px\",\n  left: \"0px\",\n});\n"],"names":["StyledNav","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,YAAmB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAOpC;"}
+{"version":3,"file":"Navigation.styles.js","sources":["../../../../../src/components/Header/Navigation/Navigation.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledNav = styled(\"nav\")({\n  position: \"absolute\",\n  width: \"100%\",\n  height: \"100%\",\n  zIndex: 1,\n  top: \"0px\",\n  left: \"0px\",\n});\n"],"names":["StyledNav","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,YAAmB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAOrC;"}

package/dist/esm/components/Header/Navigation/utils/FocusContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusContext.js","sources":["../../../../../../src/components/Header/Navigation/utils/FocusContext.tsx"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\n\ninterface 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","_jsx","Provider","value"],"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,cAGzBJ,YAAY;AAER,MAAMK,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACV,OAAOM,QAAQ,IAAIK,WAAWZ,SAASK,YAAY;AACpDQ,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAE,GAAGb;AAAAA,IAAOM;AAAAA,EACnB,IAAA,CAACN,OAAOM,QAAQ,CAAC;AAEb,QAAA;AAAA,IAAEQ;AAAAA,EAAaJ,IAAAA;AAGnBK,SAAAA,oBAACR,aAAaS,UAAQ;AAAA,IAACC,OAAOL;AAAAA,IAAaE;AAAAA,EAAAA,CAEnB;AAE5B;"}
+{"version":3,"file":"FocusContext.js","sources":["../../../../../../src/components/Header/Navigation/utils/FocusContext.tsx"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\n\ninterface 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","_jsx","Provider","value"],"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,EACX;AACF;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAaE;AAAAA,EAAWC,UAAUD;AAAU;AAEtDE,MAAAA,eAAeC,cAGzBJ,YAAY;AAER,MAAMK,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACV,OAAOM,QAAQ,IAAIK,WAAWZ,SAASK,YAAY;AACpDQ,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAE,GAAGb;AAAAA,IAAOM;AAAAA,EACnB,IAAA,CAACN,OAAOM,QAAQ,CAClB;AACM,QAAA;AAAA,IAAEQ;AAAAA,EAAaJ,IAAAA;AAGnBK,SAAAA,oBAACR,aAAaS,UAAQ;AAAA,IAACC,OAAOL;AAAAA,IAAaE;AAAAA,EAAAA,CAEpB;AAE3B;"}

package/dist/esm/components/Header/Navigation/utils/SelectionContext.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-const SelectionContext = createContext([]);
+const SelectionContext = createContext([""]);
 export {
   SelectionContext
 };

package/dist/esm/components/Header/Navigation/utils/SelectionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionContext.js","sources":["../../../../../../src/components/Header/Navigation/utils/SelectionContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const SelectionContext = createContext<string[]>([]);\n"],"names":["SelectionContext","createContext"],"mappings":";AAEaA,MAAAA,mBAAmBC,cAAwB,CAAE,CAAA;"}
+{"version":3,"file":"SelectionContext.js","sources":["../../../../../../src/components/Header/Navigation/utils/SelectionContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const SelectionContext = createContext<string[]>([\"\"]);\n"],"names":["SelectionContext","createContext"],"mappings":";AAEO,MAAMA,mBAAmBC,cAAwB,CAAC,EAAE,CAAC;"}

package/dist/esm/components/InlineEditor/InlineEditor.js

@@ -14,7 +14,7 @@ import { isKeypress } from "../../utils/keyboardUtils/keyCheck.js";
 import { keyboardCodes } from "../../utils/keyboardUtils/keyboardCodes.js";
 const getTypographyStyles = (typography) => {
   const typographyStyles = {};
-  Object.keys(typography).map((k) => {
+  Object.keys(typography).forEach((k) => {
     typographyStyles[k] = getVarValue(typography[k]);
   });
   return typographyStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"InlineEditor.js","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useControlled } from \"@core/hooks\";\nimport { getVarValue, isKeypress, keyboardCodes } from \"@core/utils\";\nimport {\n  HvButtonProps,\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvInput,\n  HvButton,\n  HvTypography,\n} from \"@core/components\";\nimport { HvThemeTypographyProps, theme } from \"@hitachivantara/uikit-styles\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\nimport inlineEditorClasses, {\n  HvInlineEditorClasses,\n} from \"./inlineEditorClasses\";\nimport { styles } from \"./InlineEditor.styles\";\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\nconst getTypographyStyles = (typography): HvThemeTypographyProps => {\n  const typographyStyles = {};\n  Object.keys(typography).map((k) => {\n    typographyStyles[k] = getVarValue(typography[k]);\n  });\n  return typographyStyles;\n};\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n\n  const typographyStyles = getTypographyStyles(theme.typography[variant] || {});\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event);\n  };\n\n  const handleChange = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            inlineEditorClasses.root,\n            css(styles.root),\n            className,\n            classes?.root\n          )}\n        >\n          {editMode ? (\n            <InputComponent\n              inputRef={inputRef}\n              classes={{\n                root: cx(inlineEditorClasses.inputRoot, classes?.inputRoot),\n                input: cx(\n                  inlineEditorClasses.input,\n                  css(styles.input),\n                  classes?.input\n                ),\n                inputBorderContainer: cx(\n                  inlineEditorClasses.inputBorderContainer,\n                  css(styles.inputBorderContainer),\n                  classes?.inputBorderContainer\n                ),\n              }}\n              inputProps={{\n                style: {\n                  ...typographyStyles,\n                  height: InputComponent === HvInput ? lineHeight : undefined,\n                },\n              }}\n              value={value}\n              onBlur={handleBlur}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              {...others}\n            />\n          ) : (\n            <HvButton\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n              className={cx(\n                inlineEditorClasses.button,\n                parseInt(lineHeight as string, 10) >= 28 &&\n                  inlineEditorClasses.largeText,\n                css(styles.button),\n                parseInt(lineHeight as string, 10) >= 28 &&\n                  css(styles.largeText),\n                classes?.button,\n                parseInt(lineHeight as string, 10) >= 28 && classes?.largeText\n              )}\n              onClick={handleClick}\n              {...buttonProps}\n            >\n              <HvTypography\n                variant={variant}\n                noWrap\n                className={cx(\n                  inlineEditorClasses.text,\n                  !value && inlineEditorClasses.textEmpty,\n                  css(styles.text),\n                  !value && css(styles.textEmpty),\n                  classes?.text,\n                  !value && classes?.textEmpty\n                )}\n                {...typographyProps}\n              >\n                {value || placeholder}\n              </HvTypography>\n              <Edit\n                color=\"secondary_60\"\n                role=\"presentation\"\n                className={cx(\n                  inlineEditorClasses.icon,\n                  showIcon && inlineEditorClasses.iconVisible,\n                  css(styles.icon),\n                  showIcon && css(styles.iconVisible),\n                  classes?.icon,\n                  showIcon && classes?.iconVisible\n                )}\n              />\n            </HvButton>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["getTypographyStyles","typography","typographyStyles","Object","keys","map","k","getVarValue","HvInlineEditor","className","classes","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","theme","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","keyboardCodes","Esc","handleChange","val","ClassNames","children","css","cx","inlineEditorClasses","root","styles","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","_jsxs","HvButton","overrideIconColors","button","parseInt","largeText","onClick","HvTypography","noWrap","text","textEmpty","Edit","color","role","icon","iconVisible"],"mappings":"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"}
+{"version":3,"file":"InlineEditor.js","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import { ClassNames } from \"@emotion/react\";\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useControlled } from \"@core/hooks\";\nimport { getVarValue, isKeypress, keyboardCodes } from \"@core/utils\";\nimport {\n  HvButtonProps,\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvInput,\n  HvButton,\n  HvTypography,\n} from \"@core/components\";\nimport { HvThemeTypographyProps, theme } from \"@hitachivantara/uikit-styles\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\nimport inlineEditorClasses, {\n  HvInlineEditorClasses,\n} from \"./inlineEditorClasses\";\nimport { styles } from \"./InlineEditor.styles\";\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\nconst getTypographyStyles = (typography): HvThemeTypographyProps => {\n  const typographyStyles = {};\n  Object.keys(typography).forEach((k) => {\n    typographyStyles[k] = getVarValue(typography[k]);\n  });\n  return typographyStyles;\n};\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n\n  const typographyStyles = getTypographyStyles(theme.typography[variant] || {});\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event);\n  };\n\n  const handleChange = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <ClassNames>\n      {({ css, cx }) => (\n        <div\n          className={cx(\n            inlineEditorClasses.root,\n            css(styles.root),\n            className,\n            classes?.root\n          )}\n        >\n          {editMode ? (\n            <InputComponent\n              inputRef={inputRef}\n              classes={{\n                root: cx(inlineEditorClasses.inputRoot, classes?.inputRoot),\n                input: cx(\n                  inlineEditorClasses.input,\n                  css(styles.input),\n                  classes?.input\n                ),\n                inputBorderContainer: cx(\n                  inlineEditorClasses.inputBorderContainer,\n                  css(styles.inputBorderContainer),\n                  classes?.inputBorderContainer\n                ),\n              }}\n              inputProps={{\n                style: {\n                  ...typographyStyles,\n                  height: InputComponent === HvInput ? lineHeight : undefined,\n                },\n              }}\n              value={value}\n              onBlur={handleBlur}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              {...others}\n            />\n          ) : (\n            <HvButton\n              variant=\"secondaryGhost\"\n              overrideIconColors={false}\n              className={cx(\n                inlineEditorClasses.button,\n                parseInt(lineHeight as string, 10) >= 28 &&\n                  inlineEditorClasses.largeText,\n                css(styles.button),\n                parseInt(lineHeight as string, 10) >= 28 &&\n                  css(styles.largeText),\n                classes?.button,\n                parseInt(lineHeight as string, 10) >= 28 && classes?.largeText\n              )}\n              onClick={handleClick}\n              {...buttonProps}\n            >\n              <HvTypography\n                variant={variant}\n                noWrap\n                className={cx(\n                  inlineEditorClasses.text,\n                  !value && inlineEditorClasses.textEmpty,\n                  css(styles.text),\n                  !value && css(styles.textEmpty),\n                  classes?.text,\n                  !value && classes?.textEmpty\n                )}\n                {...typographyProps}\n              >\n                {value || placeholder}\n              </HvTypography>\n              <Edit\n                color=\"secondary_60\"\n                role=\"presentation\"\n                className={cx(\n                  inlineEditorClasses.icon,\n                  showIcon && inlineEditorClasses.iconVisible,\n                  css(styles.icon),\n                  showIcon && css(styles.iconVisible),\n                  classes?.icon,\n                  showIcon && classes?.iconVisible\n                )}\n              />\n            </HvButton>\n          )}\n        </div>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["getTypographyStyles","typography","typographyStyles","Object","keys","forEach","k","getVarValue","HvInlineEditor","className","classes","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","theme","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKeypress","keyboardCodes","Esc","handleChange","val","ClassNames","children","css","cx","inlineEditorClasses","root","styles","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","_jsxs","HvButton","overrideIconColors","button","parseInt","largeText","onClick","HvTypography","noWrap","text","textEmpty","Edit","color","role","icon","iconVisible"],"mappings":"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"}