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

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

@@ -1,5 +1,5 @@
 import { getClasses } from "../../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "separator"];
 const headerBrandClasses = getClasses(classKeys, "HvHeader-Brand");
 const headerBrandClasses$1 = headerBrandClasses;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"brandClasses.js","sources":["../../../../../src/components/Header/Brand/brandClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderBrandClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerBrandClasses = getClasses<HvHeaderBrandClasses>(\n  classKeys,\n  \"HvHeader-Brand\"\n);\n\nexport default headerBrandClasses;\n"],"names":["classKeys","headerBrandClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,qBAAqBC,WACzBF,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;"}
+{"version":3,"file":"brandClasses.js","sources":["../../../../../src/components/Header/Brand/brandClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderBrandClasses = {\n  root?: string;\n  separator?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"separator\"];\n\nconst headerBrandClasses = getClasses<HvHeaderBrandClasses>(\n  classKeys,\n  \"HvHeader-Brand\"\n);\n\nexport default headerBrandClasses;\n"],"names":["classKeys","headerBrandClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,QAAQ,WAAW;AAEhD,MAAMC,qBAAqBC,WACzBF,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;"}

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

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

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

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

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

@@ -24,7 +24,7 @@ const StyledAppBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pr
   $position
 }) => ({
   height: theme.header.height,
-  backgroundColor: theme.colors.atmo1,
+  backgroundColor: theme.header.backgroundColor,
   display: "flex",
   flexDirection: "column",
   width: "100%",
@@ -52,12 +52,12 @@ const StyledAppBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pr
   ...$position === "sticky" && {
     position: "sticky"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHBvc2l0aW9uIH06IHsgJHBvc2l0aW9uPzogc3RyaW5nIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gIGZsZXhTaHJpbms6IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wQ29sb3J9YCxcblxuICAuLi4oJHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IFwiYXV0b1wiLFxuICAgIHJpZ2h0OiAwLFxuICB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJyZWxhdGl2ZVwiICYmIHsgcG9zaXRpb246IFwicmVsYXRpdmVcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJhYnNvbHV0ZVwiICYmIHsgcG9zaXRpb246IFwiYWJzb2x1dGVcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGF0aWNcIiAmJiB7IHBvc2l0aW9uOiBcInN0YXRpY1wiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHsgcG9zaXRpb246IFwic3RpY2t5XCIgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIFwiJiA+ICo6bm90KG5hdilcIjoge1xuICAgIHpJbmRleDogMixcbiAgfSxcbn0pO1xuIl19 */");
-const HeaderRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBcHBCYXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHBvc2l0aW9uIH06IHsgJHBvc2l0aW9uPzogc3RyaW5nIH0pID0+ICh7XG4gIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBmbGV4U2hyaW5rOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhbm5lcixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcENvbG9yfWAsXG5cbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcImF1dG9cIixcbiAgICByaWdodDogMCxcbiAgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwicmVsYXRpdmVcIiAmJiB7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwiYWJzb2x1dGVcIiAmJiB7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7IHBvc2l0aW9uOiBcInN0aWNreVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBcIiYgPiAqOm5vdChuYXYpXCI6IHtcbiAgICB6SW5kZXg6IDIsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledHeaderRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "euwt7yw0"
 } : {
   target: "euwt7yw0",
-  label: "HeaderRoot"
+  label: "StyledHeaderRoot"
 })({
   display: "flex",
   alignItems: "center",
@@ -68,9 +68,9 @@ const HeaderRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   "& > *:not(nav)": {
     zIndex: 2
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXBwQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRwb3NpdGlvbiB9OiB7ICRwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLmhlYWRlci5oZWlnaHQsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBmbGV4U2hyaW5rOiAwLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhbm5lcixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcENvbG9yfWAsXG5cbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcImF1dG9cIixcbiAgICByaWdodDogMCxcbiAgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwicmVsYXRpdmVcIiAmJiB7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwiYWJzb2x1dGVcIiAmJiB7IHBvc2l0aW9uOiBcImFic29sdXRlXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgLi4uKCRwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7IHBvc2l0aW9uOiBcInN0aWNreVwiIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSGVhZGVyUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IGAwICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgYm94U2hhZG93OiB0aGVtZS5oZWFkZXIuc2hhZG93LFxuICBcIiYgPiAqOm5vdChuYXYpXCI6IHtcbiAgICB6SW5kZXg6IDIsXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXBwQmFyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRwb3NpdGlvbiB9OiB7ICRwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICBoZWlnaHQ6IHRoZW1lLmhlYWRlci5oZWlnaHQsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgZmxleFNocmluazogMCxcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BDb2xvcn1gLFxuXG4gIC4uLigkcG9zaXRpb24gPT09IFwiZml4ZWRcIiAmJiB7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICB0b3A6IDAsXG4gICAgbGVmdDogXCJhdXRvXCIsXG4gICAgcmlnaHQ6IDAsXG4gIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInJlbGF0aXZlXCIgJiYgeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcImFic29sdXRlXCIgJiYgeyBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiIH0pLFxuICAuLi4oJHBvc2l0aW9uID09PSBcInN0YXRpY1wiICYmIHsgcG9zaXRpb246IFwic3RhdGljXCIgfSksXG4gIC4uLigkcG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYgeyBwb3NpdGlvbjogXCJzdGlja3lcIiB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlclJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgXCImID4gKjpub3QobmF2KVwiOiB7XG4gICAgekluZGV4OiAyLFxuICB9LFxufSk7XG4iXX0= */");
 export {
-  HeaderRoot,
-  StyledAppBar
+  StyledAppBar,
+  StyledHeaderRoot
 };
 //# sourceMappingURL=Header.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n  \"div\",\n  transientOptions\n)(({ $position }: { $position?: string }) => ({\n  height: theme.header.height,\n  backgroundColor: theme.colors.atmo1,\n  display: \"flex\",\n  flexDirection: \"column\",\n  width: \"100%\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  zIndex: theme.zIndices.banner,\n  color: theme.colors.atmo1,\n  boxShadow: theme.header.shadow,\n  borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n\n  ...($position === \"fixed\" && {\n    position: \"fixed\",\n    top: 0,\n    left: \"auto\",\n    right: 0,\n  }),\n  ...($position === \"relative\" && { position: \"relative\" }),\n  ...($position === \"absolute\" && { position: \"absolute\" }),\n  ...($position === \"static\" && { position: \"static\" }),\n  ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const HeaderRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  height: \"100%\",\n  padding: `0 ${theme.space.sm}`,\n  boxShadow: theme.header.shadow,\n  \"& > *:not(nav)\": {\n    zIndex: 2,\n  },\n});\n"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","colors","atmo1","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","HeaderRoot","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,uCACX,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;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,MAAMG,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQV,MAAMW,SAASC;AAAAA,EACvBC,OAAOb,MAAMG,OAAOC;AAAAA,EACpBU,WAAWd,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,4BAA4BjB,MAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipEAAA;AAEI,MAAM8B,aAAoB,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCQ,SAAS;AAAA,EACTmB,YAAY;AAAA,EACZjB,OAAO;AAAA,EACPR,QAAQ;AAAA,EACR0B,SAAU,KAAIzB,MAAM0B,MAAMC;AAAAA,EAC1Bb,WAAWd,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBL,QAAQ;AAAA,EACV;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qpEAAA;"}
+{"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledAppBar = styled(\n  \"div\",\n  transientOptions\n)(({ $position }: { $position?: string }) => ({\n  height: theme.header.height,\n  backgroundColor: theme.header.backgroundColor,\n  display: \"flex\",\n  flexDirection: \"column\",\n  width: \"100%\",\n  boxSizing: \"border-box\",\n  flexShrink: 0,\n  zIndex: theme.zIndices.banner,\n  color: theme.colors.atmo1,\n  boxShadow: theme.header.shadow,\n  borderTop: `${theme.header.borderTopThickness} solid ${theme.header.borderTopColor}`,\n\n  ...($position === \"fixed\" && {\n    position: \"fixed\",\n    top: 0,\n    left: \"auto\",\n    right: 0,\n  }),\n  ...($position === \"relative\" && { position: \"relative\" }),\n  ...($position === \"absolute\" && { position: \"absolute\" }),\n  ...($position === \"static\" && { position: \"static\" }),\n  ...($position === \"sticky\" && { position: \"sticky\" }),\n}));\n\nexport const StyledHeaderRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  height: \"100%\",\n  padding: `0 ${theme.space.sm}`,\n  boxShadow: theme.header.shadow,\n  \"& > *:not(nav)\": {\n    zIndex: 2,\n  },\n});\n"],"names":["StyledAppBar","process","env","NODE_ENV","_extends","target","transientOptions","label","$position","height","theme","header","backgroundColor","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","colors","atmo1","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","position","top","left","right","StyledHeaderRoot","alignItems","padding","space","sm"],"mappings":";;;;;;;;;;;;;;;;;AAIaA,MAAAA,uCACX,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;AAAkC,OAAO;AAAA,EAC5CC,QAAQC,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,MAAMC,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQR,MAAMS,SAASC;AAAAA,EACvBC,OAAOX,MAAMY,OAAOC;AAAAA,EACpBC,WAAWd,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,4BAA4BjB,MAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,cAAc,WAAW;AAAA,IAC3BqB,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIxB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,cAAc;AAAA,IAAEqB,UAAU;AAAA,EAAW;AAAA,EACvD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AAAA,EACnD,GAAIrB,cAAc,YAAY;AAAA,IAAEqB,UAAU;AAAA,EAAS;AACrD,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,yqEAAA;AAEI,MAAM8B,mBAA0B,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CM,SAAS;AAAA,EACTqB,YAAY;AAAA,EACZnB,OAAO;AAAA,EACPN,QAAQ;AAAA,EACR0B,SAAU,KAAIzB,MAAM0B,MAAMC;AAAAA,EAC1Bb,WAAWd,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBP,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,yqEAAA;"}

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

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

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

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

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

@@ -4,7 +4,8 @@ const show = {
   top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,
   transition: ["top"],
   boxShadow: theme.header.shadow,
-  transitionDuration: "500ms"
+  transitionDuration: "500ms",
+  backgroundColor: theme.header.secondLevelBackgroundColor
 };
 const hide = {
   top: 0,
@@ -19,8 +20,7 @@ const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
   label: "MenuBarRoot"
 })(({
   type,
-  hidden,
-  active
+  hidden
 }) => ({
   left: 0,
   width: "100%",
@@ -30,24 +30,21 @@ const MenuBarRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "pro
   alignItems: "center",
   ...type === "menubar" && {
     position: "relative",
-    backgroundColor: theme.colors.atmo1
+    backgroundColor: theme.header.backgroundColor
   },
   ...type === "menu" && {
     position: "absolute",
     paddingTop: theme.header.selectedItemBorderBottomThickness,
     zIndex: -2,
-    backgroundColor: theme.colors.atmo2,
+    backgroundColor: theme.header.secondLevelBackgroundColor,
     "& li > div": {
       marginTop: 0
     }
   },
   ...hidden && {
     ...hide
-  },
-  ...active && {
-    ...show
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaGlkZSA9IHtcbiAgdG9wOiAwLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogXCJub25lXCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCIzMDBtc1wiLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVCYXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB0eXBlLCBoaWRkZW4sIGFjdGl2ZSB9OiBNZW51QmFyUm9vdFByb3BzKSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gICAgLi4uKGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
   target: "etcfm7y0"
 } : {
@@ -73,7 +70,7 @@ const MenuBarUl = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "produc
     ...show,
     zIndex: -1
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaGlkZSA9IHtcbiAgdG9wOiAwLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogXCJub25lXCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCIzMDBtc1wiLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVCYXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB0eXBlLCBoaWRkZW4sIGFjdGl2ZSB9OiBNZW51QmFyUm9vdFByb3BzKSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gICAgLi4uKGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdHlwZSwgaGlkZGVuIH06IE1lbnVCYXJSb290UHJvcHMpID0+ICh7XG4gICAgbGVmdDogMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnViYXJcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   MenuBarRoot,
   MenuBarUl,

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 styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden, active }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.colors.atmo1,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.colors.atmo2,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n    ...(active && { ...show }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","hide","MenuBarRoot","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","backgroundColor","colors","atmo1","paddingTop","selectedItemBorderBottomThickness","zIndex","atmo2","marginTop","MenuBarUl","margin","padding"],"mappings":";;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,MAAMC,OAAOC,YAAYF,MAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AACtB;AAEO,MAAMC,OAAO;AAAA,EAClBT,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAME,cAAqB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAQC;AAAyB,OAAO;AAAA,EAC/CC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPjB,QAAQ;AAAA,EACRkB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVC,iBAAiBxB,MAAMyB,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIX,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVI,YAAY3B,MAAMC,OAAO2B;AAAAA,IACzBC,QAAQ;AAAA,IACRL,iBAAiBxB,MAAMyB,OAAOK;AAAAA,IAC9B,cAAc;AAAA,MACZC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIf,UAAU;AAAA,IAAE,GAAGR;AAAAA,EAAK;AAAA,EACxB,GAAIS,UAAU;AAAA,IAAE,GAAGnB;AAAAA,EAAK;AAC1B,IAAEY,QAAAC,IAAAC,aACH,eAAA,KAAA,ymFAAA;AAEM,MAAMoB,YAAmB,wBAAA,MAAItB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCmB,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTd,SAAS;AAAA,EACTE,YAAY;AAAA,EACZpB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGM;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGV;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGU;AAAAA,IACHqB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG/B;AAAAA,IACH+B,QAAQ;AAAA,EACV;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ymFAAA;"}
+{"version":3,"file":"MenuBar.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.header.backgroundColor,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.header.secondLevelBackgroundColor,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","target","label","type","hidden","left","width","display","justifyContent","alignItems","position","paddingTop","selectedItemBorderBottomThickness","zIndex","marginTop","MenuBarUl","margin","padding"],"mappings":";;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,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;AAEO,MAAMI,cAAqB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAyB,OAAO;AAAA,EACvCC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPlB,QAAQ;AAAA,EACRmB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIN,SAAS,aAAa;AAAA,IACxBO,UAAU;AAAA,IACVhB,iBAAiBR,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIS,SAAS,UAAU;AAAA,IACrBO,UAAU;AAAA,IACVC,YAAYzB,MAAMC,OAAOyB;AAAAA,IACzBC,QAAQ;AAAA,IACRnB,iBAAiBR,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZmB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,UAAU;AAAA,IAAE,GAAGR;AAAAA,EAAK;AAC1B,IAAEE,QAAAC,IAAAC,aACH,eAAA,KAAA,6qFAAA;AAEM,MAAMe,YAAmB,wBAAA,MAAIjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCc,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZrB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGQ;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGZ;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGY;AAAAA,IACHiB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAG7B;AAAAA,IACH6B,QAAQ;AAAA,EACV;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6qFAAA;"}

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

@@ -1,8 +1,8 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import { FocusContext } from "../utils/FocusContext.js";
 import { SelectionContext } from "../utils/SelectionContext.js";
 import { MenuItemLi, MenuItemLink, MenuItemLabel } from "./MenuItem.styles.js";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import { HvMenuBar } from "../MenuBar/MenuBar.js";
 import { HvTypography } from "../../../Typography/Typography.js";
 import { isKeypress } from "../../../../utils/keyboardUtils/keyCheck.js";
@@ -32,7 +32,7 @@ const HvMenuItem = ({
     }
   };
   const handleFocus = (event) => {
-    dispatch({
+    dispatch == null ? void 0 : dispatch({
       type: "setItemFocused",
       itemFocused: event.currentTarget
     });
@@ -43,29 +43,11 @@ const HvMenuItem = ({
     tabIndex: 0,
     onFocus: handleFocus
   };
-  const label = /* @__PURE__ */ jsx(HvTypography, {
-    variant: isSelected ? "label" : "body",
-    children: item.label
-  });
-  return /* @__PURE__ */ jsxs(MenuItemLi, {
-    id,
-    $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem",
-    children: [(item == null ? void 0 : item.href) ? /* @__PURE__ */ jsx(MenuItemLink, {
-      href: item == null ? void 0 : item.href,
-      target: item == null ? void 0 : item.target,
-      ...itemProps,
-      children: label
-    }) : /* @__PURE__ */ jsx(MenuItemLabel, {
-      role: "button",
-      ...itemProps,
-      $isSelected: isSelected,
-      children: label
-    }), hasSubLevel && /* @__PURE__ */ jsx(HvMenuBar, {
-      data,
-      onClick,
-      type: "menu"
-    })]
-  }, item.label);
+  const label = /* @__PURE__ */ jsx(HvTypography, { variant: isSelected ? "label" : "body", children: item.label });
+  return /* @__PURE__ */ jsxs(MenuItemLi, { id, $selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem", children: [
+    (item == null ? void 0 : item.href) ? /* @__PURE__ */ jsx(MenuItemLink, { href: item == null ? void 0 : item.href, target: item == null ? void 0 : item.target, ...itemProps, children: label }) : /* @__PURE__ */ jsx(MenuItemLabel, { role: "button", ...itemProps, $isSelected: isSelected, children: label }),
+    hasSubLevel && /* @__PURE__ */ jsx(HvMenuBar, { data, onClick, type: "menu" })
+  ] }, item.label);
 };
 export {
   HvMenuItem

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 { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  // @ts-ignore\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n      {item.label}\n    </HvTypography>\n  );\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {item?.href ? (\n        <MenuItemLink href={item?.href} target={item?.target} {...itemProps}>\n          {label}\n        </MenuItemLink>\n      ) : (\n        <MenuItemLabel role=\"button\" {...itemProps} $isSelected={isSelected}>\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","tabIndex","onFocus","label","HvTypography","variant","children","MenuItemLi","$selected","href","MenuItemLink","target","_jsx","MenuItemLabel","role","$isSelected","HvMenuBar"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAE3C,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,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAElE,QAAMc,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMb,SAAS,WACfc,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMb,SAAS,SAAS;AAC1Ba,cAAMK,cAAcC;MACtB;AACAlB,yCAAUY,OAAOd;AAAAA,IACnB;AAAA,EAAA;AAGF,QAAMqB,cAAeP,CAAU,UAAA;AACpB,aAAA;AAAA,MAAEb,MAAM;AAAA,MAAkBqB,aAAaR,MAAMK;AAAAA,IAAAA,CAAe;AAAA,EAAA;AAGvE,QAAMI,YAAY;AAAA,IAChBrB,SAASW;AAAAA,IACTW,WAAWX;AAAAA,IACXY,UAAU;AAAA,IACVC,SAASL;AAAAA,EAAAA;AAGLM,QAAAA,4BACHC,cAAY;AAAA,IAACC,SAASjB,aAAa,UAAU;AAAA,IAAOkB,UAClD9B,KAAK2B;AAAAA,EAAAA,CAET;AAED,8BACGI,YAAU;AAAA,IACThC;AAAAA,IAEAiC,WAAW,CAACrB,UAAUC,aAAa,iBAAiB;AAAA,IAAkBkB,YAErE9B,6BAAMiC,4BACJC,cAAY;AAAA,MAACD,MAAMjC,6BAAMiC;AAAAA,MAAME,QAAQnC,6BAAMmC;AAAAA,MAAO,GAAKZ;AAAAA,MAASO,UAChEH;AAAAA,IAAAA,CACY,IAEfS,oBAACC,eAAa;AAAA,MAACC,MAAK;AAAA,MAAQ,GAAKf;AAAAA,MAAWgB,aAAa3B;AAAAA,MAAWkB,UACjEH;AAAAA,IAAAA,CAAK,GAGTlB,eAAe2B,oBAACI,WAAS;AAAA,MAAChC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GAZlED,KAAK2B,KAAK;AAerB;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n      {item.label}\n    </HvTypography>\n  );\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {item?.href ? (\n        <MenuItemLink href={item?.href} target={item?.target} {...itemProps}>\n          {label}\n        </MenuItemLink>\n      ) : (\n        <MenuItemLabel role=\"button\" {...itemProps} $isSelected={isSelected}>\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","tabIndex","onFocus","label","href","target"],"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,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAElE,QAAMc,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMb,SAAS,WACfc,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMb,SAAS,SAAS;AAC1Ba,cAAMK,cAAcC;MACtB;AACAlB,yCAAUY,OAAOd;AAAAA,IACnB;AAAA,EAAA;AAGIqB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEb,MAAM;AAAA,MAAkBqB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBrB,SAASW;AAAAA,IACTW,WAAWX;AAAAA,IACXY,UAAU;AAAA,IACVC,SAASL;AAAAA,EAAAA;AAGLM,QAAAA,4BACH,cAAa,EAAA,SAASf,aAAa,UAAU,QAC3CZ,eAAK2B,MACR,CAAA;AAIA,SAAA,qBAAC,cACC,IAEA,WAAW,CAAChB,UAAUC,aAAa,iBAAiB,mBAEnDZ,UAAAA;AAAAA,KAAM4B,6BAAAA,4BACJ,cAAa,EAAA,MAAM5B,6BAAM4B,MAAM,QAAQ5B,6BAAM6B,QAAYN,GAAAA,WACvDI,UACH,MAAA,CAAA,wBAEC,eAAc,EAAA,MAAK,UAAS,GAAIJ,WAAW,aAAaX,YACtDe,UACH,MAAA,CAAA;AAAA,IAEDlB,eAAgB,oBAAA,WAAA,EAAU,MAAY,SAAkB,MAAK,QAAS;AAAA,EAAA,KAZlET,KAAK2B,KAaZ;AAEJ;"}

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

@@ -16,7 +16,7 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const hoverColor = theme.colors.atmo3;
+const hoverColor = theme.header.hoverColor;
 const MenuItemLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu2"
 }, transientOptions) : _extends({}, {
@@ -51,7 +51,7 @@ const MenuItemLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "produ
     paddingTop: theme.header.selectedItemBorderBottomThickness,
     height: `calc(100% - 4px)`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5hdG1vMztcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgaG92ZXJDb2xvciA9IHRoZW1lLmhlYWRlci5ob3ZlckNvbG9yO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCB9OiB7ICRzZWxlY3RlZD86IHN0cmluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgfSxcbiAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgXCImID4gZGl2ID4gcFwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICAgIH0sXG4gIH0pLFxuICAuLi4oJHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBgY2FsYygxMDAlIC0gNHB4KWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MYWJlbCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaXNTZWxlY3RlZCB9OiB7ICRpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbiAgLi4uKCRpc1NlbGVjdGVkICYmIHtcbiAgICBcIiYgcFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
 const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1elbhu1"
 }, transientOptions) : _extends({}, {
@@ -81,7 +81,7 @@ const MenuItemLabel = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
       color: theme.header.color
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBwXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
 const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "production" ? {
   target: "e1elbhu0"
 } : {
@@ -103,7 +103,7 @@ const MenuItemLink = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "prod
   "&:focus-visible": {
     ...outlineStyles
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJHNlbGVjdGVkID09PSBcInNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IsXG4gICAgfSxcbiAgfSksXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkIH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgIFwiJiBwXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5oZWFkZXIuaG92ZXJDb2xvcjtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGkgPSBzdHlsZWQoXG4gIFwibGlcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0ZWQgfTogeyAkc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIC4uLigkc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICB9LFxuICB9KSxcbiAgLi4uKCRzZWxlY3RlZCA9PT0gXCJub3RTZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgXCImIHBcIjogeyBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yIH0sXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKSh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxufSk7XG4iXX0= */");
 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 \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > p\": {\n      color: theme.header.color,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  ...($isSelected && {\n    \"& p\": { color: theme.header.color },\n  }),\n}));\n\nexport const MenuItemLink = styled(\"a\")({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  display: \"block\",\n  textDecoration: \"none\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n"],"names":["hoverColor","theme","colors","atmo3","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","header","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","MenuItemLink","textDecoration"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAMA,aAAaC,MAAMC,OAAOC;AAEnBC,MAAAA,qCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,SAAS;AAAA,EACT,WAAW;AAAA,IACT,uBAAuB;AAAA,MACrBC,iBAAiBd;AAAAA,IACnB;AAAA,IACA,kBAAkB;AAAA,MAChB,uBAAuB;AAAA,QACrBc,iBAAiBd;AAAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAIY,cAAc,kBAAkB;AAAA,IAClCG,WAAY,GAAEd,MAAMe,OAAOC,wCAAwChB,MAAMe,OAAOE;AAAAA,IAChFC,cAAe,GAAElB,MAAMe,OAAOI,2CAA2CnB,MAAMe,OAAOK;AAAAA,IACtFC,YAAYrB,MAAMe,OAAOI;AAAAA,IACzBG,QAAQ;AAAA,IACR,eAAe;AAAA,MACbC,OAAOvB,MAAMe,OAAOQ;AAAAA,IACtB;AAAA,EACF;AAAA,EACA,GAAIZ,cAAc,qBAAqB;AAAA,IACrCa,WAAWxB,MAAMe,OAAOC;AAAAA,IACxBS,cAAczB,MAAMe,OAAOI;AAAAA,IAC3BE,YAAYrB,MAAMe,OAAOI;AAAAA,IACzBG,QAAS;AAAA,EACX;AACF,IAAElB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+GAAA;AAEUoB,MAAAA,wCACX,OAAKtB,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,EAAEkB;AAAuC,OAAO;AAAA,EACjDC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE9B,MAAM+B,MAAMC,MAAMhC,MAAM+B,MAAME;AAAAA,EAC1CX,QAAQ;AAAA,EACRV,SAAS;AAAA,EACTsB,YAAY;AAAA,EACZ,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTtB,iBAAiBd;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGqC;AAAAA,EACL;AAAA,EACA,GAAIT,eAAe;AAAA,IACjB,OAAO;AAAA,MAAEJ,OAAOvB,MAAMe,OAAOQ;AAAAA,IAAM;AAAA,EACrC;AACF,IAAEnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+GAAA;AAEI,MAAM+B,eAAsB,wBAAA,KAAGjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCkB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE9B,MAAM+B,MAAMC,MAAMhC,MAAM+B,MAAME;AAAAA,EAC1CrB,SAAS;AAAA,EACT0B,gBAAgB;AAAA,EAChB,YAAY;AAAA,IACVH,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTtB,iBAAiBd;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGqC;AAAAA,EACL;AACF,GAAChC,QAAAC,IAAAC,aAAC,eAAA,KAAA,i+GAAA;"}
+{"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 \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nconst hoverColor = theme.header.hoverColor;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected }: { $selected?: string }) => ({\n  display: \"inline\",\n  \"&:hover\": {\n    \"& > [role='button']\": {\n      backgroundColor: hoverColor,\n    },\n    \"&:focus-within\": {\n      \"& > [role='button']\": {\n        backgroundColor: hoverColor,\n      },\n    },\n  },\n  ...($selected === \"selectedItem\" && {\n    borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n    borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: \"100%\",\n    \"& > div > p\": {\n      color: theme.header.color,\n    },\n  }),\n  ...($selected === \"notSelectedItem\" && {\n    marginTop: theme.header.selectedItemBorderTopThickness,\n    marginBottom: theme.header.selectedItemBorderBottomThickness,\n    paddingTop: theme.header.selectedItemBorderBottomThickness,\n    height: `calc(100% - 4px)`,\n  }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected }: { $isSelected?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n  ...($isSelected && {\n    \"& p\": { color: theme.header.color },\n  }),\n}));\n\nexport const MenuItemLink = styled(\"a\")({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  display: \"block\",\n  textDecoration: \"none\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n});\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","display","backgroundColor","borderTop","selectedItemBorderTopThickness","selectedItemBorderTopColor","borderBottom","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","paddingTop","height","color","marginTop","marginBottom","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","MenuItemLink","textDecoration"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAMA,aAAaC,MAAMC,OAAOF;AAEnBG,MAAAA,qCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,SAAS;AAAA,EACT,WAAW;AAAA,IACT,uBAAuB;AAAA,MACrBC,iBAAiBb;AAAAA,IACnB;AAAA,IACA,kBAAkB;AAAA,MAChB,uBAAuB;AAAA,QACrBa,iBAAiBb;AAAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAIW,cAAc,kBAAkB;AAAA,IAClCG,WAAY,GAAEb,MAAMC,OAAOa,wCAAwCd,MAAMC,OAAOc;AAAAA,IAChFC,cAAe,GAAEhB,MAAMC,OAAOgB,2CAA2CjB,MAAMC,OAAOiB;AAAAA,IACtFC,YAAYnB,MAAMC,OAAOgB;AAAAA,IACzBG,QAAQ;AAAA,IACR,eAAe;AAAA,MACbC,OAAOrB,MAAMC,OAAOoB;AAAAA,IACtB;AAAA,EACF;AAAA,EACA,GAAIX,cAAc,qBAAqB;AAAA,IACrCY,WAAWtB,MAAMC,OAAOa;AAAAA,IACxBS,cAAcvB,MAAMC,OAAOgB;AAAAA,IAC3BE,YAAYnB,MAAMC,OAAOgB;AAAAA,IACzBG,QAAS;AAAA,EACX;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+GAAA;AAEUmB,MAAAA,wCACX,OAAKrB,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,EAAEiB;AAAuC,OAAO;AAAA,EACjDC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE5B,MAAM6B,MAAMC,MAAM9B,MAAM6B,MAAME;AAAAA,EAC1CX,QAAQ;AAAA,EACRT,SAAS;AAAA,EACTqB,YAAY;AAAA,EACZ,YAAY;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTrB,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGmC;AAAAA,EACL;AAAA,EACA,GAAIT,eAAe;AAAA,IACjB,OAAO;AAAA,MAAEJ,OAAOrB,MAAMC,OAAOoB;AAAAA,IAAM;AAAA,EACrC;AACF,IAAElB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+GAAA;AAEI,MAAM8B,eAAsB,wBAAA,KAAGhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCiB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE5B,MAAM6B,MAAMC,MAAM9B,MAAM6B,MAAME;AAAAA,EAC1CpB,SAAS;AAAA,EACTyB,gBAAgB;AAAA,EAChB,YAAY;AAAA,IACVH,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTrB,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGmC;AAAAA,EACL;AACF,GAAC/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+GAAA;"}

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

@@ -1,9 +1,9 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { clsx } from "clsx";
 import { StyledNav } from "./Navigation.styles.js";
 import { FocusProvider } from "./utils/FocusContext.js";
 import { SelectionContext } from "./utils/SelectionContext.js";
 import headerNavigationClasses from "./navigationClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { useSelectionPath } from "../../../hooks/useSelectionPath.js";
 import { HvMenuBar } from "./MenuBar/MenuBar.js";
 const HvNavigation = ({
@@ -11,25 +11,14 @@ const HvNavigation = ({
   selected,
   onClick,
   className,
-  classes = {}
+  classes,
+  ...others
 }) => {
   const selectionPath = useSelectionPath(data, selected);
   const handleClick = (event, selection) => {
     onClick == null ? void 0 : onClick(event, selection);
   };
-  return /* @__PURE__ */ jsx(SelectionContext.Provider, {
-    value: selectionPath,
-    children: /* @__PURE__ */ jsx(FocusProvider, {
-      children: /* @__PURE__ */ jsx(StyledNav, {
-        className: clsx(className, headerNavigationClasses.root, classes == null ? void 0 : classes.root),
-        children: /* @__PURE__ */ jsx(HvMenuBar, {
-          data,
-          type: "menubar",
-          onClick: handleClick
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: selectionPath, children: /* @__PURE__ */ jsx(FocusProvider, { children: /* @__PURE__ */ jsx(StyledNav, { className: clsx(className, headerNavigationClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(HvMenuBar, { data, type: "menubar", onClick: handleClick }) }) }) });
 };
 export {
   HvNavigation

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 \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  data: HvNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes = {},\n}: HvNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","selectionPath","useSelectionPath","handleClick","event","selection","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU,CAAC;AACM,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAiBN,MAAMC,QAAQ;AAE/CM,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCP,uCAAUM,OAAOC;AAAAA,EAAS;AAI1BC,SAAAA,oBAACC,iBAAiBC,UAAQ;AAAA,IAACC,OAAOR;AAAAA,IAAcS,8BAC7CC,eAAa;AAAA,MAAAD,8BACXE,WAAS;AAAA,QACRb,WAAWc,KACTd,WACAe,wBAAwBC,MACxBf,mCAASe,IAAI;AAAA,QACbL,8BAEDM,WAAS;AAAA,UAACpB;AAAAA,UAAYqB,MAAK;AAAA,UAAUnB,SAASK;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  data: HvNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  ...others\n}: HvNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","headerNavigationClasses","root"],"mappings":";;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAiBP,MAAMC,QAAQ;AAE/CO,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCR,uCAAUO,OAAOC;AAAAA,EAAS;AAG5B,SACG,oBAAA,iBAAiB,UAAjB,EAA0B,OAAOJ,eAChC,UAAC,oBAAA,eAAA,EACC,UAAC,oBAAA,WAAA,EACC,WAAWK,KACTR,WACAS,wBAAwBC,MACxBT,mCAASS,IAAI,GAEXR,GAAAA,QAEJ,UAAC,oBAAA,WAAA,EAAU,MAAY,MAAK,WAAU,SAASG,YAAY,CAAA,EAAA,CAC7D,GACF,EACF,CAAA;AAEJ;"}

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

@@ -1,5 +1,5 @@
-import { createContext, useReducer, useMemo } from "react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useReducer, useMemo } from "react";
 const reducer = (state, action) => {
   switch (action.type) {
     case "setItemFocused":
@@ -11,7 +11,8 @@ const reducer = (state, action) => {
   }
 };
 const initialState = {
-  itemFocused: null
+  itemFocused: void 0,
+  dispatch: void 0
 };
 const FocusContext = createContext(initialState);
 const FocusProvider = (props) => {
@@ -23,10 +24,7 @@ const FocusProvider = (props) => {
   const {
     children
   } = props;
-  return /* @__PURE__ */ jsx(FocusContext.Provider, {
-    value: contextValue,
-    children
-  });
+  return /* @__PURE__ */ jsx(FocusContext.Provider, { value: contextValue, children });
 };
 export {
   FocusContext,

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 { createContext, useMemo, useReducer } from \"react\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\n\nexport const FocusContext = createContext(initialState);\n\nexport const FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(\n    () => ({ ...state, dispatch }),\n    [state, dispatch]\n  );\n  const { children } = props;\n\n  return (\n    <FocusContext.Provider value={contextValue}>\n      {children}\n    </FocusContext.Provider>\n  );\n};\n"],"names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","dispatch","useReducer","contextValue","useMemo","children","_jsx","Provider","value"],"mappings":";;AAEA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,UAAQA,OAAOC,MAAI;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QAAEC,aAAaF,OAAOE;AAAAA,MAAAA;AAAAA,IAC/B;AACSH,aAAAA;AAAAA,EAAM;AAEnB;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAa;AAAK;AAE5BE,MAAAA,eAAeC,cAAcF,YAAY;AAE/C,MAAMG,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACR,OAAOS,QAAQ,IAAIC,WAAWX,SAASK,YAAY;AACpDO,QAAAA,eAAeC,QACnB,OAAO;AAAA,IAAE,GAAGZ;AAAAA,IAAOS;AAAAA,EACnB,IAAA,CAACT,OAAOS,QAAQ,CAAC;AAEb,QAAA;AAAA,IAAEI;AAAAA,EAAaL,IAAAA;AAGnBM,SAAAA,oBAACT,aAAaU,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\ntype SetItemFocused = {\n  type: \"setItemFocused\";\n  itemFocused: EventTarget & Element;\n};\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: undefined, dispatch: undefined };\n\nexport const FocusContext = createContext<{\n  itemFocused?: EventTarget & Element;\n  dispatch?: React.Dispatch<SetItemFocused>;\n}>(initialState);\n\nexport const FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(\n    () => ({ ...state, dispatch }),\n    [state, dispatch]\n  );\n  const { children } = props;\n\n  return (\n    <FocusContext.Provider value={contextValue}>\n      {children}\n    </FocusContext.Provider>\n  );\n};\n"],"names":["reducer","state","action","type","itemFocused","initialState","undefined","dispatch","FocusContext","createContext","FocusProvider","props","useReducer","contextValue","useMemo","children"],"mappings":";;AAOA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,UAAQA,OAAOC,MAAI;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QAAEC,aAAaF,OAAOE;AAAAA,MAAAA;AAAAA,IAC/B;AACSH,aAAAA;AAAAA,EAAM;AAEnB;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAaE;AAAAA,EAAWC,UAAUD;AAAU;AAEtDE,MAAAA,eAAeC,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;AAErB,6BACG,aAAa,UAAb,EAAsB,OAAOE,cAC3BE,SACH,CAAA;AAEJ;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "header", "backgroundColor"];
+const headerClasses = getClasses(classKeys, "HvHeader");
+const headerClasses$1 = headerClasses;
+export {
+  headerClasses$1 as default
+};
+//# sourceMappingURL=headerClasses.js.map

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

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