npm - @hitachivantara/uikit-react-core - Versions diffs - 5.24.5 → 5.25.0 - Mend

@hitachivantara/uikit-react-core 5.24.5 → 5.25.0

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

Files changed (70) hide show

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

@@ -985,7 +985,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_16>;
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -1040,14 +1040,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_15>;
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_69>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_72>;
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1071,7 +1071,7 @@ export declare interface HvActionGeneric {
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_68>;
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1101,7 +1101,7 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
  */
 export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLDivElement | HTMLButtonElement>>;
-export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_6>;
 export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | HTMLButtonElement, "onMouseDown" | "onKeyDown"> {
     /** The icon to be added into the input. */
@@ -1143,7 +1143,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: string;
 }
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_53>;
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1156,7 +1156,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_52>;
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1193,7 +1193,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: (props: HvAvatarProps) => JSX_2.Element;
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_17>;
 export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
@@ -1244,7 +1244,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_18>;
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1285,11 +1285,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_71>;
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_73>;
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1357,7 +1357,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_50>;
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1432,7 +1432,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_14>;
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "placeholder"> {
     /**
@@ -1454,6 +1454,10 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
      * If `true` the dropdown will be in read only mode, unable to be interacted.
      */
     readOnly?: boolean;
+    /**
+     * Indicates that user input is required on the form element.
+     */
+    required?: boolean;
     /**
      * Disable the portal behavior.
      * The children stay within it's parent DOM hierarchy.
@@ -1521,7 +1525,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_13>;
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, "onChange" | "color" | "onBlur" | "onFocus" | "onInvalid" | "onKeyDown" | "onKeyUp"> {
     /** The input name. */
@@ -1568,7 +1572,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_51>;
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1646,7 +1650,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_54>;
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1736,7 +1740,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_69>;
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1768,7 +1772,7 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_74>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_77>;
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
@@ -1842,7 +1846,7 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
  */
 export declare const HvButton: <C extends React_2.ElementType = "button">(props: HvButtonProps<C>) => React_2.ReactElement | null;
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_19>;
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -1877,14 +1881,14 @@ export declare type HvButtonVariant = (typeof buttonVariant)[number];
 export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
-export declare type HvCalendarClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvCalendarClasses = ExtractNames<typeof useClasses_92>;
 export declare const HvCalendarHeader: {
     ({ id, value, locale, classes: classesProp, onChange, showEndDate, showDayOfWeek, onFocus, invalidDateLabel, ...others }: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
-export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_93>;
 export declare interface HvCalendarHeaderProps {
     /**
@@ -2004,11 +2008,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
-export declare type HvCardClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_20>;
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_22>;
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2021,7 +2025,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_21>;
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2038,7 +2042,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_23>;
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2079,13 +2083,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_106>;
 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_103>;
+    classes?: ExtractNames<typeof useClasses_106>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2132,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_104>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_107>;
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2147,7 +2151,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_103>;
+    classes?: ExtractNames<typeof useClasses_106>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2181,7 +2185,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  */
 export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
-export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_5>;
 export declare interface HvCharCounterProps extends HvBaseProps {
     /** The string that separates the current char quantity from the max quantity. */
@@ -2209,14 +2213,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_55>;
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_61>;
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2344,7 +2348,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_105>;
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2379,6 +2383,8 @@ export declare interface HvColorPickerProps {
     defaultExpanded?: boolean;
     /** A function to be executed whenever the color changes. */
     onChange?: (color: string) => void;
+    /** A function to be executed whenever the color change is complete. */
+    onChangeComplete?: (color: string) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvColorPickerClasses;
     /** The placeholder value when nothing is selected. */
@@ -2459,7 +2465,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_24>;
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes">, HvBaseProps {
     /**
@@ -2488,7 +2494,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_86>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_89>;
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2573,7 +2579,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_97>;
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2747,7 +2753,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_27>;
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
@@ -2758,11 +2764,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_28>;
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_26>;
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes">, HvBaseProps {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2802,7 +2808,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_25>;
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
     /** Variant of the dialog title. */
@@ -2823,7 +2829,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_67>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_70>;
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2867,7 +2873,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_29>;
 export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "classes">, HvBaseProps<HTMLDivElement> {
     /**
@@ -2911,7 +2917,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
  */
 export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_79>;
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
@@ -2957,7 +2963,7 @@ export declare interface HvDropdownLabelsProps {
     searchPlaceholder?: string;
 }
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_77>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_80>;
 declare interface HvDropdownListProps {
     /**
@@ -3032,7 +3038,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_66>;
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3297,7 +3303,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_30>;
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3325,7 +3331,7 @@ export { HvExtraProps }
 export declare const HvFile: ({ id, classes: classesProp, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
-export declare type HvFileClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_65>;
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3406,7 +3412,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: ({ className, children, classes: classesProp, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_64>;
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3481,9 +3487,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_95>;
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_93>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_96>;
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3589,18 +3595,9 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 export declare type HvFilterGroupValue = (string | number)[][];
-export declare const HvFocus: ({ classes, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
+export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
-export declare interface HvFocusClasses {
-    root?: string;
-    selected?: string;
-    focused?: string;
-    focus?: string;
-    disabled?: string;
-    externalReference?: string;
-    falseFocus?: string;
-    focusDisabled?: string;
-}
+export declare type HvFocusClasses = ExtractNames<typeof useClasses_2>;
 export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children"> {
     children: React_2.ReactElement;
@@ -3639,7 +3636,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_31>;
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3662,7 +3659,7 @@ export declare const HvFormElement: {
     formElementType: string;
 };
-export declare type HvFormElementClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvFormElementClasses = ExtractNames<typeof useClasses_7>;
 export declare const HvFormElementContext: React_2.Context<{
     elementId?: string | undefined;
@@ -3759,7 +3756,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_78>;
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -3811,7 +3808,7 @@ export declare type HvGlobalActionsVariant = "global" | "section";
  */
 export declare const HvGrid: ForwardRefExoticComponent<Omit<HvGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvGridClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_32>;
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
@@ -3911,7 +3908,7 @@ export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_34>;
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3922,7 +3919,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_35>;
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3930,7 +3927,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_33>;
 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>>;
@@ -3948,7 +3945,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, classes: classesProp, className, }: HvHeaderMenuItemProps) => JSX_2.Element;
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_35>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_36>;
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3961,7 +3958,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_37>;
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -4020,14 +4017,14 @@ 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_100>;
 /**
  * Provides the user with additional descriptive text for the form element.
  */
 export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
-export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_9>;
 export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
     /** If `true` the label is disabled. */
@@ -4044,7 +4041,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_102>;
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4072,7 +4069,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
-export declare type HvInputClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_56>;
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4231,7 +4228,7 @@ export declare interface HvKnobProperty {
  */
 export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_38>;
 export declare interface HvKpiLabelProps {
     /**
@@ -4288,7 +4285,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
  */
 export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
-export declare type HvLabelClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvLabelClasses = ExtractNames<typeof useClasses_8>;
 export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     /** Id to be applied to the root node */
@@ -4307,7 +4304,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_87>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_90>;
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4324,7 +4321,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_39>;
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: MouseEventHandler<HTMLAnchorElement>, data: any) => void | undefined;
@@ -4340,28 +4337,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
  */
 export declare const HvList: (props: HvListProps) => JSX_2.Element;
-export declare interface HvListClasses {
-    /** Styles applied to the component root class. */
-    root?: string;
-    /** Styles applied to the component root class in virtualized form. */
-    virtualizedRoot?: string;
-    /** Styles applied to the list item selector. */
-    selectorRoot?: string;
-    /** Styles applied to the list item selector label container. */
-    selectorContainer?: string;
-    /** Style applied to the icon box. */
-    box?: string;
-    /** Styles applied when the list item text when truncate. */
-    truncate?: string;
-    /** Styles applied to the list item. */
-    item?: string;
-    /** Styles applied to the list item when it has a selector. */
-    itemSelector?: string;
-    /** Styles applied to the list item when it has a link path. */
-    link?: string;
-    /** Styles applied to the select all selector. */
-    selectAllSelector?: string;
-}
+export declare type HvListClasses = ExtractNames<typeof useClasses_62>;
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4370,7 +4346,7 @@ export declare interface HvListClasses {
  */
 export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<unknown>>;
-export declare type HvListContainerClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvListContainerClasses = ExtractNames<typeof useClasses_3>;
 export declare interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {
     /**
@@ -4391,7 +4367,7 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
  */
 export declare const HvListItem: (props: HvListItemProps) => JSX_2.Element;
-export declare type HvListItemClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvListItemClasses = ExtractNames<typeof useClasses_4>;
 export declare interface HvListItemProps extends HvBaseProps<HTMLLIElement> {
     /**
@@ -4514,7 +4490,7 @@ export declare interface HvListValue extends HvExtraProps {
  */
 export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_40>;
 export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
@@ -4533,7 +4509,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_88>;
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4560,12 +4536,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
 export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
-export declare interface HvMultiButtonClasses {
-    root?: string;
-    button?: string;
-    vertical?: string;
-    selected?: string;
-}
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_41>;
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4602,7 +4573,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_49>;
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4625,7 +4596,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_67>;
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -4698,7 +4669,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_42>;
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4709,7 +4680,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_43>;
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4812,7 +4783,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_104>;
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -4863,7 +4834,7 @@ export declare interface HvQueryBuilderProps {
  */
 export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_58>;
 /**
  * A group of radio buttons.
@@ -4872,7 +4843,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_56>;
  */
 export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_63>;
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5063,7 +5034,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
-export declare type HvRightControlClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_91>;
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5102,7 +5073,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_101>;
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5155,7 +5126,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_99>;
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5209,7 +5180,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSelectionList: (props: HvSelectionListProps) => JSX_2.Element;
-export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_11>;
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5301,7 +5272,7 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
  */
 export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_91>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_94>;
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /**
@@ -5443,11 +5414,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_71>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_74>;
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_72>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_75>;
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5501,7 +5472,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_73>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_76>;
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5531,7 +5502,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_42>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_44>;
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
@@ -5564,7 +5535,7 @@ export declare interface HvSuggestion {
 export declare const HvSuggestions: React_2.ForwardRefExoticComponent<HvSuggestionsProps & React_2.RefAttributes<unknown>>;
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_12>;
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -5593,7 +5564,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_57>;
 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>;
@@ -5718,7 +5689,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps_2, "onChange" |
 export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
-export declare type HvTabClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_45>;
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -5738,7 +5709,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_83>;
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -5772,7 +5743,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_87>;
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -5811,7 +5782,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
-export declare type HvTableClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_81>;
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
@@ -5825,7 +5796,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_79>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_82>;
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -5849,14 +5820,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_81>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_84>;
 /**
  * `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_82>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_85>;
 export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -5995,7 +5966,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_86>;
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6039,7 +6010,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children">, HvBasePr
  */
 export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_46>;
 export declare interface HvTabsProps extends TabsProps, HvBaseProps<HTMLButtonElement, "onChange"> {
     /**
@@ -6066,7 +6037,7 @@ export declare interface HvTabsProps extends TabsProps, HvBaseProps<HTMLButtonEl
  */
 export declare const HvTag: (props: HvTagProps) => JSX_2.Element;
-export declare type HvTagClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_47>;
 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>;
@@ -6105,7 +6076,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
  */
 export declare const HvTagsInput: (props: HvTagsInputProps) => JSX_2.Element;
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_60>;
 export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color" | "defaultValue"> {
     /** The form element name. */
@@ -6180,7 +6151,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_57>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_59>;
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus"> {
     /**
@@ -6325,7 +6296,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_103>;
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6361,7 +6332,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_108>;
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
@@ -6437,7 +6408,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_46>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_48>;
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
@@ -7048,14 +7019,14 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_98>;
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
 export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
-export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_10>;
 export declare interface HvWarningTextProps extends HvBaseProps {
     /** Icon to be rendered alongside the warning text. */
@@ -7237,10 +7208,10 @@ export declare const loginClasses: {
 };
 export declare const multiButtonClasses: {
-    button: "HvMultiButton-button";
-    root: "HvMultiButton-root";
-    vertical: "HvMultiButton-vertical";
-    selected: "HvMultiButton-selected";
+    button: "HvFooter-button";
+    root: "HvFooter-root";
+    vertical: "HvFooter-vertical";
+    selected: "HvFooter-selected";
 };
 export declare const multiSelectionEventHandler: (evt: any, index: any, selectionAnchor: any, allValues: any, selectedState: any, selectionCheck: any) => any[];
@@ -7955,16 +7926,65 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
-declare const useClasses_10: (classesProp?: Partial<Record<"label" | "root" | "listbox" | "horizontal" | "vertical" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "show" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
     classes: {
-        label: string;
         root: string;
-        listbox: string;
-        horizontal: string;
-        vertical: string;
-        error: string;
-        invalid: string;
-        description: string;
+        show: string;
+        hideText: string;
+        defaultIcon: string;
+        warningText: string;
+        topGutter: string;
+        topBorder: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_100: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
+    classes: {
+        button: string;
+        text: string;
+        root: string;
+        selected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_101: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        selected: string;
+        positionSticky: string;
+        positionFixed: string;
+        notSelectedRoot: string;
+        notSelected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_102: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+    classes: {
+        button: string;
+        input: string;
+        text: string;
+        root: string;
+        icon: string;
+        inputBorderContainer: string;
+        inputRoot: string;
+        largeText: string;
+        textEmpty: string;
+        iconVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -7973,7 +7993,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"label" | "root" | "l
     cx: (...args: any) => string;
 };
-declare const useClasses_100: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -7984,7 +8004,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -8009,7 +8029,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root" | "removeButt
     cx: (...args: any) => string;
 };
-declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8032,7 +8052,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_103: (classesProp?: Partial<Record<"title" | "main" | "root" | "dot" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"title" | "main" | "root" | "dot" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
@@ -8066,7 +8086,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"title" | "main" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_104: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -8078,7 +8098,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"image" | "slide", s
     cx: (...args: any) => string;
 };
-declare const useClasses_105: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"placeholder" | "label" | "root" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -8101,7 +8121,25 @@ declare const useClasses_105: (classesProp?: Partial<Record<"placeholder" | "lab
     cx: (...args: any) => string;
 };
-declare const useClasses_11: (classesProp?: Partial<Record<"root" | "popper" | "list", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "listbox" | "horizontal" | "vertical" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
+    classes: {
+        label: string;
+        root: string;
+        listbox: string;
+        horizontal: string;
+        vertical: string;
+        error: string;
+        invalid: string;
+        description: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_12: (classesProp?: Partial<Record<"root" | "popper" | "list", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         popper: string;
@@ -8114,7 +8152,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"root" | "popper" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_12: (classesProp?: Partial<Record<"input" | "root" | "disabled" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"input" | "root" | "disabled" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         root: string;
@@ -8140,7 +8178,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"input" | "root" | "d
     cx: (...args: any) => string;
 };
-declare const useClasses_13: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "root" | "container" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "root" | "container" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         arrow: string;
@@ -8173,7 +8211,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
-declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8184,7 +8222,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_15: (classesProp?: Partial<Record<"hidden" | "label" | "root" | "container" | "disabled", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"hidden" | "label" | "root" | "container" | "disabled", string>>, addStatic?: boolean) => {
     classes: {
         hidden: string;
         label: string;
@@ -8199,7 +8237,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"hidden" | "label" |
     cx: (...args: any) => string;
 };
-declare const useClasses_16: (classesProp?: Partial<Record<"img" | "root" | "container" | "status" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"img" | "root" | "container" | "status" | "square" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         img: string;
         root: string;
@@ -8223,7 +8261,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"img" | "root" | "con
     cx: (...args: any) => string;
 };
-declare const useClasses_17: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -8241,7 +8279,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -8257,14 +8295,16 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
-declare const useClasses_19: (classesProp?: Partial<Record<"root" | "icon" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focused" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        icon: string;
+        disabled: string;
         selected: string;
-        selectable: string;
-        semanticContainer: string;
-        semanticBar: string;
+        focus: string;
+        focused: string;
+        focusDisabled: string;
+        externalReference: string;
+        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8273,9 +8313,14 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root" | "icon" | "se
     cx: (...args: any) => string;
 };
-declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root" | "icon" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        icon: string;
+        selected: string;
+        selectable: string;
+        semanticContainer: string;
+        semanticBar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8284,7 +8329,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
-declare const useClasses_20: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         content: string;
@@ -8300,7 +8345,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"title" | "content" |
     cx: (...args: any) => string;
 };
-declare const useClasses_21: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
     };
@@ -8311,7 +8356,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"content", string>>,
     cx: (...args: any) => string;
 };
-declare const useClasses_22: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         media: string;
@@ -8323,7 +8368,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"root" | "media", str
     cx: (...args: any) => string;
 };
-declare const useClasses_23: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     classes: {
         fixed: string;
         root: string;
@@ -8341,7 +8386,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"fixed" | "root" | "d
     cx: (...args: any) => string;
 };
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         fullscreen: string;
@@ -8355,7 +8400,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "fullscreen"
     cx: (...args: any) => string;
 };
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         textContent: string;
@@ -8367,7 +8412,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
-declare const useClasses_26: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         spacing: string;
@@ -8380,7 +8425,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "spacing" |
     cx: (...args: any) => string;
 };
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "background" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"root" | "background" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         background: string;
@@ -8399,7 +8444,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "background"
     cx: (...args: any) => string;
 };
-declare const useClasses_28: (classesProp?: Partial<Record<"root" | "background" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root" | "background" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         background: string;
@@ -8413,16 +8458,9 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "background"
     cx: (...args: any) => string;
 };
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "container" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        container: string;
-        actionContainer: string;
-        containerMessageOnly: string;
-        iconContainer: string;
-        titleContainer: string;
-        textContainer: string;
-        messageContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8431,19 +8469,16 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
-declare const useClasses_3: (classesProp?: Partial<Record<"root" | "condensed" | "disabled" | "selected" | "focus" | "interactive" | "endAdornment" | "startAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "container" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        condensed: string;
-        disabled: string;
-        selected: string;
-        focus: string;
-        interactive: string;
-        endAdornment: string;
-        startAdornment: string;
-        gutters: string;
-        withStartAdornment: string;
-        withEndAdornment: string;
+        container: string;
+        actionContainer: string;
+        containerMessageOnly: string;
+        iconContainer: string;
+        titleContainer: string;
+        textContainer: string;
+        messageContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8452,7 +8487,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "condensed" |
     cx: (...args: any) => string;
 };
-declare const useClasses_30: (classesProp?: Partial<Record<"small" | "root" | "separator" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"small" | "root" | "separator" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     classes: {
         small: string;
         root: string;
@@ -8468,7 +8503,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"small" | "root" | "s
     cx: (...args: any) => string;
 };
-declare const useClasses_31: (classesProp?: Partial<Record<"root" | "container" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "container" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         container: string;
@@ -8511,7 +8546,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
-declare const useClasses_32: (classesProp?: Partial<Record<"header" | "root" | "backgroundColor", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"header" | "root" | "backgroundColor", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         root: string;
@@ -8524,7 +8559,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"header" | "root" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8535,7 +8570,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "separator", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "separator", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         separator: string;
@@ -8547,7 +8582,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root" | "separator",
     cx: (...args: any) => string;
 };
-declare const useClasses_35: (classesProp?: Partial<Record<"link" | "button" | "menu" | "root" | "menubar" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"link" | "button" | "menu" | "root" | "menubar" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         button: string;
@@ -8563,7 +8598,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"link" | "button" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_36: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8574,7 +8609,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_37: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         visualIndicatorContainer: string;
@@ -8594,7 +8629,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"root" | "visualIndic
     cx: (...args: any) => string;
 };
-declare const useClasses_38: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
     classes: {
         a: string;
     };
@@ -8605,7 +8640,28 @@ declare const useClasses_38: (classesProp?: Partial<Record<"a", string>>, addSta
     cx: (...args: any) => string;
 };
-declare const useClasses_39: (classesProp?: Partial<Record<"hidden" | "small" | "label" | "root" | "overlay" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root" | "condensed" | "disabled" | "selected" | "focus" | "interactive" | "endAdornment" | "startAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        condensed: string;
+        disabled: string;
+        selected: string;
+        focus: string;
+        interactive: string;
+        endAdornment: string;
+        startAdornment: string;
+        gutters: string;
+        withStartAdornment: string;
+        withEndAdornment: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_40: (classesProp?: Partial<Record<"hidden" | "small" | "label" | "root" | "overlay" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
         hidden: string;
         small: string;
@@ -8626,12 +8682,12 @@ declare const useClasses_39: (classesProp?: Partial<Record<"hidden" | "small" |
     cx: (...args: any) => string;
 };
-declare const useClasses_4: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"button" | "root" | "vertical" | "selected", string>>, addStatic?: boolean) => {
     classes: {
+        button: string;
         root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
+        vertical: string;
+        selected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8640,7 +8696,7 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root" | "counterDisab
     cx: (...args: any) => string;
 };
-declare const useClasses_40: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8651,7 +8707,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_41: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
         progress: string;
         root: string;
@@ -8669,7 +8725,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"progress" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_42: (classesProp?: Partial<Record<"root" | "row" | "column" | "xs" | "sm" | "md" | "lg" | "xl", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"root" | "row" | "column" | "xs" | "sm" | "md" | "lg" | "xl", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         row: string;
@@ -8687,7 +8743,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
-declare const useClasses_43: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -8701,7 +8757,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
-declare const useClasses_44: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         indicator: string;
@@ -8715,7 +8771,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
-declare const useClasses_45: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "tagButton" | "deleteIcon" | "disabledDeleteIcon" | "categorical" | "clickable" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "tagButton" | "deleteIcon" | "disabledDeleteIcon" | "categorical" | "clickable" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         label: string;
@@ -8738,7 +8794,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"button" | "label" |
     cx: (...args: any) => string;
 };
-declare const useClasses_46: (classesProp?: Partial<Record<"title" | "color" | "root" | "tooltip" | "tooltipMulti" | "popper" | "valuesContainer" | "values" | "separatorColor" | "separator" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"title" | "color" | "root" | "tooltip" | "tooltipMulti" | "popper" | "valuesContainer" | "values" | "separatorColor" | "separator" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         color: string;
@@ -8759,7 +8815,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"title" | "color" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_47: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -8772,12 +8828,12 @@ declare const useClasses_47: (classesProp?: Partial<Record<"tooltipData" | "tool
     cx: (...args: any) => string;
 };
-declare const useClasses_48: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        icon: string;
-        disabled: string;
-        focusVisible: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8786,7 +8842,7 @@ declare const useClasses_48: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
-declare const useClasses_49: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_50: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -8800,14 +8856,12 @@ declare const useClasses_49: (classesProp?: Partial<Record<"root" | "icon" | "di
     cx: (...args: any) => string;
 };
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"root" | "icon" | "disabled" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
-        adornment: string;
-        adornmentButton: string;
-        adornmentIcon: string;
-        hideIcon: string;
+        disabled: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8816,7 +8870,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "icon" | "ado
     cx: (...args: any) => string;
 };
-declare const useClasses_50: (classesProp?: Partial<Record<"title" | "open" | "root" | "single" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"title" | "open" | "root" | "single" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         open: string;
@@ -8842,7 +8896,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"title" | "open" | "r
     cx: (...args: any) => string;
 };
-declare const useClasses_51: (classesProp?: Partial<Record<"title" | "root" | "typography" | "icon" | "disabled" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"title" | "root" | "typography" | "icon" | "disabled" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         root: string;
@@ -8860,7 +8914,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"title" | "root" | "t
     cx: (...args: any) => string;
 };
-declare const useClasses_52: (classesProp?: Partial<Record<"track" | "switch" | "root" | "disabled" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"track" | "switch" | "root" | "disabled" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
     classes: {
         track: string;
         switch: string;
@@ -8879,7 +8933,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"track" | "switch" |
     cx: (...args: any) => string;
 };
-declare const useClasses_53: (classesProp?: Partial<Record<"label" | "root" | "container" | "checkbox" | "disabled" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"label" | "root" | "container" | "checkbox" | "disabled" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8897,7 +8951,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
-declare const useClasses_54: (classesProp?: Partial<Record<"input" | "label" | "root" | "icon" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"input" | "label" | "root" | "icon" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -8926,7 +8980,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_55: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8941,7 +8995,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
-declare const useClasses_56: (classesProp?: Partial<Record<"label" | "root" | "container" | "radio" | "disabled" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "container" | "radio" | "disabled" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8959,7 +9013,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
-declare const useClasses_57: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "baseInput" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "baseInput" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -8981,7 +9035,23 @@ declare const useClasses_57: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_58: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "readOnly" | "error" | "invalid" | "resizable" | "description" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagsList" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        icon: string;
+        adornment: string;
+        adornmentButton: string;
+        adornmentIcon: string;
+        hideIcon: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_60: (classesProp?: Partial<Record<"input" | "label" | "root" | "disabled" | "readOnly" | "error" | "invalid" | "resizable" | "description" | "labelContainer" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagsList" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -9016,7 +9086,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9034,9 +9104,18 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "g
     cx: (...args: any) => string;
 };
-declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"link" | "root" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "itemSelector" | "selectAllSelector", string>>, addStatic?: boolean) => {
     classes: {
+        link: string;
         root: string;
+        item: string;
+        virtualizedRoot: string;
+        selectorRoot: string;
+        selectorContainer: string;
+        box: string;
+        truncate: string;
+        itemSelector: string;
+        selectAllSelector: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9045,7 +9124,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
-declare const useClasses_60: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"label" | "root" | "group" | "horizontal" | "vertical" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9062,7 +9141,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"label" | "root" | "g
     cx: (...args: any) => string;
 };
-declare const useClasses_61: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         previewButton: string;
@@ -9074,7 +9153,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"root" | "progressbar" | "icon" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         progressbar: string;
@@ -9093,7 +9172,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "progressbar
     cx: (...args: any) => string;
 };
-declare const useClasses_63: (classesProp?: Partial<Record<"root" | "container" | "icon" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"root" | "container" | "icon" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         container: string;
@@ -9110,7 +9189,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root" | "container"
     cx: (...args: any) => string;
 };
-declare const useClasses_64: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         icon: string;
@@ -9132,7 +9211,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"root" | "icon" | "pa
     cx: (...args: any) => string;
 };
-declare const useClasses_65: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         root: string;
@@ -9148,7 +9227,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"button" | "root" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_66: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         a: string;
@@ -9165,7 +9244,18 @@ declare const useClasses_66: (classesProp?: Partial<Record<"link" | "a" | "root"
     cx: (...args: any) => string;
 };
-declare const useClasses_67: (classesProp?: Partial<Record<"root" | "radio" | "horizontal" | "icon" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_70: (classesProp?: Partial<Record<"root" | "radio" | "horizontal" | "icon" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         radio: string;
@@ -9180,7 +9270,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"root" | "radio" | "h
     cx: (...args: any) => string;
 };
-declare const useClasses_68: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -9194,7 +9284,7 @@ declare const useClasses_68: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
-declare const useClasses_69: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -9208,20 +9298,7 @@ declare const useClasses_69: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_7: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        labelDisabled: string;
-        childGutter: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_70: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         default: string;
@@ -9240,7 +9317,7 @@ declare const useClasses_70: (classesProp?: Partial<Record<"root" | "default" |
     cx: (...args: any) => string;
 };
-declare const useClasses_71: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -9257,7 +9334,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
-declare const useClasses_72: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"root" | "default" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         default: string;
@@ -9277,7 +9354,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"root" | "default" |
     cx: (...args: any) => string;
 };
-declare const useClasses_73: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -9288,7 +9365,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
-declare const useClasses_74: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9305,7 +9382,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
-declare const useClasses_75: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         name: string;
@@ -9325,7 +9402,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"root" | "name" | "gl
     cx: (...args: any) => string;
 };
-declare const useClasses_76: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         arrow: string;
@@ -9349,7 +9426,20 @@ declare const useClasses_76: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
-declare const useClasses_77: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        labelDisabled: string;
+        childGutter: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_80: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
         selection: string;
         selectAllContainer: string;
@@ -9367,7 +9457,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"selection" | "select
     cx: (...args: any) => string;
 };
-declare const useClasses_78: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9381,22 +9471,9 @@ declare const useClasses_78: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
-declare const useClasses_79: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_8: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        gutter: string;
-        infoDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9405,7 +9482,7 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
-declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9416,7 +9493,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_81: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9428,7 +9505,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
-declare const useClasses_82: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizer" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizer" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9471,7 +9548,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_83: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "expanded" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "expanded" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9491,7 +9568,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_84: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9525,7 +9602,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_85: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         formContainer: string;
@@ -9537,7 +9614,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
-declare const useClasses_86: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
         section: string;
         root: string;
@@ -9551,9 +9628,11 @@ declare const useClasses_86: (classesProp?: Partial<Record<"section" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_87: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        gutter: string;
+        infoDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9562,10 +9641,9 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_88: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        sortDropdown: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9574,14 +9652,10 @@ declare const useClasses_88: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
-declare const useClasses_89: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        rangeCalendarContainer: string;
-        singleCalendar: string;
-        focusSelection: string;
-        calendarMonthlyCell: string;
-        calendarMonthlyCellSelected: string;
+        sortDropdown: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9590,15 +9664,14 @@ declare const useClasses_89: (classesProp?: Partial<Record<"root" | "rangeCalend
     cx: (...args: any) => string;
 };
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "show" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        show: string;
-        hideText: string;
-        defaultIcon: string;
-        warningText: string;
-        topGutter: string;
-        topBorder: string;
+        rangeCalendarContainer: string;
+        singleCalendar: string;
+        focusSelection: string;
+        calendarMonthlyCell: string;
+        calendarMonthlyCellSelected: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9607,7 +9680,7 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "show" | "hid
     cx: (...args: any) => string;
 };
-declare const useClasses_90: (classesProp?: Partial<Record<"input" | "root" | "invalid" | "inputBorderContainer" | "headerDayOfWeek" | "headerDate" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"input" | "root" | "invalid" | "inputBorderContainer" | "headerDayOfWeek" | "headerDate" | "invalidMessageStyling", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         root: string;
@@ -9624,7 +9697,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"input" | "root" | "i
     cx: (...args: any) => string;
 };
-declare const useClasses_91: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"label" | "root" | "error" | "rootDisabled" | "labelContainer" | "sliderBase" | "sliderContainer" | "trackDragging" | "trackStandBy" | "sliderRoot" | "rootRange" | "handleContainer" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9652,7 +9725,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
-declare const useClasses_92: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9667,7 +9740,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
-declare const useClasses_93: (classesProp?: Partial<Record<"header" | "root" | "space" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"header" | "root" | "space" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         root: string;
@@ -9687,7 +9760,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"header" | "root" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_94: (classesProp?: Partial<Record<"label" | "root" | "icon" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"label" | "root" | "icon" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9711,7 +9784,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"label" | "root" | "i
     cx: (...args: any) => string;
 };
-declare const useClasses_95: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9725,7 +9798,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -9738,56 +9811,6 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
-declare const useClasses_97: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
-    classes: {
-        button: string;
-        text: string;
-        root: string;
-        selected: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        selected: string;
-        positionSticky: string;
-        positionFixed: string;
-        notSelectedRoot: string;
-        notSelected: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_99: (classesProp?: Partial<Record<"button" | "input" | "text" | "root" | "icon" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
-    classes: {
-        button: string;
-        input: string;
-        text: string;
-        root: string;
-        icon: string;
-        inputBorderContainer: string;
-        inputRoot: string;
-        largeText: string;
-        textEmpty: string;
-        iconVisible: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 export declare const useComputation: (valueFn: any, valueFallback?: any) => any[];