@hitachivantara/uikit-react-core 6.6.1 → 6.8.0

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { ClickAwayListenerProps } from '@mui/base';
+import { ClickAwayListenerProps } from '@mui/material/ClickAwayListener';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
 import { ComponentProps } from 'react';
@@ -47,9 +47,9 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MutableRefObject } from 'react';
 import { OptionGroupProps } from '@mui/base';
 import { OptionOwnProps } from '@mui/base';
+import { OptionsGeneric } from '@popperjs/core';
 import { OptionsObject } from 'notistack';
-import { PopperProps } from '@mui/base';
-import { PopperProps as PopperProps_2 } from 'react-popper';
+import { PopperProps } from '@mui/material/Popper';
 import { PropGetter } from 'react-table';
 import { PropsWithoutRef } from 'react';
 import { RadioProps } from '@mui/material/Radio';
@@ -70,6 +70,7 @@ import { SnackbarKey } from 'notistack';
 import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
 import { SnackbarProviderProps } from 'notistack';
+import { State } from '@popperjs/core';
 import { SwitchProps } from '@mui/material/Switch';
 import { TableCellProps } from 'react-table';
 import { TableCommonProps } from 'react-table';
@@ -314,11 +315,6 @@ export declare const baseDropdownClasses: {
     selectionDisabled: string;
     placeholder: string;
     panel: string;
-    inputExtensionOpen: string;
-    inputExtensionLeftPosition: string;
-    inputExtensionOpenShadow: string;
-    inputExtensionFloatRight: string;
-    inputExtensionFloatLeft: string;
 };
 
 export declare const baseInputClasses: {
@@ -927,7 +923,7 @@ export declare const horizontalScrollListItemClasses: {
  */
 export declare const HvAccordion: ForwardRefExoticComponent<HvAccordionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /** Content to be rendered. */
@@ -957,7 +953,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
  */
 export declare const HvActionBar: ForwardRefExoticComponent<HvActionBarProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -981,7 +977,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: ForwardRefExoticComponent<HvActionsGenericProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** The button variant for all actions. */
@@ -1057,7 +1053,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1070,7 +1066,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1102,14 +1098,14 @@ export declare interface HvAppSwitcherProps extends HvBaseProps {
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_27>;
 
 /**
  *The Avatar Group displays a collection of avatars, often used to represent groups or teams.
  */
 export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvAvatarGroupProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1179,7 +1175,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: ForwardRefExoticComponent<HvBadgeProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /** The badge color. */
@@ -1207,11 +1203,11 @@ export declare const HvBanner: ForwardRefExoticComponent<Omit<HvBannerProps, "re
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_30>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. @deprecated use `children` instead */
@@ -1293,7 +1289,7 @@ export declare type HvBannerVariant = HvCalloutVariant;
  */
 export declare const HvBaseCheckBox: ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes" | "color"> {
     /**
@@ -1368,7 +1364,7 @@ export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChan
 
 export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "onToggle"> {
     /**
@@ -1415,7 +1411,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
     /**
      * An object containing props to be wired to the popper component.
      */
-    popperProps?: Partial<PopperProps_2<any>>;
+    popperProps?: PopperProps["popperOptions"];
     /**
      * Placement of the dropdown.
      */
@@ -1443,7 +1439,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
      * Callback called when the dropdown is opened and ready,
      * commonly used to set focus to the content.
      */
-    onContainerCreation?: (container: HTMLElement | null) => void;
+    onContainerCreation?: (container: HTMLElement | null, state: Partial<State>) => void;
     /**
      * Attributes applied to the dropdown header element.
      */
@@ -1466,7 +1462,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: ForwardRefExoticComponent<HvBaseInputProps & RefAttributes<HTMLInputElement>>;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange" | "classes" | "ref" | "color" | "size" | "inputProps"> {
     /** The input name. */
@@ -1518,7 +1514,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes" | "color"> {
     /**
@@ -1600,7 +1596,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_35>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes" | "color"> {
     /**
@@ -1682,7 +1678,7 @@ export { HvBaseTheme }
  */
 export declare const HvBreadCrumb: ForwardRefExoticComponent<HvBreadCrumbProps & RefAttributes<HTMLElement>>;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_36>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1717,7 +1713,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: ForwardRefExoticComponent<HvBulkActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_37>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTableBulkActionsProps>;
 
@@ -1886,14 +1882,14 @@ export declare type HvButtonVariant = Variant | `${ColorVariant}${TypeSuffix}` |
 
 export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvCalendarClasses = ExtractNames<typeof useClasses_39>;
 
 export declare const HvCalendarHeader: {
     (props: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_40>;
 
 export declare interface HvCalendarHeaderProps extends Pick<HvSingleCalendarProps, "id" | "value" | "locale" | "onChange" | "showEndDate" | "showDayOfWeek" | "invalidDateLabel"> {
     /**
@@ -1974,7 +1970,7 @@ export declare interface HvCalendarProps extends Omit<React.HTMLAttributes<HTMLD
 
 declare type HvCalloutActionPosition = "auto" | "inline" | "bottom-right";
 
-declare type HvCalloutClasses = ExtractNames<typeof useClasses_30>;
+declare type HvCalloutClasses = ExtractNames<typeof useClasses_31>;
 
 declare interface HvCalloutProps extends Omit<SnackbarContentProps, "title" | "variant" | "classes" | "onClose"> {
     /** The title to display. */
@@ -2012,11 +2008,11 @@ declare type HvCalloutVariant = "success" | "warning" | "error" | "default" | "i
  */
 export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_42>;
 
 export declare const HvCardContent: (props: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_44>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes"> {
     /** The function that will be executed when this section is clicked. */
@@ -2027,7 +2023,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes"> {
     /** The renderable content inside the title slot of the header. */
@@ -2044,7 +2040,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 
 export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_2.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_45>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, React.ImgHTMLAttributes<HTMLDivElement> {
     /** The title of the media. */
@@ -2079,13 +2075,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_46>;
 
 export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
-    classes?: ExtractNames<typeof useClasses_45>;
+    classes?: ExtractNames<typeof useClasses_46>;
     actions?: React.ReactNode;
     onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
     onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -2140,7 +2136,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_47>;
 
 export declare interface HvCarouselSlideProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2155,7 +2151,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: React.CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_45>;
+    classes?: ExtractNames<typeof useClasses_46>;
     onThumbnailClick?: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2210,14 +2206,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_38>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2349,7 +2345,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_50>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2466,7 +2462,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 /** The container enables you to center your content horizontally and bound it to a specific breakpoint. */
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes"> {
     /**
@@ -2495,7 +2491,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 
 export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2553,7 +2549,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle" | "placeholder"> {
     /**
@@ -2639,7 +2635,7 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
  */
 export declare const HvDialog: ForwardRefExoticComponent<Omit<HvDialogProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_65>;
 
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
@@ -2648,11 +2644,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_66>;
 
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_64>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes"> {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2688,7 +2684,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "classes" | "op
 
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
 
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes"> {
     /** Variant of the dialog title. */
@@ -2709,7 +2705,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  */
 export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
 
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_67>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2753,7 +2749,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: ForwardRefExoticComponent<Omit<HvDrawerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_69>;
 
 export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
     /**
@@ -2805,7 +2801,7 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
  */
 export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
 
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_60>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
 
@@ -2816,7 +2812,7 @@ export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false>
 
 export declare type HvDropdownLabels = Partial<typeof DEFAULT_LABELS_7>;
 
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_60>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_61>;
 
 declare interface HvDropdownListProps {
     /**
@@ -2880,6 +2876,7 @@ declare interface HvDropdownListProps {
      * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
      */
     virtualized?: boolean;
+    popperStyles?: CSSStyleDeclaration;
 }
 
 /**
@@ -2887,7 +2884,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: ForwardRefExoticComponent<HvDropDownMenuProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_24>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick" | "onToggle"> {
     /** Icon. */
@@ -2928,6 +2925,17 @@ export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement,
     labels?: Partial<typeof DEFAULT_LABELS>;
 }
 
+export declare const HvDropdownPanel: (props: HvDropdownPanelProps) => JSX_2.Element;
+
+export declare interface HvDropdownPanelProps extends Omit<PopperProps, "children">, Pick<HvBaseDropdownProps, "disablePortal" | "children"> {
+    variableWidth?: boolean;
+    classes?: ExtractNames<typeof useClasses_19>;
+    containerId?: string;
+    onToggle?: (event: any) => void;
+    onFirstUpdate?: OptionsGeneric<any>["onFirstUpdate"];
+    onClickAway: ClickAwayListenerProps["onClickAway"];
+}
+
 export declare interface HvDropdownProps<Multiple extends boolean = boolean, OptionValue extends HvListValue = HvListValue> extends Omit<HvFormElementProps, "value" | "onChange">, Pick<HvBaseDropdownProps, "placement" | "popperProps" | "disablePortal" | "variableWidth" | "expanded" | "defaultExpanded"> {
     /**
      * A Jss Object used to override or extend the component styles applied.
@@ -3039,7 +3047,7 @@ export declare interface HvDropdownProps<Multiple extends boolean = boolean, Opt
 
 export declare type HvDropdownStatus = "standBy" | "valid" | "invalid";
 
-declare type HvDropZoneClasses = ExtractNames<typeof useClasses_73>;
+declare type HvDropZoneClasses = ExtractNames<typeof useClasses_74>;
 
 declare type HvDropZoneLabels = Partial<typeof DEFAULT_LABELS_9>;
 
@@ -3083,7 +3091,7 @@ declare interface HvDropZoneProps extends Pick<HvFormElementProps, "id" | "disab
  */
 export declare const HvEmptyState: ForwardRefExoticComponent<HvEmptyStateProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_70>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3102,7 +3110,7 @@ export declare function hvExpandColumn<D extends object = Record<string, unknown
 
 export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_71>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_72>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3168,7 +3176,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  */
 export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
 
-export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_72>;
+export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_73>;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /** Value of aria-label to apply to remove file button in FileList */
@@ -3181,7 +3189,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => string | number | boolean | Iterable<ReactNode> | JSX_2.Element | null | undefined;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_71>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3256,9 +3264,9 @@ export declare interface HvFileUploaderProps extends HvFormElementProps {
  */
 export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_74>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_75>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_75>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_76>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3356,7 +3364,7 @@ export declare type HvFilterGroupValue = (string | number)[][];
  */
 export declare const HvFooter: ForwardRefExoticComponent<HvFooterProps & RefAttributes<HTMLElement>>;
 
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_77>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3457,7 +3465,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: ForwardRefExoticComponent<HvGlobalActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_78>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3506,7 +3514,7 @@ export declare interface HvGridBreakpoint {
     spacing?: HvBreakpoints;
 }
 
-export declare type HvGridClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_79>;
 
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
 
@@ -3606,7 +3614,7 @@ export declare const HvHeader: ForwardRefExoticComponent<HvHeaderProps & RefAttr
 
 export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_81>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3617,7 +3625,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_81>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_82>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3625,7 +3633,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_79>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_80>;
 
 declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends HvColumnInstance<D, H>, Omit<UseTableHeaderGroupProps<D>, "headers"> {
     headers: Array<HvHeaderGroup<D, H>>;
@@ -3633,7 +3641,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
 
 export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
 
-declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_82>;
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_83>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3646,7 +3654,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 
 export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_83>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_84>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3659,7 +3667,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_85>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -3718,7 +3726,7 @@ export declare interface HvHooks<D extends object = Record<string, unknown>, H e
     useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
-export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_98>;
 
 /**
  * The `HvIconButton` component wraps a `HvTooltip` with a label around a `HvButton` with only an icon as its content.
@@ -3856,7 +3864,7 @@ export declare const HvInlineEditor: <C extends React.ElementType = <InputElemen
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => React.ReactNode;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_86>;
 
 export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
@@ -3890,7 +3898,7 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
  */
 export declare const HvInput: <InputElement extends HTMLElement = HTMLTextAreaElement | HTMLInputElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactNode;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_57>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_58>;
 
 export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_6>;
 
@@ -4049,7 +4057,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
 
 export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
 
-export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4070,7 +4078,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
  */
 export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
 
-export declare type HvListClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_87>;
 
 /**
  * A **list** is any enumeration of a set of items.
@@ -4222,7 +4230,7 @@ export declare interface HvListValue extends Record<string, any> {
  */
 export declare const HvLoading: ForwardRefExoticComponent<HvLoadingProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_88>;
 
 /**
  * A component that wraps `children` with an `HvLoading` component and
@@ -4235,7 +4243,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_87>;
  * */
 export declare const HvLoadingContainer: ForwardRefExoticComponent<HvLoadingContainerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_89>;
 
 export declare interface HvLoadingContainerProps extends HvBaseProps<HTMLDivElement>, Pick<HvLoadingProps, "label" | "small" | "hidden"> {
     opacity?: number;
@@ -4260,7 +4268,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: ForwardRefExoticComponent<HvLoginProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_90>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4290,7 +4298,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
 
-export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4376,7 +4384,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_92>;
 
 export declare interface HvOverflowTooltipProps extends Omit<Partial<HvTooltipProps>, "classes" | "children"> {
     /** The node that will be rendered inside the tooltip. */
@@ -4395,7 +4403,7 @@ export declare interface HvOverflowTooltipProps extends Omit<Partial<HvTooltipPr
  */
 export declare const HvPagination: ForwardRefExoticComponent<HvPaginationProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_48>;
 
 export declare type HvPaginationLabels = Partial<typeof DEFAULT_LABELS_3>;
 
@@ -4439,7 +4447,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_93>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_94>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4451,7 +4459,7 @@ export declare interface HvPanelProps extends HvBaseProps {
  */
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
 
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvProgressBarProps extends HvBaseProps {
     /** The value of the progress bar. */
@@ -4563,7 +4571,7 @@ export declare interface HvQueryBuilderAttribute extends Record<string, unknown>
     type: DefaultAttributes | (string & {});
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_96>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -4806,14 +4814,14 @@ export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
  */
 export declare const HvRadio: ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_97>;
 
 /**
  * A radio group is a type of selection list that can only have a single entry checked at any one time.
  */
 export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -4990,7 +4998,7 @@ export { HvRadius }
 
 export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
 
-export declare type HvRightControlClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_59>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5029,7 +5037,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_99>;
 
 export declare interface HvScrollToHorizontalProps extends HvBaseProps<HTMLOListElement, "onChange" | "onClick"> {
     /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */
@@ -5099,7 +5107,7 @@ declare interface HvScrollToOption {
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_101>;
 
 export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListElement, "onChange" | "onClick"> {
     /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */
@@ -5172,7 +5180,7 @@ export declare interface HvSearchInputProps extends HvInputProps<HTMLInputElemen
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_102>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title" | "onToggle"> {
     /** The title of the section */
@@ -5300,7 +5308,7 @@ export declare interface HvSelectProps<OptionValue extends {}, Multiple extends
  */
 export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
 
-export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_103>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
@@ -5319,7 +5327,7 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
     classes?: HvSimpleGridClasses;
 }
 
-declare type HvSingleCalendarClasses = ExtractNames<typeof useClasses_40>;
+declare type HvSingleCalendarClasses = ExtractNames<typeof useClasses_41>;
 
 declare interface HvSingleCalendarProps extends Omit<HvCalendarProps, "classes"> {
     /**
@@ -5347,7 +5355,7 @@ export { HvSize }
  */
 export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_2.Element;
 
-export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_132>;
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_133>;
 
 export declare interface HvSkeletonProps extends HvBaseProps {
     /** Whether the skeleton element is hidden or not. */
@@ -5371,7 +5379,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
  */
 export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /** The slider name. */
@@ -5472,11 +5480,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ForwardRefExoticComponent<Omit<HvSnackbarProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_105>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_106>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -5556,7 +5564,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
  */
 export declare const HvSnackbarProvider: (props: HvSnackbarProviderProps) => JSX_2.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_107>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5590,7 +5598,7 @@ export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
 
-export declare type HvStackClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_108>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -5620,7 +5628,7 @@ export declare interface HvStackProps extends HvBaseProps {
  */
 export declare const HvStatusIcon: ForwardRefExoticComponent<HvStatusIconProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvStatusIconClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvStatusIconClasses = ExtractNames<typeof useClasses_109>;
 
 export declare interface HvStatusIconProps extends HvBaseProps {
     /** Variant of the snackbar. */
@@ -5664,7 +5672,7 @@ export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Function called when a suggestion is selected */
     onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;
     /** Function called when suggestion list is closed */
-    onClose?: ClickAwayListenerProps["onClickAway"];
+    onClose?: HvDropdownPanelProps["onClickAway"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSuggestionsClasses;
     /**
@@ -5674,7 +5682,7 @@ export declare interface HvSuggestionsProps extends HvBaseProps {
      * */
     enablePortal?: boolean;
     /** Props passed to the underlying MUI Popper component */
-    popperProps?: Partial<PopperProps>;
+    popperProps?: Partial<HvDropdownPanelProps>;
 }
 
 /**
@@ -5684,7 +5692,7 @@ export declare interface HvSuggestionsProps extends HvBaseProps {
  */
 export declare const HvSwitch: ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_109>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_110>;
 
 export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
 
@@ -5801,7 +5809,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_117>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -5821,7 +5829,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_112>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_113>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -5855,7 +5863,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvTableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -5894,7 +5902,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_56>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -5909,7 +5917,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_110>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_111>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -5933,14 +5941,14 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_114>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvTableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6081,7 +6089,7 @@ export declare interface HvTableProps extends React.TableHTMLAttributes<HTMLTabl
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_54>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6106,7 +6114,7 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
  */
 export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvTableSectionProps extends HvSectionProps {
 }
@@ -6136,7 +6144,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_116>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6165,7 +6173,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  */
 export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_115>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
@@ -6212,7 +6220,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
  */
 export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_118>;
 
 export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "value" | "defaultValue"> {
     /** The value of the form element. */
@@ -6263,7 +6271,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<HvTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_118>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_119>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6428,7 +6436,7 @@ export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => React.ReactNode;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_120>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6464,7 +6472,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_120>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_121>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6545,7 +6553,7 @@ export declare interface HvToggleButtonProps extends HvBaseProps<HTMLButtonEleme
  */
 export declare const HvTooltip: ForwardRefExoticComponent<Omit<HvTooltipProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvTooltipClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_93>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6587,7 +6595,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_123>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_124>;
 
 export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -6608,7 +6616,7 @@ export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLEle
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_122>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -6658,7 +6666,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
  */
 export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactNode;
 
-export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_121>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_122>;
 
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -6745,7 +6753,7 @@ export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalN
 
 export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_127>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_128>;
 
 export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -6758,18 +6766,18 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
 
 export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_126>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_127>;
 
 export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionsClasses;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_124>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_125>;
 
 export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_125>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_126>;
 
 export declare interface HvVerticalNavigationHeaderProps extends HvBaseProps {
     /** The title text to show on header. */
@@ -6816,7 +6824,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
 
 export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_129>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_130>;
 
 export declare interface HvVerticalNavigationSliderProps extends Omit<HvListContainerProps, "classes"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -6844,7 +6852,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
 
 export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_128>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_129>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -6888,11 +6896,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_130>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_131>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_131>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_132>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -6996,7 +7004,7 @@ export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<H
     disabledItemsFocusable?: boolean;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_100>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7499,6 +7507,7 @@ declare type StringKey<D> = Extract<keyof D, string>;
 
 export declare const suggestionsClasses: {
     root: string;
+    panel: string;
     list: string;
     popper: string;
     portal: string;
@@ -7821,7 +7830,18 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "gutter" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"button" | "icon" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        icon: string;
+        notSelected: string;
+        button: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionAbsolute: string;
@@ -7831,7 +7851,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "positionFi
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "headerExpandable" | "hasHeader" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "headerExpandable" | "hasHeader" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -7846,7 +7866,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -7854,7 +7874,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"label" | "error" | "root" | "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" | "error" | "root" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     readonly classes: {
         sliderBase: string;
         rootDisabled: string;
@@ -7879,7 +7899,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"label" | "error" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         anchorOriginTopRight: string;
@@ -7893,7 +7913,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "message" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "message" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -7911,7 +7931,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         snackItemRoot: string;
     };
@@ -7919,7 +7939,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"snackItemRoot", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "column" | "row" | "root" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "column" | "row" | "root" | "divider", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         column: string;
@@ -7935,7 +7955,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"icon" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"icon" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -7944,7 +7964,21 @@ declare const useClasses_108: (classesProp?: Partial<Record<"icon" | "root", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"left" | "right" | "top" | "container" | "label" | "error" | "root" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"show" | "root" | "defaultIcon" | "warningText" | "topGutter" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        defaultIcon: string;
+        warningText: string;
+        show: string;
+        topGutter: string;
+        hideText: string;
+        topBorder: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_110: (classesProp?: Partial<Record<"left" | "right" | "top" | "container" | "label" | "error" | "root" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -7960,29 +7994,15 @@ declare const useClasses_109: (classesProp?: Partial<Record<"left" | "right" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"show" | "root" | "defaultIcon" | "warningText" | "topGutter" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        defaultIcon: string;
-        warningText: string;
-        show: string;
-        topGutter: string;
-        hideText: string;
-        topBorder: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_111: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "hasHeader" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"content" | "header" | "hidden" | "root" | "actions" | "hasHeader" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -7996,7 +8016,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8004,7 +8024,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8013,7 +8033,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "label" | "icon" | "disabled" | "selected" | "root" | "hasIcon" | "outlined" | "categorical" | "deleteIcon" | "clickable", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "label" | "icon" | "disabled" | "selected" | "root" | "hasIcon" | "outlined" | "categorical" | "deleteIcon" | "clickable", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hasIcon: string;
@@ -8033,7 +8053,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer" | "floating", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer" | "floating", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8045,7 +8065,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root" | "indicator"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"disabled" | "selected" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         focusVisible: string;
@@ -8056,7 +8076,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"disabled" | "select
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"label" | "disabled" | "error" | "input" | "readOnly" | "root" | "description" | "invalid" | "resizable" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "tag" | "characterCounter" | "tagsList" | "singleLine" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"label" | "disabled" | "error" | "input" | "readOnly" | "root" | "description" | "invalid" | "resizable" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "tag" | "characterCounter" | "tagsList" | "singleLine" | "inputExtension", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tag: string;
@@ -8080,7 +8100,7 @@ declare const useClasses_117: (classesProp?: Partial<Record<"label" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"label" | "disabled" | "error" | "input" | "root" | "description" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"label" | "disabled" | "error" | "input" | "root" | "description" | "invalid" | "resizable" | "inputResizable" | "labelContainer" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8099,14 +8119,6 @@ declare const useClasses_118: (classesProp?: Partial<Record<"label" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_12: (classesProp?: Partial<Record<"label" | "disabled" | "error" | "select" | "readOnly" | "root" | "description" | "invalid" | "panel" | "popper" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8125,7 +8137,15 @@ declare const useClasses_12: (classesProp?: Partial<Record<"label" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"label" | "icon" | "error" | "placeholder" | "root" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_121: (classesProp?: Partial<Record<"label" | "icon" | "error" | "placeholder" | "root" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8145,7 +8165,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"label" | "icon" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8153,7 +8173,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"content" | "label" | "expanded" | "disabled" | "group" | "selected" | "root" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_123: (classesProp?: Partial<Record<"content" | "label" | "expanded" | "disabled" | "group" | "selected" | "root" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         group: string;
@@ -8169,7 +8189,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_123: (classesProp?: Partial<Record<"label" | "expanded" | "disabled" | "selected" | "root" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"label" | "expanded" | "disabled" | "selected" | "root" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         expanded: string;
@@ -8183,7 +8203,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"label" | "expanded"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"slider" | "root" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"slider" | "root" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         collapsed: string;
@@ -8194,7 +8214,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"slider" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"title" | "root" | "minimized" | "collapseButton" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_126: (classesProp?: Partial<Record<"title" | "root" | "minimized" | "collapseButton" | "backButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         minimized: string;
@@ -8206,7 +8226,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"title" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_126: (classesProp?: Partial<Record<"hide" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"hide" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hide: string;
@@ -8215,7 +8235,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"hide" | "root", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         action: string;
         noIcon: string;
@@ -8225,7 +8245,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "root" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"list" | "popup" | "root" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8238,19 +8258,6 @@ declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listContainer" | "listItemSelected" | "listItemFocus" | "forwardButton" | "listItemDisabled", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        listItemSelected: string;
-        listItemFocus: string;
-        forwardButton: string;
-        listContainer: string;
-        listItemDisabled: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_13: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible" | "contained" | "subtle" | "ghost", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8268,7 +8275,20 @@ declare const useClasses_13: (classesProp?: Partial<Record<"semantic" | "icon" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_130: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_130: (classesProp?: Partial<Record<"root" | "listContainer" | "listItemSelected" | "listItemFocus" | "forwardButton" | "listItemDisabled", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        listItemSelected: string;
+        listItemFocus: string;
+        forwardButton: string;
+        listContainer: string;
+        listItemDisabled: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_131: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8276,7 +8296,7 @@ declare const useClasses_130: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_131: (classesProp?: Partial<Record<"hide" | "content" | "label" | "link" | "expanded" | "icon" | "disabled" | "group" | "unselectable" | "selected" | "selectable" | "focused" | "labelIcon" | "expandable" | "collapsed" | "minimized" | "node" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_132: (classesProp?: Partial<Record<"hide" | "content" | "label" | "link" | "expanded" | "icon" | "disabled" | "group" | "unselectable" | "selected" | "selectable" | "focused" | "labelIcon" | "expandable" | "collapsed" | "minimized" | "node" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     readonly classes: {
         node: string;
         content: string;
@@ -8302,7 +8322,7 @@ declare const useClasses_131: (classesProp?: Partial<Record<"hide" | "content" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_132: (classesProp?: Partial<Record<"text" | "content" | "square" | "circle" | "root" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_133: (classesProp?: Partial<Record<"text" | "content" | "square" | "circle" | "root" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         content: string;
@@ -8348,9 +8368,10 @@ declare const useClasses_16: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"list" | "root" | "popper" | "portal", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"list" | "root" | "panel" | "popper" | "portal", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        panel: string;
         list: string;
         popper: string;
         portal: string;
@@ -8359,25 +8380,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"list" | "root" | "po
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"disabled" | "input" | "readOnly" | "root" | "invalid" | "focused" | "multiline" | "resizable" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        disabled: string;
-        invalid: string;
-        multiline: string;
-        resizable: string;
-        readOnly: string;
-        focused: string;
-        input: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "placeholder" | "root" | "rootDisabled" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "arrow" | "selection" | "selectionDisabled" | "panel" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "placeholder" | "root" | "rootDisabled" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "arrow" | "selection" | "selectionDisabled" | "panel", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         rootDisabled: string;
@@ -8393,11 +8396,15 @@ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header
         selectionDisabled: string;
         placeholder: string;
         panel: string;
-        inputExtensionOpen: string;
-        inputExtensionLeftPosition: string;
-        inputExtensionOpenShadow: string;
-        inputExtensionFloatRight: string;
-        inputExtensionFloatLeft: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_19: (classesProp?: Partial<Record<"container" | "panel", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        container: string;
+        panel: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
@@ -8414,7 +8421,25 @@ declare const useClasses_2: (classesProp?: Partial<Record<"disabled" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"container" | "label" | "hidden" | "disabled" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"disabled" | "input" | "readOnly" | "root" | "invalid" | "focused" | "multiline" | "resizable" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        disabled: string;
+        invalid: string;
+        multiline: string;
+        resizable: string;
+        readOnly: string;
+        focused: string;
+        input: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_21: (classesProp?: Partial<Record<"container" | "label" | "hidden" | "disabled" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8426,7 +8451,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8434,7 +8459,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"button" | "root" | "actionContainer" | "dropDownMenu" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"button" | "root" | "actionContainer" | "dropDownMenu" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -8446,7 +8471,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"button" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"open" | "root" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"open" | "root" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         open: string;
@@ -8457,7 +8482,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"open" | "root" | "me
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"open" | "single" | "title" | "root" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"open" | "single" | "title" | "root" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         item: string;
@@ -8481,7 +8506,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"open" | "single" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "icon" | "disabled" | "title" | "selected" | "root" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "icon" | "disabled" | "title" | "selected" | "root" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -8497,7 +8522,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "icon"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "container" | "square" | "img" | "root" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "container" | "square" | "img" | "root" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         img: string;
@@ -8517,7 +8542,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"column" | "row" | "root" | "highlight" | "toBack", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"column" | "row" | "root" | "highlight" | "toBack", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         row: string;
@@ -8529,7 +8554,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"column" | "row" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badge" | "badgeHidden" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root" | "badge" | "badgeHidden" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         badge: string;
@@ -8541,27 +8566,27 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badge" | "b
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"disabled" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
-        rootClosed: string;
         root: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
+        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"disabled" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     readonly classes: {
+        rootClosed: string;
         root: string;
-        disabled: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "message" | "messageContent" | "messageIcon" | "messageTitle" | "actionContent" | "actionCustom" | "actionClose", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "message" | "messageContent" | "messageIcon" | "messageTitle" | "actionContent" | "actionCustom" | "actionClose", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8583,7 +8608,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "actionContainer" | "message" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"accent" | "warning" | "info" | "default" | "error" | "action" | "root" | "success" | "actionContainer" | "message" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8604,7 +8629,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"accent" | "warning"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8618,7 +8643,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"semantic" | "icon" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"semantic" | "icon" | "disabled" | "checked" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8631,7 +8656,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"semantic" | "icon" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"disabled" | "track" | "switch" | "readOnly" | "checked" | "root" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"disabled" | "track" | "switch" | "readOnly" | "checked" | "root" | "focusVisible" | "switchBase" | "thumb", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -8647,7 +8672,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"disabled" | "track"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         link: string;
@@ -8661,7 +8686,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"link" | "a" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "disabled" | "root" | "actions" | "selectAll" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"semantic" | "disabled" | "root" | "actions" | "selectAll" | "selectAllContainer" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         semantic: string;
@@ -8676,7 +8701,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"semantic" | "disable
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "checkbox" | "disabled" | "checked" | "root" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -8696,7 +8721,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"left" | "right" | "c
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         rangeCalendarContainer: string;
@@ -8709,25 +8734,25 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rangeCalend
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" | "headerDayOfWeek", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        invalid: string;
-        headerDayOfWeek: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_40: (classesProp?: Partial<Record<"root" | "invalid" | "headerDayOfWeek", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        invalid: string;
+        headerDayOfWeek: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"root" | "focusSelection" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "calendarDateInvalid" | "weekdays", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"root" | "focusSelection" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "calendarDateInvalid" | "weekdays", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         calendarGrid: string;
@@ -8751,7 +8776,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"root" | "focusSelect
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
@@ -8764,7 +8789,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"icon" | "selected" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"content" | "title" | "action" | "root" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"content" | "title" | "action" | "root" | "subheader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         title: string;
@@ -8776,7 +8801,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"content" | "title" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     readonly classes: {
         content: string;
     };
@@ -8784,7 +8809,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"content", string>>,
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         media: string;
@@ -8793,7 +8818,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"media" | "root", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"xs" | "dot" | "main" | "title" | "controls" | "root" | "panel" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"xs" | "dot" | "main" | "title" | "controls" | "root" | "panel" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         xs: string;
@@ -8824,7 +8849,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"xs" | "dot" | "main"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     readonly classes: {
         slide: string;
         image: string;
@@ -8833,7 +8858,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"image" | "slide", st
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeRoot" | "pageSizeTextContainer" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         pageSizeOptions: string;
@@ -8851,7 +8876,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"icon" | "root" | "ic
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -8866,24 +8891,6 @@ declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        labelContainer: string;
-        label: string;
-        description: string;
-        headerColorValue: string;
-        headerColorIcon: string;
-        panel: string;
-        colorPicker: string;
-        colorPickerIcon: string;
-        dropdownRootIconOnly: string;
-        headerColorIconOnly: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_5: (classesProp?: Partial<Record<"condensed" | "separator" | "disabled" | "selected" | "root" | "focus" | "startAdornment" | "endAdornment" | "interactive" | "gutters", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8901,7 +8908,25 @@ declare const useClasses_5: (classesProp?: Partial<Record<"condensed" | "separat
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_50: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "description" | "panel" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        labelContainer: string;
+        label: string;
+        description: string;
+        headerColorValue: string;
+        headerColorIcon: string;
+        panel: string;
+        colorPicker: string;
+        colorPickerIcon: string;
+        dropdownRootIconOnly: string;
+        headerColorIconOnly: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_51: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disableGutters: string;
@@ -8916,7 +8941,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"fixed" | "root" | "d
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         section: string;
@@ -8927,7 +8952,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"section" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -8958,7 +8983,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "footer" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" | "footer" | "head" | "selected" | "root" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"body" | "expanded" | "footer" | "head" | "selected" | "root" | "variantList" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -8975,7 +9000,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "expanded" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "headerContent" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"body" | "resizer" | "footer" | "head" | "root" | "resizable" | "headerContent" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9015,7 +9040,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "resizer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -9026,7 +9051,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeade
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9034,7 +9059,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"label" | "icon" | "error" | "input" | "root" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"label" | "icon" | "error" | "input" | "root" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9058,7 +9083,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "icon" | "e
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         sortDropdown: string;
@@ -9067,7 +9092,18 @@ declare const useClasses_58: (classesProp?: Partial<Record<"root" | "sortDropdow
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"dropdown" | "label" | "disabled" | "error" | "placeholder" | "readOnly" | "root" | "description" | "arrow" | "selectionDisabled" | "labelContainer" | "placeholderClosed" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_60: (classesProp?: Partial<Record<"dropdown" | "label" | "disabled" | "error" | "placeholder" | "readOnly" | "root" | "description" | "arrow" | "selectionDisabled" | "labelContainer" | "placeholderClosed" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9091,18 +9127,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"dropdown" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_60: (classesProp?: Partial<Record<"virtualized" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"virtualized" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootList: string;
         dropdownListContainer: string;
@@ -9116,7 +9141,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"virtualized" | "drop
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"dropdown" | "container" | "label" | "icon" | "error" | "action" | "root" | "description" | "panel" | "actionContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "rightContainer" | "leftContainer" | "inputText" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"dropdown" | "container" | "label" | "icon" | "error" | "action" | "root" | "description" | "panel" | "actionContainer" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "rightContainer" | "leftContainer" | "inputText" | "dateText", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         actionContainer: string;
@@ -9140,7 +9165,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"dropdown" | "contain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "fullScreen", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"root" | "fullScreen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullScreen: string;
@@ -9149,7 +9174,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "fullScreen"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         textContent: string;
@@ -9158,7 +9183,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root" | "textContent
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9168,7 +9193,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"spacing" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "error" | "root" | "success" | "fullScreen" | "paper" | "fullHeight" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"warning" | "background" | "error" | "root" | "success" | "fullScreen" | "paper" | "fullHeight" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         background: string;
@@ -9185,7 +9210,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "backgrou
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"horizontal" | "radio" | "icon" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"horizontal" | "radio" | "icon" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         horizontal: string;
@@ -9196,7 +9221,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"horizontal" | "radio
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "error" | "group" | "root" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9210,7 +9235,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         paper: string;
@@ -9221,32 +9246,32 @@ declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "titleContainer" | "textContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"disabled" | "root" | "hideIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        container: string;
-        containerMessageOnly: string;
-        iconContainer: string;
-        titleContainer: string;
-        textContainer: string;
-        messageContainer: string;
-        actionContainer: string;
+        hideIcon: string;
+        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"disabled" | "root" | "hideIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "titleContainer" | "textContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        hideIcon: string;
-        disabled: string;
+        container: string;
+        containerMessageOnly: string;
+        iconContainer: string;
+        titleContainer: string;
+        textContainer: string;
+        messageContainer: string;
+        actionContainer: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         previewButton: string;
         overlay: string;
@@ -9255,7 +9280,7 @@ declare const useClasses_70: (classesProp?: Partial<Record<"overlay" | "previewB
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"icon" | "progressbar" | "root" | "removeButton" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer" | "fail", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"icon" | "progressbar" | "root" | "removeButton" | "progressbarContainer" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer" | "fail", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progressbar: string;
@@ -9272,7 +9297,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"icon" | "progressbar
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9280,7 +9305,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"dropZoneContainer" | "dropZoneLabelsGroup" | "dragAction" | "dropZoneContainerDisabled" | "inputArea" | "dropArea" | "dropZoneAreaLabels" | "dropZoneAreaIcon" | "dropZoneLabel" | "dragText" | "selectFilesText", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"dropZoneContainer" | "dropZoneLabelsGroup" | "dragAction" | "dropZoneContainerDisabled" | "inputArea" | "dropArea" | "dropZoneAreaLabels" | "dropZoneAreaIcon" | "dropZoneLabel" | "dragText" | "selectFilesText", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropZoneContainer: string;
         dropZoneLabelsGroup: string;
@@ -9298,7 +9323,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"dropZoneContainer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9310,7 +9335,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"label" | "error" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "actions" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "actions" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9328,7 +9353,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"name" | "small" | "separator" | "root" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"name" | "small" | "separator" | "root" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         name: string;
@@ -9341,7 +9366,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "small" | "s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"name" | "section" | "root" | "actions" | "backButton" | "wrapper" | "positionSticky" | "positionFixed" | "global", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"name" | "section" | "root" | "actions" | "backButton" | "wrapper" | "positionSticky" | "positionFixed" | "global", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -9357,7 +9382,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"name" | "section" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (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) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9397,25 +9422,25 @@ declare const useClasses_78: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"header" | "fixed" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        header: string;
-        fixed: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"header" | "fixed" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        header: string;
+        fixed: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9423,7 +9448,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"separator" | "root" | "brandName", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"separator" | "root" | "brandName", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         separator: string;
@@ -9433,7 +9458,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"separator" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"hidden" | "menu" | "menubar" | "active" | "list" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"hidden" | "menu" | "menubar" | "active" | "list" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -9446,7 +9471,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"hidden" | "menu" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "selected" | "root" | "item", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "selected" | "root" | "item", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -9460,7 +9485,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"link" | "button" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9468,7 +9493,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"text" | "button" | "icon" | "input" | "root" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"text" | "button" | "icon" | "input" | "root" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         input: string;
@@ -9484,7 +9509,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"text" | "button" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         virtualizedRoot: string;
@@ -9501,7 +9526,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"overlay" | "label" | "hidden" | "root" | "blur" | "barContainer" | "loadingBar", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "hidden" | "root" | "blur" | "barContainer" | "loadingBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -9515,7 +9540,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"overlay" | "label" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"loading" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"loading" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         loading: string;
@@ -9524,26 +9549,26 @@ declare const useClasses_88: (classesProp?: Partial<Record<"loading" | "root", s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        formContainer: string;
+        labelDisabled: string;
+        childGutter: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        labelDisabled: string;
-        childGutter: string;
+        formContainer: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"vertical" | "button" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"vertical" | "button" | "multiple" | "selected" | "root" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -9559,7 +9584,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"vertical" | "button"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     readonly classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -9569,7 +9594,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"tooltipData" | "tool
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"tooltip" | "root" | "popper", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"tooltip" | "root" | "popper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tooltip: string;
@@ -9579,7 +9604,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"tooltip" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9587,7 +9612,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progress: string;
@@ -9602,7 +9627,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"progress" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "removeButton" | "combinator" | "topGroup" | "subGroup" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground" | "createConditionButton" | "createGroupButton", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "removeButton" | "combinator" | "topGroup" | "subGroup" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground" | "createConditionButton" | "createGroupButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         topGroup: string;
@@ -9626,7 +9651,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "removeButto
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"left" | "right" | "container" | "label" | "semantic" | "radio" | "disabled" | "checked" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9645,7 +9670,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"left" | "right" | "c
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"text" | "button" | "selected" | "root" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"text" | "button" | "selected" | "root" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -9658,7 +9683,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"text" | "button" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "item" | "itemSelected" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "item" | "itemSelected" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -9670,17 +9695,6 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "item" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"button" | "icon" | "root" | "notSelected", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        icon: string;
-        notSelected: string;
-        button: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];