@hitachivantara/uikit-react-core 5.66.14 → 5.67.1

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
+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 } = classes.createClasses("HvHeader-MenuBar", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvHeader-MenuBar", {
   root: {
     left: 0,
     width: "100%",

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
 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 } = classes.createClasses(
+const { staticClasses, useClasses } = uikitReactShared.createClasses(
   "HvHeader-MenuItem",
   {
     root: {

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

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

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -3,15 +3,16 @@ 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 useControlled = require("../hooks/useControlled.cjs");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.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,
@@ -34,7 +35,7 @@ const HvInlineEditor = (props) => {
   const [editMode, setEditMode] = React.useState(false);
   const [cachedValue, setCachedValue] = React.useState(value);
   const inputRef = React.useRef();
-  const { activeTheme } = useTheme.useTheme();
+  const { activeTheme } = uikitReactShared.useTheme();
   const typographyStyles = activeTheme?.typography[variant] || {};
   const { lineHeight } = typographyStyles;
   React.useLayoutEffect(() => {
@@ -68,6 +69,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 +120,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 uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 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 { staticClasses, useClasses } = classes.createClasses("HvInlineEditor", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvInlineEditor", {
   root: {
     [`& .${BaseInput_styles.staticClasses.inputRoot}.${Input_styles.staticClasses.inputRoot}`]: {
       height: "100%",

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

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

package/dist/cjs/Kpi/Kpi.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvKpi", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvKpi", {
   root: { width: "100%", height: "100%" },
   visualIndicatorContainer: {
     display: "inline-flex",

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvLink", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLink", {
   a: {
     ...uikitStyles.theme.typography.label,
     textDecoration: "underline",

package/dist/cjs/List/List.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvList", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvList", {
   root: {},
   virtualizedRoot: { marginBottom: 5 },
   selectorRoot: { width: "100%", zIndex: 0 },

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

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

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
 const focusUtils = require("../../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvListItem", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvListItem", {
   root: {
     ...uikitStyles.theme.typography.body,
     padding: 0,

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("@emotion/react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
+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 } = classes.createClasses("HvLoading", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLoading", {
   root: {
     display: "flex",
     flexDirection: "column",

package/dist/cjs/LoadingContainer/LoadingContainer.styles.cjs

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

package/dist/cjs/Login/Login.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvLogin", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvLogin", {
   root: {
     backgroundRepeat: "no-repeat",
     backgroundPosition: "bottom",

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../Button/Button.styles.cjs");
-const classes = require("../utils/classes.cjs");
 const DropDownMenu_styles = require("../DropDownMenu/DropDownMenu.styles.cjs");
 require("../DropDownMenu/DropDownMenu.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvMultiButton", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvMultiButton", {
   root: {
     display: "flex",
     alignItems: "center",

package/dist/cjs/OverflowTooltip/OverflowTooltip.styles.cjs

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

package/dist/cjs/Pagination/Pagination.styles.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 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 } = classes.createClasses("HvPagination", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvPagination", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

package/dist/cjs/Pagination/Select.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { useClasses } = classes.createClasses("HvPaginationSelect", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses } = uikitReactShared.createClasses("HvPaginationSelect", {
   root: {},
   header: {
     backgroundColor: "transparent",

package/dist/cjs/Panel/Panel.styles.cjs

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

package/dist/cjs/ProgressBar/ProgressBar.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses("HvProgressBar", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.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 classes = require("../../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvQueryBuilder-ConfirmationDialog",
   {
     paper: {}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses("HvQueryBuilder", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses("HvQueryBuilder", {
   /** Styles applied to the component root class. */
   root: {
     position: "relative",

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../utils/classes.cjs");
 const QueryBuilder_styles = require("../QueryBuilder.styles.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.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 uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.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 uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../../utils/classes.cjs");
-const { useClasses, staticClasses } = classes.createClasses(
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { useClasses, staticClasses } = uikitReactShared.createClasses(
   "HvQueryBuilder-NumericValue",
   {
     root: {},

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

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

package/dist/cjs/Radio/Radio.styles.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvRadio", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvRadio", {
   root: { display: "inline-block" },
   container: {
     cursor: "pointer",

package/dist/cjs/RadioGroup/RadioGroup.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvRadioGroup", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvRadioGroup", {
   root: {
     display: "inline-block",
     padding: 0,

package/dist/cjs/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
 const focusUtils = require("../../../utils/focusUtils.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvHorizontalScrollListItem";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   root: {
     padding: uikitStyles.theme.spacing("xs", 0),
     maxWidth: 120

package/dist/cjs/ScrollTo/Horizontal/ScrollToHorizontal.styles.cjs

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

package/dist/cjs/ScrollTo/Vertical/ScrollToVertical.styles.cjs

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

package/dist/cjs/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const classes = require("../../../utils/classes.cjs");
 const focusUtils = require("../../../utils/focusUtils.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const name = "HvVerticalScrollListItem";
-const { staticClasses, useClasses } = classes.createClasses(name, {
+const { staticClasses, useClasses } = uikitReactShared.createClasses(name, {
   root: {
     padding: "0",
     height: "32px",

package/dist/cjs/Section/Section.styles.cjs

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

package/dist/cjs/Select/Option.cjs

@@ -6,10 +6,10 @@ const useOption = require("@mui/base/useOption");
 const utils = require("@mui/material/utils");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
 const generic = require("../types/generic.cjs");
-const classes = require("../utils/classes.cjs");
 const focusUtils = require("../utils/focusUtils.cjs");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvOption", {
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvOption", {
   root: {},
   highlighted: {
     ...focusUtils.outlineStyles
@@ -25,7 +25,7 @@ const HvOption = generic.fixedForwardRef(function HvOption2(props, ref) {
     children,
     ...others
   } = useDefaultProps.useDefaultProps("HvOption", props);
-  const { classes: classes2, cx } = useClasses(classesProp);
+  const { classes, cx } = useClasses(classesProp);
   const optionRef = React.useRef(null);
   const rootRef = utils.useForkRef(optionRef, ref);
   const computedLabel = label ?? (typeof children === "string" ? children : optionRef.current?.textContent?.trim());
@@ -40,8 +40,8 @@ const HvOption = generic.fixedForwardRef(function HvOption2(props, ref) {
     {
       ref,
       selected,
-      className: cx(classes2.root, className, {
-        [classes2.highlighted]: highlighted
+      className: cx(classes.root, className, {
+        [classes.highlighted]: highlighted
       }),
       ...getRootProps(),
       ...others,

package/dist/cjs/Select/OptionGroup.cjs

@@ -5,8 +5,8 @@ const React = require("react");
 const OptionGroup = require("@mui/base/OptionGroup");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const classes = require("../utils/classes.cjs");
-const { staticClasses, useClasses } = classes.createClasses("HvOptionGroup", {
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
+const { staticClasses, useClasses } = uikitReactShared.createClasses("HvOptionGroup", {
   root: {
     listStyle: "none",
     ...uikitStyles.theme.typography.label
@@ -19,12 +19,12 @@ const HvOptionGroup = React.forwardRef(
       classes: classesProp,
       ...others
     } = useDefaultProps.useDefaultProps("HvOptionGroup", props);
-    const { classes: classes2, cx } = useClasses(classesProp);
+    const { classes, cx } = useClasses(classesProp);
     return /* @__PURE__ */ jsxRuntime.jsx(
       OptionGroup.OptionGroup,
       {
         ref,
-        className: cx(classes2.root, className),
+        className: cx(classes.root, className),
         ...others
       }
     );

package/dist/cjs/Select/Select.cjs

@@ -6,8 +6,8 @@ const Popper = require("@mui/base/Popper");
 const useSelect = require("@mui/base/useSelect");
 const utils = require("@mui/material/utils");
 const clsx = require("clsx");
+const uikitReactShared = require("@hitachivantara/uikit-react-shared");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
-const useTheme = require("../hooks/useTheme.cjs");
 const useUniqueId = require("../hooks/useUniqueId.cjs");
 const generic = require("../types/generic.cjs");
 const document = require("../utils/document.cjs");
@@ -68,7 +68,7 @@ const HvSelect = generic.fixedForwardRef(function HvSelect2(props, ref) {
     ...others
   } = useDefaultProps.useDefaultProps("HvSelect", props);
   const { classes, cx } = Select_styles.useClasses(classesProp);
-  const { rootId } = useTheme.useTheme();
+  const { rootId } = uikitReactShared.useTheme();
   const [placement, setPlacement] = React.useState("bottom-start");
   const buttonRef = React.useRef(null);
   const handleButtonRef = utils.useForkRef(ref, buttonRef);

package/dist/cjs/Select/Select.styles.cjs

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