@hitachivantara/uikit-react-core 5.67.1 → 5.68.1

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" },

package/dist/cjs/Kpi/Kpi.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 useLabels = require("../hooks/useLabels.cjs");
 const Kpi_styles = require("./Kpi.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -26,7 +26,7 @@ const HvKpi = (props) => {
     classes: classesProp,
     className,
     ...others
-  } = useDefaultProps.useDefaultProps("HvKpi", props);
+  } = uikitReactUtils.useDefaultProps("HvKpi", props);
   const { classes, cx } = Kpi_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const InternalVisualComparison = typeof visualComparison === "string" ? Typography.HvTypography : "div";

package/dist/cjs/Kpi/Kpi.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("HvKpi", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvKpi", {
   root: { width: "100%", height: "100%" },
   visualIndicatorContainer: {
     display: "inline-flex",

package/dist/cjs/Link/Link.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 Link_styles = require("./Link.styles.cjs");
 const HvLink = (props) => {
   const {
@@ -12,7 +12,7 @@ const HvLink = (props) => {
     data,
     children,
     ...others
-  } = useDefaultProps.useDefaultProps("HvLink", props);
+  } = uikitReactUtils.useDefaultProps("HvLink", props);
   const { classes, cx } = Link_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "a",

package/dist/cjs/Link/Link.styles.cjs

@@ -1,9 +1,9 @@
 "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 { staticClasses, useClasses } = uikitReactShared.createClasses("HvLink", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLink", {
   a: {
     ...uikitStyles.theme.typography.label,
     textDecoration: "underline",

package/dist/cjs/List/List.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactWindow = require("react-window");
 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 List_styles = require("./List.styles.cjs");
 const useSelectableList = require("./useSelectableList.cjs");
@@ -40,7 +40,7 @@ const HvList = (props) => {
     height,
     virtualized = false,
     ...others
-  } = useDefaultProps.useDefaultProps("HvList", props);
+  } = uikitReactUtils.useDefaultProps("HvList", props);
   const { classes, cx } = List_styles.useClasses(classesProp);
   const [list, setList, selection] = useSelectableList.useSelectableList(valuesProp);
   const listRef = React.useRef(null);

package/dist/cjs/List/List.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("HvList", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvList", {
   root: {},
   virtualizedRoot: { marginBottom: 5 },
   selectorRoot: { width: "100%", zIndex: 0 },

package/dist/cjs/ListContainer/ListContainer.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 useForkRef = require("../hooks/useForkRef.cjs");
 const ListContainer_styles = require("./ListContainer.styles.cjs");
 const ListContext = require("./ListContext/ListContext.cjs");
@@ -17,7 +17,7 @@ const HvListContainer = React.forwardRef((props, ref) => {
     disableGutters,
     children: childrenProp,
     ...others
-  } = useDefaultProps.useDefaultProps("HvListContainer", props);
+  } = uikitReactUtils.useDefaultProps("HvListContainer", props);
   const { classes, cx } = ListContainer_styles.useClasses(classesProp);
   const containerRef = React.useRef(null);
   const { topContainerRef, nesting = -1 } = React.useContext(ListContext.default);

package/dist/cjs/ListContainer/ListContainer.styles.cjs

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

package/dist/cjs/ListContainer/ListItem/ListItem.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 ListItem_styles = require("./ListItem.styles.cjs");
 const ListContext = require("../ListContext/ListContext.cjs");
 const Focus = require("../../Focus/Focus.cjs");
@@ -39,7 +39,7 @@ const HvListItem = React.forwardRef((props, ref) => {
     children,
     tabIndex,
     ...others
-  } = useDefaultProps.useDefaultProps("HvListItem", props);
+  } = uikitReactUtils.useDefaultProps("HvListItem", props);
   const { classes, cx } = ListItem_styles.useClasses(classesProp);
   const {
     topContainerRef,

package/dist/cjs/ListContainer/ListItem/ListItem.styles.cjs

@@ -1,9 +1,9 @@
 "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 { staticClasses, useClasses } = uikitReactShared.createClasses("HvListItem", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvListItem", {
   root: {
     ...uikitStyles.theme.typography.body,
     padding: 0,

package/dist/cjs/Loading/Loading.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Loading_styles = require("./Loading.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -15,7 +15,7 @@ const HvLoading = (props) => {
     classes: classesProp,
     className,
     ...others
-  } = useDefaultProps.useDefaultProps("HvLoading", props);
+  } = uikitReactUtils.useDefaultProps("HvLoading", props);
   const { classes, cx } = Loading_styles.useClasses(classesProp);
   const size = small ? "small" : "regular";
   const colorVariant = color ? "Color" : "";

package/dist/cjs/Loading/Loading.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@emotion/react");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const interval = 0.11;
 const bars = {
   "&:nth-of-type(1)": {
@@ -62,7 +62,7 @@ const smallColorAnimation = react.keyframes`
     transform: scale(1, 0.223); 
   }
 `;
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLoading", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLoading", {
   root: {
     display: "flex",
     flexDirection: "column",

package/dist/cjs/LoadingContainer/LoadingContainer.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 LoadingContainer_styles = require("./LoadingContainer.styles.cjs");
 const Loading = require("../Loading/Loading.cjs");
 const HvLoadingContainer = (props) => {
@@ -15,7 +15,7 @@ const HvLoadingContainer = (props) => {
     "aria-label": ariaLabelProp,
     opacity,
     ...others
-  } = useDefaultProps.useDefaultProps("HvLoadingContainer", props);
+  } = uikitReactUtils.useDefaultProps("HvLoadingContainer", props);
   const { classes, cx } = LoadingContainer_styles.useClasses(classesProp);
   const ariaLabel = ariaLabelProp || typeof label === "string" && label ? label : "Loading";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), ...others, children: [
@@ -28,7 +28,7 @@ const HvLoadingContainer = (props) => {
         label,
         hidden,
         "aria-label": ariaLabel,
-        style: opacity ? { ["--opacity"]: opacity } : void 0
+        style: uikitReactUtils.mergeStyles({}, { "--opacity": opacity })
       }
     ),
     children

package/dist/cjs/LoadingContainer/LoadingContainer.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("HvLoadingContainer", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLoadingContainer", {
   root: {
     position: "relative",
     height: "inherit"

package/dist/cjs/Login/Login.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 Login_styles = require("./Login.styles.cjs");
 const HvLogin = (props) => {
   const {
@@ -11,7 +11,7 @@ const HvLogin = (props) => {
     children,
     background,
     ...others
-  } = useDefaultProps.useDefaultProps("HvLogin", props);
+  } = uikitReactUtils.useDefaultProps("HvLogin", props);
   const { classes, cx } = Login_styles.useClasses(classesProp);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/dist/cjs/Login/Login.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("HvLogin", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvLogin", {
   root: {
     backgroundRepeat: "no-repeat",
     backgroundPosition: "bottom",

package/dist/cjs/MultiButton/MultiButton.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 MultiButton_styles = require("./MultiButton.styles.cjs");
 const HvMultiButton = (props) => {
@@ -17,7 +17,7 @@ const HvMultiButton = (props) => {
     size,
     split,
     ...others
-  } = useDefaultProps.useDefaultProps("HvMultiButton", props);
+  } = uikitReactUtils.useDefaultProps("HvMultiButton", props);
   const { classes, cx, css } = MultiButton_styles.useClasses(classesProp);
   const [color, type] = React.useMemo(() => {
     const result = variant.split(/(?=[A-Z])/);

package/dist/cjs/MultiButton/MultiButton.styles.cjs

@@ -1,11 +1,11 @@
 "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");
 const DropDownMenu_styles = require("../DropDownMenu/DropDownMenu.styles.cjs");
 require("../DropDownMenu/DropDownMenu.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvMultiButton", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvMultiButton", {
   root: {
     display: "flex",
     alignItems: "center",

package/dist/cjs/OverflowTooltip/OverflowTooltip.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactResizeDetector = require("react-resize-detector");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const OverflowTooltip_styles = require("./OverflowTooltip.styles.cjs");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -18,7 +18,7 @@ const HvOverflowTooltip = (props) => {
     paragraphOverflow,
     placement = "top-start",
     tooltipsProps
-  } = useDefaultProps.useDefaultProps("HvOverflowTooltip", props);
+  } = uikitReactUtils.useDefaultProps("HvOverflowTooltip", props);
   const { classes, cx } = OverflowTooltip_styles.useClasses(classesProp);
   const {
     height = 0,

package/dist/cjs/OverflowTooltip/OverflowTooltip.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(
   "HvOverflowTooltip",
   {
     tooltipData: {},

package/dist/cjs/Pagination/Pagination.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const Hidden = require("@mui/material/Hidden");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const useLabels = require("../hooks/useLabels.cjs");
 const helpers = require("../utils/helpers.cjs");
 const setId = require("../utils/setId.cjs");
@@ -64,7 +64,7 @@ const HvPagination = (props) => {
     navigationProps,
     currentPageInputProps,
     ...others
-  } = useDefaultProps.useDefaultProps("HvPagination", props);
+  } = uikitReactUtils.useDefaultProps("HvPagination", props);
   const { classes, cx } = Pagination_styles.useClasses(classesProp);
   const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
   const [pageInput, setPageInput] = React.useState(page);

package/dist/cjs/Pagination/Pagination.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 BaseDropdown_styles = require("../BaseDropdown/BaseDropdown.styles.cjs");
 require("../BaseDropdown/BaseDropdown.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const Input_styles = require("../Input/Input.styles.cjs");
 const hoverColor = uikitStyles.theme.colors.atmo3;
-const { staticClasses, useClasses } = uikitReactShared.createClasses("HvPagination", {
+const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvPagination", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

package/dist/cjs/Pagination/Select.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [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 Select_styles = require("./Select.styles.cjs");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
@@ -18,7 +18,7 @@ const HvSelect = (props) => {
     value,
     children,
     ...others
-  } = useDefaultProps.useDefaultProps("HvPaginationSelect", props);
+  } = uikitReactUtils.useDefaultProps("HvPaginationSelect", props);
   const { classes } = Select_styles.useClasses(classesProp);
   const [open, setOpen] = React.useState(false);
   const handleSelect = (evt, val) => {

package/dist/cjs/Pagination/Select.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 { useClasses } = uikitReactShared.createClasses("HvPaginationSelect", {
+const { useClasses } = uikitReactUtils.createClasses("HvPaginationSelect", {
   root: {},
   header: {
     backgroundColor: "transparent",

package/dist/cjs/Panel/Panel.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 Panel_styles = require("./Panel.styles.cjs");
 const HvPanel = React.forwardRef(
   (props, ref) => {
@@ -11,7 +11,7 @@ const HvPanel = React.forwardRef(
       classes: classesProp,
       children,
       ...others
-    } = useDefaultProps.useDefaultProps("HvPanel", props);
+    } = uikitReactUtils.useDefaultProps("HvPanel", props);
     const { classes, cx } = Panel_styles.useClasses(classesProp);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx(classes.root, className), ...others, children });
   }

package/dist/cjs/Panel/Panel.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 { useClasses, staticClasses } = uikitReactShared.createClasses("HvPanel", {
+const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvPanel", {
   root: {
     position: "relative",
     padding: uikitStyles.theme.space.sm,

package/dist/cjs/ProgressBar/ProgressBar.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 helpers = require("../utils/helpers.cjs");
 const ProgressBar_styles = require("./ProgressBar.styles.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -14,7 +14,7 @@ const HvProgressBar = (props) => {
     labelProps,
     hideLabel,
     ...others
-  } = useDefaultProps.useDefaultProps("HvProgressBar", props);
+  } = uikitReactUtils.useDefaultProps("HvProgressBar", props);
   const { classes, cx } = ProgressBar_styles.useClasses(classesProp);
   const clampedValue = helpers.clamp(value, 100);
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/ProgressBar/ProgressBar.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 { useClasses, staticClasses } = uikitReactShared.createClasses("HvProgressBar", {
+const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvProgressBar", {
   root: {
     display: "flex",
     flexDirection: "column",

package/dist/cjs/QueryBuilder/ConfirmationDialog/ConfirmationDialog.styles.cjs

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

package/dist/cjs/QueryBuilder/QueryBuilder.cjs

@@ -2,8 +2,8 @@
 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 useControlled = require("../hooks/useControlled.cjs");
-const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const useLabels = require("../hooks/useLabels.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Context = require("./Context.cjs");
@@ -30,7 +30,7 @@ const HvQueryBuilder = (props) => {
     readOnly = false,
     emptyRenderer = ["Empty", "IsNotEmpty"],
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvQueryBuilder", props);
+  } = uikitReactUtils.useDefaultProps("HvQueryBuilder", props);
   const { classes } = QueryBuilder_styles.useClasses(classesProp);
   const currentAttributes = React.useRef(
     null

package/dist/cjs/QueryBuilder/QueryBuilder.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 { useClasses, staticClasses } = uikitReactShared.createClasses("HvQueryBuilder", {
+const { useClasses, staticClasses } = uikitReactUtils.createClasses("HvQueryBuilder", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

package/dist/cjs/QueryBuilder/Rule/Rule.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const styles = require("@mui/material/styles");
 const useMediaQuery = require("@mui/material/useMediaQuery");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const Context = require("../Context.cjs");
 const Rule_styles = require("./Rule.styles.cjs");
 const Grid = require("../../Grid/Grid.cjs");
@@ -25,7 +25,7 @@ const Rule = (props) => {
     disabled,
     isInvalid,
     classes: classesProp
-  } = useDefaultProps.useDefaultProps("HvQueryBuilderRule", props);
+  } = uikitReactUtils.useDefaultProps("HvQueryBuilderRule", props);
   const { classes, cx } = Rule_styles.useClasses(classesProp);
   const {
     askAction,

package/dist/cjs/QueryBuilder/Rule/Rule.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const uikitReactShared = require("@hitachivantara/uikit-react-shared");
-const { useClasses, staticClasses } = uikitReactShared.createClasses(
+const { useClasses, staticClasses } = uikitReactUtils.createClasses(
   "HvQueryBuilder-Rule",
   {
     root: {

package/dist/cjs/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.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 { useClasses, staticClasses } = uikitReactShared.createClasses(
+const { useClasses, staticClasses } = uikitReactUtils.createClasses(
   "HvQueryBuilder-DateTimeValue",
   {
     root: {

package/dist/cjs/QueryBuilder/Rule/Value/NumericValue/Numeric.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 { useClasses, staticClasses } = uikitReactShared.createClasses(
+const { useClasses, staticClasses } = uikitReactUtils.createClasses(
   "HvQueryBuilder-NumericValue",
   {
     root: {},