@hitachivantara/uikit-react-core 5.24.0 → 5.24.1

package/dist/types/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 
 import { ActionType } from 'react-table';
-import type { AllHTMLAttributes } from 'react';
 import { AvatarProps } from '@mui/material/Avatar';
 import { Breakpoint as Breakpoint_2 } from '@mui/material';
 import { CardContentProps } from '@mui/material/CardContent';
@@ -175,8 +174,8 @@ export declare const actionsClasses: {
 
 export declare const actionsGenericClasses: {
     button: "HvActionsGeneric-button";
-    dropDownMenu: "HvActionsGeneric-dropDownMenu";
     root: "HvActionsGeneric-root";
+    dropDownMenu: "HvActionsGeneric-dropDownMenu";
     actionContainer: "HvActionsGeneric-actionContainer";
     dropDownMenuButton: "HvActionsGeneric-dropDownMenuButton";
     dropDownMenuButtonSelected: "HvActionsGeneric-dropDownMenuButtonSelected";
@@ -196,8 +195,8 @@ export declare const appSwitcherActionClasses: {
     typography: "HvAppSwitcher-Action-typography";
     icon: "HvAppSwitcher-Action-icon";
     disabled: "HvAppSwitcher-Action-disabled";
-    selected: "HvAppSwitcher-Action-selected";
     root: "HvAppSwitcher-Action-root";
+    selected: "HvAppSwitcher-Action-selected";
     iconUrl: "HvAppSwitcher-Action-iconUrl";
     iconInfo: "HvAppSwitcher-Action-iconInfo";
 };
@@ -240,12 +239,12 @@ export declare const avatarClasses: {
     status: "HvAvatar-status";
     container: "HvAvatar-container";
     square: "HvAvatar-square";
+    root: "HvAvatar-root";
     xs: "HvAvatar-xs";
     sm: "HvAvatar-sm";
     md: "HvAvatar-md";
     lg: "HvAvatar-lg";
     xl: "HvAvatar-xl";
-    root: "HvAvatar-root";
     fallback: "HvAvatar-fallback";
     avatar: "HvAvatar-avatar";
     badge: "HvAvatar-badge";
@@ -272,11 +271,11 @@ export declare const bannerClasses: {
 
 export declare const bannerContentClasses: {
     default: "HvBannerContent-default";
+    root: "HvBannerContent-root";
+    warning: "HvBannerContent-warning";
     action: "HvBannerContent-action";
     error: "HvBannerContent-error";
-    warning: "HvBannerContent-warning";
     success: "HvBannerContent-success";
-    root: "HvBannerContent-root";
     message: "HvBannerContent-message";
     baseVariant: "HvBannerContent-baseVariant";
     outContainer: "HvBannerContent-outContainer";
@@ -318,9 +317,9 @@ export declare const baseDropdownClasses: {
 export declare const baseInputClasses: {
     input: "HvBaseInput-input";
     disabled: "HvBaseInput-disabled";
+    root: "HvBaseInput-root";
     readOnly: "HvBaseInput-readOnly";
     invalid: "HvBaseInput-invalid";
-    root: "HvBaseInput-root";
     resizable: "HvBaseInput-resizable";
     inputBorderContainer: "HvBaseInput-inputBorderContainer";
     inputRootInvalid: "HvBaseInput-inputRootInvalid";
@@ -345,9 +344,9 @@ export declare const baseSwitchClasses: {
     track: "HvBaseSwitch-track";
     switch: "HvBaseSwitch-switch";
     disabled: "HvBaseSwitch-disabled";
+    root: "HvBaseSwitch-root";
     checked: "HvBaseSwitch-checked";
     readOnly: "HvBaseSwitch-readOnly";
-    root: "HvBaseSwitch-root";
     focusVisible: "HvBaseSwitch-focusVisible";
     thumb: "HvBaseSwitch-thumb";
     switchBase: "HvBaseSwitch-switchBase";
@@ -385,8 +384,8 @@ export declare const buildFormElementPropsFromContext: (name: any, disabled: any
 };
 
 export declare const bulkActionsClasses: {
-    semantic: "HvBulkActions-semantic";
     root: "HvBulkActions-root";
+    semantic: "HvBulkActions-semantic";
     actions: "HvBulkActions-actions";
     selectAllContainer: "HvBulkActions-selectAllContainer";
     selectAll: "HvBulkActions-selectAll";
@@ -420,8 +419,8 @@ export declare const calendarClasses: {
 
 export declare const calendarHeaderClasses: {
     input: "HvCalendarHeader-input";
-    invalid: "HvCalendarHeader-invalid";
     root: "HvCalendarHeader-root";
+    invalid: "HvCalendarHeader-invalid";
     inputBorderContainer: "HvCalendarHeader-inputBorderContainer";
     headerDayOfWeek: "HvCalendarHeader-headerDayOfWeek";
     headerDate: "HvCalendarHeader-headerDate";
@@ -430,8 +429,8 @@ export declare const calendarHeaderClasses: {
 
 export declare const cardClasses: {
     icon: "HvCard-icon";
-    selected: "HvCard-selected";
     root: "HvCard-root";
+    selected: "HvCard-selected";
     selectable: "HvCard-selectable";
     semanticContainer: "HvCard-semanticContainer";
     semanticBar: "HvCard-semanticBar";
@@ -444,24 +443,24 @@ export declare const cardContentClasses: {
 export declare const cardHeaderClasses: {
     title: "HvCardHeader-title";
     content: "HvCardHeader-content";
-    action: "HvCardHeader-action";
     root: "HvCardHeader-root";
+    action: "HvCardHeader-action";
     titleShort: "HvCardHeader-titleShort";
     subheader: "HvCardHeader-subheader";
 };
 
 export declare const cardMediaClasses: {
-    media: "HvCardMedia-media";
     root: "HvCardMedia-root";
+    media: "HvCardMedia-media";
 };
 
 export declare const carouselClasses: {
     title: "HvCarousel-title";
     main: "HvCarousel-main";
     dot: "HvCarousel-dot";
+    root: "HvCarousel-root";
     controls: "HvCarousel-controls";
     xs: "HvCarousel-xs";
-    root: "HvCarousel-root";
     actions: "HvCarousel-actions";
     panel: "HvCarousel-panel";
     fullscreen: "HvCarousel-fullscreen";
@@ -518,9 +517,9 @@ export declare const checkBoxGroupClasses: {
     group: "HvCheckBoxGroup-group";
     horizontal: "HvCheckBoxGroup-horizontal";
     vertical: "HvCheckBoxGroup-vertical";
+    root: "HvCheckBoxGroup-root";
     error: "HvCheckBoxGroup-error";
     invalid: "HvCheckBoxGroup-invalid";
-    root: "HvCheckBoxGroup-root";
     selectAll: "HvCheckBoxGroup-selectAll";
 };
 
@@ -528,8 +527,8 @@ export declare const checkValidHexColorValue: (value?: string) => boolean;
 
 export declare const colorPickerClasses: {
     label: "HvColorPicker-label";
-    colorPicker: "HvColorPicker-colorPicker";
     root: "HvColorPicker-root";
+    colorPicker: "HvColorPicker-colorPicker";
     panel: "HvColorPicker-panel";
     description: "HvColorPicker-description";
     labelContainer: "HvColorPicker-labelContainer";
@@ -584,10 +583,10 @@ export declare const createTheme: (props: HvCreateThemeProps) => HvTheme | HvThe
 export declare const datePickerClasses: {
     label: "HvDatePicker-label";
     icon: "HvDatePicker-icon";
+    root: "HvDatePicker-root";
+    dropdown: "HvDatePicker-dropdown";
     action: "HvDatePicker-action";
     error: "HvDatePicker-error";
-    dropdown: "HvDatePicker-dropdown";
-    root: "HvDatePicker-root";
     actionContainer: "HvDatePicker-actionContainer";
     panel: "HvDatePicker-panel";
     description: "HvDatePicker-description";
@@ -648,17 +647,17 @@ declare interface Descriptor {
 }
 
 export declare const dialogActionClasses: {
-    spacing: "HvDialog-Action-spacing";
     root: "HvDialog-Action-root";
+    spacing: "HvDialog-Action-spacing";
     fullscreen: "HvDialog-Action-fullscreen";
 };
 
 export declare const dialogClasses: {
     background: "HvDialog-background";
-    error: "HvDialog-error";
+    root: "HvDialog-root";
     warning: "HvDialog-warning";
+    error: "HvDialog-error";
     success: "HvDialog-success";
-    root: "HvDialog-root";
     fullscreen: "HvDialog-fullscreen";
     closeButton: "HvDialog-closeButton";
     paper: "HvDialog-paper";
@@ -704,9 +703,9 @@ export declare const dropdownClasses: {
     placeholder: "HvDropdown-placeholder";
     arrow: "HvDropdown-arrow";
     label: "HvDropdown-label";
-    error: "HvDropdown-error";
-    dropdown: "HvDropdown-dropdown";
     root: "HvDropdown-root";
+    dropdown: "HvDropdown-dropdown";
+    error: "HvDropdown-error";
     selectionDisabled: "HvDropdown-selectionDisabled";
     description: "HvDropdown-description";
     labelContainer: "HvDropdown-labelContainer";
@@ -768,8 +767,8 @@ export declare const fileUploaderPreviewClasses: {
 
 export declare const filterGroupClasses: {
     label: "HvFilterGroup-label";
-    error: "HvFilterGroup-error";
     root: "HvFilterGroup-root";
+    error: "HvFilterGroup-error";
     description: "HvFilterGroup-description";
     labelContainer: "HvFilterGroup-labelContainer";
 };
@@ -804,9 +803,9 @@ export declare const findDescriptors: (children: any, descriptors?: {
 
 export declare const focusClasses: {
     disabled: "HvFocus-disabled";
+    root: "HvFocus-root";
     selected: "HvFocus-selected";
     focus: "HvFocus-focus";
-    root: "HvFocus-root";
     focused: "HvFocus-focused";
     focusDisabled: "HvFocus-focusDisabled";
     externalReference: "HvFocus-externalReference";
@@ -814,9 +813,10 @@ export declare const focusClasses: {
 };
 
 export declare const footerClasses: {
+    small: "HvFooter-small";
     separator: "HvFooter-separator";
-    name: "HvFooter-name";
     root: "HvFooter-root";
+    name: "HvFooter-name";
     rightContainer: "HvFooter-rightContainer";
     copyright: "HvFooter-copyright";
 };
@@ -927,10 +927,10 @@ export declare const getTableHeadPropsHook: (props: any, { instance }: {
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
+    root: "HvGlobalActions-root";
     name: "HvGlobalActions-name";
     global: "HvGlobalActions-global";
     wrapper: "HvGlobalActions-wrapper";
-    root: "HvGlobalActions-root";
     actions: "HvGlobalActions-actions";
     backButton: "HvGlobalActions-backButton";
     globalSectionArea: "HvGlobalActions-globalSectionArea";
@@ -999,8 +999,8 @@ export declare const hexToRgbA: (hex: any, factor?: number) => string;
 export declare const horizontalScrollListItemClasses: {
     button: "HvHorizontalScrollListItem-button";
     text: "HvHorizontalScrollListItem-text";
-    selected: "HvHorizontalScrollListItem-selected";
     root: "HvHorizontalScrollListItem-root";
+    selected: "HvHorizontalScrollListItem-selected";
 };
 
 export declare type HvAccentColorKeys = "primary" | "primary_80" | "primary_20" | "brand" | "secondary" | "secondary_60" | "secondary_80";
@@ -1012,7 +1012,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_12>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -1067,14 +1067,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_39>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_54>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1098,7 +1098,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_50>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1128,14 +1128,7 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
  */
 export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLDivElement | HTMLButtonElement>>;
 
-export declare interface HvAdornmentClasses {
-    root?: string;
-    icon?: string;
-    adornment?: string;
-    adornmentIcon?: string;
-    hideIcon?: string;
-    adornmentButton?: string;
-}
+export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_3>;
 
 export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | HTMLButtonElement, "onMouseDown" | "onKeyDown"> {
     /** The icon to be added into the input. */
@@ -1177,7 +1170,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: string;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_38>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1190,7 +1183,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_37>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1227,7 +1220,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: (props: HvAvatarProps) => JSX_2.Element;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_13>;
 
 export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
@@ -1278,7 +1271,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1319,11 +1312,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_53>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1391,7 +1384,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_35>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1466,7 +1459,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "placeholder"> {
     /**
@@ -1555,7 +1548,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_9>;
 
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, "onChange" | "color" | "onBlur" | "onFocus" | "onInvalid" | "onKeyDown" | "onKeyUp"> {
     /** The input name. */
@@ -1602,7 +1595,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_36>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1680,7 +1673,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_39>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1770,7 +1763,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1802,7 +1795,7 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_59>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -1876,7 +1869,7 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
  */
 export declare const HvButton: <C extends React_2.ElementType = "button">(props: HvButtonProps<C>) => React_2.ReactElement | null;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_15>;
 
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -2053,11 +2046,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_16>;
 
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2070,7 +2063,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2087,7 +2080,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 
 export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2128,13 +2121,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_84>;
 
 export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
-    classes?: ExtractNames<typeof useClasses_61>;
+    classes?: ExtractNames<typeof useClasses_84>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2181,7 +2174,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_85>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2196,7 +2189,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_61>;
+    classes?: ExtractNames<typeof useClasses_84>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2230,12 +2223,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  */
 export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
 
-export declare interface HvCharCounterClasses {
-    root?: string;
-    counterDisabled?: string;
-    gutter?: string;
-    overloaded?: string;
-}
+export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_2>;
 
 export declare interface HvCharCounterProps extends HvBaseProps {
     /** The string that separates the current char quantity from the max quantity. */
@@ -2263,14 +2251,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_40>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_44>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2398,7 +2386,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_83>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2513,7 +2501,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes">, HvBaseProps {
     /**
@@ -2542,7 +2530,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 
 export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_70>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2627,7 +2615,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_75>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2801,7 +2789,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 
 export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_23>;
 
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
@@ -2812,11 +2800,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_24>;
 
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes">, HvBaseProps {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2856,7 +2844,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
 
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
 
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
     /** Variant of the dialog title. */
@@ -2877,7 +2865,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  */
 export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
 
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2921,7 +2909,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
 
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "classes">, HvBaseProps<HTMLDivElement> {
     /**
@@ -2965,22 +2953,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
  */
 export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
 
-export declare interface HvDropdownClasses {
-    root?: string;
-    labelContainer?: string;
-    label?: string;
-    description?: string;
-    error?: string;
-    placeholder?: string;
-    selectionDisabled?: string;
-    dropdown?: string;
-    arrow?: string;
-    dropdownHeader?: string;
-    dropdownHeaderInvalid?: string;
-    dropdownHeaderOpen?: string;
-    dropdownListContainer?: string;
-    rootList?: string;
-}
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_60>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
 
@@ -3026,16 +2999,7 @@ export declare interface HvDropdownLabelsProps {
     searchPlaceholder?: string;
 }
 
-declare interface HvDropdownListClasses {
-    rootList?: string;
-    dropdownListContainer?: string;
-    searchContainer?: string;
-    listBorderDown?: string;
-    listContainer?: string;
-    selectAllContainer?: string;
-    selection?: string;
-    selectAll?: string;
-}
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_61>;
 
 declare interface HvDropdownListProps {
     /**
@@ -3110,7 +3074,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_48>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3375,7 +3339,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
 
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3403,7 +3367,7 @@ export { HvExtraProps }
 
 export declare const HvFile: ({ id, classes: classesProp, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_47>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3484,7 +3448,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: ({ className, children, classes: classesProp, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_46>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3559,9 +3523,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_73>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_51>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_74>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3717,13 +3681,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
 
-export declare interface HvFooterClasses {
-    root?: string;
-    name?: string;
-    copyright?: string;
-    separator?: string;
-    rightContainer?: string;
-}
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_27>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3746,9 +3704,7 @@ export declare const HvFormElement: {
     formElementType: string;
 };
 
-export declare interface HvFormElementClasses {
-    root?: string;
-}
+export declare type HvFormElementClasses = ExtractNames<typeof useClasses_4>;
 
 export declare const HvFormElementContext: React_2.Context<{
     elementId?: string | undefined;
@@ -4042,9 +3998,7 @@ export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 
 export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
 
-export declare interface HvHeaderActionsClasses {
-    root?: string;
-}
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -4055,10 +4009,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
 
-export declare interface HvHeaderBrandClasses {
-    root?: string;
-    separator?: string;
-}
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -4066,11 +4017,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare interface HvHeaderClasses {
-    root?: string;
-    header?: string;
-    backgroundColor?: string;
-}
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_28>;
 
 declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends HvColumnInstance<D, H>, Omit<UseTableHeaderGroupProps<D>, "headers"> {
     headers: Array<HvHeaderGroup<D, H>>;
@@ -4086,7 +4033,9 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     currentLevel: number;
 }
 
-export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, }: HvHeaderMenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, classes: classesProp, className, }: HvHeaderMenuItemProps) => JSX_2.Element;
+
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_31>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -4094,13 +4043,12 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
     levels: number;
     currentLevel: number;
+    classes?: HvHeaderMenuItemClasses;
 }
 
 export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
 
-export declare interface HvHeaderNavigationClasses {
-    root?: string;
-}
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -4154,20 +4102,16 @@ export declare interface HvHooks<D extends object = Record<string, unknown>, H e
     useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
-export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_78>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
  */
 export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
 
-export declare interface HvInfoMessageClasses {
-    root?: string;
-    infoDisabled?: string;
-    gutter?: string;
-}
+export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_6>;
 
-export declare interface HvInfoMessageProps extends HvBaseProps {
+export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
     /** If `true` the label is disabled. */
     disabled?: boolean;
     /** If `true` the info message won't have margins. */
@@ -4182,7 +4126,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_57>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_80>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4210,7 +4154,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_41>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4437,13 +4381,9 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
  */
 export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
 
-export declare interface HvLabelClasses {
-    root?: string;
-    labelDisabled?: string;
-    childGutter?: string;
-}
+export declare type HvLabelClasses = ExtractNames<typeof useClasses_5>;
 
-export declare interface HvLabelProps extends HvBaseProps {
+export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     /** Id to be applied to the root node */
     id?: string;
     /** The text to be shown by the label. */
@@ -4460,7 +4400,7 @@ export declare interface HvLabelProps extends HvBaseProps {
 
 export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
 
-export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_71>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4715,10 +4655,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
 
-export declare interface HvLoginClasses {
-    root?: string;
-    formContainer?: string;
-}
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_69>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4815,7 +4752,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -4888,10 +4825,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
 
-export declare interface HvPanelClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-}
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4902,16 +4836,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
 
-export declare interface HvProgressBarClasses {
-    root?: string;
-    progress?: string;
-    progressBar?: string;
-    progressBarLabel?: string;
-    progressContainer?: string;
-    progressDone?: string;
-    progressBarContainer?: string;
-    progressError?: string;
-}
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_34>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -5014,7 +4939,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_82>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5065,7 +4990,7 @@ export declare interface HvQueryBuilderProps {
  */
 export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_43>;
 
 /**
  * A group of radio buttons.
@@ -5074,7 +4999,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_28>;
  */
 export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_45>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5265,7 +5190,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
 export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
 
-export declare type HvRightControlClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_72>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5304,7 +5229,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_79>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5357,7 +5282,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_77>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5673,11 +5598,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_56>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5731,7 +5656,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5796,11 +5721,7 @@ export declare interface HvSuggestion {
 
 export declare const HvSuggestions: React_2.ForwardRefExoticComponent<HvSuggestionsProps & React_2.RefAttributes<unknown>>;
 
-export declare interface HvSuggestionsClasses {
-    root?: string;
-    list?: string;
-    popper?: string;
-}
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_8>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -5829,7 +5750,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_42>;
 
 export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
 
@@ -5979,10 +5900,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
 
-export declare interface HvTableBodyClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-}
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_64>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6016,7 +5934,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6055,16 +5973,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare interface HvTableClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied to the component root class when it has a sticky header. */
-    stickyHeader?: string;
-    /** Styles applied to the component root class when it has sticky columns. */
-    stickyColumns?: string;
-    /** Styles applied to the component root class when it has sticky columns. */
-    listRow?: string;
-}
+export declare type HvTableClasses = ExtractNames<typeof useClasses_62>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -6078,10 +5987,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare interface HvTableContainerClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-}
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6105,86 +6011,14 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare interface HvTableHeadClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied when the table has a sticky header. */
-    stickyHeader?: string;
-}
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_65>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare interface HvTableHeaderClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied to the cell when it's in the table head. */
-    head?: string;
-    /** Styles applied to the cell when it's in the table body. */
-    body?: string;
-    /** Styles applied to the cell when it's in the table footer. */
-    footer?: string;
-    /** Styles applied to the cell when it's part of a sticky column. */
-    stickyColumn?: string;
-    /** Styles applied to the cell when it's part of the last sticky to the left column. */
-    stickyColumnMostLeft?: string;
-    /** Styles applied to the cell when it's part of the first right sticky column. */
-    stickyColumnLeastRight?: string;
-    /** Styles applied to the cell when it's part of the first column in the group. */
-    groupColumnMostLeft?: string;
-    /** Styles applied to the cell when it's part of the last column in the group. */
-    groupColumnMostRight?: string;
-    /** Styles applied to the container of the header cell content. */
-    headerContent?: string;
-    /** Styles applied to the text of the header cell. */
-    headerText?: string;
-    /** Styles applied to the text of the header cell when it is a paragraph. */
-    headerParagraph?: string;
-    /** Styles applied to the text of the header cell when it is sorted. */
-    sortableHeaderText?: string;
-    /** Styles applied to the component root when it is sorted. */
-    sorted?: string;
-    /** Styles applied to the component root when it is sortable. */
-    sortable?: string;
-    /** Styles applied to the sort button component. */
-    sortButton?: string;
-    /** Styles applied to the sort icon component. */
-    sortIcon?: string;
-    /** Styles applied to the component root when it is left aligned */
-    alignLeft?: string;
-    /** Styles applied to the component root when it is right aligned */
-    alignRight?: string;
-    /** Styles applied to the component root when it is center aligned */
-    alignCenter?: string;
-    /** Styles applied to the component root when it is justified */
-    alignJustify?: string;
-    /** Styles applied to the header content when it is left aligned */
-    alignFlexLeft?: string;
-    /** Styles applied to the header content when it is right aligned */
-    alignFlexRight?: string;
-    /** Styles applied to the header content when it is center aligned */
-    alignFlexCenter?: string;
-    /** Styles applied to the header content when it is justified */
-    alignFlexJustify?: string;
-    /** Styles applied to the component root when its variant is checkbox */
-    variantCheckbox?: string;
-    /** Styles applied to the component root when its variant is expand */
-    variantExpand?: string;
-    /** Styles applied to the component root when its variant is actions */
-    variantActions?: string;
-    /** Styles applied to the component root when its variant is none */
-    variantNone?: string;
-    /** Styles applied to the component root when its variant is list row */
-    variantList?: string;
-    /** Styles applied to the cell when it's part of a resizable column. */
-    resizable?: string;
-    /** Styles applied to the cell when it's part of a resizing column. */
-    resizing?: string;
-    /** Styles applied to the resizer object when column is resizable. */
-    resizer?: string;
-}
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_66>;
 
 export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6323,7 +6157,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_67>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6732,11 +6566,11 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: (props: HvTimeAgoProps) => JSX_2.Element;
+export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_81>;
 
-export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "children"> {
+export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
      * The timestamp to format, in seconds or milliseconds.
      * Defaults to `emptyElement` if value is null or 0
@@ -6747,23 +6581,14 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
      * @see https://day.js.org/docs/en/i18n/i18n
      */
     locale?: string;
-    /**
-     * The component used for the root node. Either a string to use a HTML element or a component.
-     * Defaults to `HvTypography`.
-     */
-    component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
     /**
      * The element to render when the timestamp is null or 0
      * Defaults to `—` (Em Dash)
      */
     emptyElement?: React.ReactNode;
-    /**
-     * Disables periodic date refreshes
-     */
+    /** Disables periodic date refreshes */
     disableRefresh?: boolean;
-    /**
-     * Whether to show seconds in the rendered time
-     */
+    /** Whether to show seconds in the rendered time */
     showSeconds?: boolean;
     /**
      * Whether the component should render just the string
@@ -6772,14 +6597,14 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
     justText?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTimeAgoClasses;
-}
+}>;
 
 /**
  * A Time Picker allows the user to choose a specific time or a time range.
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_86>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6927,15 +6752,14 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: ForwardRefExoticComponent<HvTypographyProps & RefAttributes<HTMLElement>>;
+export declare const HvTypography: <C extends React.ElementType = "p">(props: HvTypographyProps<C>) => React.ReactElement | null;
 
 export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
 
 /** @deprecated */
 export declare type HvTypographyLegacyVariants = "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink";
 
-export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLElement>, "disabled">, HvBaseProps<HTMLElement> {
-    component?: React.ElementType;
+export declare type HvTypographyProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Typography. */
     variant?: HvTypographyVariants | HvTypographyLegacyVariants;
     /** If `true` the typography will display the look of a link. */
@@ -6953,7 +6777,7 @@ export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLEl
     noWrap?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTypographyClasses;
-}
+}>;
 
 export declare type HvTypographyVariants = (typeof typographyVariants)[number];
 
@@ -7490,22 +7314,14 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_76>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
 export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
 
-export declare interface HvWarningTextClasses {
-    root?: string;
-    defaultIcon?: string;
-    warningText?: string;
-    show?: string;
-    topGutter?: string;
-    hideText?: string;
-    topBorder?: string;
-}
+export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvWarningTextProps extends HvBaseProps {
     /** Icon to be rendered alongside the warning text. */
@@ -7555,8 +7371,8 @@ export declare const inputClasses: {
     input: "HvInput-input";
     label: "HvInput-label";
     icon: "HvInput-icon";
-    error: "HvInput-error";
     root: "HvInput-root";
+    error: "HvInput-error";
     inputBorderContainer: "HvInput-inputBorderContainer";
     inputRoot: "HvInput-inputRoot";
     inputRootFocused: "HvInput-inputRootFocused";
@@ -7656,9 +7472,9 @@ export declare const listContainerClasses: {
 export declare const listItemClasses: {
     condensed: "HvListItem-condensed";
     disabled: "HvListItem-disabled";
+    root: "HvListItem-root";
     selected: "HvListItem-selected";
     focus: "HvListItem-focus";
-    root: "HvListItem-root";
     interactive: "HvListItem-interactive";
     endAdornment: "HvListItem-endAdornment";
     startAdornment: "HvListItem-startAdornment";
@@ -7672,8 +7488,8 @@ export declare const loadingClasses: {
     small: "HvLoading-small";
     label: "HvLoading-label";
     overlay: "HvLoading-overlay";
-    blur: "HvLoading-blur";
     root: "HvLoading-root";
+    blur: "HvLoading-blur";
     regular: "HvLoading-regular";
     regularColor: "HvLoading-regularColor";
     smallColor: "HvLoading-smallColor";
@@ -7689,8 +7505,8 @@ export declare const loginClasses: {
 export declare const multiButtonClasses: {
     button: "HvMultiButton-button";
     vertical: "HvMultiButton-vertical";
-    selected: "HvMultiButton-selected";
     root: "HvMultiButton-root";
+    selected: "HvMultiButton-selected";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: any, selectionAnchor: any, allValues: any, selectedState: any, selectionCheck: any) => any[];
@@ -7953,9 +7769,9 @@ export declare const radioGroupClasses: {
     group: "HvRadioGroup-group";
     horizontal: "HvRadioGroup-horizontal";
     vertical: "HvRadioGroup-vertical";
+    root: "HvRadioGroup-root";
     error: "HvRadioGroup-error";
     invalid: "HvRadioGroup-invalid";
-    root: "HvRadioGroup-root";
 };
 
 export declare class Random {
@@ -7977,8 +7793,8 @@ export declare const rightControlClasses: {
 };
 
 export declare const scrollToHorizontalClasses: {
-    selected: "HvScrollToHorizontal-selected";
     root: "HvScrollToHorizontal-root";
+    selected: "HvScrollToHorizontal-selected";
     positionFixed: "HvScrollToHorizontal-positionFixed";
     positionSticky: "HvScrollToHorizontal-positionSticky";
     notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
@@ -7996,9 +7812,9 @@ export declare const selectionListClasses: {
     listbox: "HvSelectionList-listbox";
     horizontal: "HvSelectionList-horizontal";
     vertical: "HvSelectionList-vertical";
+    root: "HvSelectionList-root";
     error: "HvSelectionList-error";
     invalid: "HvSelectionList-invalid";
-    root: "HvSelectionList-root";
     description: "HvSelectionList-description";
 };
 
@@ -8013,8 +7829,8 @@ export declare const setUid: (id: any, suffix: any) => string | undefined;
 
 export declare const sliderClasses: {
     label: "HvSlider-label";
-    error: "HvSlider-error";
     root: "HvSlider-root";
+    error: "HvSlider-error";
     rootDisabled: "HvSlider-rootDisabled";
     labelContainer: "HvSlider-labelContainer";
     rootRange: "HvSlider-rootRange";
@@ -8044,11 +7860,11 @@ export declare const snackbarClasses: {
 
 export declare const snackbarContentClasses: {
     default: "HvSnackbar-Content-default";
+    root: "HvSnackbar-Content-root";
+    warning: "HvSnackbar-Content-warning";
     action: "HvSnackbar-Content-action";
     error: "HvSnackbar-Content-error";
-    warning: "HvSnackbar-Content-warning";
     success: "HvSnackbar-Content-success";
-    root: "HvSnackbar-Content-root";
     message: "HvSnackbar-Content-message";
     messageSpan: "HvSnackbar-Content-messageSpan";
     messageText: "HvSnackbar-Content-messageText";
@@ -8075,8 +7891,8 @@ export declare const suggestionsClasses: {
 
 export declare const switchClasses: {
     label: "HvSwitch-label";
-    error: "HvSwitch-error";
     root: "HvSwitch-root";
+    error: "HvSwitch-error";
     switchContainer: "HvSwitch-switchContainer";
     invalidSwitch: "HvSwitch-invalidSwitch";
 };
@@ -8085,8 +7901,8 @@ declare type SxProps = React.CSSProperties | ((theme: HvTheme_2) => React.CSSPro
 
 export declare const tabClasses: {
     disabled: "HvTab-disabled";
-    selected: "HvTab-selected";
     root: "HvTab-root";
+    selected: "HvTab-selected";
     focusVisible: "HvTab-focusVisible";
 };
 
@@ -8178,8 +7994,8 @@ export declare const tableRowClasses: {
     footer: "HvTableRow-footer";
     head: "HvTableRow-head";
     expanded: "HvTableRow-expanded";
-    selected: "HvTableRow-selected";
     root: "HvTableRow-root";
+    selected: "HvTableRow-selected";
     hover: "HvTableRow-hover";
     striped: "HvTableRow-striped";
     variantList: "HvTableRow-variantList";
@@ -8213,9 +8029,9 @@ export declare const tagsInputClasses: {
     input: "HvTagsInput-input";
     label: "HvTagsInput-label";
     disabled: "HvTagsInput-disabled";
+    root: "HvTagsInput-root";
     error: "HvTagsInput-error";
     invalid: "HvTagsInput-invalid";
-    root: "HvTagsInput-root";
     resizable: "HvTagsInput-resizable";
     description: "HvTagsInput-description";
     labelContainer: "HvTagsInput-labelContainer";
@@ -8240,10 +8056,10 @@ export declare const textAreaClasses: {
     input: "HvTextArea-input";
     label: "HvTextArea-label";
     disabled: "HvTextArea-disabled";
+    root: "HvTextArea-root";
+    baseInput: "HvTextArea-baseInput";
     error: "HvTextArea-error";
     invalid: "HvTextArea-invalid";
-    baseInput: "HvTextArea-baseInput";
-    root: "HvTextArea-root";
     resizable: "HvTextArea-resizable";
     inputResizable: "HvTextArea-inputResizable";
     description: "HvTextArea-description";
@@ -8265,8 +8081,8 @@ export declare const timePickerClasses: {
     placeholder: "HvTimePicker-placeholder";
     label: "HvTimePicker-label";
     icon: "HvTimePicker-icon";
-    error: "HvTimePicker-error";
     root: "HvTimePicker-root";
+    error: "HvTimePicker-error";
     description: "HvTimePicker-description";
     labelContainer: "HvTimePicker-labelContainer";
     dropdownHeaderInvalid: "HvTimePicker-dropdownHeaderInvalid";
@@ -8282,8 +8098,8 @@ export declare const tooltipClasses: {
     color: "HvTooltip-color";
     separator: "HvTooltip-separator";
     tooltip: "HvTooltip-tooltip";
-    values: "HvTooltip-values";
     root: "HvTooltip-root";
+    values: "HvTooltip-values";
     popper: "HvTooltip-popper";
     tooltipMulti: "HvTooltip-tooltipMulti";
     valuesContainer: "HvTooltip-valuesContainer";
@@ -8328,24 +8144,24 @@ export declare const typographyClasses: {
     caption2: "HvTypography-caption2";
     "5xlTitle": "HvTypography-5xlTitle";
     "4xlTitle": "HvTypography-4xlTitle";
+    "3xlTitle": "HvTypography-3xlTitle";
     xxlTitle: "HvTypography-xxlTitle";
+    xlTitle: "HvTypography-xlTitle";
     lTitle: "HvTypography-lTitle";
+    mTitle: "HvTypography-mTitle";
     sTitle: "HvTypography-sTitle";
+    xsTitle: "HvTypography-xsTitle";
     xxsTitle: "HvTypography-xxsTitle";
     sectionTitle: "HvTypography-sectionTitle";
+    highlightText: "HvTypography-highlightText";
+    normalText: "HvTypography-normalText";
     placeholderText: "HvTypography-placeholderText";
     disabledText: "HvTypography-disabledText";
     selectedNavText: "HvTypography-selectedNavText";
+    vizText: "HvTypography-vizText";
     vizTextDisabled: "HvTypography-vizTextDisabled";
     xsInlineLink: "HvTypography-xsInlineLink";
     root: "HvTypography-root";
-    "3xlTitle": "HvTypography-3xlTitle";
-    xlTitle: "HvTypography-xlTitle";
-    mTitle: "HvTypography-mTitle";
-    xsTitle: "HvTypography-xsTitle";
-    highlightText: "HvTypography-highlightText";
-    normalText: "HvTypography-normalText";
-    vizText: "HvTypography-vizText";
     isLink: "HvTypography-isLink";
 };
 
@@ -8355,7 +8171,7 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label" | "display" | "disabled" | "noWrap" | "title1" | "title2" | "title3" | "title4" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label" | "display" | "disabled" | "noWrap" | "title1" | "title2" | "title3" | "title4" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink" | "root" | "isLink", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         body: string;
@@ -8371,24 +8187,24 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
         caption2: string;
         "5xlTitle": string;
         "4xlTitle": string;
+        "3xlTitle": string;
         xxlTitle: string;
+        xlTitle: string;
         lTitle: string;
+        mTitle: string;
         sTitle: string;
+        xsTitle: string;
         xxsTitle: string;
         sectionTitle: string;
+        highlightText: string;
+        normalText: string;
         placeholderText: string;
         disabledText: string;
         selectedNavText: string;
+        vizText: string;
         vizTextDisabled: string;
         xsInlineLink: string;
         root: string;
-        "3xlTitle": string;
-        xlTitle: string;
-        mTitle: string;
-        xsTitle: string;
-        highlightText: string;
-        normalText: string;
-        vizText: string;
         isLink: string;
     };
     css: {
@@ -8398,14 +8214,31 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "container" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
-        content: string;
-        action: string;
+        placeholder: string;
+        arrow: string;
+        anchor: string;
+        header: string;
+        container: string;
         root: string;
-        titleShort: string;
-        subheader: string;
+        rootDisabled: string;
+        headerOpen: string;
+        headerOpenUp: string;
+        headerOpenDown: string;
+        headerDisabled: string;
+        headerReadOnly: string;
+        arrowContainer: string;
+        selection: string;
+        selectionDisabled: string;
+        panel: string;
+        panelOpenedUp: string;
+        panelOpenedDown: string;
+        inputExtensionOpen: string;
+        inputExtensionLeftPosition: string;
+        inputExtensionOpenShadow: string;
+        inputExtensionFloatRight: string;
+        inputExtensionFloatLeft: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8414,9 +8247,9 @@ declare const useClasses_10: (classesProp?: Partial<Record<"title" | "content" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
+        root: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8425,9 +8258,12 @@ declare const useClasses_11: (classesProp?: Partial<Record<"content", string>>,
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
     classes: {
-        media: string;
+        hidden: string;
+        label: string;
+        container: string;
+        disabled: string;
         root: string;
     };
     css: {
@@ -8437,16 +8273,22 @@ declare const useClasses_12: (classesProp?: Partial<Record<"media" | "root", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "root" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
-        fixed: string;
+        img: string;
+        status: string;
+        container: string;
+        square: string;
         root: string;
-        disableGutters: string;
-        maxWidthXs: string;
-        maxWidthSm: string;
-        maxWidthMd: string;
-        maxWidthLg: string;
-        maxWidthXl: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        fallback: string;
+        avatar: string;
+        badge: string;
+        circular: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8455,21 +8297,142 @@ declare const useClasses_13: (classesProp?: Partial<Record<"fixed" | "root" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        fullscreen: string;
-        messageContainer: string;
-        textWithIcon: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
+        badge: string;
+        badgeContainer: string;
+        badgePosition: string;
+        showCount: string;
+        showLabel: string;
+        badgeIcon: string;
+        badgeOneDigit: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_15: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        disabled: string;
+        root: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "root" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        root: string;
+        selected: string;
+        selectable: string;
+        semanticContainer: string;
+        semanticBar: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_17: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+    classes: {
+        title: string;
+        content: string;
+        root: string;
+        action: string;
+        titleShort: string;
+        subheader: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_18: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_19: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        media: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+    classes: {
+        fixed: string;
+        root: string;
+        disableGutters: string;
+        maxWidthXs: string;
+        maxWidthSm: string;
+        maxWidthMd: string;
+        maxWidthLg: string;
+        maxWidthXl: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        fullscreen: string;
+        messageContainer: string;
+        textWithIcon: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         textContent: string;
@@ -8481,10 +8444,10 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
-        spacing: string;
         root: string;
+        spacing: string;
         fullscreen: string;
     };
     css: {
@@ -8494,13 +8457,13 @@ declare const useClasses_16: (classesProp?: Partial<Record<"spacing" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"background" | "error" | "warning" | "success" | "root" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"background" | "root" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
-        error: string;
+        root: string;
         warning: string;
+        error: string;
         success: string;
-        root: string;
         fullscreen: string;
         closeButton: string;
         paper: string;
@@ -8513,7 +8476,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"background" | "error
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         root: string;
@@ -8527,7 +8490,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
@@ -8545,24 +8508,122 @@ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"small" | "separator" | "root" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
-        disabled: string;
-        readOnly: string;
-        invalid: string;
+        small: string;
+        separator: string;
         root: string;
-        resizable: string;
-        inputBorderContainer: string;
-        inputRootInvalid: string;
-        inputRootReadOnly: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
+        name: string;
+        rightContainer: string;
+        copyright: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_28: (classesProp?: Partial<Record<"header" | "backgroundColor" | "root", string>>, addStatic?: boolean) => {
+    classes: {
+        header: string;
+        backgroundColor: string;
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_29: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "root" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        root: string;
+        adornment: string;
+        adornmentButton: string;
+        adornmentIcon: string;
+        hideIcon: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"separator" | "root", string>>, addStatic?: boolean) => {
+    classes: {
+        separator: string;
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_31: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "root" | "selected", string>>, addStatic?: boolean) => {
+    classes: {
+        link: string;
+        button: string;
+        menu: string;
+        menubar: string;
+        root: string;
+        selected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+        (...args: CSSInterpolation_2[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_32: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_34: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+    classes: {
+        progress: string;
+        root: string;
+        progressBar: string;
+        progressBarLabel: string;
+        progressContainer: string;
+        progressDone: string;
+        progressBarContainer: string;
+        progressError: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8571,7 +8632,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -8585,7 +8646,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -8599,7 +8660,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         open: string;
@@ -8625,14 +8686,14 @@ declare const useClasses_22: (classesProp?: Partial<Record<"title" | "open" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "selected" | "root" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "root" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         typography: string;
         icon: string;
         disabled: string;
-        selected: string;
         root: string;
+        selected: string;
         iconUrl: string;
         iconInfo: string;
     };
@@ -8643,14 +8704,14 @@ declare const useClasses_23: (classesProp?: Partial<Record<"title" | "typography
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"track" | "switch" | "disabled" | "checked" | "readOnly" | "root" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"track" | "switch" | "disabled" | "root" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
     classes: {
         track: string;
         switch: string;
         disabled: string;
+        root: string;
         checked: string;
         readOnly: string;
-        root: string;
         focusVisible: string;
         thumb: string;
         switchBase: string;
@@ -8662,7 +8723,18 @@ declare const useClasses_24: (classesProp?: Partial<Record<"track" | "switch" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"label" | "checkbox" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_40: (classesProp?: Partial<Record<"label" | "checkbox" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         checkbox: string;
@@ -8680,13 +8752,13 @@ declare const useClasses_25: (classesProp?: Partial<Record<"label" | "checkbox"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"input" | "label" | "icon" | "root" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
         icon: string;
-        error: string;
         root: string;
+        error: string;
         inputBorderContainer: string;
         inputRoot: string;
         inputRootFocused: string;
@@ -8709,11 +8781,11 @@ declare const useClasses_26: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"label" | "error" | "root" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
-        error: string;
         root: string;
+        error: string;
         switchContainer: string;
         invalidSwitch: string;
     };
@@ -8724,7 +8796,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"label" | "radio" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"label" | "radio" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         radio: string;
@@ -8742,15 +8814,15 @@ declare const useClasses_28: (classesProp?: Partial<Record<"label" | "radio" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "root" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         group: string;
         horizontal: string;
         vertical: string;
+        root: string;
         error: string;
         invalid: string;
-        root: string;
         selectAll: string;
     };
     css: {
@@ -8760,48 +8832,15 @@ declare const useClasses_29: (classesProp?: Partial<Record<"label" | "group" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "container" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
-    classes: {
-        placeholder: string;
-        arrow: string;
-        anchor: string;
-        header: string;
-        container: string;
-        root: string;
-        rootDisabled: string;
-        headerOpen: string;
-        headerOpenUp: string;
-        headerOpenDown: string;
-        headerDisabled: string;
-        headerReadOnly: string;
-        arrowContainer: string;
-        selection: string;
-        selectionDisabled: string;
-        panel: string;
-        panelOpenedUp: string;
-        panelOpenedDown: string;
-        inputExtensionOpen: string;
-        inputExtensionLeftPosition: string;
-        inputExtensionOpenShadow: string;
-        inputExtensionFloatRight: string;
-        inputExtensionFloatLeft: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_30: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         group: string;
         horizontal: string;
         vertical: string;
+        root: string;
         error: string;
         invalid: string;
-        root: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8810,7 +8849,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"label" | "group" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         previewButton: string;
@@ -8822,7 +8861,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"progressbar" | "icon" | "root" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"progressbar" | "icon" | "root" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
     classes: {
         progressbar: string;
         icon: string;
@@ -8841,7 +8880,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"progressbar" | "icon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         icon: string;
@@ -8858,20 +8897,145 @@ declare const useClasses_33: (classesProp?: Partial<Record<"container" | "icon"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        root: string;
+        pageSizeOptions: string;
+        iconContainer: string;
+        pageSizeTextContainer: string;
+        pageSizeOptionsSelect: string;
+        pageNavigator: string;
+        pageInfo: string;
+        pageJump: string;
+        pageSizeInput: string;
+        pageSizeInputRoot: string;
+        pageSizeInputContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        labelDisabled: string;
+        childGutter: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_50: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+    classes: {
+        button: string;
+        root: string;
+        dropDownMenu: string;
+        actionContainer: string;
+        dropDownMenuButton: string;
+        dropDownMenuButtonSelected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_51: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        link: string;
+        a: string;
+        root: string;
+        orderedList: string;
+        currentPage: string;
+        centerContainer: string;
+        separatorContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_52: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
+    classes: {
+        radio: string;
+        horizontal: string;
+        icon: string;
+        root: string;
+        radioRoot: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_53: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        rootClosed: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_54: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+    classes: {
+        actionContainer: string;
+        iconContainer: string;
+        actionsInnerContainer: string;
+        closeAction: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_55: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        default: string;
+        root: string;
+        warning: string;
+        action: string;
+        error: string;
+        success: string;
+        message: string;
+        baseVariant: string;
+        outContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_56: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
-        icon: string;
         root: string;
-        pageSizeOptions: string;
-        iconContainer: string;
-        pageSizeTextContainer: string;
-        pageSizeOptionsSelect: string;
-        pageNavigator: string;
-        pageInfo: string;
-        pageJump: string;
-        pageSizeInput: string;
-        pageSizeInputRoot: string;
-        pageSizeInputContainer: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
+        anchorOriginTopRight: string;
+        anchorOriginBottomRight: string;
+        anchorOriginTopLeft: string;
+        anchorOriginBottomLeft: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8880,14 +9044,18 @@ declare const useClasses_34: (classesProp?: Partial<Record<"icon" | "root" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"button" | "dropDownMenu" | "root" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        dropDownMenu: string;
+        default: string;
         root: string;
-        actionContainer: string;
-        dropDownMenuButton: string;
-        dropDownMenuButtonSelected: string;
+        warning: string;
+        action: string;
+        error: string;
+        success: string;
+        message: string;
+        messageSpan: string;
+        messageText: string;
+        iconVariant: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8896,15 +9064,9 @@ declare const useClasses_35: (classesProp?: Partial<Record<"button" | "dropDownM
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
-        link: string;
-        a: string;
-        root: string;
-        orderedList: string;
-        currentPage: string;
-        centerContainer: string;
-        separatorContainer: string;
+        snackItemRoot: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8913,13 +9075,15 @@ declare const useClasses_36: (classesProp?: Partial<Record<"link" | "a" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     classes: {
-        radio: string;
-        horizontal: string;
-        icon: string;
         root: string;
-        radioRoot: string;
+        semantic: string;
+        actions: string;
+        selectAllContainer: string;
+        selectAll: string;
+        selectAllPages: string;
+        divider: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8928,12 +9092,11 @@ declare const useClasses_37: (classesProp?: Partial<Record<"radio" | "horizontal
     cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        rootClosed: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
+        gutter: string;
+        infoDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8942,12 +9105,22 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
-        actionContainer: string;
-        iconContainer: string;
-        actionsInnerContainer: string;
-        closeAction: string;
+        placeholder: string;
+        arrow: string;
+        label: string;
+        root: string;
+        dropdown: string;
+        error: string;
+        selectionDisabled: string;
+        description: string;
+        labelContainer: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
+        dropdownHeader: string;
+        dropdownListContainer: string;
+        rootList: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8956,9 +9129,16 @@ declare const useClasses_39: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
+        selection: string;
+        selectAllContainer: string;
+        selectAll: string;
+        dropdownListContainer: string;
+        rootList: string;
+        searchContainer: string;
+        listBorderDown: string;
+        listContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8967,17 +9147,12 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     classes: {
-        default: string;
-        action: string;
-        error: string;
-        warning: string;
-        success: string;
         root: string;
-        message: string;
-        baseVariant: string;
-        outContainer: string;
+        stickyHeader: string;
+        stickyColumns: string;
+        listRow: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8986,15 +9161,9 @@ declare const useClasses_40: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
-        anchorOriginTopRight: string;
-        anchorOriginBottomRight: string;
-        anchorOriginTopLeft: string;
-        anchorOriginBottomLeft: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9003,18 +9172,9 @@ declare const useClasses_41: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        default: string;
-        action: string;
-        error: string;
-        warning: string;
-        success: string;
         root: string;
-        message: string;
-        messageSpan: string;
-        messageText: string;
-        iconVariant: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9023,9 +9183,10 @@ declare const useClasses_42: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     classes: {
-        snackItemRoot: string;
+        root: string;
+        stickyHeader: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9034,15 +9195,41 @@ declare const useClasses_43: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"semantic" | "root" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"body" | "footer" | "head" | "resizer" | "root" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     classes: {
-        semantic: string;
+        body: string;
+        footer: string;
+        head: string;
+        resizer: string;
         root: string;
-        actions: string;
-        selectAllContainer: string;
-        selectAll: string;
-        selectAllPages: string;
-        divider: string;
+        resizable: string;
+        sortable: string;
+        sorted: string;
+        stickyColumn: string;
+        stickyColumnMostLeft: string;
+        stickyColumnLeastRight: string;
+        groupColumnMostLeft: string;
+        groupColumnMostRight: string;
+        resizing: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
+        variantNone: string;
+        variantCheckbox: string;
+        variantActions: string;
+        variantExpand: string;
+        variantList: string;
+        headerContent: string;
+        headerText: string;
+        headerParagraph: string;
+        sortableHeaderText: string;
+        sortButton: string;
+        sortIcon: string;
+        alignFlexLeft: string;
+        alignFlexRight: string;
+        alignFlexCenter: string;
+        alignFlexJustify: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9051,14 +9238,14 @@ declare const useClasses_44: (classesProp?: Partial<Record<"semantic" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "root" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
         head: string;
         expanded: string;
-        selected: string;
         root: string;
+        selected: string;
         hover: string;
         striped: string;
         variantList: string;
@@ -9071,7 +9258,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9105,12 +9292,10 @@ declare const useClasses_46: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
-        section: string;
         root: string;
-        rightSection: string;
-        leftSection: string;
+        formContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9119,9 +9304,15 @@ declare const useClasses_47: (classesProp?: Partial<Record<"section" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"show" | "root" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
     classes: {
+        show: string;
         root: string;
+        hideText: string;
+        defaultIcon: string;
+        warningText: string;
+        topGutter: string;
+        topBorder: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9130,10 +9321,12 @@ declare const useClasses_48: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
+        section: string;
         root: string;
-        sortDropdown: string;
+        rightSection: string;
+        leftSection: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9142,12 +9335,8 @@ declare const useClasses_49: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
-        label: string;
-        container: string;
-        disabled: string;
         root: string;
     };
     css: {
@@ -9157,11 +9346,23 @@ declare const useClasses_5: (classesProp?: Partial<Record<"hidden" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        sortDropdown: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_73: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
-        error: string;
         root: string;
+        error: string;
         description: string;
         labelContainer: string;
     };
@@ -9172,13 +9373,13 @@ declare const useClasses_50: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"header" | "space" | "root" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         space: string;
+        root: string;
         actionBar: string;
         dropdown: string;
-        root: string;
         panel: string;
         baseDropdownSelection: string;
         rightSidePanel: string;
@@ -9192,14 +9393,14 @@ declare const useClasses_51: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"label" | "icon" | "root" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         icon: string;
+        root: string;
+        dropdown: string;
         action: string;
         error: string;
-        dropdown: string;
-        root: string;
         actionContainer: string;
         panel: string;
         description: string;
@@ -9216,7 +9417,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"label" | "icon" | "a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9230,7 +9431,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -9243,12 +9444,12 @@ declare const useClasses_54: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
-        selected: string;
         root: string;
+        selected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9257,10 +9458,10 @@ declare const useClasses_55: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"root" | "selected" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
-        selected: string;
         root: string;
+        selected: string;
         positionFixed: string;
         positionSticky: string;
         notSelectedRoot: string;
@@ -9273,7 +9474,20 @@ declare const useClasses_56: (classesProp?: Partial<Record<"selected" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"list" | "root" | "popper", string>>, addStatic?: boolean) => {
+    classes: {
+        list: string;
+        root: string;
+        popper: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_80: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -9293,7 +9507,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9304,7 +9518,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -9329,35 +9543,11 @@ declare const useClasses_59: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
-    classes: {
-        img: string;
-        status: string;
-        container: string;
-        square: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        root: string;
-        fallback: string;
-        avatar: string;
-        badge: string;
-        circular: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_60: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
-        colorPicker: string;
         root: string;
+        colorPicker: string;
         panel: string;
         description: string;
         labelContainer: string;
@@ -9376,14 +9566,14 @@ declare const useClasses_60: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"title" | "main" | "dot" | "root" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
         dot: string;
+        root: string;
         controls: string;
         xs: string;
-        root: string;
         actions: string;
         panel: string;
         fullscreen: string;
@@ -9410,7 +9600,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -9422,13 +9612,13 @@ declare const useClasses_62: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "root" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
         icon: string;
-        error: string;
         root: string;
+        error: string;
         description: string;
         labelContainer: string;
         dropdownHeaderInvalid: string;
@@ -9445,48 +9635,24 @@ declare const useClasses_63: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        badge: string;
-        badgeContainer: string;
-        badgePosition: string;
-        showCount: string;
-        showLabel: string;
-        badgeIcon: string;
-        badgeOneDigit: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_8: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"input" | "disabled" | "root" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
-        icon: string;
+        input: string;
         disabled: string;
         root: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_9: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
-    classes: {
-        icon: string;
-        selected: string;
-        root: string;
-        selectable: string;
-        semanticContainer: string;
-        semanticBar: string;
+        readOnly: string;
+        invalid: string;
+        resizable: string;
+        inputBorderContainer: string;
+        inputRootInvalid: string;
+        inputRootReadOnly: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;