@hitachivantara/uikit-react-core 5.36.2 → 5.36.4

package/dist/types/index.d.ts

@@ -13,16 +13,15 @@ import { ChipProps } from '@mui/material/Chip';
 import { ClassNameMap } from '@mui/material';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
-import type { CombinedClassKey } from 'notistack';
-import type { ComponentProps } from 'react';
+import { CombinedClassKey } from 'notistack';
+import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
-import type { Context } from 'react';
+import { Context } from 'react';
 import { CSSInterpolation } from '@emotion/serialize';
 import { CSSInterpolation as CSSInterpolation_2 } from '@emotion/css';
 import { CSSProperties } from 'react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
 import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
-import { DefaultTreeViewPluginParameters } from '@mui/x-tree-view/internals/plugins/defaultPlugins';
 import { DialogActionsProps } from '@mui/material/DialogActions';
 import { DialogContentProps } from '@mui/material/DialogContent';
 import { DialogProps } from '@mui/material/Dialog';
@@ -34,7 +33,7 @@ import { ds5 } from '@hitachivantara/uikit-styles';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
-import type { ForwardRefExoticComponent } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material';
 import { Hooks } from 'react-table';
 import { HTMLAttributes } from 'react';
@@ -67,10 +66,11 @@ import { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } from '@mui/material';
 import { InputBaseProps } from '@mui/material';
 import { InputProps } from '@mui/material';
-import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
-import type { OptionsObject } from 'notistack';
+import { OptionsObject } from 'notistack';
 import { PopperProps } from '@mui/material';
 import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material/Radio';
@@ -80,7 +80,7 @@ import * as React_3 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReducerTableState } from 'react-table';
-import type { RefAttributes } from 'react';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
@@ -88,7 +88,7 @@ import { SliderProps } from 'rc-slider';
 import { SliderRef } from 'rc-slider';
 import { SnackbarCloseReason } from '@mui/material/Snackbar';
 import { SnackbarContentProps } from '@mui/material/SnackbarContent';
-import type { SnackbarKey } from 'notistack';
+import { SnackbarKey } from 'notistack';
 import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
 import { SwitchProps } from '@mui/material/Switch';
@@ -99,7 +99,7 @@ import { TableCommonProps } from 'react-table';
 import { TableExpandedToggleProps } from 'react-table';
 import { TableFooterProps } from 'react-table';
 import { TableHeaderProps } from 'react-table';
-import type { TableHTMLAttributes } from 'react';
+import { TableHTMLAttributes } from 'react';
 import { TableInstance } from 'react-table';
 import { TableOptions } from 'react-table';
 import { TableProps } from 'react-table';
@@ -107,13 +107,12 @@ import { TableRowProps } from 'react-table';
 import { TableState } from 'react-table';
 import { TabProps } from '@mui/material';
 import { TabsProps } from '@mui/material';
-import type { TdHTMLAttributes } from 'react';
+import { TdHTMLAttributes } from 'react';
 import { theme } from '@hitachivantara/uikit-styles';
 import { themes } from '@hitachivantara/uikit-styles';
-import type { ThHTMLAttributes } from 'react';
+import { ThHTMLAttributes } from 'react';
 import { TooltipProps } from '@mui/material';
-import type { TreeItemContentProps } from '@mui/x-tree-view';
-import type { TreeItemProps } from '@mui/x-tree-view';
+import { TransitionProps } from '@mui/material/transitions';
 import { UseColumnOrderInstanceProps } from 'react-table';
 import { UseColumnOrderState } from 'react-table';
 import { useEffect } from 'react';
@@ -157,11 +156,6 @@ import { UseSortByInstanceProps } from 'react-table';
 import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
 import { UseTableHeaderGroupProps } from 'react-table';
-import type { UseTreeViewExpansionInstance } from '@mui/x-tree-view/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.types';
-import type { UseTreeViewFocusInstance } from '@mui/x-tree-view/internals/plugins/useTreeViewFocus/useTreeViewFocus.types';
-import type { UseTreeViewKeyboardNavigationInstance } from '@mui/x-tree-view/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.types';
-import type { UseTreeViewNodesInstance } from '@mui/x-tree-view/internals/plugins/useTreeViewNodes/useTreeViewNodes.types';
-import type { UseTreeViewSelectionInstance } from '@mui/x-tree-view/internals/plugins/useTreeViewSelection/useTreeViewSelection.types';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -170,11 +164,11 @@ declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
 }) => CellValue;
 
 export declare const accordionClasses: {
-    hidden: "HvAccordion-hidden";
+    container: "HvAccordion-container";
     label: "HvAccordion-label";
     root: "HvAccordion-root";
-    container: "HvAccordion-container";
     disabled: "HvAccordion-disabled";
+    hidden: "HvAccordion-hidden";
 };
 
 export declare const actionBarClasses: {
@@ -183,8 +177,8 @@ export declare const actionBarClasses: {
 
 export declare const actionClasses: {
     action: "HvVerticalNavigationAction-action";
-    noIcon: "HvVerticalNavigationAction-noIcon";
     minimized: "HvVerticalNavigationAction-minimized";
+    noIcon: "HvVerticalNavigationAction-noIcon";
 };
 
 export declare const actionsClasses: {
@@ -193,8 +187,8 @@ export declare const actionsClasses: {
 };
 
 export declare const actionsGenericClasses: {
-    button: "HvActionsGeneric-button";
     root: "HvActionsGeneric-root";
+    button: "HvActionsGeneric-button";
     actionContainer: "HvActionsGeneric-actionContainer";
     dropDownMenu: "HvActionsGeneric-dropDownMenu";
     dropDownMenuButton: "HvActionsGeneric-dropDownMenuButton";
@@ -205,27 +199,28 @@ export declare const adornmentClasses: {
     root: "HvAdornment-root";
     icon: "HvAdornment-icon";
     adornment: "HvAdornment-adornment";
-    adornmentButton: "HvAdornment-adornmentButton";
     adornmentIcon: "HvAdornment-adornmentIcon";
     hideIcon: "HvAdornment-hideIcon";
+    adornmentButton: "HvAdornment-adornmentButton";
 };
 
 export declare const appSwitcherActionClasses: {
-    title: "HvAppSwitcher-Action-title";
-    root: "HvAppSwitcher-Action-root";
     typography: "HvAppSwitcher-Action-typography";
-    icon: "HvAppSwitcher-Action-icon";
+    root: "HvAppSwitcher-Action-root";
     disabled: "HvAppSwitcher-Action-disabled";
+    icon: "HvAppSwitcher-Action-icon";
+    title: "HvAppSwitcher-Action-title";
     selected: "HvAppSwitcher-Action-selected";
     iconUrl: "HvAppSwitcher-Action-iconUrl";
     iconInfo: "HvAppSwitcher-Action-iconInfo";
 };
 
 export declare const appSwitcherClasses: {
-    title: "HvAppSwitcher-title";
-    open: "HvAppSwitcher-open";
     root: "HvAppSwitcher-root";
+    title: "HvAppSwitcher-title";
     single: "HvAppSwitcher-single";
+    actionsContainer: "HvAppSwitcher-actionsContainer";
+    open: "HvAppSwitcher-open";
     item: "HvAppSwitcher-item";
     itemSelected: "HvAppSwitcher-itemSelected";
     itemDisabled: "HvAppSwitcher-itemDisabled";
@@ -233,7 +228,6 @@ export declare const appSwitcherClasses: {
     itemIcon: "HvAppSwitcher-itemIcon";
     itemTitle: "HvAppSwitcher-itemTitle";
     itemInfoIcon: "HvAppSwitcher-itemInfoIcon";
-    actionsContainer: "HvAppSwitcher-actionsContainer";
     footerContainer: "HvAppSwitcher-footerContainer";
     closed: "HvAppSwitcher-closed";
     dual: "HvAppSwitcher-dual";
@@ -247,16 +241,16 @@ declare type AsProp<C extends React.ElementType> = {
 };
 
 export declare const avatarClasses: {
-    img: "HvAvatar-img";
-    root: "HvAvatar-root";
     container: "HvAvatar-container";
     xs: "HvAvatar-xs";
     sm: "HvAvatar-sm";
     md: "HvAvatar-md";
     lg: "HvAvatar-lg";
     xl: "HvAvatar-xl";
-    status: "HvAvatar-status";
+    root: "HvAvatar-root";
     square: "HvAvatar-square";
+    img: "HvAvatar-img";
+    status: "HvAvatar-status";
     fallback: "HvAvatar-fallback";
     avatar: "HvAvatar-avatar";
     badge: "HvAvatar-badge";
@@ -282,44 +276,44 @@ export declare const bannerClasses: {
 };
 
 export declare const bannerContentClasses: {
-    root: "HvBannerContent-root";
     warning: "HvBannerContent-warning";
-    default: "HvBannerContent-default";
+    root: "HvBannerContent-root";
     action: "HvBannerContent-action";
+    default: "HvBannerContent-default";
     error: "HvBannerContent-error";
-    success: "HvBannerContent-success";
     message: "HvBannerContent-message";
+    success: "HvBannerContent-success";
     baseVariant: "HvBannerContent-baseVariant";
     outContainer: "HvBannerContent-outContainer";
 };
 
 export declare const baseCheckBoxClasses: {
     root: "HvBaseCheckBox-root";
-    icon: "HvBaseCheckBox-icon";
     disabled: "HvBaseCheckBox-disabled";
+    icon: "HvBaseCheckBox-icon";
     focusVisible: "HvBaseCheckBox-focusVisible";
 };
 
 export declare const baseDropdownClasses: {
-    placeholder: "HvBaseDropdown-placeholder";
-    arrow: "HvBaseDropdown-arrow";
-    anchor: "HvBaseDropdown-anchor";
+    container: "HvBaseDropdown-container";
     header: "HvBaseDropdown-header";
+    anchor: "HvBaseDropdown-anchor";
     root: "HvBaseDropdown-root";
-    container: "HvBaseDropdown-container";
-    rootDisabled: "HvBaseDropdown-rootDisabled";
     headerOpen: "HvBaseDropdown-headerOpen";
-    headerOpenUp: "HvBaseDropdown-headerOpenUp";
-    headerOpenDown: "HvBaseDropdown-headerOpenDown";
     headerDisabled: "HvBaseDropdown-headerDisabled";
     headerReadOnly: "HvBaseDropdown-headerReadOnly";
+    placeholder: "HvBaseDropdown-placeholder";
+    panel: "HvBaseDropdown-panel";
+    inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
+    rootDisabled: "HvBaseDropdown-rootDisabled";
+    headerOpenUp: "HvBaseDropdown-headerOpenUp";
+    headerOpenDown: "HvBaseDropdown-headerOpenDown";
     arrowContainer: "HvBaseDropdown-arrowContainer";
+    arrow: "HvBaseDropdown-arrow";
     selection: "HvBaseDropdown-selection";
     selectionDisabled: "HvBaseDropdown-selectionDisabled";
-    panel: "HvBaseDropdown-panel";
     panelOpenedUp: "HvBaseDropdown-panelOpenedUp";
     panelOpenedDown: "HvBaseDropdown-panelOpenedDown";
-    inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
     inputExtensionLeftPosition: "HvBaseDropdown-inputExtensionLeftPosition";
     inputExtensionOpenShadow: "HvBaseDropdown-inputExtensionOpenShadow";
     inputExtensionFloatRight: "HvBaseDropdown-inputExtensionFloatRight";
@@ -327,51 +321,51 @@ export declare const baseDropdownClasses: {
 };
 
 export declare const baseInputClasses: {
-    input: "HvBaseInput-input";
     root: "HvBaseInput-root";
     disabled: "HvBaseInput-disabled";
     readOnly: "HvBaseInput-readOnly";
-    invalid: "HvBaseInput-invalid";
-    resizable: "HvBaseInput-resizable";
     inputBorderContainer: "HvBaseInput-inputBorderContainer";
-    inputRootInvalid: "HvBaseInput-inputRootInvalid";
     inputRootReadOnly: "HvBaseInput-inputRootReadOnly";
     inputRoot: "HvBaseInput-inputRoot";
     inputRootFocused: "HvBaseInput-inputRootFocused";
-    inputRootDisabled: "HvBaseInput-inputRootDisabled";
     inputRootMultiline: "HvBaseInput-inputRootMultiline";
-    inputDisabled: "HvBaseInput-inputDisabled";
+    input: "HvBaseInput-input";
     inputReadOnly: "HvBaseInput-inputReadOnly";
+    invalid: "HvBaseInput-invalid";
+    resizable: "HvBaseInput-resizable";
+    inputRootInvalid: "HvBaseInput-inputRootInvalid";
+    inputRootDisabled: "HvBaseInput-inputRootDisabled";
+    inputDisabled: "HvBaseInput-inputDisabled";
     inputResizable: "HvBaseInput-inputResizable";
 };
 
 export declare const baseRadioClasses: {
     root: "HvBaseRadio-root";
-    icon: "HvBaseRadio-icon";
     disabled: "HvBaseRadio-disabled";
+    icon: "HvBaseRadio-icon";
     focusVisible: "HvBaseRadio-focusVisible";
 };
 
 export declare const baseSwitchClasses: {
-    track: "HvBaseSwitch-track";
-    switch: "HvBaseSwitch-switch";
     root: "HvBaseSwitch-root";
     disabled: "HvBaseSwitch-disabled";
-    checked: "HvBaseSwitch-checked";
     readOnly: "HvBaseSwitch-readOnly";
-    focusVisible: "HvBaseSwitch-focusVisible";
+    switch: "HvBaseSwitch-switch";
     switchBase: "HvBaseSwitch-switchBase";
+    track: "HvBaseSwitch-track";
+    checked: "HvBaseSwitch-checked";
+    focusVisible: "HvBaseSwitch-focusVisible";
     thumb: "HvBaseSwitch-thumb";
 };
 
 export declare const breadCrumbClasses: {
     link: "HvBreadCrumb-link";
-    a: "HvBreadCrumb-a";
     root: "HvBreadCrumb-root";
-    orderedList: "HvBreadCrumb-orderedList";
+    a: "HvBreadCrumb-a";
     currentPage: "HvBreadCrumb-currentPage";
     centerContainer: "HvBreadCrumb-centerContainer";
     separatorContainer: "HvBreadCrumb-separatorContainer";
+    orderedList: "HvBreadCrumb-orderedList";
 };
 
 export declare interface Breakpoint {
@@ -398,24 +392,24 @@ export declare const buildFormElementPropsFromContext: (name: any, disabled: any
 export declare const bulkActionsClasses: {
     root: "HvBulkActions-root";
     semantic: "HvBulkActions-semantic";
+    divider: "HvBulkActions-divider";
+    selectAll: "HvBulkActions-selectAll";
     actions: "HvBulkActions-actions";
     selectAllContainer: "HvBulkActions-selectAllContainer";
-    selectAll: "HvBulkActions-selectAll";
     selectAllPages: "HvBulkActions-selectAllPages";
-    divider: "HvBulkActions-divider";
 };
 
 export declare const buttonClasses: {
-    root: "HvButton-root";
     secondary: "HvButton-secondary";
     primary: "HvButton-primary";
-    icon: "HvButton-icon";
+    root: "HvButton-root";
     disabled: "HvButton-disabled";
     semantic: "HvButton-semantic";
-    primarySubtle: "HvButton-primarySubtle";
-    primaryGhost: "HvButton-primaryGhost";
     secondarySubtle: "HvButton-secondarySubtle";
+    icon: "HvButton-icon";
     secondaryGhost: "HvButton-secondaryGhost";
+    primaryGhost: "HvButton-primaryGhost";
+    primarySubtle: "HvButton-primarySubtle";
     ghost: "HvButton-ghost";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
@@ -430,28 +424,28 @@ export declare const buttonVariant: readonly ["primary", "primarySubtle", "prima
 
 export declare const calendarClasses: {
     root: "HvCalendar-root";
-    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
-    singleCalendar: "HvCalendar-singleCalendar";
     focusSelection: "HvCalendar-focusSelection";
     calendarMonthlyCell: "HvCalendar-calendarMonthlyCell";
     calendarMonthlyCellSelected: "HvCalendar-calendarMonthlyCellSelected";
+    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
+    singleCalendar: "HvCalendar-singleCalendar";
 };
 
 export declare const calendarHeaderClasses: {
-    input: "HvCalendarHeader-input";
     root: "HvCalendarHeader-root";
-    invalid: "HvCalendarHeader-invalid";
     inputBorderContainer: "HvCalendarHeader-inputBorderContainer";
-    headerDayOfWeek: "HvCalendarHeader-headerDayOfWeek";
+    input: "HvCalendarHeader-input";
     headerDate: "HvCalendarHeader-headerDate";
+    headerDayOfWeek: "HvCalendarHeader-headerDayOfWeek";
+    invalid: "HvCalendarHeader-invalid";
     invalidMessageStyling: "HvCalendarHeader-invalidMessageStyling";
 };
 
 export declare const cardClasses: {
     root: "HvCard-root";
+    selectable: "HvCard-selectable";
     icon: "HvCard-icon";
     selected: "HvCard-selected";
-    selectable: "HvCard-selectable";
     semanticContainer: "HvCard-semanticContainer";
     semanticBar: "HvCard-semanticBar";
 };
@@ -461,12 +455,12 @@ export declare const cardContentClasses: {
 };
 
 export declare const cardHeaderClasses: {
-    title: "HvCardHeader-title";
     content: "HvCardHeader-content";
     root: "HvCardHeader-root";
-    action: "HvCardHeader-action";
+    title: "HvCardHeader-title";
     titleShort: "HvCardHeader-titleShort";
     subheader: "HvCardHeader-subheader";
+    action: "HvCardHeader-action";
 };
 
 export declare const cardMediaClasses: {
@@ -475,30 +469,30 @@ export declare const cardMediaClasses: {
 };
 
 export declare const carouselClasses: {
-    title: "HvCarousel-title";
-    main: "HvCarousel-main";
-    root: "HvCarousel-root";
     xs: "HvCarousel-xs";
-    dot: "HvCarousel-dot";
-    controls: "HvCarousel-controls";
-    actions: "HvCarousel-actions";
+    root: "HvCarousel-root";
     panel: "HvCarousel-panel";
+    title: "HvCarousel-title";
+    controls: "HvCarousel-controls";
+    counterContainer: "HvCarousel-counterContainer";
+    thumbnail: "HvCarousel-thumbnail";
+    thumbnailSelected: "HvCarousel-thumbnailSelected";
+    dot: "HvCarousel-dot";
+    main: "HvCarousel-main";
+    counter: "HvCarousel-counter";
     fullscreen: "HvCarousel-fullscreen";
     closeButton: "HvCarousel-closeButton";
+    actions: "HvCarousel-actions";
+    dots: "HvCarousel-dots";
     mainContainer: "HvCarousel-mainContainer";
     pageCounter: "HvCarousel-pageCounter";
     mainXs: "HvCarousel-mainXs";
     mainFullscreen: "HvCarousel-mainFullscreen";
-    counterContainer: "HvCarousel-counterContainer";
-    counter: "HvCarousel-counter";
     slideControls: "HvCarousel-slideControls";
     slidesViewport: "HvCarousel-slidesViewport";
     slidesContainer: "HvCarousel-slidesContainer";
-    dots: "HvCarousel-dots";
     dotsXs: "HvCarousel-dotsXs";
     dotSelected: "HvCarousel-dotSelected";
-    thumbnail: "HvCarousel-thumbnail";
-    thumbnailSelected: "HvCarousel-thumbnailSelected";
 };
 
 declare type CellValue<V = any> = V;
@@ -522,40 +516,40 @@ export declare const charCounterClasses: {
 };
 
 export declare const checkBoxClasses: {
+    container: "HvCheckBox-container";
     label: "HvCheckBox-label";
     root: "HvCheckBox-root";
-    container: "HvCheckBox-container";
-    checkbox: "HvCheckBox-checkbox";
     disabled: "HvCheckBox-disabled";
+    checkbox: "HvCheckBox-checkbox";
     focusVisible: "HvCheckBox-focusVisible";
     invalidContainer: "HvCheckBox-invalidContainer";
     invalidCheckbox: "HvCheckBox-invalidCheckbox";
 };
 
 export declare const checkBoxGroupClasses: {
+    vertical: "HvCheckBoxGroup-vertical";
+    horizontal: "HvCheckBoxGroup-horizontal";
     label: "HvCheckBoxGroup-label";
     root: "HvCheckBoxGroup-root";
-    horizontal: "HvCheckBoxGroup-horizontal";
-    vertical: "HvCheckBoxGroup-vertical";
     group: "HvCheckBoxGroup-group";
-    error: "HvCheckBoxGroup-error";
     invalid: "HvCheckBoxGroup-invalid";
+    error: "HvCheckBoxGroup-error";
     selectAll: "HvCheckBoxGroup-selectAll";
 };
 
 export declare const checkValidHexColorValue: (value?: string) => boolean;
 
 export declare const colorPickerClasses: {
+    colorPicker: "HvColorPicker-colorPicker";
     label: "HvColorPicker-label";
+    description: "HvColorPicker-description";
     root: "HvColorPicker-root";
-    colorPicker: "HvColorPicker-colorPicker";
     panel: "HvColorPicker-panel";
-    description: "HvColorPicker-description";
-    labelContainer: "HvColorPicker-labelContainer";
     headerColorValue: "HvColorPicker-headerColorValue";
+    recommendedColorsRoot: "HvColorPicker-recommendedColorsRoot";
+    labelContainer: "HvColorPicker-labelContainer";
     headerColorIcon: "HvColorPicker-headerColorIcon";
     colorPickerIcon: "HvColorPicker-colorPickerIcon";
-    recommendedColorsRoot: "HvColorPicker-recommendedColorsRoot";
     dropdownRootIconOnly: "HvColorPicker-dropdownRootIconOnly";
     headerColorIconOnly: "HvColorPicker-headerColorIconOnly";
     pickerFields: "HvColorPicker-pickerFields";
@@ -573,8 +567,8 @@ export declare const containerClasses: {
 };
 
 export declare const controlsClasses: {
-    section: "HvControls-section";
     root: "HvControls-root";
+    section: "HvControls-section";
     rightSection: "HvControls-rightSection";
     leftSection: "HvControls-leftSection";
 };
@@ -602,20 +596,20 @@ export declare const createTheme: (props: HvCreateThemeProps) => HvTheme | HvThe
 
 export declare const datePickerClasses: {
     label: "HvDatePicker-label";
+    description: "HvDatePicker-description";
     root: "HvDatePicker-root";
+    panel: "HvDatePicker-panel";
     icon: "HvDatePicker-icon";
+    inputText: "HvDatePicker-inputText";
     action: "HvDatePicker-action";
     error: "HvDatePicker-error";
-    actionContainer: "HvDatePicker-actionContainer";
     dropdown: "HvDatePicker-dropdown";
-    panel: "HvDatePicker-panel";
-    description: "HvDatePicker-description";
-    labelContainer: "HvDatePicker-labelContainer";
-    leftContainer: "HvDatePicker-leftContainer";
+    actionContainer: "HvDatePicker-actionContainer";
     rightContainer: "HvDatePicker-rightContainer";
+    labelContainer: "HvDatePicker-labelContainer";
     dropdownHeaderInvalid: "HvDatePicker-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDatePicker-dropdownHeaderOpen";
-    inputText: "HvDatePicker-inputText";
+    leftContainer: "HvDatePicker-leftContainer";
     dateText: "HvDatePicker-dateText";
 };
 
@@ -624,7 +618,7 @@ export declare interface DateRangeProp {
     endDate?: Date;
 }
 
-export declare const decreaseSize: (size: string) => "L" | "M" | "S" | "XS";
+export declare const decreaseSize: (size: string) => "XS" | "S" | "M" | "L";
 
 /** This type allows to do a deep partial by applying the Partial type to each key recursively */
 export declare type DeepPartial<T> = Partial<{
@@ -653,26 +647,29 @@ export declare const defaultGetToggleAllRowsSelectedProps: (props: any, { instan
 
 export declare const defaultGetToggleRowSelectedProps: (props: any, meta: any) => any[];
 
+declare interface DefaultTreeViewPluginParameters<Multiple extends boolean | undefined> extends UseTreeViewNodesParameters, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewContextValueBuilderParameters {
+}
+
 declare interface Descriptor {
     id?: string;
     htmlFor?: string;
 }
 
 export declare const dialogActionClasses: {
-    root: "HvDialog-Action-root";
     spacing: "HvDialog-Action-spacing";
+    root: "HvDialog-Action-root";
     fullscreen: "HvDialog-Action-fullscreen";
 };
 
 export declare const dialogClasses: {
-    root: "HvDialog-root";
-    background: "HvDialog-background";
     warning: "HvDialog-warning";
+    background: "HvDialog-background";
+    root: "HvDialog-root";
+    paper: "HvDialog-paper";
     error: "HvDialog-error";
     success: "HvDialog-success";
     fullscreen: "HvDialog-fullscreen";
     closeButton: "HvDialog-closeButton";
-    paper: "HvDialog-paper";
     statusBar: "HvDialog-statusBar";
 };
 
@@ -691,53 +688,53 @@ declare interface DialogLabels {
 
 export declare const dialogTitleClasses: {
     root: "HvDialog-Title-root";
+    titleText: "HvDialog-Title-titleText";
     fullscreen: "HvDialog-Title-fullscreen";
     messageContainer: "HvDialog-Title-messageContainer";
     textWithIcon: "HvDialog-Title-textWithIcon";
-    titleText: "HvDialog-Title-titleText";
 };
 
 export declare const dotPaginationClasses: {
-    root: "HvDotPagination-root";
     horizontal: "HvDotPagination-horizontal";
-    radio: "HvDotPagination-radio";
+    root: "HvDotPagination-root";
     icon: "HvDotPagination-icon";
+    radio: "HvDotPagination-radio";
     radioRoot: "HvDotPagination-radioRoot";
 };
 
 export declare const drawerClasses: {
-    root: "HvDrawer-root";
     background: "HvDrawer-background";
-    closeButton: "HvDrawer-closeButton";
+    root: "HvDrawer-root";
     paper: "HvDrawer-paper";
+    closeButton: "HvDrawer-closeButton";
 };
 
 export declare const dropdownClasses: {
-    placeholder: "HvDropdown-placeholder";
-    arrow: "HvDropdown-arrow";
     label: "HvDropdown-label";
+    description: "HvDropdown-description";
     root: "HvDropdown-root";
+    placeholder: "HvDropdown-placeholder";
     disabled: "HvDropdown-disabled";
     readOnly: "HvDropdown-readOnly";
+    placeholderClosed: "HvDropdown-placeholderClosed";
     error: "HvDropdown-error";
     dropdown: "HvDropdown-dropdown";
+    arrow: "HvDropdown-arrow";
     selectionDisabled: "HvDropdown-selectionDisabled";
-    description: "HvDropdown-description";
     labelContainer: "HvDropdown-labelContainer";
+    rootList: "HvDropdown-rootList";
+    dropdownListContainer: "HvDropdown-dropdownListContainer";
+    dropdownHeader: "HvDropdown-dropdownHeader";
     dropdownHeaderInvalid: "HvDropdown-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDropdown-dropdownHeaderOpen";
-    placeholderClosed: "HvDropdown-placeholderClosed";
-    dropdownHeader: "HvDropdown-dropdownHeader";
-    dropdownListContainer: "HvDropdown-dropdownListContainer";
-    rootList: "HvDropdown-rootList";
 };
 
 export declare const dropDownMenuClasses: {
-    root: "HvDropDownMenu-root";
     container: "HvDropDownMenu-container";
+    root: "HvDropDownMenu-root";
     icon: "HvDropDownMenu-icon";
-    baseContainer: "HvDropDownMenu-baseContainer";
     iconSelected: "HvDropDownMenu-iconSelected";
+    baseContainer: "HvDropDownMenu-baseContainer";
     menuListRoot: "HvDropDownMenu-menuListRoot";
     menuList: "HvDropDownMenu-menuList";
 };
@@ -749,14 +746,14 @@ export { ds5 }
 export { EmotionContext }
 
 export declare const emptyStateClasses: {
-    root: "HvEmptyState-root";
     container: "HvEmptyState-container";
-    actionContainer: "HvEmptyState-actionContainer";
+    root: "HvEmptyState-root";
+    titleContainer: "HvEmptyState-titleContainer";
+    messageContainer: "HvEmptyState-messageContainer";
     containerMessageOnly: "HvEmptyState-containerMessageOnly";
     iconContainer: "HvEmptyState-iconContainer";
-    titleContainer: "HvEmptyState-titleContainer";
     textContainer: "HvEmptyState-textContainer";
-    messageContainer: "HvEmptyState-messageContainer";
+    actionContainer: "HvEmptyState-actionContainer";
 };
 
 export declare type ExtractNames<T extends (...args: any) => {
@@ -766,27 +763,27 @@ export declare type ExtractNames<T extends (...args: any) => {
 
 export declare const fileClasses: {
     root: "HvFile-root";
-    progressbar: "HvFile-progressbar";
     icon: "HvFile-icon";
-    removeButton: "HvFile-removeButton";
-    fail: "HvFile-fail";
     progressbarContainer: "HvFile-progressbarContainer";
+    previewContainer: "HvFile-previewContainer";
+    progressbar: "HvFile-progressbar";
     progressbarBack: "HvFile-progressbarBack";
     nameText: "HvFile-nameText";
     progressTextContainer: "HvFile-progressTextContainer";
-    previewContainer: "HvFile-previewContainer";
+    removeButton: "HvFile-removeButton";
+    fail: "HvFile-fail";
 };
 
 export declare const fileUploaderPreviewClasses: {
-    overlay: "HvFileUploaderPreview-overlay";
     previewButton: "HvFileUploaderPreview-previewButton";
+    overlay: "HvFileUploaderPreview-overlay";
 };
 
 export declare const filterGroupClasses: {
     label: "HvFilterGroup-label";
+    description: "HvFilterGroup-description";
     root: "HvFilterGroup-root";
     error: "HvFilterGroup-error";
-    description: "HvFilterGroup-description";
     labelContainer: "HvFilterGroup-labelContainer";
 };
 
@@ -822,18 +819,18 @@ export declare const focusClasses: {
     root: "HvFocus-root";
     disabled: "HvFocus-disabled";
     selected: "HvFocus-selected";
-    focus: "HvFocus-focus";
-    focused: "HvFocus-focused";
     focusDisabled: "HvFocus-focusDisabled";
+    focused: "HvFocus-focused";
     externalReference: "HvFocus-externalReference";
     falseFocus: "HvFocus-falseFocus";
+    focus: "HvFocus-focus";
 };
 
 export declare const footerClasses: {
+    name: "HvFooter-name";
     small: "HvFooter-small";
     root: "HvFooter-root";
     separator: "HvFooter-separator";
-    name: "HvFooter-name";
     rightContainer: "HvFooter-rightContainer";
     copyright: "HvFooter-copyright";
 };
@@ -917,22 +914,22 @@ export declare const getTableHeadPropsHook: (props: any, { instance }: {
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
-    root: "HvGlobalActions-root";
     name: "HvGlobalActions-name";
-    global: "HvGlobalActions-global";
+    root: "HvGlobalActions-root";
     wrapper: "HvGlobalActions-wrapper";
+    globalSectionArea: "HvGlobalActions-globalSectionArea";
+    sectionName: "HvGlobalActions-sectionName";
     actions: "HvGlobalActions-actions";
     positionSticky: "HvGlobalActions-positionSticky";
     positionFixed: "HvGlobalActions-positionFixed";
+    global: "HvGlobalActions-global";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
-    globalSectionArea: "HvGlobalActions-globalSectionArea";
     backButton: "HvGlobalActions-backButton";
-    sectionName: "HvGlobalActions-sectionName";
 };
 
 export declare const gridClasses: {
-    root: "HvGrid-root";
     container: "HvGrid-container";
+    root: "HvGrid-root";
     item: "HvGrid-item";
     zeroMinWidth: "HvGrid-zeroMinWidth";
     "direction-xs-column": "HvGrid-direction-xs-column";
@@ -977,9 +974,9 @@ export declare const headerBrandClasses: {
 };
 
 export declare const headerClasses: {
+    backgroundColor: "HvHeader-backgroundColor";
     header: "HvHeader-header";
     root: "HvHeader-root";
-    backgroundColor: "HvHeader-backgroundColor";
 };
 
 export declare const headerNavigationClasses: {
@@ -989,10 +986,10 @@ export declare const headerNavigationClasses: {
 export declare const hexToRgbA: (hex: any, factor?: number) => string;
 
 export declare const horizontalScrollListItemClasses: {
-    button: "HvHorizontalScrollListItem-button";
-    text: "HvHorizontalScrollListItem-text";
     root: "HvHorizontalScrollListItem-root";
     selected: "HvHorizontalScrollListItem-selected";
+    button: "HvHorizontalScrollListItem-button";
+    text: "HvHorizontalScrollListItem-text";
 };
 
 export { HvAccentColor }
@@ -1112,7 +1109,7 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
  * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
  * or by using a regular icon button or toggle button instead.
  */
-export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 
 export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_6>;
 
@@ -5434,9 +5431,9 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
 /**
  * Sections allow grouping information on a page under the same topic.
  */
-export declare const HvSection: (props: HvSectionProps) => JSX_2.Element;
+export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_121>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_122>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title"> {
     /** The title of the section */
@@ -6756,18 +6753,60 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-export declare interface HvTreeContentProps extends TreeItemContentProps {
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_121>;
+
+export declare interface HvTreeContentProps extends HTMLAttributes<HTMLElement> {
+    /** className applied to the root element. */
+    className?: string;
+    /** Override or extend the styles applied to the component. */
+    classes?: HvTreeContentClasses;
+    /** The tree node label. */
+    label?: ReactNode;
+    /** The id of the node. */
+    nodeId: string;
+    /** The icon to display next to the tree node's label. */
+    icon?: ReactNode;
+    /** The icon to display next to the tree node's label. Either an expansion or collapse icon. */
+    expansionIcon?: ReactNode;
+    /** The icon to display next to the tree node's label. Either a parent or end icon. */
+    displayIcon?: ReactNode;
 }
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
 export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_120>;
 
-export declare interface HvTreeItemProps extends TreeItemProps {
+export declare interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {
+    /** The element id */
+    id?: string;
+    /** The id of the node. */
+    nodeId: string;
+    /** The tree node label. */
+    label?: ReactNode;
+    /** Override or extend the styles applied to the component. */
     classes?: HvTreeItemClasses;
+    /** If `true`, the node is disabled. */
     disabled?: boolean;
+    /** The icon to display next to the tree node's label. */
     icon?: ReactNode;
-    ContentComponent?: React.JSXElementConstructor<HvTreeContentProps>;
+    /** The component used for the content node. */
+    ContentComponent?: JSXElementConstructor<HvTreeContentProps>;
+    /** Props applied to the content component */
+    ContentProps?: HvTreeContentProps;
+    /** The content of the component. */
+    children?: ReactNode;
+    /** className applied to the root element. */
+    className?: string;
+    /** The icon used to collapse the node. */
+    collapseIcon?: ReactNode;
+    /** The icon displayed next to an end node. */
+    endIcon?: ReactNode;
+    /** The icon used to expand the node. */
+    expandIcon?: ReactNode;
+    /** The component used for the transition. */
+    TransitionComponent?: JSXElementConstructor<TransitionProps>;
+    /** Props applied to the transition component */
+    TransitionProps?: TransitionProps;
 }
 
 /**
@@ -7337,7 +7376,7 @@ export declare const iconVariant: (variant: "success" | "warning" | "error" | "i
 
 declare type IdType<D> = StringKey<D> | string;
 
-export declare const increaseSize: (size: string) => "L" | "M" | "S" | "XL";
+export declare const increaseSize: (size: string) => "S" | "M" | "L" | "XL";
 
 export declare const infoMessageClasses: {
     root: "HvInfoMessage-root";
@@ -7346,33 +7385,33 @@ export declare const infoMessageClasses: {
 };
 
 export declare const inlineEditorClasses: {
-    button: "HvInlineEditor-button";
-    input: "HvInlineEditor-input";
-    text: "HvInlineEditor-text";
     root: "HvInlineEditor-root";
-    icon: "HvInlineEditor-icon";
     inputBorderContainer: "HvInlineEditor-inputBorderContainer";
     inputRoot: "HvInlineEditor-inputRoot";
+    input: "HvInlineEditor-input";
+    icon: "HvInlineEditor-icon";
+    button: "HvInlineEditor-button";
+    text: "HvInlineEditor-text";
     largeText: "HvInlineEditor-largeText";
     textEmpty: "HvInlineEditor-textEmpty";
     iconVisible: "HvInlineEditor-iconVisible";
 };
 
 export declare const inputClasses: {
-    input: "HvInput-input";
     label: "HvInput-label";
+    description: "HvInput-description";
     root: "HvInput-root";
-    icon: "HvInput-icon";
-    error: "HvInput-error";
     inputBorderContainer: "HvInput-inputBorderContainer";
     inputRoot: "HvInput-inputRoot";
     inputRootFocused: "HvInput-inputRootFocused";
-    inputRootDisabled: "HvInput-inputRootDisabled";
     inputRootMultiline: "HvInput-inputRootMultiline";
-    description: "HvInput-description";
+    input: "HvInput-input";
+    icon: "HvInput-icon";
+    adornmentButton: "HvInput-adornmentButton";
+    error: "HvInput-error";
+    inputRootDisabled: "HvInput-inputRootDisabled";
     labelContainer: "HvInput-labelContainer";
     adornmentsBox: "HvInput-adornmentsBox";
-    adornmentButton: "HvInput-adornmentButton";
     iconClear: "HvInput-iconClear";
     hasSuggestions: "HvInput-hasSuggestions";
     suggestionsContainer: "HvInput-suggestionsContainer";
@@ -7446,13 +7485,13 @@ export declare const linkClasses: {
 export declare const listClasses: {
     link: "HvList-link";
     root: "HvList-root";
+    itemSelector: "HvList-itemSelector";
     item: "HvList-item";
     virtualizedRoot: "HvList-virtualizedRoot";
     selectorRoot: "HvList-selectorRoot";
     selectorContainer: "HvList-selectorContainer";
     box: "HvList-box";
     truncate: "HvList-truncate";
-    itemSelector: "HvList-itemSelector";
     selectAllSelector: "HvList-selectAllSelector";
 };
 
@@ -7462,24 +7501,24 @@ export declare const listContainerClasses: {
 
 export declare const listItemClasses: {
     root: "HvListItem-root";
-    condensed: "HvListItem-condensed";
     disabled: "HvListItem-disabled";
     selected: "HvListItem-selected";
+    condensed: "HvListItem-condensed";
     focus: "HvListItem-focus";
     interactive: "HvListItem-interactive";
-    endAdornment: "HvListItem-endAdornment";
     startAdornment: "HvListItem-startAdornment";
+    endAdornment: "HvListItem-endAdornment";
     gutters: "HvListItem-gutters";
     withStartAdornment: "HvListItem-withStartAdornment";
     withEndAdornment: "HvListItem-withEndAdornment";
 };
 
 export declare const loadingClasses: {
-    hidden: "HvLoading-hidden";
     small: "HvLoading-small";
     label: "HvLoading-label";
     root: "HvLoading-root";
     overlay: "HvLoading-overlay";
+    hidden: "HvLoading-hidden";
     blur: "HvLoading-blur";
     barContainer: "HvLoading-barContainer";
     loadingBar: "HvLoading-loadingBar";
@@ -7494,10 +7533,10 @@ export declare const loginClasses: {
 };
 
 export declare const multiButtonClasses: {
-    button: "HvMultiButton-button";
-    root: "HvMultiButton-root";
     vertical: "HvMultiButton-vertical";
+    root: "HvMultiButton-root";
     selected: "HvMultiButton-selected";
+    button: "HvMultiButton-button";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: any, selectionAnchor: any, allValues: any, selectedState: any, selectionCheck: any) => any[];
@@ -7539,12 +7578,12 @@ export declare const paginationClasses: {
     root: "HvPagination-root";
     icon: "HvPagination-icon";
     pageSizeOptions: "HvPagination-pageSizeOptions";
-    iconContainer: "HvPagination-iconContainer";
     pageSizeHeader: "HvPagination-pageSizeHeader";
     pageSizeTextContainer: "HvPagination-pageSizeTextContainer";
-    totalPagesTextContainer: "HvPagination-totalPagesTextContainer";
     pageSizeOptionsSelect: "HvPagination-pageSizeOptionsSelect";
+    totalPagesTextContainer: "HvPagination-totalPagesTextContainer";
     pageNavigator: "HvPagination-pageNavigator";
+    iconContainer: "HvPagination-iconContainer";
     pageInfo: "HvPagination-pageInfo";
     pageJump: "HvPagination-pageJump";
     pageSizeInput: "HvPagination-pageSizeInput";
@@ -7576,8 +7615,8 @@ export declare function prepareRow(row: any, { instance }: {
 export declare const processThemes: (themesList?: (HvTheme | HvThemeStructure)[]) => (HvTheme | HvThemeStructure)[];
 
 export declare const progressBarClasses: {
-    progress: "HvProgressBar-progress";
     root: "HvProgressBar-root";
+    progress: "HvProgressBar-progress";
     progressBar: "HvProgressBar-progressBar";
     progressBarLabel: "HvProgressBar-progressBarLabel";
     progressContainer: "HvProgressBar-progressContainer";
@@ -7592,39 +7631,39 @@ export declare const queryBuilderClasses: {
     root: "HvQueryBuilder-root";
     topGroup: "HvQueryBuilder-topGroup";
     subGroup: "HvQueryBuilder-subGroup";
+    subRulesContainer: "HvQueryBuilder-subRulesContainer";
+    topActionButtonContainer: "HvQueryBuilder-topActionButtonContainer";
+    removeButton: "HvQueryBuilder-removeButton";
     combinator: "HvQueryBuilder-combinator";
     topCombinator: "HvQueryBuilder-topCombinator";
     combinatorButton: "HvQueryBuilder-combinatorButton";
-    removeButton: "HvQueryBuilder-removeButton";
     topRemoveButton: "HvQueryBuilder-topRemoveButton";
     topRemoveButtonDisabled: "HvQueryBuilder-topRemoveButtonDisabled";
     rulesContainer: "HvQueryBuilder-rulesContainer";
-    subRulesContainer: "HvQueryBuilder-subRulesContainer";
     actionButtonContainer: "HvQueryBuilder-actionButtonContainer";
-    topActionButtonContainer: "HvQueryBuilder-topActionButtonContainer";
     topRulesContainer: "HvQueryBuilder-topRulesContainer";
     buttonBackground: "HvQueryBuilder-buttonBackground";
 };
 
 export declare const radioClasses: {
+    container: "HvRadio-container";
     label: "HvRadio-label";
     root: "HvRadio-root";
-    container: "HvRadio-container";
-    radio: "HvRadio-radio";
     disabled: "HvRadio-disabled";
+    radio: "HvRadio-radio";
     focusVisible: "HvRadio-focusVisible";
     invalidContainer: "HvRadio-invalidContainer";
     invalidRadio: "HvRadio-invalidRadio";
 };
 
 export declare const radioGroupClasses: {
+    vertical: "HvRadioGroup-vertical";
+    horizontal: "HvRadioGroup-horizontal";
     label: "HvRadioGroup-label";
     root: "HvRadioGroup-root";
-    horizontal: "HvRadioGroup-horizontal";
-    vertical: "HvRadioGroup-vertical";
     group: "HvRadioGroup-group";
-    error: "HvRadioGroup-error";
     invalid: "HvRadioGroup-invalid";
+    error: "HvRadioGroup-error";
 };
 
 export declare class Random {
@@ -7648,10 +7687,10 @@ export declare const rightControlClasses: {
 export declare const scrollToHorizontalClasses: {
     root: "HvScrollToHorizontal-root";
     selected: "HvScrollToHorizontal-selected";
+    notSelected: "HvScrollToHorizontal-notSelected";
+    notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
     positionSticky: "HvScrollToHorizontal-positionSticky";
     positionFixed: "HvScrollToHorizontal-positionFixed";
-    notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
-    notSelected: "HvScrollToHorizontal-notSelected";
 };
 
 export declare const scrollToVerticalClasses: {
@@ -7661,22 +7700,22 @@ export declare const scrollToVerticalClasses: {
 };
 
 export declare const sectionClasses: {
-    hidden: "HvSection-hidden";
     content: "HvSection-content";
     header: "HvSection-header";
     root: "HvSection-root";
+    hidden: "HvSection-hidden";
     actions: "HvSection-actions";
 };
 
 export declare const selectionListClasses: {
+    vertical: "HvSelectionList-vertical";
+    horizontal: "HvSelectionList-horizontal";
     label: "HvSelectionList-label";
+    description: "HvSelectionList-description";
     root: "HvSelectionList-root";
-    horizontal: "HvSelectionList-horizontal";
-    vertical: "HvSelectionList-vertical";
     listbox: "HvSelectionList-listbox";
-    error: "HvSelectionList-error";
     invalid: "HvSelectionList-invalid";
-    description: "HvSelectionList-description";
+    error: "HvSelectionList-error";
 };
 
 /**
@@ -7695,16 +7734,16 @@ export declare const simpleGridClasses: {
 export declare const sliderClasses: {
     label: "HvSlider-label";
     root: "HvSlider-root";
+    trackDragging: "HvSlider-trackDragging";
+    trackStandBy: "HvSlider-trackStandBy";
+    handleContainer: "HvSlider-handleContainer";
     error: "HvSlider-error";
     rootDisabled: "HvSlider-rootDisabled";
     labelContainer: "HvSlider-labelContainer";
     sliderBase: "HvSlider-sliderBase";
     sliderContainer: "HvSlider-sliderContainer";
-    trackDragging: "HvSlider-trackDragging";
-    trackStandBy: "HvSlider-trackStandBy";
     sliderRoot: "HvSlider-sliderRoot";
     rootRange: "HvSlider-rootRange";
-    handleContainer: "HvSlider-handleContainer";
     handle: "HvSlider-handle";
     handleContainerDisabled: "HvSlider-handleContainerDisabled";
     handleHiddenContainer: "HvSlider-handleHiddenContainer";
@@ -7724,13 +7763,13 @@ export declare const snackbarClasses: {
 };
 
 export declare const snackbarContentClasses: {
-    root: "HvSnackbar-Content-root";
     warning: "HvSnackbar-Content-warning";
-    default: "HvSnackbar-Content-default";
+    root: "HvSnackbar-Content-root";
     action: "HvSnackbar-Content-action";
+    default: "HvSnackbar-Content-default";
     error: "HvSnackbar-Content-error";
-    success: "HvSnackbar-Content-success";
     message: "HvSnackbar-Content-message";
+    success: "HvSnackbar-Content-success";
     messageSpan: "HvSnackbar-Content-messageSpan";
     messageText: "HvSnackbar-Content-messageText";
     iconVariant: "HvSnackbar-Content-iconVariant";
@@ -7743,12 +7782,12 @@ export declare const snackbarProviderClasses: {
 export declare type Spacing = "sm" | "md" | "lg" | "xl";
 
 export declare const stackClasses: {
-    root: "HvStack-root";
     xs: "HvStack-xs";
     sm: "HvStack-sm";
     md: "HvStack-md";
     lg: "HvStack-lg";
     xl: "HvStack-xl";
+    root: "HvStack-root";
     row: "HvStack-row";
     column: "HvStack-column";
 };
@@ -7757,16 +7796,16 @@ declare type StringKey<D> = Extract<keyof D, string>;
 
 export declare const suggestionsClasses: {
     root: "HvSuggestions-root";
-    popper: "HvSuggestions-popper";
     list: "HvSuggestions-list";
+    popper: "HvSuggestions-popper";
 };
 
 export declare const switchClasses: {
     label: "HvSwitch-label";
     root: "HvSwitch-root";
+    invalidSwitch: "HvSwitch-invalidSwitch";
     error: "HvSwitch-error";
     switchContainer: "HvSwitch-switchContainer";
-    invalidSwitch: "HvSwitch-invalidSwitch";
 };
 
 declare type SxProps = React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
@@ -7784,29 +7823,29 @@ export declare const tableBodyClasses: {
 
 export declare const tableCellClasses: {
     body: "HvTableCell-body";
-    footer: "HvTableCell-footer";
-    head: "HvTableCell-head";
     root: "HvTableCell-root";
+    head: "HvTableCell-head";
+    variantListactions: "HvTableCell-variantListactions";
+    variantListcheckbox: "HvTableCell-variantListcheckbox";
+    variantList: "HvTableCell-variantList";
+    footer: "HvTableCell-footer";
     resizable: "HvTableCell-resizable";
-    sorted: "HvTableCell-sorted";
+    alignLeft: "HvTableCell-alignLeft";
+    alignCenter: "HvTableCell-alignCenter";
+    alignRight: "HvTableCell-alignRight";
+    alignJustify: "HvTableCell-alignJustify";
     stickyColumn: "HvTableCell-stickyColumn";
     stickyColumnMostLeft: "HvTableCell-stickyColumnMostLeft";
     stickyColumnLeastRight: "HvTableCell-stickyColumnLeastRight";
     groupColumnMostLeft: "HvTableCell-groupColumnMostLeft";
     groupColumnMostRight: "HvTableCell-groupColumnMostRight";
-    resizing: "HvTableCell-resizing";
-    alignLeft: "HvTableCell-alignLeft";
-    alignCenter: "HvTableCell-alignCenter";
-    alignRight: "HvTableCell-alignRight";
-    alignJustify: "HvTableCell-alignJustify";
-    variantNone: "HvTableCell-variantNone";
+    sorted: "HvTableCell-sorted";
     variantCheckbox: "HvTableCell-variantCheckbox";
-    variantActions: "HvTableCell-variantActions";
     variantExpand: "HvTableCell-variantExpand";
-    variantList: "HvTableCell-variantList";
+    variantActions: "HvTableCell-variantActions";
+    variantNone: "HvTableCell-variantNone";
+    resizing: "HvTableCell-resizing";
     variantListHead: "HvTableCell-variantListHead";
-    variantListactions: "HvTableCell-variantListactions";
-    variantListcheckbox: "HvTableCell-variantListcheckbox";
 };
 
 export declare const tableClasses: {
@@ -7827,50 +7866,50 @@ export declare const tableHeadClasses: {
 
 export declare const tableHeaderClasses: {
     body: "HvTableHeader-body";
-    footer: "HvTableHeader-footer";
-    head: "HvTableHeader-head";
     root: "HvTableHeader-root";
+    head: "HvTableHeader-head";
+    sortButton: "HvTableHeader-sortButton";
+    variantList: "HvTableHeader-variantList";
     resizer: "HvTableHeader-resizer";
+    footer: "HvTableHeader-footer";
     resizable: "HvTableHeader-resizable";
-    sortable: "HvTableHeader-sortable";
-    sorted: "HvTableHeader-sorted";
+    alignLeft: "HvTableHeader-alignLeft";
+    alignCenter: "HvTableHeader-alignCenter";
+    alignRight: "HvTableHeader-alignRight";
+    alignJustify: "HvTableHeader-alignJustify";
     stickyColumn: "HvTableHeader-stickyColumn";
     stickyColumnMostLeft: "HvTableHeader-stickyColumnMostLeft";
     stickyColumnLeastRight: "HvTableHeader-stickyColumnLeastRight";
     groupColumnMostLeft: "HvTableHeader-groupColumnMostLeft";
     groupColumnMostRight: "HvTableHeader-groupColumnMostRight";
-    resizing: "HvTableHeader-resizing";
-    alignLeft: "HvTableHeader-alignLeft";
-    alignCenter: "HvTableHeader-alignCenter";
-    alignRight: "HvTableHeader-alignRight";
-    alignJustify: "HvTableHeader-alignJustify";
-    variantNone: "HvTableHeader-variantNone";
-    variantCheckbox: "HvTableHeader-variantCheckbox";
-    variantActions: "HvTableHeader-variantActions";
-    variantExpand: "HvTableHeader-variantExpand";
-    variantList: "HvTableHeader-variantList";
     headerContent: "HvTableHeader-headerContent";
     headerText: "HvTableHeader-headerText";
     headerParagraph: "HvTableHeader-headerParagraph";
     sortableHeaderText: "HvTableHeader-sortableHeaderText";
-    sortButton: "HvTableHeader-sortButton";
+    sorted: "HvTableHeader-sorted";
+    sortable: "HvTableHeader-sortable";
     sortIcon: "HvTableHeader-sortIcon";
     alignFlexLeft: "HvTableHeader-alignFlexLeft";
     alignFlexRight: "HvTableHeader-alignFlexRight";
     alignFlexCenter: "HvTableHeader-alignFlexCenter";
     alignFlexJustify: "HvTableHeader-alignFlexJustify";
+    variantCheckbox: "HvTableHeader-variantCheckbox";
+    variantExpand: "HvTableHeader-variantExpand";
+    variantActions: "HvTableHeader-variantActions";
+    variantNone: "HvTableHeader-variantNone";
+    resizing: "HvTableHeader-resizing";
 };
 
 export declare const tableRowClasses: {
     body: "HvTableRow-body";
-    footer: "HvTableRow-footer";
-    head: "HvTableRow-head";
     root: "HvTableRow-root";
-    expanded: "HvTableRow-expanded";
     selected: "HvTableRow-selected";
-    hover: "HvTableRow-hover";
-    striped: "HvTableRow-striped";
+    head: "HvTableRow-head";
     variantList: "HvTableRow-variantList";
+    expanded: "HvTableRow-expanded";
+    footer: "HvTableRow-footer";
+    striped: "HvTableRow-striped";
+    hover: "HvTableRow-hover";
     variantListHead: "HvTableRow-variantListHead";
 };
 
@@ -7882,10 +7921,10 @@ export declare const tabsClasses: {
 };
 
 export declare const tagClasses: {
-    button: "HvTag-button";
     label: "HvTag-label";
     root: "HvTag-root";
     disabled: "HvTag-disabled";
+    button: "HvTag-button";
     focusVisible: "HvTag-focusVisible";
     chipRoot: "HvTag-chipRoot";
     clickable: "HvTag-clickable";
@@ -7898,24 +7937,24 @@ export declare const tagClasses: {
 };
 
 export declare const tagsInputClasses: {
-    input: "HvTagsInput-input";
     label: "HvTagsInput-label";
+    description: "HvTagsInput-description";
     root: "HvTagsInput-root";
     disabled: "HvTagsInput-disabled";
     readOnly: "HvTagsInput-readOnly";
-    error: "HvTagsInput-error";
+    input: "HvTagsInput-input";
+    tagsList: "HvTagsInput-tagsList";
     invalid: "HvTagsInput-invalid";
+    error: "HvTagsInput-error";
     resizable: "HvTagsInput-resizable";
-    description: "HvTagsInput-description";
+    chipRoot: "HvTagsInput-chipRoot";
     labelContainer: "HvTagsInput-labelContainer";
     suggestionsContainer: "HvTagsInput-suggestionsContainer";
     suggestionList: "HvTagsInput-suggestionList";
     inputExtension: "HvTagsInput-inputExtension";
-    chipRoot: "HvTagsInput-chipRoot";
+    characterCounter: "HvTagsInput-characterCounter";
     listItemGutters: "HvTagsInput-listItemGutters";
     listItemRoot: "HvTagsInput-listItemRoot";
-    characterCounter: "HvTagsInput-characterCounter";
-    tagsList: "HvTagsInput-tagsList";
     tagInputContainerRoot: "HvTagsInput-tagInputContainerRoot";
     tagInputRoot: "HvTagsInput-tagInputRoot";
     tagSelected: "HvTagsInput-tagSelected";
@@ -7926,18 +7965,18 @@ export declare const tagsInputClasses: {
 };
 
 export declare const textAreaClasses: {
-    input: "HvTextArea-input";
     label: "HvTextArea-label";
+    description: "HvTextArea-description";
     root: "HvTextArea-root";
     disabled: "HvTextArea-disabled";
-    error: "HvTextArea-error";
+    input: "HvTextArea-input";
     invalid: "HvTextArea-invalid";
+    error: "HvTextArea-error";
     resizable: "HvTextArea-resizable";
     inputResizable: "HvTextArea-inputResizable";
-    description: "HvTextArea-description";
     labelContainer: "HvTextArea-labelContainer";
-    characterCounter: "HvTextArea-characterCounter";
     baseInput: "HvTextArea-baseInput";
+    characterCounter: "HvTextArea-characterCounter";
 };
 
 export { theme }
@@ -7951,32 +7990,32 @@ export declare const timeAgoClasses: {
 export declare type TimeFormat = "12" | "24";
 
 export declare const timePickerClasses: {
-    placeholder: "HvTimePicker-placeholder";
     label: "HvTimePicker-label";
+    description: "HvTimePicker-description";
     root: "HvTimePicker-root";
+    placeholder: "HvTimePicker-placeholder";
     icon: "HvTimePicker-icon";
     error: "HvTimePicker-error";
-    description: "HvTimePicker-description";
     labelContainer: "HvTimePicker-labelContainer";
+    dropdownHeader: "HvTimePicker-dropdownHeader";
     dropdownHeaderInvalid: "HvTimePicker-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvTimePicker-dropdownHeaderOpen";
-    dropdownHeader: "HvTimePicker-dropdownHeader";
     placeholderDisabled: "HvTimePicker-placeholderDisabled";
     dropdownPanel: "HvTimePicker-dropdownPanel";
     timePopperContainer: "HvTimePicker-timePopperContainer";
 };
 
 export declare const tooltipClasses: {
-    title: "HvTooltip-title";
     color: "HvTooltip-color";
     root: "HvTooltip-root";
+    title: "HvTooltip-title";
+    popper: "HvTooltip-popper";
+    separator: "HvTooltip-separator";
     tooltip: "HvTooltip-tooltip";
+    values: "HvTooltip-values";
     tooltipMulti: "HvTooltip-tooltipMulti";
-    popper: "HvTooltip-popper";
     valuesContainer: "HvTooltip-valuesContainer";
-    values: "HvTooltip-values";
     separatorColor: "HvTooltip-separatorColor";
-    separator: "HvTooltip-separator";
     valueWrapper: "HvTooltip-valueWrapper";
 };
 
@@ -7984,10 +8023,10 @@ export declare const treeItemClasses: {
     content: "HvTreeItem-content";
     label: "HvTreeItem-label";
     root: "HvTreeItem-root";
-    group: "HvTreeItem-group";
-    expanded: "HvTreeItem-expanded";
     disabled: "HvTreeItem-disabled";
     selected: "HvTreeItem-selected";
+    expanded: "HvTreeItem-expanded";
+    group: "HvTreeItem-group";
     focused: "HvTreeItem-focused";
     iconContainer: "HvTreeItem-iconContainer";
 };
@@ -8002,51 +8041,68 @@ export declare const treeViewClasses: {
 
 export declare const treeViewItemClasses: {
     content: "HvVerticalNavigationTreeViewItem-content";
-    unselectable: "HvVerticalNavigationTreeViewItem-unselectable";
-    link: "HvVerticalNavigationTreeViewItem-link";
     label: "HvVerticalNavigationTreeViewItem-label";
-    group: "HvVerticalNavigationTreeViewItem-group";
-    hide: "HvVerticalNavigationTreeViewItem-hide";
-    expanded: "HvVerticalNavigationTreeViewItem-expanded";
+    link: "HvVerticalNavigationTreeViewItem-link";
     disabled: "HvVerticalNavigationTreeViewItem-disabled";
+    selectable: "HvVerticalNavigationTreeViewItem-selectable";
     selected: "HvVerticalNavigationTreeViewItem-selected";
+    hide: "HvVerticalNavigationTreeViewItem-hide";
+    expanded: "HvVerticalNavigationTreeViewItem-expanded";
+    unselectable: "HvVerticalNavigationTreeViewItem-unselectable";
+    group: "HvVerticalNavigationTreeViewItem-group";
     node: "HvVerticalNavigationTreeViewItem-node";
     focused: "HvVerticalNavigationTreeViewItem-focused";
-    selectable: "HvVerticalNavigationTreeViewItem-selectable";
-    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     labelIcon: "HvVerticalNavigationTreeViewItem-labelIcon";
     collapsed: "HvVerticalNavigationTreeViewItem-collapsed";
     minimized: "HvVerticalNavigationTreeViewItem-minimized";
+    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     unselected: "HvVerticalNavigationTreeViewItem-unselected";
     labelExpandable: "HvVerticalNavigationTreeViewItem-labelExpandable";
 };
 
+declare interface TreeViewItemRange {
+    start?: string | null;
+    end?: string | null;
+    next?: string | null;
+    current?: string;
+}
+
+declare interface TreeViewNode {
+    id: string;
+    idAttribute: string | undefined;
+    index: number;
+    parentId: string | null;
+    expandable: boolean;
+    disabled: boolean | undefined;
+}
+
+declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
+
 export declare const typographyClasses: {
-    link: "HvTypography-link";
-    body: "HvTypography-body";
-    label: "HvTypography-label";
-    root: "HvTypography-root";
     display: "HvTypography-display";
+    "5xlTitle": "HvTypography-5xlTitle";
+    "4xlTitle": "HvTypography-4xlTitle";
     title1: "HvTypography-title1";
     title2: "HvTypography-title2";
     title3: "HvTypography-title3";
     title4: "HvTypography-title4";
+    label: "HvTypography-label";
+    body: "HvTypography-body";
     caption1: "HvTypography-caption1";
     caption2: "HvTypography-caption2";
-    "5xlTitle": "HvTypography-5xlTitle";
-    "4xlTitle": "HvTypography-4xlTitle";
     xxlTitle: "HvTypography-xxlTitle";
     lTitle: "HvTypography-lTitle";
     sTitle: "HvTypography-sTitle";
     xxsTitle: "HvTypography-xxsTitle";
     sectionTitle: "HvTypography-sectionTitle";
     placeholderText: "HvTypography-placeholderText";
+    link: "HvTypography-link";
     disabledText: "HvTypography-disabledText";
     selectedNavText: "HvTypography-selectedNavText";
     vizTextDisabled: "HvTypography-vizTextDisabled";
     xsInlineLink: "HvTypography-xsInlineLink";
+    root: "HvTypography-root";
     disabled: "HvTypography-disabled";
-    noWrap: "HvTypography-noWrap";
     "3xlTitle": "HvTypography-3xlTitle";
     xlTitle: "HvTypography-xlTitle";
     mTitle: "HvTypography-mTitle";
@@ -8055,6 +8111,7 @@ export declare const typographyClasses: {
     normalText: "HvTypography-normalText";
     vizText: "HvTypography-vizText";
     isLink: "HvTypography-isLink";
+    noWrap: "HvTypography-noWrap";
 };
 
 export declare const typographyVariants: readonly ["display", "title1", "title2", "title3", "title4", "body", "label", "caption1", "caption2"];
@@ -8063,33 +8120,32 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-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) => {
+declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink" | "noWrap", string>>, addStatic?: boolean) => {
     classes: {
-        link: string;
-        body: string;
-        label: string;
-        root: string;
         display: string;
+        "5xlTitle": string;
+        "4xlTitle": string;
         title1: string;
         title2: string;
         title3: string;
         title4: string;
+        label: string;
+        body: string;
         caption1: string;
         caption2: string;
-        "5xlTitle": string;
-        "4xlTitle": string;
         xxlTitle: string;
         lTitle: string;
         sTitle: string;
         xxsTitle: string;
         sectionTitle: string;
         placeholderText: string;
+        link: string;
         disabledText: string;
         selectedNavText: string;
         vizTextDisabled: string;
         xsInlineLink: string;
+        root: string;
         disabled: string;
-        noWrap: string;
         "3xlTitle": string;
         xlTitle: string;
         mTitle: string;
@@ -8098,6 +8154,7 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
         normalText: string;
         vizText: string;
         isLink: string;
+        noWrap: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8106,14 +8163,14 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"root" | "show" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        show: string;
-        hideText: string;
-        defaultIcon: string;
         warningText: string;
         topGutter: string;
+        defaultIcon: string;
+        show: string;
+        hideText: string;
         topBorder: string;
     };
     css: {
@@ -8123,13 +8180,13 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "show" | "hi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "list" | "popup" | "collapsed" | "listItem" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        listItem: string;
         list: string;
         popup: string;
         collapsed: string;
-        listItem: string;
         navigationPopup: string;
     };
     css: {
@@ -8163,24 +8220,24 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
-        unselectable: string;
-        link: string;
         label: string;
-        group: string;
-        hide: string;
-        expanded: string;
+        link: string;
         disabled: string;
+        selectable: string;
         selected: string;
+        hide: string;
+        expanded: string;
+        unselectable: string;
+        group: string;
         node: string;
         focused: string;
-        selectable: string;
-        expandable: string;
         labelIcon: string;
         collapsed: string;
         minimized: string;
+        expandable: string;
         unselected: string;
         labelExpandable: string;
     };
@@ -8191,20 +8248,20 @@ declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselec
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
+        trackDragging: string;
+        trackStandBy: string;
+        handleContainer: string;
         error: string;
         rootDisabled: string;
         labelContainer: string;
         sliderBase: string;
         sliderContainer: string;
-        trackDragging: string;
-        trackStandBy: string;
         sliderRoot: string;
         rootRange: string;
-        handleContainer: string;
         handle: string;
         handleContainerDisabled: string;
         handleHiddenContainer: string;
@@ -8219,12 +8276,12 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "description" | "root" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
+        description: string;
         root: string;
         error: string;
-        description: string;
         labelContainer: string;
     };
     css: {
@@ -8234,18 +8291,18 @@ declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"header" | "root" | "space" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
     classes: {
+        space: string;
         header: string;
         root: string;
-        space: string;
-        dropdown: string;
         panel: string;
-        baseDropdownSelection: string;
         rightSidePanel: string;
+        applyButton: string;
+        dropdown: string;
+        baseDropdownSelection: string;
         leftSidePanel: string;
         actionBar: string;
-        applyButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8254,23 +8311,23 @@ declare const useClasses_106: (classesProp?: Partial<Record<"header" | "root" |
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"label" | "description" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "dropdown" | "actionContainer" | "rightContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "dateText", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
+        description: string;
         root: string;
+        panel: string;
         icon: string;
+        inputText: string;
         action: string;
         error: string;
-        actionContainer: string;
         dropdown: string;
-        panel: string;
-        description: string;
-        labelContainer: string;
-        leftContainer: string;
+        actionContainer: string;
         rightContainer: string;
+        labelContainer: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
-        inputText: string;
+        leftContainer: string;
         dateText: string;
     };
     css: {
@@ -8280,11 +8337,11 @@ declare const useClasses_107: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
+        root: string;
         button: string;
         text: string;
-        root: string;
         notSelected: string;
     };
     css: {
@@ -8307,16 +8364,16 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root" | "positionFi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "listbox" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "invalid" | "error", string>>, addStatic?: boolean) => {
     classes: {
+        vertical: string;
+        horizontal: string;
         label: string;
+        description: string;
         root: string;
-        horizontal: string;
-        vertical: string;
         listbox: string;
-        error: string;
         invalid: string;
-        description: string;
+        error: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8325,12 +8382,12 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "h
     cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_110: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        text: string;
         root: string;
         selected: string;
+        button: string;
+        text: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8339,14 +8396,14 @@ declare const useClasses_110: (classesProp?: Partial<Record<"button" | "text" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
+        notSelected: string;
+        notSelectedRoot: string;
         positionSticky: string;
         positionFixed: string;
-        notSelectedRoot: string;
-        notSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8355,15 +8412,15 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root" | "selected"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        input: string;
-        text: string;
         root: string;
-        icon: string;
         inputBorderContainer: string;
         inputRoot: string;
+        input: string;
+        icon: string;
+        button: string;
+        text: string;
         largeText: string;
         textEmpty: string;
         iconVisible: string;
@@ -8386,21 +8443,21 @@ declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         topGroup: string;
         subGroup: string;
+        subRulesContainer: string;
+        topActionButtonContainer: string;
+        removeButton: string;
         combinator: string;
         topCombinator: string;
         combinatorButton: string;
-        removeButton: string;
         topRemoveButton: string;
         topRemoveButtonDisabled: string;
         rulesContainer: string;
-        subRulesContainer: string;
         actionButtonContainer: string;
-        topActionButtonContainer: string;
         topRulesContainer: string;
         buttonBackground: string;
     };
@@ -8411,18 +8468,18 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "topGroup"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (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<"colorPicker" | "label" | "description" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
+        colorPicker: string;
         label: string;
+        description: string;
         root: string;
-        colorPicker: string;
         panel: string;
-        description: string;
-        labelContainer: string;
         headerColorValue: string;
+        recommendedColorsRoot: string;
+        labelContainer: string;
         headerColorIcon: string;
         colorPickerIcon: string;
-        recommendedColorsRoot: string;
         dropdownRootIconOnly: string;
         headerColorIconOnly: string;
         pickerFields: string;
@@ -8434,32 +8491,32 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "fullscreen" | "closeButton" | "actions" | "dots" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
-        main: string;
-        root: string;
         xs: string;
-        dot: string;
-        controls: string;
-        actions: string;
+        root: string;
         panel: string;
+        title: string;
+        controls: string;
+        counterContainer: string;
+        thumbnail: string;
+        thumbnailSelected: string;
+        dot: string;
+        main: string;
+        counter: string;
         fullscreen: string;
         closeButton: string;
+        actions: string;
+        dots: string;
         mainContainer: string;
         pageCounter: string;
         mainXs: string;
         mainFullscreen: string;
-        counterContainer: string;
-        counter: string;
         slideControls: string;
         slidesViewport: string;
         slidesContainer: string;
-        dots: string;
         dotsXs: string;
         dotSelected: string;
-        thumbnail: string;
-        thumbnailSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8480,18 +8537,18 @@ declare const useClasses_117: (classesProp?: Partial<Record<"image" | "slide", s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (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<"label" | "description" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
-        placeholder: string;
         label: string;
+        description: string;
         root: string;
+        placeholder: string;
         icon: string;
         error: string;
-        description: string;
         labelContainer: string;
+        dropdownHeader: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
-        dropdownHeader: string;
         placeholderDisabled: string;
         dropdownPanel: string;
         timePopperContainer: string;
@@ -8514,11 +8571,11 @@ declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root" | "popper" | "list", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        popper: string;
         list: string;
+        popper: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8527,15 +8584,32 @@ declare const useClasses_12: (classesProp?: Partial<Record<"root" | "popper" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label" | "root" | "group" | "expanded" | "disabled" | "selected" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         label: string;
         root: string;
-        group: string;
+        disabled: string;
+        selected: string;
         expanded: string;
+        group: string;
+        focused: string;
+        iconContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
         disabled: string;
         selected: string;
+        expanded: string;
         focused: string;
         iconContainer: string;
     };
@@ -8546,12 +8620,12 @@ declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"hidden" | "content" | "header" | "root" | "actions", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
         content: string;
         header: string;
         root: string;
+        hidden: string;
         actions: string;
     };
     css: {
@@ -8561,23 +8635,23 @@ declare const useClasses_121: (classesProp?: Partial<Record<"hidden" | "content"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"input" | "root" | "disabled" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
         root: string;
         disabled: string;
         readOnly: string;
-        invalid: string;
-        resizable: string;
         inputBorderContainer: string;
-        inputRootInvalid: string;
         inputRootReadOnly: string;
         inputRoot: string;
         inputRootFocused: string;
-        inputRootDisabled: string;
         inputRootMultiline: string;
-        inputDisabled: string;
+        input: string;
         inputReadOnly: string;
+        invalid: string;
+        resizable: string;
+        inputRootInvalid: string;
+        inputRootDisabled: string;
+        inputDisabled: string;
         inputResizable: string;
     };
     css: {
@@ -8587,27 +8661,27 @@ declare const useClasses_13: (classesProp?: Partial<Record<"input" | "root" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "root" | "container" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "arrowContainer" | "arrow" | "selection" | "selectionDisabled" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
-        placeholder: string;
-        arrow: string;
-        anchor: string;
+        container: string;
         header: string;
+        anchor: string;
         root: string;
-        container: string;
-        rootDisabled: string;
         headerOpen: string;
-        headerOpenUp: string;
-        headerOpenDown: string;
         headerDisabled: string;
         headerReadOnly: string;
+        placeholder: string;
+        panel: string;
+        inputExtensionOpen: string;
+        rootDisabled: string;
+        headerOpenUp: string;
+        headerOpenDown: string;
         arrowContainer: string;
+        arrow: string;
         selection: string;
         selectionDisabled: string;
-        panel: string;
         panelOpenedUp: string;
         panelOpenedDown: string;
-        inputExtensionOpen: string;
         inputExtensionLeftPosition: string;
         inputExtensionOpenShadow: string;
         inputExtensionFloatRight: string;
@@ -8631,13 +8705,13 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"hidden" | "label" | "root" | "container" | "disabled", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
+        container: string;
         label: string;
         root: string;
-        container: string;
         disabled: string;
+        hidden: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8646,18 +8720,18 @@ declare const useClasses_16: (classesProp?: Partial<Record<"hidden" | "label" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"img" | "root" | "container" | "xs" | "sm" | "md" | "lg" | "xl" | "status" | "square" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
-        img: string;
-        root: string;
         container: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
-        status: string;
+        root: string;
         square: string;
+        img: string;
+        status: string;
         fallback: string;
         avatar: string;
         badge: string;
@@ -8688,18 +8762,18 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"root" | "secondary" | "primary" | "icon" | "disabled" | "semantic" | "primarySubtle" | "primaryGhost" | "secondarySubtle" | "secondaryGhost" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         secondary: string;
         primary: string;
-        icon: string;
+        root: string;
         disabled: string;
         semantic: string;
-        primarySubtle: string;
-        primaryGhost: string;
         secondarySubtle: string;
+        icon: string;
         secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
         ghost: string;
         startIcon: string;
         endIcon: string;
@@ -8712,16 +8786,16 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root" | "secondary"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focused" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusDisabled" | "focused" | "externalReference" | "falseFocus" | "focus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
         selected: string;
-        focus: string;
-        focused: string;
         focusDisabled: string;
+        focused: string;
         externalReference: string;
         falseFocus: string;
+        focus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8730,12 +8804,12 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "icon" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root" | "selectable" | "icon" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        selectable: string;
         icon: string;
         selected: string;
-        selectable: string;
         semanticContainer: string;
         semanticBar: string;
     };
@@ -8746,14 +8820,14 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "icon" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
         content: string;
         root: string;
-        action: string;
+        title: string;
         titleShort: string;
         subheader: string;
+        action: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8803,13 +8877,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" | "titleText", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "titleText" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        titleText: string;
         fullscreen: string;
         messageContainer: string;
         textWithIcon: string;
-        titleText: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8830,10 +8904,10 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         spacing: string;
+        root: string;
         fullscreen: string;
     };
     css: {
@@ -8843,16 +8917,16 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "spacing" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"root" | "background" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "error" | "success" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
-        background: string;
         warning: string;
+        background: string;
+        root: string;
+        paper: string;
         error: string;
         success: string;
         fullscreen: string;
         closeButton: string;
-        paper: string;
         statusBar: string;
     };
     css: {
@@ -8862,12 +8936,12 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "background"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "background" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         background: string;
-        closeButton: string;
+        root: string;
         paper: string;
+        closeButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8887,16 +8961,16 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "container" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "messageContainer" | "containerMessageOnly" | "iconContainer" | "textContainer" | "actionContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         container: string;
-        actionContainer: string;
+        root: string;
+        titleContainer: string;
+        messageContainer: string;
         containerMessageOnly: string;
         iconContainer: string;
-        titleContainer: string;
         textContainer: string;
-        messageContainer: string;
+        actionContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8905,12 +8979,12 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"small" | "root" | "separator" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     classes: {
+        name: string;
         small: string;
         root: string;
         separator: string;
-        name: string;
         rightContainer: string;
         copyright: string;
     };
@@ -8921,10 +8995,10 @@ declare const useClasses_31: (classesProp?: Partial<Record<"small" | "root" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "container" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         container: string;
+        root: string;
         item: string;
         zeroMinWidth: string;
         "direction-xs-column": string;
@@ -8964,11 +9038,11 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"header" | "root" | "backgroundColor", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root", string>>, addStatic?: boolean) => {
     classes: {
+        backgroundColor: string;
         header: string;
         root: string;
-        backgroundColor: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9001,14 +9075,14 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"hidden" | "menu" | "root" | "list" | "menubar" | "active", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"root" | "active" | "list" | "menu" | "menubar" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
-        menu: string;
         root: string;
+        active: string;
         list: string;
+        menu: string;
         menubar: string;
-        active: string;
+        hidden: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9017,14 +9091,14 @@ declare const useClasses_36: (classesProp?: Partial<Record<"hidden" | "menu" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"link" | "button" | "menu" | "root" | "menubar" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"link" | "root" | "menu" | "menubar" | "selected" | "button", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
-        button: string;
-        menu: string;
         root: string;
+        menu: string;
         menubar: string;
         selected: string;
+        button: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
@@ -9064,16 +9138,16 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "visualIndic
     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) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "interactive" | "startAdornment" | "endAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        condensed: string;
         disabled: string;
         selected: string;
+        condensed: string;
         focus: string;
         interactive: string;
-        endAdornment: string;
         startAdornment: string;
+        endAdornment: string;
         gutters: string;
         withStartAdornment: string;
         withEndAdornment: string;
@@ -9096,13 +9170,13 @@ declare const useClasses_40: (classesProp?: Partial<Record<"a", string>>, addSta
     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) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"small" | "label" | "root" | "overlay" | "hidden" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
-        hidden: string;
         small: string;
         label: string;
         root: string;
         overlay: string;
+        hidden: string;
         blur: string;
         barContainer: string;
         loadingBar: string;
@@ -9117,12 +9191,12 @@ declare const useClasses_41: (classesProp?: Partial<Record<"hidden" | "small" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"button" | "root" | "vertical" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"vertical" | "root" | "selected" | "button", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
-        root: string;
         vertical: string;
+        root: string;
         selected: string;
+        button: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9142,10 +9216,10 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
-        progress: string;
         root: string;
+        progress: string;
         progressBar: string;
         progressBarLabel: string;
         progressContainer: string;
@@ -9171,14 +9245,14 @@ declare const useClasses_45: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"root" | "xs" | "sm" | "md" | "lg" | "xl" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
+        root: string;
         row: string;
         column: string;
     };
@@ -9217,12 +9291,12 @@ declare const useClasses_48: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (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<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
         label: string;
         root: string;
         disabled: string;
+        button: string;
         focusVisible: string;
         chipRoot: string;
         clickable: string;
@@ -9254,18 +9328,18 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"title" | "color" | "root" | "tooltip" | "tooltipMulti" | "popper" | "valuesContainer" | "values" | "separatorColor" | "separator" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
         color: string;
         root: string;
+        title: string;
+        popper: string;
+        separator: string;
         tooltip: string;
+        values: string;
         tooltipMulti: string;
-        popper: string;
         valuesContainer: string;
-        values: string;
         separatorColor: string;
-        separator: string;
         valueWrapper: string;
     };
     css: {
@@ -9288,11 +9362,11 @@ declare const useClasses_51: (classesProp?: Partial<Record<"tooltipData" | "tool
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        icon: string;
         disabled: string;
+        icon: string;
         focusVisible: string;
     };
     css: {
@@ -9302,11 +9376,11 @@ declare const useClasses_52: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        icon: string;
         disabled: string;
+        icon: string;
         focusVisible: string;
     };
     css: {
@@ -9316,12 +9390,13 @@ declare const useClasses_53: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
-        open: string;
         root: string;
+        title: string;
         single: string;
+        actionsContainer: string;
+        open: string;
         item: string;
         itemSelected: string;
         itemDisabled: string;
@@ -9329,7 +9404,6 @@ declare const useClasses_54: (classesProp?: Partial<Record<"title" | "open" | "r
         itemIcon: string;
         itemTitle: string;
         itemInfoIcon: string;
-        actionsContainer: string;
         footerContainer: string;
         closed: string;
         dual: string;
@@ -9342,13 +9416,13 @@ declare const useClasses_54: (classesProp?: Partial<Record<"title" | "open" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"title" | "root" | "typography" | "icon" | "disabled" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
-        title: string;
-        root: string;
         typography: string;
-        icon: string;
+        root: string;
         disabled: string;
+        icon: string;
+        title: string;
         selected: string;
         iconUrl: string;
         iconInfo: string;
@@ -9360,16 +9434,16 @@ declare const useClasses_55: (classesProp?: Partial<Record<"title" | "root" | "t
     cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"track" | "switch" | "root" | "disabled" | "checked" | "readOnly" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
     classes: {
-        track: string;
-        switch: string;
         root: string;
         disabled: string;
-        checked: string;
         readOnly: string;
-        focusVisible: string;
+        switch: string;
         switchBase: string;
+        track: string;
+        checked: string;
+        focusVisible: string;
         thumb: string;
     };
     css: {
@@ -9379,13 +9453,13 @@ declare const useClasses_56: (classesProp?: Partial<Record<"track" | "switch" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "container" | "checkbox" | "disabled" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
+        container: string;
         label: string;
         root: string;
-        container: string;
-        checkbox: string;
         disabled: string;
+        checkbox: string;
         focusVisible: string;
         invalidContainer: string;
         invalidCheckbox: string;
@@ -9397,22 +9471,22 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"label" | "description" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "adornmentButton" | "error" | "inputRootDisabled" | "labelContainer" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
         label: string;
+        description: string;
         root: string;
-        icon: string;
-        error: string;
         inputBorderContainer: string;
         inputRoot: string;
         inputRootFocused: string;
-        inputRootDisabled: string;
         inputRootMultiline: string;
-        description: string;
+        input: string;
+        icon: string;
+        adornmentButton: string;
+        error: string;
+        inputRootDisabled: string;
         labelContainer: string;
         adornmentsBox: string;
-        adornmentButton: string;
         iconClear: string;
         hasSuggestions: string;
         suggestionsContainer: string;
@@ -9426,13 +9500,13 @@ declare const useClasses_58: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
+        invalidSwitch: string;
         error: string;
         switchContainer: string;
-        invalidSwitch: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9441,14 +9515,14 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
         adornment: string;
-        adornmentButton: string;
         adornmentIcon: string;
         hideIcon: string;
+        adornmentButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9457,13 +9531,13 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "ado
     cx: (...args: any) => string;
 };
 
-declare const useClasses_60: (classesProp?: Partial<Record<"label" | "root" | "container" | "radio" | "disabled" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
+        container: string;
         label: string;
         root: string;
-        container: string;
-        radio: string;
         disabled: string;
+        radio: string;
         focusVisible: string;
         invalidContainer: string;
         invalidRadio: string;
@@ -9475,20 +9549,20 @@ declare const useClasses_60: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "invalid" | "error" | "resizable" | "inputResizable" | "labelContainer" | "baseInput" | "characterCounter", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
         label: string;
+        description: string;
         root: string;
         disabled: string;
-        error: string;
+        input: string;
         invalid: string;
+        error: string;
         resizable: string;
         inputResizable: string;
-        description: string;
         labelContainer: string;
-        characterCounter: string;
         baseInput: string;
+        characterCounter: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9497,26 +9571,26 @@ declare const useClasses_61: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "invalid" | "error" | "resizable" | "chipRoot" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "characterCounter" | "listItemGutters" | "listItemRoot" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
         label: string;
+        description: string;
         root: string;
         disabled: string;
         readOnly: string;
-        error: string;
+        input: string;
+        tagsList: string;
         invalid: string;
+        error: string;
         resizable: string;
-        description: string;
+        chipRoot: string;
         labelContainer: string;
         suggestionsContainer: string;
         suggestionList: string;
         inputExtension: string;
-        chipRoot: string;
+        characterCounter: string;
         listItemGutters: string;
         listItemRoot: string;
-        characterCounter: string;
-        tagsList: string;
         tagInputContainerRoot: string;
         tagInputRoot: string;
         tagSelected: string;
@@ -9532,15 +9606,15 @@ declare const useClasses_62: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "group" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "invalid" | "error" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
+        vertical: string;
+        horizontal: string;
         label: string;
         root: string;
-        horizontal: string;
-        vertical: string;
         group: string;
-        error: string;
         invalid: string;
+        error: string;
         selectAll: string;
     };
     css: {
@@ -9550,17 +9624,17 @@ declare const useClasses_63: (classesProp?: Partial<Record<"label" | "root" | "h
     cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (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" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
+        itemSelector: string;
         item: string;
         virtualizedRoot: string;
         selectorRoot: string;
         selectorContainer: string;
         box: string;
         truncate: string;
-        itemSelector: string;
         selectAllSelector: string;
     };
     css: {
@@ -9570,15 +9644,15 @@ declare const useClasses_64: (classesProp?: Partial<Record<"link" | "root" | "it
     cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"label" | "root" | "horizontal" | "vertical" | "group" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "group" | "invalid" | "error", string>>, addStatic?: boolean) => {
     classes: {
+        vertical: string;
+        horizontal: string;
         label: string;
         root: string;
-        horizontal: string;
-        vertical: string;
         group: string;
-        error: string;
         invalid: string;
+        error: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9587,10 +9661,10 @@ declare const useClasses_65: (classesProp?: Partial<Record<"label" | "root" | "h
     cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"previewButton" | "overlay", string>>, addStatic?: boolean) => {
     classes: {
-        overlay: string;
         previewButton: string;
+        overlay: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9599,18 +9673,18 @@ declare const useClasses_66: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "progressbarBack" | "nameText" | "progressTextContainer" | "removeButton" | "fail", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        progressbar: string;
         icon: string;
-        removeButton: string;
-        fail: string;
         progressbarContainer: string;
+        previewContainer: string;
+        progressbar: string;
         progressbarBack: string;
         nameText: string;
         progressTextContainer: string;
-        previewContainer: string;
+        removeButton: string;
+        fail: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9619,13 +9693,13 @@ declare const useClasses_67: (classesProp?: Partial<Record<"root" | "progressbar
     cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"root" | "container" | "icon" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         container: string;
+        root: string;
         icon: string;
-        baseContainer: string;
         iconSelected: string;
+        baseContainer: string;
         menuListRoot: string;
         menuList: string;
     };
@@ -9636,17 +9710,17 @@ declare const useClasses_68: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "iconContainer" | "pageSizeHeader" | "pageSizeTextContainer" | "totalPagesTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
         pageSizeOptions: string;
-        iconContainer: string;
         pageSizeHeader: string;
         pageSizeTextContainer: string;
-        totalPagesTextContainer: string;
         pageSizeOptionsSelect: string;
+        totalPagesTextContainer: string;
         pageNavigator: string;
+        iconContainer: string;
         pageInfo: string;
         pageJump: string;
         pageSizeInput: string;
@@ -9671,10 +9745,10 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"button" | "root" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
-        button: string;
         root: string;
+        button: string;
         actionContainer: string;
         dropDownMenu: string;
         dropDownMenuButton: string;
@@ -9687,15 +9761,15 @@ declare const useClasses_70: (classesProp?: Partial<Record<"button" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"link" | "root" | "a" | "currentPage" | "centerContainer" | "separatorContainer" | "orderedList", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
-        a: string;
         root: string;
-        orderedList: string;
+        a: string;
         currentPage: string;
         centerContainer: string;
         separatorContainer: string;
+        orderedList: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9704,12 +9778,12 @@ declare const useClasses_71: (classesProp?: Partial<Record<"link" | "a" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"root" | "horizontal" | "radio" | "icon" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         horizontal: string;
-        radio: string;
+        root: string;
         icon: string;
+        radio: string;
         radioRoot: string;
     };
     css: {
@@ -9733,10 +9807,10 @@ declare const useClasses_73: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"iconContainer" | "actionContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
-        actionContainer: string;
         iconContainer: string;
+        actionContainer: string;
         actionsInnerContainer: string;
         closeAction: string;
     };
@@ -9747,15 +9821,15 @@ declare const useClasses_74: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"root" | "warning" | "default" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         warning: string;
-        default: string;
+        root: string;
         action: string;
+        default: string;
         error: string;
-        success: string;
         message: string;
+        success: string;
         baseVariant: string;
         outContainer: string;
     };
@@ -9783,15 +9857,15 @@ declare const useClasses_76: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"root" | "warning" | "default" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         warning: string;
-        default: string;
+        root: string;
         action: string;
+        default: string;
         error: string;
-        success: string;
         message: string;
+        success: string;
         messageSpan: string;
         messageText: string;
         iconVariant: string;
@@ -9814,15 +9888,15 @@ declare const useClasses_78: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
+        divider: string;
+        selectAll: string;
         actions: string;
         selectAllContainer: string;
-        selectAll: string;
         selectAllPages: string;
-        divider: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9844,19 +9918,19 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisable
     cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton" | "sectionName", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"name" | "root" | "wrapper" | "globalSectionArea" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
-        root: string;
         name: string;
-        global: string;
+        root: string;
         wrapper: string;
+        globalSectionArea: string;
+        sectionName: string;
         actions: string;
         positionSticky: string;
         positionFixed: string;
+        global: string;
         globalWrapperComplement: string;
-        globalSectionArea: string;
         backButton: string;
-        sectionName: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9865,25 +9939,25 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root" | "name" | "gl
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "dropdown" | "arrow" | "selectionDisabled" | "labelContainer" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
-        placeholder: string;
-        arrow: string;
         label: string;
+        description: string;
         root: string;
+        placeholder: string;
         disabled: string;
         readOnly: string;
+        placeholderClosed: string;
         error: string;
         dropdown: string;
+        arrow: string;
         selectionDisabled: string;
-        description: string;
         labelContainer: string;
+        rootList: string;
+        dropdownListContainer: string;
+        dropdownHeader: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
-        placeholderClosed: string;
-        dropdownHeader: string;
-        dropdownListContainer: string;
-        rootList: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9892,13 +9966,13 @@ declare const useClasses_81: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"selection" | "selectAll" | "selectAllContainer" | "rootList" | "dropdownListContainer" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
         selection: string;
-        selectAllContainer: string;
         selectAll: string;
-        dropdownListContainer: string;
+        selectAllContainer: string;
         rootList: string;
+        dropdownListContainer: string;
         searchContainer: string;
         listBorderDown: string;
         listContainer: string;
@@ -9958,41 +10032,41 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sorted" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify" | "variantCheckbox" | "variantExpand" | "variantActions" | "variantNone" | "resizing", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
-        footer: string;
-        head: string;
         root: string;
+        head: string;
+        sortButton: string;
+        variantList: string;
         resizer: string;
+        footer: string;
         resizable: string;
-        sortable: string;
-        sorted: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
         stickyColumn: string;
         stickyColumnMostLeft: string;
         stickyColumnLeastRight: string;
         groupColumnMostLeft: string;
         groupColumnMostRight: string;
-        resizing: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        variantNone: string;
-        variantCheckbox: string;
-        variantActions: string;
-        variantExpand: string;
-        variantList: string;
         headerContent: string;
         headerText: string;
         headerParagraph: string;
         sortableHeaderText: string;
-        sortButton: string;
+        sorted: string;
+        sortable: string;
         sortIcon: string;
         alignFlexLeft: string;
         alignFlexRight: string;
         alignFlexCenter: string;
         alignFlexJustify: string;
+        variantCheckbox: string;
+        variantExpand: string;
+        variantActions: string;
+        variantNone: string;
+        resizing: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10001,17 +10075,17 @@ declare const useClasses_87: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "expanded" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "striped" | "hover" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
-        footer: string;
-        head: string;
         root: string;
-        expanded: string;
         selected: string;
-        hover: string;
-        striped: string;
+        head: string;
         variantList: string;
+        expanded: string;
+        footer: string;
+        striped: string;
+        hover: string;
         variantListHead: string;
     };
     css: {
@@ -10021,32 +10095,32 @@ declare const useClasses_88: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-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) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "sorted" | "variantCheckbox" | "variantExpand" | "variantActions" | "variantNone" | "resizing" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
-        footer: string;
-        head: string;
         root: string;
+        head: string;
+        variantListactions: string;
+        variantListcheckbox: string;
+        variantList: string;
+        footer: string;
         resizable: string;
-        sorted: string;
+        alignLeft: string;
+        alignCenter: string;
+        alignRight: string;
+        alignJustify: string;
         stickyColumn: string;
         stickyColumnMostLeft: string;
         stickyColumnLeastRight: string;
         groupColumnMostLeft: string;
         groupColumnMostRight: string;
-        resizing: string;
-        alignLeft: string;
-        alignCenter: string;
-        alignRight: string;
-        alignJustify: string;
-        variantNone: string;
+        sorted: string;
         variantCheckbox: string;
-        variantActions: string;
         variantExpand: string;
-        variantList: string;
+        variantActions: string;
+        variantNone: string;
+        resizing: string;
         variantListHead: string;
-        variantListactions: string;
-        variantListcheckbox: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10080,10 +10154,10 @@ declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
-        section: string;
         root: string;
+        section: string;
         rightSection: string;
         leftSection: string;
     };
@@ -10117,14 +10191,14 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        rangeCalendarContainer: string;
-        singleCalendar: string;
         focusSelection: string;
         calendarMonthlyCell: string;
         calendarMonthlyCellSelected: string;
+        rangeCalendarContainer: string;
+        singleCalendar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10133,14 +10207,14 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "rangeCalend
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"input" | "root" | "invalid" | "inputBorderContainer" | "headerDayOfWeek" | "headerDate" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "input" | "headerDate" | "headerDayOfWeek" | "invalid" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
     classes: {
-        input: string;
         root: string;
-        invalid: string;
         inputBorderContainer: string;
-        headerDayOfWeek: string;
+        input: string;
         headerDate: string;
+        headerDayOfWeek: string;
+        invalid: string;
         invalidMessageStyling: string;
     };
     css: {
@@ -10189,11 +10263,11 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "hide", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"action" | "noIcon" | "minimized", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     classes: {
         action: string;
-        noIcon: string;
         minimized: string;
+        noIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10535,6 +10609,134 @@ export declare const useTheme: () => HvThemeContextValue & {
     colors?: HvThemeColorModeStructure;
 };
 
+declare interface UseTreeViewContextValueBuilderParameters {
+    /**
+     * This prop is used to help implement the accessibility logic.
+     * If you don't provide this prop. It falls back to a randomly generated id.
+     */
+    id?: string;
+    /**
+     * The default icon used to collapse the node.
+     */
+    defaultCollapseIcon?: React.ReactNode;
+    /**
+     * The default icon displayed next to a end node. This is applied to all
+     * tree nodes and can be overridden by the TreeItem `icon` prop.
+     */
+    defaultEndIcon?: React.ReactNode;
+    /**
+     * The default icon used to expand the node.
+     */
+    defaultExpandIcon?: React.ReactNode;
+    /**
+     * The default icon displayed next to a parent node. This is applied to all
+     * parent nodes and can be overridden by the TreeItem `icon` prop.
+     */
+    defaultParentIcon?: React.ReactNode;
+}
+
+declare interface UseTreeViewExpansionInstance {
+    isNodeExpanded: (nodeId: string) => boolean;
+    isNodeExpandable: (nodeId: string) => boolean;
+    toggleNodeExpansion: (event: React_3.SyntheticEvent, value: string) => void;
+    expandAllSiblings: (event: React_3.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
+declare interface UseTreeViewExpansionParameters {
+    /**
+     * Expanded node ids.
+     * Used when the item's expansion is controlled.
+     */
+    expanded?: string[];
+    /**
+     * Expanded node ids.
+     * Used when the item's expansion is not controlled.
+     * @default []
+     */
+    defaultExpanded?: string[];
+    /**
+     * Callback fired when tree items are expanded/collapsed.
+     * @param {React.SyntheticEvent} event The event source of the callback.
+     * @param {array} nodeIds The ids of the expanded nodes.
+     */
+    onNodeToggle?: (event: React_3.SyntheticEvent, nodeIds: string[]) => void;
+}
+
+declare interface UseTreeViewFocusInstance {
+    isNodeFocused: (nodeId: string) => boolean;
+    focusNode: (event: React_3.SyntheticEvent, nodeId: string | null) => void;
+}
+
+declare interface UseTreeViewFocusParameters {
+    /**
+     * Callback fired when tree items are focused.
+     * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
+     * @param {string} nodeId The id of the node focused.
+     * @param {string} value of the focused node.
+     */
+    onNodeFocus?: (event: React_3.SyntheticEvent, nodeId: string) => void;
+}
+
+declare interface UseTreeViewKeyboardNavigationInstance {
+    mapFirstChar: (nodeId: string, firstChar: string) => () => void;
+}
+
+declare interface UseTreeViewNodesInstance {
+    getNode: (nodeId: string) => TreeViewNode;
+    updateNode: (node: TreeViewNode) => void;
+    removeNode: (nodeId: string) => void;
+    getChildrenIds: (nodeId: string | null) => string[];
+    getNavigableChildrenIds: (nodeId: string | null) => string[];
+    isNodeDisabled: (nodeId: string | null) => nodeId is string;
+}
+
+declare interface UseTreeViewNodesParameters {
+    /**
+     * If `true`, will allow focus on disabled items.
+     * @default false
+     */
+    disabledItemsFocusable?: boolean;
+}
+
+declare interface UseTreeViewSelectionInstance {
+    isNodeSelected: (nodeId: string) => boolean;
+    selectNode: (event: React_3.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
+    selectRange: (event: React_3.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
+    rangeSelectToFirst: (event: React_3.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+    rangeSelectToLast: (event: React_3.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
+declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
+    /**
+     * If `true` selection is disabled.
+     * @default false
+     */
+    disableSelection?: boolean;
+    /**
+     * Selected node ids. (Uncontrolled)
+     * When `multiSelect` is true this takes an array of strings; when false (default) a string.
+     * @default []
+     */
+    defaultSelected?: TreeViewSelectionValue<Multiple>;
+    /**
+     * Selected node ids. (Controlled)
+     * When `multiSelect` is true this takes an array of strings; when false (default) a string.
+     */
+    selected?: TreeViewSelectionValue<Multiple>;
+    /**
+     * If true `ctrl` and `shift` will trigger multiselect.
+     * @default false
+     */
+    multiSelect?: Multiple;
+    /**
+     * Callback fired when tree items are selected/unselected.
+     * @param {React.SyntheticEvent} event The event source of the callback
+     * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
+     * this is an array of strings; when false (default) a string.
+     */
+    onNodeSelect?: (event: React_3.SyntheticEvent, nodeIds: Exclude<TreeViewSelectionValue<Multiple>, null>) => void;
+}
+
 export declare const useUniqueId: (id?: string, idPrefix?: string) => string;
 
 export declare const useWidth: () => Breakpoint_2;
@@ -10582,17 +10784,17 @@ export declare const verticalNavigationSliderClasses: {
 
 export declare const verticalNavigationTreeClasses: {
     root: "HvVerticalNavigationTree-root";
+    listItem: "HvVerticalNavigationTree-listItem";
     list: "HvVerticalNavigationTree-list";
     popup: "HvVerticalNavigationTree-popup";
     collapsed: "HvVerticalNavigationTree-collapsed";
-    listItem: "HvVerticalNavigationTree-listItem";
     navigationPopup: "HvVerticalNavigationTree-navigationPopup";
 };
 
 export declare const verticalScrollListItemClasses: {
+    root: "HvVerticalScrollListItem-root";
     button: "HvVerticalScrollListItem-button";
     text: "HvVerticalScrollListItem-text";
-    root: "HvVerticalScrollListItem-root";
     notSelected: "HvVerticalScrollListItem-notSelected";
 };
 
@@ -10600,11 +10802,11 @@ export declare type VisibilitySelectorActions = "previous_month" | "next_month"
 
 export declare const warningTextClasses: {
     root: "HvWarningText-root";
-    show: "HvWarningText-show";
-    hideText: "HvWarningText-hideText";
-    defaultIcon: "HvWarningText-defaultIcon";
     warningText: "HvWarningText-warningText";
     topGutter: "HvWarningText-topGutter";
+    defaultIcon: "HvWarningText-defaultIcon";
+    show: "HvWarningText-show";
+    hideText: "HvWarningText-hideText";
     topBorder: "HvWarningText-topBorder";
 };