@hitachivantara/uikit-react-core 5.58.1 → 5.58.3

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';
@@ -1134,7 +1123,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     /**
      * 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.
      */
@@ -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. */
@@ -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. */
@@ -1562,7 +1549,7 @@ 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>;
 
@@ -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,7 +1626,7 @@ 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>;
 
@@ -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>;
 }
 
 /**
@@ -1781,7 +1768,7 @@ 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>;
 
@@ -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,7 +1846,7 @@ 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>;
 
@@ -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 }
@@ -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. */
@@ -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;
@@ -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.
      */
@@ -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. */
@@ -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,7 +5672,7 @@ 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>;
 
@@ -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"> {
     classes?: HvSelectClasses;
-    placeholder?: React_2.ReactNode;
+    placeholder?: React.ReactNode;
     autoComplete?: string;
     /** Whether the width of the select panel can vary independently. */
     variableWidth?: boolean;
@@ -5791,10 +5778,34 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
 
 export { HvSize }
 
+/**
+ * The `HvSkeleton` component is used to create a placeholder element that represents the shape and size of the content that will be loaded.
+ */
+export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
+
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_128>;
+
+export declare interface HvSkeletonProps extends HvBaseProps {
+    /** Whether the skeleton element is hidden or not. */
+    hidden?: boolean;
+    /** The type of skeleton element. @default "text" */
+    variant?: "circle" | "square" | "text";
+    /** The animation the skeleton element will display. @default "pulse" */
+    animation?: "pulse" | "wave";
+    /** The width of the skeleton element. */
+    width?: React.CSSProperties["width"];
+    /** The height of the skeleton element. */
+    height?: React.CSSProperties["height"];
+    /** The url for a placeholder image to use on the skeleton element. */
+    backgroundImage?: string;
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: HvSkeletonClasses;
+}
+
 /**
  * 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>;
 
@@ -5808,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.
      */
@@ -5845,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
      */
@@ -5880,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.
@@ -5906,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.
      */
@@ -5923,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.
      */
@@ -5977,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;
     /**
@@ -6066,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. */
@@ -6079,12 +6090,12 @@ 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>;
 
@@ -6096,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. */
@@ -6115,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>;
 
@@ -6162,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.
      */
@@ -6213,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 */
@@ -6244,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>;
 
@@ -6252,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. */
@@ -6282,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. */
@@ -6367,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 */
@@ -6403,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. */
@@ -6481,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`.
@@ -6590,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>;
 
@@ -6598,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. */
@@ -6606,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 */
@@ -6637,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>;
 
@@ -6653,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. */
@@ -6663,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. */
@@ -6693,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. */
@@ -7063,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.
      */
@@ -7072,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;
 }
@@ -7326,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;
@@ -7394,22 +7405,14 @@ export declare interface HvVerticalNavigationHeaderProps {
     /**
      * Handler for the collapse button.
      */
-    onCollapseButtonClick?: MouseEventHandler<HTMLElement>;
+    onCollapseButtonClick?: React.MouseEventHandler<HTMLElement>;
 }
 
 export declare type HvVerticalNavigationMode = "icon" | "simple";
 
 export declare type HvVerticalNavigationPosition = "static" | "relative" | "fixed" | "absolute";
 
-export declare interface HvVerticalNavigationProps {
-    /**
-     * Id to be applied to the root node.
-     */
-    id?: string;
-    /**
-     * Class names to be applied.
-     */
-    className?: string;
+export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivElement> {
     /**
      * A Jss Object used to override or extend the styles applied to the component.
      */
@@ -7419,7 +7422,7 @@ export declare interface HvVerticalNavigationProps {
      */
     open?: boolean;
     /**
-     * Collpased Mode for the Vertical Navigation, the default value is "simple".
+     * Collapsed Mode for the Vertical Navigation, the default value is "simple".
      *
      * @deprecated - `useIcons` property should be used instead.
      */
@@ -7428,10 +7431,6 @@ export declare interface HvVerticalNavigationProps {
      * Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false.
      */
     slider?: boolean;
-    /**
-     * The content inside the actions container.
-     */
-    children?: React.ReactNode;
     /**
      * Boolean to determine if icons should be displayed in the navigation menu.
      * When `true` a icon will always be displayed, if no icon is provided the first letter of the label will be
@@ -7934,7 +7933,7 @@ export declare const multiButtonClasses: {
 
 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. */
@@ -8179,12 +8178,23 @@ export declare const setElementAttrs: (themeName: string, modeName: string, colo
 
 export declare const setId: (...args: any[]) => string | undefined;
 
+/** @deprecated use `useUniqueId` instead */
 export declare const setUid: (id: string, suffix: string) => string | undefined;
 
 export declare const simpleGridClasses: {
     root: "HvSimpleGrid-root";
 };
 
+export declare const skeletonClasses: {
+    content: "HvSkeleton-content";
+    root: "HvSkeleton-root";
+    circle: "HvSkeleton-circle";
+    text: "HvSkeleton-text";
+    square: "HvSkeleton-square";
+    pulse: "HvSkeleton-pulse";
+    wave: "HvSkeleton-wave";
+};
+
 export declare const sliderClasses: {
     label: "HvSlider-label";
     root: "HvSlider-root";
@@ -9150,6 +9160,23 @@ declare const useClasses_127: (classesProp?: Partial<Record<"content" | "header"
     cx: (...args: any) => string;
 };
 
+declare const useClasses_128: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+    classes: {
+        content: string;
+        root: string;
+        circle: string;
+        text: string;
+        square: string;
+        pulse: string;
+        wave: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
 declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -10903,7 +10930,7 @@ export declare interface UseHvHeaderGroupsCellProps {
 }
 
 export declare interface UseHvHeaderGroupsColumnProps {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     groupColumnMostLeft?: boolean;
     groupColumnMostRight?: boolean;
 }
@@ -10929,7 +10956,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;
@@ -10950,7 +10977,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 = {
@@ -10964,7 +10991,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;
 }
@@ -10976,7 +11003,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;
@@ -11030,7 +11057,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;
 };
 
@@ -11104,19 +11131,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";
@@ -11124,7 +11151,7 @@ export declare interface UseHvTableStylesTableCellProps {
 }
 
 export declare type UseHvTableStylesTableOptions = {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     className?: string;
     classes?: Record<string, string>;
     component?: any;