npm - @hitachivantara/uikit-react-core - Versions diffs - 5.28.1 → 5.30.0 - Mend

@hitachivantara/uikit-react-core 5.28.1 → 5.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

package/dist/types/index.d.ts CHANGED Viewed

@@ -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"> {
     /**
@@ -2705,7 +2721,7 @@ export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_27>;
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes">, HvBaseProps {
-    /** Set the dialog to fullscreen mode. */
+    /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
     fullscreen?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDialogActionClasses;
@@ -2727,8 +2743,8 @@ export declare interface HvDialogContentProps extends Omit<DialogContentProps, "
 export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" | "classes" | "open">, HvBaseProps {
     /** Current state of the Dialog. */
     open?: boolean;
-    /** Function executed on close. */
-    onClose?: (event: React_2.SyntheticEvent, reason?: "escapeKeyDown" | "backdropClick") => void;
+    /** Callback fired when the component requests to be closed. */
+    onClose?: (event: any, reason?: "escapeKeyDown" | "backdropClick") => void;
     /** @inheritdoc */
     maxWidth?: DialogProps["maxWidth"];
     /** @inheritdoc */
@@ -2759,7 +2775,7 @@ export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element
 export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_25>;
-export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
+export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes"> {
     /** Variant of the dialog title. */
     variant?: HvDialogTitleVariant;
     /** Controls if the associated icon to the variant should be shown. */
@@ -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,11 @@ 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;
@@ -8635,7 +8682,23 @@ 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_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;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+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";
 };