@hitachivantara/uikit-react-core 5.67.0 → 5.68.0

package/dist/cjs/Footer/Footer.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Footer_styles = require("./Footer.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -16,7 +16,7 @@ const HvFooter = (props) => {
     classes: classesProp,
     className,
     ...others
-  } = useDefaultProps.useDefaultProps("HvFooter", props);
+  } = uikitReactUtils.useDefaultProps("HvFooter", props);
   const muiTheme = styles.useTheme();
   const { classes, cx } = Footer_styles.useClasses(classesProp);
   const isSmDown = useMediaQuery__default.default(muiTheme.breakpoints.down("sm"));

package/dist/cjs/Footer/Footer.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFooter", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFooter", {
   root: {
     display: "flex",
     alignItems: "center",

package/dist/cjs/Forms/Adornment/Adornment.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const focusUtils = require("../../utils/focusUtils.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvAdornment", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvAdornment", {
   root: {},
   icon: { width: 32, height: 32 },
   adornment: {

package/dist/cjs/Forms/CharCounter/CharCounter.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const CharCounter_styles = require("./CharCounter.styles.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
@@ -18,7 +18,7 @@ const HvCharCounter = (props) => {
     disabled,
     disableGutter = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvCharCounter", props);
+  } = uikitReactUtils.useDefaultProps("HvCharCounter", props);
   const { classes, cx } = CharCounter_styles.useClasses(classesProp);
   const { elementId, elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
   const localDisabled = disabled || elementDisabled;

package/dist/cjs/Forms/CharCounter/CharCounter.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvCharCounter", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvCharCounter", {
   root: { display: "inline-block", float: "right" },
   counterDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   gutter: { paddingLeft: "6px" },

package/dist/cjs/Forms/FormElement/FormElement.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const FormElementContext = require("./context/FormElementContext.cjs");
 const FormElementDescriptorsContext = require("./context/FormElementDescriptorsContext.cjs");
@@ -22,7 +22,7 @@ const HvFormElement = (props) => {
     readOnly = false,
     status = "standBy",
     ...others
-  } = useDefaultProps.useDefaultProps("HvFormElement", props);
+  } = uikitReactUtils.useDefaultProps("HvFormElement", props);
   const { classes, cx } = FormElement_styles.useClasses(classesProp);
   const elementId = useUniqueId.useUniqueId(id);
   const contextValue = React.useMemo(

package/dist/cjs/Forms/FormElement/FormElement.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvFormElement", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFormElement", {
   root: {}
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/Forms/InfoMessage/InfoMessage.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const InfoMessage_styles = require("./InfoMessage.styles.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
@@ -16,7 +16,7 @@ const HvInfoMessage = (props) => {
     disabled,
     disableGutter = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvInfoMessage", props);
+  } = uikitReactUtils.useDefaultProps("HvInfoMessage", props);
   const { classes, cx } = InfoMessage_styles.useClasses(classesProp);
   const { elementId, elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
   const localDisabled = disabled || elementDisabled;

package/dist/cjs/Forms/InfoMessage/InfoMessage.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInfoMessage", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInfoMessage", {
   root: { color: uikitStyles.theme.colors.secondary_80, display: "inline-block" },
   infoDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   gutter: { padding: `0 0 6px ${uikitStyles.theme.space.xs}` }

package/dist/cjs/Forms/Label/Label.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const FormUtils = require("../FormElement/utils/FormUtils.cjs");
 const Label_styles = require("./Label.styles.cjs");
@@ -19,7 +19,7 @@ const HvLabel = (props) => {
     required,
     htmlFor: htmlForProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvLabel", props);
+  } = uikitReactUtils.useDefaultProps("HvLabel", props);
   const { classes, cx } = Label_styles.useClasses(classesProp);
   const { elementId, elementDisabled, elementRequired } = React.useContext(FormElementContext.HvFormElementContext);
   const localDisabled = disabled || elementDisabled;

package/dist/cjs/Forms/Label/Label.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLabel", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLabel", {
   root: { fontWeight: uikitStyles.theme.fontWeights.normal, display: "inline-block" },
   labelDisabled: { color: uikitStyles.theme.colors.secondary_60 },
   childGutter: { paddingBottom: "6px" }

package/dist/cjs/Forms/Suggestions/Suggestions.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvSuggestions", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvSuggestions", {
   root: { position: "relative" },
   list: {
     backgroundColor: uikitStyles.theme.colors.atmo1,

package/dist/cjs/Forms/WarningText/WarningText.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const setId = require("../../utils/setId.cjs");
 const WarningText_styles = require("./WarningText.styles.cjs");
 const FormElementContext = require("../FormElement/context/FormElementContext.cjs");
@@ -22,7 +22,7 @@ const HvWarningText = (props) => {
     disableAdornment = false,
     hideText = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvWarningText", props);
+  } = uikitReactUtils.useDefaultProps("HvWarningText", props);
   const { classes, cx } = WarningText_styles.useClasses(classesProp);
   const { elementId, elementStatus, elementDisabled } = React.useContext(FormElementContext.HvFormElementContext);
   const localDisabled = disabled || elementDisabled;

package/dist/cjs/Forms/WarningText/WarningText.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvWarningText", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvWarningText", {
   root: { display: "none" },
   defaultIcon: { minWidth: "24px", width: "24px", height: "24px" },
   warningText: {

package/dist/cjs/GlobalActions/GlobalActions.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+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 };
@@ -19,7 +19,7 @@ const HvGlobalActions = (props) => {
     headingLevel,
     position: positionProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvGlobalActions", props);
+  } = 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"));

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvGlobalActions", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGlobalActions", {
   root: {
     position: "relative"
   },

package/dist/cjs/Grid/Grid.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const MuiGrid = require("@mui/material/Grid");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+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 };
@@ -91,7 +91,7 @@ const HvGrid = React.forwardRef((props, ref) => {
     columns,
     classes: classesProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvGrid", props);
+  } = uikitReactUtils.useDefaultProps("HvGrid", props);
   const { classes } = Grid_styles.useClasses(classesProp);
   if (container && item && (spacing === "auto" || rowSpacing === "auto" || columnSpacing === "auto")) {
     return /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvGrid", {
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvGrid", {
   root: {},
   container: {},
   item: {},

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

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

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../../Button/Button.styles.cjs");
 require("../../Button/Button.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-Actions", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Actions", {
   root: {
     backgroundColor: "transparent",
     display: "flex",

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Brand_styles = require("./Brand.styles.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const HvHeaderBrand = (props) => {
@@ -11,7 +11,7 @@ const HvHeaderBrand = (props) => {
     name,
     className,
     ...others
-  } = useDefaultProps.useDefaultProps("HvHeaderBrand", props);
+  } = uikitReactUtils.useDefaultProps("HvHeaderBrand", props);
   const { classes, cx } = Brand_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), ...others, children: [
     logo,

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-Brand", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-Brand", {
   root: { display: "flex", alignItems: "center" },
   separator: {
     width: 1,

package/dist/cjs/Header/Header.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Header_styles = require("./Header.styles.cjs");
 const HvHeader = (props) => {
   const {
@@ -10,7 +10,7 @@ const HvHeader = (props) => {
     children,
     position = "fixed",
     ...others
-  } = useDefaultProps.useDefaultProps("HvHeader", props);
+  } = uikitReactUtils.useDefaultProps("HvHeader", props);
   const { classes, cx, css } = Header_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader", {
   root: {
     height: uikitStyles.theme.header.height,
     backgroundColor: uikitStyles.theme.colors.atmo1,
@@ -12,7 +12,6 @@ const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader",
     boxSizing: "border-box",
     flexShrink: 0,
     zIndex: uikitStyles.theme.zIndices.banner,
-    color: uikitStyles.theme.colors.atmo1,
     boxShadow: uikitStyles.theme.colors.shadow,
     borderTop: "none"
   },

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const SelectionContext = require("../utils/SelectionContext.cjs");
 const Bar_styles = require("./Bar.styles.cjs");
 const Bar = (props) => {
@@ -13,7 +13,7 @@ const Bar = (props) => {
     className,
     children,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvHeaderMenuBarBar", props);
+  } = uikitReactUtils.useDefaultProps("HvHeaderMenuBarBar", props);
   const { classes, cx } = Bar_styles.useClasses(classesProp);
   const selectionPath = React.useContext(SelectionContext.SelectionContext);
   const isMenu = type === "menu";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const show = {
   top: uikitStyles.theme.header.height,
   transition: ["top"],
@@ -15,7 +15,7 @@ const hide = {
   boxShadow: "none",
   transitionDuration: "300ms"
 };
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-MenuBar", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvHeader-MenuBar", {
   root: {
     left: 0,
     width: "100%",

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

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

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const keyboardUtils = require("../../../utils/keyboardUtils.cjs");
 const Bar = require("../MenuBar/Bar.cjs");
 const FocusContext = require("../utils/FocusContext.cjs");
@@ -39,7 +39,7 @@ const HvHeaderMenuItem = (props) => {
     currentLevel,
     classes: classesProp,
     className
-  } = useDefaultProps.useDefaultProps("HvHeaderMenuItem", props);
+  } = uikitReactUtils.useDefaultProps("HvHeaderMenuItem", props);
   const { classes, cx } = MenuItem_styles.useClasses(classesProp);
   const selectionPath = React.useContext(SelectionContext.SelectionContext);
   const { dispatch } = React.useContext(FocusContext.FocusContext);

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const focusUtils = require("../../../utils/focusUtils.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const item = {
   border: "none",
   cursor: "pointer",
@@ -38,7 +38,7 @@ const item = {
     }
   }
 };
-const { staticClasses, useClasses } = uikitReactShared.createClasses(
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(
   "HvHeader-MenuItem",
   {
     root: {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Navigation_styles = require("./Navigation.styles.cjs");
 const useSelectionPath = require("./useSelectionPath.cjs");
 const FocusContext = require("./utils/FocusContext.cjs");
@@ -16,7 +16,7 @@ const HvHeaderNavigation = (props) => {
     classes: classesProp,
     levels = 2,
     ...others
-  } = useDefaultProps.useDefaultProps("HvHeaderNavigation", props);
+  } = uikitReactUtils.useDefaultProps("HvHeaderNavigation", props);
   const { classes, cx } = Navigation_styles.useClasses(classesProp);
   const selectionPath = useSelectionPath.useSelectionPath(data, selected);
   const handleClick = (event, selection) => {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses(
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
+const { staticClasses, useClasses } = uikitReactUtils.createClasses(
   "HvHeader-Navigation",
   {
     root: {

package/dist/cjs/IconButton/IconButton.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const generic = require("../types/generic.cjs");
 const Button = require("../Button/Button.cjs");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
@@ -12,7 +12,7 @@ const HvIconButton = generic.fixedForwardRef(function HvIconButton2(props, ref)
     enterDelay = 500,
     tooltipProps,
     ...others
-  } = useDefaultProps.useDefaultProps("HvIconButton", props);
+  } = uikitReactUtils.useDefaultProps("HvIconButton", props);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tooltip.HvTooltip,
     {

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -3,15 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const generic = require("../types/generic.cjs");
 const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const InlineEditor_styles = require("./InlineEditor.styles.cjs");
 const Button = require("../Button/Button.cjs");
 const Input = require("../Input/Input.cjs");
 const Typography = require("../Typography/Typography.cjs");
-const HvInlineEditor = (props) => {
+const HvInlineEditor = generic.fixedForwardRef(function HvInlineEditor2(props, ref) {
   const {
     className,
     classes: classesProp,
@@ -28,13 +28,13 @@ const HvInlineEditor = (props) => {
     typographyProps,
     disabled,
     ...others
-  } = useDefaultProps.useDefaultProps("HvInlineEditor", props);
+  } = uikitReactUtils.useDefaultProps("HvInlineEditor", props);
   const { classes, cx } = InlineEditor_styles.useClasses(classesProp);
   const [value, setValue] = useControlled.useControlled(valueProp, defaultValue);
   const [editMode, setEditMode] = React.useState(false);
   const [cachedValue, setCachedValue] = React.useState(value);
   const inputRef = React.useRef();
-  const { activeTheme } = uikitReactShared.useTheme();
+  const { activeTheme } = uikitReactUtils.useTheme();
   const typographyStyles = activeTheme?.typography[variant] || {};
   const { lineHeight } = typographyStyles;
   React.useLayoutEffect(() => {
@@ -68,6 +68,7 @@ const HvInlineEditor = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.root, className), children: editMode && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(
     InputComponent,
     {
+      ref,
       inputRef,
       classes: {
         root: classes.inputRoot,
@@ -118,6 +119,6 @@ const HvInlineEditor = (props) => {
       )
     }
   ) });
-};
+});
 exports.inlineEditorClasses = InlineEditor_styles.staticClasses;
 exports.HvInlineEditor = HvInlineEditor;

package/dist/cjs/InlineEditor/InlineEditor.styles.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const BaseInput_styles = require("../BaseInput/BaseInput.styles.cjs");
 require("../BaseInput/BaseInput.cjs");
 const Input_styles = require("../Input/Input.styles.cjs");
 require("../Input/Input.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInlineEditor", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInlineEditor", {
   root: {
     [`& .${BaseInput_styles.staticClasses.inputRoot}.${Input_styles.staticClasses.inputRoot}`]: {
       height: "100%",

package/dist/cjs/Input/Input.cjs

@@ -4,10 +4,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const utils = require("@mui/material/utils");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const validations = require("../BaseInput/validations.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useIsMounted = require("../hooks/useIsMounted.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
@@ -87,7 +87,7 @@ const HvInput = React.forwardRef((props, ref) => {
     onKeyDown,
     inputProps = {},
     ...others
-  } = useDefaultProps.useDefaultProps("HvInput", props);
+  } = uikitReactUtils.useDefaultProps("HvInput", props);
   const { classes, cx } = Input_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const elementId = useUniqueId.useUniqueId(id);

package/dist/cjs/Input/Input.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Suggestions_styles = require("../Forms/Suggestions/Suggestions.styles.cjs");
 require("../Forms/Suggestions/Suggestions.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInput", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
   root: { display: "block" },
   labelContainer: { display: "flex", alignItems: "flex-start" },
   label: { paddingBottom: "6px", display: "block" },