@hitachivantara/uikit-react-core 5.47.2 → 5.48.1

package/dist/types/index.d.ts

@@ -29,7 +29,7 @@ import { DividerProps } from '@mui/material/Divider';
 import { DrawerProps } from '@mui/material/Drawer';
 import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
-import { EmblaOptionsType } from 'embla-carousel-react';
+import { ElementType } from 'react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import { ForwardRefExoticComponent } from 'react';
@@ -65,13 +65,15 @@ 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 '@emotion/react/jsx-runtime';
+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 { OptionsObject } from 'notistack';
-import { PopperProps } from '@mui/material/Popper';
+import { PopperProps } from 'react-popper';
 import { PropGetter } from 'react-table';
+import { PropsWithoutRef } from 'react';
 import { RadioProps } from '@mui/material/Radio';
 import { default as React_2 } from 'react';
 import * as React_3 from 'react';
@@ -110,6 +112,7 @@ 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';
 import { UseColumnOrderInstanceProps } from 'react-table';
 import { UseColumnOrderState } from 'react-table';
 import { useEffect } from 'react';
@@ -248,6 +251,7 @@ declare interface AskAction {
 }
 
 declare type AsProp<C extends React.ElementType> = {
+    /** Custom element type to override the root component */
     component?: C;
 };
 
@@ -519,13 +523,13 @@ declare type CellValue<V = any> = V;
 export declare const CellWithCheckBox: ({ row, labels: labelsProp }: {
     row: any;
     labels: any;
-}) => JSX_2.Element;
+}) => JSX_3.Element;
 
 export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp }: {
     row: any;
     cell: any;
     labels: any;
-}) => JSX_2.Element;
+}) => JSX_3.Element;
 
 export declare const charCounterClasses: {
     root: "HvCharCounter-root";
@@ -941,6 +945,9 @@ export declare const findDescriptors: (children: any, descriptors?: {
 
 declare type FixComponentProps<T> = T extends any ? T : never;
 
+/** React.forwardRef with fixed type declarations */
+export declare function fixedForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+
 export declare const focusClasses: {
     root: "HvFocus-root";
     disabled: "HvFocus-disabled";
@@ -1015,8 +1022,8 @@ export declare const getSelectorIcons: (options: {
     disabled: boolean;
     semantic: boolean;
 }, classes: HvBaseRadioClasses) => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
+    radio: JSX_3.Element;
+    radioChecked: JSX_3.Element;
 };
 
 export declare const getTableHeadPropsHook: (props: any, { instance }: {
@@ -1113,7 +1120,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
+export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_15>;
 
@@ -1160,7 +1167,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     classes?: HvAccordionClasses;
 }
 
-export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
+export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
 export declare type HvActionBarClasses = ExtractNames<typeof useClasses_16>;
 
@@ -1191,7 +1198,7 @@ export declare interface HvActionGeneric {
     disabled?: boolean;
 }
 
-export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
+export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_17>;
 
@@ -1238,9 +1245,9 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_2.Element;
+export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_3.Element;
 
-export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
+export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
 
 export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
@@ -1392,7 +1399,7 @@ export declare type HvAvatarVariant = "circular" | "square";
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
-export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
+export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
 export declare type HvBadgeClasses = ExtractNames<typeof useClasses_22>;
 
@@ -1431,7 +1438,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
+export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1633,7 +1640,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
      * An object containing props to be wired to the popper component.
      */
-    popperProps?: Partial<PopperProps>;
+    popperProps?: Partial<PopperProps<any>>;
     /**
      * Placement of the dropdown.
      */
@@ -1679,7 +1686,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
+export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_13>;
 
@@ -1717,8 +1724,8 @@ export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" |
     classes?: HvBaseInputClasses;
 }
 
-/** HV Base Props. Extends `HTMLAttributes` of an element `E`, and filters `K` keys. */
-export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extends keyof HTMLAttributes<E> = never> = Omit<HTMLAttributes<E>, K>;
+/** HV Base Props. Extends `React.HTMLAttributes` of an element `E`, and filters `K` keys. */
+export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extends keyof React.HTMLAttributes<E> = never> = Omit<React.HTMLAttributes<E>, K>;
 
 /**
  * A Radio Button is a mechanism that allows user to select one or more options.
@@ -1894,7 +1901,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
+export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
 export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_29>;
 
@@ -1926,7 +1933,7 @@ export { HvBreakpoints }
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
+export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
 export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_31>;
 
@@ -2000,11 +2007,55 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
 /**
  * Button component is used to trigger an action or event.
  */
-export declare const HvButton: <C extends React_2.ElementType = "button">(props: HvButtonProps<C>) => React_2.ReactElement | null;
+export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
+    /** Use the variant prop to change the visual style of the Button. */
+    variant?: "secondary" | "primary" | "semantic" | "secondarySubtle" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "ghost" | undefined;
+    /** Whether the Button is an icon-only button. */
+    icon?: boolean | undefined;
+    /** Whether the Button is disabled or not. */
+    disabled?: boolean | undefined;
+    /** Class names to be applied. */
+    className?: string | undefined;
+    /** Element placed before the children. */
+    startIcon?: React.ReactNode;
+    /** Element placed after the children. */
+    endIcon?: React.ReactNode;
+    /** Button size. */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    /** Button border radius. */
+    radius?: "base" | "none" | "round" | "circle" | "full" | undefined;
+    /** Defines the default colors of the button are forced into the icon. */
+    overrideIconColors?: boolean | undefined;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: Partial<{
+        secondary: string;
+        primary: string;
+        root: string;
+        disabled: string;
+        semantic: string;
+        secondarySubtle: string;
+        icon: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        ghost: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+    }> | undefined;
+    /** Whether the Button is selected or not. */
+    selected?: boolean | undefined;
+} & {
+    component?: C | undefined;
+} & {
+    children?: ReactNode;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "size" | "component" | "className" | "radius" | "variant" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
+    ref?: PolymorphicRef<C> | undefined;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvButtonClasses = ExtractNames<typeof useClasses_33>;
 
-export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
+export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
     variant?: HvButtonVariant;
     /** Whether the Button is an icon-only button. */
@@ -2014,9 +2065,9 @@ export declare type HvButtonProps<C extends React_2.ElementType = "button"> = Po
     /** Class names to be applied. */
     className?: string;
     /** Element placed before the children. */
-    startIcon?: ReactElement;
+    startIcon?: React.ReactNode;
     /** Element placed after the children. */
-    endIcon?: ReactElement;
+    endIcon?: React.ReactNode;
     /** Button size. */
     size?: HvButtonSize;
     /** Button border radius. */
@@ -2035,12 +2086,12 @@ export declare type HvButtonSize = (typeof buttonSize)[number];
 
 export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
-export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
+export declare const HvCalendar: (props: HvCalendarProps) => JSX_3.Element;
 
 export declare type HvCalendarClasses = ExtractNames<typeof useClasses_34>;
 
 export declare const HvCalendarHeader: {
-    (props: HvCalendarHeaderProps): JSX_2.Element;
+    (props: HvCalendarHeaderProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -2162,11 +2213,11 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
+export declare const HvCard: (props: HvCardProps) => JSX_3.Element;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_36>;
 
-export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
+export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_3.Element;
 
 export declare type HvCardContentClasses = ExtractNames<typeof useClasses_38>;
 
@@ -2177,7 +2228,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
     classes?: HvCardContentClasses;
 }
 
-export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
+export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
 
 export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_37>;
 
@@ -2194,7 +2245,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
     classes?: HvCardHeaderClasses;
 }
 
-export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
+export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_3.Element;
 
 export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_39>;
 
@@ -2235,11 +2286,11 @@ export declare interface HvCardProps extends HvBaseProps {
  * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.
  * It allows you to focus on a particular content while having a notion of how many you have to explore.
  */
-export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
+export declare const HvCarousel: (props: HvCarouselProps) => JSX_3.Element;
 
 export declare type HvCarouselClasses = ExtractNames<typeof useClasses_40>;
 
-export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
+export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
@@ -2279,7 +2330,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
     /** Thumbnails position. */
     thumbnailsPosition?: "top" | "bottom";
     /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */
-    carouselOptions?: EmblaOptionsType;
+    carouselOptions?: Parameters<typeof useCarousel>[0];
     /** Function that renders the thumbnail.  */
     renderThumbnail?: (index: number) => React_2.ReactNode;
     /** The callback fired when the active slide changes. */
@@ -2290,7 +2341,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  * A container to use as `children` of `HvCarousel`.
  * Pass `img` props directly to it, or `children` for any custom content
  */
-export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
+export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
 
 export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_41>;
 
@@ -2341,7 +2392,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  * Use the character counter when there is a character or word limit.
  * By itself it doesn't block the user from going above the limit.
  */
-export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
+export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_3.Element;
 
 export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_5>;
 
@@ -2654,7 +2705,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
     classes?: HvContainerClasses;
 }
 
-export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
+export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
 
 export declare type HvControlsClasses = ExtractNames<typeof useClasses_47>;
 
@@ -2825,11 +2876,11 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
+export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
 
 export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_59>;
 
-export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
+export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
     /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
@@ -2840,7 +2891,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
 
 export declare type HvDialogClasses = ExtractNames<typeof useClasses_60>;
 
-export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
+export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
 
 export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_58>;
 
@@ -2882,7 +2933,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     component?: DialogProps["component"];
 }
 
-export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
+export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
 
 export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_57>;
 
@@ -2903,7 +2954,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
+export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
 
 export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_61>;
 
@@ -2947,7 +2998,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
+export declare const HvDrawer: (props: HvDrawerProps) => JSX_3.Element;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_63>;
 
@@ -3103,7 +3154,7 @@ 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.
  */
-export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
+export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_30>;
 
@@ -3147,42 +3198,15 @@ export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement,
     classes?: HvDropDownMenuClasses;
 }
 
-export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "onChange"> {
+export declare interface HvDropdownProps extends Omit<HvFormElementProps, "value" | "onChange">, Pick<HvBaseDropdownProps, "placement" | "popperProps" | "disablePortal" | "variableWidth" | "expanded" | "defaultExpanded"> {
     /**
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvDropdownClasses;
-    /**
-     * The form element name.
-     */
-    name?: string;
-    /**
-     * The label of the form element.
-     *
-     * The form element must be labeled for accessibility reasons.
-     * If not provided, an aria-label or aria-labelledby must be provided instead.
-     */
-    label?: any;
-    /**
-     * Provide additional descriptive text for the form element.
-     */
-    description?: any;
     /**
      * The placeholder value when nothing is selected.
      */
     placeholder?: string;
-    /**
-     * Indicates that the form element is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Indicates that the form element is in read only mode.
-     */
-    readOnly?: boolean;
-    /**
-     * Indicates that user input is required on the form element.
-     */
-    required?: boolean;
     /**
      * The status of the form element.
      *
@@ -3220,14 +3244,6 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
      * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.
      */
     showSearch?: boolean;
-    /**
-     * If `true` the dropdown starts opened if `false` it starts closed.
-     */
-    expanded?: boolean;
-    /**
-     * When uncontrolled, defines the initial expanded state.
-     */
-    defaultExpanded?: boolean;
     /**
      * If 'true' the dropdown will notify on the first render.
      */
@@ -3240,28 +3256,10 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
      * If `true` the dropdown will show tooltips when user mouseenter text in list
      */
     hasTooltips?: boolean;
-    /**
-     * Disable the portal behavior.
-     * The children stay within it's parent DOM hierarchy.
-     */
-    disablePortal?: boolean;
-    /**
-     * If `true` the dropdown width depends size of content if `false` the width depends on the header size.
-     * Defaults to `false`.
-     */
-    variableWidth?: boolean;
     /**
      * If `true`, selection can be toggled when single selection.
      */
     singleSelectionToggle?: boolean;
-    /**
-     * Placement of the dropdown.
-     */
-    placement?: "left" | "right";
-    /**
-     * An object containing props to be wired to the popper component.
-     */
-    popperProps?: Partial<PopperProps>;
     /**
      * Callback called when the user cancels the changes.
      *
@@ -3310,7 +3308,7 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
     /**
      * Extra props passed to the list.
      */
-    listProps?: HvDropdownListProps;
+    listProps?: Partial<HvDropdownListProps>;
 }
 
 export declare type HvDropdownStatus = "standBy" | "valid" | "invalid";
@@ -3353,7 +3351,7 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
+export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_3.Element;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_64>;
 
@@ -3381,7 +3379,7 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
+export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
 
 export declare type HvFileClasses = ExtractNames<typeof useClasses_66>;
 
@@ -3449,7 +3447,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
  */
-export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /**
@@ -3462,7 +3460,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
  */
-export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
+export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
 
 export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_65>;
 
@@ -3632,7 +3630,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 
 export declare type HvFilterGroupValue = (string | number)[][];
 
-export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
+export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_3.Element;
 
 export declare type HvFocusClasses = ExtractNames<typeof useClasses_2>;
 
@@ -3671,7 +3669,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
-export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
+export declare const HvFooter: (props: HvFooterProps) => JSX_3.Element;
 
 export declare type HvFooterClasses = ExtractNames<typeof useClasses_69>;
 
@@ -3695,7 +3693,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
 };
 
 export declare const HvFormElement: {
-    (props: HvFormElementProps): JSX_2.Element;
+    (props: HvFormElementProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -3794,7 +3792,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
+export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_3.Element;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_70>;
 
@@ -3944,9 +3942,9 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
+export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
+export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_73>;
 
@@ -3957,7 +3955,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
+export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_74>;
 
@@ -3973,7 +3971,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     headers: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
+export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
 
 declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_75>;
 
@@ -3986,7 +3984,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     classes?: HvHeaderMenuBarClasses;
 }
 
-export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
 
 declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3999,7 +3997,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
+export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_77>;
 
@@ -4065,7 +4063,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
 /**
  * Provides the user with additional descriptive text for the form element.
  */
-export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
+export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_3.Element;
 
 export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_9>;
 
@@ -4082,7 +4080,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
+export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_3.Element;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_78>;
 
@@ -4262,7 +4260,7 @@ export declare interface HvKnobProperty {
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
  */
-export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
+export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
 
 export declare type HvKpiClasses = ExtractNames<typeof useClasses_79>;
 
@@ -4302,7 +4300,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
 /**
  * Provides the user with a recognizable name for a given form element.
  */
-export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
+export declare const HvLabel: (props: HvLabelProps) => JSX_3.Element;
 
 export declare type HvLabelClasses = ExtractNames<typeof useClasses_8>;
 
@@ -4321,7 +4319,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     classes?: HvLabelClasses;
 }
 
-export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
+export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_3.Element;
 
 export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_52>;
 
@@ -4338,7 +4336,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     classes?: HvLeftControlClasses;
 }
 
-export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
+export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
 
 export declare type HvLinkClasses = ExtractNames<typeof useClasses_80>;
 
@@ -4354,7 +4352,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
+export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
 
 export declare type HvListClasses = ExtractNames<typeof useClasses_81>;
 
@@ -4375,6 +4373,8 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
     interactive?: boolean;
     /** If `true` compact the vertical spacing between list items. */
     condensed?: boolean;
+    /** If `true`, the list items are _visually_ selectable. To enable selection, use `HvSelectionList` */
+    selectable?: boolean;
     /** If `true`, the list items' left and right padding is removed. */
     disableGutters?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -4391,6 +4391,8 @@ export declare type HvListItemClasses = ExtractNames<typeof useClasses_4>;
 export declare interface HvListItemProps extends HvBaseProps<HTMLLIElement> {
     /** Indicates if the list item is selected. */
     selected?: boolean;
+    /** Indicated if the list item is _visually_ selectable */
+    selectable?: boolean;
     /** If true, the list item will be disabled. */
     disabled?: boolean;
     /**
@@ -4503,7 +4505,7 @@ export declare interface HvListValue extends HvExtraProps {
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
+export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_82>;
 
@@ -4523,7 +4525,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
+export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
 
 export declare type HvLoginClasses = ExtractNames<typeof useClasses_83>;
 
@@ -4550,7 +4552,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
     userProps: any;
 }
 
-export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
+export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
 
 export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_84>;
 
@@ -4587,7 +4589,7 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
+export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
 
 export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_85>;
 
@@ -4610,7 +4612,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
+export declare const HvPagination: (props: HvPaginationProps) => JSX_3.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_43>;
 
@@ -4667,7 +4669,7 @@ export declare interface HvPanelProps extends HvBaseProps {
 
 export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
 
-export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
+export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
 
 export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_88>;
 
@@ -4716,7 +4718,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
 /**
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
  */
-export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_2.Element;
+export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, classNameKey, }: HvProviderProps) => JSX_3.Element;
 
 export declare interface HvProviderProps {
     /**
@@ -4777,7 +4779,7 @@ export declare interface HvProviderProps {
  *
  * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
  */
-export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
+export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_3.Element;
 
 export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
     id?: string;
@@ -5335,7 +5337,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
-export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
+export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_3.Element;
 
 export declare type HvRightControlClasses = ExtractNames<typeof useClasses_53>;
 
@@ -5374,7 +5376,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
 /**
  * The horizontal scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
+export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
 
 export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_94>;
 
@@ -5427,7 +5429,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
 /**
  * The vertical scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
+export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
 
 export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_92>;
 
@@ -5577,7 +5579,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
 
 export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
 
-export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
+export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
 
 export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_96>;
 
@@ -5754,7 +5756,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
+export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_98>;
 
@@ -5814,7 +5816,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     ref?: SnackbarProps["ref"];
 }
 
-export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
+export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
 
 export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_100>;
 
@@ -5841,7 +5843,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  *
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
  */
-export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
+export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
 
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
@@ -6017,7 +6019,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     component?: SwitchProps["component"];
 }
 
-export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
+export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
 
 export declare type HvTabClasses = ExtractNames<typeof useClasses_103>;
 
@@ -6352,7 +6354,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
+export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
 
 export declare type HvTabsClasses = ExtractNames<typeof useClasses_108>;
 
@@ -6642,7 +6644,7 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme, emotionCache, colorMode, themeRootId: rootId, }: HvThemeProviderProps) => JSX_3.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
@@ -6656,7 +6658,42 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
+export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
+    /**
+     * The timestamp to format, in seconds or milliseconds.
+     * Defaults to `emptyElement` if value is null or 0
+     */
+    timestamp?: number | undefined;
+    /**
+     * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
+     * @see https://day.js.org/docs/en/i18n/i18n
+     */
+    locale?: string | undefined;
+    /**
+     * The element to render when the timestamp is null or 0
+     * Defaults to `—` (Em Dash)
+     */
+    emptyElement?: React.ReactNode;
+    /** Disables periodic date refreshes */
+    disableRefresh?: boolean | undefined;
+    /** Whether to show seconds in the rendered time */
+    showSeconds?: boolean | undefined;
+    /**
+     * Whether the component should render just the string
+     * Consider using `useTimeAgo` instead
+     */
+    justText?: boolean | undefined;
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: Partial<{
+        root: string;
+    }> | undefined;
+} & {
+    component?: C | undefined;
+} & {
+    children?: ReactNode;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> ? T extends any ? T : never : never : never) & {
+    ref?: PolymorphicRef<C> | undefined;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_111>;
 
@@ -6897,23 +6934,82 @@ export declare interface HvTreeItemProps extends HTMLAttributes<HTMLElement> {
  * </HvTreeView>
  * ```
  */
-export declare const HvTreeView: HvTreeViewComponent;
+export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_113>;
 
-declare type HvTreeViewComponent = <Multiple extends boolean | undefined = undefined>(props: HvTreeViewProps<Multiple>) => React.JSX.Element;
-
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
     classes?: HvTreeViewClasses;
     /** Tree View children. Usually a `HvTreeItem` instance, or a custom variation of it */
-    children?: ReactNode;
+    children?: React.ReactNode;
 }
 
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: <C extends React.ElementType = "p">(props: HvTypographyProps<C>) => React.ReactElement | null;
+export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
+    /** Use the variant prop to change the visual style of the Typography. */
+    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
+    /** If `true` the typography will display the look of a link. */
+    link?: boolean | undefined;
+    /** If `true` the typography will display the look of a disabled state. */
+    disabled?: boolean | undefined;
+    /**
+     * If `true`, the typography will render a "p" element
+     * @deprecated use `component="p"` instead
+     * */
+    paragraph?: boolean | undefined;
+    /**
+     * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+     *
+     * Note that text overflow can only happen with block or inline-block level elements
+     * (the element needs to have a width in order to overflow).
+     */
+    noWrap?: boolean | undefined;
+    /** A Jss Object used to override or extend the styles applied to the component. */
+    classes?: Partial<{
+        display: string;
+        "5xlTitle": string;
+        "4xlTitle": string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        label: string;
+        body: string;
+        caption1: string;
+        caption2: string;
+        xxlTitle: string;
+        lTitle: string;
+        sTitle: string;
+        xxsTitle: string;
+        sectionTitle: string;
+        placeholderText: string;
+        link: string;
+        disabledText: string;
+        selectedNavText: string;
+        vizTextDisabled: string;
+        xsInlineLink: string;
+        root: string;
+        disabled: string;
+        "3xlTitle": string;
+        xlTitle: string;
+        mTitle: string;
+        xsTitle: string;
+        highlightText: string;
+        normalText: string;
+        vizText: string;
+        isLink: string;
+        noWrap: string;
+    }> | undefined;
+} & {
+    component?: C | undefined;
+} & {
+    children?: ReactNode;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "component" | "noWrap" | "variant" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "component" | "noWrap" | "variant" | "paragraph"> ? T extends any ? T : never : never : never) & {
+    ref?: PolymorphicRef<C> | undefined;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
 
@@ -6991,9 +7087,9 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
+export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
 
-export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_2.Element;
+export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_119>;
 
@@ -7024,7 +7120,7 @@ export declare interface HvVerticalNavigationActionProps {
     onClick?: MouseEventHandler<HTMLElement>;
 }
 
-export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_2.Element;
+export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_118>;
 
@@ -7049,7 +7145,7 @@ export declare interface HvVerticalNavigationActionsProps {
 
 export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_116>;
 
-export declare const HvVerticalNavigationHeader: ({ title, openIcon: openIconProp, closeIcon: closeIconProp, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
+export declare const HvVerticalNavigationHeader: ({ title, openIcon: openIconProp, closeIcon: closeIconProp, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
 export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_117>;
 
@@ -7136,7 +7232,7 @@ export declare interface HvVerticalNavigationProps {
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_121>;
 
@@ -7176,7 +7272,7 @@ export declare interface HvVerticalNavigationSliderProps {
     forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
+export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_120>;
 
@@ -7424,7 +7520,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
-export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
+export declare const HvWarningText: (props: HvWarningTextProps) => JSX_3.Element;
 
 export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_10>;
 
@@ -7447,7 +7543,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
     classes?: HvWarningTextClasses;
 }
 
-export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
+export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_3.Element | null;
 
 declare type IdType<D> = StringKey<D> | string;
 
@@ -10975,8 +11071,8 @@ export declare const warningTextClasses: {
     topBorder: "HvWarningText-topBorder";
 };
 
-export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
+export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_3.Element;
 
-export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
+export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_3.Element) | (() => any);
 
 export { }