@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const StyledAppBar = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "euwt7yw1"
+} : {
+  target: "euwt7yw1",
+  label: "StyledAppBar"
+})(({
+  position
+}) => ({
+  height: uikitStyles.theme.header.height,
+  backgroundColor: uikitStyles.theme.colors.atmo1,
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  boxSizing: "border-box",
+  flexShrink: 0,
+  zIndex: uikitStyles.theme.zIndices.banner,
+  color: uikitStyles.theme.colors.atmo1,
+  boxShadow: uikitStyles.theme.header.shadow,
+  borderTop: `${uikitStyles.theme.header.borderTopThickness} solid ${uikitStyles.theme.header.borderTopColor}`,
+  ...position === "fixed" && {
+    position: "fixed",
+    top: 0,
+    left: "auto",
+    right: 0
+  },
+  ...position === "relative" && {
+    position: "relative"
+  },
+  ...position === "absolute" && {
+    position: "absolute"
+  },
+  ...position === "static" && {
+    position: "static"
+  },
+  ...position === "sticky" && {
+    position: "sticky"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXBwQmFyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBwb3NpdGlvbiB9OiB7IHBvc2l0aW9uPzogc3RyaW5nIH0pID0+ICh7XG4gICAgaGVpZ2h0OiB0aGVtZS5oZWFkZXIuaGVpZ2h0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZmxleFNocmluazogMCxcbiAgICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLmJhbm5lcixcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLmJvcmRlclRvcENvbG9yfWAsXG5cbiAgICAuLi4ocG9zaXRpb24gPT09IFwiZml4ZWRcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogXCJhdXRvXCIsXG4gICAgICByaWdodDogMCxcbiAgICB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwicmVsYXRpdmVcIiAmJiB7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImFic29sdXRlXCIgJiYgeyBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJzdGF0aWNcIiAmJiB7IHBvc2l0aW9uOiBcInN0YXRpY1wiIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJzdGlja3lcIiAmJiB7IHBvc2l0aW9uOiBcInN0aWNreVwiIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IEhlYWRlclJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgXCImID4gKjpub3QobmF2KVwiOiB7XG4gICAgekluZGV4OiAyLFxuICB9LFxufSk7XG4iXX0= */");
+const HeaderRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "euwt7yw0"
+} : {
+  target: "euwt7yw0",
+  label: "HeaderRoot"
+})({
+  display: "flex",
+  alignItems: "center",
+  width: "100%",
+  height: "100%",
+  padding: `0 ${uikitStyles.theme.space.sm}`,
+  boxShadow: uikitStyles.theme.header.shadow,
+  "& > *:not(nav)": {
+    zIndex: 2
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgcG9zaXRpb24gfTogeyBwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BDb2xvcn1gLFxuXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IFwiYXV0b1wiLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInJlbGF0aXZlXCIgJiYgeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJhYnNvbHV0ZVwiICYmIHsgcG9zaXRpb246IFwiYWJzb2x1dGVcIiB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYgeyBwb3NpdGlvbjogXCJzdGlja3lcIiB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIFwiJiA+ICo6bm90KG5hdilcIjoge1xuICAgIHpJbmRleDogMixcbiAgfSxcbn0pO1xuIl19 */");
+exports.HeaderRoot = HeaderRoot;
+exports.StyledAppBar = StyledAppBar;
+//# sourceMappingURL=Header.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledAppBar = styled(\"div\")(\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);\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","_styled","process","env","NODE_ENV","target","label","position","height","theme","header","backgroundColor","colors","atmo1","display","flexDirection","width","boxSizing","flexShrink","zIndex","zIndices","banner","color","boxShadow","shadow","borderTop","borderTopThickness","borderTopColor","top","left","right","HeaderRoot","alignItems","padding","space","sm"],"mappings":";;;;;;AAGO,MAAMA,eAAsBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACtC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EACxCC,QAAQC,YAAAA,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,YAAAA,MAAMG,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQV,YAAAA,MAAMW,SAASC;AAAAA,EACvBC,OAAOb,YAAAA,MAAMG,OAAOC;AAAAA,EACpBU,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,YAAAA,MAAMC,OAAOgB,4BAA4BjB,kBAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,aAAa,WAAW;AAAA,IAC1BA,UAAU;AAAA,IACVqB,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACA,GAAIvB,aAAa,cAAc;AAAA,IAAEA,UAAU;AAAA,EAAW;AAAA,EACtD,GAAIA,aAAa,cAAc;AAAA,IAAEA,UAAU;AAAA,EAAW;AAAA,EACtD,GAAIA,aAAa,YAAY;AAAA,IAAEA,UAAU;AAAA,EAAS;AAAA,EAClD,GAAIA,aAAa,YAAY;AAAA,IAAEA,UAAU;AAAA,EAAS;AACpD,IAAEL,QAAAC,IAAAC,aACH,eAAA,KAAA,qlEAAA;AAEM,MAAM2B,aAAoB9B,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCQ,SAAS;AAAA,EACTkB,YAAY;AAAA,EACZhB,OAAO;AAAA,EACPR,QAAQ;AAAA,EACRyB,SAAU,KAAIxB,YAAAA,MAAMyB,MAAMC;AAAAA,EAC1BZ,WAAWd,YAAAA,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBL,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qlEAAA;;;"}

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const React = require("react");
+const SelectionContext = require("../utils/SelectionContext.cjs");
+const MenuBar_styles = require("./MenuBar.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MenuItem = require("../MenuItem/MenuItem.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvMenuBar = ({
+  id,
+  data = [],
+  onClick,
+  type = "menubar",
+  className
+}) => {
+  const selectionPath = React.useContext(SelectionContext.SelectionContext);
+  const isMenu = type === "menu";
+  const isActive = isMenu && data.filter((item) => item.id === (selectionPath == null ? void 0 : selectionPath[1])).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarRoot, {
+    className: clsx__default.default(className, isMenu && "hidden", isActive && "active"),
+    type,
+    hidden: isMenu,
+    active: isActive,
+    children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar_styles.MenuBarUl, {
+      id,
+      onFocus: () => {
+      },
+      children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem.HvMenuItem, {
+        item,
+        type,
+        onClick
+      }, item.id))
+    })
+  });
+};
+exports.HvMenuBar = HvMenuBar;
+//# sourceMappingURL=MenuBar.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp } from \"components\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { HvMenuItem } from \"../MenuItem\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuBarRoot, MenuBarUl } from \"./MenuBar.styles\";\n\nexport type HvMenuBarProps = HvBaseProps<\"div\", { onClick }> & {\n  data: HvHeaderNavigationItemProp[];\n  type: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuBar = ({\n  id,\n  data = [],\n  onClick,\n  type = \"menubar\",\n  className,\n}: HvMenuBarProps) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n\n  const isActive =\n    isMenu && data.filter((item) => item.id === selectionPath?.[1]).length > 0;\n\n  return (\n    <MenuBarRoot\n      className={clsx(className, isMenu && \"hidden\", isActive && \"active\")}\n      type={type}\n      hidden={isMenu}\n      active={isActive}\n    >\n      <MenuBarUl id={id} onFocus={() => {}}>\n        {data.map((item: HvHeaderNavigationItemProp) => (\n          <HvMenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </MenuBarUl>\n    </MenuBarRoot>\n  );\n};\n"],"names":["HvMenuBar","id","data","onClick","type","className","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","MenuBarRoot","clsx","hidden","active","children","MenuBarUl","onFocus","map","HvMenuItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC,OAAO,CAAE;AAAA,EACTC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACc,MAAM;AACdC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAEjD,QAAMC,SAASL,SAAS;AAElBM,QAAAA,WACJD,UAAUP,KAAKS,OAAQC,CAAAA,SAASA,KAAKX,QAAOK,+CAAgB,GAAE,EAAEO,SAAS;AAE3E,wCACGC,eAAAA,aAAW;AAAA,IACVT,WAAWU,cAAKV,QAAAA,WAAWI,UAAU,UAAUC,YAAY,QAAQ;AAAA,IACnEN;AAAAA,IACAY,QAAQP;AAAAA,IACRQ,QAAQP;AAAAA,IAASQ,yCAEhBC,0BAAS;AAAA,MAAClB;AAAAA,MAAQmB,SAASA,MAAM;AAAA,MAAC;AAAA,MAAEF,UAClChB,KAAKmB,IAAI,CAACT,wCACRU,SAAAA,YAAU;AAAA,QAAeV;AAAAA,QAAYR;AAAAA,QAAYD;AAAAA,MAAAA,GAAjCS,KAAKX,EAAE,CACzB;AAAA,IAAA,CAAC;AAAA,EAAA,CAEQ;AAElB;;"}

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const show = {
+  top: `calc(${uikitStyles.theme.header.height} - ${uikitStyles.theme.header.borderTopThickness})`,
+  transition: ["top"],
+  boxShadow: uikitStyles.theme.header.shadow,
+  transitionDuration: "500ms"
+};
+const hide = {
+  top: 0,
+  transition: ["top"],
+  boxShadow: "none",
+  transitionDuration: "300ms"
+};
+const MenuBarRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "etcfm7y1"
+} : {
+  target: "etcfm7y1",
+  label: "MenuBarRoot"
+})(({
+  type,
+  hidden,
+  active
+}) => ({
+  left: 0,
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  ...type === "menubar" && {
+    position: "relative",
+    backgroundColor: uikitStyles.theme.colors.atmo1
+  },
+  ...type === "menu" && {
+    position: "absolute",
+    paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+    zIndex: -2,
+    backgroundColor: uikitStyles.theme.colors.atmo2,
+    "& li > div": {
+      marginTop: 0
+    }
+  },
+  ...hidden && {
+    ...hide
+  },
+  ...active && {
+    ...show
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaGlkZSA9IHtcbiAgdG9wOiAwLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogXCJub25lXCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCIzMDBtc1wiLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVCYXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB0eXBlLCBoaWRkZW4sIGFjdGl2ZSB9OiBNZW51QmFyUm9vdFByb3BzKSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gICAgLi4uKGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+const MenuBarUl = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
+  target: "etcfm7y0"
+} : {
+  target: "etcfm7y0",
+  label: "MenuBarUl"
+})({
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUJhci9NZW51QmFyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL01lbnVCYXIvTWVudUJhci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTWVudUJhclJvb3RQcm9wcyB7XG4gIHR5cGU6IHN0cmluZztcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgYWN0aXZlPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvdyA9IHtcbiAgdG9wOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9IC0gJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSlgLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogdGhlbWUuaGVhZGVyLnNoYWRvdyxcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiBcIjUwMG1zXCIsXG59O1xuXG5leHBvcnQgY29uc3QgaGlkZSA9IHtcbiAgdG9wOiAwLFxuICB0cmFuc2l0aW9uOiBbXCJ0b3BcIl0sXG4gIGJveFNoYWRvdzogXCJub25lXCIsXG4gIHRyYW5zaXRpb25EdXJhdGlvbjogXCIzMDBtc1wiLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVCYXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB0eXBlLCBoaWRkZW4sIGFjdGl2ZSB9OiBNZW51QmFyUm9vdFByb3BzKSA9PiAoe1xuICAgIGxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odHlwZSA9PT0gXCJtZW51YmFyXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0pLFxuICAgIC4uLih0eXBlID09PSBcIm1lbnVcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHpJbmRleDogLTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgIFwiJiBsaSA+IGRpdlwiOiB7XG4gICAgICAgIG1hcmdpblRvcDogMCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKGhpZGRlbiAmJiB7IC4uLmhpZGUgfSksXG4gICAgLi4uKGFjdGl2ZSAmJiB7IC4uLnNob3cgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUJhclVsID0gc3R5bGVkKFwidWxcIikoe1xuICBtYXJnaW46IDAsXG4gIHBhZGRpbmc6IDAsXG4gIGRpc3BsYXk6IFwiaW5oZXJpdFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICBcIiY6aG92ZXIgLmFjdGl2ZVwiOiB7XG4gICAgLi4uaGlkZSxcbiAgfSxcbiAgXCImIGxpOmhvdmVyID4gLmhpZGRlblwiOiB7XG4gICAgLi4uc2hvdyxcbiAgfSxcblxuICBcIiY6Zm9jdXMtd2l0aGluIC5hY3RpdmVcIjoge1xuICAgIC4uLmhpZGUsXG4gICAgekluZGV4OiAtMixcbiAgfSxcbiAgXCImIGxpOmZvY3VzLXdpdGhpbiA+IC5oaWRkZW5cIjoge1xuICAgIC4uLnNob3csXG4gICAgekluZGV4OiAtMSxcbiAgfSxcbn0pO1xuIl19 */");
+exports.MenuBarRoot = MenuBarRoot;
+exports.MenuBarUl = MenuBarUl;
+exports.hide = hide;
+//# sourceMappingURL=MenuBar.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuBar/MenuBar.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface MenuBarRootProps {\n  type: string;\n  hidden?: boolean;\n  active?: boolean;\n}\n\nconst show = {\n  top: `calc(${theme.header.height} - ${theme.header.borderTopThickness})`,\n  transition: [\"top\"],\n  boxShadow: theme.header.shadow,\n  transitionDuration: \"500ms\",\n};\n\nexport const hide = {\n  top: 0,\n  transition: [\"top\"],\n  boxShadow: \"none\",\n  transitionDuration: \"300ms\",\n};\n\nexport const MenuBarRoot = styled(\"div\")(\n  ({ type, hidden, active }: MenuBarRootProps) => ({\n    left: 0,\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...(type === \"menubar\" && {\n      position: \"relative\",\n      backgroundColor: theme.colors.atmo1,\n    }),\n    ...(type === \"menu\" && {\n      position: \"absolute\",\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      zIndex: -2,\n      backgroundColor: theme.colors.atmo2,\n      \"& li > div\": {\n        marginTop: 0,\n      },\n    }),\n    ...(hidden && { ...hide }),\n    ...(active && { ...show }),\n  })\n);\n\nexport const MenuBarUl = styled(\"ul\")({\n  margin: 0,\n  padding: 0,\n  display: \"inherit\",\n  alignItems: \"center\",\n  height: \"100%\",\n  \"&:hover .active\": {\n    ...hide,\n  },\n  \"& li:hover > .hidden\": {\n    ...show,\n  },\n\n  \"&:focus-within .active\": {\n    ...hide,\n    zIndex: -2,\n  },\n  \"& li:focus-within > .hidden\": {\n    ...show,\n    zIndex: -1,\n  },\n});\n"],"names":["show","top","theme","header","height","borderTopThickness","transition","boxShadow","shadow","transitionDuration","hide","MenuBarRoot","_styled","process","env","NODE_ENV","target","label","type","hidden","active","left","width","display","justifyContent","alignItems","position","backgroundColor","colors","atmo1","paddingTop","selectedItemBorderBottomThickness","zIndex","atmo2","marginTop","MenuBarUl","margin","padding"],"mappings":";;;;;;AASA,MAAMA,OAAO;AAAA,EACXC,KAAM,QAAOC,YAAAA,MAAMC,OAAOC,YAAYF,kBAAMC,OAAOE;AAAAA,EACnDC,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,oBAAoB;AACtB;AAEO,MAAMC,OAAO;AAAA,EAClBT,KAAK;AAAA,EACLK,YAAY,CAAC,KAAK;AAAA,EAClBC,WAAW;AAAA,EACXE,oBAAoB;AACtB;AAEO,MAAME,cAAqBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACrC,CAAC;AAAA,EAAEC;AAAAA,EAAMC;AAAAA,EAAQC;AAAyB,OAAO;AAAA,EAC/CC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPlB,QAAQ;AAAA,EACRmB,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAIP,SAAS,aAAa;AAAA,IACxBQ,UAAU;AAAA,IACVC,iBAAiBzB,YAAAA,MAAM0B,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIX,SAAS,UAAU;AAAA,IACrBQ,UAAU;AAAA,IACVI,YAAY5B,YAAAA,MAAMC,OAAO4B;AAAAA,IACzBC,QAAQ;AAAA,IACRL,iBAAiBzB,YAAAA,MAAM0B,OAAOK;AAAAA,IAC9B,cAAc;AAAA,MACZC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,GAAIf,UAAU;AAAA,IAAE,GAAGT;AAAAA,EAAK;AAAA,EACxB,GAAIU,UAAU;AAAA,IAAE,GAAGpB;AAAAA,EAAK;AAC1B,IAAEa,QAAAC,IAAAC,aACH,eAAA,KAAA,ymFAAA;AAEM,MAAMoB,YAAmBvB,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACpCmB,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTd,SAAS;AAAA,EACTE,YAAY;AAAA,EACZrB,QAAQ;AAAA,EACR,mBAAmB;AAAA,IACjB,GAAGM;AAAAA,EACL;AAAA,EACA,wBAAwB;AAAA,IACtB,GAAGV;AAAAA,EACL;AAAA,EAEA,0BAA0B;AAAA,IACxB,GAAGU;AAAAA,IACHsB,QAAQ;AAAA,EACV;AAAA,EACA,+BAA+B;AAAA,IAC7B,GAAGhC;AAAAA,IACHgC,QAAQ;AAAA,EACV;AACF,GAACnB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ymFAAA;;;;"}

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

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const FocusContext = require("../utils/FocusContext.cjs");
+const SelectionContext = require("../utils/SelectionContext.cjs");
+const MenuItem_styles = require("./MenuItem.styles.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MenuBar = require("../MenuBar/MenuBar.cjs");
+const Typography = require("../../../Typography/Typography.cjs");
+const keyCheck = require("../../../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardCodes = require("../../../../utils/keyboardUtils/keyboardCodes.cjs");
+const HvMenuItem = ({
+  id,
+  item,
+  type,
+  onClick
+}) => {
+  const selectionPath = React.useContext(SelectionContext.SelectionContext);
+  const {
+    dispatch
+  } = React.useContext(FocusContext.FocusContext);
+  const {
+    data
+  } = item;
+  const hasSubLevel = data && data.length;
+  const isMenu = type === "menu";
+  const isSelected = selectionPath && selectionPath[isMenu ? 1 : 0] === item.id || false;
+  const actionHandler = (event) => {
+    if (event.type === "click" || keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter) || keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.SpaceBar)) {
+      if (event.type === "click") {
+        event.currentTarget.blur();
+      }
+      onClick == null ? void 0 : onClick(event, item);
+    }
+  };
+  const handleFocus = (event) => {
+    dispatch({
+      type: "setItemFocused",
+      itemFocused: event.currentTarget
+    });
+  };
+  const itemProps = {
+    onClick: actionHandler,
+    onKeyDown: actionHandler,
+    tabIndex: 0,
+    onFocus: handleFocus
+  };
+  const label = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+    variant: isSelected ? "label" : "body",
+    children: item.label
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(MenuItem_styles.MenuItemLi, {
+    id,
+    selected: !isMenu && isSelected ? "selectedItem" : "notSelectedItem",
+    children: [(item == null ? void 0 : item.href) ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLink, {
+      href: item == null ? void 0 : item.href,
+      target: item == null ? void 0 : item.target,
+      ...itemProps,
+      children: label
+    }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem_styles.MenuItemLabel, {
+      role: "button",
+      ...itemProps,
+      isSelected,
+      children: label
+    }), hasSubLevel && /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, {
+      data,
+      onClick,
+      type: "menu"
+    })]
+  }, item.label);
+};
+exports.HvMenuItem = HvMenuItem;
+//# sourceMappingURL=MenuItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"components\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { HvBaseProps } from \"../../../../types\";\nimport { isKeypress, keyboardCodes } from \"utils\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport type MenuItemProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  // @ts-ignore\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected =\n    (selectionPath && selectionPath[isMenu ? 1 : 0] === item.id) || false;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, keyboardCodes.Enter) ||\n      isKeypress(event, keyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography variant={isSelected ? \"label\" : \"body\"}>\n      {item.label}\n    </HvTypography>\n  );\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      selected={!isMenu && isSelected ? \"selectedItem\" : \"notSelectedItem\"}\n    >\n      {item?.href ? (\n        <MenuItemLink href={item?.href} target={item?.target} {...itemProps}>\n          {label}\n        </MenuItemLink>\n      ) : (\n        <MenuItemLabel role=\"button\" {...itemProps} isSelected={isSelected}>\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","tabIndex","onFocus","label","HvTypography","variant","children","MenuItemLi","selected","href","MenuItemLink","target","_jsx","MenuItemLabel","role","HvMenuBar"],"mappings":";;;;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,iBAAWC,iBAAAA,gBAAgB;AAE3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,MAAAA,WAAWG,aAAAA,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,aACHT,iBAAiBA,cAAcQ,SAAS,IAAI,OAAOX,KAAKD,MAAO;AAElE,QAAMc,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMb,SAAS,WACfc,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrCF,SAAAA,WAAWD,OAAOE,cAAcE,cAAAA,QAAQ,GACxC;AACIJ,UAAAA,MAAMb,SAAS,SAAS;AAC1Ba,cAAMK,cAAcC;MACtB;AACAlB,yCAAUY,OAAOd;AAAAA,IACnB;AAAA,EAAA;AAGF,QAAMqB,cAAeP,CAAU,UAAA;AACpB,aAAA;AAAA,MAAEb,MAAM;AAAA,MAAkBqB,aAAaR,MAAMK;AAAAA,IAAAA,CAAe;AAAA,EAAA;AAGvE,QAAMI,YAAY;AAAA,IAChBrB,SAASW;AAAAA,IACTW,WAAWX;AAAAA,IACXY,UAAU;AAAA,IACVC,SAASL;AAAAA,EAAAA;AAGLM,QAAAA,uCACHC,yBAAY;AAAA,IAACC,SAASjB,aAAa,UAAU;AAAA,IAAOkB,UAClD9B,KAAK2B;AAAAA,EAAAA,CAET;AAED,yCACGI,gBAAAA,YAAU;AAAA,IACThC;AAAAA,IAEAiC,UAAU,CAACrB,UAAUC,aAAa,iBAAiB;AAAA,IAAkBkB,YAEpE9B,6BAAMiC,uCACJC,gBAAAA,cAAY;AAAA,MAACD,MAAMjC,6BAAMiC;AAAAA,MAAME,QAAQnC,6BAAMmC;AAAAA,MAAO,GAAKZ;AAAAA,MAASO,UAChEH;AAAAA,IAAAA,CACY,IAEfS,2BAAAA,IAACC,+BAAa;AAAA,MAACC,MAAK;AAAA,MAAQ,GAAKf;AAAAA,MAAWX;AAAAA,MAAuBkB,UAChEH;AAAAA,IAAAA,CAAK,GAGTlB,eAAe2B,2BAAAA,IAACG,mBAAS;AAAA,MAAC/B;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAS,CAAA;AAAA,EAAA,GAZlED,KAAK2B,KAAK;AAerB;;"}

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const focusUtils = require("../../../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const hoverColor = uikitStyles.theme.colors.atmo3;
+const MenuItemLi = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+  target: "e1elbhu2"
+} : {
+  target: "e1elbhu2",
+  label: "MenuItemLi"
+})(({
+  selected
+}) => ({
+  display: "inline",
+  "&:hover": {
+    "& > [role='button']": {
+      backgroundColor: hoverColor
+    },
+    "&:focus-within": {
+      "& > [role='button']": {
+        backgroundColor: hoverColor
+      }
+    }
+  },
+  ...selected === "selectedItem" && {
+    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%",
+    "& > div > p": {
+      color: uikitStyles.theme.header.color
+    }
+  },
+  ...selected === "notSelectedItem" && {
+    marginTop: uikitStyles.theme.header.selectedItemBorderTopThickness,
+    marginBottom: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+    paddingTop: uikitStyles.theme.header.selectedItemBorderBottomThickness,
+    height: `calc(100% - 4px)`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvTmF2aWdhdGlvbi9NZW51SXRlbS9NZW51SXRlbS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5cbmNvbnN0IGhvdmVyQ29sb3IgPSB0aGVtZS5jb2xvcnMuYXRtbzM7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpID0gc3R5bGVkKFwibGlcIikoXG4gICh7IHNlbGVjdGVkIH06IHsgc2VsZWN0ZWQ/OiBzdHJpbmcgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZVwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIFwiJiA+IFtyb2xlPSdidXR0b24nXVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICAgIC4uLihzZWxlY3RlZCA9PT0gXCJzZWxlY3RlZEl0ZW1cIiAmJiB7XG4gICAgICBib3JkZXJUb3A6IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BUaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcENvbG9yfWAsXG4gICAgICBib3JkZXJCb3R0b206IGAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3N9IHNvbGlkICR7dGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbUNvbG9yfWAsXG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgIFwiJiA+IGRpdiA+IHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuaGVhZGVyLmNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc2VsZWN0ZWQgPT09IFwibm90U2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzLFxuICAgICAgbWFyZ2luQm90dG9tOiB0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogYGNhbGMoMTAwJSAtIDRweClgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGFiZWwgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7IGlzU2VsZWN0ZWQgfTogeyBpc1NlbGVjdGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgXCImOmZvY3VzXCI6IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgIH0sXG4gICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICAgIC4uLihpc1NlbGVjdGVkICYmIHtcbiAgICAgIFwiJiBwXCI6IHsgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvciB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtTGluayA9IHN0eWxlZChcImFcIikoe1xuICBib3JkZXI6IFwibm9uZVwiLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgXCImOmFjdGl2ZVwiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICB9LFxuICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgfSxcbn0pO1xuIl19 */");
+const MenuItemLabel = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e1elbhu1"
+} : {
+  target: "e1elbhu1",
+  label: "MenuItemLabel"
+})(({
+  isSelected
+}) => ({
+  border: "none",
+  cursor: "pointer",
+  padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  "&:active": {
+    outline: "none"
+  },
+  "&:focus": {
+    outline: "none",
+    backgroundColor: hoverColor
+  },
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  },
+  ...isSelected && {
+    "& p": {
+      color: uikitStyles.theme.header.color
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcImxpXCIpKFxuICAoeyBzZWxlY3RlZCB9OiB7IHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICAuLi4oc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBpc1NlbGVjdGVkIH06IHsgaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgcFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
+const MenuItemLink = /* @__PURE__ */ _styled__default.default("a", process.env.NODE_ENV === "production" ? {
+  target: "e1elbhu0"
+} : {
+  target: "e1elbhu0",
+  label: "MenuItemLink"
+})({
+  border: "none",
+  cursor: "pointer",
+  padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
+  display: "block",
+  textDecoration: "none",
+  "&:active": {
+    outline: "none"
+  },
+  "&:focus": {
+    outline: "none",
+    backgroundColor: hoverColor
+  },
+  "&:focus-visible": {
+    ...focusUtils.outlineStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTWVudUl0ZW0vTWVudUl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuXG5jb25zdCBob3ZlckNvbG9yID0gdGhlbWUuY29sb3JzLmF0bW8zO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1MaSA9IHN0eWxlZChcImxpXCIpKFxuICAoeyBzZWxlY3RlZCB9OiB7IHNlbGVjdGVkPzogc3RyaW5nIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmVcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgXCImID4gW3JvbGU9J2J1dHRvbiddXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICBcIiYgPiBbcm9sZT0nYnV0dG9uJ11cIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgICAuLi4oc2VsZWN0ZWQgPT09IFwic2VsZWN0ZWRJdGVtXCIgJiYge1xuICAgICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJUb3BDb2xvcn1gLFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHt0aGVtZS5oZWFkZXIuc2VsZWN0ZWRJdGVtQm9yZGVyQm90dG9tVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21Db2xvcn1gLFxuICAgICAgcGFkZGluZ1RvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICBcIiYgPiBkaXYgPiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmhlYWRlci5jb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKHNlbGVjdGVkID09PSBcIm5vdFNlbGVjdGVkSXRlbVwiICYmIHtcbiAgICAgIG1hcmdpblRvcDogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlclRvcFRoaWNrbmVzcyxcbiAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuaGVhZGVyLnNlbGVjdGVkSXRlbUJvcmRlckJvdHRvbVRoaWNrbmVzcyxcbiAgICAgIHBhZGRpbmdUb3A6IHRoZW1lLmhlYWRlci5zZWxlY3RlZEl0ZW1Cb3JkZXJCb3R0b21UaGlja25lc3MsXG4gICAgICBoZWlnaHQ6IGBjYWxjKDEwMCUgLSA0cHgpYCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxhYmVsID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyBpc1NlbGVjdGVkIH06IHsgaXNTZWxlY3RlZD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgICB9LFxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICAuLi4oaXNTZWxlY3RlZCAmJiB7XG4gICAgICBcIiYgcFwiOiB7IGNvbG9yOiB0aGVtZS5oZWFkZXIuY29sb3IgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbUxpbmsgPSBzdHlsZWQoXCJhXCIpKHtcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2UueHN9ICR7dGhlbWUuc3BhY2Uuc219YCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIFwiJjphY3RpdmVcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICB9LFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogaG92ZXJDb2xvcixcbiAgfSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG59KTtcbiJdfQ== */");
+exports.MenuItemLabel = MenuItemLabel;
+exports.MenuItemLi = MenuItemLi;
+exports.MenuItemLink = MenuItemLink;
+//# sourceMappingURL=MenuItem.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styles.cjs","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const MenuItemLi = styled(\"li\")(\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);\n\nexport const MenuItemLabel = styled(\"div\")(\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);\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","_styled","process","env","NODE_ENV","target","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":";;;;;;;AAIA,MAAMA,aAAaC,YAAAA,MAAMC,OAAOC;AAEzB,MAAMC,aAAoBC,iCAAA,QAAA,MAAIC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACnC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EACxCC,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,aAAa,kBAAkB;AAAA,IACjCG,WAAY,GAAEb,YAAAA,MAAMc,OAAOC,wCAAwCf,kBAAMc,OAAOE;AAAAA,IAChFC,cAAe,GAAEjB,YAAAA,MAAMc,OAAOI,2CAA2ClB,kBAAMc,OAAOK;AAAAA,IACtFC,YAAYpB,YAAAA,MAAMc,OAAOI;AAAAA,IACzBG,QAAQ;AAAA,IACR,eAAe;AAAA,MACbC,OAAOtB,YAAAA,MAAMc,OAAOQ;AAAAA,IACtB;AAAA,EACF;AAAA,EACA,GAAIZ,aAAa,qBAAqB;AAAA,IACpCa,WAAWvB,YAAAA,MAAMc,OAAOC;AAAAA,IACxBS,cAAcxB,YAAAA,MAAMc,OAAOI;AAAAA,IAC3BE,YAAYpB,YAAAA,MAAMc,OAAOI;AAAAA,IACzBG,QAAS;AAAA,EACX;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,y8GAAA;AAEM,MAAMkB,gBAAuBrB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACvC,CAAC;AAAA,EAAEiB;AAAqC,OAAO;AAAA,EAC7CC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE7B,YAAAA,MAAM8B,MAAMC,MAAM/B,kBAAM8B,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,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGoC,WAAAA;AAAAA,EACL;AAAA,EACA,GAAIT,cAAc;AAAA,IAChB,OAAO;AAAA,MAAEJ,OAAOtB,YAAAA,MAAMc,OAAOQ;AAAAA,IAAM;AAAA,EACrC;AACF,IAAEjB,QAAAC,IAAAC,aACH,eAAA,KAAA,68GAAA;AAEM,MAAM6B,eAAsBhC,iCAAA,QAAA,KAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCkB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAU,GAAE7B,YAAAA,MAAM8B,MAAMC,MAAM/B,kBAAM8B,MAAME;AAAAA,EAC1CrB,SAAS;AAAA,EACT0B,gBAAgB;AAAA,EAChB,YAAY;AAAA,IACVH,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACTA,SAAS;AAAA,IACTtB,iBAAiBb;AAAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,IACjB,GAAGoC,WAAAA;AAAAA,EACL;AACF,GAAC9B,QAAAC,IAAAC,aAAC,eAAA,KAAA,68GAAA;;;;"}

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const clsx = require("clsx");
+const Navigation_styles = require("./Navigation.styles.cjs");
+const FocusContext = require("./utils/FocusContext.cjs");
+const SelectionContext = require("./utils/SelectionContext.cjs");
+const navigationClasses = require("./navigationClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useSelectionPath = require("../../../hooks/useSelectionPath.cjs");
+const MenuBar = require("./MenuBar/MenuBar.cjs");
+const HvNavigation = ({
+  data,
+  selected,
+  onClick,
+  className,
+  classes = {}
+}) => {
+  const selectionPath = useSelectionPath.useSelectionPath(data, selected);
+  const handleClick = (event, selection) => {
+    onClick == null ? void 0 : onClick(event, selection);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectionContext.SelectionContext.Provider, {
+    value: selectionPath,
+    children: /* @__PURE__ */ jsxRuntime.jsx(FocusContext.FocusProvider, {
+      children: /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
+        className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root),
+        children: /* @__PURE__ */ jsxRuntime.jsx(MenuBar.HvMenuBar, {
+          data,
+          type: "menubar",
+          onClick: handleClick
+        })
+      })
+    })
+  });
+};
+exports.HvNavigation = HvNavigation;
+//# sourceMappingURL=Navigation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"hooks\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvMenuBar } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvNavigationItemProp[];\n}\n\nexport type HvNavigationProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  data: HvNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n};\n\nexport const HvNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes = {},\n}: HvNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n        >\n          <HvMenuBar data={data} type=\"menubar\" onClick={handleClick} />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvNavigation","data","selected","onClick","className","classes","selectionPath","useSelectionPath","handleClick","event","selection","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type"],"mappings":";;;;;;;;;;AA4BO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU,CAAC;AACM,MAAM;AACjBC,QAAAA,gBAAgBC,iBAAAA,iBAAiBN,MAAMC,QAAQ;AAE/CM,QAAAA,cAAcA,CAACC,OAAOC,cAAc;AACxCP,uCAAUM,OAAOC;AAAAA,EAAS;AAI1BC,SAAAA,2BAAAA,IAACC,kCAAiBC,UAAQ;AAAA,IAACC,OAAOR;AAAAA,IAAcS,yCAC7CC,4BAAa;AAAA,MAAAD,yCACXE,6BAAS;AAAA,QACRb,WAAWc,KACTd,KAAAA,WACAe,kBAAwBC,QAAAA,MACxBf,mCAASe,IAAI;AAAA,QACbL,yCAEDM,mBAAS;AAAA,UAACpB;AAAAA,UAAYqB,MAAK;AAAA,UAAUnB,SAASK;AAAAA,QAAAA,CAAY;AAAA,MAAA,CAAG;AAAA,IAAA,CACpD;AAAA,EAAA,CAEY;AAEhC;;"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledNav = /* @__PURE__ */ _styled__default.default("nav", process.env.NODE_ENV === "production" ? {
+  target: "e1sfutch0"
+} : {
+  target: "e1sfutch0",
+  label: "StyledNav"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1xby8wz",
+  styles: "position:absolute;width:100%;height:100%;z-index:1;top:0px;left:0px"
+} : {
+  name: "1xby8wz",
+  styles: "position:absolute;width:100%;height:100%;z-index:1;top:0px;left:0px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL05hdmlnYXRpb24vTmF2aWdhdGlvbi5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9OYXZpZ2F0aW9uL05hdmlnYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2ID0gc3R5bGVkKFwibmF2XCIpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB6SW5kZXg6IDEsXG4gIHRvcDogXCIwcHhcIixcbiAgbGVmdDogXCIwcHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.StyledNav = StyledNav;
+//# sourceMappingURL=Navigation.styles.cjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/Header/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderNavigationClasses = { root?: string };\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerNavigationClasses = getClasses<HvHeaderNavigationClasses>(\n  classKeys,\n  \"HvHeader-Navigation\"\n);\n\nexport default headerNavigationClasses;\n"],"names":["classKeys","headerNavigationClasses","getClasses"],"mappings":";;;AAIA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,qBAAqB;AAGvB,MAAA,4BAAeC;;"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "setItemFocused":
+      return {
+        itemFocused: action.itemFocused
+      };
+    default:
+      return state;
+  }
+};
+const initialState = {
+  itemFocused: null
+};
+const FocusContext = React.createContext(initialState);
+const FocusProvider = (props) => {
+  const [state, dispatch] = React.useReducer(reducer, initialState);
+  const contextValue = React.useMemo(() => ({
+    ...state,
+    dispatch
+  }), [state, dispatch]);
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(FocusContext.Provider, {
+    value: contextValue,
+    children
+  });
+};
+exports.FocusContext = FocusContext;
+exports.FocusProvider = FocusProvider;
+//# sourceMappingURL=FocusContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FocusContext.cjs","sources":["../../../../../../src/components/Header/Navigation/utils/FocusContext.tsx"],"sourcesContent":["import { createContext, useMemo, useReducer } from \"react\";\n\nconst reducer = (state, action) => {\n  switch (action.type) {\n    case \"setItemFocused\":\n      return { itemFocused: action.itemFocused };\n    default:\n      return state;\n  }\n};\n\nconst initialState = { itemFocused: null };\n\nexport const FocusContext = createContext(initialState);\n\nexport const FocusProvider = (props) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const contextValue = useMemo(\n    () => ({ ...state, dispatch }),\n    [state, dispatch]\n  );\n  const { children } = props;\n\n  return (\n    <FocusContext.Provider value={contextValue}>\n      {children}\n    </FocusContext.Provider>\n  );\n};\n"],"names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","dispatch","useReducer","contextValue","useMemo","children","_jsx","Provider","value"],"mappings":";;;;AAEA,MAAMA,UAAUA,CAACC,OAAOC,WAAW;AACjC,UAAQA,OAAOC,MAAI;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,QAAEC,aAAaF,OAAOE;AAAAA,MAAAA;AAAAA,IAC/B;AACSH,aAAAA;AAAAA,EAAM;AAEnB;AAEA,MAAMI,eAAe;AAAA,EAAED,aAAa;AAAK;AAE5BE,MAAAA,eAAeC,oBAAcF,YAAY;AAE/C,MAAMG,gBAAiBC,CAAU,UAAA;AACtC,QAAM,CAACR,OAAOS,QAAQ,IAAIC,MAAAA,WAAWX,SAASK,YAAY;AACpDO,QAAAA,eAAeC,MAAAA,QACnB,OAAO;AAAA,IAAE,GAAGZ;AAAAA,IAAOS;AAAAA,EACnB,IAAA,CAACT,OAAOS,QAAQ,CAAC;AAEb,QAAA;AAAA,IAAEI;AAAAA,EAAaL,IAAAA;AAGnBM,SAAAA,2BAAAA,IAACT,aAAaU,UAAQ;AAAA,IAACC,OAAOL;AAAAA,IAAaE;AAAAA,EAAAA,CAEnB;AAE5B;;;"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const SelectionContext = React.createContext([]);
+exports.SelectionContext = SelectionContext;
+//# sourceMappingURL=SelectionContext.cjs.map

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

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