@hitachivantara/uikit-react-core 5.28.0 → 5.29.0

package/dist/types/index.d.ts

@@ -185,8 +185,8 @@ export declare const actionsClasses: {
 export declare const actionsGenericClasses: {
     button: "HvActionsGeneric-button";
     root: "HvActionsGeneric-root";
-    dropDownMenu: "HvActionsGeneric-dropDownMenu";
     actionContainer: "HvActionsGeneric-actionContainer";
+    dropDownMenu: "HvActionsGeneric-dropDownMenu";
     dropDownMenuButton: "HvActionsGeneric-dropDownMenuButton";
     dropDownMenuButtonSelected: "HvActionsGeneric-dropDownMenuButtonSelected";
 };
@@ -248,13 +248,13 @@ export declare const avatarClasses: {
     img: "HvAvatar-img";
     root: "HvAvatar-root";
     container: "HvAvatar-container";
-    status: "HvAvatar-status";
-    square: "HvAvatar-square";
     xs: "HvAvatar-xs";
     sm: "HvAvatar-sm";
     md: "HvAvatar-md";
     lg: "HvAvatar-lg";
     xl: "HvAvatar-xl";
+    status: "HvAvatar-status";
+    square: "HvAvatar-square";
     fallback: "HvAvatar-fallback";
     avatar: "HvAvatar-avatar";
     badge: "HvAvatar-badge";
@@ -281,8 +281,8 @@ export declare const bannerClasses: {
 
 export declare const bannerContentClasses: {
     root: "HvBannerContent-root";
-    default: "HvBannerContent-default";
     warning: "HvBannerContent-warning";
+    default: "HvBannerContent-default";
     action: "HvBannerContent-action";
     error: "HvBannerContent-error";
     success: "HvBannerContent-success";
@@ -358,8 +358,8 @@ export declare const baseSwitchClasses: {
     checked: "HvBaseSwitch-checked";
     readOnly: "HvBaseSwitch-readOnly";
     focusVisible: "HvBaseSwitch-focusVisible";
-    thumb: "HvBaseSwitch-thumb";
     switchBase: "HvBaseSwitch-switchBase";
+    thumb: "HvBaseSwitch-thumb";
 };
 
 export declare const breadCrumbClasses: {
@@ -405,8 +405,16 @@ export declare const bulkActionsClasses: {
 
 export declare const buttonClasses: {
     root: "HvButton-root";
+    secondary: "HvButton-secondary";
+    primary: "HvButton-primary";
     icon: "HvButton-icon";
     disabled: "HvButton-disabled";
+    semantic: "HvButton-semantic";
+    primarySubtle: "HvButton-primarySubtle";
+    primaryGhost: "HvButton-primaryGhost";
+    secondarySubtle: "HvButton-secondarySubtle";
+    secondaryGhost: "HvButton-secondaryGhost";
+    ghost: "HvButton-ghost";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
     focusVisible: "HvButton-focusVisible";
@@ -468,9 +476,9 @@ export declare const carouselClasses: {
     title: "HvCarousel-title";
     main: "HvCarousel-main";
     root: "HvCarousel-root";
+    xs: "HvCarousel-xs";
     dot: "HvCarousel-dot";
     controls: "HvCarousel-controls";
-    xs: "HvCarousel-xs";
     actions: "HvCarousel-actions";
     panel: "HvCarousel-panel";
     fullscreen: "HvCarousel-fullscreen";
@@ -525,9 +533,9 @@ export declare const checkBoxClasses: {
 export declare const checkBoxGroupClasses: {
     label: "HvCheckBoxGroup-label";
     root: "HvCheckBoxGroup-root";
-    group: "HvCheckBoxGroup-group";
     horizontal: "HvCheckBoxGroup-horizontal";
     vertical: "HvCheckBoxGroup-vertical";
+    group: "HvCheckBoxGroup-group";
     error: "HvCheckBoxGroup-error";
     invalid: "HvCheckBoxGroup-invalid";
     selectAll: "HvCheckBoxGroup-selectAll";
@@ -594,10 +602,10 @@ export declare const datePickerClasses: {
     label: "HvDatePicker-label";
     root: "HvDatePicker-root";
     icon: "HvDatePicker-icon";
-    dropdown: "HvDatePicker-dropdown";
     action: "HvDatePicker-action";
     error: "HvDatePicker-error";
     actionContainer: "HvDatePicker-actionContainer";
+    dropdown: "HvDatePicker-dropdown";
     panel: "HvDatePicker-panel";
     description: "HvDatePicker-description";
     labelContainer: "HvDatePicker-labelContainer";
@@ -605,6 +613,8 @@ export declare const datePickerClasses: {
     rightContainer: "HvDatePicker-rightContainer";
     dropdownHeaderInvalid: "HvDatePicker-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDatePicker-dropdownHeaderOpen";
+    inputText: "HvDatePicker-inputText";
+    dateText: "HvDatePicker-dateText";
 };
 
 export declare interface DateRangeProp {
@@ -692,12 +702,13 @@ export declare const dialogTitleClasses: {
     fullscreen: "HvDialog-Title-fullscreen";
     messageContainer: "HvDialog-Title-messageContainer";
     textWithIcon: "HvDialog-Title-textWithIcon";
+    titleText: "HvDialog-Title-titleText";
 };
 
 export declare const dotPaginationClasses: {
     root: "HvDotPagination-root";
-    radio: "HvDotPagination-radio";
     horizontal: "HvDotPagination-horizontal";
+    radio: "HvDotPagination-radio";
     icon: "HvDotPagination-icon";
     radioRoot: "HvDotPagination-radioRoot";
 };
@@ -714,13 +725,16 @@ export declare const dropdownClasses: {
     arrow: "HvDropdown-arrow";
     label: "HvDropdown-label";
     root: "HvDropdown-root";
-    dropdown: "HvDropdown-dropdown";
+    disabled: "HvDropdown-disabled";
+    readOnly: "HvDropdown-readOnly";
     error: "HvDropdown-error";
+    dropdown: "HvDropdown-dropdown";
     selectionDisabled: "HvDropdown-selectionDisabled";
     description: "HvDropdown-description";
     labelContainer: "HvDropdown-labelContainer";
     dropdownHeaderInvalid: "HvDropdown-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDropdown-dropdownHeaderOpen";
+    placeholderClosed: "HvDropdown-placeholderClosed";
     dropdownHeader: "HvDropdown-dropdownHeader";
     dropdownListContainer: "HvDropdown-dropdownListContainer";
     rootList: "HvDropdown-rootList";
@@ -836,7 +850,7 @@ export declare const formElementClasses: {
     root: "HvFormElement-root";
 };
 
-export declare const getBorderStyles: (type: "row", color?: string, rowBorderRadius?: string) => {
+export declare const getBorderStyles: (color: string, rowBorderRadius: string) => {
     "& td": {
         borderTop: string;
         borderBottom: string;
@@ -921,6 +935,7 @@ export declare const globalActionsClasses: {
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
     globalSectionArea: "HvGlobalActions-globalSectionArea";
     backButton: "HvGlobalActions-backButton";
+    sectionName: "HvGlobalActions-sectionName";
 };
 
 export declare const gridClasses: {
@@ -966,6 +981,7 @@ export declare const headerActionsClasses: {
 export declare const headerBrandClasses: {
     root: "HvHeader-Brand-root";
     separator: "HvHeader-Brand-separator";
+    brandName: "HvHeader-Brand-brandName";
 };
 
 export declare const headerClasses: {
@@ -1052,7 +1068,7 @@ export declare interface HvActionBarProps extends HvBaseProps {
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_73>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_74>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1076,7 +1092,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_70>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1148,7 +1164,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1161,7 +1177,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_54>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1288,11 +1304,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_72>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_73>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_74>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_75>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1362,7 +1378,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1579,7 +1595,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1657,7 +1673,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_56>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1747,7 +1763,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_71>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1779,7 +1795,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_79>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -1888,14 +1904,14 @@ export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
 export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = ExtractNames<typeof useClasses_93>;
+export declare type HvCalendarClasses = ExtractNames<typeof useClasses_94>;
 
 export declare const HvCalendarHeader: {
-    ({ id, value, locale, classes: classesProp, onChange, showEndDate, showDayOfWeek, onFocus, invalidDateLabel, ...others }: HvCalendarHeaderProps): JSX_2.Element;
+    (props: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvCalendarHeaderProps {
     /**
@@ -2030,7 +2046,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
     classes?: HvCardContentClasses;
 }
 
-export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
+export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
 
 export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_21>;
 
@@ -2090,13 +2106,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_116>;
 
 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_115>;
+    classes?: ExtractNames<typeof useClasses_116>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2145,7 +2161,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_116>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_117>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2160,7 +2176,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_115>;
+    classes?: ExtractNames<typeof useClasses_116>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2224,14 +2240,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_57>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2363,7 +2379,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_115>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2512,7 +2528,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_90>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2597,7 +2613,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_107>;
 
 export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle"> {
     /**
@@ -2778,7 +2794,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_71>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_72>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2870,7 +2886,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
  */
 export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
 
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_81>;
 
 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>;
 
@@ -2916,7 +2932,7 @@ export declare interface HvDropdownLabelsProps {
     searchPlaceholder?: string;
 }
 
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_81>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_82>;
 
 declare interface HvDropdownListProps {
     /**
@@ -2991,7 +3007,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3262,9 +3278,9 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: ({ id, classes: classesProp, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
+export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_67>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3343,9 +3359,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: classesProp, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
+export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_66>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3420,9 +3436,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_105>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_105>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_106>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3692,7 +3708,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_79>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_80>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3869,7 +3885,9 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     headers: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare const HvHeaderMenuBar: ({ data, onClick, type, levels, currentLevel, ...others }: HvHeaderMenuBarProps) => JSX_2.Element;
+export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
+
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_36>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3877,11 +3895,12 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
     levels: number;
     currentLevel: number;
+    classes?: HvHeaderMenuBarClasses;
 }
 
-export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, classes: classesProp, className, }: HvHeaderMenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_36>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_37>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3894,7 +3913,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_38>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -3953,7 +3972,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_109>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_110>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -3977,7 +3996,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4005,7 +4024,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_57>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4164,7 +4183,7 @@ export declare interface HvKnobProperty {
  */
 export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
 
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_39>;
 
 export declare interface HvKpiLabelProps {
     /**
@@ -4240,7 +4259,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_91>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_92>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4257,7 +4276,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 
 export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
 
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_40>;
 
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: MouseEventHandler<HTMLAnchorElement>, data: any) => void | undefined;
@@ -4273,7 +4292,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_63>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_64>;
 
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4426,7 +4445,7 @@ export declare interface HvListValue extends HvExtraProps {
  */
 export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_41>;
 
 export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
@@ -4446,7 +4465,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_90>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4473,7 +4492,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_41>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4510,7 +4529,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4533,7 +4552,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_69>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -4606,7 +4625,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4617,7 +4636,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_43>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_44>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4725,7 +4744,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_114>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -4776,7 +4795,7 @@ export declare interface HvQueryBuilderProps {
  */
 export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
 
 /**
  * A group of radio buttons.
@@ -4785,7 +4804,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_59>;
  */
 export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_65>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -4956,7 +4975,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
 export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
 
-export declare type HvRightControlClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_93>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4995,7 +5014,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_110>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_111>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5048,7 +5067,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_108>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_109>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5170,7 +5189,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_44>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_45>;
 
 /** 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 {
@@ -5203,7 +5222,7 @@ export { HvSize }
  */
 export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /**
@@ -5345,11 +5364,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_75>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_76>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_77>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5405,7 +5424,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_77>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_78>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5435,7 +5454,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_45>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_46>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -5499,7 +5518,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_59>;
 
 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>;
 
@@ -5608,7 +5627,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" |
 
 export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_47>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -5628,7 +5647,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_84>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_85>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -5662,7 +5681,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_89>;
 
 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. */
@@ -5701,7 +5720,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_82>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_83>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -5716,7 +5735,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_83>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_84>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -5740,14 +5759,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_85>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_86>;
 
 /**
  * `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_86>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_87>;
 
 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. */
@@ -5888,7 +5907,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_88>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -5932,7 +5951,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children">, HvBasePr
  */
 export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_48>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -5963,7 +5982,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_48>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_49>;
 
 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>;
 
@@ -6004,7 +6023,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
  */
 export declare const HvTagsInput: (props: HvTagsInputProps) => JSX_2.Element;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color" | "defaultValue"> {
     /** The form element name. */
@@ -6079,7 +6098,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_61>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6226,7 +6245,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_112>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_113>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6262,7 +6281,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6347,7 +6366,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_49>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_50>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6475,7 +6494,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_98>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_99>;
 
 export declare interface HvVerticalNavigationActionProps {
     /**
@@ -6506,7 +6525,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_97>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_98>;
 
 export declare interface HvVerticalNavigationActionsProps {
     /**
@@ -6527,11 +6546,11 @@ export declare interface HvVerticalNavigationActionsProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_96>;
 
 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_96>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_97>;
 
 export declare interface HvVerticalNavigationHeaderProps {
     /**
@@ -6616,9 +6635,9 @@ export declare interface HvVerticalNavigationProps {
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: ({ id, classes: classesProp, data, selected, onNavigateToTarget, onNavigateToChild, forwardButtonAriaLabel, }: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_101>;
 
 export declare interface HvVerticalNavigationSliderProps {
     /**
@@ -6658,7 +6677,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_99>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_100>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -6732,11 +6751,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_102>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_103>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -6899,7 +6918,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_108>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7193,12 +7212,12 @@ declare interface Query {
 
 export declare const queryBuilderClasses: {
     root: "HvQueryBuilder-root";
-    removeButton: "HvQueryBuilder-removeButton";
     topGroup: "HvQueryBuilder-topGroup";
     subGroup: "HvQueryBuilder-subGroup";
     combinator: "HvQueryBuilder-combinator";
     topCombinator: "HvQueryBuilder-topCombinator";
     combinatorButton: "HvQueryBuilder-combinatorButton";
+    removeButton: "HvQueryBuilder-removeButton";
     topRemoveButton: "HvQueryBuilder-topRemoveButton";
     topRemoveButtonDisabled: "HvQueryBuilder-topRemoveButtonDisabled";
     rulesContainer: "HvQueryBuilder-rulesContainer";
@@ -7351,9 +7370,9 @@ export declare const radioClasses: {
 export declare const radioGroupClasses: {
     label: "HvRadioGroup-label";
     root: "HvRadioGroup-root";
-    group: "HvRadioGroup-group";
     horizontal: "HvRadioGroup-horizontal";
     vertical: "HvRadioGroup-vertical";
+    group: "HvRadioGroup-group";
     error: "HvRadioGroup-error";
     invalid: "HvRadioGroup-invalid";
 };
@@ -7394,9 +7413,9 @@ export declare const scrollToVerticalClasses: {
 export declare const selectionListClasses: {
     label: "HvSelectionList-label";
     root: "HvSelectionList-root";
-    listbox: "HvSelectionList-listbox";
     horizontal: "HvSelectionList-horizontal";
     vertical: "HvSelectionList-vertical";
+    listbox: "HvSelectionList-listbox";
     error: "HvSelectionList-error";
     invalid: "HvSelectionList-invalid";
     description: "HvSelectionList-description";
@@ -7448,8 +7467,8 @@ export declare const snackbarClasses: {
 
 export declare const snackbarContentClasses: {
     root: "HvSnackbar-Content-root";
-    default: "HvSnackbar-Content-default";
     warning: "HvSnackbar-Content-warning";
+    default: "HvSnackbar-Content-default";
     action: "HvSnackbar-Content-action";
     error: "HvSnackbar-Content-error";
     success: "HvSnackbar-Content-success";
@@ -7467,13 +7486,13 @@ export declare type Spacing = "sm" | "md" | "lg" | "xl";
 
 export declare const stackClasses: {
     root: "HvStack-root";
-    row: "HvStack-row";
-    column: "HvStack-column";
     xs: "HvStack-xs";
     sm: "HvStack-sm";
     md: "HvStack-md";
     lg: "HvStack-lg";
     xl: "HvStack-xl";
+    row: "HvStack-row";
+    column: "HvStack-column";
 };
 
 declare type StringKey<D> = Extract<keyof D, string>;
@@ -7653,7 +7672,6 @@ export declare const textAreaClasses: {
     label: "HvTextArea-label";
     root: "HvTextArea-root";
     disabled: "HvTextArea-disabled";
-    baseInput: "HvTextArea-baseInput";
     error: "HvTextArea-error";
     invalid: "HvTextArea-invalid";
     resizable: "HvTextArea-resizable";
@@ -7661,6 +7679,7 @@ export declare const textAreaClasses: {
     description: "HvTextArea-description";
     labelContainer: "HvTextArea-labelContainer";
     characterCounter: "HvTextArea-characterCounter";
+    baseInput: "HvTextArea-baseInput";
 };
 
 export { theme }
@@ -7734,8 +7753,6 @@ export declare const typographyClasses: {
     label: "HvTypography-label";
     root: "HvTypography-root";
     display: "HvTypography-display";
-    disabled: "HvTypography-disabled";
-    noWrap: "HvTypography-noWrap";
     title1: "HvTypography-title1";
     title2: "HvTypography-title2";
     title3: "HvTypography-title3";
@@ -7744,23 +7761,25 @@ export declare const typographyClasses: {
     caption2: "HvTypography-caption2";
     "5xlTitle": "HvTypography-5xlTitle";
     "4xlTitle": "HvTypography-4xlTitle";
-    "3xlTitle": "HvTypography-3xlTitle";
     xxlTitle: "HvTypography-xxlTitle";
-    xlTitle: "HvTypography-xlTitle";
     lTitle: "HvTypography-lTitle";
-    mTitle: "HvTypography-mTitle";
     sTitle: "HvTypography-sTitle";
-    xsTitle: "HvTypography-xsTitle";
     xxsTitle: "HvTypography-xxsTitle";
     sectionTitle: "HvTypography-sectionTitle";
-    highlightText: "HvTypography-highlightText";
-    normalText: "HvTypography-normalText";
     placeholderText: "HvTypography-placeholderText";
     disabledText: "HvTypography-disabledText";
     selectedNavText: "HvTypography-selectedNavText";
-    vizText: "HvTypography-vizText";
     vizTextDisabled: "HvTypography-vizTextDisabled";
     xsInlineLink: "HvTypography-xsInlineLink";
+    disabled: "HvTypography-disabled";
+    noWrap: "HvTypography-noWrap";
+    "3xlTitle": "HvTypography-3xlTitle";
+    xlTitle: "HvTypography-xlTitle";
+    mTitle: "HvTypography-mTitle";
+    xsTitle: "HvTypography-xsTitle";
+    highlightText: "HvTypography-highlightText";
+    normalText: "HvTypography-normalText";
+    vizText: "HvTypography-vizText";
     isLink: "HvTypography-isLink";
 };
 
@@ -7770,15 +7789,13 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label" | "root" | "display" | "disabled" | "noWrap" | "title1" | "title2" | "title3" | "title4" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink" | "isLink", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label" | "root" | "display" | "title1" | "title2" | "title3" | "title4" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "disabled" | "noWrap" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         body: string;
         label: string;
         root: string;
         display: string;
-        disabled: string;
-        noWrap: string;
         title1: string;
         title2: string;
         title3: string;
@@ -7787,23 +7804,25 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
         caption2: string;
         "5xlTitle": string;
         "4xlTitle": string;
-        "3xlTitle": string;
         xxlTitle: string;
-        xlTitle: string;
         lTitle: string;
-        mTitle: string;
         sTitle: string;
-        xsTitle: string;
         xxsTitle: string;
         sectionTitle: string;
-        highlightText: string;
-        normalText: string;
         placeholderText: string;
         disabledText: string;
         selectedNavText: string;
-        vizText: string;
         vizTextDisabled: string;
         xsInlineLink: string;
+        disabled: string;
+        noWrap: string;
+        "3xlTitle": string;
+        xlTitle: string;
+        mTitle: string;
+        xsTitle: string;
+        highlightText: string;
+        normalText: string;
+        vizText: string;
         isLink: string;
     };
     css: {
@@ -7830,7 +7849,23 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "show" | "hi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root" | "list" | "popup" | "collapsed" | "listItem" | "navigationPopup", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        list: string;
+        popup: string;
+        collapsed: string;
+        listItem: string;
+        navigationPopup: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItemSelected: string;
@@ -7843,7 +7878,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "listItemSe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -7854,7 +7889,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         unselectable: string;
@@ -7882,7 +7917,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"content" | "unselec
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -7910,7 +7945,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -7925,17 +7960,17 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"header" | "root" | "space" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"header" | "root" | "space" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         root: string;
         space: string;
-        actionBar: string;
         dropdown: string;
         panel: string;
         baseDropdownSelection: string;
         rightSidePanel: string;
         leftSidePanel: string;
+        actionBar: string;
         applyButton: string;
     };
     css: {
@@ -7945,15 +7980,15 @@ declare const useClasses_105: (classesProp?: Partial<Record<"header" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"label" | "root" | "icon" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"label" | "root" | "icon" | "action" | "error" | "actionContainer" | "dropdown" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "inputText" | "dateText", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
         icon: string;
-        dropdown: string;
         action: string;
         error: string;
         actionContainer: string;
+        dropdown: string;
         panel: string;
         description: string;
         labelContainer: string;
@@ -7961,6 +7996,8 @@ declare const useClasses_106: (classesProp?: Partial<Record<"label" | "root" | "
         rightContainer: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
+        inputText: string;
+        dateText: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -7969,7 +8006,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -7983,7 +8020,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"button" | "text" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -7996,12 +8033,16 @@ declare const useClasses_108: (classesProp?: Partial<Record<"root" | "positionFi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "listbox" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        text: string;
+        label: string;
         root: string;
-        selected: string;
+        horizontal: string;
+        vertical: string;
+        listbox: string;
+        error: string;
+        invalid: string;
+        description: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8010,16 +8051,12 @@ declare const useClasses_109: (classesProp?: Partial<Record<"button" | "text" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "listbox" | "horizontal" | "vertical" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
+declare const useClasses_110: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
+        button: string;
+        text: string;
         root: string;
-        listbox: string;
-        horizontal: string;
-        vertical: string;
-        error: string;
-        invalid: string;
-        description: string;
+        selected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8028,7 +8065,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "l
     cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
@@ -8044,7 +8081,7 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root" | "selected"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -8064,7 +8101,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8075,15 +8112,15 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "removeButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        removeButton: string;
         topGroup: string;
         subGroup: string;
         combinator: string;
         topCombinator: string;
         combinatorButton: string;
+        removeButton: string;
         topRemoveButton: string;
         topRemoveButtonDisabled: string;
         rulesContainer: string;
@@ -8100,7 +8137,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"root" | "removeButt
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8123,14 +8160,14 @@ declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"title" | "main" | "root" | "dot" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"title" | "main" | "root" | "xs" | "dot" | "controls" | "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;
         root: string;
+        xs: string;
         dot: string;
         controls: string;
-        xs: string;
         actions: string;
         panel: string;
         fullscreen: string;
@@ -8157,7 +8194,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"title" | "main" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -8169,7 +8206,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"image" | "slide", s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -8290,18 +8327,18 @@ declare const useClasses_16: (classesProp?: Partial<Record<"hidden" | "label" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"img" | "root" | "container" | "status" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"img" | "root" | "container" | "xs" | "sm" | "md" | "lg" | "xl" | "status" | "square" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         img: string;
         root: string;
         container: string;
-        status: string;
-        square: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        status: string;
+        square: string;
         fallback: string;
         avatar: string;
         badge: string;
@@ -8332,11 +8369,19 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"root" | "secondary" | "primary" | "icon" | "disabled" | "semantic" | "primarySubtle" | "primaryGhost" | "secondarySubtle" | "secondaryGhost" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        secondary: string;
+        primary: string;
         icon: string;
         disabled: string;
+        semantic: string;
+        primarySubtle: string;
+        primaryGhost: string;
+        secondarySubtle: string;
+        secondaryGhost: string;
+        ghost: string;
         startIcon: string;
         endIcon: string;
         focusVisible: string;
@@ -8439,12 +8484,13 @@ declare const useClasses_24: (classesProp?: Partial<Record<"fixed" | "root" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon" | "titleText", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         fullscreen: string;
         messageContainer: string;
         textWithIcon: string;
+        titleText: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8623,10 +8669,27 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         separator: string;
+        brandName: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_36: (classesProp?: Partial<Record<"hidden" | "menu" | "root" | "list" | "menubar" | "active", string>>, addStatic?: boolean) => {
+    classes: {
+        hidden: string;
+        menu: string;
+        root: string;
+        list: string;
+        menubar: string;
+        active: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8635,7 +8698,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator",
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"link" | "button" | "menu" | "root" | "menubar" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"link" | "button" | "menu" | "root" | "menubar" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         button: string;
@@ -8651,7 +8714,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"link" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8662,7 +8725,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         visualIndicatorContainer: string;
@@ -8682,17 +8745,6 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "visualIndic
     cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
-    classes: {
-        a: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_4: (classesProp?: Partial<Record<"root" | "condensed" | "disabled" | "selected" | "focus" | "interactive" | "endAdornment" | "startAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -8714,7 +8766,18 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root" | "condensed" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"hidden" | "small" | "label" | "root" | "overlay" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_40: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+    classes: {
+        a: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_41: (classesProp?: Partial<Record<"hidden" | "small" | "label" | "root" | "overlay" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
         hidden: string;
         small: string;
@@ -8735,7 +8798,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"hidden" | "small" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"button" | "root" | "vertical" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"button" | "root" | "vertical" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         root: string;
@@ -8749,7 +8812,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"button" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8760,7 +8823,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
         progress: string;
         root: string;
@@ -8778,7 +8841,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"progress" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8789,16 +8852,16 @@ declare const useClasses_44: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"root" | "row" | "column" | "xs" | "sm" | "md" | "lg" | "xl", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"root" | "xs" | "sm" | "md" | "lg" | "xl" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        row: string;
-        column: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        row: string;
+        column: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8807,7 +8870,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -8821,7 +8884,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         indicator: string;
@@ -8835,7 +8898,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         label: string;
@@ -8858,19 +8921,12 @@ declare const useClasses_48: (classesProp?: Partial<Record<"button" | "label" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"title" | "color" | "root" | "tooltip" | "tooltipMulti" | "popper" | "valuesContainer" | "values" | "separatorColor" | "separator" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
-        color: string;
         root: string;
-        tooltip: string;
-        tooltipMulti: string;
-        popper: string;
-        valuesContainer: string;
-        values: string;
-        separatorColor: string;
-        separator: string;
-        valueWrapper: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8879,12 +8935,19 @@ declare const useClasses_49: (classesProp?: Partial<Record<"title" | "color" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"title" | "color" | "root" | "tooltip" | "tooltipMulti" | "popper" | "valuesContainer" | "values" | "separatorColor" | "separator" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
+        title: string;
+        color: string;
         root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
+        tooltip: string;
+        tooltipMulti: string;
+        popper: string;
+        valuesContainer: string;
+        values: string;
+        separatorColor: string;
+        separator: string;
+        valueWrapper: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8893,7 +8956,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -8906,7 +8969,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"tooltipData" | "tool
     cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -8920,7 +8983,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -8934,7 +8997,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"title" | "open" | "root" | "single" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"title" | "open" | "root" | "single" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         open: string;
@@ -8960,7 +9023,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"title" | "open" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"title" | "root" | "typography" | "icon" | "disabled" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"title" | "root" | "typography" | "icon" | "disabled" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         root: string;
@@ -8978,7 +9041,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"title" | "root" | "t
     cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"track" | "switch" | "root" | "disabled" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"track" | "switch" | "root" | "disabled" | "checked" | "readOnly" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
     classes: {
         track: string;
         switch: string;
@@ -8987,8 +9050,8 @@ declare const useClasses_55: (classesProp?: Partial<Record<"track" | "switch" |
         checked: string;
         readOnly: string;
         focusVisible: string;
-        thumb: string;
         switchBase: string;
+        thumb: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8997,7 +9060,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"track" | "switch" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"label" | "root" | "container" | "checkbox" | "disabled" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "container" | "checkbox" | "disabled" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9015,7 +9078,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"input" | "label" | "root" | "icon" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"input" | "label" | "root" | "icon" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -9044,7 +9107,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9059,16 +9122,14 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "container" | "radio" | "disabled" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        container: string;
-        radio: string;
-        disabled: string;
-        focusVisible: string;
-        invalidContainer: string;
-        invalidRadio: string;
+        icon: string;
+        adornment: string;
+        adornmentButton: string;
+        adornmentIcon: string;
+        hideIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9077,14 +9138,16 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"label" | "root" | "container" | "radio" | "disabled" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
         root: string;
-        icon: string;
-        adornment: string;
-        adornmentButton: string;
-        adornmentIcon: string;
-        hideIcon: string;
+        container: string;
+        radio: string;
+        disabled: string;
+        focusVisible: string;
+        invalidContainer: string;
+        invalidRadio: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9093,13 +9156,12 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "ado
     cx: (...args: any) => string;
 };
 
-declare const useClasses_60: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "baseInput" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
         root: string;
         disabled: string;
-        baseInput: string;
         error: string;
         invalid: string;
         resizable: string;
@@ -9107,6 +9169,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"input" | "label" | "
         description: string;
         labelContainer: string;
         characterCounter: string;
+        baseInput: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9115,7 +9178,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "readOnly" | "error" | "invalid" | "resizable" | "description" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagsList" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "readOnly" | "error" | "invalid" | "resizable" | "description" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagsList" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -9150,13 +9213,13 @@ declare const useClasses_61: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
-        group: string;
         horizontal: string;
         vertical: string;
+        group: string;
         error: string;
         invalid: string;
         selectAll: string;
@@ -9168,7 +9231,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"label" | "root" | "g
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
@@ -9188,13 +9251,13 @@ declare const useClasses_63: (classesProp?: Partial<Record<"link" | "root" | "it
     cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
-        group: string;
         horizontal: string;
         vertical: string;
+        group: string;
         error: string;
         invalid: string;
     };
@@ -9205,7 +9268,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"label" | "root" | "g
     cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         previewButton: string;
@@ -9217,7 +9280,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         progressbar: string;
@@ -9237,7 +9300,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"root" | "progressbar
     cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"root" | "container" | "icon" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"root" | "container" | "icon" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         container: string;
@@ -9254,7 +9317,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -9276,14 +9339,9 @@ declare const useClasses_68: (classesProp?: Partial<Record<"root" | "icon" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
         root: string;
-        dropDownMenu: string;
-        actionContainer: string;
-        dropDownMenuButton: string;
-        dropDownMenuButtonSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9292,9 +9350,14 @@ declare const useClasses_69: (classesProp?: Partial<Record<"button" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"button" | "root" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
+        button: string;
         root: string;
+        actionContainer: string;
+        dropDownMenu: string;
+        dropDownMenuButton: string;
+        dropDownMenuButtonSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9303,7 +9366,7 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         a: string;
@@ -9320,11 +9383,11 @@ declare const useClasses_70: (classesProp?: Partial<Record<"link" | "a" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"root" | "radio" | "horizontal" | "icon" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"root" | "horizontal" | "radio" | "icon" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        radio: string;
         horizontal: string;
+        radio: string;
         icon: string;
         radioRoot: string;
     };
@@ -9335,7 +9398,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"root" | "radio" | "h
     cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -9349,7 +9412,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -9363,11 +9426,11 @@ declare const useClasses_73: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"root" | "warning" | "default" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        default: string;
         warning: string;
+        default: string;
         action: string;
         error: string;
         success: string;
@@ -9382,7 +9445,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"root" | "default" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -9399,11 +9462,11 @@ declare const useClasses_75: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"root" | "warning" | "default" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        default: string;
         warning: string;
+        default: string;
         action: string;
         error: string;
         success: string;
@@ -9419,7 +9482,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"root" | "default" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -9430,7 +9493,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9447,18 +9510,11 @@ declare const useClasses_78: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        name: string;
-        global: string;
-        wrapper: string;
-        actions: string;
-        positionSticky: string;
-        positionFixed: string;
-        globalWrapperComplement: string;
-        globalSectionArea: string;
-        backButton: string;
+        labelDisabled: string;
+        childGutter: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9467,11 +9523,19 @@ declare const useClasses_79: (classesProp?: Partial<Record<"root" | "name" | "gl
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton" | "sectionName", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        labelDisabled: string;
-        childGutter: string;
+        name: string;
+        global: string;
+        wrapper: string;
+        actions: string;
+        positionSticky: string;
+        positionFixed: string;
+        globalWrapperComplement: string;
+        globalSectionArea: string;
+        backButton: string;
+        sectionName: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9480,19 +9544,22 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisable
     cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "disabled" | "readOnly" | "error" | "dropdown" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderClosed" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         arrow: string;
         label: string;
         root: string;
-        dropdown: string;
+        disabled: string;
+        readOnly: string;
         error: string;
+        dropdown: string;
         selectionDisabled: string;
         description: string;
         labelContainer: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
+        placeholderClosed: string;
         dropdownHeader: string;
         dropdownListContainer: string;
         rootList: string;
@@ -9504,7 +9571,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
         selection: string;
         selectAllContainer: string;
@@ -9522,7 +9589,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"selection" | "select
     cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9536,7 +9603,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9547,7 +9614,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9558,7 +9625,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9570,7 +9637,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizer" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizer" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9613,7 +9680,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "expanded" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "expanded" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9633,7 +9700,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (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_89: (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;
@@ -9667,10 +9734,11 @@ declare const useClasses_88: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        formContainer: string;
+        gutter: string;
+        infoDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9679,11 +9747,10 @@ declare const useClasses_89: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        gutter: string;
-        infoDisabled: string;
+        formContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9692,7 +9759,7 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
         section: string;
         root: string;
@@ -9706,7 +9773,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"section" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9717,7 +9784,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         sortDropdown: string;
@@ -9729,7 +9796,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rangeCalendarContainer: string;
@@ -9745,7 +9812,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "rangeCalend
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"input" | "root" | "invalid" | "inputBorderContainer" | "headerDayOfWeek" | "headerDate" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"input" | "root" | "invalid" | "inputBorderContainer" | "headerDayOfWeek" | "headerDate" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         root: string;
@@ -9762,7 +9829,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"input" | "root" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         slider: string;
@@ -9776,7 +9843,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "slider" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         minimized: string;
@@ -9789,7 +9856,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "minimized"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         hide: string;
@@ -9801,7 +9868,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "hide", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"action" | "noIcon" | "minimized", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"action" | "noIcon" | "minimized", string>>, addStatic?: boolean) => {
     classes: {
         action: string;
         noIcon: string;
@@ -9814,22 +9881,6 @@ declare const useClasses_98: (classesProp?: Partial<Record<"action" | "noIcon" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "list" | "popup" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        list: string;
-        popup: string;
-        listItem: string;
-        collapsed: string;
-        navigationPopup: 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[];
@@ -10201,8 +10252,8 @@ export declare const verticalNavigationTreeClasses: {
     root: "HvVerticalNavigationTree-root";
     list: "HvVerticalNavigationTree-list";
     popup: "HvVerticalNavigationTree-popup";
-    listItem: "HvVerticalNavigationTree-listItem";
     collapsed: "HvVerticalNavigationTree-collapsed";
+    listItem: "HvVerticalNavigationTree-listItem";
     navigationPopup: "HvVerticalNavigationTree-navigationPopup";
 };