@hitachivantara/uikit-react-core 5.58.2 → 5.59.0

package/dist/types/index.d.ts

@@ -7,7 +7,6 @@ import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
-import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
 import { ColumnInstance } from 'react-table';
@@ -16,7 +15,6 @@ import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
 import { CSSInterpolation } from '@emotion/serialize';
-import { CSSProperties } from 'react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
 import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
 import { DialogActionsProps } from '@mui/material/DialogActions';
@@ -33,8 +31,6 @@ import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material/Grid';
 import { Hooks } from 'react-table';
-import { HTMLAttributes } from 'react';
-import { HTMLInputTypeAttribute } from 'react';
 import { HvAccentColor } from '@hitachivantara/uikit-styles';
 import { HvAtmosphereColor } from '@hitachivantara/uikit-styles';
 import { HvBaseColor } from '@hitachivantara/uikit-styles';
@@ -59,15 +55,12 @@ import type { 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 { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } 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 '@emotion/react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
-import { MouseEvent as MouseEvent_2 } from 'react';
-import { MouseEventHandler } from 'react';
 import { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
 import { OptionsObject } from 'notistack';
@@ -95,13 +88,11 @@ import { SnackbarOrigin } from '@mui/material/Snackbar';
 import { SnackbarProps } from '@mui/material/Snackbar';
 import { SnackbarProviderProps } from 'notistack';
 import { SwitchProps } from '@mui/material/Switch';
-import { SyntheticEvent } from 'react';
 import { TableCellProps } from 'react-table';
 import { TableCommonProps } from 'react-table';
 import { TableExpandedToggleProps } from 'react-table';
 import { TableFooterProps } from 'react-table';
 import { TableHeaderProps } from 'react-table';
-import { TableHTMLAttributes } from 'react';
 import { TableInstance } from 'react-table';
 import { TableOptions } from 'react-table';
 import { TableProps } from 'react-table';
@@ -109,10 +100,8 @@ import { TableRowProps } from 'react-table';
 import { TableState } from 'react-table';
 import { TabProps } from '@mui/material/Tab';
 import { TabsProps } from '@mui/material/Tabs';
-import { TdHTMLAttributes } from 'react';
 import { theme } from '@hitachivantara/uikit-styles';
 import { themes } from '@hitachivantara/uikit-styles';
-import { ThHTMLAttributes } from 'react';
 import { TooltipProps } from '@mui/material/Tooltip';
 import { TransitionProps } from '@mui/material/transitions';
 import useCarousel from 'embla-carousel-react';
@@ -1128,13 +1117,13 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /**
      * Content to be rendered
      */
-    children: React_2.ReactNode;
+    children: React.ReactNode;
     /**
      * The accordion label button.
      */
@@ -1142,7 +1131,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     /**
      * The function that will be executed whenever the accordion toggles it will receive the state of the accordion
      */
-    onChange?: (event: React_2.SyntheticEvent, value: boolean) => void;
+    onChange?: (event: React.SyntheticEvent, value: boolean) => void;
     /**
      * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.
      */
@@ -1154,7 +1143,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     /**
      * An object containing props to be passed onto container holding the accordion children.
      */
-    containerProps?: HTMLAttributes<HTMLDivElement>;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
     /**
      * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.
      */
@@ -1175,14 +1164,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_27>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_28>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement>, Pick<Partial<HvActionsGenericProps>, "onAction"> {
     /** Function called when clicking on the close button. */
@@ -1216,7 +1205,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /**
@@ -1268,7 +1257,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     /** When the adornment should be displayed. */
     showWhen?: HvFormStatus;
     /** Function to be executed when this element is clicked. */
-    onClick?: MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     /** If this property is defined the adornment visibility will be exclusively controlled by this value. */
     isVisible?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1302,7 +1291,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1315,7 +1304,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1354,14 +1343,14 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<any>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_24>;
 
 /**
  * The AvatarGroup component is used to group multiple avatars.
  */
 export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvAvatarGroupProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1387,8 +1376,6 @@ export declare interface HvAvatarGroupProps extends HvBaseProps {
 }
 
 export declare interface HvAvatarProps extends HvBaseProps {
-    /** Inline styles to be applied to the root element. */
-    style?: CSSProperties;
     /** The component used for the root node. Either a string to use a DOM element or a component. */
     component?: React.ElementType;
     /** Sets one of the standard sizes of the icons */
@@ -1409,7 +1396,7 @@ export declare interface HvAvatarProps extends HvBaseProps {
      * Attributes applied to the `img` element if the component is used to display an image.
      * It can be used to listen for the loading error event.
      */
-    imgProps?: HTMLAttributes<HTMLImageElement>;
+    imgProps?: React.HTMLAttributes<HTMLImageElement>;
     /** A string representing the type of avatar to display, circular or square. */
     variant?: HvAvatarVariant;
     /** A string representing the color of the avatar border that represents its status. */
@@ -1431,7 +1418,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1472,11 +1459,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_27>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. */
@@ -1562,9 +1549,9 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
  * implementing a custom use case not covered by the Checkbox form element.
  */
-export declare const HvBaseCheckBox: React_2.ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const HvBaseCheckBox: ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes"> {
     /**
@@ -1609,7 +1596,7 @@ export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChan
     /**
      * The callback fired when the checkbox is pressed.
      */
-    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
     /**
      * Whether the selector should use semantic colors.
      */
@@ -1617,16 +1604,16 @@ export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChan
     /**
      * Properties passed on to the input element.
      */
-    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /**
      * Callback fired when the component is focused with a keyboard.
      * We trigger a `onFocus` callback too.
      */
-    onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
+    onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /**
      * Callback fired when the component is blurred.
      */
-    onBlur?: (event: React_2.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
     /**
      * A Jss Object used to override or extend the styles applied to the checkbox.
      */
@@ -1639,9 +1626,9 @@ export declare type HvBaseColorKeys = HvBaseColor;
 
 export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
-export declare const HvBaseDropdown: React_2.ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
@@ -1654,7 +1641,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
      * Header placeholder.
      */
-    placeholder?: React_2.ReactNode;
+    placeholder?: React.ReactNode;
     /**
      * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.
      */
@@ -1696,11 +1683,11 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
      * Replacement for the header component.
      */
-    component?: React_2.ReactNode;
+    component?: React.ReactNode;
     /**
      * Adornment to replace the default arrows.
      */
-    adornment?: React_2.ReactNode;
+    adornment?: React.ReactNode;
     /**
      * When dropdown changes the expanded state.
      */
@@ -1717,17 +1704,17 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
      * Attributes applied to the dropdown header element.
      */
-    dropdownHeaderProps?: React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    dropdownHeaderProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Pass a ref to the dropdown header element.
      */
-    dropdownHeaderRef?: React_2.Ref<HTMLDivElement>;
+    dropdownHeaderRef?: React.Ref<HTMLDivElement>;
     /**
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvBaseDropdownClasses;
     /** @ignore */
-    ref?: React_2.Ref<HTMLDivElement>;
+    ref?: React.Ref<HTMLDivElement>;
 }
 
 /**
@@ -1736,7 +1723,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes"> {
     /** The input name. */
@@ -1781,9 +1768,9 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  * The Base Radio Button is a building block of the Radio Button form element. Don't
  * use unless implementing a custom use case not covered by the Radio Button form element.
  */
-export declare const HvBaseRadio: React_2.ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const HvBaseRadio: ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
@@ -1833,7 +1820,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
     /**
      * The callback fired when the radio button is pressed.
      */
-    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
     /**
      * Whether the selector should use semantic colors.
      */
@@ -1841,16 +1828,16 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
     /**
      * Properties passed on to the input element.
      */
-    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /**
      * Callback fired when the component is focused with a keyboard.
      * We trigger a `onFocus` callback too.
      */
-    onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
+    onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /**
      * @ignore
      */
-    onBlur?: (event: React_2.FocusEvent<any>) => void;
+    onBlur?: (event: React.FocusEvent<any>) => void;
 }
 
 /**
@@ -1859,9 +1846,9 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  * The Base Switch is a building block of the Switch form element. Don't use unless
  * implementing a custom use case not covered by the Switch form element.
  */
-export declare const HvBaseSwitch: React_2.ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const HvBaseSwitch: ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
@@ -1914,20 +1901,20 @@ export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange"
     /**
      * The callback fired when the switch is pressed.
      */
-    onChange?: (event: React_2.ChangeEvent, checked: boolean, value: any) => void;
+    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;
     /**
      * Properties passed on to the input element.
      */
-    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /**
      * Callback fired when the component is focused with a keyboard.
      * We trigger a `onFocus` callback too.
      */
-    onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
+    onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /**
      * @ignore
      */
-    onBlur?: (event: React_2.FocusEvent<any>) => void;
+    onBlur?: (event: React.FocusEvent<any>) => void;
 }
 
 export { HvBaseTheme }
@@ -1951,7 +1938,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1968,7 +1955,7 @@ export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, "
     /** The component used for the link node. Either a string to use a DOM element or a component. */
     component?: React.ElementType;
     /** Function passed to the component. If defined the component prop is used as the link node. */
-    onClick?: (event: MouseEvent_2<HTMLElement>, data: any) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>, data: any) => void;
     /** Props passed down to the DropDownMenu sub-menu component. */
     dropDownMenuProps?: Partial<HvDropDownMenuProps>;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1983,7 +1970,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -2082,7 +2069,7 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_12>;
 
 export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the button. */
@@ -2209,17 +2196,17 @@ export declare interface HvCalendarProps {
     /**
      * Callback function to be triggered when the selected date has changed.
      */
-    onChange?: (event: React_2.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, value: Date | DateRangeProp) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, value: Date | DateRangeProp) => void;
     /**
      * Callback function to be triggered when the selected date input has changed.
      */
-    onInputChange?: (event: React_2.ChangeEvent<HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement> | undefined, value: Date | DateRangeProp, position: "left" | "right") => void;
+    onInputChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement> | undefined, value: Date | DateRangeProp, position: "left" | "right") => void;
     /**
      * Callback function to be triggered when the user clicks on the month or year selector.
      * it receives the action that was pressed:
      * previous_month, next_month, previous_year, next_year,month
      */
-    onVisibleDateChange?: (event: React_2.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, action: VisibilitySelectorActions, value?: Date | DateRangeProp | number, position?: "left" | "right") => void;
+    onVisibleDateChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, action: VisibilitySelectorActions, value?: Date | DateRangeProp | number, position?: "left" | "right") => void;
     /**
      * The maximum selectable date after this all values are disabled.
      */
@@ -2231,7 +2218,7 @@ export declare interface HvCalendarProps {
     /**
      * An element placed before the Calendar
      */
-    startAdornment?: React_2.ReactNode;
+    startAdornment?: React.ReactNode;
     /**
      * Indicates if header should display the day of week.
      */
@@ -2284,7 +2271,7 @@ export declare const HvCardMedia: ({ id, classes: classesProp, className, childr
 
 export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_42>;
 
-export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
+export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, React.ImgHTMLAttributes<HTMLDivElement> {
     /** Id to be applied to the root node. */
     id?: string;
     /** The title of the media. */
@@ -2330,24 +2317,24 @@ export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
     classes?: ExtractNames<typeof useClasses_43>;
-    actions?: ReactNode;
-    onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
-    onNextClick?: MouseEventHandler<HTMLButtonElement>;
+    actions?: React.ReactNode;
+    onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvCarouselClasses;
     /** Height of the Slider container. If `undefined`, images will keep a 16/9 aspect-ratio */
-    height?: CSSProperties["height"];
+    height?: React.CSSProperties["height"];
     /** Width of the thumbnail. Height will try to maintain a 16/9 aspect-ratio */
-    thumbnailWidth?: CSSProperties["width"];
+    thumbnailWidth?: React.CSSProperties["width"];
     /** Title of the carousel */
-    title?: React_2.ReactNode;
+    title?: React.ReactNode;
     /** Content slides to be displayed. @see `<HvCarouselSlide />` */
-    children?: React_2.ReactNode;
+    children?: React.ReactNode;
     /** Custom content to render in the actions area */
-    actions?: React_2.ReactNode;
+    actions?: React.ReactNode;
     /** Whether Carousel is in "xs mode" - to use in embedded contexts */
     xs?: boolean;
     /** Whether to show dots instead of arrow pagination. Defaults to true under 5 elements */
@@ -2367,7 +2354,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
     /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */
     carouselOptions?: Parameters<typeof useCarousel>[0];
     /** Function that renders the thumbnail.  */
-    renderThumbnail?: (index: number) => React_2.ReactNode;
+    renderThumbnail?: (index: number) => React.ReactNode;
     /** The callback fired when the active slide changes. */
     onChange?: (index: number) => void;
 }
@@ -2380,7 +2367,7 @@ export declare const HvCarouselSlide: ({ classes: classesProp, className, childr
 
 export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_44>;
 
-export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
+export declare interface HvCarouselSlideProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvCarouselSlideClasses;
     /** The width of the Slide. Defaults to `100%` */
@@ -2392,9 +2379,9 @@ export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImag
 export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselThumbnailsProps & RefAttributes<HTMLDivElement>>;
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
-    width?: CSSProperties["width"];
+    width?: React.CSSProperties["width"];
     classes?: ExtractNames<typeof useClasses_43>;
-    onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
+    onThumbnailClick?: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
     renderThumbnail?: (index: number) => React.ReactNode;
@@ -2457,7 +2444,7 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_36>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
@@ -2770,7 +2757,7 @@ export declare interface HvControlsProps extends HvBaseProps {
     /**
      * Callback called when the view switcher button is pressed
      */
-    onViewChange?: (event: MouseEvent_2<HTMLButtonElement>, id: string) => void;
+    onViewChange?: (event: React.MouseEvent<HTMLButtonElement>, id: string) => void;
     /**
      * if `true` the button to switch views is not rendered
      */
@@ -3155,7 +3142,7 @@ declare interface HvDropdownListProps {
     /**
      * A function to be executed whenever the Cancel button is activated.
      */
-    onCancel: (event: MouseEvent_2) => void;
+    onCancel: (event: React.MouseEvent) => void;
     /**
      * An object containing all the labels for the dropdown.
      */
@@ -3187,11 +3174,11 @@ declare interface HvDropdownListProps {
 }
 
 /**
- * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
+ * 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 type HvDropDownMenuClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3673,7 +3660,7 @@ export declare const HvFocus: ({ classes: classesProp, children, configuration,
 export declare type HvFocusClasses = ExtractNames<typeof useClasses_2>;
 
 export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children"> {
-    children: React_2.ReactElement;
+    children: React.ReactElement;
     /** Extra configuration for the child element. */
     configuration?: {
         tabIndex?: number;
@@ -3685,7 +3672,7 @@ export declare interface HvFocusProps extends HvBaseProps<HTMLElement, "children
     /** Whether the focus is disabled. */
     disabled?: boolean;
     /** The reference to the root element to hold all Focus' context. */
-    rootRef?: RefObject<HTMLElement>;
+    rootRef?: React.RefObject<HTMLElement>;
     /** Show focus when click element. v */
     focusOnClick?: boolean;
     /** Show focus when click element. v */
@@ -4016,7 +4003,7 @@ declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_78>;
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
     type?: BarProps["type"];
-    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: React.MouseEvent, selection: HvHeaderNavigationItemProp) => void;
     levels: number;
     currentLevel: number;
     classes?: HvHeaderMenuBarClasses;
@@ -4029,7 +4016,7 @@ declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_79>;
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
     type?: string;
-    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: React.MouseEvent, selection: HvHeaderNavigationItemProp) => void;
     levels: number;
     currentLevel: number;
     classes?: HvHeaderMenuItemClasses;
@@ -4051,7 +4038,7 @@ export declare interface HvHeaderNavigationItemProp {
 export declare interface HvHeaderNavigationProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
     selected?: string;
-    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: React.MouseEvent, selection: HvHeaderNavigationItemProp) => void;
     classes?: HvHeaderNavigationClasses;
     /**
      * The number of levels to show: the first level (1) or the first and second level (2).
@@ -4161,13 +4148,13 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
     /** Whether the Edit icon should always be visible */
     showIcon?: boolean;
     /** Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */
-    component?: React_2.ElementType;
+    component?: React.ElementType;
     /** Variant of the HvTypography to display */
     variant?: HvTypographyVariants;
     /** Called when the input is blurred. */
-    onBlur?: (event: React_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
     /** Called when the input value changes. */
-    onChange?: (event: React_2.SyntheticEvent, value: string) => void;
+    onChange?: (event: React.SyntheticEvent, value: string) => void;
     /** Props passed to the HvButton component */
     buttonProps?: HvButtonProps;
     /** Props passed to the HvTypography text component */
@@ -4183,7 +4170,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
 /**
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
  */
-export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
+export declare const HvInput: ForwardRefExoticComponent<HvInputProps & RefAttributes<InputElement>>;
 
 export declare type HvInputClasses = ExtractNames<typeof useClasses_45>;
 
@@ -4202,9 +4189,9 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
      * 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_2.ReactNode;
+    label?: React.ReactNode;
     /** Provide additional descriptive text for the form element. */
-    description?: React_2.ReactNode;
+    description?: React.ReactNode;
     /** Indicates that the form element is disabled. */
     disabled?: boolean;
     /** Indicates that the form element is not editable. */
@@ -4232,24 +4219,24 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
      *
      * Also called when the search button is clicked (when type is "search").
      */
-    onEnter?: (event: React_2.KeyboardEvent<InputElement> | React_2.MouseEvent, value: string) => void;
+    onEnter?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
     /**
      * The function that will be executed onBlur, allows checking the validation state,
      * it receives the value and the validation state.
      */
-    onBlur?: (event: React_2.FocusEvent<InputElement>, value: string, validationState: HvInputValidity) => void;
+    onBlur?: (event: React.FocusEvent<InputElement>, value: string, validationState: HvInputValidity) => void;
     /**
      * The function that will be executed onBlur, allows checking the value state,
      * it receives the value.
      */
-    onFocus?: (event: React_2.FocusEvent<InputElement>, value: string) => void;
+    onFocus?: (event: React.FocusEvent<InputElement>, value: string) => void;
     /**
      * The function that will be executed onKeyDown, allows checking the value state,
      * it receives the event and value.
      */
-    onKeyDown?: (event: React_2.KeyboardEvent<InputElement> | React_2.MouseEvent, value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
     /** The input type. */
-    type?: HTMLInputTypeAttribute;
+    type?: React.HTMLInputTypeAttribute;
     /** The placeholder value of the input. */
     placeholder?: string;
     /** Internal labels?. */
@@ -4287,7 +4274,7 @@ export declare interface HvInputProps extends HvBaseProps<HTMLElement, "onChange
      */
     showValidationIcon?: boolean;
     /** A custom icon to be added into the input. */
-    endAdornment?: React_2.ReactNode;
+    endAdornment?: React.ReactNode;
     /** The maximum allowed length of the characters, if this value is null no check will be performed. */
     maxCharQuantity?: number;
     /** The minimum allowed length of the characters, if this value is null no check will be perform. */
@@ -4432,7 +4419,7 @@ export declare type HvListClasses = ExtractNames<typeof useClasses_84>;
  * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.
  * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
  */
-export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<HTMLUListElement>>;
+export declare const HvListContainer: ForwardRefExoticComponent<HvListContainerProps & RefAttributes<HTMLUListElement>>;
 
 export declare type HvListContainerClasses = ExtractNames<typeof useClasses_3>;
 
@@ -4455,7 +4442,7 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
 /**
  * ListItem description/documentation paragraph
  */
-export declare const HvListItem: React_2.ForwardRefExoticComponent<HvListItemProps & React_2.RefAttributes<any>>;
+export declare const HvListItem: ForwardRefExoticComponent<HvListItemProps & RefAttributes<any>>;
 
 export declare type HvListItemClasses = ExtractNames<typeof useClasses_4>;
 
@@ -4489,7 +4476,7 @@ export declare interface HvListItemProps extends HvBaseProps<HTMLLIElement> {
      * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).
      * If unwanted, the element should be placed directly as a child.
      */
-    startAdornment?: React_2.ReactNode;
+    startAdornment?: React.ReactNode;
     /**
      * Element placed after the children and aligned next to the margin.
      * Also removes the right padding (gutter).
@@ -4497,7 +4484,7 @@ export declare interface HvListItemProps extends HvBaseProps<HTMLLIElement> {
      * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).
      * If unwanted, the element should be placed directly as a child.
      */
-    endAdornment?: React_2.ReactNode;
+    endAdornment?: React.ReactNode;
     /** The value to be set on the 'li' element */
     value?: any;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -4650,7 +4637,7 @@ export declare interface HvNotistackSnackMessageProps extends OptionsObject {
     /** class name to apply on the root node */
     className?: string;
     /** Your component tree. */
-    message?: ReactNode;
+    message?: React.ReactNode;
     /** Variant of the snackbar. */
     variant?: HvSnackbarVariant;
     /** Extra values to pass to the snackbar. */
@@ -4663,11 +4650,11 @@ 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 type HvOptionClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvOptionClasses = ExtractNames<typeof useClasses_13>;
 
 export declare const HvOptionGroup: ForwardRefExoticComponent<Omit<HvOptionGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
 
-export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvOptionGroupProps extends OptionGroupProps {
     classes?: HvOptionGroupClasses;
@@ -4735,9 +4722,9 @@ export declare interface HvPaginationProps extends HvBaseProps {
     /** An object containing all the labels for the component. */
     labels?: HvPaginationLabels;
     /** Other props to show page component. */
-    showPageProps?: HTMLAttributes<HTMLDivElement>;
+    showPageProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Other props to pagination component. */
-    navigationProps?: HTMLAttributes<HTMLDivElement>;
+    navigationProps?: React.HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
     currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -4815,7 +4802,7 @@ export declare interface HvProviderProps {
     /**
      * Your component tree.
      */
-    children?: React_2.ReactNode;
+    children?: React.ReactNode;
     /**
      * Id of your root element.
      */
@@ -5254,7 +5241,7 @@ export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
  * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
  * respond to the browser's native management of radio inputs checked state.
  */
-export declare const HvRadio: React_2.ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const HvRadio: ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare type HvRadioClasses = ExtractNames<typeof useClasses_93>;
 
@@ -5360,7 +5347,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
      * The form element must be labeled for accessibility reasons.
      * If not provided, an aria-label or aria-labelledby must be provided.
      */
-    label?: React_2.ReactNode;
+    label?: React.ReactNode;
     /**
      * Properties passed on to the label element.
      */
@@ -5412,7 +5399,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
     /**
      * The callback fired when the radio button is pressed.
      */
-    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
     /**
      * Whether the selector should use semantic colors.
      */
@@ -5420,12 +5407,12 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
     /**
      * Properties passed on to the input element.
      */
-    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /**
      * Callback fired when the component is focused with a keyboard.
      * We trigger a `onFocus` callback too.
      */
-    onFocusVisible?: (event: React_2.FocusEvent<any>) => void;
+    onFocusVisible?: (event: React.FocusEvent<any>) => void;
     /** @ignore */
     ref?: RadioProps["ref"];
     /** @ignore */
@@ -5675,7 +5662,7 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
  *   <HvOption value="cat">Cat</HvOption>
  * </HvSelect>
  * */
-export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean>(props: HvSelectProps<OptionValue, Multiple> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
+export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
 
@@ -5685,9 +5672,9 @@ export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
  * Although it supports multi-selection, DS recommends the use of a selection list
  * when it’s clear that the user can only select just one option from the range provided.
  */
-export declare const HvSelectionList: React_2.ForwardRefExoticComponent<HvSelectionListProps & React_2.RefAttributes<HTMLUListElement>>;
+export declare const HvSelectionList: ForwardRefExoticComponent<HvSelectionListProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5709,9 +5696,9 @@ export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListEleme
      * The form element must be labeled for accessibility reasons.
      * If not provided, an aria-label or aria-labelledby must be provided instead.
      */
-    label?: React_2.ReactNode;
+    label?: React.ReactNode;
     /** Provide additional descriptive text for the form element. */
-    description?: React_2.ReactNode;
+    description?: React.ReactNode;
     /** Indicates that the form element is disabled. If `true` the state is propagated to the children list items. */
     disabled?: boolean;
     /** Indicates that the form element is not editable. */
@@ -5740,14 +5727,14 @@ export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListEleme
     /** Indicates whether the list orientation is horizontal or vertical. Defaults to vertical. */
     orientation?: "vertical" | "horizontal";
     /** The callback fired when the value changes. */
-    onChange?: (event: React_2.MouseEvent, value: any) => void;
+    onChange?: (event: React.MouseEvent, value: any) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSelectionListClasses;
 }
 
-export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange"> {
+export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange">, Pick<HvButtonProps, "size" | "variant"> {
     classes?: HvSelectClasses;
-    placeholder?: React_2.ReactNode;
+    placeholder?: React.ReactNode;
     autoComplete?: string;
     /** Whether the width of the select panel can vary independently. */
     variableWidth?: boolean;
@@ -5818,7 +5805,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
 /**
  * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
  */
-export declare const HvSlider: React_2.ForwardRefExoticComponent<HvSliderProps & React_2.RefAttributes<SliderRef>>;
+export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
 export declare type HvSliderClasses = ExtractNames<typeof useClasses_100>;
 
@@ -5832,7 +5819,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
      *
      * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.
      */
-    label?: React_2.ReactNode;
+    label?: React.ReactNode;
     /**
      * Indicates that the slider is disabled.
      */
@@ -5869,7 +5856,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
     /**
      * The error message to show when `status` is "invalid".
      */
-    statusMessage?: React_2.ReactNode;
+    statusMessage?: React.ReactNode;
     /**
      * The values array to apply to the component
      */
@@ -5904,7 +5891,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
     /**
      * The function executed after a blur ocurred in the slider.
      */
-    onBlur?: (event: React_2.FocusEvent, knobsValues: number[], status?: HvFormStatus | HvFormStatus[]) => void;
+    onBlur?: (event: React.FocusEvent, knobsValues: number[], status?: HvFormStatus | HvFormStatus[]) => void;
     /**
      * The separation in points between marks.
      * example: if 10 divisions and a markstep of 2 there will be 5 marks.
@@ -5930,12 +5917,12 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
      * A formatting function used to add format to the marks in the track,
      * the function receives the mark text
      */
-    formatMark?: (label: React_2.ReactNode) => React_2.ReactNode;
+    formatMark?: (label: React.ReactNode) => React.ReactNode;
     /**
      * A formatting function used to add format to the tooltip in the track,
      * the function receives the mark text
      */
-    formatTooltip?: (label: React_2.ReactNode) => React_2.ReactNode;
+    formatTooltip?: (label: React.ReactNode) => React.ReactNode;
     /**
      * If `true` the knobs can't have the same value, if `false` knobs can have the same value.
      */
@@ -5947,7 +5934,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
     /**
      * Attributes applied to the knob element.
      */
-    knobProps?: React_2.HTMLAttributes<HTMLDivElement>[];
+    knobProps?: React.HTMLAttributes<HTMLDivElement>[];
     /**
      * The classes object to be applied into the root object.
      */
@@ -6001,7 +5988,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
      * Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop.
      * The reason parameter can optionally be used to control the response to onClose, for example ignoring click away.
      * */
-    onClose?: ((event: Event | SyntheticEvent<any, Event>, reason: SnackbarCloseReason) => void) | undefined;
+    onClose?: (event: Event | React.SyntheticEvent<any, Event>, reason: SnackbarCloseReason) => void;
     /** The message to display. */
     label?: React.ReactNode;
     /**
@@ -6090,7 +6077,7 @@ export declare interface HvStackProps extends HvBaseProps {
      * - If `true` the Material-UI Divider component will be used.
      * - If a React node is passed then the custom divider will be used.
      */
-    divider?: boolean | React_2.ReactNode;
+    divider?: boolean | React.ReactNode;
     /** The properties to pass on to the Material-UI component. */
     dividerProps?: DividerProps;
     /** Sets whether or not there should be arrow navigation between the stack elements. */
@@ -6103,14 +6090,14 @@ export declare const hvStringFallback: (value: any) => string;
 
 export declare interface HvSuggestion {
     id?: string;
-    label: React_2.ReactNode;
+    label: React.ReactNode;
     value?: string;
     disabled?: boolean;
 }
 
-export declare const HvSuggestions: React_2.ForwardRefExoticComponent<HvSuggestionsProps & React_2.RefAttributes<unknown>>;
+export declare const HvSuggestions: ForwardRefExoticComponent<HvSuggestionsProps & RefAttributes<unknown>>;
 
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -6120,7 +6107,7 @@ export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Array of { id, label, ...others } values to display in the suggestion list */
     suggestionValues?: HvSuggestion[] | null;
     /** Function called when a suggestion is selected */
-    onSuggestionSelected?: (event: React_2.MouseEvent, value: HvSuggestion) => void;
+    onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;
     /** Function called when suggestion list is closed */
     onClose?: (event: HvClickOutsideEvent) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -6139,7 +6126,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  * Use when two states are <b>opposite</b> and to trigger immediate
  * changes in the system.
  */
-export declare const HvSwitch: React_2.ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const HvSwitch: ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare type HvSwitchClasses = ExtractNames<typeof useClasses_105>;
 
@@ -6186,7 +6173,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
      * 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_2.ReactNode;
+    label?: React.ReactNode;
     /**
      * Properties passed on to the label element.
      */
@@ -6237,11 +6224,11 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     /**
      * The callback fired when the switch is pressed.
      */
-    onChange?: (event: React_2.ChangeEvent, checked: boolean, value: any) => void;
+    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;
     /**
      * Properties passed on to the input element.
      */
-    inputProps?: React_2.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /** @ignore */
     ref?: SwitchProps["ref"];
     /** @ignore */
@@ -6268,7 +6255,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  * HvTableBody acts as a `tbody` element.
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
-export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
+export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_108>;
 
@@ -6276,12 +6263,12 @@ export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionEl
     /**
      * Content to be rendered
      */
-    children: React_2.ReactNode;
+    children: React.ReactNode;
     /**
      * The component used for the root node. Either a string to use a HTML element or a component.
      * Defaults to tbody.
      */
-    component?: React_2.ElementType;
+    component?: React.ElementType;
     /** Sets whether or not there should be arrow navigation between the table rows */
     withNavigation?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -6306,13 +6293,13 @@ export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left"
 
 export declare type HvTableCellClasses = ExtractNames<typeof useClasses_51>;
 
-export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
+export declare interface HvTableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
     component?: React.ElementType;
     /** Content to be rendered */
     children?: React.ReactNode;
     /** Inline styles to be applied to the root element. */
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     /** Set the text-align on the table cell content. */
     align?: HvTableCellAlign;
     /** Sets the cell's variant. */
@@ -6391,7 +6378,7 @@ export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps
 
 export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_53>;
 
-export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
+export declare interface HvTableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
     component?: React.ElementType;
     /** Content to be rendered */
@@ -6427,7 +6414,7 @@ export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTa
     /** Whether or not the cell is being resized */
     resizing?: boolean;
     /** The resize props injected in the resize handler */
-    resizerProps?: HTMLAttributes<HTMLDivElement>;
+    resizerProps?: React.HTMLAttributes<HTMLDivElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableHeaderClasses;
     /** Extra props to be passed onto the sort button in the header. */
@@ -6505,7 +6492,7 @@ export { HvTablePluginHook }
 
 declare type HvTablePropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableProps>;
 
-export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {
+export declare interface HvTableProps extends React.TableHTMLAttributes<HTMLTableElement> {
     /**
      * The component used for the root node. Either a string to use a HTML element or a component.
      * Defaults to `table`.
@@ -6614,7 +6601,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  *
  * It leverages the Chip component from Material UI
  */
-export declare const HvTag: React_2.ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare type HvTagClasses = ExtractNames<typeof useClasses_110>;
 
@@ -6622,7 +6609,7 @@ export declare function hvTagColumn<D extends object = Record<string, unknown>,
 
 export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes" | "onSelect"> {
     /** The label of the tag element. */
-    label?: React_2.ReactNode;
+    label?: React.ReactNode;
     /** Indicates that the form element is disabled. */
     disabled?: boolean;
     /** The type of the tag element. A tag can be of semantic or categoric type. */
@@ -6630,20 +6617,20 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
     /** Background color to be applied to the tag */
     color?: HvColorAny;
     /** Icon used to customize the delete icon in the Chip element */
-    deleteIcon?: React_2.ReactElement;
+    deleteIcon?: React.ReactElement;
     /**
      * The callback fired when the delete icon is pressed.
      * This function has to be provided to the component, in order to render the delete icon
      * */
-    onDelete?: (event: React_2.MouseEvent<HTMLElement>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
     /** Callback triggered when any item is clicked. */
-    onClick?: (event: React_2.MouseEvent<HTMLElement>, selected?: boolean) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;
     /** Aria properties to apply to delete button in tag
      * @deprecated no longer used
      */
     deleteButtonArialLabel?: string;
     /** Props to apply to delete icon */
-    deleteButtonProps?: HTMLAttributes<HTMLDivElement>;
+    deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTagClasses;
     /** @ignore */
@@ -6661,7 +6648,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: React_2.ForwardRefExoticComponent<HvTagsInputProps & React_2.RefAttributes<HTMLUListElement>>;
+export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
 
 export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_112>;
 
@@ -6677,9 +6664,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_2.ReactNode;
+    label?: React.ReactNode;
     /** Provide additional descriptive text for the form element. */
-    description?: React_2.ReactNode;
+    description?: React.ReactNode;
     /** Indicates that the form element is disabled. */
     disabled?: boolean;
     /** Indicates that the form element is not editable. */
@@ -6687,15 +6674,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_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps[]) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
-    onFocus?: (event: React_2.FocusEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
     /** The function that will be executed when the element is blurred. */
-    onBlur?: (event: React_2.FocusEvent<HTMLInputElement>, value: string) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>, value: string) => void;
     /** The function that will be executed when a tag is deleted. */
-    onDelete?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
+    onDelete?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
-    onAdd?: (event: React_2.ChangeEvent<HTMLInputElement> | React_2.KeyboardEvent<HTMLInputElement> | React_2.MouseEvent<HTMLButtonElement> | React_2.MouseEvent<HTMLElement, MouseEvent> | React_2.KeyboardEventHandler<HTMLElement>, value: HvTagProps, index: number) => void;
+    onAdd?: (event: React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement> | React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEventHandler<HTMLElement>, 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. */
@@ -6717,7 +6704,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_2.ReactNode;
+    statusMessage?: React.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. */
@@ -7087,7 +7074,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     /**
      * Node to apply the tooltip.
      */
-    children: ReactElement;
+    children: React.ReactElement;
     /**
      * Id attribute value of an HTML Element to have the tooltip appended to it.
      */
@@ -7096,56 +7083,56 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
 
 declare type HvTreeContentClasses = ExtractNames<typeof useClasses_118>;
 
-export declare interface HvTreeContentProps extends HTMLAttributes<HTMLElement> {
+export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
     className?: string;
     /** Override or extend the styles applied to the component. */
     classes?: HvTreeContentClasses;
     /** The tree node label. */
-    label?: ReactNode;
+    label?: React.ReactNode;
     /** The id of the node. */
     nodeId: string;
     /** The icon to display next to the tree node's label. */
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     /** The icon to display next to the tree node's label. Either an expansion or collapse icon. */
-    expansionIcon?: ReactNode;
+    expansionIcon?: React.ReactNode;
     /** The icon to display next to the tree node's label. Either a parent or end icon. */
-    displayIcon?: ReactNode;
+    displayIcon?: React.ReactNode;
 }
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
 export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_117>;
 
-export declare interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {
+export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
     id?: string;
     /** The id of the node. */
     nodeId: string;
     /** The tree node label. */
-    label?: ReactNode;
+    label?: React.ReactNode;
     /** Override or extend the styles applied to the component. */
     classes?: HvTreeItemClasses;
     /** If `true`, the node is disabled. */
     disabled?: boolean;
     /** The icon to display next to the tree node's label. */
-    icon?: ReactNode;
+    icon?: React.ReactNode;
     /** The component used for the content node. */
-    ContentComponent?: JSXElementConstructor<HvTreeContentProps>;
+    ContentComponent?: React.JSXElementConstructor<HvTreeContentProps>;
     /** Props applied to the content component */
     ContentProps?: HvTreeContentProps;
     /** The content of the component. */
-    children?: ReactNode;
+    children?: React.ReactNode;
     /** className applied to the root element. */
     className?: string;
     /** The icon used to collapse the node. */
-    collapseIcon?: ReactNode;
+    collapseIcon?: React.ReactNode;
     /** The icon displayed next to an end node. */
-    endIcon?: ReactNode;
+    endIcon?: React.ReactNode;
     /** The icon used to expand the node. */
-    expandIcon?: ReactNode;
+    expandIcon?: React.ReactNode;
     /** The component used for the transition. */
-    TransitionComponent?: JSXElementConstructor<TransitionProps>;
+    TransitionComponent?: React.JSXElementConstructor<TransitionProps>;
     /** Props applied to the transition component */
     TransitionProps?: TransitionProps;
 }
@@ -7350,7 +7337,7 @@ export declare interface HvVerticalNavigationActionProps {
     /**
      * Callback called when clicked.
      */
-    onClick?: MouseEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
 }
 
 export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_3.Element;
@@ -7418,7 +7405,7 @@ export declare interface HvVerticalNavigationHeaderProps {
     /**
      * Handler for the collapse button.
      */
-    onCollapseButtonClick?: MouseEventHandler<HTMLElement>;
+    onCollapseButtonClick?: React.MouseEventHandler<HTMLElement>;
 }
 
 export declare type HvVerticalNavigationMode = "icon" | "simple";
@@ -7934,19 +7921,20 @@ export declare const multiButtonClasses: {
     selected: "HvMultiButton-selected";
     button: "HvMultiButton-button";
     secondaryGhost: "HvMultiButton-secondaryGhost";
+    splitDisabled: "HvMultiButton-splitDisabled";
+    multiple: "HvMultiButton-multiple";
     primaryGhost: "HvMultiButton-primaryGhost";
     primarySubtle: "HvMultiButton-primarySubtle";
     splitGroup: "HvMultiButton-splitGroup";
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
+    splitContainer: "HvMultiButton-splitContainer";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
-    splitContainer: "HvMultiButton-splitContainer";
-    splitDisabled: "HvMultiButton-splitDisabled";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
 
-export declare type NavigationData<T extends React.ElementType = "a"> = ComponentProps<T> & Record<string, any> & {
+export declare type NavigationData<T extends React.ElementType = "a"> = React.ComponentProps<T> & Record<string, any> & {
     /** The id to be applied to the root element. */
     id: string;
     /** The label to be rendered on the menu item. */
@@ -9038,10 +9026,23 @@ declare const useClasses_119: (classesProp?: Partial<Record<"root" | "slider" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
     classes: {
+        secondary: string;
+        primary: string;
         root: string;
-        highlighted: string;
+        disabled: string;
+        semantic: string;
+        secondarySubtle: string;
+        ghost: string;
+        icon: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+        subtle: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9190,7 +9191,19 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        highlighted: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9201,7 +9214,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
@@ -9219,7 +9232,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         list: string;
@@ -9232,7 +9245,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "po
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9258,7 +9271,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         header: string;
@@ -9291,7 +9304,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9306,9 +9319,16 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        selected: string;
+        focus: string;
+        focusDisabled: string;
+        focused: string;
+        externalReference: string;
+        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9317,16 +9337,9 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        selected: string;
-        focus: string;
-        focusDisabled: string;
-        focused: string;
-        externalReference: string;
-        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9335,7 +9348,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         button: string;
@@ -9351,7 +9364,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
@@ -9378,7 +9391,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     classes: {
         typography: string;
         root: string;
@@ -9397,7 +9410,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         xs: string;
@@ -9421,7 +9434,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         row: string;
@@ -9434,7 +9447,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -9452,7 +9465,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -9466,7 +9479,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         actionsInnerContainer: string;
@@ -9480,7 +9493,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
@@ -9499,12 +9512,9 @@ declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        icon: string;
-        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9513,9 +9523,12 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        icon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9524,7 +9537,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9538,7 +9551,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "focusVisible" | "thumb", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9557,7 +9570,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
@@ -9574,7 +9587,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
@@ -9591,7 +9604,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9608,7 +9621,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9626,31 +9639,6 @@ declare const useClasses_35: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
-    classes: {
-        secondary: string;
-        primary: string;
-        root: string;
-        disabled: string;
-        semantic: string;
-        secondarySubtle: string;
-        ghost: string;
-        icon: string;
-        secondaryGhost: string;
-        primaryGhost: string;
-        primarySubtle: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-        subtle: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_37: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -10647,7 +10635,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10658,14 +10646,15 @@ declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primar
         selected: string;
         button: string;
         secondaryGhost: string;
+        splitDisabled: string;
+        multiple: string;
         primaryGhost: string;
         primarySubtle: string;
         splitGroup: string;
         splitGroupDisabled: string;
+        splitContainer: string;
         firstButton: string;
         lastButton: string;
-        splitContainer: string;
-        splitDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10943,7 +10932,7 @@ export declare interface UseHvHeaderGroupsCellProps {
 }
 
 export declare interface UseHvHeaderGroupsColumnProps {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     groupColumnMostLeft?: boolean;
     groupColumnMostRight?: boolean;
 }
@@ -10969,7 +10958,7 @@ export declare interface UseHvPaginationTableInstance<D extends object> {
 export declare interface UseHvResizeColumnProps {
     resizable?: boolean;
     resizing?: boolean;
-    resizerProps?: HTMLAttributes<HTMLDivElement>;
+    resizerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 
 export declare const useHvResizeColumns: UseHvResizeColumnsProps;
@@ -10990,7 +10979,7 @@ export declare interface UseHvRowExpandRowInstance<D extends object = Record<str
 }
 
 export declare interface UseHvRowExpandRowToggleProps extends TableExpandedToggleProps {
-    onClick?: MouseEventHandler<unknown>;
+    onClick?: React.MouseEventHandler<unknown>;
 }
 
 export declare type UseHvRowExpandTableOptions = {
@@ -11004,7 +10993,7 @@ export declare interface UseHvRowExpandTableRowProps {
 export declare const useHvRowSelection: UseRowSelectionProps;
 
 export declare interface UseHvRowSelectionBulkCheckboxProps {
-    onChange?: (e: ChangeEvent, checked?: boolean) => void;
+    onChange?: (e: React.ChangeEvent, checked?: boolean) => void;
     checked?: boolean;
     indeterminate?: boolean;
 }
@@ -11016,7 +11005,7 @@ export declare interface UseHvRowSelectionHooks<D extends object> {
 }
 
 export declare interface UseHvRowSelectionRowCheckboxProps {
-    onChange?: (e: ChangeEvent, checked?: boolean) => void;
+    onChange?: (e: React.ChangeEvent, checked?: boolean) => void;
     checked?: boolean;
     disabled?: boolean;
     indeterminate?: boolean;
@@ -11070,7 +11059,7 @@ export declare interface UseHvRowSelectionTableRowProps {
 }
 
 export declare const useHvSnackbar: () => {
-    enqueueSnackbar: (message: ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
+    enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
     closeSnackbar: (key?: SnackbarKey | undefined) => void;
 };
 
@@ -11144,19 +11133,19 @@ export declare const useHvTableStyles: UseTableStylesProps;
 export declare interface UseHvTableStylesColumnOptions {
     variant?: "checkbox" | "expand" | "actions" | "default" | "none";
     align?: "center" | "inherit" | "justify" | "left" | "right";
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     className?: string;
     classes?: Record<string, string>;
-    headerStyle?: CSSProperties;
+    headerStyle?: React.CSSProperties;
     headerClassName?: string;
     headerClasses?: Record<string, string>;
-    cellStyle?: CSSProperties;
+    cellStyle?: React.CSSProperties;
     cellClassName?: string;
     cellClasses?: Record<string, string>;
 }
 
 export declare interface UseHvTableStylesTableCellProps {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     className?: string;
     classes?: Record<string, string>;
     variant?: "checkbox" | "expand" | "actions" | "default" | "none";
@@ -11164,7 +11153,7 @@ export declare interface UseHvTableStylesTableCellProps {
 }
 
 export declare type UseHvTableStylesTableOptions = {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     className?: string;
     classes?: Record<string, string>;
     component?: any;