@hitachivantara/uikit-react-core 5.39.3 → 5.40.0

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@
 
 import { ActionType } from 'react-table';
 import { AvatarProps } from '@mui/material/Avatar';
-import { Breakpoint as Breakpoint_2 } from '@mui/material';
+import { Breakpoint as Breakpoint_2 } from '@mui/material/styles';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
@@ -10,7 +10,7 @@ import { Cell } from 'react-table';
 import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
-import { ClassNameMap } from '@mui/material';
+import { ClassNameMap } from '@mui/material/styles';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
 import { CombinedClassKey } from 'notistack';
@@ -32,9 +32,8 @@ import { ds5 } from '@hitachivantara/uikit-styles';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
-import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
-import { GridProps } from '@mui/material';
+import { GridProps } from '@mui/material/Grid';
 import { Hooks } from 'react-table';
 import { HTMLAttributes } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
@@ -63,18 +62,17 @@ import { HvThemeStructure } from '@hitachivantara/uikit-styles';
 import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
 import { ImgHTMLAttributes } from 'react';
-import { InputBaseComponentProps } from '@mui/material';
-import { InputBaseProps } from '@mui/material';
-import { InputProps } from '@mui/material';
+import { InputBaseComponentProps } from '@mui/material/InputBase';
+import { InputBaseProps } from '@mui/material/InputBase';
+import { InputProps } from '@mui/material/Input';
 import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
 import { OptionsObject } from 'notistack';
-import { PopperProps } from '@mui/material';
+import { PopperProps } from '@mui/material/Popper';
 import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material/Radio';
-import { RadioProps as RadioProps_2 } from '@mui/material';
 import { default as React_2 } from 'react';
 import * as React_3 from 'react';
 import { ReactElement } from 'react';
@@ -92,7 +90,6 @@ import { SnackbarKey } from 'notistack';
 import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
 import { SwitchProps } from '@mui/material/Switch';
-import { SwitchProps as SwitchProps_2 } from '@mui/material';
 import { SyntheticEvent } from 'react';
 import { TableCellProps } from 'react-table';
 import { TableCommonProps } from 'react-table';
@@ -105,13 +102,13 @@ import { TableOptions } from 'react-table';
 import { TableProps } from 'react-table';
 import { TableRowProps } from 'react-table';
 import { TableState } from 'react-table';
-import { TabProps } from '@mui/material';
-import { TabsProps } from '@mui/material';
+import { TabProps } from '@mui/material/Tab';
+import { TabsProps } from '@mui/material/Tabs';
 import { TdHTMLAttributes } from 'react';
 import { theme } from '@hitachivantara/uikit-styles';
 import { themes } from '@hitachivantara/uikit-styles';
 import { ThHTMLAttributes } from 'react';
-import { TooltipProps } from '@mui/material';
+import { TooltipProps } from '@mui/material/Tooltip';
 import { TransitionProps } from '@mui/material/transitions';
 import { UseColumnOrderInstanceProps } from 'react-table';
 import { UseColumnOrderState } from 'react-table';
@@ -271,6 +268,12 @@ export declare const avatarClasses: {
     circular: "HvAvatar-circular";
 };
 
+export declare const avatarGroupClasses: {
+    root: "HvAvatarGroup-root";
+    row: "HvAvatarGroup-row";
+    column: "HvAvatarGroup-column";
+};
+
 export declare const badgeClasses: {
     root: "HvBadge-root";
     badge: "HvBadge-badge";
@@ -382,10 +385,10 @@ export declare const breadCrumbClasses: {
     link: "HvBreadCrumb-link";
     root: "HvBreadCrumb-root";
     a: "HvBreadCrumb-a";
-    currentPage: "HvBreadCrumb-currentPage";
     centerContainer: "HvBreadCrumb-centerContainer";
     separatorContainer: "HvBreadCrumb-separatorContainer";
     orderedList: "HvBreadCrumb-orderedList";
+    currentPage: "HvBreadCrumb-currentPage";
 };
 
 export declare interface Breakpoint {
@@ -500,10 +503,9 @@ export declare const carouselClasses: {
     dot: "HvCarousel-dot";
     main: "HvCarousel-main";
     counter: "HvCarousel-counter";
+    actions: "HvCarousel-actions";
     fullscreen: "HvCarousel-fullscreen";
     closeButton: "HvCarousel-closeButton";
-    actions: "HvCarousel-actions";
-    dots: "HvCarousel-dots";
     mainContainer: "HvCarousel-mainContainer";
     pageCounter: "HvCarousel-pageCounter";
     mainXs: "HvCarousel-mainXs";
@@ -511,6 +513,7 @@ export declare const carouselClasses: {
     slideControls: "HvCarousel-slideControls";
     slidesViewport: "HvCarousel-slidesViewport";
     slidesContainer: "HvCarousel-slidesContainer";
+    dots: "HvCarousel-dots";
     dotsXs: "HvCarousel-dotsXs";
     dotSelected: "HvCarousel-dotSelected";
 };
@@ -625,11 +628,11 @@ export declare const datePickerClasses: {
     error: "HvDatePicker-error";
     dropdown: "HvDatePicker-dropdown";
     actionContainer: "HvDatePicker-actionContainer";
-    rightContainer: "HvDatePicker-rightContainer";
     labelContainer: "HvDatePicker-labelContainer";
     dropdownHeaderInvalid: "HvDatePicker-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDatePicker-dropdownHeaderOpen";
     leftContainer: "HvDatePicker-leftContainer";
+    rightContainer: "HvDatePicker-rightContainer";
     dateText: "HvDatePicker-dateText";
 };
 
@@ -645,6 +648,10 @@ export declare type DeepPartial<T> = T extends Object ? Partial<{
     [P in keyof T]: DeepPartial<T[P]>;
 }> : T;
 
+declare type DefaultAttributes = (typeof defaultAttributes)[number];
+
+declare const defaultAttributes: readonly ["boolean", "numeric", "dateandtime", "text", "textarea"];
+
 export { defaultCacheKey }
 
 export { defaultEmotionCache }
@@ -769,11 +776,11 @@ export declare const emptyStateClasses: {
     container: "HvEmptyState-container";
     root: "HvEmptyState-root";
     titleContainer: "HvEmptyState-titleContainer";
+    actionContainer: "HvEmptyState-actionContainer";
+    iconContainer: "HvEmptyState-iconContainer";
     messageContainer: "HvEmptyState-messageContainer";
     containerMessageOnly: "HvEmptyState-containerMessageOnly";
-    iconContainer: "HvEmptyState-iconContainer";
     textContainer: "HvEmptyState-textContainer";
-    actionContainer: "HvEmptyState-actionContainer";
 };
 
 export declare type ExtractNames<T extends (...args: any) => {
@@ -787,10 +794,10 @@ export declare const fileClasses: {
     progressbarContainer: "HvFile-progressbarContainer";
     previewContainer: "HvFile-previewContainer";
     progressbar: "HvFile-progressbar";
+    removeButton: "HvFile-removeButton";
     progressbarBack: "HvFile-progressbarBack";
     nameText: "HvFile-nameText";
     progressTextContainer: "HvFile-progressTextContainer";
-    removeButton: "HvFile-removeButton";
     fail: "HvFile-fail";
 };
 
@@ -1025,7 +1032,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /**
@@ -1072,14 +1079,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_15>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_16>;
 
 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_74>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_24>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1103,7 +1110,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1175,7 +1182,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1188,7 +1195,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1227,7 +1234,37 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<any>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_20>;
+
+/**
+ * The AvatarGroup component is used to group multiple avatars.
+ */
+export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_21>;
+
+export declare interface HvAvatarGroupProps extends HvBaseProps {
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: HvAvatarGroupClasses;
+    /** The avatar size. */
+    size?: HvSize;
+    /** The spacing between avatars. */
+    spacing?: "compact" | "loose";
+    /** The direction of the group. */
+    direction?: "row" | "column";
+    /** Whether the avatars display behind the previous avatar or on top. */
+    toBack?: boolean;
+    /**
+     * The maximum number of visible avatars. If there are more avatars then the value of this property, an added avatar will
+     * be added to the end of the list, indicating the number of hidden avatars.
+     */
+    maxVisible?: number;
+    /**
+     * What to show as an overflow representation.
+     * If `undefined` a default `HvAvatar` will be displayed along with a HvTooltip with the count of overflowing items.
+     * */
+    overflowComponent?: (overflowCount: number) => React.ReactNode;
+}
 
 export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
@@ -1274,7 +1311,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1315,11 +1352,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_73>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_23>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. */
@@ -1389,7 +1426,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: React_2.ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes"> {
     /**
@@ -1608,7 +1645,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: React_2.ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_27>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
@@ -1686,7 +1723,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: React_2.ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
@@ -1776,7 +1813,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_71>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1808,7 +1845,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_79>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_31>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -1882,7 +1919,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_19>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_33>;
 
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -1917,14 +1954,14 @@ export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
 export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvCalendarClasses = ExtractNames<typeof useClasses_34>;
 
 export declare const HvCalendarHeader: {
     (props: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_35>;
 
 export declare interface HvCalendarHeaderProps {
     /**
@@ -2044,11 +2081,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_36>;
 
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_38>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes"> {
     /** The function that will be executed when this section is clicked. */
@@ -2059,7 +2096,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_37>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes"> {
     /** The renderable content inside the title slot of the header. */
@@ -2076,7 +2113,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_23>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_39>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2117,13 +2154,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_40>;
 
 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_116>;
+    classes?: ExtractNames<typeof useClasses_40>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2172,7 +2209,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_117>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_41>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2187,7 +2224,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_116>;
+    classes?: ExtractNames<typeof useClasses_40>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2251,14 +2288,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_57>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_32>;
 
 /**
  * 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: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_44>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2390,7 +2427,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_45>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2510,7 +2547,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 /** The container enables you to center your content horizontally and bound it to a specific breakpoint. */
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_46>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes"> {
     /**
@@ -2539,7 +2576,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_91>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_47>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2624,7 +2661,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_56>;
 
 export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle" | "placeholder"> {
     /**
@@ -2727,7 +2764,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 
 export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_59>;
 
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
@@ -2738,11 +2775,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_60>;
 
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes"> {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2784,7 +2821,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_25>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes"> {
     /** Variant of the dialog title. */
@@ -2805,7 +2842,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_72>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_61>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2849,7 +2886,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_29>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
     /**
@@ -2906,7 +2943,7 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
  */
 export declare const HvDropdown: ForwardRefExoticComponent<HvDropdownProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_81>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_54>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
 
@@ -2952,7 +2989,7 @@ export declare interface HvDropdownLabelsProps {
     searchPlaceholder?: string;
 }
 
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_82>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_55>;
 
 declare interface HvDropdownListProps {
     /**
@@ -3027,7 +3064,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3272,7 +3309,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
 
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_64>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3300,7 +3337,7 @@ export { HvExtraProps }
 
 export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_66>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3381,7 +3418,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_65>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3456,9 +3493,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_67>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_106>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_68>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3605,7 +3642,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
 
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_69>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3728,7 +3765,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
 
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_70>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3780,7 +3817,7 @@ export declare type HvGlobalActionsVariant = "global" | "section";
  */
 export declare const HvGrid: ForwardRefExoticComponent<Omit<HvGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGridClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_71>;
 
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
 
@@ -3880,7 +3917,7 @@ export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 
 export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
 
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_73>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3891,7 +3928,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
 
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_74>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3899,7 +3936,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_72>;
 
 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>>;
@@ -3907,7 +3944,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
 
 export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
 
-declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_36>;
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_75>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3920,7 +3957,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 
 export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_37>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_76>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3933,7 +3970,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_77>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -3992,7 +4029,7 @@ 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_110>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_93>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4016,7 +4053,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_112>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_78>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4048,7 +4085,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_58>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4207,7 +4244,7 @@ export declare interface HvKnobProperty {
  */
 export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
 
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_79>;
 
 export declare interface HvKpiLabelProps {
     /**
@@ -4283,7 +4320,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
 
 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_92>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4300,7 +4337,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 
 export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
 
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_80>;
 
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: MouseEventHandler<HTMLAnchorElement>, data: any) => void | undefined;
@@ -4316,7 +4353,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
  */
 export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
 
-export declare type HvListClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_81>;
 
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4465,7 +4502,7 @@ export declare interface HvListValue extends HvExtraProps {
  */
 export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_82>;
 
 export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
@@ -4485,7 +4522,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_83>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4512,7 +4549,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
 
 export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
 
-export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_84>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4549,7 +4586,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_85>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4572,7 +4609,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -4645,7 +4682,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_87>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4656,7 +4693,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
 
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_88>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4761,20 +4798,22 @@ export declare interface HvProviderProps {
 /**
  * This component allows you to create conditions and group them using logical operators.
  * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.
+ *
+ * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
 export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
     id?: string;
     label: string;
-    type: string;
+    type: DefaultAttributes | (string & {});
 }
 
 export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQuery, "id" | "rules"> {
-    rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | Omit<HvQueryBuilderQueryGroup, "id">>;
+    rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | HvQueryBuilderChangedQuery>;
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_89>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -4789,6 +4828,7 @@ declare interface HvQueryBuilderContextValue {
     readOnly: boolean;
     disableConfirmation: boolean;
     renderers?: HvQueryBuilderRenderers;
+    emptyRenderer?: string[];
 }
 
 export declare interface HvQueryBuilderDateTimeRange {
@@ -5076,9 +5116,18 @@ export declare interface HvQueryBuilderProps {
     labels?: HvQueryBuilderLabels;
     /** Whether the query builder is in read-only mode. */
     readOnly?: boolean;
-    /** Renderers for custom attribute types. */
+    /**
+     * Operators that should use the empty value renderer when selected.
+     *
+     * When one of the listed operators is selected, the rule value is reset and an empty component is rendered.
+     * This property takes priority over `renderers`.
+     *
+     * @default ["Empty", "IsNotEmpty"]
+     * */
+    emptyRenderer?: string[];
+    /** Custom renderers for the rules' value. */
     renderers?: HvQueryBuilderRenderers;
-    /** Whether to opt-out of the confirmation dialogs shown before removing rules and rule groups. Default to `false`. */
+    /** Whether to opt-out of the confirmation dialogs shown before removing rules and rule groups. @default false. */
     disableConfirmation?: boolean;
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvQueryBuilderClasses;
@@ -5119,7 +5168,7 @@ export declare interface HvQueryBuilderRendererProps<V = any> {
     value?: V;
 }
 
-export declare type HvQueryBuilderRenderers = Record<string, FC<HvQueryBuilderRendererProps>>;
+export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
 
 /**
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
@@ -5132,7 +5181,7 @@ export declare type HvQueryBuilderRenderers = Record<string, FC<HvQueryBuilderRe
  */
 export declare const HvRadio: React_2.ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_90>;
 
 /**
  * A group of radio buttons.
@@ -5141,7 +5190,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
  */
 export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5215,7 +5264,7 @@ export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "
     classes?: HvRadioGroupClasses;
 }
 
-export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "classes"> {
+export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
      * A Jss Object used to override or extend the styles applied to the radio button.
      */
@@ -5303,16 +5352,16 @@ export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "c
      */
     onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
     /** @ignore */
-    ref?: RadioProps_2["ref"];
+    ref?: RadioProps["ref"];
     /** @ignore */
-    component?: RadioProps_2["component"];
+    component?: RadioProps["component"];
 }
 
 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_93>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5351,7 +5400,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_111>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_94>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5404,7 +5453,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_109>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_92>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5455,7 +5504,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_122>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title"> {
     /** The title of the section */
@@ -5552,7 +5601,7 @@ export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "
 
 export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
 
-export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_96>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
@@ -5585,7 +5634,7 @@ export { HvSize }
  */
 export declare const HvSlider: React_2.ForwardRefExoticComponent<HvSliderProps & React_2.RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_97>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /**
@@ -5727,11 +5776,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_76>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_98>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_99>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -5787,7 +5836,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_78>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_100>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5817,7 +5866,7 @@ export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
 
-export declare type HvStackClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_101>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -5881,7 +5930,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: React_2.ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_102>;
 
 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>;
 
@@ -5902,7 +5951,7 @@ export declare interface HvSwitchColumnCellProp {
     switchProps?: HvBaseSwitchProps;
 }
 
-export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" | "classes"> {
+export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
      * A Jss Object used to override or extend the styles applied to the switch.
      */
@@ -5983,14 +6032,14 @@ export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" |
      */
     inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
     /** @ignore */
-    ref?: SwitchProps_2["ref"];
+    ref?: SwitchProps["ref"];
     /** @ignore */
-    component?: SwitchProps_2["component"];
+    component?: SwitchProps["component"];
 }
 
 export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_103>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -6010,7 +6059,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_105>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6044,7 +6093,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_48>;
 
 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. */
@@ -6083,7 +6132,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_51>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -6098,7 +6147,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_104>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6122,14 +6171,14 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_106>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_50>;
 
 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. */
@@ -6270,7 +6319,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6314,7 +6363,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_108>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6345,7 +6394,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  */
 export declare const HvTag: (props: HvTagProps) => JSX_2.Element;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_107>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
@@ -6386,7 +6435,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
  */
 export declare const HvTagsInput: React_2.ForwardRefExoticComponent<HvTagsInputProps & React_2.RefAttributes<HTMLUListElement>>;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_109>;
 
 export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color" | "defaultValue"> {
     /** The form element name. */
@@ -6465,7 +6514,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_110>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6612,7 +6661,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_111>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6648,11 +6697,11 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_112>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
-export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "classes" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur"> {
+export declare interface HvTimePickerProps extends Omit<HvFormElementProps, "classes" | "value" | "defaultValue" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTimePickerClasses;
     /** Current value of the element when _controlled_. Follows the 24-hour format. */
@@ -6733,7 +6782,7 @@ export declare interface HvToggleButtonProps extends HvBaseProps<HTMLButtonEleme
  */
 export declare const HvTooltip: ForwardRefExoticComponent<Omit<HvTooltipProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvTooltipClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_86>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6779,7 +6828,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_121>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_115>;
 
 export declare interface HvTreeContentProps extends HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -6800,7 +6849,7 @@ export declare interface HvTreeContentProps extends HTMLAttributes<HTMLElement>
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_120>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_114>;
 
 export declare interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -6853,7 +6902,7 @@ export declare interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {
  */
 export declare const HvTreeView: HvTreeViewComponent;
 
-export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_113>;
 
 declare type HvTreeViewComponent = <Multiple extends boolean | undefined = undefined>(props: HvTreeViewProps<Multiple>) => React.JSX.Element;
 
@@ -6946,7 +6995,7 @@ export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) =>
 
 export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_119>;
 
 export declare interface HvVerticalNavigationActionProps {
     /**
@@ -6977,7 +7026,7 @@ export declare interface HvVerticalNavigationActionProps {
 
 export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_118>;
 
 export declare interface HvVerticalNavigationActionsProps {
     /**
@@ -6998,11 +7047,11 @@ export declare interface HvVerticalNavigationActionsProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_116>;
 
 export declare const HvVerticalNavigationHeader: ({ title, openIcon, closeIcon, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_117>;
 
 export declare interface HvVerticalNavigationHeaderProps {
     /**
@@ -7089,7 +7138,7 @@ export declare interface HvVerticalNavigationProps {
 
 export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_121>;
 
 export declare interface HvVerticalNavigationSliderProps {
     /**
@@ -7129,7 +7178,7 @@ export declare interface HvVerticalNavigationSliderProps {
 
 export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_120>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -7203,11 +7252,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_122>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -7370,7 +7419,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_91>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7892,17 +7941,17 @@ export declare const tableCellClasses: {
     alignCenter: "HvTableCell-alignCenter";
     alignRight: "HvTableCell-alignRight";
     alignJustify: "HvTableCell-alignJustify";
+    variantListHead: "HvTableCell-variantListHead";
+    sorted: "HvTableCell-sorted";
+    variantNone: "HvTableCell-variantNone";
+    variantCheckbox: "HvTableCell-variantCheckbox";
+    variantActions: "HvTableCell-variantActions";
+    variantExpand: "HvTableCell-variantExpand";
     stickyColumnMostLeft: "HvTableCell-stickyColumnMostLeft";
     stickyColumnLeastRight: "HvTableCell-stickyColumnLeastRight";
     groupColumnMostLeft: "HvTableCell-groupColumnMostLeft";
     groupColumnMostRight: "HvTableCell-groupColumnMostRight";
-    sorted: "HvTableCell-sorted";
-    variantCheckbox: "HvTableCell-variantCheckbox";
-    variantExpand: "HvTableCell-variantExpand";
-    variantActions: "HvTableCell-variantActions";
-    variantNone: "HvTableCell-variantNone";
     resizing: "HvTableCell-resizing";
-    variantListHead: "HvTableCell-variantListHead";
 };
 
 export declare const tableClasses: {
@@ -7935,26 +7984,26 @@ export declare const tableHeaderClasses: {
     alignCenter: "HvTableHeader-alignCenter";
     alignRight: "HvTableHeader-alignRight";
     alignJustify: "HvTableHeader-alignJustify";
+    sorted: "HvTableHeader-sorted";
+    variantNone: "HvTableHeader-variantNone";
+    variantCheckbox: "HvTableHeader-variantCheckbox";
+    variantActions: "HvTableHeader-variantActions";
+    variantExpand: "HvTableHeader-variantExpand";
     stickyColumnMostLeft: "HvTableHeader-stickyColumnMostLeft";
     stickyColumnLeastRight: "HvTableHeader-stickyColumnLeastRight";
     groupColumnMostLeft: "HvTableHeader-groupColumnMostLeft";
     groupColumnMostRight: "HvTableHeader-groupColumnMostRight";
+    resizing: "HvTableHeader-resizing";
     headerContent: "HvTableHeader-headerContent";
     headerText: "HvTableHeader-headerText";
     headerParagraph: "HvTableHeader-headerParagraph";
     sortableHeaderText: "HvTableHeader-sortableHeaderText";
-    sorted: "HvTableHeader-sorted";
     sortable: "HvTableHeader-sortable";
     sortIcon: "HvTableHeader-sortIcon";
     alignFlexLeft: "HvTableHeader-alignFlexLeft";
     alignFlexRight: "HvTableHeader-alignFlexRight";
     alignFlexCenter: "HvTableHeader-alignFlexCenter";
     alignFlexJustify: "HvTableHeader-alignFlexJustify";
-    variantCheckbox: "HvTableHeader-variantCheckbox";
-    variantExpand: "HvTableHeader-variantExpand";
-    variantActions: "HvTableHeader-variantActions";
-    variantNone: "HvTableHeader-variantNone";
-    resizing: "HvTableHeader-resizing";
 };
 
 export declare const tableRowClasses: {
@@ -8004,14 +8053,14 @@ export declare const tagsInputClasses: {
     error: "HvTagsInput-error";
     invalid: "HvTagsInput-invalid";
     resizable: "HvTagsInput-resizable";
-    chipRoot: "HvTagsInput-chipRoot";
     labelContainer: "HvTagsInput-labelContainer";
     suggestionsContainer: "HvTagsInput-suggestionsContainer";
     suggestionList: "HvTagsInput-suggestionList";
     inputExtension: "HvTagsInput-inputExtension";
-    characterCounter: "HvTagsInput-characterCounter";
+    chipRoot: "HvTagsInput-chipRoot";
     listItemGutters: "HvTagsInput-listItemGutters";
     listItemRoot: "HvTagsInput-listItemRoot";
+    characterCounter: "HvTagsInput-characterCounter";
     tagInputContainerRoot: "HvTagsInput-tagInputContainerRoot";
     tagInputRoot: "HvTagsInput-tagInputRoot";
     tagSelected: "HvTagsInput-tagSelected";
@@ -8032,8 +8081,8 @@ export declare const textAreaClasses: {
     resizable: "HvTextArea-resizable";
     inputResizable: "HvTextArea-inputResizable";
     labelContainer: "HvTextArea-labelContainer";
-    baseInput: "HvTextArea-baseInput";
     characterCounter: "HvTextArea-characterCounter";
+    baseInput: "HvTextArea-baseInput";
 };
 
 export { theme }
@@ -8109,10 +8158,10 @@ export declare const treeViewItemClasses: {
     group: "HvVerticalNavigationTreeViewItem-group";
     node: "HvVerticalNavigationTreeViewItem-node";
     focused: "HvVerticalNavigationTreeViewItem-focused";
+    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     labelIcon: "HvVerticalNavigationTreeViewItem-labelIcon";
     collapsed: "HvVerticalNavigationTreeViewItem-collapsed";
     minimized: "HvVerticalNavigationTreeViewItem-minimized";
-    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     unselected: "HvVerticalNavigationTreeViewItem-unselected";
     labelExpandable: "HvVerticalNavigationTreeViewItem-labelExpandable";
 };
@@ -8237,14 +8286,9 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "warningText
     cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
-        listItem: string;
-        list: string;
-        popup: string;
-        collapsed: string;
-        navigationPopup: string;
+        snackItemRoot: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8253,11 +8297,16 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "listItem"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_101: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
         root: string;
-        listItemSelected: string;
-        listItemFocus: string;
+        row: string;
+        column: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8266,9 +8315,13 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root" | "listItemSe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
         root: string;
+        invalidSwitch: string;
+        error: string;
+        switchContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8277,26 +8330,12 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
-        label: string;
-        link: string;
+        root: string;
         disabled: string;
-        selectable: string;
         selected: string;
-        hide: string;
-        expanded: string;
-        unselectable: string;
-        group: string;
-        node: string;
-        focused: string;
-        labelIcon: string;
-        collapsed: string;
-        minimized: string;
-        expandable: string;
-        unselected: string;
-        labelExpandable: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8305,26 +8344,9 @@ declare const useClasses_103: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        trackDragging: string;
-        trackStandBy: string;
-        handleContainer: string;
-        error: string;
-        rootDisabled: string;
-        labelContainer: string;
-        sliderBase: string;
-        sliderContainer: string;
-        sliderRoot: string;
-        rootRange: string;
-        handle: string;
-        handleContainerDisabled: string;
-        handleHiddenContainer: string;
-        labelIncluded: string;
-        onlyInput: string;
-        sliderTooltip: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8333,13 +8355,9 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"label" | "description" | "root" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
         root: string;
-        error: string;
-        labelContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8348,18 +8366,10 @@ declare const useClasses_105: (classesProp?: Partial<Record<"label" | "descripti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     classes: {
-        space: string;
-        header: string;
         root: string;
-        panel: string;
-        rightSidePanel: string;
-        applyButton: string;
-        dropdown: string;
-        baseDropdownSelection: string;
-        leftSidePanel: string;
-        actionBar: string;
+        stickyHeader: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8368,24 +8378,21 @@ declare const useClasses_106: (classesProp?: Partial<Record<"space" | "header" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"label" | "description" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "dropdown" | "actionContainer" | "rightContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
-        description: string;
         root: string;
-        panel: string;
-        icon: string;
-        inputText: string;
-        action: string;
-        error: string;
-        dropdown: string;
-        actionContainer: string;
-        rightContainer: string;
-        labelContainer: string;
-        dropdownHeaderInvalid: string;
-        dropdownHeaderOpen: string;
-        leftContainer: string;
-        dateText: string;
+        disabled: string;
+        button: string;
+        focusVisible: string;
+        chipRoot: string;
+        clickable: string;
+        categorical: string;
+        deleteIcon: string;
+        tagButton: string;
+        disabledDeleteIcon: string;
+        categoricalFocus: string;
+        categoricalDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8394,12 +8401,12 @@ declare const useClasses_107: (classesProp?: Partial<Record<"label" | "descripti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        button: string;
-        text: string;
-        notSelected: string;
+        indicator: string;
+        scroller: string;
+        flexContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8408,11 +8415,33 @@ declare const useClasses_108: (classesProp?: Partial<Record<"root" | "button" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "resizable" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
+        description: string;
         root: string;
-        positionFixed: string;
-        positionAbsolute: string;
+        disabled: string;
+        readOnly: string;
+        input: string;
+        tagsList: string;
+        error: string;
+        invalid: string;
+        resizable: string;
+        labelContainer: string;
+        suggestionsContainer: string;
+        suggestionList: string;
+        inputExtension: string;
+        chipRoot: string;
+        listItemGutters: string;
+        listItemRoot: string;
+        characterCounter: string;
+        tagInputContainerRoot: string;
+        tagInputRoot: string;
+        tagSelected: string;
+        tagInputBorderContainer: string;
+        tagInputRootFocused: string;
+        tagInputRootEmpty: string;
+        singleLine: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8439,12 +8468,20 @@ declare const useClasses_11: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
+declare const useClasses_110: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "error" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
+        description: string;
         root: string;
-        selected: string;
-        button: string;
-        text: string;
+        disabled: string;
+        input: string;
+        error: string;
+        invalid: string;
+        resizable: string;
+        inputResizable: string;
+        labelContainer: string;
+        characterCounter: string;
+        baseInput: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8453,14 +8490,9 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root" | "selected"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        selected: string;
-        notSelected: string;
-        notSelectedRoot: string;
-        positionSticky: string;
-        positionFixed: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8469,18 +8501,21 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
+        description: string;
         root: string;
-        inputBorderContainer: string;
-        inputRoot: string;
-        input: string;
+        placeholder: string;
         icon: string;
-        button: string;
-        text: string;
-        largeText: string;
-        textEmpty: string;
-        iconVisible: string;
+        error: string;
+        labelContainer: string;
+        dropdownHeader: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
+        placeholderDisabled: string;
+        dropdownPanel: string;
+        timePopperContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8500,25 +8535,17 @@ declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
+        content: string;
+        label: string;
         root: string;
-        topGroup: string;
-        subGroup: string;
-        subRulesContainer: string;
-        topActionButtonContainer: string;
-        createConditionButton: string;
-        createGroupButton: string;
-        removeButton: string;
-        combinator: string;
-        topCombinator: string;
-        combinatorButton: string;
-        topRemoveButton: string;
-        topRemoveButtonDisabled: string;
-        rulesContainer: string;
-        actionButtonContainer: string;
-        topRulesContainer: string;
-        buttonBackground: string;
+        disabled: string;
+        selected: string;
+        expanded: string;
+        group: string;
+        focused: string;
+        iconContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8527,21 +8554,15 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"colorPicker" | "label" | "description" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
-        colorPicker: string;
         label: string;
-        description: string;
         root: string;
-        panel: string;
-        headerColorValue: string;
-        recommendedColorsRoot: string;
-        labelContainer: string;
-        headerColorIcon: string;
-        colorPickerIcon: string;
-        dropdownRootIconOnly: string;
-        headerColorIconOnly: string;
-        pickerFields: string;
+        disabled: string;
+        selected: string;
+        expanded: string;
+        focused: string;
+        iconContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8550,32 +8571,12 @@ declare const useClasses_115: (classesProp?: Partial<Record<"colorPicker" | "lab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "fullscreen" | "closeButton" | "actions" | "dots" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     classes: {
-        xs: string;
         root: string;
-        panel: string;
-        title: string;
-        controls: string;
-        counterContainer: string;
-        thumbnail: string;
-        thumbnailSelected: string;
-        dot: string;
-        main: string;
-        counter: string;
-        fullscreen: string;
-        closeButton: string;
-        actions: string;
-        dots: string;
-        mainContainer: string;
-        pageCounter: string;
-        mainXs: string;
-        mainFullscreen: string;
-        slideControls: string;
-        slidesViewport: string;
-        slidesContainer: string;
-        dotsXs: string;
-        dotSelected: string;
+        slider: string;
+        collapsed: string;
+        childData: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8584,10 +8585,11 @@ declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "root" | "pan
     cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
-        image: string;
-        slide: string;
+        root: string;
+        minimized: string;
+        collapseButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8596,21 +8598,10 @@ declare const useClasses_117: (classesProp?: Partial<Record<"image" | "slide", s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
         root: string;
-        placeholder: string;
-        icon: string;
-        error: string;
-        labelContainer: string;
-        dropdownHeader: string;
-        dropdownHeaderInvalid: string;
-        dropdownHeaderOpen: string;
-        placeholderDisabled: string;
-        dropdownPanel: string;
-        timePopperContainer: string;
+        hide: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8619,9 +8610,11 @@ declare const useClasses_118: (classesProp?: Partial<Record<"label" | "descripti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
+        action: string;
+        minimized: string;
+        noIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8643,17 +8636,14 @@ declare const useClasses_12: (classesProp?: Partial<Record<"root" | "list" | "po
     cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
-        label: string;
         root: string;
-        disabled: string;
-        selected: string;
-        expanded: string;
-        group: string;
-        focused: string;
-        iconContainer: string;
+        listItem: string;
+        list: string;
+        popup: string;
+        collapsed: string;
+        navigationPopup: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8662,15 +8652,11 @@ declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_121: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        disabled: string;
-        selected: string;
-        expanded: string;
-        focused: string;
-        iconContainer: string;
+        listItemSelected: string;
+        listItemFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8679,13 +8665,37 @@ declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
-        header: string;
         root: string;
-        hidden: string;
-        actions: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_123: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+        label: string;
+        link: string;
+        disabled: string;
+        selectable: string;
+        selected: string;
+        hide: string;
+        expanded: string;
+        unselectable: string;
+        group: string;
+        node: string;
+        focused: string;
+        expandable: string;
+        labelIcon: string;
+        collapsed: string;
+        minimized: string;
+        unselected: string;
+        labelExpandable: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8753,9 +8763,13 @@ declare const useClasses_14: (classesProp?: Partial<Record<"container" | "header
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
+        container: string;
+        label: string;
         root: string;
+        disabled: string;
+        hidden: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8764,13 +8778,9 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        container: string;
-        label: string;
         root: string;
-        disabled: string;
-        hidden: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8779,22 +8789,14 @@ declare const useClasses_16: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
-        container: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
         root: string;
-        square: string;
-        img: string;
-        status: string;
-        fallback: string;
-        avatar: string;
-        badge: string;
-        circular: string;
+        button: string;
+        actionContainer: string;
+        dropDownMenu: string;
+        dropDownMenuButton: string;
+        dropDownMenuButtonSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8803,16 +8805,25 @@ declare const useClasses_17: (classesProp?: Partial<Record<"container" | "xs" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        badge: string;
-        badgeContainer: string;
-        badgePosition: string;
-        showCount: string;
-        showLabel: string;
-        badgeIcon: string;
-        badgeOneDigit: string;
+        title: string;
+        single: string;
+        actionsContainer: string;
+        open: string;
+        item: string;
+        titleAnchor: string;
+        itemSelected: string;
+        itemDisabled: string;
+        itemTrigger: string;
+        itemIcon: string;
+        itemTitle: string;
+        itemInfoIcon: string;
+        footerContainer: string;
+        closed: string;
+        dual: string;
+        fluid: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8821,22 +8832,17 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     classes: {
-        secondary: string;
-        primary: string;
+        typography: string;
         root: string;
         disabled: string;
-        semantic: string;
-        secondarySubtle: string;
         icon: string;
-        secondaryGhost: string;
-        primaryGhost: string;
-        primarySubtle: string;
-        ghost: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
+        title: string;
+        selected: string;
+        iconUrl: string;
+        iconInfo: string;
+        titleAnchor: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8863,14 +8869,22 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "selectable" | "icon" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
+        container: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
         root: string;
-        selectable: string;
-        icon: string;
-        selected: string;
-        semanticContainer: string;
-        semanticBar: string;
+        square: string;
+        img: string;
+        status: string;
+        fallback: string;
+        avatar: string;
+        badge: string;
+        circular: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8879,14 +8893,11 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "selectable"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
         root: string;
-        title: string;
-        titleShort: string;
-        subheader: string;
-        action: string;
+        row: string;
+        column: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8895,9 +8906,16 @@ declare const useClasses_21: (classesProp?: Partial<Record<"content" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
-        content: string;
+        root: string;
+        badge: string;
+        badgeContainer: string;
+        badgePosition: string;
+        showCount: string;
+        showLabel: string;
+        badgeIcon: string;
+        badgeOneDigit: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8906,10 +8924,12 @@ declare const useClasses_22: (classesProp?: Partial<Record<"content", string>>,
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        media: string;
+        rootClosed: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8918,16 +8938,12 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "media", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
-        fixed: string;
-        root: string;
-        disableGutters: string;
-        maxWidthXs: string;
-        maxWidthSm: string;
-        maxWidthMd: string;
-        maxWidthLg: string;
-        maxWidthXl: string;
+        actionContainer: string;
+        actionsInnerContainer: string;
+        closeAction: string;
+        iconContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8936,13 +8952,17 @@ declare const useClasses_24: (classesProp?: Partial<Record<"fixed" | "root" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "titleText" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
+        warning: string;
         root: string;
-        titleText: string;
-        fullscreen: string;
-        messageContainer: string;
-        textWithIcon: string;
+        action: string;
+        default: string;
+        error: string;
+        message: string;
+        success: string;
+        baseVariant: string;
+        outContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8951,10 +8971,12 @@ declare const useClasses_25: (classesProp?: Partial<Record<"root" | "titleText"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        textContent: string;
+        disabled: string;
+        icon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8963,11 +8985,12 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
-        spacing: string;
         root: string;
-        fullscreen: string;
+        disabled: string;
+        icon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8976,17 +8999,17 @@ declare const useClasses_27: (classesProp?: Partial<Record<"spacing" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "error" | "success" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
     classes: {
-        warning: string;
-        background: string;
         root: string;
-        paper: string;
-        error: string;
-        success: string;
-        fullscreen: string;
-        closeButton: string;
-        statusBar: string;
+        disabled: string;
+        readOnly: string;
+        switch: string;
+        switchBase: string;
+        track: string;
+        checked: string;
+        focusVisible: string;
+        thumb: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8995,12 +9018,15 @@ declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "backgrou
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
     classes: {
-        background: string;
+        link: string;
         root: string;
-        paper: string;
-        closeButton: string;
+        a: string;
+        centerContainer: string;
+        separatorContainer: string;
+        orderedList: string;
+        currentPage: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9020,16 +9046,15 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "messageContainer" | "containerMessageOnly" | "iconContainer" | "textContainer" | "actionContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
-        titleContainer: string;
-        messageContainer: string;
-        containerMessageOnly: string;
-        iconContainer: string;
-        textContainer: string;
-        actionContainer: string;
+        icon: string;
+        iconSelected: string;
+        baseContainer: string;
+        menuListRoot: string;
+        menuList: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9038,14 +9063,15 @@ declare const useClasses_30: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
-        name: string;
-        small: string;
         root: string;
-        separator: string;
-        rightContainer: string;
-        copyright: string;
+        semantic: string;
+        divider: string;
+        selectAll: string;
+        actions: string;
+        selectAllContainer: string;
+        selectAllPages: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9054,41 +9080,16 @@ declare const useClasses_31: (classesProp?: Partial<Record<"name" | "small" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
+        label: string;
         root: string;
-        item: string;
-        zeroMinWidth: string;
-        "direction-xs-column": string;
-        "direction-xs-reverse": string;
-        "direction-xs-row-reverse": string;
-        "wrap-xs-nowrap": string;
-        "wrap-xs-wrap-reverse": string;
-        "spacing-xs-1": string;
-        "spacing-xs-2": string;
-        "spacing-xs-3": string;
-        "spacing-xs-4": string;
-        "spacing-xs-5": string;
-        "spacing-xs-6": string;
-        "spacing-xs-7": string;
-        "spacing-xs-8": string;
-        "spacing-xs-9": string;
-        "spacing-xs-10": string;
-        "grid-xs-auto": string;
-        "grid-xs-true": string;
-        "grid-xs-1": string;
-        "grid-xs-2": string;
-        "grid-xs-3": string;
-        "grid-xs-4": string;
-        "grid-xs-5": string;
-        "grid-xs-6": string;
-        "grid-xs-7": string;
-        "grid-xs-8": string;
-        "grid-xs-9": string;
-        "grid-xs-10": string;
-        "grid-xs-11": string;
-        "grid-xs-12": string;
+        disabled: string;
+        checkbox: string;
+        focusVisible: string;
+        invalidContainer: string;
+        invalidCheckbox: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9097,11 +9098,22 @@ declare const useClasses_32: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
-        backgroundColor: string;
-        header: string;
+        secondary: string;
+        primary: string;
         root: string;
+        disabled: string;
+        semantic: string;
+        secondarySubtle: string;
+        icon: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        ghost: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9110,9 +9122,14 @@ declare const useClasses_33: (classesProp?: Partial<Record<"backgroundColor" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        focusSelection: string;
+        calendarMonthlyCell: string;
+        calendarMonthlyCellSelected: string;
+        rangeCalendarContainer: string;
+        singleCalendar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9121,11 +9138,15 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "input" | "headerDate" | "headerDayOfWeek" | "invalid" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        separator: string;
-        brandName: string;
+        inputBorderContainer: string;
+        input: string;
+        headerDate: string;
+        headerDayOfWeek: string;
+        invalid: string;
+        invalidMessageStyling: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9134,14 +9155,14 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"root" | "active" | "list" | "menu" | "menubar" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"root" | "selectable" | "icon" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        active: string;
-        list: string;
-        menu: string;
-        menubar: string;
-        hidden: string;
+        selectable: string;
+        icon: string;
+        selected: string;
+        semanticContainer: string;
+        semanticBar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9150,14 +9171,14 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root" | "active" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"link" | "root" | "menu" | "menubar" | "selected" | "button", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
     classes: {
-        link: string;
+        content: string;
         root: string;
-        menu: string;
-        menubar: string;
-        selected: string;
-        button: string;
+        title: string;
+        titleShort: string;
+        subheader: string;
+        action: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9166,9 +9187,9 @@ declare const useClasses_37: (classesProp?: Partial<Record<"link" | "root" | "me
     cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
+        content: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9177,18 +9198,10 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        visualIndicatorContainer: string;
-        comparisons: string;
-        comparisonContainer: string;
-        comparisonComposition: string;
-        indicatorsContainer: string;
-        indicatorText: string;
-        indicatorUnit: string;
-        spacingToTheRight: string;
-        trendLine: string;
+        media: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9218,9 +9231,32 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+declare const useClasses_40: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
     classes: {
-        a: string;
+        xs: string;
+        root: string;
+        panel: string;
+        title: string;
+        controls: string;
+        counterContainer: string;
+        thumbnail: string;
+        thumbnailSelected: string;
+        dot: string;
+        main: string;
+        counter: string;
+        actions: string;
+        fullscreen: string;
+        closeButton: string;
+        mainContainer: string;
+        pageCounter: string;
+        mainXs: string;
+        mainFullscreen: string;
+        slideControls: string;
+        slidesViewport: string;
+        slidesContainer: string;
+        dots: string;
+        dotsXs: string;
+        dotSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9229,19 +9265,10 @@ declare const useClasses_40: (classesProp?: Partial<Record<"a", string>>, addSta
     cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"overlay" | "small" | "label" | "root" | "hidden" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
-        overlay: string;
-        small: string;
-        label: string;
-        root: string;
-        hidden: string;
-        blur: string;
-        barContainer: string;
-        loadingBar: string;
-        regular: string;
-        smallColor: string;
-        regularColor: string;
+        image: string;
+        slide: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9250,12 +9277,27 @@ declare const useClasses_41: (classesProp?: Partial<Record<"overlay" | "small" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"vertical" | "root" | "selected" | "button", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"label" | "description" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "adornmentButton" | "inputRootDisabled" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
-        vertical: string;
+        label: string;
+        description: string;
         root: string;
-        selected: string;
-        button: string;
+        inputBorderContainer: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootMultiline: string;
+        input: string;
+        icon: string;
+        error: string;
+        adornmentButton: string;
+        inputRootDisabled: string;
+        labelContainer: string;
+        adornmentsBox: string;
+        iconClear: string;
+        hasSuggestions: string;
+        suggestionsContainer: string;
+        suggestionList: string;
+        inputExtension: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9264,9 +9306,22 @@ declare const useClasses_42: (classesProp?: Partial<Record<"vertical" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        icon: string;
+        pageSizeOptions: string;
+        pageSizeHeader: string;
+        pageSizeTextContainer: string;
+        pageSizeOptionsSelect: string;
+        totalPagesTextContainer: string;
+        pageNavigator: string;
+        iconContainer: string;
+        pageInfo: string;
+        pageJump: string;
+        pageSizeInput: string;
+        pageSizeInputRoot: string;
+        pageSizeInputContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9275,16 +9330,16 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
+        vertical: string;
+        horizontal: string;
+        label: string;
         root: string;
-        progress: string;
-        progressBar: string;
-        progressBarLabel: string;
-        progressContainer: string;
-        progressDone: string;
-        progressBarContainer: string;
-        progressError: string;
+        group: string;
+        error: string;
+        invalid: string;
+        selectAll: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9293,9 +9348,21 @@ declare const useClasses_44: (classesProp?: Partial<Record<"root" | "progress" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"colorPicker" | "label" | "description" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
+        colorPicker: string;
+        label: string;
+        description: string;
         root: string;
+        panel: string;
+        headerColorValue: string;
+        recommendedColorsRoot: string;
+        labelContainer: string;
+        headerColorIcon: string;
+        colorPickerIcon: string;
+        dropdownRootIconOnly: string;
+        headerColorIconOnly: string;
+        pickerFields: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9304,16 +9371,16 @@ declare const useClasses_45: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     classes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        fixed: string;
         root: string;
-        row: string;
-        column: string;
+        disableGutters: string;
+        maxWidthXs: string;
+        maxWidthSm: string;
+        maxWidthMd: string;
+        maxWidthLg: string;
+        maxWidthXl: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9322,12 +9389,12 @@ declare const useClasses_46: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        selected: string;
-        focusVisible: string;
+        section: string;
+        rightSection: string;
+        leftSection: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9336,12 +9403,32 @@ declare const useClasses_47: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantListHead" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     classes: {
+        body: string;
         root: string;
-        indicator: string;
-        scroller: string;
-        flexContainer: string;
+        head: string;
+        variantListactions: string;
+        variantListcheckbox: string;
+        stickyColumn: string;
+        variantList: string;
+        footer: string;
+        resizable: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
+        variantListHead: string;
+        sorted: string;
+        variantNone: string;
+        variantCheckbox: string;
+        variantActions: string;
+        variantExpand: string;
+        stickyColumnMostLeft: string;
+        stickyColumnLeastRight: string;
+        groupColumnMostLeft: string;
+        groupColumnMostRight: string;
+        resizing: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9350,21 +9437,18 @@ declare const useClasses_48: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "striped" | "hover" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
+        body: string;
         root: string;
-        disabled: string;
-        button: string;
-        focusVisible: string;
-        chipRoot: string;
-        clickable: string;
-        categorical: string;
-        deleteIcon: string;
-        tagButton: string;
-        disabledDeleteIcon: string;
-        categoricalFocus: string;
-        categoricalDisabled: string;
+        selected: string;
+        head: string;
+        variantList: string;
+        expanded: string;
+        footer: string;
+        striped: string;
+        hover: string;
+        variantListHead: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9387,32 +9471,41 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"body" | "root" | "head" | "stickyColumn" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     classes: {
-        color: string;
+        body: string;
         root: string;
-        title: string;
-        popper: string;
-        separator: string;
-        tooltip: string;
-        values: string;
-        tooltipMulti: string;
-        valuesContainer: string;
-        separatorColor: string;
-        valueWrapper: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_51: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
-    classes: {
-        tooltipData: string;
-        tooltipAnchor: string;
-        tooltipAnchorParagraph: string;
+        head: string;
+        stickyColumn: string;
+        sortButton: string;
+        variantList: string;
+        resizer: string;
+        footer: string;
+        resizable: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
+        sorted: string;
+        variantNone: string;
+        variantCheckbox: string;
+        variantActions: string;
+        variantExpand: string;
+        stickyColumnMostLeft: string;
+        stickyColumnLeastRight: string;
+        groupColumnMostLeft: string;
+        groupColumnMostRight: string;
+        resizing: string;
+        headerContent: string;
+        headerText: string;
+        headerParagraph: string;
+        sortableHeaderText: string;
+        sortable: string;
+        sortIcon: string;
+        alignFlexLeft: string;
+        alignFlexRight: string;
+        alignFlexCenter: string;
+        alignFlexJustify: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9421,12 +9514,12 @@ declare const useClasses_51: (classesProp?: Partial<Record<"tooltipData" | "tool
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        icon: string;
-        focusVisible: string;
+        stickyHeader: string;
+        stickyColumns: string;
+        listRow: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9435,12 +9528,9 @@ declare const useClasses_52: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        icon: string;
-        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9449,25 +9539,10 @@ declare const useClasses_53: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        title: string;
-        single: string;
-        actionsContainer: string;
-        open: string;
-        item: string;
-        titleAnchor: string;
-        itemSelected: string;
-        itemDisabled: string;
-        itemTrigger: string;
-        itemIcon: string;
-        itemTitle: string;
-        itemInfoIcon: string;
-        footerContainer: string;
-        closed: string;
-        dual: string;
-        fluid: string;
+        sortDropdown: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9476,17 +9551,25 @@ declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "dropdown" | "arrow" | "selectionDisabled" | "labelContainer" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
-        typography: string;
+        label: string;
+        description: string;
         root: string;
+        placeholder: string;
         disabled: string;
-        icon: string;
-        title: string;
-        selected: string;
-        iconUrl: string;
-        iconInfo: string;
-        titleAnchor: string;
+        readOnly: string;
+        placeholderClosed: string;
+        error: string;
+        dropdown: string;
+        arrow: string;
+        selectionDisabled: string;
+        labelContainer: string;
+        rootList: string;
+        dropdownListContainer: string;
+        dropdownHeader: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9495,17 +9578,16 @@ declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"selection" | "selectAll" | "selectAllContainer" | "rootList" | "dropdownListContainer" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
-        disabled: string;
-        readOnly: string;
-        switch: string;
-        switchBase: string;
-        track: string;
-        checked: string;
-        focusVisible: string;
-        thumb: string;
+        selection: string;
+        selectAll: string;
+        selectAllContainer: string;
+        rootList: string;
+        dropdownListContainer: string;
+        searchContainer: string;
+        listBorderDown: string;
+        listContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9514,16 +9596,24 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"label" | "description" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "dropdown" | "actionContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
     classes: {
-        container: string;
         label: string;
+        description: string;
         root: string;
-        disabled: string;
-        checkbox: string;
-        focusVisible: string;
-        invalidContainer: string;
-        invalidCheckbox: string;
+        panel: string;
+        icon: string;
+        inputText: string;
+        action: string;
+        error: string;
+        dropdown: string;
+        actionContainer: string;
+        labelContainer: string;
+        dropdownHeaderInvalid: string;
+        dropdownHeaderOpen: string;
+        leftContainer: string;
+        rightContainer: string;
+        dateText: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9532,27 +9622,13 @@ declare const useClasses_57: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"label" | "description" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "adornmentButton" | "inputRootDisabled" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"root" | "titleText" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
         root: string;
-        inputBorderContainer: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootMultiline: string;
-        input: string;
-        icon: string;
-        error: string;
-        adornmentButton: string;
-        inputRootDisabled: string;
-        labelContainer: string;
-        adornmentsBox: string;
-        iconClear: string;
-        hasSuggestions: string;
-        suggestionsContainer: string;
-        suggestionList: string;
-        inputExtension: string;
+        titleText: string;
+        fullscreen: string;
+        messageContainer: string;
+        textWithIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9561,13 +9637,10 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        invalidSwitch: string;
-        error: string;
-        switchContainer: string;
+        textContent: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9576,14 +9649,11 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
-        icon: string;
-        adornment: string;
-        adornmentIcon: string;
-        hideIcon: string;
-        adornmentButton: string;
+        spacing: string;
+        root: string;
+        fullscreen: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9592,16 +9662,14 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "ado
     cx: (...args: any) => string;
 };
 
-declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
     classes: {
-        container: string;
-        label: string;
         root: string;
-        disabled: string;
-        radio: string;
-        focusVisible: string;
-        invalidContainer: string;
-        invalidRadio: string;
+        icon: string;
+        adornment: string;
+        adornmentIcon: string;
+        hideIcon: string;
+        adornmentButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9610,20 +9678,17 @@ declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "error" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "baseInput" | "characterCounter", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "error" | "success" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
+        warning: string;
+        background: string;
         root: string;
-        disabled: string;
-        input: string;
+        paper: string;
         error: string;
-        invalid: string;
-        resizable: string;
-        inputResizable: string;
-        labelContainer: string;
-        baseInput: string;
-        characterCounter: string;
+        success: string;
+        fullscreen: string;
+        closeButton: string;
+        statusBar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9632,33 +9697,13 @@ declare const useClasses_61: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "resizable" | "chipRoot" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "characterCounter" | "listItemGutters" | "listItemRoot" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
+        horizontal: string;
         root: string;
-        disabled: string;
-        readOnly: string;
-        input: string;
-        tagsList: string;
-        error: string;
-        invalid: string;
-        resizable: string;
-        chipRoot: string;
-        labelContainer: string;
-        suggestionsContainer: string;
-        suggestionList: string;
-        inputExtension: string;
-        characterCounter: string;
-        listItemGutters: string;
-        listItemRoot: string;
-        tagInputContainerRoot: string;
-        tagInputRoot: string;
-        tagSelected: string;
-        tagInputBorderContainer: string;
-        tagInputRootFocused: string;
-        tagInputRootEmpty: string;
-        singleLine: string;
+        icon: string;
+        radio: string;
+        radioRoot: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9667,7 +9712,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
@@ -9676,7 +9721,6 @@ declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizon
         group: string;
         error: string;
         invalid: string;
-        selectAll: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9685,18 +9729,12 @@ declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     classes: {
-        link: string;
+        background: string;
         root: string;
-        itemSelector: string;
-        item: string;
-        virtualizedRoot: string;
-        selectorRoot: string;
-        selectorContainer: string;
-        box: string;
-        truncate: string;
-        selectAllSelector: string;
+        paper: string;
+        closeButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9705,15 +9743,16 @@ declare const useClasses_64: (classesProp?: Partial<Record<"link" | "root" | "it
     cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "actionContainer" | "iconContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
     classes: {
-        vertical: string;
-        horizontal: string;
-        label: string;
+        container: string;
         root: string;
-        group: string;
-        error: string;
-        invalid: string;
+        titleContainer: string;
+        actionContainer: string;
+        iconContainer: string;
+        messageContainer: string;
+        containerMessageOnly: string;
+        textContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9722,7 +9761,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         previewButton: string;
@@ -9734,17 +9773,17 @@ declare const useClasses_66: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "progressbarBack" | "nameText" | "progressTextContainer" | "removeButton" | "fail", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "removeButton" | "progressbarBack" | "nameText" | "progressTextContainer" | "fail", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
         progressbarContainer: string;
         previewContainer: string;
         progressbar: string;
+        removeButton: string;
         progressbarBack: string;
         nameText: string;
         progressTextContainer: string;
-        removeButton: string;
         fail: string;
     };
     css: {
@@ -9754,15 +9793,13 @@ declare const useClasses_67: (classesProp?: Partial<Record<"root" | "icon" | "pr
     cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"label" | "description" | "root" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
-        container: string;
+        label: string;
+        description: string;
         root: string;
-        icon: string;
-        iconSelected: string;
-        baseContainer: string;
-        menuListRoot: string;
-        menuList: string;
+        error: string;
+        labelContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9771,22 +9808,18 @@ declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
     classes: {
+        space: string;
+        header: string;
         root: string;
-        icon: string;
-        pageSizeOptions: string;
-        pageSizeHeader: string;
-        pageSizeTextContainer: string;
-        pageSizeOptionsSelect: string;
-        totalPagesTextContainer: string;
-        pageNavigator: string;
-        iconContainer: string;
-        pageInfo: string;
-        pageJump: string;
-        pageSizeInput: string;
-        pageSizeInputRoot: string;
-        pageSizeInputContainer: string;
+        panel: string;
+        rightSidePanel: string;
+        applyButton: string;
+        dropdown: string;
+        baseDropdownSelection: string;
+        leftSidePanel: string;
+        actionBar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9795,9 +9828,14 @@ declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     classes: {
+        name: string;
+        small: string;
         root: string;
+        separator: string;
+        rightContainer: string;
+        copyright: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9806,14 +9844,9 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        button: string;
-        actionContainer: string;
-        dropDownMenu: string;
-        dropDownMenuButton: string;
-        dropDownMenuButtonSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9822,15 +9855,19 @@ declare const useClasses_70: (classesProp?: Partial<Record<"root" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"link" | "root" | "a" | "currentPage" | "centerContainer" | "separatorContainer" | "orderedList", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"name" | "root" | "wrapper" | "globalSectionArea" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
-        link: string;
+        name: string;
         root: string;
-        a: string;
-        currentPage: string;
-        centerContainer: string;
-        separatorContainer: string;
-        orderedList: string;
+        wrapper: string;
+        globalSectionArea: string;
+        sectionName: string;
+        actions: string;
+        positionSticky: string;
+        positionFixed: string;
+        global: string;
+        globalWrapperComplement: string;
+        backButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9839,13 +9876,41 @@ declare const useClasses_71: (classesProp?: Partial<Record<"link" | "root" | "a"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
     classes: {
-        horizontal: string;
+        container: string;
         root: string;
-        icon: string;
-        radio: string;
-        radioRoot: string;
+        item: string;
+        zeroMinWidth: string;
+        "direction-xs-column": string;
+        "direction-xs-reverse": string;
+        "direction-xs-row-reverse": string;
+        "wrap-xs-nowrap": string;
+        "wrap-xs-wrap-reverse": string;
+        "spacing-xs-1": string;
+        "spacing-xs-2": string;
+        "spacing-xs-3": string;
+        "spacing-xs-4": string;
+        "spacing-xs-5": string;
+        "spacing-xs-6": string;
+        "spacing-xs-7": string;
+        "spacing-xs-8": string;
+        "spacing-xs-9": string;
+        "spacing-xs-10": string;
+        "grid-xs-auto": string;
+        "grid-xs-true": string;
+        "grid-xs-1": string;
+        "grid-xs-2": string;
+        "grid-xs-3": string;
+        "grid-xs-4": string;
+        "grid-xs-5": string;
+        "grid-xs-6": string;
+        "grid-xs-7": string;
+        "grid-xs-8": string;
+        "grid-xs-9": string;
+        "grid-xs-10": string;
+        "grid-xs-11": string;
+        "grid-xs-12": string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9854,12 +9919,11 @@ declare const useClasses_72: (classesProp?: Partial<Record<"horizontal" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root", string>>, addStatic?: boolean) => {
     classes: {
+        backgroundColor: string;
+        header: string;
         root: string;
-        rootClosed: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9868,12 +9932,9 @@ declare const useClasses_73: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"iconContainer" | "actionContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        iconContainer: string;
-        actionContainer: string;
-        actionsInnerContainer: string;
-        closeAction: string;
+        root: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9882,17 +9943,11 @@ declare const useClasses_74: (classesProp?: Partial<Record<"iconContainer" | "ac
     cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
     classes: {
-        warning: string;
         root: string;
-        action: string;
-        default: string;
-        error: string;
-        message: string;
-        success: string;
-        baseVariant: string;
-        outContainer: string;
+        separator: string;
+        brandName: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9901,15 +9956,14 @@ declare const useClasses_75: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"root" | "active" | "list" | "menu" | "menubar" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
-        anchorOriginTopRight: string;
-        anchorOriginBottomRight: string;
-        anchorOriginTopLeft: string;
-        anchorOriginBottomLeft: string;
+        active: string;
+        list: string;
+        menu: string;
+        menubar: string;
+        hidden: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9918,18 +9972,14 @@ declare const useClasses_76: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"link" | "root" | "menu" | "menubar" | "selected" | "button", string>>, addStatic?: boolean) => {
     classes: {
-        warning: string;
+        link: string;
         root: string;
-        action: string;
-        default: string;
-        error: string;
-        message: string;
-        success: string;
-        messageSpan: string;
-        messageText: string;
-        iconVariant: string;
+        menu: string;
+        menubar: string;
+        selected: string;
+        button: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9938,9 +9988,9 @@ declare const useClasses_77: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        snackItemRoot: string;
+        root: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9949,15 +9999,38 @@ declare const useClasses_78: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        semantic: string;
-        divider: string;
-        selectAll: string;
-        actions: string;
-        selectAllContainer: string;
-        selectAllPages: string;
+        inputBorderContainer: string;
+        inputRoot: string;
+        input: string;
+        icon: string;
+        button: string;
+        text: string;
+        largeText: string;
+        textEmpty: string;
+        iconVisible: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_79: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        visualIndicatorContainer: string;
+        comparisons: string;
+        comparisonContainer: string;
+        comparisonComposition: string;
+        indicatorsContainer: string;
+        indicatorText: string;
+        indicatorUnit: string;
+        spacingToTheRight: string;
+        trendLine: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9979,19 +10052,9 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisable
     cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"name" | "root" | "wrapper" | "globalSectionArea" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
     classes: {
-        name: string;
-        root: string;
-        wrapper: string;
-        globalSectionArea: string;
-        sectionName: string;
-        actions: string;
-        positionSticky: string;
-        positionFixed: string;
-        global: string;
-        globalWrapperComplement: string;
-        backButton: string;
+        a: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10000,25 +10063,18 @@ declare const useClasses_80: (classesProp?: Partial<Record<"name" | "root" | "wr
     cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "dropdown" | "arrow" | "selectionDisabled" | "labelContainer" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
-        description: string;
+        link: string;
         root: string;
-        placeholder: string;
-        disabled: string;
-        readOnly: string;
-        placeholderClosed: string;
-        error: string;
-        dropdown: string;
-        arrow: string;
-        selectionDisabled: string;
-        labelContainer: string;
-        rootList: string;
-        dropdownListContainer: string;
-        dropdownHeader: string;
-        dropdownHeaderInvalid: string;
-        dropdownHeaderOpen: string;
+        itemSelector: string;
+        item: string;
+        virtualizedRoot: string;
+        selectorRoot: string;
+        selectorContainer: string;
+        box: string;
+        truncate: string;
+        selectAllSelector: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10027,16 +10083,19 @@ declare const useClasses_81: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"selection" | "selectAll" | "selectAllContainer" | "rootList" | "dropdownListContainer" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"overlay" | "small" | "label" | "root" | "hidden" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
-        selection: string;
-        selectAll: string;
-        selectAllContainer: string;
-        rootList: string;
-        dropdownListContainer: string;
-        searchContainer: string;
-        listBorderDown: string;
-        listContainer: string;
+        overlay: string;
+        small: string;
+        label: string;
+        root: string;
+        hidden: string;
+        blur: string;
+        barContainer: string;
+        loadingBar: string;
+        regular: string;
+        smallColor: string;
+        regularColor: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10045,12 +10104,10 @@ declare const useClasses_82: (classesProp?: Partial<Record<"selection" | "select
     cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        stickyHeader: string;
-        stickyColumns: string;
-        listRow: string;
+        formContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10059,9 +10116,12 @@ declare const useClasses_83: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"vertical" | "root" | "selected" | "button", string>>, addStatic?: boolean) => {
     classes: {
+        vertical: string;
         root: string;
+        selected: string;
+        button: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10070,9 +10130,11 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
+        tooltipData: string;
+        tooltipAnchor: string;
+        tooltipAnchorParagraph: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10081,10 +10143,19 @@ declare const useClasses_85: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
+        color: string;
         root: string;
-        stickyHeader: string;
+        title: string;
+        popper: string;
+        separator: string;
+        tooltip: string;
+        values: string;
+        tooltipMulti: string;
+        valuesContainer: string;
+        separatorColor: string;
+        valueWrapper: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10093,41 +10164,9 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"body" | "root" | "head" | "stickyColumn" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sorted" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify" | "variantCheckbox" | "variantExpand" | "variantActions" | "variantNone" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        body: string;
         root: string;
-        head: string;
-        stickyColumn: string;
-        sortButton: string;
-        variantList: string;
-        resizer: string;
-        footer: string;
-        resizable: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        stickyColumnMostLeft: string;
-        stickyColumnLeastRight: string;
-        groupColumnMostLeft: string;
-        groupColumnMostRight: string;
-        headerContent: string;
-        headerText: string;
-        headerParagraph: string;
-        sortableHeaderText: string;
-        sorted: string;
-        sortable: string;
-        sortIcon: string;
-        alignFlexLeft: string;
-        alignFlexRight: string;
-        alignFlexCenter: string;
-        alignFlexJustify: string;
-        variantCheckbox: string;
-        variantExpand: string;
-        variantActions: string;
-        variantNone: string;
-        resizing: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10136,18 +10175,16 @@ declare const useClasses_87: (classesProp?: Partial<Record<"body" | "root" | "he
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "striped" | "hover" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
-        body: string;
         root: string;
-        selected: string;
-        head: string;
-        variantList: string;
-        expanded: string;
-        footer: string;
-        striped: string;
-        hover: string;
-        variantListHead: string;
+        progress: string;
+        progressBar: string;
+        progressBarLabel: string;
+        progressContainer: string;
+        progressDone: string;
+        progressBarContainer: string;
+        progressError: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10156,32 +10193,25 @@ declare const useClasses_88: (classesProp?: Partial<Record<"body" | "root" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "sorted" | "variantCheckbox" | "variantExpand" | "variantActions" | "variantNone" | "resizing" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
-        body: string;
         root: string;
-        head: string;
-        variantListactions: string;
-        variantListcheckbox: string;
-        stickyColumn: string;
-        variantList: string;
-        footer: string;
-        resizable: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        stickyColumnMostLeft: string;
-        stickyColumnLeastRight: string;
-        groupColumnMostLeft: string;
-        groupColumnMostRight: string;
-        sorted: string;
-        variantCheckbox: string;
-        variantExpand: string;
-        variantActions: string;
-        variantNone: string;
-        resizing: string;
-        variantListHead: string;
+        topGroup: string;
+        subGroup: string;
+        subRulesContainer: string;
+        topActionButtonContainer: string;
+        createConditionButton: string;
+        createGroupButton: string;
+        removeButton: string;
+        combinator: string;
+        topCombinator: string;
+        combinatorButton: string;
+        topRemoveButton: string;
+        topRemoveButtonDisabled: string;
+        rulesContainer: string;
+        actionButtonContainer: string;
+        topRulesContainer: string;
+        buttonBackground: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10203,10 +10233,16 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
+        container: string;
+        label: string;
         root: string;
-        formContainer: string;
+        disabled: string;
+        radio: string;
+        focusVisible: string;
+        invalidContainer: string;
+        invalidRadio: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10215,12 +10251,12 @@ declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        section: string;
-        rightSection: string;
-        leftSection: string;
+        button: string;
+        text: string;
+        notSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10229,9 +10265,11 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root" | "section" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        positionFixed: string;
+        positionAbsolute: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10240,10 +10278,12 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        sortDropdown: string;
+        selected: string;
+        button: string;
+        text: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10252,14 +10292,14 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        focusSelection: string;
-        calendarMonthlyCell: string;
-        calendarMonthlyCellSelected: string;
-        rangeCalendarContainer: string;
-        singleCalendar: string;
+        selected: string;
+        notSelected: string;
+        notSelectedRoot: string;
+        positionSticky: string;
+        positionFixed: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10268,15 +10308,13 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "focusSelect
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "input" | "headerDate" | "headerDayOfWeek" | "invalid" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions", string>>, addStatic?: boolean) => {
     classes: {
+        content: string;
+        header: string;
         root: string;
-        inputBorderContainer: string;
-        input: string;
-        headerDate: string;
-        headerDayOfWeek: string;
-        invalid: string;
-        invalidMessageStyling: string;
+        hidden: string;
+        actions: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10285,12 +10323,9 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "inputBorder
     cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        slider: string;
-        collapsed: string;
-        childData: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10299,11 +10334,26 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "slider" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
         root: string;
-        minimized: string;
-        collapseButton: string;
+        trackDragging: string;
+        trackStandBy: string;
+        handleContainer: string;
+        error: string;
+        rootDisabled: string;
+        labelContainer: string;
+        sliderBase: string;
+        sliderContainer: string;
+        sliderRoot: string;
+        rootRange: string;
+        handle: string;
+        handleContainerDisabled: string;
+        handleHiddenContainer: string;
+        labelIncluded: string;
+        onlyInput: string;
+        sliderTooltip: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10312,10 +10362,15 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "minimized"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        hide: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
+        anchorOriginTopRight: string;
+        anchorOriginBottomRight: string;
+        anchorOriginTopLeft: string;
+        anchorOriginBottomLeft: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10324,11 +10379,18 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "hide", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
+        warning: string;
+        root: string;
         action: string;
-        minimized: string;
-        noIcon: string;
+        default: string;
+        error: string;
+        message: string;
+        success: string;
+        messageSpan: string;
+        messageText: string;
+        iconVariant: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10812,6 +10874,8 @@ export declare const useWidth: () => Breakpoint_2;
 
 declare type ValueOf<T> = T[keyof T];
 
+declare type ValueRenderer = React.FC<HvQueryBuilderRendererProps> | Record<string, React.FC<HvQueryBuilderRendererProps>>;
+
 export declare const verticalNavigationClasses: {
     root: "HvVerticalNavigation-root";
     slider: "HvVerticalNavigation-slider";