@hitachivantara/uikit-react-core 5.109.1 → 6.0.0-next.10

package/dist/cjs/FormElement/utils.cjs

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const findDescriptors = (children, descriptors = {
-  input: [],
-  label: [],
-  description: [],
-  controlled: [],
-  errormessage: [],
-  // TODO: refactor this out
-  HvCalendarHeader: []
-}) => {
-  React.Children.forEach(children, (child) => {
-    if (child?.type?.formElementType && child.props?.id) {
-      descriptors[child.type.formElementType]?.push(
-        {
-          id: child.props?.id,
-          htmlFor: child.props?.htmlFor
-        }
-      );
-    }
-    if (child?.type?.formElementType !== "formelement") {
-      findDescriptors(child?.props?.children, descriptors);
-    }
-  });
-  return descriptors;
-};
-const getIdReferenceListFor = (formElementType, descriptors, filterFor = null) => {
-  const referenceList = descriptors?.[formElementType]?.filter((d) => d.htmlFor !== filterFor)?.map((d) => d.id).join(" ").trim();
-  return referenceList !== "" ? referenceList : void 0;
-};
-const getIdReferenceFor = (formElementType, descriptors, filterFor = null) => {
-  const referenceList = descriptors?.[formElementType]?.filter((d) => d.htmlFor !== filterFor)?.map((d) => d.id)?.[0];
-  return referenceList !== "" ? referenceList : void 0;
-};
-const buildFormElementPropsFromContext = (name, disabled, readOnly, required, context) => {
-  return {
-    name: name || context?.name,
-    disabled: disabled ?? context?.disabled,
-    readOnly: readOnly ?? context?.readOnly,
-    required: required ?? context?.required,
-    status: context?.status
-  };
-};
-const buildAriaPropsFromContext = (props, context, isInvalid2, inputId) => {
-  const arias = {
-    "aria-labelledby": props?.["aria-labelledby"] !== void 0 ? props?.["aria-labelledby"] : getIdReferenceListFor("label", context?.descriptors, inputId),
-    "aria-describedby": props?.["aria-describedby"] !== void 0 ? props?.["aria-describedby"] : getIdReferenceListFor("description", context?.descriptors),
-    "aria-controls": props?.["aria-controls"] !== void 0 ? props?.["aria-controls"] : getIdReferenceListFor("controlled", context?.descriptors)
-  };
-  if (isInvalid2) {
-    arias["aria-invalid"] = isInvalid2;
-    arias["aria-errormessage"] = props?.["aria-errormessage"] !== void 0 ? props?.["aria-errormessage"] : getIdReferenceFor("errormessage", context?.descriptors);
-  }
-  return arias;
-};
-const isValid = (state) => state === "valid";
-const isInvalid = (state) => state === "invalid";
-exports.buildAriaPropsFromContext = buildAriaPropsFromContext;
-exports.buildFormElementPropsFromContext = buildFormElementPropsFromContext;
-exports.findDescriptors = findDescriptors;
-exports.getIdReferenceFor = getIdReferenceFor;
-exports.getIdReferenceListFor = getIdReferenceListFor;
-exports.isInvalid = isInvalid;
-exports.isValid = isValid;

package/dist/cjs/GlobalActions/GlobalActions.cjs

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const styles = require("@mui/material/styles");
-const useMediaQuery = require("@mui/material/useMediaQuery");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const GlobalActions_styles = require("./GlobalActions.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const useMediaQuery__default = /* @__PURE__ */ _interopDefault(useMediaQuery);
-const HvGlobalActions = React.forwardRef(function HvGlobalActions2(props, ref) {
-  const {
-    children,
-    classes: classesProp,
-    className,
-    title,
-    variant = "global",
-    backButton,
-    headingLevel,
-    position: positionProp,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvGlobalActions", props);
-  const muiTheme = styles.useTheme();
-  const { classes, cx, css } = GlobalActions_styles.useClasses(classesProp);
-  const isSmDown = useMediaQuery__default.default(muiTheme.breakpoints.down("sm"));
-  const isUpMd = useMediaQuery__default.default(muiTheme.breakpoints.up("md"));
-  const headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
-  const position = positionProp || (variant === "global" ? "sticky" : "relative");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: cx(
-        classes.root,
-        {
-          [classes.positionSticky]: position === "sticky",
-          [classes.positionFixed]: position === "fixed",
-          [classes.global]: variant === "global",
-          [classes.section]: variant === "section"
-        },
-        position === "fixed" && css(GlobalActions_styles.getBreakpointStyles(isUpMd, isSmDown)),
-        className
-      ),
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cx(classes.wrapper, {
-            [classes.globalWrapperComplement]: variant === "global",
-            [classes.globalSectionArea]: variant === "section"
-          }),
-          children: [
-            variant === "global" && backButton && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.backButton, children: backButton }),
-            typeof title !== "string" ? title : /* @__PURE__ */ jsxRuntime.jsx(
-              Typography.HvTypography,
-              {
-                variant: variant === "global" ? "title3" : "title4",
-                component: `h${headingLevelToApply}`,
-                className: cx(classes.name, {
-                  [classes.sectionName]: variant !== "global"
-                }),
-                children: title
-              }
-            ),
-            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.actions, children })
-          ]
-        }
-      )
-    }
-  );
-});
-exports.globalActionsClasses = GlobalActions_styles.staticClasses;
-exports.HvGlobalActions = HvGlobalActions;

package/dist/cjs/GlobalActions/GlobalActions.styles.cjs

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGlobalActions", {
-  root: {
-    position: "relative"
-  },
-  positionSticky: {
-    width: "100%",
-    position: "sticky"
-  },
-  positionFixed: {
-    width: "100%",
-    position: "fixed"
-  },
-  global: {
-    zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
-    top: 0,
-    left: 0,
-    padding: uikitStyles.theme.spacing(1, 0),
-    backdropFilter: "blur(1px)",
-    "&:before": {
-      content: "''",
-      display: "flex",
-      position: "absolute",
-      inset: 0,
-      background: uikitStyles.theme.colors.bgPage,
-      opacity: "75%"
-    },
-    "& $wrapper": {
-      top: 0,
-      left: 0,
-      backgroundColor: uikitStyles.theme.colors.bgContainer,
-      width: "100%",
-      borderWidth: 1,
-      borderRadius: uikitStyles.theme.radii.round
-    }
-  },
-  section: {
-    "& $wrapper": {
-      borderTopWidth: 1,
-      paddingLeft: 0
-    }
-  },
-  wrapper: {
-    padding: uikitStyles.theme.space.xs,
-    position: "relative",
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    gap: uikitStyles.theme.space.xs,
-    borderColor: uikitStyles.theme.colors.border,
-    paddingLeft: uikitStyles.theme.space.sm
-  },
-  /** @deprecated use classes.global $wrapper */
-  globalSectionArea: {},
-  /** @deprecated use classes.section $wrapper */
-  globalWrapperComplement: {},
-  backButton: {},
-  name: {
-    flexGrow: 1
-  },
-  /** @deprecated use classes.name */
-  sectionName: {},
-  actions: {
-    display: "flex",
-    alignItems: "center",
-    gap: uikitStyles.theme.space.xs,
-    // TODO: remove in v6 in favour of consistently setting `flexGrow: 1` in a title "wrapper"
-    marginLeft: "auto"
-  }
-});
-const getBreakpointStyles = (isUpMd, isSmDown) => {
-  const unit = isUpMd ? 4 : isSmDown ? 2 : 0;
-  if (!unit) return {};
-  return {
-    width: `calc(100% - 2 * ${uikitStyles.theme.spacing(unit)})`,
-    marginLeft: uikitStyles.theme.spacing(unit),
-    marginRight: uikitStyles.theme.spacing(unit)
-  };
-};
-exports.getBreakpointStyles = getBreakpointStyles;
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Grid/Grid.cjs

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiGrid = require("@mui/material/Grid");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useWidth = require("../hooks/useWidth.cjs");
-const Grid_styles = require("./Grid.styles.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const MuiGrid__default = /* @__PURE__ */ _interopDefault(MuiGrid);
-const BREAKPOINT_GUTTERS = {
-  xs: 2,
-  sm: 2,
-  md: 4,
-  lg: 4,
-  xl: 4
-};
-const BREAKPOINT_COLUMNS = {
-  xs: 4,
-  sm: 8,
-  md: 12,
-  lg: 12,
-  xl: 12
-};
-function getGridSpacing(spacing) {
-  let gridSpacing;
-  if (typeof spacing === "string") {
-    if (spacing === "auto") {
-      gridSpacing = BREAKPOINT_GUTTERS;
-    } else {
-      gridSpacing = BREAKPOINT_GUTTERS[spacing];
-    }
-  } else if (typeof spacing === "object") {
-    gridSpacing = Object.keys(spacing).reduce(
-      (acc, bp) => {
-        acc[bp] = BREAKPOINT_GUTTERS[spacing[bp]] ?? spacing[bp];
-        return acc;
-      },
-      {}
-    );
-  } else if (spacing === 0) {
-    gridSpacing = { xs: 0 };
-  } else {
-    gridSpacing = spacing;
-  }
-  return gridSpacing;
-}
-function getNumberOfColumns(columns) {
-  let numberOfColumns;
-  if (columns === "auto") {
-    numberOfColumns = BREAKPOINT_COLUMNS;
-  } else {
-    numberOfColumns = columns;
-  }
-  return numberOfColumns;
-}
-function getContainerProps(spacing, rowSpacing, columnSpacing, columns) {
-  const containerProps = { container: true };
-  if (spacing != null) {
-    containerProps.spacing = getGridSpacing(spacing);
-  }
-  if (rowSpacing != null) {
-    containerProps.rowSpacing = getGridSpacing(rowSpacing);
-  }
-  if (columnSpacing != null) {
-    containerProps.columnSpacing = getGridSpacing(columnSpacing);
-  }
-  if (columns != null) {
-    containerProps.columns = getNumberOfColumns(columns);
-  }
-  return containerProps;
-}
-const WidthGrid = React.forwardRef(function WidthGrid2(props, ref) {
-  const { container, spacing, rowSpacing, columnSpacing, columns, ...others } = props;
-  const width = useWidth.useWidth();
-  const containerProps = container ? getContainerProps(
-    spacing === "auto" ? width : spacing,
-    rowSpacing === "auto" ? width : rowSpacing,
-    columnSpacing === "auto" ? width : columnSpacing,
-    columns
-  ) : {};
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiGrid__default.default, { ref, ...containerProps, ...others });
-});
-const HvGrid = React.forwardRef(function HvGrid2(props, ref) {
-  const {
-    item,
-    container,
-    spacing = "auto",
-    rowSpacing,
-    columnSpacing,
-    columns,
-    classes: classesProp,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvGrid", props);
-  const { classes } = Grid_styles.useClasses(classesProp);
-  if (container && item && (spacing === "auto" || rowSpacing === "auto" || columnSpacing === "auto")) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      WidthGrid,
-      {
-        ref,
-        classes,
-        item,
-        container,
-        spacing,
-        rowSpacing,
-        columnSpacing,
-        columns,
-        ...others
-      }
-    );
-  }
-  const containerProps = container ? getContainerProps(spacing, rowSpacing, columnSpacing, columns) : {};
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MuiGrid__default.default,
-    {
-      ref,
-      classes,
-      item,
-      ...containerProps,
-      ...others
-    }
-  );
-});
-exports.gridClasses = Grid_styles.staticClasses;
-exports.HvGrid = HvGrid;

package/dist/cjs/Grid/Grid.styles.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGrid", {
-  root: {},
-  container: {},
-  item: {},
-  zeroMinWidth: {},
-  "direction-xs-column": {},
-  "direction-xs-reverse": {},
-  "direction-xs-row-reverse": {},
-  "wrap-xs-nowrap": {},
-  "wrap-xs-wrap-reverse": {},
-  "spacing-xs-1": {},
-  "spacing-xs-2": {},
-  "spacing-xs-3": {},
-  "spacing-xs-4": {},
-  "spacing-xs-5": {},
-  "spacing-xs-6": {},
-  "spacing-xs-7": {},
-  "spacing-xs-8": {},
-  "spacing-xs-9": {},
-  "spacing-xs-10": {},
-  "grid-xs-auto": {},
-  "grid-xs-true": {},
-  "grid-xs-1": {},
-  "grid-xs-2": {},
-  "grid-xs-3": {},
-  "grid-xs-4": {},
-  "grid-xs-5": {},
-  "grid-xs-6": {},
-  "grid-xs-7": {},
-  "grid-xs-8": {},
-  "grid-xs-9": {},
-  "grid-xs-10": {},
-  "grid-xs-11": {},
-  "grid-xs-12": {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Header/Actions/Actions.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Actions_styles = require("./Actions.styles.cjs");
-const HvHeaderActions = React.forwardRef(function HvHeaderActions2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    children,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvHeaderActions", props);
-  const { classes, cx } = Actions_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx(classes.root, className), ...others, children });
-});
-exports.headerActionsClasses = Actions_styles.staticClasses;
-exports.HvHeaderActions = HvHeaderActions;

package/dist/cjs/Header/Actions/Actions.styles.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Actions", {
-  root: {
-    backgroundColor: "transparent",
-    display: "flex",
-    gap: uikitStyles.theme.space.xs,
-    alignItems: "center",
-    justifyContent: "flex-end",
-    marginLeft: "auto"
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Header/Brand/Brand.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Brand_styles = require("./Brand.styles.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const HvHeaderBrand = React.forwardRef(function HvHeaderBrand2(props, ref) {
-  const {
-    classes: classesProp,
-    logo,
-    name,
-    className,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvHeaderBrand", props);
-  const { classes, cx } = Brand_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cx(classes.root, className), ...others, children: [
-    logo,
-    logo && name && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.separator }),
-    name && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.brandName, variant: "label", children: name })
-  ] });
-});
-exports.headerBrandClasses = Brand_styles.staticClasses;
-exports.HvHeaderBrand = HvHeaderBrand;

package/dist/cjs/Header/Brand/Brand.styles.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Brand", {
-  root: { display: "flex", alignItems: "center" },
-  separator: {
-    width: 1,
-    height: uikitStyles.theme.space.sm,
-    margin: uikitStyles.theme.space.xs,
-    backgroundColor: uikitStyles.theme.colors.text
-  },
-  brandName: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Header/Header.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Header_styles = require("./Header.styles.cjs");
-const HvHeader = React.forwardRef(function HvHeader2(props, ref) {
-  const {
-    className,
-    classes: classesProp,
-    children,
-    position = "fixed",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvHeader", props);
-  const { classes, cx } = Header_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "header",
-    {
-      ref,
-      style: { position },
-      className: cx(
-        classes.root,
-        classes.backgroundColor,
-        { [classes.fixed]: position === "fixed" },
-        className
-      ),
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.header, children })
-    }
-  );
-});
-exports.headerClasses = Header_styles.staticClasses;
-exports.HvHeader = HvHeader;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader", {
-  root: {
-    height: uikitStyles.theme.header.height,
-    backgroundColor: uikitStyles.theme.colors.bgContainer,
-    display: "flex",
-    flexDirection: "column",
-    width: "100%",
-    boxSizing: "border-box",
-    flexShrink: 0,
-    zIndex: uikitStyles.theme.zIndices.banner,
-    borderTop: "none",
-    boxShadow: uikitStyles.theme.colors.shadow
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    width: "100%",
-    height: "100%",
-    padding: uikitStyles.theme.spacing(0, "sm"),
-    "& > *:not(nav)": {
-      zIndex: 2
-    }
-  },
-  fixed: { position: "fixed", top: 0, left: "auto", right: 0 },
-  /** @deprecated use `classes.root` instead */
-  backgroundColor: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const SelectionContext = require("../utils/SelectionContext.cjs");
-const Bar_styles = require("./Bar.styles.cjs");
-const Bar = (props) => {
-  const {
-    data = [],
-    type = "menubar",
-    className,
-    children,
-    classes: classesProp
-  } = uikitReactUtils.useDefaultProps("HvHeaderMenuBarBar", props);
-  const { classes, cx } = Bar_styles.useClasses(classesProp);
-  const selectionPath = React.useContext(SelectionContext.SelectionContext);
-  const isMenu = type === "menu";
-  const isActive = isMenu && data.some((item) => item.id === selectionPath?.[1]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(
-        classes.root,
-        classes[type],
-        {
-          [classes.hidden]: isMenu,
-          [classes.active]: isActive
-        },
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classes.list, onFocus: () => {
-      }, children })
-    }
-  );
-};
-exports.headerMenuBarClasses = Bar_styles.staticClasses;
-exports.Bar = Bar;

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const show = {
-  top: uikitStyles.theme.header.height,
-  transitionProperty: "top",
-  boxShadow: uikitStyles.theme.colors.shadow,
-  transitionDuration: "500ms",
-  backgroundColor: uikitStyles.theme.colors.bgPage
-};
-const hide = {
-  top: 0,
-  transitionProperty: "top",
-  boxShadow: "none",
-  transitionDuration: "300ms"
-};
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-MenuBar", {
-  root: {
-    left: 0,
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  menu: {
-    position: "absolute",
-    zIndex: -2,
-    height: uikitStyles.theme.header.secondLevelHeight,
-    backgroundColor: uikitStyles.theme.colors.bgPage,
-    "& li > div": {
-      marginTop: 0
-    }
-  },
-  menubar: {
-    position: "relative",
-    backgroundColor: uikitStyles.theme.colors.bgContainer
-  },
-  hidden: { ...hide },
-  active: { ...show },
-  list: {
-    margin: 0,
-    padding: 0,
-    display: "inherit",
-    alignItems: "center",
-    height: "100%",
-    "&:hover $active": {
-      ...hide
-    },
-    "& li:hover > $hidden": {
-      ...show
-    },
-    "&:focus-within $active": {
-      ...hide,
-      zIndex: -2
-    },
-    "& li:focus-within > $hidden": {
-      ...show,
-      zIndex: -1
-    }
-  }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Bar = require("./Bar.cjs");
-const MenuItem = require("../MenuItem/MenuItem.cjs");
-const HvHeaderMenuBar = (props) => {
-  const {
-    data = [],
-    onClick,
-    type = "menubar",
-    levels,
-    currentLevel,
-    classes,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvHeaderMenuBar", props);
-  return /* @__PURE__ */ jsxRuntime.jsx(Bar.Bar, { data, type, classes, ...others, children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-    MenuItem.HvHeaderMenuItem,
-    {
-      item,
-      type,
-      onClick,
-      levels,
-      currentLevel
-    },
-    item.id
-  )) });
-};
-exports.HvHeaderMenuBar = HvHeaderMenuBar;