@hitachivantara/uikit-react-core 5.87.3 → 5.89.0

package/dist/types/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-
 import { ActionType } from 'react-table';
 import { AvatarProps } from '@mui/material/Avatar';
 import { Breakpoint as Breakpoint_2 } from '@mui/material/styles';
@@ -15,7 +13,6 @@ import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
 import { createClasses } from '@hitachivantara/uikit-react-utils';
-import { CSSProperties } from 'react';
 import { default as default_2 } from 'embla-carousel-react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
 import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
@@ -27,7 +24,6 @@ import { DividerProps } from '@mui/material/Divider';
 import { DrawerProps } from '@mui/material/Drawer';
 import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
-import { ElementType } from 'react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import { ExtractNames } from '@hitachivantara/uikit-react-utils';
@@ -60,9 +56,7 @@ import { HvThemeStructure } from '@hitachivantara/uikit-styles';
 import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
 import { InputBaseProps } from '@mui/material/InputBase';
-import { JSX as JSX_2 } from 'react';
-import { JSX as JSX_3 } from 'react/jsx-runtime';
-import { JSXElementConstructor } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MutableRefObject } from 'react';
 import { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
@@ -74,7 +68,6 @@ import { PropGetter } from 'react-table';
 import { PropsWithoutRef } from 'react';
 import { RadioProps } from '@mui/material/Radio';
 import * as React_2 from 'react';
-import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReducerTableState } from 'react-table';
 import { RefAttributes } from 'react';
@@ -154,6 +147,11 @@ import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
 import { UseTableHeaderGroupProps } from 'react-table';
 import { useTheme } from '@hitachivantara/uikit-react-utils';
+import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
+import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
+import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
+import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
+import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -300,20 +298,20 @@ export declare const bannerClasses: {
 
 export declare const bannerContentClasses: {
     root: string;
-    message: string;
-    action: string;
-    baseVariant: string;
     success: string;
     warning: string;
     error: string;
     default: string;
-    outContainer: string;
+    message: string;
+    action: string;
     messageContainer: string;
     iconContainer: string;
     messageActions: string;
     actionContainer: string;
-    actionsInnerContainer: string;
     closeAction: string;
+    baseVariant: string;
+    outContainer: string;
+    actionsInnerContainer: string;
 };
 
 declare interface BarProps extends HvBaseProps {
@@ -522,7 +520,7 @@ export declare const carouselClasses: {
 
 declare type CellValue<V = any> = V;
 
-export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_3.Element;
+export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_2.Element;
 
 export declare const charCounterClasses: {
     root: string;
@@ -976,8 +974,8 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
 };
 
 export declare const getSelectorIcons: () => {
-    radio: JSX_3.Element;
-    radioChecked: JSX_3.Element;
+    radio: JSX_2.Element;
+    radioChecked: JSX_2.Element;
 };
 
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
@@ -1076,7 +1074,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: ForwardRefExoticComponent<HvAccordionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /** Content to be rendered. */
@@ -1108,7 +1106,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
  */
 export declare const HvActionBar: ForwardRefExoticComponent<HvActionBarProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1132,7 +1130,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: ForwardRefExoticComponent<HvActionsGenericProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /**
@@ -1169,21 +1167,18 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
  * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
  * E.g., the reveal password button.
  *
- * In addition to the showWhen feature, which uses the form element's context validation state to determine
- * its visibility, this component also ensures that it does not steal focus from the input and that it is
- * not accessible using the keyboard.
- *
- * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
- * or by using a regular icon button or toggle button instead.
+ * This component disables keyboard navigation by default, ensuring that it doesn't steal focus from the input.
+ * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean.
+ * This behavior can be overridden by providing an a `tabIndex={0}`.
  */
 export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 
-export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_8>;
 
 export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | HTMLButtonElement, "onMouseDown" | "onKeyDown"> {
     /** The icon to be added into the input. */
     icon: React.ReactNode;
-    /** When the adornment should be displayed. */
+    /** Controls the visibility of the adornment based on the form element's status. `isVisible` overrides this behavior. */
     showWhen?: HvFormStatus;
     /** Function to be executed when this element is clicked. */
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -1195,7 +1190,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
 
 export declare const HvAppSwitcher: ForwardRefExoticComponent<HvAppSwitcherProps & RefAttributes<HTMLDivElement>>;
 
-export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
+export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
 
 export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
@@ -1220,7 +1215,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1233,7 +1228,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1272,14 +1267,14 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_27>;
 
 /**
  * The AvatarGroup component is used to group multiple avatars.
  */
 export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvAvatarGroupProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1352,7 +1347,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: ForwardRefExoticComponent<HvBadgeProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1394,11 +1389,11 @@ export declare const HvBanner: ForwardRefExoticComponent<Omit<HvBannerProps, "re
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_30>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. @deprecated use `children` instead */
@@ -1488,7 +1483,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes"> {
     /**
@@ -1565,7 +1560,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "onToggle"> {
     /**
@@ -1663,7 +1658,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: ForwardRefExoticComponent<HvBaseInputProps & RefAttributes<HTMLInputElement>>;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange" | "classes" | "ref" | "color" | "size"> {
     /** The input name. */
@@ -1678,8 +1673,12 @@ export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange
     readOnly?: boolean;
     /** If true, the input element will be required. */
     required?: boolean;
-    /** The function that will be executed onChange, allows modification of the input,
-     * it receives the value. If a new value should be presented it must returned it. */
+    /**
+     * Callback fired when the value is changed.
+     *
+     * You can pull out the new value by accessing `event.target.value` (string),
+     * or using the second callback argument.
+     */
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
     /** If true, a textarea element will be rendered. */
     multiline?: boolean;
@@ -1707,7 +1706,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
@@ -1785,7 +1784,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
@@ -1862,16 +1861,16 @@ export { HvBaseTheme }
  * It can also be used to create a layout using the flexbox properties.
  * @deprecated use native elements instead (e.g. `div`)
  */
-export declare const HvBox: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "div">(props: {
-    style?: CSSProperties | undefined;
-    sx?: CSSProperties | ((theme: HvTheme_2) => React.CSSProperties) | undefined;
+export declare const HvBox: <C extends React.ElementType = "div">(props: {
+    style?: React.CSSProperties;
+    sx?: React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
 export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
     style?: React.CSSProperties;
@@ -1883,7 +1882,7 @@ export declare type HvBoxProps<C extends React.ElementType = "div"> = Polymorphi
  */
 export declare const HvBreadCrumb: ForwardRefExoticComponent<HvBreadCrumbProps & RefAttributes<HTMLElement>>;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_35>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1915,7 +1914,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: ForwardRefExoticComponent<HvBulkActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_36>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -1961,27 +1960,27 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
 /**
  * Button component is used to trigger an action or event.
  */
-export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
+export declare const HvButton: <C extends React.ElementType = "button">(props: {
     /** Use the variant prop to change the visual style of the button. */
-    variant?: HvButtonVariant | undefined;
+    variant?: HvButtonVariant;
     /** Whether the button is an icon-only button. */
-    icon?: boolean | undefined;
+    icon?: boolean;
     /** Whether the button is disabled or not. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** Class names to be applied. */
-    className?: string | undefined;
+    className?: string;
     /** Element placed before the children. */
     startIcon?: React.ReactNode;
     /** Element placed after the children. */
     endIcon?: React.ReactNode;
     /** Color of the button. */
-    color?: HvColorAny | undefined;
+    color?: HvColorAny;
     /** Button size. */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    size?: HvSize;
     /** Button border radius. */
-    radius?: "base" | "none" | "round" | "circle" | "full" | undefined;
-    /** Defines the default colors of the button are forced into the icon. */
-    overrideIconColors?: boolean | undefined;
+    radius?: HvRadius;
+    /** Defines the default colors of the button are forced into the icon. @deprecated unused */
+    overrideIconColors?: boolean;
     /** A Jss Object used to override or extend the styles applied. */
     classes?: Partial<{
         root: string;
@@ -2000,51 +1999,51 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
         secondarySubtle: string;
         secondaryGhost: string;
         secondary: string;
-    }> | undefined;
+    }>;
     /** Whether the button is selected or not. */
-    selected?: boolean | undefined;
+    selected?: boolean;
     /**
      * Whether the button is focusable when disabled.
      * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
      * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
      */
-    focusableWhenDisabled?: boolean | undefined;
+    focusableWhenDisabled?: boolean;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
-    ref?: PolymorphicRef<C> | undefined; /** Class names to be applied. */
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+    ref?: PolymorphicRef<C> | undefined;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
 /**
  * Button component is used to trigger an action or event.
  */
-export declare const HvButtonBase: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
+export declare const HvButtonBase: <C extends React.ElementType = "button">(props: {
     /** A Jss Object used to override or extend the styles applied. */
     classes?: Partial<{
         root: string;
         disabled: string;
-    }> | undefined;
+    }>;
     /** Whether the button is selected or not. */
-    selected?: boolean | undefined;
+    selected?: boolean;
     /** Whether the button is disabled or not. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Whether the button is focusable when disabled.
      * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
      * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
      */
-    focusableWhenDisabled?: boolean | undefined;
+    focusableWhenDisabled?: boolean;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
-export declare type HvButtonBaseClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvButtonBaseClasses = ExtractNames<typeof useClasses_3>;
 
 export declare type HvButtonBaseProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2061,7 +2060,7 @@ export declare type HvButtonBaseProps<C extends React.ElementType = "button"> =
     focusableWhenDisabled?: boolean;
 }>;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_14>;
 
 export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the button. */
@@ -2082,7 +2081,7 @@ export declare type HvButtonProps<C extends React.ElementType = "button"> = Poly
     size?: HvSize;
     /** Button border radius. */
     radius?: HvRadius;
-    /** Defines the default colors of the button are forced into the icon. */
+    /** Defines the default colors of the button are forced into the icon. @deprecated unused */
     overrideIconColors?: boolean;
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvButtonClasses;
@@ -2104,16 +2103,16 @@ export declare type HvButtonSize = HvSize;
 
 export declare type HvButtonVariant = "contained" | "subtle" | "ghost" | `primary${TypeSuffix}` | `secondary${TypeSuffix}` | `positive${TypeSuffix}` | `negative${TypeSuffix}` | `warning${TypeSuffix}` | "semantic";
 
-export declare const HvCalendar: (props: HvCalendarProps) => JSX_3.Element;
+export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvCalendarClasses = ExtractNames<typeof useClasses_38>;
 
 export declare const HvCalendarHeader: {
-    (props: HvCalendarHeaderProps): JSX_3.Element;
+    (props: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_39>;
 
 export declare interface HvCalendarHeaderProps extends Pick<HvSingleCalendarProps, "id" | "value" | "locale" | "onChange" | "showEndDate" | "showDayOfWeek" | "invalidDateLabel"> {
     /**
@@ -2200,11 +2199,11 @@ export declare interface HvCalendarProps extends Omit<React.HTMLAttributes<HTMLD
  */
 export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_41>;
 
-export declare const HvCardContent: (props: HvCardContentProps) => JSX_3.Element;
+export declare const HvCardContent: (props: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes"> {
     /** The function that will be executed when this section is clicked. */
@@ -2213,9 +2212,9 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
     classes?: HvCardContentClasses;
 }
 
-export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
+export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes"> {
     /** The renderable content inside the title slot of the header. */
@@ -2230,9 +2229,9 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
     classes?: HvCardHeaderClasses;
 }
 
-export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_3.Element;
+export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_2.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_44>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, React.ImgHTMLAttributes<HTMLDivElement> {
     /** The title of the media. */
@@ -2271,13 +2270,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_45>;
 
-export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
+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_44>;
+    classes?: ExtractNames<typeof useClasses_45>;
     actions?: React.ReactNode;
     onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
     onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -2330,9 +2329,9 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  * A container to use as `children` of `HvCarousel`.
  * Pass `img` props directly to it, or `children` for any custom content
  */
-export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
+export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_46>;
 
 export declare interface HvCarouselSlideProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2347,7 +2346,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: React.CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_44>;
+    classes?: ExtractNames<typeof useClasses_45>;
     onThumbnailClick?: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2381,9 +2380,9 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  * Use the character counter when there is a character or word limit.
  * By itself it doesn't block the user from going above the limit.
  */
-export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_3.Element;
+export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
 
-export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvCharCounterProps extends HvBaseProps {
     /** The string that separates the current char quantity from the max quantity. */
@@ -2411,14 +2410,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_37>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
 export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2550,7 +2549,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_50>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2667,7 +2666,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 /** The container enables you to center your content horizontally and bound it to a specific breakpoint. */
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes"> {
     /**
@@ -2694,9 +2693,9 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
     classes?: HvContainerClasses;
 }
 
-export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
+export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
 
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2781,7 +2780,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_61>;
 
 export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle" | "placeholder"> {
     /**
@@ -2868,11 +2867,11 @@ export declare type HvDatePickerStatus = HvFormStatus;
 /**
  * A Dialog is a graphical control element in the form of a small panel that communicates information and prompts for a response.
  */
-export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
+export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_64>;
 
-export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
+export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
     /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
@@ -2881,11 +2880,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_65>;
 
-export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
+export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes"> {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2927,9 +2926,9 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     component?: DialogProps["component"];
 }
 
-export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
+export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
 
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes"> {
     /** Variant of the dialog title. */
@@ -2948,9 +2947,9 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
+export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
 
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_66>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2994,7 +2993,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: ForwardRefExoticComponent<Omit<HvDrawerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
     /**
@@ -3049,13 +3048,13 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
 /**
  * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
  */
-export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
 
-export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) => JSX_3.Element;
+export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) => JSX_2.Element;
 
 export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
     /** Extra props to be passed onto the dropdown. @deprecated pass props directly */
@@ -3067,7 +3066,7 @@ export declare type HvDropdownLabels = Partial<typeof DEFAULT_LABELS_7>;
 /** @deprecated use `HvDropdownLabels` instead */
 export declare type HvDropdownLabelsProps = HvDropdownLabels;
 
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_59>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_60>;
 
 declare interface HvDropdownListProps {
     /**
@@ -3142,7 +3141,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: ForwardRefExoticComponent<HvDropDownMenuProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_24>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick" | "onToggle"> {
     /** Icon. */
@@ -3303,7 +3302,7 @@ export declare interface HvDropdownProps<Multiple extends boolean = boolean, Opt
 
 export declare type HvDropdownStatus = "standBy" | "valid" | "invalid";
 
-declare type HvDropZoneClasses = ExtractNames<typeof useClasses_72>;
+declare type HvDropZoneClasses = ExtractNames<typeof useClasses_73>;
 
 declare type HvDropZoneLabels = Partial<typeof DEFAULT_LABELS_9>;
 
@@ -3347,7 +3346,7 @@ declare interface HvDropZoneProps extends Pick<HvFormElementProps, "id" | "disab
  */
 export declare const HvEmptyState: ForwardRefExoticComponent<HvEmptyStateProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_69>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3373,9 +3372,9 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
+export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_71>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3441,9 +3440,9 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html [input accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file).
  */
-export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
 
-export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_71>;
+export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_72>;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /** Value of aria-label to apply to remove file button in FileList */
@@ -3454,9 +3453,9 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
  */
-export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
+export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_70>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3535,9 +3534,9 @@ export declare interface HvFileUploaderProps extends HvFormElementProps {
  */
 export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_73>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_74>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_74>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_75>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3630,9 +3629,9 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 export declare type HvFilterGroupValue = (string | number)[][];
 
 /** @deprecated internal use only. this component has navigation issues. */
-export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_3.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 type HvFocusClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvFocusClasses = ExtractNames<typeof useClasses_4>;
 
 export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children"> {
     children: React.ReactElement;
@@ -3671,7 +3670,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: ForwardRefExoticComponent<HvFooterProps & RefAttributes<HTMLElement>>;
 
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_76>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3699,11 +3698,11 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
  * It is used internally to build UI Kit's form components (eg. `HvInput`, `HvDatePicker`), and can be used to build custom form components.
  */
 export declare const HvFormElement: {
-    (props: HvFormElementProps): JSX_3.Element;
+    (props: HvFormElementProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvFormElementClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvFormElementClasses = ExtractNames<typeof useClasses_9>;
 
 declare interface HvFormElementContextValue {
     /** id to be applied to the form element root node. */
@@ -3763,7 +3762,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: ForwardRefExoticComponent<HvGlobalActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_77>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3805,7 +3804,7 @@ export declare type HvGlobalActionsVariant = "global" | "section";
  */
 export declare const HvGrid: ForwardRefExoticComponent<Omit<HvGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGridClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_78>;
 
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
 
@@ -3905,7 +3904,7 @@ export declare const HvHeader: ForwardRefExoticComponent<HvHeaderProps & RefAttr
 
 export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_79>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_80>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3916,7 +3915,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_81>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3924,15 +3923,15 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_79>;
 
 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>>;
 }
 
-export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
+export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
 
-declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_81>;
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_82>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3943,9 +3942,9 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     classes?: HvHeaderMenuBarClasses;
 }
 
-export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
+export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_82>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_83>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3958,7 +3957,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_84>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -4017,14 +4016,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_98>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_99>;
 
 /**
  * The `HvIconButton` component wraps a `HvTooltip` with a label around a `HvButton` with only an icon as its content.
  * As defined by Design System, a tooltip with the button’s label should always be displayed when hovering an icon only button.
  * This component provides this behavior out of the box.
  */
-export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
+export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
     /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
     title: React.ReactNode;
     /** Number of milliseconds to wait before showing the tooltip. @default 500 */
@@ -4032,14 +4031,14 @@ export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.Intri
     /** Tooltip placement. @default top */
     placement?: HvTooltipProps["placement"];
     /** Extra tooltip properties. */
-    tooltipProps?: Omit<Partial<HvTooltipProps>, "children"> | undefined;
+    tooltipProps?: Omit<Partial<HvTooltipProps>, "children">;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
+    children?: ReactNode | undefined;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
 export declare type HvIconButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, Omit<HvButtonProps<C>, "icon" | "focusableWhenDisabled" | "title" | "startIcon" | "endIcon" | "children" | "ref" | "component"> & {
     /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
@@ -4052,12 +4051,52 @@ export declare type HvIconButtonProps<C extends React.ElementType = "button"> =
     tooltipProps?: Omit<Partial<HvTooltipProps>, "children">;
 }>;
 
+/**
+ * This component allows using the theme utilities, such as `color` and `size` in icons from
+ * external icon libraries, such as FontAwesome or Phosphor.
+ *
+ * @example
+ * <HvIconContainer size="lg" color="warning">
+ *  <FontAwesomeIcon icon={faUser} />
+ * </HvIconContainer>
+ */
+export declare const HvIconContainer: ForwardRefExoticComponent<HvIconContainerProps & RefAttributes<HTMLDivElement>>;
+
+export declare type HvIconContainerClasses = ExtractNames<typeof useClasses>;
+
+export declare interface HvIconContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    classes?: HvIconContainerClasses;
+    /**
+     * A color to override the default icon colors.
+     * Accepts any valid CSS color or color from the UI Kit palette.
+     * @example "warning"
+     */
+    color?: HvColorAny;
+    /**
+     * The size of the icon container. Takes in a `number` in pixels or any `HvSize` or `IconSize`.
+     *
+     * This will also affect the size of the icon by changing the `font-size`.
+     *
+     * @example
+     * size={16}
+     * size="S"
+     * size="lg"
+     *
+     * @default "S"
+     */
+    size?: HvSize | HvIconSize | number;
+    /** Whether to rotate the icon 180deg. @private */
+    rotate?: boolean;
+}
+
+declare type HvIconSize = "XS" | "S" | "M" | "L";
+
 /**
  * Provides the user with additional descriptive text for the form element.
  */
-export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_3.Element;
+export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
 
-export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
     /** If `true` the label is disabled. */
@@ -4072,27 +4111,27 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null>(props: {
+export declare const HvInlineEditor: <C extends React.ElementType = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null>(props: {
     /** The value of the form element. */
-    value?: string | undefined;
+    value?: string;
     /** The default value of the form element. */
-    defaultValue?: string | undefined;
+    defaultValue?: string;
     /** Whether the Edit icon should always be visible */
-    showIcon?: boolean | undefined;
+    showIcon?: boolean;
     /** Variant of the HvTypography to display */
-    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | undefined;
+    variant?: HvTypographyVariants;
     /** Called when the input is blurred. */
-    onBlur?: ((event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void) | undefined;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
     /** Called when the input value changes. */
-    onChange?: ((event: React.SyntheticEvent, value: string) => void) | undefined;
+    onChange?: (event: React.SyntheticEvent, value: string) => void;
     /** Called when there's a keydown event on the input. */
-    onKeyDown?: ((event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void) | undefined;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void;
     /** Props passed to the HvButton component */
-    buttonProps?: HvButtonProps | undefined;
+    buttonProps?: HvButtonProps;
     /** Props passed to the HvTypography text component */
-    typographyProps?: HvTypographyProps | undefined;
+    typographyProps?: HvTypographyProps;
     /** Whether the editor is disabled or not. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
     classes?: Partial<{
         root: string;
@@ -4105,18 +4144,18 @@ export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.Int
         button: string;
         icon: string;
         iconVisible: string;
-    }> | undefined;
+    }>;
     /** The placeholder value of the input. */
-    placeholder?: string | undefined;
+    placeholder?: string;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
+    children?: ReactNode | undefined;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_85>;
 
 export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
@@ -4148,18 +4187,18 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
 /**
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
  */
-export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_47>;
 
 export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
 
 export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement> extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown"> {
-    /** The form element name. */
+    /** @inheritdoc */
     name?: string;
-    /** The value of the form element. */
+    /** @inheritdoc */
     value?: React.InputHTMLAttributes<InputElement>["value"];
-    /** When uncontrolled, defines the initial input value. */
+    /** @inheritdoc */
     defaultValue?: React.InputHTMLAttributes<InputElement>["value"];
     /**
      * The label of the form element.
@@ -4170,11 +4209,11 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
     label?: React.ReactNode;
     /** Provide additional descriptive text for the form element. */
     description?: React.ReactNode;
-    /** Indicates that the form element is disabled. */
+    /** @inheritdoc */
     disabled?: boolean;
-    /** Indicates that the form element is not editable. */
+    /** @inheritdoc */
     readOnly?: boolean;
-    /** Indicates that user input is required on the form element. */
+    /** @inheritdoc */
     required?: boolean;
     /**
      * The status of the form element.
@@ -4187,17 +4226,14 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
     status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
+    /** @inheritdoc */
+    onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
     /**
      * Callback called when the user submits the value by pressing Enter/Return.
      *
-     * Also called when the search button is clicked (when type is "search").
-     */
-    /**
-     * The function that will be executed onChange, allows modification of the input,
-     * it receives the value. If a new value should be presented it must returned it.
+     * Also called when the search button is clicked (when `type="search"`).
      */
-    onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
-    onEnter?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
+    onEnter?: (event: React.KeyboardEvent<InputElement>, value: string) => void;
     /**
      * The function that will be executed onBlur, allows checking the validation state,
      * it receives the value and the validation state.
@@ -4290,9 +4326,9 @@ export declare interface HvKnobProperty {
  * Communicates simple, immediate and vital information for operational decision making.
  * @deprecated build KPIs with `HvCard`, or with your custom layouts
  */
-export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
+export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
 
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_86>;
 
 export declare type HvKpiLabelProps = Partial<typeof DEFAULT_LABELS_11>;
 
@@ -4330,9 +4366,9 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
 /**
  * Provides the user with a recognizable name for a given form element.
  */
-export declare const HvLabel: (props: HvLabelProps) => JSX_3.Element;
+export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
 
-export declare type HvLabelClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvLabelClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     /** Id to be applied to the root node */
@@ -4351,9 +4387,9 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     classes?: HvLabelClasses;
 }
 
-export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_3.Element;
+export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
 
-export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4369,9 +4405,9 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 }
 
 /** @deprecated use `<HvTypography link component="a" />` instead */
-export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
+export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
 
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_87>;
 
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>, data: any) => void;
@@ -4386,9 +4422,9 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
  * Component used to show a set of related data to the user.
  * @deprecated use `HvListContainer` + `HvListItem` instead
  */
-export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
+export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
 
-export declare type HvListClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_88>;
 
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4397,7 +4433,7 @@ export declare type HvListClasses = ExtractNames<typeof useClasses_87>;
  */
 export declare const HvListContainer: ForwardRefExoticComponent<HvListContainerProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvListContainerClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvListContainerClasses = ExtractNames<typeof useClasses_5>;
 
 export declare interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {
     /**
@@ -4421,7 +4457,7 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
  */
 export declare const HvListItem: ForwardRefExoticComponent<HvListItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvListItemClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvListItemClasses = ExtractNames<typeof useClasses_6>;
 
 export declare interface HvListItemProps extends HvBaseProps<HTMLLIElement> {
     /** Indicates if the list item is selected. */
@@ -4537,7 +4573,7 @@ export declare interface HvListValue extends Record<string, any> {
  */
 export declare const HvLoading: ForwardRefExoticComponent<HvLoadingProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_89>;
 
 /**
  * A component that wraps `children` with an `HvLoading` component and
@@ -4550,7 +4586,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_88>;
  * */
 export declare const HvLoadingContainer: ForwardRefExoticComponent<HvLoadingContainerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_90>;
 
 export declare interface HvLoadingContainerProps extends HvBaseProps<HTMLDivElement>, Pick<HvLoadingProps, "label" | "small" | "hidden"> {
     opacity?: number;
@@ -4575,7 +4611,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: ForwardRefExoticComponent<HvLoginProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4603,9 +4639,9 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
 /**
  * Multi-buttons are grouped sets of buttons displayed horizontally or vertically in the same container.
  */
-export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
+export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
 
-export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_91>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_92>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4641,7 +4677,7 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
 
 export declare const hvNumberFallback: (value: any) => number | "—";
 
-export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement | null;
 
 /**
  * Optional
@@ -4661,11 +4697,11 @@ export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<Opt
  */
 export declare type HvOptional<T extends object, K extends keyof T = keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 
-export declare type HvOptionClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvOptionClasses = ExtractNames<typeof useClasses_15>;
 
 export declare const HvOptionGroup: ForwardRefExoticComponent<Omit<HvOptionGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
 
-export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvOptionGroupProps extends OptionGroupProps {
     classes?: HvOptionGroupClasses;
@@ -4678,9 +4714,9 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
+export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_93>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4703,7 +4739,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: ForwardRefExoticComponent<HvPaginationProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_48>;
 
 export declare type HvPaginationLabels = Partial<typeof DEFAULT_LABELS_3>;
 
@@ -4749,7 +4785,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4758,9 +4794,9 @@ export declare interface HvPanelProps extends HvBaseProps {
 
 export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
 
-export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
+export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
 
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_96>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4807,7 +4843,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
 /**
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
  */
-export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_3.Element;
+export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_2.Element;
 
 export declare interface HvProviderProps {
     /**
@@ -4874,7 +4910,7 @@ export declare interface HvProviderProps {
  *
  * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
  */
-export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_3.Element;
+export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
 export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
     id?: string;
@@ -4887,7 +4923,7 @@ export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQ
     rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | HvQueryBuilderChangedQuery>;
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_97>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -5141,14 +5177,14 @@ export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
  */
 export declare const HvRadio: ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_98>;
 
 /**
  * A radio group is a type of selection list that can only have a single entry checked at any one time.
  */
 export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_67>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5319,9 +5355,9 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
 export { HvRadius }
 
-export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_3.Element;
+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_57>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5358,9 +5394,9 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
 /**
  * The horizontal scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
+export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_100>;
 
 export declare type HvScrollToHorizontalPositions = "sticky" | "fixed" | "relative";
 
@@ -5440,9 +5476,9 @@ declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bottom";
 /**
  * The vertical scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
+export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_102>;
 
 declare type HvScrollToVerticalPositions = "absolute" | "fixed" | "relative";
 
@@ -5515,7 +5551,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_103>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title" | "onToggle"> {
     /** The title of the section */
@@ -5551,9 +5587,9 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
  *   <HvOption value="cat">Cat</HvOption>
  * </HvSelect>
  * */
-export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 
-export declare type HvSelectClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvSelectClasses = ExtractNames<typeof useClasses_13>;
 
 /**
  * Allows the user to select one or more items from a list of choices.
@@ -5563,7 +5599,7 @@ export declare type HvSelectClasses = ExtractNames<typeof useClasses_12>;
  */
 export declare const HvSelectionList: ForwardRefExoticComponent<HvSelectionListProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5643,9 +5679,9 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
 
 export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
 
-export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
+export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
 
-export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_104>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
@@ -5664,7 +5700,7 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
     classes?: HvSimpleGridClasses;
 }
 
-declare type HvSingleCalendarClasses = ExtractNames<typeof useClasses_39>;
+declare type HvSingleCalendarClasses = ExtractNames<typeof useClasses_40>;
 
 declare interface HvSingleCalendarProps extends Omit<HvCalendarProps, "classes"> {
     /**
@@ -5690,9 +5726,9 @@ export { HvSize }
 /**
  * The `HvSkeleton` component is used to create a placeholder element that represents the shape and size of the content that will be loaded.
  */
-export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
+export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_2.Element;
 
-export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_132>;
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_133>;
 
 export declare interface HvSkeletonProps extends HvBaseProps {
     /** Whether the skeleton element is hidden or not. */
@@ -5716,7 +5752,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
  */
 export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_105>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /** The slider name. */
@@ -5816,11 +5852,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ForwardRefExoticComponent<Omit<HvSnackbarProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_106>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_107>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -5841,6 +5877,8 @@ export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProp
     actionCallback?: HvActionsGenericProps["actionsCallback"];
     /** The callback function called when an action is triggered, receiving `action` as parameter. */
     onAction?: HvActionsGenericProps["onAction"];
+    /** @inheritdoc */
+    onClose?: SnackbarProps["onClose"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarContentClasses;
 }
@@ -5900,9 +5938,9 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
  * This component uses of the [Notistack](https://github.com/iamhosseindhv/notistack) library.
  * Please refer to its [API Reference](https://notistack.com/v2.x/api-reference) for more complex usage scenarios.
  */
-export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
+export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_108>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5930,12 +5968,12 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  *
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
  */
-export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
+export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
 
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
 
-export declare type HvStackClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_109>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -5968,7 +6006,7 @@ export declare interface HvSuggestion {
 
 export declare const HvSuggestions: ForwardRefExoticComponent<HvSuggestionsProps & RefAttributes<unknown>>;
 
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible */
@@ -6011,7 +6049,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_109>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_110>;
 
 export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
 
@@ -6122,17 +6160,17 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_117>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
  *
- * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
+ * The `HvTable` component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
  * for building tables.
  * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
  *
  * For better data handling and **advanced features** we recommend the use of the utility hooks collection.
- * See the <a href="?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
+ * See the [Table Hooks documentation](https://lumada-design.github.io/uikit/master/?path=/docs/visualizations-table-table-hooks--docs) for more details.
  */
 export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttributes<HTMLElement>>;
 
@@ -6142,7 +6180,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_113>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6176,7 +6214,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvTableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6215,7 +6253,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_56>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -6230,7 +6268,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_110>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_111>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6254,14 +6292,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_112>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_114>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvTableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6402,7 +6440,7 @@ export declare interface HvTableProps extends React.TableHTMLAttributes<HTMLTabl
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_54>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6427,7 +6465,7 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
  */
 export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_131>;
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvTableSectionProps extends HvSectionProps {
 }
@@ -6457,7 +6495,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_116>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6483,13 +6521,11 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  * A Tag is one word that describes a specific aspect of an asset. A single asset can have
  * multiple tags.
  * Use tags to highlight an item's status for quick recognition and navigation
- * Use color to indicate meanings that users can learn and recognize across products
- *
- * It leverages the [MUI Chip](https://mui.com/material-ui/react-chip/) component
+ * Use color to indicate meanings that users can learn and recognize across products.
  */
 export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_115>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
@@ -6530,9 +6566,9 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
 /**
  * A tags input is a single or multiline control that allows the input of tags.
  */
-export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
+export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_118>;
 
 export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "value" | "defaultValue"> {
     /** The value of the form element. */
@@ -6540,15 +6576,15 @@ export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange"
     /** When uncontrolled, defines the initial input value. */
     defaultValue?: string[] | HvTagProps[];
     /** The function that will be executed onChange. */
-    onChange?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
+    onChange?: (event: React.SyntheticEvent, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
     onFocus?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when the element is blurred. */
     onBlur?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when a tag is deleted. */
-    onDelete?: (event: React.KeyboardEvent<HTMLUListElement> | React.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
+    onDelete?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
-    onAdd?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
+    onAdd?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
     /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
     hideCounter?: boolean;
     /** Text between the current char counter and max value. */
@@ -6583,7 +6619,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<HvTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_119>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6714,7 +6750,7 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_3.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
@@ -6728,12 +6764,12 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
+export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
     /**
      * The timestamp to format, in seconds or milliseconds.
      * Defaults to `emptyElement` if value is null or 0
      */
-    timestamp?: number | undefined;
+    timestamp?: number;
     /**
      * The locale to be used. Should be on of the JS supported locales
      * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
@@ -6745,27 +6781,27 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
      */
     emptyElement?: React.ReactNode;
     /** Disables periodic date refreshes */
-    disableRefresh?: boolean | undefined;
+    disableRefresh?: boolean;
     /** Whether to show seconds in the rendered time */
-    showSeconds?: boolean | undefined;
+    showSeconds?: boolean;
     /**
      * Whether the component should render just the string
      * Consider using `useTimeAgo` instead
      */
-    justText?: boolean | undefined;
+    justText?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: Partial<{
         root: string;
-    }> | undefined;
+    }>;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "timestamp" | "locale" | "emptyElement" | "disableRefresh" | "showSeconds" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "timestamp" | "locale" | "emptyElement" | "disableRefresh" | "showSeconds" | "justText"> ? T extends any ? T : never : never : never) & {
+    children?: ReactNode | undefined;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_118>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_120>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6801,7 +6837,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_121>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6881,7 +6917,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_93>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_94>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6928,7 +6964,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_122>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_124>;
 
 export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -6949,7 +6985,7 @@ export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLEle
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_121>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -7002,9 +7038,9 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
  * </HvTreeView>
  * ```
  */
-export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement | null;
 
-export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_120>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_122>;
 
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7016,25 +7052,25 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
+export declare const HvTypography: <C extends React.ElementType = "p">(props: {
     /** Use the variant prop to change the visual style of the Typography. */
-    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
+    variant?: HvTypographyVariants | HvTypographyLegacyVariants;
     /** If `true` the typography will display the look of a link. */
-    link?: boolean | undefined;
+    link?: boolean;
     /** If `true` the typography will display the look of a disabled state. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * If `true`, the typography will render a "p" element
      * @deprecated use `component="p"` instead
      * */
-    paragraph?: boolean | undefined;
+    paragraph?: boolean;
     /**
      * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
      *
      * Note that text overflow can only happen with block or inline-block level elements
      * (the element needs to have a width in order to overflow).
      */
-    noWrap?: boolean | undefined;
+    noWrap?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: Partial<{
         root: string;
@@ -7071,16 +7107,16 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
         vizText: string;
         vizTextDisabled: string;
         xsInlineLink: string;
-    }> | undefined;
+    }>;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactElement | null;
 
-export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
+export declare type HvTypographyClasses = ExtractNames<typeof useClasses_2>;
 
 /** @deprecated */
 export declare type HvTypographyLegacyVariants = "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink";
@@ -7158,9 +7194,9 @@ export declare interface HvValidationMessages {
  */
 export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalNavigationProps & RefAttributes<HTMLDivElement>>;
 
-export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
+export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_126>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_128>;
 
 export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -7171,20 +7207,20 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
     icon?: React.ReactNode;
 }
 
-export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
+export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_125>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_127>;
 
 export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionsClasses;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_123>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_125>;
 
-export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
+export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_124>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_126>;
 
 export declare interface HvVerticalNavigationHeaderProps extends HvBaseProps {
     /** The title text to show on header. */
@@ -7229,9 +7265,9 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
+export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_128>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_130>;
 
 export declare interface HvVerticalNavigationSliderProps extends Omit<HvListContainerProps, "classes"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7257,9 +7293,9 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
     forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_3.Element;
+export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_2.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_127>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_129>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7303,11 +7339,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_129>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_131>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_130>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_132>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -7411,14 +7447,14 @@ export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<H
     disabledItemsFocusable?: boolean;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_101>;
 
 /**
  * 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_3.Element;
+export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
 
-export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_12>;
 
 export declare interface HvWarningTextProps extends HvBaseProps {
     /** Icon to be rendered alongside the warning text. */
@@ -7439,7 +7475,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
     classes?: HvWarningTextClasses;
 }
 
-export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_3.Element | null;
+export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
 
 declare type IdType<D> = StringKey<D> | string;
 
@@ -7653,10 +7689,6 @@ export declare const optionGroupClasses: {
 };
 
 export declare const outlineStyles: {
-    outlineColor: string;
-    outlineStyle: string;
-    outlineWidth: string;
-    outlineOffset: string;
     boxShadow: string;
 };
 
@@ -7936,10 +7968,10 @@ export declare const snackbarContentClasses: {
     default: string;
     warning: string;
     message: string;
-    messageSpan: string;
-    messageText: string;
     action: string;
+    messageText: string;
     iconVariant: string;
+    messageSpan: string;
 };
 
 export declare const snackbarProviderClasses: {
@@ -7960,6 +7992,17 @@ export declare const stackClasses: {
     xl: string;
 };
 
+declare const staticClasses: {
+    root: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export { staticClasses as iconContainerClasses }
+export { staticClasses }
+
 declare type StringKey<D> = Extract<keyof D, string>;
 
 export declare const suggestionsClasses: {
@@ -8118,7 +8161,6 @@ export declare const tagClasses: {
 };
 
 export declare const tagsInputClasses: {
-    input: string;
     listItemGutters: string;
     listItemRoot: string;
     root: string;
@@ -8134,6 +8176,7 @@ export declare const tagsInputClasses: {
     tagsList: string;
     tagInputContainerRoot: string;
     tagInputRoot: string;
+    input: string;
     tagSelected: string;
     tagInputBorderContainer: string;
     tagInputRootFocused: string;
@@ -8242,22 +8285,6 @@ export declare const treeViewItemClasses: {
     icon: string;
 };
 
-declare interface TreeViewItemRange {
-    start?: string | null;
-    end?: string | null;
-    next?: string | null;
-    current?: string;
-}
-
-declare interface TreeViewNode {
-    id: string;
-    idAttribute: string | undefined;
-    index: number;
-    parentId: string | null;
-    expandable: boolean;
-    disabled: boolean | undefined;
-}
-
 declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
 
 declare type TypeSuffix = "" | "Subtle" | "Ghost";
@@ -8307,58 +8334,43 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "isLink" | "noWrap" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText", string>>, addStatic?: boolean) => {
+export declare const useClasses: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        disabled: string;
-        isLink: string;
-        noWrap: string;
-        display: string;
-        title1: string;
-        title2: string;
-        title3: string;
-        title4: string;
-        body: string;
-        label: string;
-        captionLabel: string;
-        caption1: string;
-        caption2: string;
-        "5xlTitle": string;
-        "4xlTitle": string;
-        "3xlTitle": string;
-        xxlTitle: string;
-        xlTitle: string;
-        lTitle: string;
-        mTitle: string;
-        sTitle: string;
-        xsTitle: string;
-        xxsTitle: string;
-        sectionTitle: string;
-        highlightText: string;
-        normalText: string;
-        placeholderText: string;
-        link: string;
-        disabledText: string;
-        selectedNavText: string;
-        vizText: string;
-        vizTextDisabled: string;
-        xsInlineLink: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "childGutter" | "labelDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        infoDisabled: string;
-        gutter: string;
+        labelDisabled: string;
+        childGutter: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionSticky" | "positionFixed" | "notSelectedRoot", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        positionSticky: string;
+        positionFixed: string;
+        notSelectedRoot: string;
+        notSelected: string;
+        selected: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -8370,7 +8382,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "icon" | "b
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionAbsolute: string;
@@ -8380,7 +8392,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root" | "positionFi
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8395,7 +8407,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8403,7 +8415,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     readonly classes: {
         sliderBase: string;
         rootDisabled: string;
@@ -8428,7 +8440,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         anchorOriginTopRight: string;
@@ -8442,7 +8454,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageText" | "iconVariant" | "messageSpan", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8450,16 +8462,16 @@ declare const useClasses_106: (classesProp?: Partial<Record<"warning" | "root" |
         default: string;
         warning: string;
         message: string;
-        messageSpan: string;
-        messageText: string;
         action: string;
+        messageText: string;
         iconVariant: string;
+        messageSpan: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         snackItemRoot: string;
     };
@@ -8467,7 +8479,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"snackItemRoot", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         column: string;
@@ -8483,7 +8495,17 @@ declare const useClasses_108: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        infoDisabled: string;
+        gutter: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -8495,29 +8517,30 @@ declare const useClasses_109: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        defaultIcon: string;
-        warningText: string;
-        show: string;
-        topGutter: string;
-        hideText: string;
-        topBorder: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        header: string;
+        actions: string;
+        content: string;
+        hidden: string;
+        raisedHeader: string;
+        hasHeader: string;
+        spaceTop: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8525,7 +8548,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8534,7 +8557,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         categorical: string;
@@ -8556,7 +8579,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"root" | "floating" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8568,7 +8591,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         focusVisible: string;
@@ -8579,9 +8602,8 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "readOnly" | "input" | "tagInputRoot" | "tagsList" | "error" | "description" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "readOnly" | "input" | "tagInputRoot" | "tagsList" | "error" | "description" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     readonly classes: {
-        input: string;
         listItemGutters: string;
         listItemRoot: string;
         root: string;
@@ -8597,6 +8619,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
         tagsList: string;
         tagInputContainerRoot: string;
         tagInputRoot: string;
+        input: string;
         tagSelected: string;
         tagInputBorderContainer: string;
         tagInputRootFocused: string;
@@ -8611,7 +8634,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "input" | "error" | "description" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "input" | "error" | "description" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8630,7 +8653,21 @@ declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        defaultIcon: string;
+        warningText: string;
+        show: string;
+        topGutter: string;
+        hideText: string;
+        topBorder: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_120: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8638,7 +8675,7 @@ declare const useClasses_118: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8658,27 +8695,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"label" | "root" | "panel" | "invalid" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        disabled: string;
-        readOnly: string;
-        invalid: string;
-        labelContainer: string;
-        label: string;
-        description: string;
-        select: string;
-        popper: string;
-        panel: string;
-        panelOpenedUp: string;
-        panelOpenedDown: string;
-        error: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_120: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8686,7 +8703,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "focused" | "selected" | "expanded" | "group" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_123: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "focused" | "selected" | "expanded" | "group" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         group: string;
@@ -8702,7 +8719,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "focused" | "selected" | "expanded" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "focused" | "selected" | "expanded" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         expanded: string;
@@ -8716,7 +8733,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_123: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         collapsed: string;
@@ -8727,7 +8744,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"root" | "slider" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_126: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         minimized: string;
@@ -8739,7 +8756,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"root" | "title" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hide: string;
@@ -8748,7 +8765,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"root" | "hide", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_126: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         action: string;
         noIcon: string;
@@ -8758,7 +8775,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8771,51 +8788,48 @@ declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"label" | "root" | "panel" | "invalid" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        listItemSelected: string;
-        listItemFocus: string;
-        forwardButton: string;
-        listContainer: string;
-        listItemDisabled: string;
+        disabled: string;
+        readOnly: string;
+        invalid: string;
+        labelContainer: string;
+        label: string;
+        description: string;
+        select: string;
+        popper: string;
+        panel: string;
+        panelOpenedUp: string;
+        panelOpenedDown: string;
+        error: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_130: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        listItemSelected: string;
+        listItemFocus: string;
+        forwardButton: string;
+        listContainer: string;
+        listItemDisabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_131: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-        disabled: string;
-        icon: string;
-        contained: string;
-        subtle: string;
-        ghost: string;
-        semantic: string;
-        primary: string;
-        primarySubtle: string;
-        primaryGhost: string;
-        secondarySubtle: string;
-        secondaryGhost: string;
-        secondary: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_132: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     readonly classes: {
         node: string;
         content: string;
@@ -8841,36 +8855,44 @@ declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_131: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_133: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        header: string;
-        actions: string;
         content: string;
-        hidden: string;
-        raisedHeader: string;
-        hasHeader: string;
-        spaceTop: string;
+        circle: string;
+        square: string;
+        text: string;
+        pulse: string;
+        wave: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_132: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        content: string;
-        circle: string;
-        square: string;
-        text: string;
-        pulse: string;
-        wave: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+        disabled: string;
+        icon: string;
+        contained: string;
+        subtle: string;
+        ghost: string;
+        semantic: string;
+        primary: string;
+        primarySubtle: string;
+        primaryGhost: string;
+        secondarySubtle: string;
+        secondaryGhost: string;
+        secondary: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         highlighted: string;
@@ -8879,7 +8901,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root" | "highlighted
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8887,7 +8909,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "listbox" | "error" | "description", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "listbox" | "error" | "description", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         error: string;
@@ -8902,7 +8924,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"root" | "list" | "popper" | "portal", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"root" | "list" | "popper" | "portal", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8913,7 +8935,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "list" | "po
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "invalid" | "disabled" | "multiline" | "readOnly" | "focused" | "input" | "inputReadOnly" | "inputRoot" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"root" | "invalid" | "disabled" | "multiline" | "readOnly" | "focused" | "input" | "inputReadOnly" | "inputRoot" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8938,7 +8960,48 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "invalid" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "arrow" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "isLink" | "noWrap" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        disabled: string;
+        isLink: string;
+        noWrap: string;
+        display: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        body: string;
+        label: string;
+        captionLabel: string;
+        caption1: string;
+        caption2: string;
+        "5xlTitle": string;
+        "4xlTitle": string;
+        "3xlTitle": string;
+        xxlTitle: string;
+        xlTitle: string;
+        lTitle: string;
+        mTitle: string;
+        sTitle: string;
+        xsTitle: string;
+        xxsTitle: string;
+        sectionTitle: string;
+        highlightText: string;
+        normalText: string;
+        placeholderText: string;
+        link: string;
+        disabledText: string;
+        selectedNavText: string;
+        vizText: string;
+        vizTextDisabled: string;
+        xsInlineLink: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "arrow" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         rootDisabled: string;
@@ -8968,16 +9031,7 @@ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        disabled: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_20: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8989,7 +9043,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8997,7 +9051,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -9010,7 +9064,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"root" | "button" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     readonly classes: {
         container: string;
         baseContainer: string;
@@ -9024,7 +9078,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         item: string;
@@ -9048,7 +9102,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "title" | "s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -9064,7 +9118,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "avatar" | "circular" | "fallback" | "badge", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9085,7 +9139,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "row" | "column" | "highlight" | "toBack", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"root" | "row" | "column" | "highlight" | "toBack", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         row: string;
@@ -9097,7 +9151,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "row" | "col
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "showLabel" | "badgeContainer" | "badgeHidden" | "showCount" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "badgeContainer" | "badgeHidden" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         badgeContainer: string;
@@ -9113,55 +9167,49 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePositi
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "rootClosed", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled", string>>, addStatic?: boolean) => {
     readonly classes: {
-        rootClosed: string;
         root: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
+        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focusDisabled" | "externalReference" | "falseFocus" | "focus", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     readonly classes: {
+        rootClosed: string;
         root: string;
-        selected: string;
-        disabled: string;
-        focusDisabled: string;
-        focused: string;
-        externalReference: string;
-        falseFocus: string;
-        focus: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "iconContainer" | "actionContainer" | "baseVariant" | "outContainer" | "messageContainer" | "messageActions" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "actionContainer" | "messageContainer" | "iconContainer" | "messageActions" | "closeAction" | "baseVariant" | "outContainer" | "actionsInnerContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        message: string;
-        action: string;
-        baseVariant: string;
         success: string;
         warning: string;
         error: string;
         default: string;
-        outContainer: string;
+        message: string;
+        action: string;
         messageContainer: string;
         iconContainer: string;
         messageActions: string;
         actionContainer: string;
-        actionsInnerContainer: string;
         closeAction: string;
+        baseVariant: string;
+        outContainer: string;
+        actionsInnerContainer: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "indeterminate" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "indeterminate" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9175,7 +9223,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -9188,7 +9236,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         switch: string;
@@ -9204,7 +9252,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         link: string;
@@ -9218,7 +9266,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         semantic: string;
@@ -9232,7 +9280,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "indeterminate" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "indeterminate" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9250,7 +9298,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"root" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "focusSelection" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         rangeCalendarContainer: string;
@@ -9263,7 +9311,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"root" | "calendarMon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"root" | "invalid" | "headerDayOfWeek", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"root" | "invalid" | "headerDayOfWeek", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         invalid: string;
@@ -9273,7 +9321,22 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "invalid" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"root" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "focusSelection" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        selected: string;
+        disabled: string;
+        focusDisabled: string;
+        focused: string;
+        externalReference: string;
+        falseFocus: string;
+        focus: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_40: (classesProp?: Partial<Record<"root" | "focusSelection" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         calendarGrid: string;
@@ -9296,15 +9359,7 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "navigationC
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_40: (classesProp?: Partial<Record<"root" | "icon" | "selectable" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"root" | "icon" | "selectable" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
@@ -9317,7 +9372,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"root" | "icon" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         titleShort: string;
@@ -9330,7 +9385,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"content" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     readonly classes: {
         content: string;
     };
@@ -9338,7 +9393,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"content", string>>,
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         media: string;
@@ -9347,7 +9402,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "dots" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         xs: string;
@@ -9378,7 +9433,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "pane
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     readonly classes: {
         slide: string;
         image: string;
@@ -9387,7 +9442,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", st
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "labelContainer" | "adornmentButton" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "adornmentButton" | "labelContainer" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9413,7 +9468,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "i
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageSizeRoot" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageSizeRoot" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         pageSizeOptions: string;
@@ -9435,7 +9490,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"root" | "icon" | "pa
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "error" | "group" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "error" | "group" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9450,7 +9505,15 @@ declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "description" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "description" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9470,25 +9533,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicke
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "startAdornment" | "endAdornment" | "gutters" | "interactive" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        focus: string;
-        startAdornment: string;
-        endAdornment: string;
-        gutters: string;
-        condensed: string;
-        interactive: string;
-        selected: string;
-        disabled: string;
-        withStartAdornment: string;
-        withEndAdornment: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_50: (classesProp?: Partial<Record<"root" | "fixed" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"root" | "fixed" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disableGutters: string;
@@ -9503,7 +9548,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "fixed" | "d
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         section: string;
@@ -9514,7 +9559,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9545,7 +9590,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "he
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "hover" | "variantListHead" | "striped", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9562,7 +9607,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9602,7 +9647,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "he
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -9613,7 +9658,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeade
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9621,7 +9666,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         sortDropdown: string;
@@ -9630,7 +9675,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdow
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "arrow" | "labelContainer" | "dropdown" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "labelContainer" | "dropdown" | "arrow" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9654,7 +9699,25 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "p
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "selectAllContainer" | "selectAll" | "rootList" | "dropdownListContainer" | "virtualized" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "interactive" | "startAdornment" | "endAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        focus: string;
+        startAdornment: string;
+        endAdornment: string;
+        gutters: string;
+        condensed: string;
+        interactive: string;
+        selected: string;
+        disabled: string;
+        withStartAdornment: string;
+        withEndAdornment: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "selection" | "virtualized" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootList: string;
         dropdownListContainer: string;
@@ -9670,18 +9733,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "description" | "labelContainer" | "dropdown" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"container" | "label" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "description" | "labelContainer" | "dropdown" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         actionContainer: string;
@@ -9705,7 +9757,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"root" | "titleText" | "messageContainer" | "fullscreen" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"root" | "titleText" | "messageContainer" | "fullscreen" | "textWithIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9717,7 +9769,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"root" | "titleText"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         textContent: string;
@@ -9726,7 +9778,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "textContent
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9736,7 +9788,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root" | "spacing" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "fullHeight" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "fullHeight" | "statusBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         background: string;
@@ -9753,7 +9805,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "backgrou
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         horizontal: string;
@@ -9765,7 +9817,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "error" | "group", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "invalid" | "error" | "group", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9779,7 +9831,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         paper: string;
@@ -9790,7 +9842,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "iconContainer" | "actionContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9805,30 +9857,27 @@ declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
     readonly classes: {
-        previewButton: string;
-        overlay: string;
+        root: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     readonly classes: {
-        root: string;
-        icon: string;
-        adornment: string;
-        adornmentIcon: string;
-        hideIcon: string;
-        adornmentButton: string;
-        disabled: string;
+        previewButton: string;
+        overlay: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "removeButton" | "progressbarBack" | "nameText" | "progressTextContainer" | "fail", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "removeButton" | "progressbarBack" | "nameText" | "progressTextContainer" | "fail", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progressbar: string;
@@ -9845,7 +9894,7 @@ declare const useClasses_70: (classesProp?: Partial<Record<"root" | "icon" | "pr
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9853,7 +9902,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"dropZoneContainer" | "dragAction" | "dropZoneContainerDisabled" | "dropZoneLabelsGroup" | "inputArea" | "dropArea" | "dropZoneAreaLabels" | "dropZoneAreaIcon" | "dropZoneLabel" | "dragText" | "selectFilesText", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"dropZoneContainer" | "dragAction" | "dropZoneContainerDisabled" | "dropZoneLabelsGroup" | "inputArea" | "dropArea" | "dropZoneAreaLabels" | "dropZoneAreaIcon" | "dropZoneLabel" | "dragText" | "selectFilesText", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropZoneContainer: string;
         dropZoneLabelsGroup: string;
@@ -9871,7 +9920,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"dropZoneContainer" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9883,7 +9932,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"label" | "root" | "e
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9900,7 +9949,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"space" | "header" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         name: string;
@@ -9913,7 +9962,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"name" | "small" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -9932,7 +9981,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root" | "direction-xs-column" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "item" | "zeroMinWidth" | "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" | "direction-xs-reverse", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9972,7 +10021,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -9983,15 +10032,21 @@ declare const useClasses_78: (classesProp?: Partial<Record<"backgroundColor" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        icon: string;
+        adornment: string;
+        adornmentIcon: string;
+        hideIcon: string;
+        adornmentButton: string;
+        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9999,7 +10054,7 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addS
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         separator: string;
@@ -10009,7 +10064,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root" | "separator"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -10022,7 +10077,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"root" | "active" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -10036,7 +10091,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"link" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -10044,7 +10099,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"root" | "input" | "icon" | "button" | "text" | "inputRoot" | "inputBorderContainer" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"root" | "input" | "icon" | "button" | "text" | "inputRoot" | "inputBorderContainer" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         inputBorderContainer: string;
@@ -10061,7 +10116,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root" | "input" | "i
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         visualIndicatorContainer: string;
@@ -10078,7 +10133,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"root" | "visualIndic
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
     readonly classes: {
         a: string;
     };
@@ -10086,7 +10141,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"a", string>>, addSta
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         virtualizedRoot: string;
@@ -10103,7 +10158,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "barContainer" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -10121,26 +10176,24 @@ declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        loading: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "childGutter" | "labelDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        labelDisabled: string;
-        childGutter: string;
+        loading: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         formContainer: string;
@@ -10149,7 +10202,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -10171,7 +10224,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"secondary" | "primar
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     readonly classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -10181,7 +10234,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"tooltipData" | "tool
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tooltip: string;
@@ -10199,7 +10252,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"color" | "root" | "t
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -10207,7 +10260,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progress: string;
@@ -10222,7 +10275,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "progress" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         topGroup: string;
@@ -10246,7 +10299,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10263,7 +10316,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -10276,19 +10329,6 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        positionSticky: string;
-        positionFixed: string;
-        notSelectedRoot: string;
-        notSelected: string;
-        selected: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];
@@ -10472,7 +10512,7 @@ export declare const useHvRowState: typeof useRowState;
 
 export declare const useHvSnackbar: () => {
     enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
-    closeSnackbar: (key?: SnackbarKey | undefined) => void;
+    closeSnackbar: (key?: SnackbarKey) => void;
 };
 
 export declare const useHvSortBy: UseHvSortByProps;
@@ -10647,13 +10687,6 @@ declare interface UseTreeViewContextValueBuilderParameters {
     defaultParentIcon?: React.ReactNode;
 }
 
-declare interface UseTreeViewExpansionInstance {
-    isNodeExpanded: (nodeId: string) => boolean;
-    isNodeExpandable: (nodeId: string) => boolean;
-    toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
-    expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
-}
-
 declare interface UseTreeViewExpansionParameters {
     /**
      * Expanded node ids.
@@ -10674,11 +10707,6 @@ declare interface UseTreeViewExpansionParameters {
     onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
 }
 
-declare interface UseTreeViewFocusInstance {
-    isNodeFocused: (nodeId: string) => boolean;
-    focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
-}
-
 declare interface UseTreeViewFocusParameters {
     /**
      * Callback fired when tree items are focused.
@@ -10689,19 +10717,6 @@ declare interface UseTreeViewFocusParameters {
     onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
 }
 
-declare interface UseTreeViewKeyboardNavigationInstance {
-    mapFirstChar: (nodeId: string, firstChar: string) => () => void;
-}
-
-declare interface UseTreeViewNodesInstance {
-    getNode: (nodeId: string) => TreeViewNode;
-    updateNode: (node: TreeViewNode) => void;
-    removeNode: (nodeId: string) => void;
-    getChildrenIds: (nodeId: string | null) => string[];
-    getNavigableChildrenIds: (nodeId: string | null) => string[];
-    isNodeDisabled: (nodeId: string | null) => nodeId is string;
-}
-
 declare interface UseTreeViewNodesParameters {
     /**
      * If `true`, will allow focus on disabled items.
@@ -10710,14 +10725,6 @@ declare interface UseTreeViewNodesParameters {
     disabledItemsFocusable?: boolean;
 }
 
-declare interface UseTreeViewSelectionInstance {
-    isNodeSelected: (nodeId: string) => boolean;
-    selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
-    selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
-    rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
-    rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
-}
-
 declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
     /**
      * If `true` selection is disabled.
@@ -10830,9 +10837,9 @@ export declare const warningTextClasses: {
 };
 
 /** @deprecated wrap your component with `HvTooltip` */
-export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_3.Element;
+export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
 
 /** @deprecated */
-export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_3.Element) | (() => any);
+export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
 
 export { }