@hitachivantara/uikit-react-core 5.103.0 → 5.104.0

package/dist/cjs/packages/core/src/FormElement/CharCounter/CharCounter.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
+const CharCounter_styles = require("./CharCounter.styles.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const HvCharCounter = (props) => {
+  const {
+    separator = "/",
+    maxCharQuantity,
+    currentCharQuantity = 0,
+    classes: classesProp,
+    className,
+    id: idProp,
+    disabled: disabledProp,
+    disableGutter,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvCharCounter", props);
+  const { classes, cx } = CharCounter_styles.useClasses(classesProp);
+  const context$1 = a.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const id = idProp ?? setId.setId(context$1.id, "counter");
+  const currentId = setId.setId(id, "currentQuantity");
+  const maxQuantityId = setId.setId(id, "maxQuantity");
+  const isOverloaded = currentCharQuantity > maxCharQuantity;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id,
+      className: cx(
+        classes.root,
+        {
+          [classes.counterDisabled]: disabled,
+          [classes.gutter]: !disableGutter
+        },
+        className
+      ),
+      "aria-live": "polite",
+      "aria-disabled": disabled,
+      ...others,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Typography.HvTypography,
+          {
+            id: currentId,
+            className: cx({
+              [classes.overloaded]: isOverloaded && !disabled,
+              [classes.counterDisabled]: disabled
+            }),
+            variant: "label",
+            component: "label",
+            children: currentCharQuantity
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Typography.HvTypography,
+          {
+            id: maxQuantityId,
+            className: cx({
+              [classes.overloaded]: isOverloaded && !disabled,
+              [classes.counterDisabled]: disabled
+            }),
+            variant: "body",
+            component: "label",
+            children: ` ${separator} ${maxCharQuantity}`
+          }
+        )
+      ]
+    }
+  );
+};
+exports.charCounterClasses = CharCounter_styles.staticClasses;
+exports.HvCharCounter = HvCharCounter;

package/dist/cjs/packages/core/src/FormElement/FormElement.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const useUniqueId = require("../hooks/useUniqueId.cjs");
+const context = require("./context.cjs");
+const FormElement_styles = require("./FormElement.styles.cjs");
+const utils = require("./utils.cjs");
+const HvFormElement = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    children,
+    id: idProp,
+    name,
+    value,
+    disabled,
+    required,
+    readOnly,
+    status = "standBy",
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvFormElement", props);
+  const { classes, cx } = FormElement_styles.useClasses(classesProp);
+  const id = useUniqueId.useUniqueId(idProp);
+  const contextValue = a.useMemo(
+    () => ({ id, name, status, disabled, required, readOnly }),
+    [id, name, status, disabled, required, readOnly]
+  );
+  const descriptors = a.useMemo(() => utils.findDescriptors(children), [children]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementValueContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(context.HvFormElementDescriptorsContext.Provider, { value: descriptors, children }) }) }) });
+};
+HvFormElement.formElementType = "formelement";
+exports.formElementClasses = FormElement_styles.staticClasses;
+exports.HvFormElement = HvFormElement;

package/dist/cjs/packages/core/src/FormElement/InfoMessage/InfoMessage.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
+const InfoMessage_styles = require("./InfoMessage.styles.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const HvInfoMessage = (props) => {
+  const {
+    id: idProp,
+    classes: classesProp,
+    className,
+    children,
+    disabled: disabledProp,
+    disableGutter,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvInfoMessage", props);
+  const { classes, cx } = InfoMessage_styles.useClasses(classesProp);
+  const context$1 = a.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const id = idProp ?? setId.setId(context$1.id, "description");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Typography.HvTypography,
+    {
+      id,
+      className: cx(
+        classes.root,
+        {
+          [classes.infoDisabled]: !!disabled,
+          [classes.gutter]: !disableGutter
+        },
+        className
+      ),
+      variant: "body",
+      component: "label",
+      ...others,
+      children
+    }
+  );
+};
+exports.infoMessageClasses = InfoMessage_styles.staticClasses;
+exports.HvInfoMessage = HvInfoMessage;

package/dist/cjs/packages/core/src/FormElement/Label/Label.cjs

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
+const utils = require("../utils.cjs");
+const Label_styles = require("./Label.styles.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const HvLabel = (props) => {
+  const {
+    id: idProp,
+    classes: classesProp,
+    className,
+    children,
+    label,
+    showGutter,
+    disabled: disabledProp,
+    required: requiredProp,
+    htmlFor: htmlForProp,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvLabel", props);
+  const { classes, cx } = Label_styles.useClasses(classesProp);
+  const context$1 = a.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const required = requiredProp ?? context$1.required;
+  const id = idProp ?? setId.setId(context$1.id, "label");
+  const forId = a.useMemo(
+    () => htmlForProp || utils.findDescriptors(children)?.input?.[0]?.id,
+    [children, htmlForProp]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Typography.HvTypography,
+      {
+        id,
+        className: cx(
+          classes.root,
+          {
+            [classes.labelDisabled]: disabled,
+            [classes.childGutter]: showGutter || children && label
+          },
+          className
+        ),
+        variant: "label",
+        component: "label",
+        htmlFor: forId,
+        ...others,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
+        ]
+      }
+    ),
+    children
+  ] });
+};
+exports.labelClasses = Label_styles.staticClasses;
+exports.HvLabel = HvLabel;

package/dist/cjs/packages/core/src/FormElement/Suggestions/Suggestions.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const ClickAwayListener = require("@mui/base/ClickAwayListener");
+const Popper = require("@mui/base/Popper");
+const utils = require("@mui/material/utils");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const document = require("../../utils/document.cjs");
+const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
+const Suggestions_styles = require("./Suggestions.styles.cjs");
+const SelectionList = require("../../SelectionList/SelectionList.cjs");
+const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
+const HvSuggestions = a.forwardRef(function HvSuggestions2(props, extRef) {
+  const {
+    id: idProp,
+    className,
+    classes: classesProp,
+    expanded = false,
+    enablePortal,
+    open: openProp,
+    anchorEl,
+    suggestionValues,
+    onClose,
+    onSuggestionSelected,
+    popperProps,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvSuggestions", props);
+  const { classes, cx } = Suggestions_styles.useClasses(classesProp);
+  const { rootId } = uikitReactUtils.useTheme();
+  const context$1 = a.useContext(context.HvFormElementContext);
+  const id = idProp ?? setId.setId(context$1.id, "suggestions");
+  const ref = a.useRef(null);
+  const forkedRef = utils.useForkRef(ref, extRef);
+  const [isOpen, setIsOpen] = a.useState(expanded);
+  a.useEffect(() => {
+    setIsOpen(expanded);
+  }, [expanded]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id,
+      ref: forkedRef,
+      className: cx(classes.root, className),
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ClickAwayListener.ClickAwayListener,
+        {
+          onClickAway: (event) => {
+            setIsOpen(false);
+            onClose?.(event);
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Popper.Popper,
+            {
+              style: {
+                // @ts-ignore
+                "--popper-width": enablePortal ? `${anchorEl?.clientWidth}px` : "100%"
+              },
+              open: openProp ?? isOpen,
+              disablePortal: !enablePortal,
+              container: enablePortal ? document.getContainerElement(rootId) : void 0,
+              anchorEl,
+              className: cx(classes.popper, {
+                [classes.portal]: enablePortal
+              }),
+              ...popperProps,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                SelectionList.HvSelectionList,
+                {
+                  className: classes.list,
+                  id: setId.setId(id, "list"),
+                  onChange: onSuggestionSelected,
+                  children: suggestionValues?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { value: item, disabled: item.disabled, children: item.label }, item.id))
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+});
+exports.suggestionsClasses = Suggestions_styles.staticClasses;
+exports.HvSuggestions = HvSuggestions;

package/dist/cjs/packages/core/src/FormElement/WarningText/WarningText.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const icons = require("../../icons.cjs");
+const setId = require("../../utils/setId.cjs");
+const context = require("../context.cjs");
+const WarningText_styles = require("./WarningText.styles.cjs");
+const HvWarningText = (props) => {
+  const {
+    children,
+    adornment: adornmentProp,
+    isVisible: isVisibleProp,
+    classes: classesProp,
+    className,
+    id: idProp,
+    disabled: disabledProp,
+    disableGutter,
+    disableBorder,
+    disableAdornment,
+    hideText,
+    ...others
+  } = uikitReactUtils.useDefaultProps("HvWarningText", props);
+  const { classes, cx } = WarningText_styles.useClasses(classesProp);
+  const context$1 = a.useContext(context.HvFormElementContext);
+  const disabled = disabledProp ?? context$1.disabled;
+  const visible = isVisibleProp ?? context$1.status === "invalid";
+  const id = idProp ?? setId.setId(context$1.id, "error");
+  const showWarning = visible && !disabled;
+  const adornment = adornmentProp || /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Fail", size: "xs", className: classes.defaultIcon });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cx(
+        classes.root,
+        {
+          [classes.show]: showWarning,
+          [classes.topBorder]: !disableBorder
+        },
+        className
+      ),
+      children: [
+        !disableAdornment && adornment,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            id,
+            className: cx(classes.warningText, {
+              [classes.topGutter]: !disableGutter,
+              [classes.hideText]: hideText
+            }),
+            role: "status",
+            "aria-live": "polite",
+            "aria-relevant": "additions text",
+            ...others,
+            children: showWarning && children
+          }
+        )
+      ]
+    }
+  );
+};
+exports.warningTextClasses = WarningText_styles.staticClasses;
+exports.HvWarningText = HvWarningText;

package/dist/cjs/packages/core/src/FormElement/context.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const a = require("react");
+const HvFormElementContext = a.createContext(
+  {}
+);
+const HvFormElementDescriptorsContext = a.createContext({});
+const HvFormElementValueContext = a.createContext(void 0);
+exports.HvFormElementContext = HvFormElementContext;
+exports.HvFormElementDescriptorsContext = HvFormElementDescriptorsContext;
+exports.HvFormElementValueContext = HvFormElementValueContext;

package/dist/cjs/packages/core/src/FormElement/utils.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const a = require("react");
+const findDescriptors = (children, descriptors = {
+  input: [],
+  label: [],
+  description: [],
+  controlled: [],
+  errormessage: [],
+  // TODO: refactor this out
+  HvCalendarHeader: []
+}) => {
+  a.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/packages/core/src/GlobalActions/GlobalActions.cjs

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = 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 = a.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/packages/core/src/Grid/Grid.cjs

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = 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 = a.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 = a.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/packages/core/src/Header/Actions/Actions.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const a = require("react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const Actions_styles = require("./Actions.styles.cjs");
+const HvHeaderActions = a.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;