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

package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningText.styles.js","sources":["../../../../../src/components/Forms/WarningText/WarningText.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $show, $topBorder }: { $show: boolean; $topBorder: boolean }) => ({\n  display: \"none\",\n  ...($show && {\n    display: \"flex\",\n  }),\n  ...($topBorder && {\n    borderTop: `solid 1px ${theme.colors.sema4}`,\n  }),\n}));\n\nexport const StyledTypography = styled(HvTypography)(\n  ({ $topGutter, $hideText }: { $topGutter: boolean; $hideText: boolean }) => ({\n    color: theme.colors.sema4,\n    paddingRight: theme.space.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.space.xs,\n    },\n    ...($topGutter && {\n      paddingTop: 6,\n    }),\n    ...($hideText && {\n      // display none or visibility hidden prevents\n      // browser to trigger the aria-alert\n      width: 0,\n      height: 0,\n      padding: 0,\n      margin: 0,\n      overflow: \"hidden\",\n    }),\n  })\n);\n\nexport const StyledIcon = styled(Fail)({\n  minWidth: \"32px\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$show","$topBorder","display","borderTop","theme","colors","sema4","StyledTypography","HvTypography","$topGutter","$hideText","color","paddingRight","space","xs","paddingLeft","paddingTop","width","height","padding","margin","overflow","StyledIcon","Fail","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAOC;AAAoD,OAAO;AAAA,EACrEC,SAAS;AAAA,EACT,GAAIF,SAAS;AAAA,IACXE,SAAS;AAAA,EACX;AAAA,EACA,GAAID,cAAc;AAAA,IAChBE,WAAY,aAAYC,MAAMC,OAAOC;AAAAA,EACvC;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykEAAA;AAEI,MAAMY,mBAA0BC,wBAAAA,cAAYf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACjD,CAAC;AAAA,EAAEU;AAAAA,EAAYC;AAAuD,OAAO;AAAA,EAC3EC,OAAOP,MAAMC,OAAOC;AAAAA,EACpBM,cAAcR,MAAMS,MAAMC;AAAAA,EAC1B,iBAAiB;AAAA,IACfC,aAAaX,MAAMS,MAAMC;AAAAA,EAC3B;AAAA,EACA,GAAIL,cAAc;AAAA,IAChBO,YAAY;AAAA,EACd;AAAA,EACA,GAAIN,aAAa;AAAA,IAGfO,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,UAAU;AAAA,EACZ;AACF,IAAE5B,QAAAC,IAAAC,aACH,eAAA,KAAA,ykEAAA;AAEM,MAAM2B,aAAoBC,wBAAAA,MAAI9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAA6B,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEpC;"}

package/dist/esm/components/Forms/WarningText/warningTextClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "defaultIcon", "warningText", "show", "topGutter", "hideText", "topBorder"];
+const warningTextClasses = getClasses(classKeys, "HvWarningText");
+const warningTextClasses$1 = warningTextClasses;
+export {
+  warningTextClasses$1 as default
+};
+//# sourceMappingURL=warningTextClasses.js.map

package/dist/esm/components/Forms/WarningText/warningTextClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warningTextClasses.js","sources":["../../../../../src/components/Forms/WarningText/warningTextClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvWarningTextClasses = {\n  root?: string;\n  defaultIcon?: string;\n  warningText?: string;\n  show?: string;\n  topGutter?: string;\n  hideText?: string;\n  topBorder?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"defaultIcon\",\n  \"warningText\",\n  \"show\",\n  \"topGutter\",\n  \"hideText\",\n  \"topBorder\",\n];\n\nconst warningTextClasses = getClasses<HvWarningTextClasses>(\n  classKeys,\n  \"HvWarningText\"\n);\n\nexport default warningTextClasses;\n"],"names":["classKeys","warningTextClasses","getClasses"],"mappings":";AAYA,MAAMA,YAAsB,CAC1B,QACA,eACA,eACA,QACA,aACA,YACA,WAAW;AAGb,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/GlobalActions/GlobalActions.js

@@ -0,0 +1,54 @@
+import { useTheme } from "@mui/material/styles";
+import clsx from "clsx";
+import { isString } from "lodash";
+import { StyledRoot, StyledWrapper, StyledActions, StyledBackButton } from "./GlobalActions.styles.js";
+import globalActionsClasses from "./globalActionsClasses.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { HvTypography } from "../Typography/Typography.js";
+const HvGlobalActions = ({
+  children,
+  classes,
+  className,
+  title,
+  variant = "global",
+  backButton,
+  headingLevel,
+  position: positionProp,
+  ...others
+}) => {
+  const muiTheme = useTheme();
+  const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
+  const backButtonRenderer = () => {
+    if (backButton) {
+      return /* @__PURE__ */ jsx(StyledBackButton, {
+        className: clsx(globalActionsClasses.backButton, classes == null ? void 0 : classes.backButton),
+        children: backButton
+      });
+    }
+  };
+  const position = positionProp || (variant === "global" ? "sticky" : "relative");
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    variant,
+    position,
+    className: clsx(className, globalActionsClasses.root, classes == null ? void 0 : classes.root),
+    breakpoints: muiTheme.breakpoints,
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledWrapper, {
+      className: clsx(globalActionsClasses.wrapper, classes == null ? void 0 : classes.wrapper),
+      variant,
+      children: [variant === "global" && backButtonRenderer(), !isString(title) ? title : /* @__PURE__ */ jsx(HvTypography, {
+        variant: variant === "global" ? "title3" : "title4",
+        component: `h${headingLevelToApply}`,
+        className: clsx(globalActionsClasses.name, classes == null ? void 0 : classes.name),
+        children: title
+      }), children && /* @__PURE__ */ jsx(StyledActions, {
+        className: clsx(globalActionsClasses.actions, classes == null ? void 0 : classes.actions),
+        children
+      })]
+    })
+  });
+};
+export {
+  HvGlobalActions
+};
+//# sourceMappingURL=GlobalActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalActions.js","sources":["../../../../src/components/GlobalActions/GlobalActions.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { isString } from \"lodash\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledActions,\n  StyledBackButton,\n  StyledRoot,\n  StyledWrapper,\n} from \"./GlobalActions.styles\";\nimport globalActionsClasses, {\n  HvGlobalActionsClasses,\n} from \"./globalActionsClasses\";\n\nexport type HvGlobalActionsVariant = \"global\" | \"section\";\n\nexport type HvGlobalActionsPosition = \"sticky\" | \"fixed\" | \"relative\";\n\nexport type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type HvGlobalActionsProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Text to display in the component. */\n  title?: React.ReactNode;\n  /** Denotes if this is a global or section component. */\n  variant?: HvGlobalActionsVariant;\n  /** User can pass in a fully customized button or false for when the back button should not be rendered. */\n  backButton?: React.ReactNode;\n  /** Heading Level to apply to Title Area. */\n  headingLevel?: HvGlobalActionsHeadingLevel;\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position?: HvGlobalActionsPosition;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvGlobalActionsClasses;\n};\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nexport const HvGlobalActions = ({\n  children,\n  classes,\n  className,\n  title,\n  variant = \"global\",\n  backButton,\n  headingLevel,\n  position: positionProp,\n  ...others\n}: HvGlobalActionsProps) => {\n  const muiTheme = useTheme();\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    if (backButton) {\n      return (\n        <StyledBackButton\n          className={clsx(globalActionsClasses.backButton, classes?.backButton)}\n        >\n          {backButton}\n        </StyledBackButton>\n      );\n    }\n  };\n\n  const position =\n    positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <StyledRoot\n      variant={variant}\n      position={position}\n      className={clsx(className, globalActionsClasses.root, classes?.root)}\n      breakpoints={muiTheme.breakpoints}\n      {...others}\n    >\n      <StyledWrapper\n        className={clsx(globalActionsClasses.wrapper, classes?.wrapper)}\n        variant={variant}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"title3\" : \"title4\"} // \"sectionTitle\"\n            component={`h${headingLevelToApply}`}\n            className={clsx(globalActionsClasses.name, classes?.name)}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && (\n          <StyledActions\n            className={clsx(globalActionsClasses.actions, classes?.actions)}\n          >\n            {children}\n          </StyledActions>\n        )}\n      </StyledWrapper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvGlobalActions","children","classes","className","title","variant","backButton","headingLevel","position","positionProp","others","muiTheme","useTheme","headingLevelToApply","backButtonRenderer","StyledBackButton","clsx","globalActionsClasses","StyledRoot","root","breakpoints","StyledWrapper","wrapper","isString","_jsx","HvTypography","component","name","StyledActions","actions"],"mappings":";;;;;;;AA2CO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,UAAUC;AAAAA,KACPC;AACiB,MAAM;AAC1B,QAAMC,WAAWC;AACjB,QAAMC,sBAAsBN,iBAAiBF,YAAY,WAAW,IAAI;AAExE,QAAMS,qBAAqBA,MAAM;AAC/B,QAAIR,YAAY;AACd,iCACGS,kBAAgB;AAAA,QACfZ,WAAWa,KAAKC,qBAAqBX,YAAYJ,mCAASI,UAAU;AAAA,QAAEL,UAErEK;AAAAA,MAAAA,CACgB;AAAA,IAEvB;AAAA,EAAA;AAGF,QAAME,WACJC,iBAAiBJ,YAAY,WAAW,WAAW;AAErD,6BACGa,YAAU;AAAA,IACTb;AAAAA,IACAG;AAAAA,IACAL,WAAWa,KAAKb,WAAWc,qBAAqBE,MAAMjB,mCAASiB,IAAI;AAAA,IACnEC,aAAaT,SAASS;AAAAA,IAAY,GAC9BV;AAAAA,IAAMT,+BAEToB,eAAa;AAAA,MACZlB,WAAWa,KAAKC,qBAAqBK,SAASpB,mCAASoB,OAAO;AAAA,MAC9DjB;AAAAA,MAAiBJ,WAEhBI,YAAY,YAAYS,sBACxB,CAACS,SAASnB,KAAK,IACdA,QAEAoB,oBAACC,cAAY;AAAA,QACXpB,SAASA,YAAY,WAAW,WAAW;AAAA,QAC3CqB,WAAY,IAAGb;AAAAA,QACfV,WAAWa,KAAKC,qBAAqBU,MAAMzB,mCAASyB,IAAI;AAAA,QAAE1B,UAEzDG;AAAAA,MAAAA,CAAK,GAGTH,YACCuB,oBAACI,eAAa;AAAA,QACZzB,WAAWa,KAAKC,qBAAqBY,SAAS3B,mCAAS2B,OAAO;AAAA,QAAE5B;AAAAA,MAAAA,CAInE,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEQ;AAEjB;"}

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

@@ -0,0 +1,103 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13e65q53"
+} : {
+  target: "e13e65q53",
+  label: "StyledRoot"
+})(({
+  position,
+  variant,
+  breakpoints
+}) => ({
+  position: "relative",
+  ...position === "sticky" && {
+    width: "100%",
+    position: "sticky"
+  },
+  ...position === "fixed" && {
+    width: "100%",
+    position: "fixed",
+    [breakpoints.up("md")]: {
+      width: `calc(100% - 2*${theme.spacing(4)}px)`,
+      marginLeft: `${theme.spacing(4)}px`,
+      marginRight: `${theme.spacing(4)}px`
+    },
+    [breakpoints.down("sm")]: {
+      width: `calc(100% - 2*${theme.space.sm}px)`,
+      marginLeft: `${theme.space.sm}px`,
+      marginRight: `${theme.space.sm}px`
+    }
+  },
+  ...variant === "global" && {
+    zIndex: `calc(${theme.zIndices.banner} - 2)`,
+    top: 0,
+    left: 0,
+    "&:before": {
+      content: "''",
+      display: "flex",
+      width: "100%",
+      height: 72,
+      top: 0,
+      background: theme.colors.atmo2,
+      opacity: "75%"
+    },
+    backdropFilter: "blur(1px)"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgcG9zaXRpb24sXG4gICAgdmFyaWFudCxcbiAgICBicmVha3BvaW50cyxcbiAgfToge1xuICAgIHBvc2l0aW9uOiBzdHJpbmc7XG4gICAgdmFyaWFudDogc3RyaW5nO1xuICAgIGJyZWFrcG9pbnRzOiBhbnk7XG4gIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwic3RpY2t5XCIsXG4gICAgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcblxuICAgICAgW2JyZWFrcG9pbnRzLnVwKFwibWRcIildOiB7XG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gMioke3RoZW1lLnNwYWNpbmcoNCl9cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjaW5nKDQpfXB4YCxcbiAgICAgIH0sXG4gICAgICBbYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjZS5zbX1weClgLFxuICAgICAgICBtYXJnaW5MZWZ0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBgJHt0aGVtZS5zcGFjZS5zbX1weGAsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHpJbmRleDogYGNhbGMoJHt0aGVtZS56SW5kaWNlcy5iYW5uZXJ9IC0gMilgLFxuXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuXG4gICAgICBcIiY6YmVmb3JlXCI6IHtcbiAgICAgICAgY29udGVudDogXCInJ1wiLFxuICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IDcyLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMixcbiAgICAgICAgb3BhY2l0eTogXCI3NSVcIixcbiAgICAgIH0sXG4gICAgICBiYWNrZHJvcEZpbHRlcjogXCJibHVyKDFweClcIixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrQnV0dG9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyB2YXJpYW50IH06IHsgdmFyaWFudDogc3RyaW5nIH0pID0+ICh7XG4gICAgaGVpZ2h0OiA1MixcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIC4uLih2YXJpYW50ID09PSBcImdsb2JhbFwiICYmIHtcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB0b3A6IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLnNwYWNlLnhzLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInNlY3Rpb25cIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICAgIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGlvbnMgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICo6bm90KDpmaXJzdC1jaGlsZCkgXCI6IHtcbiAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pO1xuIl19 */");
+const StyledBackButton = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13e65q52"
+} : {
+  target: "e13e65q52",
+  label: "StyledBackButton"
+})({
+  marginRight: theme.space.xs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13e65q51"
+} : {
+  target: "e13e65q51",
+  label: "StyledWrapper"
+})(({
+  variant
+}) => ({
+  height: 52,
+  paddingRight: theme.space.xs,
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  ...variant === "global" && {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    background: theme.colors.atmo1,
+    width: "100%",
+    padding: theme.space.xs,
+    marginTop: theme.space.xs
+  },
+  ...variant === "section" && {
+    background: "none",
+    borderTop: `1px solid ${theme.colors.atmo4}`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledActions = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13e65q50"
+} : {
+  target: "e13e65q50",
+  label: "StyledActions"
+})({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  marginLeft: "auto",
+  "& > *:not(:first-child) ": {
+    marginLeft: theme.space.xs
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWN0aW9ucy9HbG9iYWxBY3Rpb25zLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Y2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0dsb2JhbEFjdGlvbnMvR2xvYmFsQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIHBvc2l0aW9uLFxuICAgIHZhcmlhbnQsXG4gICAgYnJlYWtwb2ludHMsXG4gIH06IHtcbiAgICBwb3NpdGlvbjogc3RyaW5nO1xuICAgIHZhcmlhbnQ6IHN0cmluZztcbiAgICBicmVha3BvaW50czogYW55O1xuICB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInN0aWNreVwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJmaXhlZFwiICYmIHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG5cbiAgICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtIDIqJHt0aGVtZS5zcGFjaW5nKDQpfXB4KWAsXG4gICAgICAgIG1hcmdpbkxlZnQ6IGAke3RoZW1lLnNwYWNpbmcoNCl9cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2luZyg0KX1weGAsXG4gICAgICB9LFxuICAgICAgW2JyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICAgICAgd2lkdGg6IGBjYWxjKDEwMCUgLSAyKiR7dGhlbWUuc3BhY2Uuc219cHgpYCxcbiAgICAgICAgbWFyZ2luTGVmdDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgICBtYXJnaW5SaWdodDogYCR7dGhlbWUuc3BhY2Uuc219cHhgLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICB6SW5kZXg6IGBjYWxjKCR7dGhlbWUuekluZGljZXMuYmFubmVyfSAtIDIpYCxcblxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiA3MixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICAgIG9wYWNpdHk6IFwiNzUlXCIsXG4gICAgICB9LFxuICAgICAgYmFja2Ryb3BGaWx0ZXI6IFwiYmx1cigxcHgpXCIsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja0J1dHRvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgdmFyaWFudCB9OiB7IHZhcmlhbnQ6IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogNTIsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAuLi4odmFyaWFudCA9PT0gXCJnbG9iYWxcIiAmJiB7XG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS54cyxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWN0aW9uXCIgJiYge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImZsZXgtZW5kXCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBcIiYgPiAqOm5vdCg6Zmlyc3QtY2hpbGQpIFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KTtcbiJdfQ== */");
+export {
+  StyledActions,
+  StyledBackButton,
+  StyledRoot,
+  StyledWrapper
+};
+//# sourceMappingURL=GlobalActions.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalActions.styles.js","sources":["../../../../src/components/GlobalActions/GlobalActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")(\n  ({\n    position,\n    variant,\n    breakpoints,\n  }: {\n    position: string;\n    variant: string;\n    breakpoints: any;\n  }) => ({\n    position: \"relative\",\n    ...(position === \"sticky\" && {\n      width: \"100%\",\n      position: \"sticky\",\n    }),\n    ...(position === \"fixed\" && {\n      width: \"100%\",\n      position: \"fixed\",\n\n      [breakpoints.up(\"md\")]: {\n        width: `calc(100% - 2*${theme.spacing(4)}px)`,\n        marginLeft: `${theme.spacing(4)}px`,\n        marginRight: `${theme.spacing(4)}px`,\n      },\n      [breakpoints.down(\"sm\")]: {\n        width: `calc(100% - 2*${theme.space.sm}px)`,\n        marginLeft: `${theme.space.sm}px`,\n        marginRight: `${theme.space.sm}px`,\n      },\n    }),\n    ...(variant === \"global\" && {\n      zIndex: `calc(${theme.zIndices.banner} - 2)`,\n\n      top: 0,\n      left: 0,\n\n      \"&:before\": {\n        content: \"''\",\n        display: \"flex\",\n        width: \"100%\",\n        height: 72,\n        top: 0,\n        background: theme.colors.atmo2,\n        opacity: \"75%\",\n      },\n      backdropFilter: \"blur(1px)\",\n    }),\n  })\n);\n\nexport const StyledBackButton = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledWrapper = styled(\"div\")(\n  ({ variant }: { variant: string }) => ({\n    height: 52,\n    paddingRight: theme.space.xs,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    ...(variant === \"global\" && {\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      background: theme.colors.atmo1,\n      width: \"100%\",\n      padding: theme.space.xs,\n      marginTop: theme.space.xs,\n    }),\n    ...(variant === \"section\" && {\n      background: \"none\",\n      borderTop: `1px solid ${theme.colors.atmo4}`,\n    }),\n  })\n);\n\nexport const StyledActions = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"flex-end\",\n  marginLeft: \"auto\",\n  \"& > *:not(:first-child) \": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","position","variant","breakpoints","width","up","theme","spacing","marginLeft","marginRight","down","space","sm","zIndex","zIndices","banner","top","left","content","display","height","background","colors","atmo2","opacity","backdropFilter","StyledBackButton","xs","StyledWrapper","paddingRight","justifyContent","alignItems","atmo1","padding","marginTop","borderTop","atmo4","StyledActions"],"mappings":";;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACpC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLF,UAAU;AAAA,EACV,GAAIA,aAAa,YAAY;AAAA,IAC3BG,OAAO;AAAA,IACPH,UAAU;AAAA,EACZ;AAAA,EACA,GAAIA,aAAa,WAAW;AAAA,IAC1BG,OAAO;AAAA,IACPH,UAAU;AAAA,IAEV,CAACE,YAAYE,GAAG,IAAI,IAAI;AAAA,MACtBD,OAAQ,iBAAgBE,MAAMC,QAAQ,CAAC;AAAA,MACvCC,YAAa,GAAEF,MAAMC,QAAQ,CAAC;AAAA,MAC9BE,aAAc,GAAEH,MAAMC,QAAQ,CAAC;AAAA,IACjC;AAAA,IACA,CAACJ,YAAYO,KAAK,IAAI,IAAI;AAAA,MACxBN,OAAQ,iBAAgBE,MAAMK,MAAMC;AAAAA,MACpCJ,YAAa,GAAEF,MAAMK,MAAMC;AAAAA,MAC3BH,aAAc,GAAEH,MAAMK,MAAMC;AAAAA,IAC9B;AAAA,EACF;AAAA,EACA,GAAIV,YAAY,YAAY;AAAA,IAC1BW,QAAS,QAAOP,MAAMQ,SAASC;AAAAA,IAE/BC,KAAK;AAAA,IACLC,MAAM;AAAA,IAEN,YAAY;AAAA,MACVC,SAAS;AAAA,MACTC,SAAS;AAAA,MACTf,OAAO;AAAA,MACPgB,QAAQ;AAAA,MACRJ,KAAK;AAAA,MACLK,YAAYf,MAAMgB,OAAOC;AAAAA,MACzBC,SAAS;AAAA,IACX;AAAA,IACAC,gBAAgB;AAAA,EAClB;AACF,IAAE7B,QAAAC,IAAAC,aACH,eAAA,KAAA,q5GAAA;AAEM,MAAM4B,mBAA0B,wBAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CS,aAAaH,MAAMK,MAAMgB;AAC3B,GAAC/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y5GAAA;AAEK,MAAM8B,gBAAuB,wBAAA,OAAKhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACvC,CAAC;AAAA,EAAEE;AAA6B,OAAO;AAAA,EACrCkB,QAAQ;AAAA,EACRS,cAAcvB,MAAMK,MAAMgB;AAAAA,EAC1BR,SAAS;AAAA,EACTW,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZ,GAAI7B,YAAY,YAAY;AAAA,IAC1BD,UAAU;AAAA,IACVe,KAAK;AAAA,IACLC,MAAM;AAAA,IACNI,YAAYf,MAAMgB,OAAOU;AAAAA,IACzB5B,OAAO;AAAA,IACP6B,SAAS3B,MAAMK,MAAMgB;AAAAA,IACrBO,WAAW5B,MAAMK,MAAMgB;AAAAA,EACzB;AAAA,EACA,GAAIzB,YAAY,aAAa;AAAA,IAC3BmB,YAAY;AAAA,IACZc,WAAY,aAAY7B,MAAMgB,OAAOc;AAAAA,EACvC;AACF,IAAExC,QAAAC,IAAAC,aACH,eAAA,KAAA,y5GAAA;AAEM,MAAMuC,gBAAuB,wBAAA,OAAKzC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCmB,SAAS;AAAA,EACTY,YAAY;AAAA,EACZD,gBAAgB;AAAA,EAChBtB,YAAY;AAAA,EACZ,4BAA4B;AAAA,IAC1BA,YAAYF,MAAMK,MAAMgB;AAAAA,EAC1B;AACF,GAAC/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,y5GAAA;"}

package/dist/esm/components/GlobalActions/globalActionsClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "backButton", "actions", "wrapper", "name"];
+const globalActionsClasses = getClasses(classKeys, "HvGlobalActions");
+const globalActionsClasses$1 = globalActionsClasses;
+export {
+  globalActionsClasses$1 as default
+};
+//# sourceMappingURL=globalActionsClasses.js.map

package/dist/esm/components/GlobalActions/globalActionsClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalActionsClasses.js","sources":["../../../../src/components/GlobalActions/globalActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvGlobalActionsClasses = {\n  root?: string;\n  backButton?: string;\n  actions?: string;\n  wrapper?: string;\n  name?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"backButton\",\n  \"actions\",\n  \"wrapper\",\n  \"name\",\n];\n\nconst globalActionsClasses = getClasses<HvGlobalActionsClasses>(\n  classKeys,\n  \"HvGlobalActions\"\n);\n\nexport default globalActionsClasses;\n"],"names":["classKeys","globalActionsClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,cACA,WACA,WACA,MAAM;AAGR,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}

package/dist/esm/components/Grid/Grid.js

@@ -0,0 +1,39 @@
+import { Grid } from "@mui/material";
+import { isString } from "lodash";
+import { forwardRef } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useWidth } from "../../hooks/useWidth.js";
+const BREAKPOINT_GUTTERS = {
+  xs: 2,
+  sm: 2,
+  md: 4,
+  lg: 4,
+  xl: 4
+};
+const HvGrid = forwardRef(({
+  container,
+  spacing = "auto",
+  ...others
+}, ref) => {
+  const width = useWidth();
+  let gridSpacing = spacing;
+  if (isString(spacing)) {
+    if (spacing === "auto") {
+      gridSpacing = BREAKPOINT_GUTTERS[width];
+    } else {
+      gridSpacing = BREAKPOINT_GUTTERS[spacing];
+    }
+  }
+  return /* @__PURE__ */ jsx(Grid, {
+    ref,
+    ...container && {
+      container,
+      spacing: gridSpacing
+    },
+    ...others
+  });
+});
+export {
+  HvGrid
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from \"@mui/material\";\nimport { isString } from \"lodash\";\nimport { forwardRef } from \"react\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nexport type HvGridDirection =\n  | \"row\"\n  | \"row-reverse\"\n  | \"column\"\n  | \"column-reverse\";\n\nexport type HvGridSpacing =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"auto\"\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10;\n\nexport type HvGridProps = MuiGridProps &\n  HvBaseProps & {\n    /**\n     * If `true`, the component will have the flex *container* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    container?: boolean;\n    /**\n     * If `true`, the component will have the flex *item* behavior.\n     * You should be wrapping *items* with a *container*.\n     */\n    item?: boolean;\n    /**\n     * Defines the space between the type item component. It can only be used on a type container component.\n     * Based in the 8x factor defined in the theme, it allows the definition of this factor based on the factor\n     * (number between 0 and 10), breakpoint or auto.\n     */\n    spacing?: HvGridSpacing | number;\n    /**\n     * Defines the `flex-direction` style property.\n     * It is applied for all screen sizes.\n     */\n    direction?: HvGridDirection;\n    /**\n     * Defines the `justify-content` style property.\n     * It is applied for all screen sizes.\n     */\n    justify?:\n      | \"flex-start\"\n      | \"center\"\n      | \"flex-end\"\n      | \"space-between\"\n      | \"space-around\"\n      | \"space-evenly\";\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for all the screen sizes with the lowest priority.\n     */\n    xs?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `sm` breakpoint and wider screens if not overridden.\n     */\n    sm?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `md` breakpoint and wider screens if not overridden.\n     */\n    md?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `lg` breakpoint and wider screens if not overridden.\n     */\n    lg?: number | boolean;\n    /**\n     * Defines the number of grids the component is going to use.\n     * It's applied for the `xl` breakpoint and wider screens.\n     */\n    xl?: number | boolean;\n    /**\n     * Defines the `flex-wrap` style property.\n     * It's applied for all screen sizes.\n     */\n    wrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n    /**\n     * If `true`, it sets `min-width: 0` on the item.\n     * Refer to the limitations section of the documentation to better understand the use case.\n     */\n    zeroMinWidth?: boolean;\n  };\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid]https://mui.com/material-ui/react-grid/).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-575[       | 16              | 4                 |\n * | sm         | [576-767[     | 16              | 8                 |\n * | md         | [768-991[     | 32              | 12                |\n * | lg         | [992-1199[    | 32              | 12                |\n * | xl         | [1200-...[    | 32              | 12                |\n *\n */\nexport const HvGrid = forwardRef<HTMLDivElement, HvGridProps>(\n  ({ container, spacing = \"auto\", ...others }, ref) => {\n    const width = useWidth();\n    let gridSpacing = spacing;\n\n    if (isString(spacing)) {\n      if (spacing === \"auto\") {\n        gridSpacing = BREAKPOINT_GUTTERS[width];\n      } else {\n        gridSpacing = BREAKPOINT_GUTTERS[spacing];\n      }\n    }\n\n    return (\n      <MuiGrid\n        ref={ref}\n        {...(container && { container, spacing: gridSpacing })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","HvGrid","forwardRef","container","spacing","others","ref","width","useWidth","gridSpacing","isString","MuiGrid"],"mappings":";;;;;AAMA,MAAMA,qBAAqB;AAAA,EACzBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAkHaC,MAAAA,SAASC,WACpB,CAAC;AAAA,EAAEC;AAAAA,EAAWC,UAAU;AAAA,KAAWC;AAAO,GAAGC,QAAQ;AACnD,QAAMC,QAAQC;AACd,MAAIC,cAAcL;AAEdM,MAAAA,SAASN,OAAO,GAAG;AACrB,QAAIA,YAAY,QAAQ;AACtBK,oBAAcd,mBAAmBY;AAAAA,IAAAA,OAC5B;AACLE,oBAAcd,mBAAmBS;AAAAA,IACnC;AAAA,EACF;AAEA,6BACGO,MAAO;AAAA,IACNL;AAAAA,IAAS,GACJH,aAAa;AAAA,MAAEA;AAAAA,MAAWC,SAASK;AAAAA,IAAY;AAAA,IAAC,GACjDJ;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

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

@@ -0,0 +1,20 @@
+import clsx from "clsx";
+import { StyledDiv } from "./Actions.styles.js";
+import headerActionsClasses from "./actionsClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvActions = ({
+  classes,
+  className,
+  children,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsx(StyledDiv, {
+    className: clsx(className, headerActionsClasses.root, classes == null ? void 0 : classes.root),
+    ...others,
+    children
+  });
+};
+export {
+  HvActions
+};
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Header/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledDiv } from \"./Actions.styles\";\nimport headerActionsClasses, { HvHeaderActionsClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = HvBaseProps & {\n  classes?: HvHeaderActionsClasses;\n};\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledDiv\n      className={clsx(className, headerActionsClasses.root, classes?.root)}\n      {...others}\n    >\n      {children}\n    </StyledDiv>\n  );\n};\n"],"names":["HvActions","classes","className","children","others","StyledDiv","clsx","headerActionsClasses","root"],"mappings":";;;;AASO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACGC,WAAS;AAAA,IACRH,WAAWI,KAAKJ,WAAWK,qBAAqBC,MAAMP,mCAASO,IAAI;AAAA,IAAE,GACjEJ;AAAAA,IAAMD;AAAAA,EAAAA,CAGA;AAEhB;"}

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

@@ -0,0 +1,20 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1yl6wvv0"
+} : {
+  target: "e1yl6wvv0",
+  label: "StyledDiv"
+})({
+  backgroundColor: "transparent",
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "auto",
+  "& > *": {
+    marginLeft: theme.space.xs
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0hlYWRlci9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdih7XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFwiJiA+ICpcIjoge1xuICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledDiv
+};
+//# sourceMappingURL=Actions.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Header/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledDiv = styled.div({\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: \"auto\",\n  \"& > *\": {\n    marginLeft: theme.space.xs,\n  },\n});\n"],"names":["StyledDiv","process","env","NODE_ENV","target","label","backgroundColor","display","alignItems","marginLeft","theme","space","xs"],"mappings":";;AAGO,MAAMA,2CAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAW,EAAA;AAAA,EAClCC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZ,SAAS;AAAA,IACPA,YAAYC,MAAMC,MAAMC;AAAAA,EAC1B;AACF,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,i4BAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"actionsClasses.js","sources":["../../../../../src/components/Header/Actions/actionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvHeaderActionsClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst headerActionsClasses = getClasses<HvHeaderActionsClasses>(\n  classKeys,\n  \"HvHeader-Actions\"\n);\n\nexport default headerActionsClasses;\n"],"names":["classKeys","headerActionsClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,uBAAuBC,WAC3BF,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;"}

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

@@ -0,0 +1,23 @@
+import { BrandRoot, BrandSeparator } from "./Brand.styles.js";
+import headerBrandClasses from "./brandClasses.js";
+import clsx from "clsx";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { HvTypography } from "../../Typography/Typography.js";
+const HvBrand = ({
+  classes,
+  logo,
+  name,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(BrandRoot, {
+    className: clsx(classes == null ? void 0 : classes.root, headerBrandClasses.root, className),
+    children: [logo, logo && name && /* @__PURE__ */ jsx(BrandSeparator, {}), name && /* @__PURE__ */ jsx(HvTypography, {
+      variant: "label",
+      children: name
+    })]
+  });
+};
+export {
+  HvBrand
+};
+//# sourceMappingURL=Brand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.js","sources":["../../../../../src/components/Header/Brand/Brand.tsx"],"sourcesContent":["import { HvTypography as HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { BrandRoot, BrandSeparator } from \"./Brand.styles\";\nimport headerBrandClasses, { HvHeaderBrandClasses } from \"./brandClasses\";\nimport clsx from \"clsx\";\n\nexport type HvBrandProps = HvBaseProps & {\n  logo?: React.ReactNode;\n  name?: string;\n  classes?: HvHeaderBrandClasses;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvBrand = ({ classes, logo, name, className }: HvBrandProps) => {\n  return (\n    <BrandRoot\n      className={clsx(classes?.root, headerBrandClasses.root, className)}\n    >\n      {logo}\n      {logo && name && <BrandSeparator />}\n      {name && <HvTypography variant=\"label\">{name}</HvTypography>}\n    </BrandRoot>\n  );\n};\n"],"names":["HvBrand","classes","logo","name","className","BrandRoot","clsx","root","headerBrandClasses","children","_jsx","BrandSeparator","HvTypography","variant"],"mappings":";;;;;AAeO,MAAMA,UAAUA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAMC;AAAAA,EAAMC;AAAwB,MAAM;AAC3E,8BACGC,WAAS;AAAA,IACRD,WAAWE,KAAKL,mCAASM,MAAMC,mBAAmBD,MAAMH,SAAS;AAAA,IAAEK,WAElEP,MACAA,QAAQC,QAAQO,oBAACC,qBACjBR,QAAQO,oBAACE,cAAY;AAAA,MAACC,SAAQ;AAAA,MAAOJ,UAAEN;AAAAA,IAAAA,CAAoB,CAAA;AAAA,EAAA,CAClD;AAEhB;"}

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

@@ -0,0 +1,35 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+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 BrandRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1mg4lzk1"
+} : {
+  target: "e1mg4lzk1",
+  label: "BrandRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3lCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJyYW5kUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICBtYXJnaW46IHRoZW1lLnNwYWNlLnhzLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const BrandSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1mg4lzk0"
+} : {
+  target: "e1mg4lzk0",
+  label: "BrandSeparator"
+})({
+  width: 1,
+  height: theme.space.sm,
+  margin: theme.space.xs,
+  backgroundColor: theme.colors.acce1
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0JyYW5kL0JyYW5kLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IEJyYW5kUm9vdCA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBCcmFuZFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICBtYXJnaW46IHRoZW1lLnNwYWNlLnhzLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbn0pO1xuIl19 */");
+export {
+  BrandRoot,
+  BrandSeparator
+};
+//# sourceMappingURL=Brand.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brand.styles.js","sources":["../../../../../src/components/Header/Brand/Brand.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const BrandRoot = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const BrandSeparator = styled(\"div\")({\n  width: 1,\n  height: theme.space.sm,\n  margin: theme.space.xs,\n  backgroundColor: theme.colors.acce1,\n});\n"],"names":["BrandRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","BrandSeparator","width","height","theme","space","sm","margin","xs","backgroundColor","colors","acce1"],"mappings":";;;;;AAGO,MAAMA,YAAmB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGpC;AAEK,MAAMC,iBAAwB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CO,OAAO;AAAA,EACPC,QAAQC,MAAMC,MAAMC;AAAAA,EACpBC,QAAQH,MAAMC,MAAMG;AAAAA,EACpBC,iBAAiBL,MAAMM,OAAOC;AAChC,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y7BAAA;"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { StyledAppBar, HeaderRoot } from "./Header.styles.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvHeader = (props) => {
+  const {
+    children,
+    position = "fixed"
+  } = props;
+  return /* @__PURE__ */ jsx(StyledAppBar, {
+    position,
+    children: /* @__PURE__ */ jsx(HeaderRoot, {
+      children
+    })
+  });
+};
+export {
+  HvHeader
+};
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import { HvBaseProps } from \"../../types\";\nimport { HeaderRoot, StyledAppBar } from \"./Header.styles\";\n\nexport type HvHeaderPosition =\n  | \"fixed\"\n  | \"absolute\"\n  | \"sticky\"\n  | \"static\"\n  | \"relative\";\n\nexport type HvHeaderProps = HvBaseProps & {\n  /** The position of the header bar */\n  position?: HvHeaderPosition;\n};\n\n/**\n * Header component is used to render a header bar with logo and brand name, navigation and actions.\n */\nexport const HvHeader = (props: HvHeaderProps) => {\n  const { children, position = \"fixed\" } = props;\n  return (\n    <StyledAppBar position={position}>\n      <HeaderRoot>{children}</HeaderRoot>\n    </StyledAppBar>\n  );\n};\n"],"names":["HvHeader","props","children","position","StyledAppBar","HeaderRoot"],"mappings":";;AAkBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IAAEC;AAAAA,IAAUC,WAAW;AAAA,EAAYF,IAAAA;AACzC,6BACGG,cAAY;AAAA,IAACD;AAAAA,IAAmBD,8BAC9BG,YAAU;AAAA,MAAAH;AAAAA,IAAAA,CAAU;AAAA,EAAA,CACR;AAEnB;"}

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

@@ -0,0 +1,61 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+const StyledAppBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "euwt7yw1"
+} : {
+  target: "euwt7yw1",
+  label: "StyledAppBar"
+})(({
+  position
+}) => ({
+  height: theme.header.height,
+  backgroundColor: theme.colors.atmo1,
+  display: "flex",
+  flexDirection: "column",
+  width: "100%",
+  boxSizing: "border-box",
+  flexShrink: 0,
+  zIndex: theme.zIndices.banner,
+  color: theme.colors.atmo1,
+  boxShadow: theme.header.shadow,
+  borderTop: `${theme.header.borderTopThickness} solid ${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("div", process.env.NODE_ENV === "production" ? {
+  target: "euwt7yw0"
+} : {
+  target: "euwt7yw0",
+  label: "HeaderRoot"
+})({
+  display: "flex",
+  alignItems: "center",
+  width: "100%",
+  height: "100%",
+  padding: `0 ${theme.space.sm}`,
+  boxShadow: theme.header.shadow,
+  "& > *:not(nav)": {
+    zIndex: 2
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFwcEJhciA9IHN0eWxlZChcImRpdlwiKShcbiAgKHsgcG9zaXRpb24gfTogeyBwb3NpdGlvbj86IHN0cmluZyB9KSA9PiAoe1xuICAgIGhlaWdodDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGZsZXhTaHJpbms6IDAsXG4gICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gICAgYm9yZGVyVG9wOiBgJHt0aGVtZS5oZWFkZXIuYm9yZGVyVG9wVGhpY2tuZXNzfSBzb2xpZCAke3RoZW1lLmhlYWRlci5ib3JkZXJUb3BDb2xvcn1gLFxuXG4gICAgLi4uKHBvc2l0aW9uID09PSBcImZpeGVkXCIgJiYge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IFwiYXV0b1wiLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgfSksXG4gICAgLi4uKHBvc2l0aW9uID09PSBcInJlbGF0aXZlXCIgJiYgeyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICAgIC4uLihwb3NpdGlvbiA9PT0gXCJhYnNvbHV0ZVwiICYmIHsgcG9zaXRpb246IFwiYWJzb2x1dGVcIiB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RhdGljXCIgJiYgeyBwb3NpdGlvbjogXCJzdGF0aWNcIiB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwic3RpY2t5XCIgJiYgeyBwb3NpdGlvbjogXCJzdGlja3lcIiB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXJSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBib3hTaGFkb3c6IHRoZW1lLmhlYWRlci5zaGFkb3csXG4gIFwiJiA+ICo6bm90KG5hdilcIjoge1xuICAgIHpJbmRleDogMixcbiAgfSxcbn0pO1xuIl19 */");
+export {
+  HeaderRoot,
+  StyledAppBar
+};
+//# sourceMappingURL=Header.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.js","sources":["../../../../src/components/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\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","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,eAAsB,wBAAA,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,MAAMC,OAAOF;AAAAA,EACrBG,iBAAiBF,MAAMG,OAAOC;AAAAA,EAC9BC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,OAAO;AAAA,EACPC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,QAAQV,MAAMW,SAASC;AAAAA,EACvBC,OAAOb,MAAMG,OAAOC;AAAAA,EACpBU,WAAWd,MAAMC,OAAOc;AAAAA,EACxBC,WAAY,GAAEhB,MAAMC,OAAOgB,4BAA4BjB,MAAMC,OAAOiB;AAAAA,EAEpE,GAAIpB,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,aAAoB,wBAAA,OAAK7B,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,MAAMyB,MAAMC;AAAAA,EAC1BZ,WAAWd,MAAMC,OAAOc;AAAAA,EACxB,kBAAkB;AAAA,IAChBL,QAAQ;AAAA,EACV;AACF,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qlEAAA;"}

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

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

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

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