@hitachivantara/uikit-react-core 5.24.0 → 5.24.1

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

@@ -1,25 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../../../utils/transientOptions.cjs");
-const menuBarClasses = require("./menuBarClasses.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+const classes = require("../../../../utils/classes.cjs");
 const show = {
   top: `calc(${uikitStyles.theme.header.height} - ${uikitStyles.theme.header.borderTopThickness})`,
   transition: ["top"],
@@ -33,27 +15,19 @@ const hide = {
   boxShadow: "none",
   transitionDuration: "300ms"
 };
-const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1e3i9c01"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1e3i9c01",
-  label: "MenuBarRoot"
-}, transientOptions.transientOptions))(({
-  $type,
-  $hidden,
-  $active
-}) => ({
-  left: 0,
-  width: "100%",
-  height: "100%",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  ...$type === "menubar" && {
-    position: "relative",
-    backgroundColor: uikitStyles.theme.header.backgroundColor
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvHeader-MenuBar", {
+  root: {
+    left: 0,
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
   },
-  ...$type === "menu" && {
+  menu: {
     position: "absolute",
     zIndex: -2,
     height: uikitStyles.theme.header.secondLevelHeight,
@@ -62,40 +36,38 @@ const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.
       marginTop: 0
     }
   },
-  ...$hidden && {
-    ...hide
+  menubar: {
+    position: "relative",
+    backgroundColor: uikitStyles.theme.header.backgroundColor
   },
-  ...$active && {
-    ...show
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgaGVhZGVyTWVudUJhckNsYXNzZXMgZnJvbSBcIi4vbWVudUJhckNsYXNzZXNcIjtcblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkaGlkZGVuLFxuICAgICRhY3RpdmUsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRoaWRkZW4/OiBib29sZWFuO1xuICAgICRhY3RpdmU/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4oJHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBcIiYgbGkgPiBkaXZcIjoge1xuICAgICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oJGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
-const MenuBarUl = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1e3i9c00"
-} : {
-  target: "e1e3i9c00",
-  label: "MenuBarUl"
-})({
-  margin: 0,
-  padding: 0,
-  display: "inherit",
-  alignItems: "center",
-  height: "100%",
-  [`&:hover .${menuBarClasses.default.active}`]: {
+  hidden: {
     ...hide
   },
-  [`& li:hover > .${menuBarClasses.default.hidden}`]: {
+  active: {
     ...show
   },
-  [`&:focus-within .${menuBarClasses.default.active}`]: {
-    ...hide,
-    zIndex: -2
-  },
-  [`& li:focus-within > .${menuBarClasses.default.hidden}`]: {
-    ...show,
-    zIndex: -1
+  list: {
+    margin: 0,
+    padding: 0,
+    display: "inherit",
+    alignItems: "center",
+    height: "100%",
+    "&:hover $active": {
+      ...hide
+    },
+    "& li:hover > $hidden": {
+      ...show
+    },
+    "&:focus-within $active": {
+      ...hide,
+      zIndex: -2
+    },
+    "& li:focus-within > $hidden": {
+      ...show,
+      zIndex: -1
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RHlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9CYXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgaGVhZGVyTWVudUJhckNsYXNzZXMgZnJvbSBcIi4vbWVudUJhckNsYXNzZXNcIjtcblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yLFxufTtcblxuZXhwb3J0IGNvbnN0IGhpZGUgPSB7XG4gIHRvcDogMCxcbiAgdHJhbnNpdGlvbjogW1widG9wXCJdLFxuICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IFwiMzAwbXNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51QmFyUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkaGlkZGVuLFxuICAgICRhY3RpdmUsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRoaWRkZW4/OiBib29sZWFuO1xuICAgICRhY3RpdmU/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4oJHR5cGUgPT09IFwibWVudWJhclwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCR0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgekluZGV4OiAtMixcbiAgICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBcIiYgbGkgPiBkaXZcIjoge1xuICAgICAgICBtYXJnaW5Ub3A6IDAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkaGlkZGVuICYmIHsgLi4uaGlkZSB9KSxcbiAgICAuLi4oJGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBbYCY6aG92ZXIgLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuYWN0aXZlfWBdOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgW2AmIGxpOmhvdmVyID4gLiR7aGVhZGVyTWVudUJhckNsYXNzZXMuaGlkZGVufWBdOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBbYCY6Zm9jdXMtd2l0aGluIC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmFjdGl2ZX1gXToge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgW2AmIGxpOmZvY3VzLXdpdGhpbiA+IC4ke2hlYWRlck1lbnVCYXJDbGFzc2VzLmhpZGRlbn1gXToge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
-exports.MenuBarRoot = MenuBarRoot;
-exports.MenuBarUl = MenuBarUl;
-exports.hide = hide;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Bar.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport headerMenuBarClasses from \"./menuBarClasses\";\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n  backgroundColor: theme.header.secondLevelBackgroundColor,\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $type,\n    $hidden,\n    $active,\n  }: {\n    $type: string;\n    $hidden?: boolean;\n    $active?: boolean;\n  }) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...($type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.header.backgroundColor,\n    }),\n    ...($type === \"menu\" && {\n      position: \"absolute\",\n      zIndex: -2,\n      height: theme.header.secondLevelHeight,\n      backgroundColor: theme.header.secondLevelBackgroundColor,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...($hidden && { ...hide }),\n    ...($active && { ...show }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  [`&:hover .${headerMenuBarClasses.active}`]: {\n    ...hide,\n  },\n  [`& li:hover > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n  },\n\n  [`&:focus-within .${headerMenuBarClasses.active}`]: {\n    ...hide,\n    zIndex: -2,\n  },\n  [`& li:focus-within > .${headerMenuBarClasses.hidden}`]: {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","MenuBarRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$hidden","$active","left","width","display","justifyContent","alignItems","position","zIndex","secondLevelHeight","marginTop","MenuBarUl","_styled","margin","padding","headerMenuBarClasses","active","hidden"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAAA,MAAMC,OAAOC,YAAYF,kBAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAChC;AAEO,MAAMC,OAAO;AAAA,EAClBX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEaI,MAAAA,uDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPrB,QAAQ;AAAA,EACRsB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,UAAU,aAAa;AAAA,IACzBQ,UAAU;AAAA,IACVnB,iBAAiBR,YAAAA,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACA,GAAIW,UAAU,UAAU;AAAA,IACtBQ,UAAU;AAAA,IACVC,QAAQ;AAAA,IACR1B,QAAQF,YAAAA,MAAMC,OAAO4B;AAAAA,IACrBrB,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZqB,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIV,WAAW;AAAA,IAAE,GAAGV;AAAAA,EAAK;AAAA,EACzB,GAAIW,WAAW;AAAA,IAAE,GAAGvB;AAAAA,EAAK;AAC3B,IAAEc,QAAAC,IAAAC,0hGACJ;AAEO,MAAMiB,YAAmBC,iCAAA,QAAA,MAAIpB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCe,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTV,SAAS;AAAA,EACTE,YAAY;AAAA,EACZxB,QAAQ;AAAA,EACR,CAAE,YAAWiC,uBAAqBC,QAAQ,GAAG;AAAA,IAC3C,GAAG1B;AAAAA,EACL;AAAA,EACA,CAAE,iBAAgByB,uBAAqBE,QAAQ,GAAG;AAAA,IAChD,GAAGvC;AAAAA,EACL;AAAA,EAEA,CAAE,mBAAkBqC,uBAAqBC,QAAQ,GAAG;AAAA,IAClD,GAAG1B;AAAAA,IACHkB,QAAQ;AAAA,EACV;AAAA,EACA,CAAE,wBAAuBO,uBAAqBE,QAAQ,GAAG;AAAA,IACvD,GAAGvC;AAAAA,IACH8B,QAAQ;AAAA,EACV;AACF,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y/FAAA;;;;"}
+{"version":3,"file":"Bar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/Bar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\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\nconst hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\"HvHeader-MenuBar\", {\n  root: {\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  menu: {\n    position: \"absolute\",\n    zIndex: -2,\n    height: theme.header.secondLevelHeight,\n    backgroundColor: theme.header.secondLevelBackgroundColor,\n    \"& li > div\": {\n      marginTop: 0,\n    },\n  },\n  menubar: {\n    position: \"relative\",\n    backgroundColor: theme.header.backgroundColor,\n  },\n  hidden: { ...hide },\n  active: { ...show },\n  list: {\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});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","backgroundColor","secondLevelBackgroundColor","hide","staticClasses","useClasses","createClasses","root","left","width","display","justifyContent","alignItems","menu","position","zIndex","secondLevelHeight","marginTop","menubar","hidden","active","list","margin","padding"],"mappings":";;;;AAIA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAAA,MAAMC,OAAOC,YAAYF,kBAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AAAA,EACpBC,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAChC;AAEA,MAAMC,OAAO;AAAA,EACXX,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEa,MAAA;AAAA,EAAEI;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPd,QAAQ;AAAA,IACRe,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRpB,QAAQF,YAAAA,MAAMC,OAAOsB;AAAAA,IACrBf,iBAAiBR,YAAAA,MAAMC,OAAOQ;AAAAA,IAC9B,cAAc;AAAA,MACZe,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVb,iBAAiBR,YAAAA,MAAMC,OAAOO;AAAAA,EAChC;AAAA,EACAkB,QAAQ;AAAA,IAAE,GAAGhB;AAAAA,EAAK;AAAA,EAClBiB,QAAQ;AAAA,IAAE,GAAG7B;AAAAA,EAAK;AAAA,EAClB8B,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTb,SAAS;AAAA,IACTE,YAAY;AAAA,IACZjB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGQ;AAAAA,IACL;AAAA,IACA,wBAAwB;AAAA,MACtB,GAAGZ;AAAAA,IACL;AAAA,IAEA,0BAA0B;AAAA,MACxB,GAAGY;AAAAA,MACHY,QAAQ;AAAA,IACV;AAAA,IACA,+BAA+B;AAAA,MAC7B,GAAGxB;AAAAA,MACHwB,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;;;"}

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

@@ -38,8 +38,14 @@ const HvHeaderMenuItem = ({
   type,
   onClick,
   levels,
-  currentLevel
+  currentLevel,
+  classes: classesProp,
+  className
 }) => {
+  const {
+    classes,
+    cx
+  } = MenuItem_styles.useClasses(classesProp);
   const selectionPath = React.useContext(SelectionContext.SelectionContext);
   const {
     dispatch
@@ -86,27 +92,28 @@ const HvHeaderMenuItem = ({
     itemHref = href;
     itemTarget = target;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(MenuItem_styles.MenuItemLi, {
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", {
     id,
-    $selected: !!isSelected,
-    $isMenu: isMenu,
-    children: [itemHref ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLink, {
+    className: cx(classes.root, {
+      [classes.menu]: isMenu,
+      [classes.menubar]: !isMenu,
+      [classes.selected]: !!isSelected
+    }, className),
+    children: [itemHref ? /* @__PURE__ */ jsxRuntime.jsx("a", {
+      className: classes.link,
       href: itemHref,
       target: itemTarget,
       ...itemProps,
-      $isSelected: isSelected,
-      $isMenu: isMenu,
       "aria-current": isCurrent,
       children: label
     }) : (
       // keeping this code path for backwards compatibility, but
       // shouldn't really be used as it's not accessible
-      /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLabel, {
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.button,
         role: "button",
         ...itemProps,
         tabIndex: 0,
-        $isSelected: isSelected,
-        $isMenu: isMenu,
         "aria-current": isCurrent,
         children: label
       })
@@ -123,5 +130,6 @@ const HvHeaderMenuItem = ({
     })]
   }, item.label);
 };
+exports.headerMenuItemClasses = MenuItem_styles.staticClasses;
 exports.HvHeaderMenuItem = HvHeaderMenuItem;
 //# sourceMappingURL=MenuItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\n\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\nimport { HvHeaderNavigationItemProp } from \"../useSelectionPath\";\nimport { Bar } from \"../MenuBar/Bar\";\n\nexport interface HvHeaderMenuItemProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  levels: number;\n  currentLevel: number;\n}\n\n// Traverse the tree of items and return the first href it finds\nconst traverseItem = (node: HvHeaderNavigationItemProp) => {\n  let href;\n  let target;\n\n  if (node?.href) {\n    href = node?.href;\n    target = node?.target;\n  } else if (node?.data != null && node?.data?.length > 0) {\n    let i = 0;\n    while (href == null && i < node.data.length) {\n      const childNavItem = traverseItem(node?.data[i]);\n      if (childNavItem?.href != null) {\n        href = childNavItem?.href;\n        target = childNavItem?.target;\n        break;\n      }\n\n      i += 1;\n    }\n  }\n\n  return { href, target };\n};\n\nexport const HvHeaderMenuItem = ({\n  id,\n  item,\n  type,\n  onClick,\n  levels,\n  currentLevel,\n}: HvHeaderMenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event: any) => {\n    if (\n      event.type === \"click\" ||\n      isKey(event, \"Enter\") ||\n      isKey(event, \"Space\")\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n\n  // apps should configure the href even on parent items without content\n  // so the fallback logic is theirs, but if not we'll do our best to find a link\n  if (item?.href == null) {\n    const { href, target } = traverseItem(item);\n    itemHref = href;\n    itemTarget = target;\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && currentLevel < levels && (\n        <Bar data={data} type=\"menu\">\n          {data.map((itm: HvHeaderNavigationItemProp) => (\n            <HvHeaderMenuItem\n              key={itm.id}\n              item={itm}\n              type=\"menu\"\n              onClick={onClick}\n              levels={levels}\n              currentLevel={currentLevel + 1}\n            />\n          ))}\n        </Bar>\n      )}\n    </MenuItemLi>\n  );\n};\n"],"names":["traverseItem","node","href","target","data","length","i","childNavItem","HvHeaderMenuItem","id","item","type","onClick","levels","currentLevel","selectionPath","useContext","SelectionContext","dispatch","FocusContext","hasSubLevel","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKey","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","itemTarget","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","Bar","map","itm"],"mappings":"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"}
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { MouseEvent, useContext } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { useClasses, staticClasses } from \"./MenuItem.styles\";\nimport { HvHeaderNavigationItemProp } from \"../useSelectionPath\";\nimport { Bar } from \"../MenuBar/Bar\";\n\nexport { staticClasses as headerMenuItemClasses };\n\nexport type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvHeaderMenuItemProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  levels: number;\n  currentLevel: number;\n  classes?: HvHeaderMenuItemClasses;\n}\n\n// Traverse the tree of items and return the first href it finds\nconst traverseItem = (node: HvHeaderNavigationItemProp) => {\n  let href;\n  let target;\n\n  if (node?.href) {\n    href = node?.href;\n    target = node?.target;\n  } else if (node?.data != null && node?.data?.length > 0) {\n    let i = 0;\n    while (href == null && i < node.data.length) {\n      const childNavItem = traverseItem(node?.data[i]);\n      if (childNavItem?.href != null) {\n        href = childNavItem?.href;\n        target = childNavItem?.target;\n        break;\n      }\n\n      i += 1;\n    }\n  }\n\n  return { href, target };\n};\n\nexport const HvHeaderMenuItem = ({\n  id,\n  item,\n  type,\n  onClick,\n  levels,\n  currentLevel,\n  classes: classesProp,\n  className,\n}: HvHeaderMenuItemProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\n\n  const actionHandler = (event: any) => {\n    if (\n      event.type === \"click\" ||\n      isKey(event, \"Enter\") ||\n      isKey(event, \"Space\")\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n\n  // apps should configure the href even on parent items without content\n  // so the fallback logic is theirs, but if not we'll do our best to find a link\n  if (item?.href == null) {\n    const { href, target } = traverseItem(item);\n    itemHref = href;\n    itemTarget = target;\n  }\n\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={cx(\n        classes.root,\n        {\n          [classes.menu]: isMenu,\n          [classes.menubar]: !isMenu,\n          [classes.selected]: !!isSelected,\n        },\n        className\n      )}\n    >\n      {itemHref ? (\n        <a\n          className={classes.link}\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          aria-current={isCurrent}\n        >\n          {label}\n        </a>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <div\n          className={classes.button}\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          aria-current={isCurrent}\n        >\n          {label}\n        </div>\n      )}\n      {hasSubLevel && currentLevel < levels && (\n        <Bar data={data} type=\"menu\">\n          {data.map((itm: HvHeaderNavigationItemProp) => (\n            <HvHeaderMenuItem\n              key={itm.id}\n              item={itm}\n              type=\"menu\"\n              onClick={onClick}\n              levels={levels}\n              currentLevel={currentLevel + 1}\n            />\n          ))}\n        </Bar>\n      )}\n    </li>\n  );\n};\n"],"names":["traverseItem","node","href","target","data","length","i","childNavItem","HvHeaderMenuItem","id","item","type","onClick","levels","currentLevel","classes","classesProp","className","cx","useClasses","selectionPath","useContext","SelectionContext","dispatch","FocusContext","hasSubLevel","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKey","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","itemTarget","root","menu","menubar","selected","_jsx","link","button","role","tabIndex","Bar","map","itm"],"mappings":"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"}

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

@@ -1,101 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const focusUtils = require("../../../../utils/focusUtils.cjs");
-const transientOptions = require("../../../../utils/transientOptions.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const {
-  hoverColor
-} = uikitStyles.theme.header;
-const MenuItemLi = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1elbhu2"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1elbhu2",
-  label: "MenuItemLi"
-}, transientOptions.transientOptions))(({
-  $selected,
-  $isMenu
-}) => ({
-  display: "inline",
-  "& span": {
-    color: uikitStyles.theme.header.color
-  },
-  "&:hover": {
-    backgroundColor: hoverColor
-  },
-  "&:focus-within": {
-    backgroundColor: hoverColor
-  },
-  ...$selected && $isMenu && {
-    borderTop: `${uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness} solid ${uikitStyles.theme.header.secondLevelSelectedItemBorderTopColor}`,
-    borderBottom: `${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomColor}`,
-    paddingTop: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
-    height: "100%",
-    "&& > * > span": {
-      color: uikitStyles.theme.header.secondLevelSelectedItemColor
-    }
-  },
-  ...$selected && !$isMenu && {
-    borderTop: `${uikitStyles.theme.header.selectedItemBorderTopThickness} solid ${uikitStyles.theme.header.selectedItemBorderTopColor}`,
-    borderBottom: `${uikitStyles.theme.header.selectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.selectedItemBorderBottomColor}`,
-    paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
-    height: "100%",
-    "&& > * > span": {
-      color: uikitStyles.theme.header.selectedItemColor
-    }
-  },
-  ...!$selected && !$isMenu && {
-    marginTop: uikitStyles.theme.header.selectedItemBorderTopThickness,
-    paddingBottom: uikitStyles.theme.header.selectedItemBorderBottomThickness,
-    paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
-    height: "100%",
-    borderTop: `${uikitStyles.theme.header.selectedItemBorderTopThickness} solid ${uikitStyles.theme.header.backgroundColor}`,
-    borderBottom: `${uikitStyles.theme.header.selectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.backgroundColor}`
-  },
-  ...!$selected && $isMenu && {
-    marginTop: uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness,
-    paddingBottom: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
-    paddingTop: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
-    height: "100%",
-    borderTop: `${uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness} solid ${uikitStyles.theme.header.secondLevelBackgroundColor}`,
-    borderBottom: `${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.secondLevelBackgroundColor}`,
-    "&& > * > span": {
-      color: uikitStyles.theme.header.secondLevelItemColor
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuY29uc3QgeyBob3ZlckNvbG9yIH0gPSB0aGVtZS5oZWFkZXI7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFxuICBcImxpXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkLCAkaXNNZW51IH06IHsgJHNlbGVjdGVkOiBib29sZWFuOyAkaXNNZW51OiBib29sZWFuIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lXCIsXG4gIFwiJiBzcGFuXCI6IHtcbiAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICB9LFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYmID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAuLi4oJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYmID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAhJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3MsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJhY2tncm91bmRDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICB9KSxcbiAgLi4uKCEkc2VsZWN0ZWQgJiZcbiAgICAkaXNNZW51ICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsQmFja2dyb3VuZENvbG9yfWAsXG4gICAgICBcIiYmID4gKiA+IHNwYW5cIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGlzU2VsZWN0ZWQsICRpc01lbnUgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW47ICRpc01lbnU/OiBib29sZWFuIH0pID0+ICh7XG4gIGJvcmRlcjogXCJub25lXCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcblxuICBcIiYmIHNwYW5cIjoge1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmZ1bGwsXG4gICAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIC4uLighJGlzTWVudSAmJiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgICAgLi4uKCRpc01lbnUgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSksXG4gIH0sXG4gIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgY29udGVudDogXCJhdHRyKGRhdGEtdGV4dClcIixcbiAgICBoZWlnaHQ6IDAsXG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICBmb250V2VpZ2h0OiB0aGVtZS5mb250V2VpZ2h0cy5zZW1pYm9sZCxcblxuICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaW5rID0gc3R5bGVkKFwiYVwiKShcbiAgKHsgJGlzU2VsZWN0ZWQsICRpc01lbnUgfTogeyAkaXNTZWxlY3RlZD86IGJvb2xlYW47ICRpc01lbnU/OiBib29sZWFuIH0pID0+ICh7XG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLigkaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgPiBkaXYgPiBzcGFuXCI6IHtcbiAgICAgICAgLi4uKCEkaXNNZW51ICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICB9KSxcbiAgICAgICAgLi4uKCRpc01lbnUgJiYge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgIH0sXG4gICAgXCImIHNwYW46OmFmdGVyXCI6IHtcbiAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgICBoZWlnaHQ6IDAsXG4gICAgICB2aXNpYmlsaXR5OiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB1c2VyU2VsZWN0OiBcIm5vbmVcIixcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICAgIFwiQG1lZGlhIHNwZWVjaFwiOiB7XG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
-const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1elbhu1"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1elbhu1",
-  label: "MenuItemLabel"
-}, transientOptions.transientOptions))(({
-  $isSelected,
-  $isMenu
-}) => ({
+const classes = require("../../../../utils/classes.cjs");
+const item = {
   border: "none",
   cursor: "pointer",
   padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
   height: "100%",
   display: "flex",
   alignItems: "center",
-  color: "inherit",
   "&:active": {
     outline: "none"
   },
@@ -105,23 +19,11 @@ const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.en
   "&:focus-visible": {
     ...focusUtils.outlineStyles
   },
-  "&& span": {
+  "& span": {
     display: "inline-flex",
     flexDirection: "column",
     alignItems: "center",
-    justifyContent: "space-between",
-    ...$isSelected && {
-      borderRadius: uikitStyles.theme.radii.full,
-      padding: uikitStyles.theme.space.xs,
-      ...!$isMenu && {
-        color: uikitStyles.theme.header.selectedItemColor,
-        backgroundColor: uikitStyles.theme.header.selectedItemBackgroundColor
-      },
-      ...$isMenu && {
-        color: uikitStyles.theme.header.secondLevelSelectedItemColor,
-        backgroundColor: uikitStyles.theme.header.secondLevelSelectedItemBackgroundColor
-      }
-    }
+    justifyContent: "space-between"
   },
   "& span::after": {
     content: "attr(data-text)",
@@ -135,62 +37,83 @@ const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.en
       display: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yfWAsXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcn1gLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4oISRpc01lbnUgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7XG4gICAgICAgIC4uLighJGlzTWVudSAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgfSksXG4gICAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.NODE_ENV === "production" ? {
-  target: "e1elbhu0"
-} : {
-  target: "e1elbhu0",
-  label: "MenuItemLink"
-})(({
-  $isSelected,
-  $isMenu
-}) => ({
-  border: "none",
-  cursor: "pointer",
-  padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
-  height: "100%",
-  display: "flex",
-  alignItems: "center",
-  textDecoration: "none",
-  "&:active": {
-    outline: "none"
+};
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvHeader-MenuItem", {
+  root: {
+    display: "inline",
+    "& span": {
+      color: uikitStyles.theme.header.color
+    },
+    "&:hover": {
+      backgroundColor: uikitStyles.theme.header.hoverColor
+    },
+    "&:focus-within": {
+      backgroundColor: uikitStyles.theme.header.hoverColor
+    }
   },
-  "&:focus": {
-    outline: "none"
+  menu: {
+    marginTop: uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness,
+    paddingBottom: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
+    paddingTop: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
+    height: "100%",
+    borderTop: `${uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness} solid ${uikitStyles.theme.header.secondLevelBackgroundColor}`,
+    borderBottom: `${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.secondLevelBackgroundColor}`,
+    "&& > * > span": {
+      color: uikitStyles.theme.header.secondLevelItemColor,
+      padding: uikitStyles.theme.header.secondLevelItemPadding
+    }
   },
-  "&:focus-visible": {
-    ...focusUtils.outlineStyles
+  menubar: {
+    marginTop: uikitStyles.theme.header.selectedItemBorderTopThickness,
+    paddingBottom: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+    paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+    height: "100%",
+    borderTop: `${uikitStyles.theme.header.selectedItemBorderTopThickness} solid ${uikitStyles.theme.header.backgroundColor}`,
+    borderBottom: `${uikitStyles.theme.header.selectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.backgroundColor}`,
+    "& > * > span": {
+      padding: uikitStyles.theme.header.itemPadding
+    }
   },
-  ...$isSelected && {
-    "& > div > span": {
-      ...!$isMenu && {
-        color: uikitStyles.theme.header.selectedItemColor
-      },
-      ...$isMenu && {
-        color: uikitStyles.theme.header.secondLevelSelectedItemColor
+  selected: {
+    "&$menu": {
+      marginTop: 0,
+      paddingBottom: 0,
+      borderTop: `${uikitStyles.theme.header.secondLevelSelectedItemBorderTopThickness} solid ${uikitStyles.theme.header.secondLevelSelectedItemBorderTopColor}`,
+      borderBottom: `${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.secondLevelSelectedItemBorderBottomColor}`,
+      paddingTop: uikitStyles.theme.header.secondLevelSelectedItemBorderBottomThickness,
+      height: "100%",
+      "& > * > span": {
+        color: uikitStyles.theme.header.secondLevelSelectedItemColor,
+        backgroundColor: uikitStyles.theme.header.secondLevelSelectedItemBackgroundColor,
+        borderRadius: uikitStyles.theme.header.secondLevelSelectedItemBorderRadius
+      }
+    },
+    "&$menubar": {
+      marginTop: 0,
+      paddingBottom: 0,
+      borderTop: `${uikitStyles.theme.header.selectedItemBorderTopThickness} solid ${uikitStyles.theme.header.selectedItemBorderTopColor}`,
+      borderBottom: `${uikitStyles.theme.header.selectedItemBorderBottomThickness} solid ${uikitStyles.theme.header.selectedItemBorderBottomColor}`,
+      paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+      height: "100%",
+      "& > * > span": {
+        color: uikitStyles.theme.header.selectedItemColor,
+        backgroundColor: uikitStyles.theme.header.selectedItemBackgroundColor,
+        borderRadius: uikitStyles.theme.header.selectedItemBorderRadius
       }
     }
   },
-  "& span": {
-    display: "inline-flex",
-    flexDirection: "column",
-    alignItems: "center",
-    justifyContent: "space-between"
+  link: {
+    textDecoration: "none",
+    ...item
   },
-  "& span::after": {
-    content: "attr(data-text)",
-    height: 0,
-    visibility: "hidden",
-    overflow: "hidden",
-    userSelect: "none",
-    pointerEvents: "none",
-    fontWeight: uikitStyles.theme.fontWeights.semibold,
-    "@media speech": {
-      display: "none"
-    }
+  button: {
+    color: "inherit",
+    ...item
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SDRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmNvbnN0IHsgaG92ZXJDb2xvciB9ID0gdGhlbWUuaGVhZGVyO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcbiAgXCJsaVwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzZWxlY3RlZCwgJGlzTWVudSB9OiB7ICRzZWxlY3RlZDogYm9vbGVhbjsgJGlzTWVudTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZVwiLFxuICBcIiYgc3BhblwiOiB7XG4gICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgfSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gIH0sXG4gIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICRpc01lbnUgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxTZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgLi4uKCRzZWxlY3RlZCAmJlxuICAgICEkaXNNZW51ICYmIHtcbiAgICAgIGJvcmRlclRvcDogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tQ29sb3J9YCxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgISRpc01lbnUgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5iYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuYmFja2dyb3VuZENvbG9yfWAsXG4gICAgfSksXG4gIC4uLighJHNlbGVjdGVkICYmXG4gICAgJGlzTWVudSAmJiB7XG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzc30gc29saWQgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxCYWNrZ3JvdW5kQ29sb3J9YCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEJhY2tncm91bmRDb2xvcn1gLFxuICAgICAgXCImJiA+ICogPiBzcGFuXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEl0ZW1Db2xvcixcbiAgICAgIH0sXG4gICAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgY29sb3I6IFwiaW5oZXJpdFwiLFxuICBcIiY6YWN0aXZlXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG5cbiAgXCImJiBzcGFuXCI6IHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5mdWxsLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4oISRpc01lbnUgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1CYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmhlYWRlci5zZWNvbmRMZXZlbFNlbGVjdGVkSXRlbUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICB9LFxuICBcIiYgc3Bhbjo6YWZ0ZXJcIjoge1xuICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXRleHQpXCIsXG4gICAgaGVpZ2h0OiAwLFxuICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgZm9udFdlaWdodDogdGhlbWUuZm9udFdlaWdodHMuc2VtaWJvbGQsXG5cbiAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoXG4gICh7ICRpc1NlbGVjdGVkLCAkaXNNZW51IH06IHsgJGlzU2VsZWN0ZWQ/OiBib29sZWFuOyAkaXNNZW51PzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oJGlzU2VsZWN0ZWQgJiYge1xuICAgICAgXCImID4gZGl2ID4gc3BhblwiOiB7XG4gICAgICAgIC4uLighJGlzTWVudSAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Db2xvcixcbiAgICAgICAgfSksXG4gICAgICAgIC4uLigkaXNNZW51ICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLnNlY29uZExldmVsU2VsZWN0ZWRJdGVtQ29sb3IsXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICBcIiYgc3BhblwiOiB7XG4gICAgICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB9LFxuICAgIFwiJiBzcGFuOjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiBcImF0dHIoZGF0YS10ZXh0KVwiLFxuICAgICAgaGVpZ2h0OiAwLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdXNlclNlbGVjdDogXCJub25lXCIsXG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICAgIGZvbnRXZWlnaHQ6IHRoZW1lLmZvbnRXZWlnaHRzLnNlbWlib2xkLFxuXG4gICAgICBcIkBtZWRpYSBzcGVlY2hcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-exports.MenuItemLabel = MenuItemLabel;
-exports.MenuItemLi = MenuItemLi;
-exports.MenuItemLink = MenuItemLink;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=MenuItem.styles.cjs.map