@hitachivantara/uikit-react-core 5.100.0 → 5.100.1

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

@@ -7,7 +7,6 @@ const SelectionContext = require("../utils/SelectionContext.cjs");
 const Bar_styles = require("./Bar.styles.cjs");
 const Bar = (props) => {
   const {
-    id,
     data = [],
     type = "menubar",
     className,
@@ -30,7 +29,7 @@ const Bar = (props) => {
         },
         className
       ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classes.list, id, onFocus: () => {
+      children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: classes.list, onFocus: () => {
       }, children })
     }
   );

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

@@ -4,14 +4,14 @@ const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const show = {
   top: uikitStyles.theme.header.height,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: uikitStyles.theme.colors.shadow,
   transitionDuration: "500ms",
   backgroundColor: uikitStyles.theme.colors.bgPage
 };
 const hide = {
   top: 0,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: "none",
   transitionDuration: "300ms"
 };

package/dist/cjs/StatusIcon/StatusIcon.styles.cjs

@@ -41,7 +41,7 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvStatusIco
     ),
     [`&[data-variant="default"]`]: {
       color: uikitStyles.theme.colors.text,
-      backgroundColor: uikitStyles.theme.colors.bgContainerSecondary,
+      backgroundColor: uikitStyles.theme.colors.bgPage,
       outline: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
       [`&[data-type="simple"]`]: {
         outline: "none",

package/dist/cjs/Tag/Tag.cjs

@@ -11,6 +11,12 @@ const keyboardUtils = require("../utils/keyboardUtils.cjs");
 const Tag_styles = require("./Tag.styles.cjs");
 const ButtonBase = require("../ButtonBase/ButtonBase.cjs");
 const Typography = require("../Typography/Typography.cjs");
+const colorMap = {
+  positive_20: "positive",
+  negative_20: "negative",
+  warning_20: "warning",
+  neutral_20: "info"
+};
 const HvTag = React.forwardRef(function HvTag2(props, ref) {
   const {
     classes: classesProp,
@@ -26,7 +32,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     selected,
     defaultSelected = false,
     showSelectIcon = selectable,
-    color,
+    color: colorProp,
     icon: iconProp,
     deleteIcon: deleteIconProp,
     onDelete,
@@ -38,6 +44,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     ...others
   } = uikitReactUtils.useDefaultProps("HvTag", props);
   const { classes, cx } = Tag_styles.useClasses(classesProp);
+  const { activeTheme } = uikitReactUtils.useTheme();
   const [isSelected, setIsSelected] = useControlled.useControlled(
     selected,
     Boolean(defaultSelected)
@@ -46,6 +53,7 @@ const HvTag = React.forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
+  const color = activeTheme?.name === "pentahoPlus" && colorMap[colorProp] || colorProp;
   const tagColor = (
     // backwards-compatibility for `type` prop
     type === "categorical" && uikitStyles.theme.alpha(color || "cat1", 0.2) || // use the palette color if it matches

package/dist/cjs/themes/ds3.cjs

@@ -1153,9 +1153,6 @@ const ds3 = uikitStyles.mergeTheme(uikitStyles.ds3, {
           "& button&.HvMultiButton-button&.HvMultiButton-selected": {
             height: 32
           }
-        },
-        splitDisabled: {
-          backgroundColor: uikitStyles.theme.colors.atmo3
         }
       }
     },

package/dist/cjs/themes/ds5.cjs

@@ -46,33 +46,33 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
       classes: {
         root: {
           ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=warning]": { color: uikitStyles.theme.colors.warning_140 }
+            "&[data-color=warning]": { color: uikitStyles.theme.colors.warningDeep }
           }
         },
         contained: {
           ":where([data-color=primary]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.primary_80,
-              borderColor: uikitStyles.theme.colors.primary_80
+              backgroundColor: uikitStyles.theme.colors.primaryStrong,
+              borderColor: uikitStyles.theme.colors.primaryStrong
             }
           },
           ":where([data-color=positive]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.positive_80,
-              borderColor: uikitStyles.theme.colors.positive_80
+              backgroundColor: uikitStyles.theme.colors.positiveStrong,
+              borderColor: uikitStyles.theme.colors.positiveStrong
             }
           },
           ":where([data-color=warning]:not(.HvButton-disabled))": {
-            backgroundColor: uikitStyles.theme.colors.warning_120,
+            backgroundColor: uikitStyles.theme.colors.warningStrong,
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.warning_140,
-              borderColor: uikitStyles.theme.colors.warning_140
+              backgroundColor: uikitStyles.theme.colors.warningDeep,
+              borderColor: uikitStyles.theme.colors.warningDeep
             }
           },
           ":where([data-color=negative]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: uikitStyles.theme.colors.negative_80,
-              borderColor: uikitStyles.theme.colors.negative_80
+              backgroundColor: uikitStyles.theme.colors.negativeStrong,
+              borderColor: uikitStyles.theme.colors.negativeStrong
             }
           }
         }
@@ -105,10 +105,10 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
         splitGroup: {
           // NEXT5 subtle multi-buttons have a custom background
           "& .HvButton-subtle": {
-            backgroundColor: uikitStyles.theme.colors.atmo1
+            backgroundColor: uikitStyles.theme.colors.bgContainer
           },
           "&& .HvButton-disabled": {
-            backgroundColor: uikitStyles.theme.colors.atmo3
+            backgroundColor: uikitStyles.theme.colors.bgDisabled
           }
         }
       }
@@ -133,7 +133,7 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
       classes: {
         root: {
           "&.HvTab-selected": {
-            color: uikitStyles.theme.colors.secondary
+            color: uikitStyles.theme.colors.text
           }
         }
       }
@@ -155,7 +155,7 @@ const ds5 = uikitStyles.mergeTheme(uikitStyles.ds5, {
             padding: 0
           },
           "& .HvIconContainer-root": {
-            color: `${uikitStyles.theme.colors.secondary}!important`
+            color: `${uikitStyles.theme.colors.text}!important`
           }
         }
       }

package/dist/cjs/themes/pentahoPlus.cjs

@@ -186,7 +186,6 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
       classes: {
         content: {
           backgroundColor: uikitStyles.theme.colors.bgPage
-          // = bgContainerSecondary
         }
       }
     },
@@ -394,7 +393,7 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
             },
             "&[data-color=secondary]": {
               borderColor: uikitStyles.theme.colors.border,
-              backgroundColor: uikitStyles.theme.colors.bgContainerSecondary
+              backgroundColor: uikitStyles.theme.colors.bgPage
             },
             ":hover": {
               backgroundColor: uikitStyles.theme.colors.primaryDimmed

package/dist/esm/Header/Navigation/MenuBar/Bar.js

@@ -6,7 +6,6 @@ import { useClasses } from "./Bar.styles.js";
 import { staticClasses } from "./Bar.styles.js";
 const Bar = (props) => {
   const {
-    id,
     data = [],
     type = "menubar",
     className,
@@ -29,7 +28,7 @@ const Bar = (props) => {
         },
         className
       ),
-      children: /* @__PURE__ */ jsx("ul", { className: classes.list, id, onFocus: () => {
+      children: /* @__PURE__ */ jsx("ul", { className: classes.list, onFocus: () => {
       }, children })
     }
   );

package/dist/esm/Header/Navigation/MenuBar/Bar.styles.js

@@ -2,14 +2,14 @@ import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const show = {
   top: theme.header.height,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: theme.colors.shadow,
   transitionDuration: "500ms",
   backgroundColor: theme.colors.bgPage
 };
 const hide = {
   top: 0,
-  transition: ["top"],
+  transitionProperty: "top",
   boxShadow: "none",
   transitionDuration: "300ms"
 };

package/dist/esm/StatusIcon/StatusIcon.styles.js

@@ -39,7 +39,7 @@ const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
     ),
     [`&[data-variant="default"]`]: {
       color: theme.colors.text,
-      backgroundColor: theme.colors.bgContainerSecondary,
+      backgroundColor: theme.colors.bgPage,
       outline: `1px solid ${theme.colors.borderSubtle}`,
       [`&[data-type="simple"]`]: {
         outline: "none",

package/dist/esm/Tag/Tag.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, cloneElement } from "react";
-import { useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, useTheme, mergeStyles } from "@hitachivantara/uikit-react-utils";
 import { theme, getColor } from "@hitachivantara/uikit-styles";
 import { HvCheckBoxIcon } from "../BaseCheckBox/CheckBoxIcon.js";
 import { useControlled } from "../hooks/useControlled.js";
@@ -10,6 +10,12 @@ import { useClasses } from "./Tag.styles.js";
 import { staticClasses } from "./Tag.styles.js";
 import { HvButtonBase } from "../ButtonBase/ButtonBase.js";
 import { HvTypography } from "../Typography/Typography.js";
+const colorMap = {
+  positive_20: "positive",
+  negative_20: "negative",
+  warning_20: "warning",
+  neutral_20: "info"
+};
 const HvTag = forwardRef(function HvTag2(props, ref) {
   const {
     classes: classesProp,
@@ -25,7 +31,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     selected,
     defaultSelected = false,
     showSelectIcon = selectable,
-    color,
+    color: colorProp,
     icon: iconProp,
     deleteIcon: deleteIconProp,
     onDelete,
@@ -37,6 +43,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     ...others
   } = useDefaultProps("HvTag", props);
   const { classes, cx } = useClasses(classesProp);
+  const { activeTheme } = useTheme();
   const [isSelected, setIsSelected] = useControlled(
     selected,
     Boolean(defaultSelected)
@@ -45,6 +52,7 @@ const HvTag = forwardRef(function HvTag2(props, ref) {
     event.stopPropagation();
     onDelete?.(event);
   };
+  const color = activeTheme?.name === "pentahoPlus" && colorMap[colorProp] || colorProp;
   const tagColor = (
     // backwards-compatibility for `type` prop
     type === "categorical" && theme.alpha(color || "cat1", 0.2) || // use the palette color if it matches

package/dist/esm/themes/ds3.js

@@ -1151,9 +1151,6 @@ const ds3 = mergeTheme(ds3$1, {
           "& button&.HvMultiButton-button&.HvMultiButton-selected": {
             height: 32
           }
-        },
-        splitDisabled: {
-          backgroundColor: theme.colors.atmo3
         }
       }
     },

package/dist/esm/themes/ds5.js

@@ -44,33 +44,33 @@ const ds5 = mergeTheme(ds5$1, {
       classes: {
         root: {
           ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=warning]": { color: theme.colors.warning_140 }
+            "&[data-color=warning]": { color: theme.colors.warningDeep }
           }
         },
         contained: {
           ":where([data-color=primary]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.primary_80,
-              borderColor: theme.colors.primary_80
+              backgroundColor: theme.colors.primaryStrong,
+              borderColor: theme.colors.primaryStrong
             }
           },
           ":where([data-color=positive]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.positive_80,
-              borderColor: theme.colors.positive_80
+              backgroundColor: theme.colors.positiveStrong,
+              borderColor: theme.colors.positiveStrong
             }
           },
           ":where([data-color=warning]:not(.HvButton-disabled))": {
-            backgroundColor: theme.colors.warning_120,
+            backgroundColor: theme.colors.warningStrong,
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.warning_140,
-              borderColor: theme.colors.warning_140
+              backgroundColor: theme.colors.warningDeep,
+              borderColor: theme.colors.warningDeep
             }
           },
           ":where([data-color=negative]:not(.HvButton-disabled))": {
             ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.negative_80,
-              borderColor: theme.colors.negative_80
+              backgroundColor: theme.colors.negativeStrong,
+              borderColor: theme.colors.negativeStrong
             }
           }
         }
@@ -103,10 +103,10 @@ const ds5 = mergeTheme(ds5$1, {
         splitGroup: {
           // NEXT5 subtle multi-buttons have a custom background
           "& .HvButton-subtle": {
-            backgroundColor: theme.colors.atmo1
+            backgroundColor: theme.colors.bgContainer
           },
           "&& .HvButton-disabled": {
-            backgroundColor: theme.colors.atmo3
+            backgroundColor: theme.colors.bgDisabled
           }
         }
       }
@@ -131,7 +131,7 @@ const ds5 = mergeTheme(ds5$1, {
       classes: {
         root: {
           "&.HvTab-selected": {
-            color: theme.colors.secondary
+            color: theme.colors.text
           }
         }
       }
@@ -153,7 +153,7 @@ const ds5 = mergeTheme(ds5$1, {
             padding: 0
           },
           "& .HvIconContainer-root": {
-            color: `${theme.colors.secondary}!important`
+            color: `${theme.colors.text}!important`
           }
         }
       }

package/dist/esm/themes/pentahoPlus.js

@@ -184,7 +184,6 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         content: {
           backgroundColor: theme.colors.bgPage
-          // = bgContainerSecondary
         }
       }
     },
@@ -392,7 +391,7 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
             },
             "&[data-color=secondary]": {
               borderColor: theme.colors.border,
-              backgroundColor: theme.colors.bgContainerSecondary
+              backgroundColor: theme.colors.bgPage
             },
             ":hover": {
               backgroundColor: theme.colors.primaryDimmed

package/dist/types/index.d.ts

@@ -2025,7 +2025,7 @@ export declare const HvButton: <C extends React.ElementType = "button">(props: {
     component?: C | undefined;
 } & {
     children?: ReactNode | undefined;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => React.ReactElement<any> | null;
 
@@ -4031,7 +4031,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
  * As defined by Design System, a tooltip with the button’s label should always be displayed when hovering an icon only button.
  * This component provides this behavior out of the box.
  */
-export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "children" | "ref" | "icon" | "title" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled"> & {
+export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "children" | "ref" | "icon" | "title" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
     /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
     title: React.ReactNode;
     /** Number of milliseconds to wait before showing the tooltip. @default 500 */
@@ -4044,7 +4044,7 @@ export declare const HvIconButton: <C extends React.ElementType = "button">(prop
     component?: C | undefined;
 } & {
     children?: ReactNode | undefined;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "disabled" | "radius" | "title" | "component" | "className" | "selected" | "variant" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "children" | "ref" | "icon" | "title" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "disabled" | "radius" | "title" | "component" | "className" | "selected" | "variant" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "radius" | "component" | "className" | "selected" | "startIcon" | "endIcon" | "variant" | "overrideIconColors" | "focusableWhenDisabled"> ? T_2 extends any ? T_2 : never : never : never), "children" | "ref" | "icon" | "title" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "disabled" | "title" | "component" | "className" | "radius" | "selected" | "variant" | "placement" | "enterDelay" | "overrideIconColors" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "children" | "ref" | "icon" | "title" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "disabled" | "title" | "component" | "className" | "radius" | "selected" | "variant" | "placement" | "enterDelay" | "overrideIconColors" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "size" | "icon" | "disabled" | "component" | "className" | "radius" | "selected" | "variant" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "children" | "ref" | "icon" | "title" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => React.ReactElement<any> | null;
 
@@ -4159,7 +4159,7 @@ export declare const HvInlineEditor: <C extends React.ElementType = <InputElemen
     component?: C | undefined;
 } & {
     children?: ReactNode | undefined;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "disabled" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "placeholder" | "variant" | "buttonProps" | "showIcon" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "disabled" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "placeholder" | "variant" | "buttonProps" | "showIcon" | "typographyProps"> ? T extends any ? T : never : never : never) & {
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "disabled" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "placeholder" | "variant" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "disabled" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "placeholder" | "variant" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => React.ReactElement<any> | null;
 
@@ -8399,7 +8399,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "labelDisabl
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"selected" | "root" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -8434,7 +8434,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root" | "positionFi
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "headerExpandable" | "hasHeader" | "spaceTop" | "actions" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "headerExpandable" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8458,7 +8458,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     readonly classes: {
         sliderBase: string;
         rootDisabled: string;
@@ -8483,7 +8483,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginTopLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginBottomLeft" | "anchorOriginBottomRight", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         anchorOriginTopRight: string;
@@ -8497,7 +8497,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "root" | "action" | "error" | "success" | "message" | "messageText" | "iconVariant" | "messageSpan", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "action" | "root" | "error" | "success" | "message" | "messageText" | "iconVariant" | "messageSpan", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8579,7 +8579,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "hasHeader" | "spaceTop" | "actions" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -8611,7 +8611,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "label" | "button" | "icon" | "disabled" | "root" | "categorical" | "selected" | "focusVisible" | "hasIcon" | "deleteIcon" | "clickable" | "outlined" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "label" | "button" | "icon" | "disabled" | "selected" | "root" | "focusVisible" | "hasIcon" | "outlined" | "categorical" | "deleteIcon" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hasIcon: string;
@@ -8638,7 +8638,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"root" | "floating" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer" | "floating", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8650,7 +8650,7 @@ declare const useClasses_117: (classesProp?: Partial<Record<"root" | "floating"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"disabled" | "root" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         focusVisible: string;
@@ -8661,7 +8661,7 @@ declare const useClasses_118: (classesProp?: Partial<Record<"disabled" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"label" | "disabled" | "root" | "input" | "readOnly" | "description" | "error" | "invalid" | "tagsList" | "singleLine" | "inputExtension" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"label" | "disabled" | "input" | "readOnly" | "root" | "error" | "description" | "invalid" | "resizable" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagsList" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         listItemGutters: string;
         listItemRoot: string;
@@ -8707,7 +8707,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"show" | "root" | "de
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"label" | "disabled" | "root" | "input" | "description" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"label" | "disabled" | "input" | "root" | "error" | "description" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8734,7 +8734,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"label" | "icon" | "root" | "placeholder" | "description" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"label" | "icon" | "placeholder" | "root" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8762,7 +8762,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"content" | "label" | "expanded" | "disabled" | "root" | "selected" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"content" | "label" | "expanded" | "disabled" | "selected" | "root" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         group: string;
@@ -8778,7 +8778,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"label" | "expanded" | "disabled" | "root" | "selected" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"label" | "expanded" | "disabled" | "selected" | "root" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         expanded: string;
@@ -8803,7 +8803,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root" | "slider" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"title" | "root" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         minimized: string;
@@ -8834,7 +8834,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"label" | "disabled" | "root" | "panel" | "popper" | "select" | "readOnly" | "description" | "error" | "invalid" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"label" | "disabled" | "select" | "readOnly" | "root" | "error" | "description" | "invalid" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "popper" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8854,7 +8854,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"label" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_130: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_130: (classesProp?: Partial<Record<"list" | "root" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8867,7 +8867,7 @@ declare const useClasses_130: (classesProp?: Partial<Record<"root" | "list" | "p
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_131: (classesProp?: Partial<Record<"root" | "listItemDisabled" | "listItemSelected" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
+declare const useClasses_131: (classesProp?: Partial<Record<"root" | "listContainer" | "listItemSelected" | "listItemFocus" | "forwardButton" | "listItemDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         listItemSelected: string;
@@ -8888,7 +8888,7 @@ declare const useClasses_132: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_133: (classesProp?: Partial<Record<"hide" | "content" | "label" | "link" | "expanded" | "icon" | "disabled" | "unselectable" | "selected" | "group" | "expandable" | "selectable" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_133: (classesProp?: Partial<Record<"hide" | "content" | "label" | "link" | "expanded" | "icon" | "disabled" | "unselectable" | "selected" | "group" | "focused" | "selectable" | "node" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     readonly classes: {
         node: string;
         content: string;
@@ -8928,7 +8928,7 @@ declare const useClasses_134: (classesProp?: Partial<Record<"text" | "circle" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "semantic" | "secondaryGhost" | "primaryGhost" | "secondarySubtle" | "icon" | "disabled" | "root" | "contained" | "startIcon" | "endIcon" | "focusVisible" | "subtle" | "ghost", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "semantic" | "secondaryGhost" | "primaryGhost" | "secondarySubtle" | "icon" | "disabled" | "root" | "focusVisible" | "startIcon" | "endIcon" | "contained" | "subtle" | "ghost", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         startIcon: string;
@@ -8968,7 +8968,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "listbox" | "root" | "description" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "listbox" | "root" | "error" | "description" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         error: string;
@@ -8983,7 +8983,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "popper" | "list" | "portal", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"list" | "root" | "popper" | "portal", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8994,7 +8994,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "popper" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"disabled" | "root" | "input" | "readOnly" | "invalid" | "inputRoot" | "focused" | "multiline" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"disabled" | "input" | "readOnly" | "root" | "invalid" | "multiline" | "resizable" | "focused" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9060,7 +9060,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"display" | "title1" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "panel" | "placeholder" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrow" | "selectionDisabled" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "placeholder" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "arrow" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         rootDisabled: string;
@@ -9123,7 +9123,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"button" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"container" | "icon" | "root" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9137,7 +9137,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"container" | "icon"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"open" | "single" | "root" | "title" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"open" | "single" | "title" | "root" | "item" | "actionsContainer" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         item: string;
@@ -9161,7 +9161,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"open" | "single" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "icon" | "disabled" | "root" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "icon" | "disabled" | "title" | "selected" | "root" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -9177,7 +9177,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "icon"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "container" | "square" | "root" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "container" | "square" | "img" | "root" | "status" | "avatar" | "fallback" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         img: string;
@@ -9210,7 +9210,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"column" | "row" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "badgeContainer" | "badgeHidden" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "badgeHidden" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         badgeContainer: string;
@@ -9235,7 +9235,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"disabled" | "root", s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "rootClosed", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootClosed: string;
         root: string;
@@ -9246,7 +9246,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "rootClosed"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "root" | "action" | "error" | "success" | "message" | "actionContainer" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction" | "baseVariant" | "outContainer" | "actionsInnerContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "action" | "root" | "error" | "success" | "actionContainer" | "message" | "iconContainer" | "messageContainer" | "messageActions" | "closeAction" | "baseVariant" | "outContainer" | "actionsInnerContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -9270,7 +9270,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "root" | "checked" | "focusVisible" | "indeterminate", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9284,7 +9284,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"semantic" | "icon" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "root" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9297,7 +9297,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"disabled" | "root" | "track" | "switch" | "readOnly" | "checked" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"disabled" | "track" | "switch" | "readOnly" | "checked" | "root" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -9313,7 +9313,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"disabled" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"link" | "a" | "root" | "currentPage" | "orderedList" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         link: string;
@@ -9327,7 +9327,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"link" | "root" | "a"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" | "actions" | "selectAll" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         semantic: string;
@@ -9341,7 +9341,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "checkbox" | "disabled" | "root" | "checked" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9382,7 +9382,7 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"disabled" | "root" | "selected" | "focus" | "focusDisabled" | "focused", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focus" | "focused" | "focusDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
@@ -9418,7 +9418,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"root" | "focusSelect
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"icon" | "root" | "selected" | "selectable" | "semanticBar" | "semanticContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
@@ -9431,7 +9431,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"icon" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"content" | "root" | "title" | "action" | "subheader" | "titleShort", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"content" | "title" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         titleShort: string;
@@ -9452,7 +9452,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"content", string>>,
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         media: string;
@@ -9461,7 +9461,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"root" | "media", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"xs" | "dot" | "root" | "panel" | "main" | "title" | "controls" | "actions" | "counter" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"xs" | "dot" | "main" | "title" | "controls" | "root" | "panel" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         xs: string;
@@ -9501,7 +9501,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"image" | "slide", st
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"label" | "icon" | "root" | "input" | "description" | "error" | "inputRoot" | "inputExtension" | "adornmentsBox" | "adornmentButton" | "labelContainer" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"label" | "icon" | "input" | "root" | "error" | "description" | "adornmentButton" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9527,7 +9527,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"label" | "icon" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "totalPagesTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "totalPagesTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "iconContainer" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         pageSizeOptions: string;
@@ -9572,7 +9572,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addS
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9607,7 +9607,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"fixed" | "root" | "d
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         section: string;
@@ -9618,7 +9618,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"root" | "section" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "footer" | "head" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9649,7 +9649,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "fo
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "expanded" | "root" | "footer" | "head" | "selected" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"body" | "expanded" | "footer" | "head" | "selected" | "root" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9666,7 +9666,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "expanded" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"body" | "resizer" | "root" | "footer" | "head" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9734,7 +9734,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"root" | "sortDropdow
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"dropdown" | "label" | "disabled" | "root" | "placeholder" | "readOnly" | "description" | "error" | "labelContainer" | "arrow" | "selectionDisabled" | "placeholderClosed" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"dropdown" | "label" | "disabled" | "placeholder" | "readOnly" | "root" | "error" | "description" | "arrow" | "selectionDisabled" | "labelContainer" | "placeholderClosed" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9758,7 +9758,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"dropdown" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"condensed" | "disabled" | "root" | "selected" | "focus" | "interactive" | "gutters" | "startAdornment" | "endAdornment" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"condensed" | "disabled" | "selected" | "root" | "focus" | "endAdornment" | "startAdornment" | "interactive" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         focus: string;
@@ -9776,7 +9776,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"condensed" | "disable
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "virtualized" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"virtualized" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootList: string;
         dropdownListContainer: string;
@@ -9790,7 +9790,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "vi
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"dropdown" | "container" | "label" | "icon" | "root" | "panel" | "action" | "description" | "error" | "labelContainer" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "inputText" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"dropdown" | "container" | "label" | "icon" | "action" | "root" | "error" | "description" | "panel" | "actionContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "inputText" | "dateText", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         actionContainer: string;
@@ -9814,7 +9814,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"dropdown" | "contain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "messageContainer" | "fullscreen" | "textWithIcon" | "titleText", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon" | "titleText", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9835,7 +9835,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root" | "textContent
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9845,7 +9845,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"root" | "spacing" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "error" | "success" | "paper" | "statusBar" | "fullscreen" | "closeButton" | "fullHeight", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "fullHeight" | "statusBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         background: string;
@@ -9888,7 +9888,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         paper: string;
@@ -9899,7 +9899,7 @@ declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "titleContainer" | "textContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "iconContainer" | "messageContainer" | "containerMessageOnly" | "titleContainer" | "textContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9977,7 +9977,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"dropZoneContainer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"label" | "root" | "description" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -10019,7 +10019,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "small" | "s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"name" | "root" | "section" | "actions" | "wrapper" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton" | "sectionName", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"name" | "section" | "root" | "actions" | "wrapper" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton" | "sectionName", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -10121,7 +10121,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"separator" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"hidden" | "menu" | "menubar" | "active" | "root" | "list", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"hidden" | "menu" | "menubar" | "active" | "list" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -10134,7 +10134,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"hidden" | "menu" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "root" | "selected" | "item", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "selected" | "root" | "item", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -10156,7 +10156,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"text" | "button" | "icon" | "root" | "input" | "inputRoot" | "inputBorderContainer" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"text" | "button" | "icon" | "input" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         inputBorderContainer: string;
@@ -10215,7 +10215,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "hidden" | "root" | "blur" | "loadingBar" | "barContainer" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "hidden" | "root" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -10241,7 +10241,7 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root", string>>, addS
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"loading" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         loading: string;
@@ -10259,7 +10259,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "vertical" | "secondaryGhost" | "primaryGhost" | "secondarySubtle" | "button" | "multiple" | "root" | "splitGroup" | "selected" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"primary" | "primarySubtle" | "secondary" | "vertical" | "secondaryGhost" | "primaryGhost" | "secondarySubtle" | "button" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -10291,7 +10291,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"tooltipData" | "tool
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"tooltip" | "color" | "values" | "separator" | "root" | "popper" | "title" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"tooltip" | "color" | "values" | "separator" | "title" | "root" | "popper" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tooltip: string;
@@ -10356,7 +10356,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "removeButto
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "radio" | "disabled" | "root" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10373,7 +10373,7 @@ declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"text" | "button" | "root" | "selected" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"text" | "button" | "selected" | "root" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.100.0",
+  "version": "5.100.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "UI Kit Core React components.",
@@ -32,9 +32,9 @@
   "dependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/serialize": "^1.1.2",
-    "@hitachivantara/uikit-react-shared": "^5.5.3",
-    "@hitachivantara/uikit-react-utils": "^0.2.43",
-    "@hitachivantara/uikit-styles": "^5.50.1",
+    "@hitachivantara/uikit-react-shared": "^5.5.4",
+    "@hitachivantara/uikit-react-utils": "^0.2.44",
+    "@hitachivantara/uikit-styles": "^5.50.2",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "5.0.0-beta.68",
     "@popperjs/core": "^2.11.8",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "8661e8a73c6ae39431fe12f6cc95e8eb282968e2",
+  "gitHead": "597165cf787bef63a0f77d391d7333f608269aca",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",