@hitachivantara/uikit-react-core 5.66.11 → 5.66.13

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,6 +13,7 @@ import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
 import { CSSInterpolation } from '@emotion/serialize';
+import { CSSInterpolation as CSSInterpolation_2 } from '@emotion/css/dist/declarations/src/create-instance';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'embla-carousel-react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
@@ -27,7 +26,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 { ForwardRefExoticComponent } from 'react';
@@ -57,12 +55,11 @@ import { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
 import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 import { IdType as IdType_2 } from 'react-table';
-import { InputBaseComponentProps } from '@mui/material/InputBase';
+import { InputBaseComponentProps } from '@mui/material';
+import { InputBaseComponentProps as InputBaseComponentProps_2 } from '@mui/material/InputBase';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { InputProps } from '@mui/material/Input';
-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 { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
 import { OptionsObject } from 'notistack';
@@ -72,14 +69,11 @@ 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';
-import { RefObject } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
-import { SetStateAction } from 'react';
 import { SlideProps } from '@mui/material/Slide';
 import { SliderProps } from 'rc-slider';
 import { SliderRef } from 'rc-slider';
@@ -324,7 +318,6 @@ export declare const baseCheckBoxClasses: {
 export declare const baseDropdownClasses: {
     container: "HvBaseDropdown-container";
     header: "HvBaseDropdown-header";
-    anchor: "HvBaseDropdown-anchor";
     root: "HvBaseDropdown-root";
     headerOpen: "HvBaseDropdown-headerOpen";
     headerDisabled: "HvBaseDropdown-headerDisabled";
@@ -332,6 +325,7 @@ export declare const baseDropdownClasses: {
     placeholder: "HvBaseDropdown-placeholder";
     panel: "HvBaseDropdown-panel";
     inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
+    anchor: "HvBaseDropdown-anchor";
     selection: "HvBaseDropdown-selection";
     arrowContainer: "HvBaseDropdown-arrowContainer";
     arrow: "HvBaseDropdown-arrow";
@@ -404,14 +398,14 @@ export declare interface Breakpoint {
     spacing?: Spacing;
 }
 
-export declare const buildAriaPropsFromContext: (props: any, context: any, isInvalid: any, inputId: any) => default_2.AriaAttributes;
+export declare const buildAriaPropsFromContext: (props: InputBaseComponentProps, context: HvFormElementDescriptorsContextValue, isInvalid: boolean, inputId?: string) => default_2.AriaAttributes;
 
-export declare const buildFormElementPropsFromContext: (name: any, disabled: any, readOnly: any, required: any, context: any) => {
-    name: any;
-    disabled: any;
-    readOnly: any;
-    required: any;
-    status: any;
+export declare const buildFormElementPropsFromContext: (name?: string, disabled?: boolean, readOnly?: boolean, required?: boolean, context?: HvFormElementContextValue) => {
+    name: string | undefined;
+    disabled: boolean | undefined;
+    readOnly: boolean | undefined;
+    required: boolean | undefined;
+    status: string | undefined;
 };
 
 export declare const bulkActionsClasses: {
@@ -523,16 +517,9 @@ export declare const carouselClasses: {
 
 declare type CellValue<V = any> = V;
 
-export declare const CellWithCheckBox: ({ row, labels: labelsProp }: {
-    row: any;
-    labels: any;
-}) => JSX_3.Element;
+export declare const CellWithCheckBox: ({ row, labels: labelsProp }: any) => JSX_2.Element;
 
-export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp }: {
-    row: any;
-    cell: any;
-    labels: any;
-}) => JSX_3.Element;
+export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: any) => JSX_2.Element;
 
 export declare const charCounterClasses: {
     root: "HvCharCounter-root";
@@ -570,12 +557,12 @@ export declare const checkValidHexColorValue: (value?: string) => boolean;
 
 export declare const colorPickerClasses: {
     colorPicker: "HvColorPicker-colorPicker";
-    description: "HvColorPicker-description";
     label: "HvColorPicker-label";
     root: "HvColorPicker-root";
     panel: "HvColorPicker-panel";
     headerColorValue: "HvColorPicker-headerColorValue";
     recommendedColorsRoot: "HvColorPicker-recommendedColorsRoot";
+    description: "HvColorPicker-description";
     labelContainer: "HvColorPicker-labelContainer";
     headerColorIcon: "HvColorPicker-headerColorIcon";
     colorPickerIcon: "HvColorPicker-colorPickerIcon";
@@ -585,8 +572,8 @@ export declare const colorPickerClasses: {
 };
 
 export declare const containerClasses: {
-    fixed: "HvContainer-fixed";
     root: "HvContainer-root";
+    fixed: "HvContainer-fixed";
     disableGutters: "HvContainer-disableGutters";
     maxWidthXs: "HvContainer-maxWidthXs";
     maxWidthSm: "HvContainer-maxWidthSm";
@@ -609,12 +596,12 @@ name: Name, stylesObject: Record<ClassName, CSSInterpolation>): {
     useClasses: (classesProp?: Partial<Record<ClassName, string>>, addStatic?: boolean) => {
         classes: { [P in ClassName]: string; };
         css: {
-            (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-            (...args: CSSInterpolation[]): string;
+            (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+            (...args: CSSInterpolation_2[]): string;
         };
         cx: (...args: any) => string;
     };
-    staticClasses: { [P_1 in ClassName]: `${Name}-${P_1}`; };
+    staticClasses: { [P in ClassName]: `${Name}-${P}`; };
 };
 
 /**
@@ -624,7 +611,6 @@ name: Name, stylesObject: Record<ClassName, CSSInterpolation>): {
 export declare const createTheme: (props: HvCreateThemeProps) => HvTheme | HvThemeStructure;
 
 export declare const datePickerClasses: {
-    description: "HvDatePicker-description";
     label: "HvDatePicker-label";
     root: "HvDatePicker-root";
     panel: "HvDatePicker-panel";
@@ -632,6 +618,7 @@ export declare const datePickerClasses: {
     inputText: "HvDatePicker-inputText";
     action: "HvDatePicker-action";
     dropdown: "HvDatePicker-dropdown";
+    description: "HvDatePicker-description";
     error: "HvDatePicker-error";
     labelContainer: "HvDatePicker-labelContainer";
     actionContainer: "HvDatePicker-actionContainer";
@@ -763,21 +750,13 @@ export { defaultCacheKey }
 
 export { defaultEmotionCache }
 
-export declare const defaultgetHvBulkActionsProps: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const defaultgetHvBulkActionsProps: (props: any, { instance }: any) => any[];
 
-export declare const defaultGetHvPaginationProps: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const defaultGetHvPaginationProps: (props: any, { instance }: any) => any[];
 
-export declare const defaultGetToggleAllPageRowsSelectedProps: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const defaultGetToggleAllPageRowsSelectedProps: (props: any, { instance }: any) => any[];
 
-export declare const defaultGetToggleAllRowsSelectedProps: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const defaultGetToggleAllRowsSelectedProps: (props: any, { instance }: any) => any[];
 
 export declare const defaultGetToggleRowSelectedProps: (props: any, meta: any) => any[];
 
@@ -844,7 +823,6 @@ export declare const drawerClasses: {
 };
 
 export declare const dropdownClasses: {
-    description: "HvDropdown-description";
     label: "HvDropdown-label";
     root: "HvDropdown-root";
     placeholder: "HvDropdown-placeholder";
@@ -852,6 +830,7 @@ export declare const dropdownClasses: {
     readOnly: "HvDropdown-readOnly";
     placeholderClosed: "HvDropdown-placeholderClosed";
     dropdown: "HvDropdown-dropdown";
+    description: "HvDropdown-description";
     error: "HvDropdown-error";
     arrow: "HvDropdown-arrow";
     labelContainer: "HvDropdown-labelContainer";
@@ -914,9 +893,9 @@ export declare const fileUploaderPreviewClasses: {
 };
 
 export declare const filterGroupClasses: {
-    description: "HvFilterGroup-description";
     label: "HvFilterGroup-label";
     root: "HvFilterGroup-root";
+    description: "HvFilterGroup-description";
     error: "HvFilterGroup-error";
     labelContainer: "HvFilterGroup-labelContainer";
 };
@@ -933,7 +912,7 @@ export declare function filterProps(props: Record<string, any>): Record<string,
  * @param {Object} descriptors - Initial descriptors map (used for recursion).
  *
  */
-export declare const findDescriptors: (children: any, descriptors?: {
+export declare const findDescriptors: (children: default_2.ReactNode, descriptors?: {
     input: Descriptor[];
     label: Descriptor[];
     description: Descriptor[];
@@ -946,13 +925,13 @@ export declare const findDescriptors: (children: any, descriptors?: {
     description: Descriptor[];
     controlled: Descriptor[];
     errormessage: Descriptor[];
-    HvCalendarHeader?: Descriptor[] | undefined;
+    HvCalendarHeader?: Descriptor[];
 };
 
 declare type FixComponentProps<T> = T extends any ? T : never;
 
 /** React.forwardRef with fixed type declarations */
-export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactNode): (props: P & React.RefAttributes<T>) => React.ReactNode;
 
 export declare const focusClasses: {
     root: "HvFocus-root";
@@ -1006,17 +985,13 @@ export declare const getFirstAndLastFocus: (node: any) => {
 /** Gets the list of focusable elements. */
 export declare const getFocusableList: (node: any) => any;
 
-export declare const getHeaderFooterPropsHook: (props: any, { column }: {
-    column: any;
-}) => any[];
+export declare const getHeaderFooterPropsHook: (props: any, { column }: any) => any[];
 
-export declare const getHeaderGroupPropsHook: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const getHeaderGroupPropsHook: (props: any, { instance }: any) => any[];
 
-export declare const getIdReferenceFor: (formElementType: any, descriptors: any, filterFor?: null) => any;
+export declare const getIdReferenceFor: (formElementType: string, descriptors: any, filterFor?: null) => any;
 
-export declare const getIdReferenceListFor: (formElementType: any, descriptors: any, filterFor?: null) => any;
+export declare const getIdReferenceListFor: (formElementType: string, descriptors: any, filterFor?: string | null) => any;
 
 /** Auxiliary function to find adjacent nodes to focus. */
 export declare const getPrevNextFocus: (nodeId?: string) => {
@@ -1025,13 +1000,11 @@ 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 getTableHeadPropsHook: (props: any, { instance }: {
-    instance: any;
-}) => any[];
+export declare const getTableHeadPropsHook: (props: any, { instance }: any) => any[];
 
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
@@ -1126,7 +1099,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
+export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_19>;
 
@@ -1155,7 +1128,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     disableEventHandling?: boolean;
 }
 
-export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
+export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
 export declare type HvActionBarClasses = ExtractNames<typeof useClasses_20>;
 
@@ -1196,7 +1169,7 @@ export declare interface HvActionGeneric {
     iconOnly?: boolean;
 }
 
-export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
+export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_21>;
 
@@ -1257,9 +1230,9 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_3.Element;
+export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_2.Element;
 
-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. */
@@ -1414,7 +1387,7 @@ export declare type HvAvatarVariant = "circular" | "square";
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
-export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
+export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
 export declare type HvBadgeClasses = ExtractNames<typeof useClasses_26>;
 
@@ -1453,7 +1426,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
+export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1628,7 +1601,7 @@ export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdo
 
 export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_18>;
 
-export declare interface HvBaseDropdownProps extends HvBaseProps {
+export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "onToggle"> {
     /**
      * The role of the element that triggers the popup.
      *
@@ -1719,7 +1692,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
+export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_17>;
 
@@ -1750,7 +1723,7 @@ export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" |
     /** Denotes if the input is in an invalid state. */
     invalid?: boolean;
     /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
+    inputProps?: InputBaseComponentProps_2;
     /** Allows passing a ref to the underlying input */
     inputRef?: InputBaseProps["inputRef"];
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1922,19 +1895,26 @@ export { HvBaseTheme }
  * It can be used to add styles to the wrapped components.
  * It can also be used to create a layout using the flexbox properties.
  */
-export declare const HvBox: HvBoxProps;
+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 | 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>) => React.ReactNode;
 
-declare type HvBoxBaseProps<C extends React.ElementType> = PolymorphicComponentRef<C, {
+export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
     style?: React.CSSProperties;
-    sx?: SxProps;
+    sx?: React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
 }>;
 
-export declare type HvBoxProps = <C extends React.ElementType = "div">(props: HvBoxBaseProps<C>) => React.ReactElement | null;
-
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
+export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
 
 export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_33>;
 
@@ -1966,7 +1946,7 @@ export { HvBreakpoints }
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
+export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
 
 export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
 
@@ -2014,58 +1994,42 @@ 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?: "positive" | "warning" | "negative" | "secondary" | "primary" | "semantic" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "positiveSubtle" | "positiveGhost" | "negativeSubtle" | "negativeGhost" | "warningSubtle" | "warningGhost" | 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;
     /** Button size. */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    size?: HvButtonSize;
     /** Button border radius. */
-    radius?: "base" | "none" | "round" | "circle" | "full" | undefined;
+    radius?: HvButtonRadius;
     /** Defines the default colors of the button are forced into the icon. */
-    overrideIconColors?: boolean | undefined;
+    overrideIconColors?: boolean;
     /** A Jss Object used to override or extend the styles applied. */
-    classes?: Partial<{
-        secondary: string;
-        primary: string;
-        root: string;
-        disabled: string;
-        semantic: string;
-        secondarySubtle: string;
-        ghost: string;
-        icon: string;
-        secondaryGhost: string;
-        primaryGhost: string;
-        subtle: string;
-        primarySubtle: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-    }> | undefined;
+    classes?: HvButtonClasses;
     /** 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>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactNode;
 
 export declare type HvButtonClasses = ExtractNames<typeof useClasses_12>;
 
@@ -2106,12 +2070,12 @@ export declare type HvButtonSize = (typeof buttonSize)[number];
 
 export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
-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 const HvCalendarHeader: {
-    (props: HvCalendarHeaderProps): JSX_3.Element;
+    (props: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
@@ -2233,11 +2197,11 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: (props: HvCardProps) => JSX_3.Element;
+export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_39>;
 
-export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_3.Element;
+export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
 export declare type HvCardContentClasses = ExtractNames<typeof useClasses_41>;
 
@@ -2248,7 +2212,7 @@ 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_40>;
 
@@ -2265,7 +2229,7 @@ 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_42>;
 
@@ -2304,11 +2268,11 @@ export declare interface HvCardProps extends HvBaseProps {
  * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.
  * It allows you to focus on a particular content while having a notion of how many you have to explore.
  */
-export declare const HvCarousel: (props: HvCarouselProps) => JSX_3.Element;
+export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
 export declare type HvCarouselClasses = ExtractNames<typeof useClasses_43>;
 
-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;
@@ -2359,7 +2323,7 @@ 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_44>;
 
@@ -2410,7 +2374,7 @@ 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_5>;
 
@@ -2723,7 +2687,7 @@ 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_50>;
 
@@ -2894,11 +2858,11 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-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_62>;
 
-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` */
@@ -2909,7 +2873,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
 
 export declare type HvDialogClasses = ExtractNames<typeof useClasses_63>;
 
-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_61>;
 
@@ -2924,7 +2888,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     /** Current state of the Dialog. */
     open?: boolean;
     /** Callback fired when the component requests to be closed. */
-    onClose?: (event: any, reason?: "escapeKeyDown" | "backdropClick") => void;
+    onClose?: (event: default_2.MouseEvent<HTMLButtonElement> | {}, reason?: "escapeKeyDown" | "backdropClick") => void;
     /** @inheritdoc */
     maxWidth?: DialogProps["maxWidth"];
     /** @inheritdoc */
@@ -2951,7 +2915,7 @@ 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_60>;
 
@@ -2972,7 +2936,7 @@ 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_64>;
 
@@ -3016,7 +2980,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: (props: HvDrawerProps) => JSX_3.Element;
+export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_66>;
 
@@ -3172,11 +3136,11 @@ declare interface HvDropdownListProps {
 /**
  * A dropdown menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
-export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
+export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_34>;
 
-export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
+export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick" | "onToggle"> {
     /** Icon. */
     icon?: React.ReactElement;
     /**
@@ -3194,9 +3158,9 @@ export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement,
     /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
     disablePortal?: boolean;
     /** Function executed on toggle of the dropdown. Should receive the open status. */
-    onToggle?: (event: Event, open: boolean) => void;
+    onToggle?: (event: Event | React.KeyboardEvent<HTMLUListElement> | React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLLIElement>, open: boolean) => void;
     /** Function executed in each onClick. Should received the clicked element. */
-    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue) => void;
+    onClick?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLLIElement>, value: HvListValue) => void;
     /** Keep the Dropdown Menu opened after clicking one option */
     keepOpened?: boolean;
     /** Defines if the component is disabled. */
@@ -3371,7 +3335,7 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_3.Element;
+export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_67>;
 
@@ -3399,7 +3363,7 @@ 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_69>;
 
@@ -3467,7 +3431,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
  */
-export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /**
@@ -3480,7 +3444,7 @@ 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_68>;
 
@@ -3651,7 +3615,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 
 export declare type HvFilterGroupValue = (string | number)[][];
 
-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_2>;
 
@@ -3690,7 +3654,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
-export declare const HvFooter: (props: HvFooterProps) => JSX_3.Element;
+export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
 
 export declare type HvFooterClasses = ExtractNames<typeof useClasses_72>;
 
@@ -3714,49 +3678,40 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
 };
 
 export declare const HvFormElement: {
-    (props: HvFormElementProps): JSX_3.Element;
+    (props: HvFormElementProps): JSX_2.Element;
     formElementType: string;
 };
 
 export declare type HvFormElementClasses = ExtractNames<typeof useClasses_7>;
 
-export declare const HvFormElementContext: default_2.Context<{
-    elementId?: string | undefined;
-    elementDisabled?: boolean | undefined;
-    elementRequired?: boolean | undefined;
-    elementStatus?: string | undefined;
-}>;
+export declare const HvFormElementContext: default_2.Context<HvFormElementContextValue>;
 
-export declare const HvFormElementContextConsumer: default_2.Consumer<{
-    elementId?: string | undefined;
-    elementDisabled?: boolean | undefined;
-    elementRequired?: boolean | undefined;
-    elementStatus?: string | undefined;
-}>;
+export declare const HvFormElementContextConsumer: default_2.Consumer<HvFormElementContextValue>;
 
-export declare const HvFormElementContextProvider: default_2.Provider<{
-    elementId?: string | undefined;
-    elementDisabled?: boolean | undefined;
-    elementRequired?: boolean | undefined;
-    elementStatus?: string | undefined;
-}>;
+export declare const HvFormElementContextProvider: default_2.Provider<HvFormElementContextValue>;
 
-export declare const HvFormElementDescriptorsContext: default_2.Context<{
-    input?: any;
-    label?: any;
-}>;
+export declare interface HvFormElementContextValue {
+    elementId?: string;
+    elementDisabled?: boolean;
+    elementRequired?: boolean;
+    elementStatus?: string;
+    elementReadOnly?: boolean;
+    elementName?: string;
+}
 
-export declare const HvFormElementDescriptorsContextConsumer: default_2.Consumer<{
-    input?: any;
-    label?: any;
-}>;
+export declare const HvFormElementDescriptorsContext: default_2.Context<HvFormElementDescriptorsContextValue>;
+
+export declare const HvFormElementDescriptorsContextConsumer: default_2.Consumer<HvFormElementDescriptorsContextValue>;
+
+export declare const HvFormElementDescriptorsContextProvider: default_2.Provider<HvFormElementDescriptorsContextValue>;
 
-export declare const HvFormElementDescriptorsContextProvider: default_2.Provider<{
+export declare interface HvFormElementDescriptorsContextValue {
     input?: any;
     label?: any;
-}>;
+    descriptors?: any;
+}
 
-export declare interface HvFormElementProps extends HvBaseProps<HTMLDivElement, "onChange"> {
+export declare interface HvFormElementProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /**
      * Name of the form element.
      *
@@ -3813,7 +3768,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_3.Element;
+export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_73>;
 
@@ -3963,9 +3918,9 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
+export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
+export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3976,7 +3931,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
+export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_77>;
 
@@ -3992,7 +3947,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     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_78>;
 
@@ -4005,7 +3960,7 @@ 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_79>;
 
@@ -4018,7 +3973,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
+export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_80>;
 
@@ -4086,7 +4041,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
  * 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" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled"> & {
+export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled"> & {
     /** 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 */
@@ -4094,14 +4049,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;
+    children?: ReactNode | undefined;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "component" | "ref" | "children" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+} & RefAttributes<unknown>) => React.ReactNode;
 
 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`. */
@@ -4117,7 +4072,7 @@ export declare type HvIconButtonProps<C extends React.ElementType = "button"> =
 /**
  * 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_9>;
 
@@ -4134,7 +4089,7 @@ 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: (props: HvInlineEditorProps) => JSX_3.Element;
+export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_81>;
 
@@ -4242,7 +4197,7 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
     /** An Object containing the various texts associated with the input. */
     validationMessages?: HvValidationMessages;
     /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
+    inputProps?: InputBaseComponentProps_2;
     /**
      * Allows passing a ref to the underlying input
      * @deprecated Use `ref` directly instead
@@ -4316,7 +4271,7 @@ export declare interface HvKnobProperty {
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
  */
-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_82>;
 
@@ -4356,7 +4311,7 @@ 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_8>;
 
@@ -4375,7 +4330,7 @@ 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_55>;
 
@@ -4392,7 +4347,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     classes?: HvLeftControlClasses;
 }
 
-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_83>;
 
@@ -4408,7 +4363,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-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_84>;
 
@@ -4524,7 +4479,7 @@ export declare interface HvListProps extends HvBaseProps<HTMLUListElement, "onCh
     /** Call back fired when list item is selected. Returns selection state. */
     onChange?: (value: HvListValue[]) => void;
     /** Call back fired when list item is selected. Returns selected item. */
-    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue) => void;
+    onClick?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLLIElement>, value: HvListValue) => void;
     /** If `true` the list items will show the selection state. */
     selectable?: boolean;
     /** If `true`, selection can be toggled when single selection. */
@@ -4561,7 +4516,7 @@ export declare interface HvListValue extends HvExtraProps {
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
+export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_85>;
 
@@ -4574,7 +4529,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_85>;
  *  <MyComponent>
  * </HvLoadingContainer>
  * */
-export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_3.Element;
+export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_2.Element;
 
 export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_86>;
 
@@ -4587,7 +4542,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
     small?: boolean;
     /** The label to be displayed.  */
-    label?: string | React.ReactNode;
+    label?: React.ReactNode;
     /** Whether the loading animation is hidden. */
     hidden?: boolean;
     /** Color applied to the bars. */
@@ -4599,7 +4554,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
+export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
 
 export declare type HvLoginClasses = ExtractNames<typeof useClasses_87>;
 
@@ -4626,7 +4581,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
     userProps: any;
 }
 
-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_88>;
 
@@ -4664,7 +4619,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.ReactNode;
 
 /**
  * Optional
@@ -4701,7 +4656,7 @@ 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_89>;
 
@@ -4724,7 +4679,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * 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.
  */
-export declare const HvPagination: (props: HvPaginationProps) => JSX_3.Element;
+export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_46>;
 
@@ -4781,7 +4736,7 @@ 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_92>;
 
@@ -4830,7 +4785,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 {
     /**
@@ -4897,7 +4852,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;
@@ -5342,7 +5297,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
-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_56>;
 
@@ -5381,7 +5336,7 @@ 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_98>;
 
@@ -5466,7 +5421,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
 /**
  * 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_96>;
 
@@ -5546,7 +5501,7 @@ export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAt
 
 export declare type HvSectionClasses = ExtractNames<typeof useClasses_99>;
 
-export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title"> {
+export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title" | "onToggle"> {
     /** The title of the section */
     title?: React.ReactNode;
     /** Whether or not the section is expandable.  */
@@ -5580,7 +5535,7 @@ 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.ReactNode;
 
 export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
 
@@ -5672,7 +5627,7 @@ 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_100>;
 
@@ -5705,7 +5660,7 @@ 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_129>;
 
@@ -5829,7 +5784,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
+export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_102>;
 
@@ -5909,7 +5864,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     ref?: SnackbarProps["ref"];
 }
 
-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_104>;
 
@@ -5939,7 +5894,7 @@ 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> {
 }
@@ -6115,7 +6070,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     component?: SwitchProps["component"];
 }
 
-export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
+export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
 
 export declare type HvTabClasses = ExtractNames<typeof useClasses_107>;
 
@@ -6450,7 +6405,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
+export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
 
 export declare type HvTabsClasses = ExtractNames<typeof useClasses_112>;
 
@@ -6528,7 +6483,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
 /**
  * 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: default_2.ForwardRefExoticComponent<HvTagsInputProps & default_2.RefAttributes<HTMLUListElement>>;
 
 export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_113>;
 
@@ -6544,9 +6499,9 @@ export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onCh
      * The form element must be labeled for accessibility reasons.
      * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
      */
-    label?: React.ReactNode;
+    label?: default_2.ReactNode;
     /** Provide additional descriptive text for the form element. */
-    description?: React.ReactNode;
+    description?: default_2.ReactNode;
     /** Indicates that the form element is disabled. */
     disabled?: boolean;
     /** Indicates that the form element is not editable. */
@@ -6554,15 +6509,15 @@ export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onCh
     /** Indicates that the form element is required. */
     required?: boolean;
     /** The function that will be executed onChange. */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, value: HvTagProps[]) => void;
+    onChange?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
-    onFocus?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: (event: default_2.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when the element is blurred. */
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLDivElement>, value: string) => void;
     /** The function that will be executed when a tag is deleted. */
-    onDelete?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
+    onDelete?: (event: default_2.KeyboardEvent<HTMLUListElement> | default_2.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
-    onAdd?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
+    onAdd?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
     /** The placeholder value of the input. */
     placeholder?: string;
     /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
@@ -6572,7 +6527,7 @@ export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onCh
     /** The maximum allowed length of the characters, if this value is null no check will be performed. */
     maxTagsQuantity?: number;
     /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
+    inputProps?: InputBaseComponentProps_2;
     /** If `true` it should autofocus. */
     autoFocus?: boolean;
     /** If `true` the component is resizable. */
@@ -6584,7 +6539,7 @@ export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onCh
     /** The status of the form element. */
     status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
-    statusMessage?: React.ReactNode;
+    statusMessage?: default_2.ReactNode;
     /** An Object containing the various texts associated with the input. */
     validationMessages?: HvValidationMessages;
     /** An array of strings that represent the character used to input a tag. This character is the string representation of the event.code from the input event. */
@@ -6740,7 +6695,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;
@@ -6754,42 +6709,40 @@ 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 dayjs supported locales and explicitly imported
      * @see https://day.js.org/docs/en/i18n/i18n
      */
-    locale?: string | undefined;
+    locale?: string;
     /**
      * The element to render when the timestamp is null or 0
      * Defaults to `—` (Em Dash)
      */
     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;
+    classes?: HvTimeAgoClasses;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode;
+    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.ReactNode;
 
 export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_115>;
 
@@ -7015,6 +6968,8 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
     TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
     /** Props applied to the transition component */
     TransitionProps?: TransitionProps;
+    /** Whether to disable the following default behavior: when the item is focused, the focus is placed on the tree root. @default `false` */
+    disableTreeFocus?: boolean;
 }
 
 /**
@@ -7033,7 +6988,7 @@ 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.ReactNode;
 
 export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_117>;
 
@@ -7047,69 +7002,34 @@ 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<{
-        display: string;
-        "5xlTitle": string;
-        "4xlTitle": string;
-        link: string;
-        title1: string;
-        title2: string;
-        title3: string;
-        title4: string;
-        label: string;
-        body: string;
-        captionLabel: string;
-        caption1: string;
-        caption2: string;
-        xxlTitle: string;
-        lTitle: string;
-        sTitle: string;
-        xxsTitle: string;
-        sectionTitle: string;
-        placeholderText: string;
-        disabledText: string;
-        selectedNavText: string;
-        vizTextDisabled: string;
-        xsInlineLink: string;
-        root: string;
-        disabled: string;
-        isLink: string;
-        noWrap: string;
-        "3xlTitle": string;
-        xlTitle: string;
-        mTitle: string;
-        xsTitle: string;
-        highlightText: string;
-        normalText: string;
-        vizText: string;
-    }> | undefined;
+    classes?: HvTypographyClasses;
 } & {
     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.ReactNode;
 
 export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
 
@@ -7187,9 +7107,9 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
+export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
 
-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_123>;
 
@@ -7204,7 +7124,7 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvTypograp
     onClick?: (event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
 }
 
-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_122>;
 
@@ -7215,7 +7135,7 @@ export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
 
 export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_120>;
 
-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_121>;
 
@@ -7262,7 +7182,7 @@ 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_125>;
 
@@ -7290,11 +7210,11 @@ 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_124>;
 
-export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange"> {
+export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvVerticalNavigationTreeClasses;
     /** Modus operandi (role) of the widget instance. */
@@ -7413,7 +7333,7 @@ export declare interface HvVerticalNavigationTreeViewItemProps {
     disableTooltip?: boolean;
 }
 
-export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<HTMLUListElement, "onChange"> {
+export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<HTMLUListElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationTreeViewClasses;
     /** Modus operandi (role) of the widget instance. */
@@ -7449,7 +7369,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
 /**
  * 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_10>;
 
@@ -7472,7 +7392,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;
 
@@ -7498,7 +7418,6 @@ export declare const inlineEditorClasses: {
 };
 
 export declare const inputClasses: {
-    description: "HvInput-description";
     label: "HvInput-label";
     root: "HvInput-root";
     inputBorderContainer: "HvInput-inputBorderContainer";
@@ -7507,6 +7426,7 @@ export declare const inputClasses: {
     inputRootMultiline: "HvInput-inputRootMultiline";
     input: "HvInput-input";
     icon: "HvInput-icon";
+    description: "HvInput-description";
     error: "HvInput-error";
     adornmentButton: "HvInput-adornmentButton";
     labelContainer: "HvInput-labelContainer";
@@ -7523,14 +7443,14 @@ declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 
 export declare const isBrowser: (browsers: string | string[]) => boolean | null;
 
-export declare const isInvalid: (compareState: HvFormStatus) => boolean;
+export declare const isInvalid: (compareState: HvFormStatus) => compareState is "invalid";
 
 /** Check whether a keyboard `event` is pressing the `keyCode` key. */
 export declare const isKey: (event: any, keyCode: Key) => boolean;
 
 export declare const isOneOfKeys: (event: any, keys: Key[]) => boolean;
 
-export declare const isValid: (compareState: HvFormStatus) => boolean;
+export declare const isValid: (compareState: HvFormStatus) => compareState is "valid";
 
 declare type Key = keyof typeof keyboardCodes;
 
@@ -7641,7 +7561,6 @@ export declare const multiButtonClasses: {
     secondary: "HvMultiButton-secondary";
     primary: "HvMultiButton-primary";
     vertical: "HvMultiButton-vertical";
-    split: "HvMultiButton-split";
     root: "HvMultiButton-root";
     secondarySubtle: "HvMultiButton-secondarySubtle";
     selected: "HvMultiButton-selected";
@@ -7653,6 +7572,7 @@ export declare const multiButtonClasses: {
     splitGroup: "HvMultiButton-splitGroup";
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
     splitContainer: "HvMultiButton-splitContainer";
+    split: "HvMultiButton-split";
     primarySubtle: "HvMultiButton-primarySubtle";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
@@ -7734,9 +7654,7 @@ export declare type PolymorphicComponentRef<C extends React.ElementType, Props =
 
 export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 
-export declare function prepareRow(row: any, { instance }: {
-    instance: any;
-}): void;
+export declare function prepareRow(row: any, { instance }: any): void;
 
 /**
  * Process the themes provided to the HvProvider:
@@ -7892,7 +7810,6 @@ export declare const sectionClasses: {
 };
 
 export declare const selectClasses: {
-    description: "HvSelect-description";
     label: "HvSelect-label";
     root: "HvSelect-root";
     panel: "HvSelect-panel";
@@ -7900,6 +7817,7 @@ export declare const selectClasses: {
     readOnly: "HvSelect-readOnly";
     select: "HvSelect-select";
     popper: "HvSelect-popper";
+    description: "HvSelect-description";
     error: "HvSelect-error";
     invalid: "HvSelect-invalid";
     labelContainer: "HvSelect-labelContainer";
@@ -7910,10 +7828,10 @@ export declare const selectClasses: {
 export declare const selectionListClasses: {
     vertical: "HvSelectionList-vertical";
     horizontal: "HvSelectionList-horizontal";
-    description: "HvSelectionList-description";
     label: "HvSelectionList-label";
     root: "HvSelectionList-root";
     listbox: "HvSelectionList-listbox";
+    description: "HvSelectionList-description";
     error: "HvSelectionList-error";
     invalid: "HvSelectionList-invalid";
 };
@@ -8020,8 +7938,6 @@ export declare const switchClasses: {
     switchContainer: "HvSwitch-switchContainer";
 };
 
-declare type SxProps = React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
-
 export declare const tabClasses: {
     root: "HvTab-root";
     disabled: "HvTab-disabled";
@@ -8042,11 +7958,11 @@ export declare const tableCellClasses: {
     variantList: "HvTableCell-variantList";
     footer: "HvTableCell-footer";
     resizable: "HvTableCell-resizable";
+    sorted: "HvTableCell-sorted";
     alignLeft: "HvTableCell-alignLeft";
     alignCenter: "HvTableCell-alignCenter";
     alignRight: "HvTableCell-alignRight";
     alignJustify: "HvTableCell-alignJustify";
-    sorted: "HvTableCell-sorted";
     variantNone: "HvTableCell-variantNone";
     variantCheckbox: "HvTableCell-variantCheckbox";
     variantActions: "HvTableCell-variantActions";
@@ -8085,11 +8001,11 @@ export declare const tableHeaderClasses: {
     resizer: "HvTableHeader-resizer";
     footer: "HvTableHeader-footer";
     resizable: "HvTableHeader-resizable";
+    sorted: "HvTableHeader-sorted";
     alignLeft: "HvTableHeader-alignLeft";
     alignCenter: "HvTableHeader-alignCenter";
     alignRight: "HvTableHeader-alignRight";
     alignJustify: "HvTableHeader-alignJustify";
-    sorted: "HvTableHeader-sorted";
     variantNone: "HvTableHeader-variantNone";
     variantCheckbox: "HvTableHeader-variantCheckbox";
     variantActions: "HvTableHeader-variantActions";
@@ -8159,13 +8075,13 @@ export declare const tagClasses: {
 };
 
 export declare const tagsInputClasses: {
-    description: "HvTagsInput-description";
     label: "HvTagsInput-label";
     root: "HvTagsInput-root";
     disabled: "HvTagsInput-disabled";
     readOnly: "HvTagsInput-readOnly";
     input: "HvTagsInput-input";
     tagsList: "HvTagsInput-tagsList";
+    description: "HvTagsInput-description";
     error: "HvTagsInput-error";
     invalid: "HvTagsInput-invalid";
     labelContainer: "HvTagsInput-labelContainer";
@@ -8187,11 +8103,11 @@ export declare const tagsInputClasses: {
 };
 
 export declare const textAreaClasses: {
-    description: "HvTextArea-description";
     label: "HvTextArea-label";
     root: "HvTextArea-root";
     disabled: "HvTextArea-disabled";
     input: "HvTextArea-input";
+    description: "HvTextArea-description";
     error: "HvTextArea-error";
     invalid: "HvTextArea-invalid";
     labelContainer: "HvTextArea-labelContainer";
@@ -8212,11 +8128,11 @@ export declare const timeAgoClasses: {
 export declare type TimeFormat = "12" | "24";
 
 export declare const timePickerClasses: {
-    description: "HvTimePicker-description";
     label: "HvTimePicker-label";
     root: "HvTimePicker-root";
     placeholder: "HvTimePicker-placeholder";
     icon: "HvTimePicker-icon";
+    description: "HvTimePicker-description";
     error: "HvTimePicker-error";
     labelContainer: "HvTimePicker-labelContainer";
     dropdownHeader: "HvTimePicker-dropdownHeader";
@@ -8229,12 +8145,12 @@ export declare const timePickerClasses: {
 
 export declare const tooltipClasses: {
     color: "HvTooltip-color";
+    values: "HvTooltip-values";
     root: "HvTooltip-root";
     title: "HvTooltip-title";
     popper: "HvTooltip-popper";
     separator: "HvTooltip-separator";
     tooltip: "HvTooltip-tooltip";
-    values: "HvTooltip-values";
     tooltipMulti: "HvTooltip-tooltipMulti";
     valuesContainer: "HvTooltip-valuesContainer";
     separatorColor: "HvTooltip-separatorColor";
@@ -8263,8 +8179,8 @@ export declare const treeViewClasses: {
 
 export declare const treeViewItemClasses: {
     content: "HvVerticalNavigationTreeViewItem-content";
-    link: "HvVerticalNavigationTreeViewItem-link";
     label: "HvVerticalNavigationTreeViewItem-label";
+    link: "HvVerticalNavigationTreeViewItem-link";
     disabled: "HvVerticalNavigationTreeViewItem-disabled";
     selectable: "HvVerticalNavigationTreeViewItem-selectable";
     icon: "HvVerticalNavigationTreeViewItem-icon";
@@ -8305,7 +8221,6 @@ export declare const typographyClasses: {
     display: "HvTypography-display";
     "5xlTitle": "HvTypography-5xlTitle";
     "4xlTitle": "HvTypography-4xlTitle";
-    link: "HvTypography-link";
     title1: "HvTypography-title1";
     title2: "HvTypography-title2";
     title3: "HvTypography-title3";
@@ -8321,6 +8236,7 @@ export declare const typographyClasses: {
     xxsTitle: "HvTypography-xxsTitle";
     sectionTitle: "HvTypography-sectionTitle";
     placeholderText: "HvTypography-placeholderText";
+    link: "HvTypography-link";
     disabledText: "HvTypography-disabledText";
     selectedNavText: "HvTypography-selectedNavText";
     vizTextDisabled: "HvTypography-vizTextDisabled";
@@ -8344,12 +8260,11 @@ export declare type UseBulkActionsProps = (<D extends object = Record<string, un
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "link" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "disabled" | "isLink" | "noWrap" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText", string>>, addStatic?: boolean) => {
+declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" | "4xlTitle" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | "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) => {
     classes: {
         display: string;
         "5xlTitle": string;
         "4xlTitle": string;
-        link: string;
         title1: string;
         title2: string;
         title3: string;
@@ -8365,6 +8280,7 @@ declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" |
         xxsTitle: string;
         sectionTitle: string;
         placeholderText: string;
+        link: string;
         disabledText: string;
         selectedNavText: string;
         vizTextDisabled: string;
@@ -8562,9 +8478,8 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"description" | "label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "error" | "invalid" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "description" | "error" | "invalid" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         panel: string;
@@ -8572,6 +8487,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"description" | "labe
         readOnly: string;
         select: string;
         popper: string;
+        description: string;
         error: string;
         invalid: string;
         labelContainer: string;
@@ -8634,15 +8550,15 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"description" | "label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "description" | "error" | "invalid" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         disabled: string;
         readOnly: string;
         input: string;
         tagsList: string;
+        description: string;
         error: string;
         invalid: string;
         labelContainer: string;
@@ -8669,13 +8585,13 @@ declare const useClasses_113: (classesProp?: Partial<Record<"description" | "lab
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"description" | "label" | "root" | "disabled" | "input" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "description" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         disabled: string;
         input: string;
+        description: string;
         error: string;
         invalid: string;
         labelContainer: string;
@@ -8702,13 +8618,13 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"description" | "label" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "description" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         placeholder: string;
         icon: string;
+        description: string;
         error: string;
         labelContainer: string;
         dropdownHeader: string;
@@ -8894,11 +8810,11 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"content" | "link" | "label" | "disabled" | "selectable" | "icon" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "icon" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
-        link: string;
         label: string;
+        link: string;
         disabled: string;
         selectable: string;
         icon: string;
@@ -8980,14 +8896,14 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "description" | "label" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "listbox" | "description" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
-        description: string;
         label: string;
         root: string;
         listbox: string;
+        description: string;
         error: string;
         invalid: string;
     };
@@ -9037,11 +8953,10 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "selection" | "arrowContainer" | "arrow" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "selection" | "arrowContainer" | "arrow" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         header: string;
-        anchor: string;
         root: string;
         headerOpen: string;
         headerDisabled: string;
@@ -9049,6 +8964,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header
         placeholder: string;
         panel: string;
         inputExtensionOpen: string;
+        anchor: string;
         selection: string;
         arrowContainer: string;
         arrow: string;
@@ -9570,9 +9486,8 @@ declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"description" | "label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "adornmentButton" | "labelContainer" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "description" | "error" | "adornmentButton" | "labelContainer" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         inputBorderContainer: string;
@@ -9581,6 +9496,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"description" | "labe
         inputRootMultiline: string;
         input: string;
         icon: string;
+        description: string;
         error: string;
         adornmentButton: string;
         labelContainer: string;
@@ -9642,15 +9558,15 @@ declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"colorPicker" | "description" | "label" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"colorPicker" | "label" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "description" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         colorPicker: string;
-        description: string;
         label: string;
         root: string;
         panel: string;
         headerColorValue: string;
         recommendedColorsRoot: string;
+        description: string;
         labelContainer: string;
         headerColorIcon: string;
         colorPickerIcon: string;
@@ -9665,10 +9581,10 @@ declare const useClasses_48: (classesProp?: Partial<Record<"colorPicker" | "desc
     cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"root" | "fixed" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     classes: {
-        fixed: string;
         root: string;
+        fixed: string;
         disableGutters: string;
         maxWidthXs: string;
         maxWidthSm: string;
@@ -9711,7 +9627,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "section" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (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) => {
     classes: {
         body: string;
         root: string;
@@ -9721,11 +9637,11 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
         variantList: string;
         footer: string;
         resizable: string;
+        sorted: string;
         alignLeft: string;
         alignCenter: string;
         alignRight: string;
         alignJustify: string;
-        sorted: string;
         variantNone: string;
         variantCheckbox: string;
         variantActions: string;
@@ -9765,7 +9681,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "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_53: (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) => {
     classes: {
         body: string;
         root: string;
@@ -9775,11 +9691,11 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "he
         resizer: string;
         footer: string;
         resizable: string;
+        sorted: string;
         alignLeft: string;
         alignCenter: string;
         alignRight: string;
         alignJustify: string;
-        sorted: string;
         variantNone: string;
         variantCheckbox: string;
         variantActions: string;
@@ -9845,9 +9761,8 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"description" | "label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "dropdown" | "error" | "arrow" | "labelContainer" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "dropdown" | "description" | "error" | "arrow" | "labelContainer" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         placeholder: string;
@@ -9855,6 +9770,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"description" | "labe
         readOnly: string;
         placeholderClosed: string;
         dropdown: string;
+        description: string;
         error: string;
         arrow: string;
         labelContainer: string;
@@ -9890,9 +9806,8 @@ declare const useClasses_58: (classesProp?: Partial<Record<"listContainer" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"description" | "label" | "root" | "panel" | "icon" | "inputText" | "action" | "dropdown" | "error" | "labelContainer" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "panel" | "icon" | "inputText" | "action" | "dropdown" | "description" | "error" | "labelContainer" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
         panel: string;
@@ -9900,6 +9815,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"description" | "labe
         inputText: string;
         action: string;
         dropdown: string;
+        description: string;
         error: string;
         labelContainer: string;
         actionContainer: string;
@@ -10098,11 +10014,11 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"description" | "label" | "root" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"label" | "root" | "description" | "error" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
-        description: string;
         label: string;
         root: string;
+        description: string;
         error: string;
         labelContainer: string;
     };
@@ -10165,8 +10081,8 @@ declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "se
         globalWrapperComplement: string;
     };
     css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
+        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+        (...args: CSSInterpolation_2[]): string;
     };
     cx: (...args: any) => string;
 };
@@ -10277,8 +10193,8 @@ declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "me
         button: string;
     };
     css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
+        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
+        (...args: CSSInterpolation_2[]): string;
     };
     cx: (...args: any) => string;
 };
@@ -10423,12 +10339,11 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "primarySubtle" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "split" | "primarySubtle" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
         vertical: string;
-        split: string;
         root: string;
         secondarySubtle: string;
         selected: string;
@@ -10440,6 +10355,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primar
         splitGroup: string;
         splitGroupDisabled: string;
         splitContainer: string;
+        split: string;
         primarySubtle: string;
         firstButton: string;
         lastButton: string;
@@ -10477,15 +10393,15 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"color" | "values" | "root" | "title" | "popper" | "separator" | "tooltip" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
         color: string;
+        values: string;
         root: string;
         title: string;
         popper: string;
         separator: string;
         tooltip: string;
-        values: string;
         tooltipMulti: string;
         valuesContainer: string;
         separatorColor: string;
@@ -10651,11 +10567,11 @@ declare const useClasses_99: (classesProp?: Partial<Record<"content" | "header"
     cx: (...args: any) => string;
 };
 
-export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
+export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
-export declare const useComputation: (valueFn: any, valueFallback?: any) => any[];
+export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];
 
-export declare const useControlled: <T>(controlledProp: T | undefined, initialState: T | (() => T)) => readonly [T, (newValue: SetStateAction<T>) => void];
+export declare const useControlled: <T>(controlledProp: T | undefined, initialState: T | (() => T)) => readonly [T, (newValue: React.SetStateAction<T>) => void];
 
 export declare function useCss(): {
     css: {
@@ -10844,7 +10760,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;
@@ -11207,9 +11123,9 @@ export declare const warningTextClasses: {
     topBorder: "HvWarningText-topBorder";
 };
 
-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 { }