@hitachivantara/uikit-react-core 5.23.0 → 5.24.0

package/dist/types/index.d.ts

@@ -9,7 +9,7 @@ import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
 import { ChangeEvent } from 'react';
-import { CheckboxProps } from '@mui/material';
+import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
 import { ClassNameMap } from '@mui/material';
 import { ColumnInstance } from 'react-table';
@@ -60,9 +60,11 @@ import { InputProps } from '@mui/material';
 import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
+import type { OptionsObject } from 'notistack';
 import { PopperProps } from '@mui/material';
 import { PropGetter } from 'react-table';
-import { RadioProps } from '@mui/material';
+import { RadioProps } from '@mui/material/Radio';
+import { RadioProps as RadioProps_2 } from '@mui/material';
 import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -77,7 +79,8 @@ import { SnackbarContentProps } from '@mui/material/SnackbarContent';
 import type { SnackbarKey } from 'notistack';
 import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
-import { SwitchProps } from '@mui/material';
+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';
@@ -299,9 +302,12 @@ export declare const baseDropdownClasses: {
     headerOpenDown: "HvBaseDropdown-headerOpenDown";
     headerDisabled: "HvBaseDropdown-headerDisabled";
     headerReadOnly: "HvBaseDropdown-headerReadOnly";
+    arrowContainer: "HvBaseDropdown-arrowContainer";
     selection: "HvBaseDropdown-selection";
     selectionDisabled: "HvBaseDropdown-selectionDisabled";
     panel: "HvBaseDropdown-panel";
+    panelOpenedUp: "HvBaseDropdown-panelOpenedUp";
+    panelOpenedDown: "HvBaseDropdown-panelOpenedDown";
     inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
     inputExtensionLeftPosition: "HvBaseDropdown-inputExtensionLeftPosition";
     inputExtensionOpenShadow: "HvBaseDropdown-inputExtensionOpenShadow";
@@ -385,6 +391,7 @@ export declare const bulkActionsClasses: {
     selectAllContainer: "HvBulkActions-selectAllContainer";
     selectAll: "HvBulkActions-selectAll";
     selectAllPages: "HvBulkActions-selectAllPages";
+    divider: "HvBulkActions-divider";
 };
 
 export declare const buttonClasses: {
@@ -908,7 +915,7 @@ export declare const getPrevNextFocus: (nodeId: any) => {
 export declare const getSelectorIcons: (options: {
     disabled: boolean;
     semantic: boolean;
-}, classes?: HvBaseRadioClasses) => {
+}, classes: HvBaseRadioClasses) => {
     radio: JSX_2.Element;
     radioChecked: JSX_2.Element;
 };
@@ -1005,7 +1012,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_5>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -1060,14 +1067,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_4>;
 
 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_25>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_39>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1091,7 +1098,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_35>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1170,7 +1177,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: string;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1183,7 +1190,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1220,7 +1227,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: (props: HvAvatarProps) => JSX_2.Element;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_6>;
 
 export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
@@ -1271,7 +1278,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1312,11 +1319,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_24>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_38>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_40>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1384,12 +1391,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
 
-export declare interface HvBaseCheckBoxClasses {
-    root?: string;
-    disabled?: string;
-    focusVisible?: string;
-    icon?: string;
-}
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1464,28 +1466,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
 
-export declare interface HvBaseDropdownClasses {
-    root?: string;
-    rootDisabled?: string;
-    anchor?: string;
-    container?: string;
-    header?: string;
-    headerOpen?: string;
-    headerOpenUp?: string;
-    headerOpenDown?: string;
-    headerDisabled?: string;
-    headerReadOnly?: string;
-    arrow?: string;
-    selection?: string;
-    placeholder?: string;
-    selectionDisabled?: string;
-    panel?: string;
-    inputExtensionOpen?: string;
-    inputExtensionLeftPosition?: string;
-    inputExtensionOpenShadow?: string;
-    inputExtensionFloatRight?: string;
-    inputExtensionFloatLeft?: string;
-}
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_3>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "placeholder"> {
     /**
@@ -1621,16 +1602,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
 
-export declare interface HvBaseRadioClasses {
-    /** Styles applied to the component. */
-    root?: string;
-    /** Styles applied to the radio button when it is disabled. */
-    disabled?: string;
-    /** Class applied to the root element if keyboard focused. */
-    focusVisible?: string;
-    /** Class applied top the icon element. */
-    icon?: string;
-}
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1708,26 +1680,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
 
-export declare interface HvBaseSwitchClasses {
-    /** Styles applied to the component. */
-    root?: string;
-    /** Styles applied to the switch when it is disabled. */
-    disabled?: string;
-    /** Styles applied to the switch when it is in read only mode. */
-    readOnly?: string;
-    /** Styles applied to the internal Switch component's root class. */
-    switch?: string;
-    /** Styles applied to the internal SwitchBase component's root class. */
-    switchBase?: string;
-    /** Pseudo-class applied to the internal SwitchBase component's checked class. */
-    checked?: string;
-    /** Styles applied to the track element. */
-    track?: string;
-    /** Styles used to create the thumb passed to the internal SwitchBase component icon prop. */
-    thumb?: string;
-    /** Class applied to the root element if keyboard focused. */
-    focusVisible?: string;
-}
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_24>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1817,15 +1770,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
 
-export declare interface HvBreadCrumbClasses {
-    root?: string;
-    link?: string;
-    orderedList?: string;
-    currentPage?: string;
-    centerContainer?: string;
-    separatorContainer?: string;
-    a?: string;
-}
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_36>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1857,14 +1802,7 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
-export declare interface HvBulkActionsClasses {
-    root?: string;
-    semantic?: string;
-    actions?: string;
-    selectAllContainer?: string;
-    selectAll?: string;
-    selectAllPages?: string;
-}
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_44>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -1938,7 +1876,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_7>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_8>;
 
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -2115,11 +2053,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_9>;
 
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2132,7 +2070,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2149,7 +2087,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_11>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_12>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2190,13 +2128,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_61>;
 
 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_43>;
+    classes?: ExtractNames<typeof useClasses_61>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2243,7 +2181,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_44>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2258,7 +2196,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_43>;
+    classes?: ExtractNames<typeof useClasses_61>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2325,32 +2263,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
 
-export declare interface HvCheckBoxClasses {
-    root?: string;
-    container?: string;
-    disabled?: string;
-    focusVisible?: string;
-    invalidContainer?: string;
-    checkbox?: string;
-    invalidCheckbox?: string;
-    label?: string;
-}
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_25>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
 
-export declare interface HvCheckBoxGroupClasses {
-    root?: string;
-    label?: string;
-    group?: string;
-    vertical?: string;
-    horizontal?: string;
-    invalid?: string;
-    selectAll?: string;
-    error?: string;
-}
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2478,7 +2398,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_60>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2593,16 +2513,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare interface HvContainerClasses {
-    root?: string;
-    disableGutters?: string;
-    fixed?: string;
-    maxWidthXs?: string;
-    maxWidthSm?: string;
-    maxWidthMd?: string;
-    maxWidthLg?: string;
-    maxWidthXl?: string;
-}
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_13>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes">, HvBaseProps {
     /**
@@ -2631,12 +2542,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 
 export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
-export declare interface HvControlsClasses {
-    root: string;
-    section: string;
-    rightSection: string;
-    leftSection: string;
-}
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_47>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2721,7 +2627,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2895,7 +2801,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 
 export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_16>;
 
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
@@ -2906,11 +2812,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_17>;
 
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes">, HvBaseProps {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2950,7 +2856,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_12>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
     /** Variant of the dialog title. */
@@ -2971,7 +2877,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_23>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_37>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -3015,7 +2921,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_16>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "classes">, HvBaseProps<HTMLDivElement> {
     /**
@@ -3204,7 +3110,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3469,16 +3375,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
 
-export declare interface HvEmptyStateClasses {
-    root?: string;
-    container?: string;
-    containerMessageOnly?: string;
-    iconContainer?: string;
-    titleContainer?: string;
-    textContainer?: string;
-    messageContainer?: string;
-    actionContainer?: string;
-}
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3504,19 +3401,9 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: ({ id, classes, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
+export declare const HvFile: ({ id, classes: classesProp, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
 
-export declare interface HvFileClasses {
-    root?: string;
-    progressbar?: string;
-    progressbarBack?: string;
-    nameText?: string;
-    progressTextContainer?: string;
-    removeButton?: string;
-    previewContainer?: string;
-    icon?: string;
-    fail?: string;
-}
+export declare type HvFileClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3595,12 +3482,9 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
  */
-export declare const HvFileUploaderPreview: ({ className, children, classes, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
+export declare const HvFileUploaderPreview: ({ className, children, classes: classesProp, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
 
-export declare interface HvFileUploaderPreviewClasses {
-    previewButton?: string;
-    overlay?: string;
-}
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3675,9 +3559,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_50>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_33>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_51>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -4270,7 +4154,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_37>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_55>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4298,7 +4182,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4326,7 +4210,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_19>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4574,11 +4458,9 @@ export declare interface HvLabelProps extends HvBaseProps {
     classes?: HvLabelClasses;
 }
 
-export declare const HvLeftControl: ({ id, classes, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
+export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
 
-export declare interface HvLeftControlClasses {
-    root: string;
-}
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_48>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4883,13 +4765,13 @@ export declare interface HvMultiButtonProps extends HvBaseProps {
 
 export declare const hvNodeFallback: (value: any) => any;
 
-export declare interface HvNotistackSnackMessageProps {
+export declare interface HvNotistackSnackMessageProps extends OptionsObject {
     /** Id to be applied to the root node. */
     id?: string;
     /** Classname to apply on the root node */
     className?: string;
     /** Your component tree. */
-    message?: ReactNode | string;
+    message?: ReactNode;
     /** Variant of the snackbar. */
     variant?: HvSnackbarVariant;
     /** Extra values to pass to the snackbar. */
@@ -4933,7 +4815,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -5132,7 +5014,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_59>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5183,24 +5065,7 @@ export declare interface HvQueryBuilderProps {
  */
 export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
 
-export declare interface HvRadioClasses {
-    /** Styles applied to the component. */
-    root?: string;
-    /** Styles applied to the radio button+label container (only when a label is provided). */
-    container?: string;
-    /** Styles applied to the HvBaseCheckbox (only when a label is provided). */
-    invalidContainer?: string;
-    /** Styles applied to the radio button+label container when the radio button is disabled. */
-    disabled?: string;
-    /** Styles applied to the HvBaseRadio. */
-    radio?: string;
-    /** Styles applied to the HvBaseCheckbox (only when a label is not provided). */
-    invalidRadio?: string;
-    /** Styles applied to the label. */
-    label?: string;
-    /** Class applied to the root element if keyboard focused. */
-    focusVisible?: string;
-}
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_28>;
 
 /**
  * A group of radio buttons.
@@ -5209,15 +5074,7 @@ export declare interface HvRadioClasses {
  */
 export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
 
-export declare interface HvRadioGroupClasses {
-    root?: string;
-    label?: string;
-    group?: string;
-    vertical?: string;
-    horizontal?: string;
-    invalid?: string;
-    error?: string;
-}
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5291,7 +5148,7 @@ export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "
     classes?: HvRadioGroupClasses;
 }
 
-export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
+export declare interface HvRadioProps extends Omit<RadioProps_2, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
      * Class names to be applied.
      */
@@ -5406,12 +5263,9 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
-export declare const HvRightControl: ({ id, classes, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
+export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
 
-export declare interface HvRightControlClasses {
-    root?: string;
-    sortDropdown?: string;
-}
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5450,7 +5304,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_38>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_56>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5503,7 +5357,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_36>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_54>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5819,11 +5673,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_27>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_41>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5877,7 +5731,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_29>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5975,18 +5829,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
 
-export declare interface HvSwitchClasses {
-    /** Styles applied to the component. */
-    root?: string;
-    /** Styles applied to the label. */
-    label?: string;
-    /** Styles applied to the error area. */
-    error?: string;
-    /** Styles applied to the switch container. */
-    switchContainer?: string;
-    /** Styles applied to the switch container when the validations status is invalid. */
-    invalidSwitch?: string;
-}
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_27>;
 
 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>;
 
@@ -6007,7 +5850,7 @@ export declare interface HvSwitchColumnCellProp {
     switchProps?: HvBaseSwitchProps;
 }
 
-export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
+export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
      * Class names to be applied.
      */
@@ -6173,7 +6016,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_46>;
 
 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. */
@@ -6480,7 +6323,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_45>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6891,7 +6734,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: (props: HvTimeAgoProps) => JSX_2.Element;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "children"> {
     /**
@@ -6936,7 +6779,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_63>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7322,7 +7165,7 @@ export declare interface HvVerticalNavigationProps {
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: ({ id, classes, data, selected, onNavigateToTarget, onNavigateToChild, forwardButtonAriaLabel, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
 export declare interface HvVerticalNavigationSliderClasses {
     root?: string;
@@ -7361,9 +7204,11 @@ export declare interface HvVerticalNavigationSliderProps {
      * Triggered when the navigate to child button is clicked.
      */
     onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData) => void;
+    /** Aria label to apply to the navigate to submenu button on the list items. */
+    forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: ({ id, className, classes, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
+export declare const HvVerticalNavigationTree: ({ id, className, classes, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
 
 export declare interface HvVerticalNavigationTreeClasses {
     root?: string;
@@ -7440,6 +7285,8 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
      * target - the behavior when opening an url.
      */
     data?: NavigationData[];
+    /** Aria label to apply to the navigate to submenu button on the navigation slider list items. */
+    sliderForwardButtonAriaLabel?: string;
 }
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<unknown>>;
@@ -7643,7 +7490,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_53>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -8551,7 +8398,23 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+    classes: {
+        title: string;
+        content: string;
+        action: string;
+        root: string;
+        titleShort: string;
+        subheader: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_11: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
     };
@@ -8562,7 +8425,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"content", string>>,
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
     classes: {
         media: string;
         root: string;
@@ -8574,7 +8437,25 @@ declare const useClasses_11: (classesProp?: Partial<Record<"media" | "root", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+    classes: {
+        fixed: string;
+        root: string;
+        disableGutters: string;
+        maxWidthXs: string;
+        maxWidthSm: string;
+        maxWidthMd: string;
+        maxWidthLg: string;
+        maxWidthXl: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_14: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         fullscreen: string;
@@ -8588,7 +8469,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"root" | "fullscreen"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         textContent: string;
@@ -8600,7 +8481,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
         spacing: string;
         root: string;
@@ -8613,7 +8494,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"spacing" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"background" | "error" | "warning" | "success" | "root" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"background" | "error" | "warning" | "success" | "root" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         error: string;
@@ -8632,7 +8513,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"background" | "error
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         root: string;
@@ -8646,7 +8527,79 @@ declare const useClasses_16: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        container: string;
+        root: string;
+        actionContainer: string;
+        containerMessageOnly: string;
+        iconContainer: string;
+        titleContainer: string;
+        textContainer: string;
+        messageContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+    classes: {
+        input: string;
+        disabled: string;
+        readOnly: string;
+        invalid: string;
+        root: string;
+        resizable: string;
+        inputBorderContainer: string;
+        inputRootInvalid: string;
+        inputRootReadOnly: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        disabled: string;
+        root: string;
+        focusVisible: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_21: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+    classes: {
+        icon: string;
+        disabled: string;
+        root: string;
+        focusVisible: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_22: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         open: string;
@@ -8672,7 +8625,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"title" | "open" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "selected" | "root" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "selected" | "root" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         typography: string;
@@ -8690,7 +8643,44 @@ declare const useClasses_18: (classesProp?: Partial<Record<"title" | "typography
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"track" | "switch" | "disabled" | "checked" | "readOnly" | "root" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
+    classes: {
+        track: string;
+        switch: string;
+        disabled: string;
+        checked: string;
+        readOnly: string;
+        root: string;
+        focusVisible: string;
+        thumb: string;
+        switchBase: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_25: (classesProp?: Partial<Record<"label" | "checkbox" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        checkbox: string;
+        container: string;
+        disabled: string;
+        root: string;
+        focusVisible: string;
+        invalidContainer: string;
+        invalidCheckbox: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_26: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -8719,24 +8709,111 @@ declare const useClasses_19: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"label" | "error" | "root" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
+        label: string;
+        error: string;
+        root: string;
+        switchContainer: string;
+        invalidSwitch: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_28: (classesProp?: Partial<Record<"label" | "radio" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        radio: string;
+        container: string;
         disabled: string;
-        readOnly: string;
+        root: string;
+        focusVisible: string;
+        invalidContainer: string;
+        invalidRadio: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_29: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "root" | "selectAll", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        group: string;
+        horizontal: string;
+        vertical: string;
+        error: string;
         invalid: string;
         root: string;
-        resizable: string;
-        inputBorderContainer: string;
-        inputRootInvalid: string;
-        inputRootReadOnly: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
+        selectAll: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "container" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+    classes: {
+        placeholder: string;
+        arrow: string;
+        anchor: string;
+        header: string;
+        container: string;
+        root: string;
+        rootDisabled: string;
+        headerOpen: string;
+        headerOpenUp: string;
+        headerOpenDown: string;
+        headerDisabled: string;
+        headerReadOnly: string;
+        arrowContainer: string;
+        selection: string;
+        selectionDisabled: string;
+        panel: string;
+        panelOpenedUp: string;
+        panelOpenedDown: string;
+        inputExtensionOpen: string;
+        inputExtensionLeftPosition: string;
+        inputExtensionOpenShadow: string;
+        inputExtensionFloatRight: string;
+        inputExtensionFloatLeft: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "root", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        group: string;
+        horizontal: string;
+        vertical: string;
+        error: string;
+        invalid: string;
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_31: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+    classes: {
+        overlay: string;
+        previewButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8745,7 +8822,26 @@ declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"progressbar" | "icon" | "root" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        progressbar: string;
+        icon: string;
+        root: string;
+        removeButton: string;
+        fail: string;
+        progressbarBack: string;
+        nameText: string;
+        progressTextContainer: string;
+        previewContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_33: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         icon: string;
@@ -8762,7 +8858,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"container" | "icon"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         root: string;
@@ -8784,7 +8880,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"icon" | "root" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"button" | "dropDownMenu" | "root" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"button" | "dropDownMenu" | "root" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         dropDownMenu: string;
@@ -8800,7 +8896,24 @@ declare const useClasses_22: (classesProp?: Partial<Record<"button" | "dropDownM
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        link: string;
+        a: string;
+        root: string;
+        orderedList: string;
+        currentPage: string;
+        centerContainer: string;
+        separatorContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_37: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
         radio: string;
         horizontal: string;
@@ -8815,7 +8928,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"radio" | "horizontal
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -8829,7 +8942,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -8843,7 +8956,18 @@ declare const useClasses_25: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_40: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         action: string;
@@ -8862,7 +8986,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -8879,7 +9003,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         action: string;
@@ -8899,7 +9023,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -8910,9 +9034,15 @@ declare const useClasses_29: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"semantic" | "root" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     classes: {
+        semantic: string;
         root: string;
+        actions: string;
+        selectAllContainer: string;
+        selectAll: string;
+        selectAllPages: string;
+        divider: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8921,7 +9051,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -8941,7 +9071,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -8975,7 +9105,59 @@ declare const useClasses_31: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+    classes: {
+        section: string;
+        root: string;
+        rightSection: string;
+        leftSection: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_48: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_49: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        sortDropdown: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_5: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
+    classes: {
+        hidden: string;
+        label: string;
+        container: string;
+        disabled: string;
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         error: string;
@@ -8990,7 +9172,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         space: string;
@@ -9010,7 +9192,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         icon: string;
@@ -9034,7 +9216,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"label" | "icon" | "a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9048,7 +9230,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -9061,7 +9243,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9075,7 +9257,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         selected: string;
         root: string;
@@ -9091,7 +9273,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"selected" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -9111,12 +9293,8 @@ declare const useClasses_39: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
-        label: string;
-        container: string;
-        disabled: string;
         root: string;
     };
     css: {
@@ -9126,18 +9304,7 @@ declare const useClasses_4: (classesProp?: Partial<Record<"hidden" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_41: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -9162,7 +9329,31 @@ declare const useClasses_41: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+    classes: {
+        img: string;
+        status: string;
+        container: string;
+        square: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        root: string;
+        fallback: string;
+        avatar: string;
+        badge: string;
+        circular: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_60: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         colorPicker: string;
@@ -9185,7 +9376,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
@@ -9219,7 +9410,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -9231,7 +9422,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9254,31 +9445,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
-    classes: {
-        img: string;
-        status: string;
-        container: string;
-        square: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        root: string;
-        fallback: string;
-        avatar: string;
-        badge: string;
-        circular: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -9296,7 +9463,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "badge" | "ba
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -9312,7 +9479,7 @@ declare const useClasses_7: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         selected: string;
@@ -9328,22 +9495,6 @@ declare const useClasses_8: (classesProp?: Partial<Record<"icon" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
-    classes: {
-        title: string;
-        content: string;
-        action: string;
-        root: string;
-        titleShort: string;
-        subheader: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare const useComputation: (valueFn: any, valueFallback?: any) => any[];
@@ -9527,7 +9678,7 @@ export declare interface UseHvRowSelectionTableRowProps {
 }
 
 export declare const useHvSnackbar: () => {
-    enqueueSnackbar: (message: ReactNode | string | undefined, options?: {}) => SnackbarKey;
+    enqueueSnackbar: (message: ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
     closeSnackbar: (key?: SnackbarKey | undefined) => void;
 };
 
@@ -9709,8 +9860,8 @@ export declare const verticalNavigationTreeClasses: {
     list: "HvVerticalNavigationTree-list";
     popup: "HvVerticalNavigationTree-popup";
     root: "HvVerticalNavigationTree-root";
-    collapsed: "HvVerticalNavigationTree-collapsed";
     listItem: "HvVerticalNavigationTree-listItem";
+    collapsed: "HvVerticalNavigationTree-collapsed";
     navigationPopup: "HvVerticalNavigationTree-navigationPopup";
 };