@hitachivantara/uikit-react-core 5.0.0 → 5.0.2

package/dist/types/index.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
 
+import { ActionType } from 'react-table';
 import type { AllHTMLAttributes } from 'react';
 import { AvatarProps } from '@mui/material/Avatar';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
-import { CellPropGetter } from 'react-table';
-import { CellProps } from 'react-table';
 import { ChangeEvent } from 'react';
 import { CheckboxProps } from '@mui/material';
 import { ChipProps } from '@mui/material/Chip';
@@ -23,39 +22,15 @@ import { DialogTitleProps } from '@mui/material/DialogTitle';
 import { DividerProps } from '@mui/material/Divider';
 import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
-import type { ElementType } from 'react';
-import { FooterPropGetter } from 'react-table';
 import type { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material';
-import { HeaderPropGetter } from 'react-table';
-import { HeaderProps } from 'react-table';
 import { Hooks } from 'react-table';
 import { HTMLAttributes } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
-import { HvActionGeneric as HvActionGeneric_2 } from 'components';
-import { HvBannerActionPosition as HvBannerActionPosition_2 } from 'components';
-import { HvBannerVariant as HvBannerVariant_2 } from 'components';
-import { HvBaseDropdownProps as HvBaseDropdownProps_2 } from 'components';
-import { HvBaseSwitchProps as HvBaseSwitchProps_2 } from 'components';
 import { HvBaseTheme } from '@hitachivantara/uikit-styles';
-import { HvBreakpoints as HvBreakpoints_2 } from 'types/tokens';
-import { HvButtonProps as HvButtonProps_2 } from 'components';
-import { HvButtonVariant as HvButtonVariant_2 } from 'components';
-import { HvCategoricalColorKeys as HvCategoricalColorKeys_2 } from 'types/tokens';
-import { HvDropdownProps as HvDropdownProps_2 } from 'components';
 import type { HvExtraDeepProps } from '@hitachivantara/uikit-react-shared';
 import type { HvExtraProps } from '@hitachivantara/uikit-react-shared';
-import { HvFormStatus as HvFormStatus_2 } from 'components';
-import { HvHeaderNavigationItemProp as HvHeaderNavigationItemProp_2 } from 'components';
-import { HvInputProps as HvInputProps_2 } from 'components';
-import { HvLabelProps as HvLabelProps_2 } from 'components';
-import { HvListValue as HvListValue_2 } from 'components';
-import { HvRowInstance as HvRowInstance_2 } from 'components';
-import { HvSemanticColorKeys as HvSemanticColorKeys_2 } from 'types/tokens';
-import { HvTableColumnConfig as HvTableColumnConfig_2 } from 'components';
-import { HvTableInstance as HvTableInstance_2 } from 'components/Table/hooks/useTable';
 import { PluginHook as HvTablePluginHook } from 'react-table';
-import { HvTagProps as HvTagProps_2 } from 'components';
 import type { HvTheme } from '@hitachivantara/uikit-react-shared';
 import { HvThemeBreakpoint } from '@hitachivantara/uikit-styles';
 import { HvThemeColorMode } from '@hitachivantara/uikit-styles';
@@ -63,9 +38,6 @@ import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
 import { HvThemeContext } from '@hitachivantara/uikit-react-shared';
 import type { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
-import { HvTooltipProps as HvTooltipProps_2 } from 'components';
-import { HvTypographyVariants as HvTypographyVariants_2 } from 'components';
-import { HvValidationMessages as HvValidationMessages_2 } from 'types/forms';
 import { IdType as IdType_2 } from 'react-table';
 import { ImgHTMLAttributes } from 'react';
 import { InputBaseComponentProps } from '@mui/material';
@@ -73,17 +45,16 @@ import { InputProps } from '@mui/material';
 import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
-import { NavigationData as NavigationData_2 } from 'components';
 import { PopperProps } from '@mui/material';
 import { PropGetter } from 'react-table';
 import { RadioProps } from '@mui/material';
 import { default as React_2 } from 'react';
 import { ReactElement } from 'react';
+import { ReducerTableState } from 'react-table';
 import type { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
-import { RowPropGetter } from 'react-table';
 import { SnackbarCloseReason } from '@mui/material/Snackbar';
 import { SnackbarContentProps } from '@mui/material/SnackbarContent';
 import type { SnackbarKey } from 'notistack';
@@ -99,7 +70,6 @@ import { TableHeaderProps } from 'react-table';
 import type { TableHTMLAttributes } from 'react';
 import { TableInstance } from 'react-table';
 import { TableOptions } from 'react-table';
-import { TablePropGetter } from 'react-table';
 import { TableProps } from 'react-table';
 import { TableRowProps } from 'react-table';
 import { TableState } from 'react-table';
@@ -124,6 +94,7 @@ import { UseFiltersColumnProps } from 'react-table';
 import { UseFiltersInstanceProps } from 'react-table';
 import { UseFiltersOptions } from 'react-table';
 import { UseFiltersState } from 'react-table';
+import { UseGlobalFiltersColumnOptions } from 'react-table';
 import { UseGlobalFiltersInstanceProps } from 'react-table';
 import { UseGlobalFiltersOptions } from 'react-table';
 import { UseGlobalFiltersState } from 'react-table';
@@ -142,12 +113,17 @@ import { UseResizeColumnsColumnOptions } from 'react-table';
 import { UseResizeColumnsColumnProps } from 'react-table';
 import { UseResizeColumnsOptions } from 'react-table';
 import { UseResizeColumnsState } from 'react-table';
+import { UseRowStateInstanceProps } from 'react-table';
+import { UseRowStateOptions } from 'react-table';
+import { UseRowStateRowProps } from 'react-table';
+import { UseRowStateState } from 'react-table';
 import { UseSortByColumnOptions } from 'react-table';
 import { UseSortByColumnProps } from 'react-table';
 import { UseSortByHooks } from 'react-table';
 import { UseSortByInstanceProps } from 'react-table';
 import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
+import { UseTableHeaderGroupProps } from 'react-table';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -261,10 +237,10 @@ export declare const controlsClasses: HvControlsClasses;
  */
 export declare const createTheme: (props: HvCreateThemeProps) => HvTheme | HvThemeStructure;
 
-export declare type DateRangeProp = {
+export declare interface DateRangeProp {
     startDate: Date;
     endDate?: Date;
-};
+}
 
 export declare const decreaseSize: (size: string) => "XS" | "S" | "M" | "L";
 
@@ -438,7 +414,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: ({ id, className, classes, disabled, label, onChange, children, expanded, headingLevel, defaultExpanded, containerProps, labelVariant, ...others }: HvAccordionProps) => JSX_2.Element;
 
-export declare type HvAccordionClasses = {
+export declare interface HvAccordionClasses {
     /** Styles applied to the component root of the accordion. */
     root?: string;
     /** Styles applied to the content when it is hidden. */
@@ -449,9 +425,11 @@ export declare type HvAccordionClasses = {
     label?: string;
     /** Styles applied to the label button when it is disabled. */
     disabled?: string;
-};
+}
 
-export declare type HvAccordionProps = HvBaseProps & {
+export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, {
+    onChange: any;
+}> {
     /**
      * Id to be applied to the root node of the accordion.
      */
@@ -492,30 +470,31 @@ export declare type HvAccordionProps = HvBaseProps & {
      * Is the accordion disabled.
      */
     disabled?: boolean;
-    labelVariant?: HvTypographyVariants_2;
-};
+    /**
+     * Typography variant for the label.
+     */
+    labelVariant?: HvTypographyVariants;
+}
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare type HvActionBarClasses = {
+export declare interface HvActionBarClasses {
     root?: string;
-};
+}
 
-export declare type HvActionBarProps = HvBaseProps & {
-    /** Id to be applied to the root node. */
-    id?: string;
+export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
-};
+}
 
-declare type HvActionContainerClasses = {
+declare interface HvActionContainerClasses {
     actionContainer?: string;
     closeAction?: string;
     iconContainer?: string;
     actionsInnerContainer?: string;
-};
+}
 
-declare type HvActionContainerProps = HvBaseProps & {
+declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display. */
@@ -524,20 +503,20 @@ declare type HvActionContainerProps = HvBaseProps & {
     actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionContainerClasses;
-};
+}
 
-export declare type HvActionGeneric = {
+export declare interface HvActionGeneric {
     id: string;
     label: string;
     icon?: React_2.ReactNode | ((params: {
         isDisabled?: boolean;
     }) => React_2.ReactNode);
     disabled?: boolean;
-};
+}
 
 export declare const HvActionsGeneric: ({ id, classes, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare type HvActionsGenericClasses = {
+export declare interface HvActionsGenericClasses {
     /** Styles applied to element root. */
     root?: string;
     /** Styles applied to the visible buttons. */
@@ -550,11 +529,11 @@ export declare type HvActionsGenericClasses = {
     dropDownMenuButton?: string;
     /** Styles applied to the DropDownMenu IconButton component when it is selected. */
     dropDownMenuButtonSelected?: string;
-};
+}
 
-export declare type HvActionsGenericProps = HvBaseProps & {
+export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
-    category?: HvButtonVariant_2;
+    category?: HvButtonVariant;
     /**  Whether actions should be all disabled */
     disabled?: boolean;
     /** The renderable content inside the actions slot of the footer, or an Array of actions `{id, label, icon, disabled}` */
@@ -565,7 +544,7 @@ export declare type HvActionsGenericProps = HvBaseProps & {
     maxVisibleActions?: number;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionsGenericClasses;
-};
+}
 
 /**
  * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
@@ -623,7 +602,7 @@ export declare const HvAppSwitcher: ({ id, className, classes, layout, title, ap
 
 export declare const HvAppSwitcherAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
 
-export declare type HvAppSwitcherActionApplication = {
+export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
     id?: string;
     /** Name of the application, this is the value that will be displayed on the component. */
@@ -644,9 +623,9 @@ export declare type HvAppSwitcherActionApplication = {
     isSelected?: boolean;
     /** The color of the application. */
     color?: string;
-};
+}
 
-export declare type HvAppSwitcherActionClasses = {
+export declare interface HvAppSwitcherActionClasses {
     root?: string;
     icon?: string;
     iconUrl?: string;
@@ -655,9 +634,9 @@ export declare type HvAppSwitcherActionClasses = {
     selected?: string;
     typography?: string;
     title?: string;
-};
+}
 
-export declare type HvAppSwitcherActionProps = HvBaseProps & {
+export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
     application: HvAppSwitcherActionApplication;
     /** Callback triggered when the action is clicked. */
@@ -666,9 +645,9 @@ export declare type HvAppSwitcherActionProps = HvBaseProps & {
     isSelectedCallback?: (application: HvAppSwitcherActionApplication) => boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherActionClasses;
-};
+}
 
-export declare type HvAppSwitcherClasses = {
+export declare interface HvAppSwitcherClasses {
     root?: string;
     item?: string;
     itemSelected?: string;
@@ -685,9 +664,9 @@ export declare type HvAppSwitcherClasses = {
     single?: string;
     dual?: string;
     fluid?: string;
-};
+}
 
-export declare type HvAppSwitcherProps = HvBaseProps & {
+export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
     layout?: "single" | "dual" | "fluid";
     /** Title to be displayed on the header of the component. */
@@ -710,7 +689,7 @@ export declare type HvAppSwitcherProps = HvBaseProps & {
     isOpen?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAppSwitcherClasses;
-};
+}
 
 export declare type HvAtmosphereColorKeys = "atmo1" | "atmo2" | "atmo3" | "atmo4";
 
@@ -722,7 +701,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ({ className, style, classes, children: childrenProp, component, size, backgroundColor, color, src, srcSet, sizes, alt, imgProps, status, badge, variant, avatarProps, ...others }: HvAvatarProps) => JSX_2.Element;
 
-export declare type HvAvatarClasses = {
+export declare interface HvAvatarClasses {
     root?: string;
     container?: string;
     img?: string;
@@ -737,9 +716,9 @@ export declare type HvAvatarClasses = {
     xl?: string;
     circular?: string;
     square?: string;
-};
+}
 
-export declare type HvAvatarProps = 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. */
@@ -747,7 +726,7 @@ export declare type HvAvatarProps = HvBaseProps & {
     /** Sets one of the standard sizes of the icons */
     size?: HvAvatarSize;
     /**
-     * A String representing the foreground color of the avatar's
+     * A string representing the foreground color of the avatar's
      * letters or the generic User icon fallback.
      * You can use either an HEX or color name from the palette.
      */
@@ -777,7 +756,7 @@ export declare type HvAvatarProps = HvBaseProps & {
     avatarProps?: AvatarProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvAvatarClasses;
-};
+}
 
 export declare type HvAvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 
@@ -788,7 +767,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
 
-export declare type HvBadgeClasses = {
+export declare interface HvBadgeClasses {
     root?: string;
     badgeContainer?: string;
     badgePosition?: string;
@@ -797,9 +776,9 @@ export declare type HvBadgeClasses = {
     showLabel?: string;
     badgeIcon?: string;
     badgeOneDigit?: string;
-};
+}
 
-export declare type HvBadgeProps = HvBaseProps & {
+export declare interface HvBadgeProps extends HvBaseProps {
     /**
      * Count is the number of unread notifications.
      * Note count and label are mutually exclusive.
@@ -825,10 +804,10 @@ export declare type HvBadgeProps = HvBaseProps & {
     /** Text which the notification will be attached. */
     text?: string;
     /** Text variant. */
-    textVariant?: HvTypographyVariants_2;
+    textVariant?: HvTypographyVariants;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBadgeClasses;
-};
+}
 
 /**
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
@@ -838,7 +817,7 @@ export declare const HvBanner: ({ id, classes, className, open, onClose, anchorO
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = {
+export declare interface HvBannerClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the component root class when the component is closed. */
@@ -847,11 +826,11 @@ export declare type HvBannerClasses = {
     anchorOriginTopCenter?: string;
     /** Styles applied to the component when define as bottom. */
     anchorOriginBottomCenter?: string;
-};
+}
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = {
+export declare interface HvBannerContentClasses {
     outContainer?: string;
     root?: string;
     message?: string;
@@ -862,13 +841,13 @@ export declare type HvBannerContentClasses = {
     error?: string;
     info?: string;
     default?: string;
-};
+}
 
-export declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> & HvBaseProps & {
+export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
     content?: React.ReactNode;
     /** Variant of the snackbar. */
-    variant?: HvBannerVariant_2;
+    variant?: HvBannerVariant;
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Custom icon to replace the variant default. */
@@ -876,19 +855,21 @@ export declare type HvBannerContentProps = Omit<SnackbarContentProps, "variant"
     /** onClose function. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     /** Actions to display on the right side. */
-    actions?: React.ReactNode | HvActionGeneric_2[];
+    actions?: React.ReactNode | HvActionGeneric[];
     /**  The callback function ran when an action is triggered, receiving `action` as param */
-    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionsCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** The position property of the header. */
-    actionsPosition?: HvBannerActionPosition_2;
+    actionsPosition?: HvBannerActionPosition;
     /** The props to pass down to the Action Container. */
     actionProps?: HvActionContainerProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerContentClasses;
-};
+}
 
-export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose"> & HvBaseProps & {
-    /** If true | Snackbar is open. */
+export declare interface HvBannerProps extends Omit<SnackbarProps, "anchorOrigin" | "classes" | "onClose">, HvBaseProps<HTMLDivElement, {
+    children: any;
+}> {
+    /** If true, the snackbar is open. */
     open: boolean;
     /** Callback fired when the component requests to be closed. 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 clickaway. */
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -918,7 +899,7 @@ export declare type HvBannerProps = Omit<SnackbarProps, "anchorOrigin" | "classe
     bannerContentProps?: HvBannerContentProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBannerClasses;
-};
+}
 
 export declare type HvBannerVariant = "success" | "warning" | "error" | "default";
 
@@ -930,16 +911,17 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: ({ id, classes, className, name, inputProps, onChange, onFocusVisible, onBlur, checked, indeterminate, defaultChecked, value, required, readOnly, disabled, semantic, ...others }: HvBaseCheckBoxProps) => JSX_2.Element;
 
-export declare type HvBaseCheckBoxClasses = {
+export declare interface HvBaseCheckBoxClasses {
     root?: string;
     disabled?: string;
     focusVisible?: string;
     icon?: string;
-};
+}
 
-export declare type HvBaseCheckBoxProps = Omit<CheckboxProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * The input name.
      */
@@ -1004,7 +986,7 @@ export declare type HvBaseCheckBoxProps = Omit<CheckboxProps, "onChange" | "clas
      * A Jss Object used to override or extend the styles applied to the checkbox.
      */
     classes?: HvBaseCheckBoxClasses;
-};
+}
 
 export declare type HvBaseColorKeys = "base_light" | "base_dark";
 
@@ -1012,7 +994,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: ({ id, className, classes, children, role, placeholder, component, adornment, expanded, dropdownHeaderProps, defaultExpanded, disabled, readOnly, disablePortal, variableWidth, placement, popperProps, dropdownHeaderRef: dropdownHeaderRefProp, onToggle, onClickOutside, onContainerCreation, ...others }: HvBaseDropdownProps) => JSX_2.Element;
 
-export declare type HvBaseDropdownClasses = {
+export declare interface HvBaseDropdownClasses {
     root?: string;
     rootDisabled?: string;
     anchor?: string;
@@ -1033,11 +1015,11 @@ export declare type HvBaseDropdownClasses = {
     inputExtensionOpenShadow?: string;
     inputExtensionFloatRight?: string;
     inputExtensionFloatLeft?: string;
-};
+}
 
-export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
+export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, {
     placeholder: any;
-}> & {
+}> {
     /**
      * The role of the element that triggers the popup.
      *
@@ -1116,7 +1098,7 @@ export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvBaseDropdownClasses;
-};
+}
 
 /**
  * An Input component that only posses the most basic functionalities.
@@ -1124,7 +1106,7 @@ export declare type HvBaseDropdownProps = HvBaseProps<HTMLDivElement, {
  */
 export declare const HvBaseInput: ({ classes, className, id, name, value, defaultValue, required, readOnly, disabled, onChange, type, placeholder, multiline, resizable, invalid, inputRef, inputProps, ...others }: HvBaseInputProps) => JSX_2.Element;
 
-export declare type HvBaseInputClasses = {
+export declare interface HvBaseInputClasses {
     /** Styles applied to the root container of the input. */
     root?: string;
     /** Styles applied to the root container of the input when it is disabled. */
@@ -1157,11 +1139,17 @@ export declare type HvBaseInputClasses = {
     inputBorderContainer?: string;
     /** Styles applied to the container of the border element, when in read only mode. */
     readOnly?: string;
-};
+}
 
-export declare type HvBaseInputProps = Omit<InputProps, "onChange" | "classes"> & HvBaseProps<HTMLDivElement, {
+export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, {
     onChange: any;
-}> & {
+    color: any;
+    onBlur: any;
+    onFocus: any;
+    onInvalid: any;
+    onKeyDown: any;
+    onKeyUp: any;
+}> {
     /** The input name. */
     name?: string;
     /** The value of the input, when controlled. */
@@ -1193,7 +1181,7 @@ export declare type HvBaseInputProps = Omit<InputProps, "onChange" | "classes">
     inputRef?: RefObject<HTMLElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBaseInputClasses;
-};
+}
 
 export declare type HvBaseProps<E = HTMLDivElement, P = {}> = Omit<HTMLAttributes<E>, keyof P>;
 
@@ -1210,7 +1198,7 @@ declare type HvBaseProps_2<C extends React.ElementType> = PolymorphicComponentRe
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
 
-export declare type HvBaseRadioClasses = {
+export declare interface HvBaseRadioClasses {
     /** Styles applied to the component. */
     root?: string;
     /** Styles applied to the radio button when it is disabled. */
@@ -1219,11 +1207,12 @@ export declare type HvBaseRadioClasses = {
     focusVisible?: string;
     /** Class applied top the icon element. */
     icon?: string;
-};
+}
 
-export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * Class names to be applied.
      */
@@ -1289,7 +1278,7 @@ export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes">
      * @ignore
      */
     onBlur?: (event: React_2.FocusEvent<any>) => void;
-};
+}
 
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
@@ -1299,7 +1288,7 @@ export declare type HvBaseRadioProps = Omit<RadioProps, "onChange" | "classes">
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
 
-export declare type HvBaseSwitchClasses = {
+export declare interface HvBaseSwitchClasses {
     /** Styles applied to the component. */
     root?: string;
     /** Styles applied to the switch when it is disabled. */
@@ -1318,11 +1307,12 @@ export declare type HvBaseSwitchClasses = {
     thumb?: string;
     /** Class applied to the root element if keyboard focused. */
     focusVisible?: string;
-};
+}
 
-export declare type HvBaseSwitchProps = Omit<SwitchProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
+export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, {
     onChange: any;
-}> & {
+    color: any;
+}> {
     /**
      * Class names to be applied.
      */
@@ -1387,7 +1377,7 @@ export declare type HvBaseSwitchProps = Omit<SwitchProps, "onChange" | "classes"
      * @ignore
      */
     onBlur?: (event: React_2.FocusEvent<any>) => void;
-};
+}
 
 export { HvBaseTheme }
 
@@ -1400,7 +1390,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: ({ classes, className, id, listRoute, maxVisible, url, onClick, component, dropDownMenuProps, ...others }: HvBreadCrumbProps) => JSX_2.Element;
 
-export declare type HvBreadCrumbClasses = {
+export declare interface HvBreadCrumbClasses {
     root?: string;
     link?: string;
     orderedList?: string;
@@ -1408,16 +1398,16 @@ export declare type HvBreadCrumbClasses = {
     centerContainer?: string;
     separatorContainer?: string;
     a?: string;
-};
+}
 
-export declare type HvBreadCrumbPathElement = {
+export declare interface HvBreadCrumbPathElement {
     label: string;
     path: string;
-};
+}
 
-export declare type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, {
+export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, {
     onClick: any;
-}> & {
+}> {
     /** List of breadcrumb. */
     listRoute?: HvBreadCrumbPathElement[];
     /** URL to build the breadcrumb. */
@@ -1432,7 +1422,7 @@ export declare type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, {
     dropDownMenuProps?: HvDropDownMenuProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBreadCrumbClasses;
-};
+}
 
 export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
 
@@ -1442,18 +1432,18 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: ({ id, className, classes, selectAllPagesLabel, actionsDisabled, maxVisibleActions, checkboxProps, actions, numTotal, numSelected, selectAllLabel, selectAllConjunctionLabel, showSelectAllPages, semantic, actionsCallback, onSelectAll, onSelectAllPages, ...others }: HvBulkActionsProps) => JSX_2.Element;
 
-export declare type HvBulkActionsClasses = {
+export declare interface HvBulkActionsClasses {
     root?: string;
     semantic?: string;
     actions?: string;
     selectAllContainer?: string;
     selectAll?: string;
     selectAllPages?: string;
-};
+}
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
-export declare type HvBulkActionsProps = HvBaseProps & {
+export declare interface HvBulkActionsProps extends HvBaseProps {
     /**
      * Custom label for select all checkbox
      */
@@ -1516,18 +1506,18 @@ export declare type HvBulkActionsProps = HvBaseProps & {
      * A Jss Object used to override or extend the styles applied.
      */
     classes?: HvBulkActionsClasses;
-};
+}
 
 /**
  * Button component is used to trigger an action or event.
  */
 export declare const HvButton: React_2.ForwardRefExoticComponent<HvButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare type HvButtonClasses = {
+export declare interface HvButtonClasses {
     root?: string;
     startIcon?: string;
     focusVisible?: string;
-};
+}
 
 export declare interface HvButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Use the variant prop to change the visual style of the Button. */
@@ -1558,21 +1548,21 @@ export declare type HvButtonVariant = "primary" | "primarySubtle" | "primaryGhos
 
 export declare const HvCalendar: ({ classes, id, locale, value, visibleMonth, visibleYear, rightVisibleMonth, rightVisibleYear, minimumDate, maximumDate, startAdornment, onChange, onInputChange, onVisibleDateChange, ...others }: HvCalendarProps) => JSX_2.Element;
 
-export declare type HvCalendarClasses = {
+export declare interface HvCalendarClasses {
     root?: string;
     rangeCalendarContainer?: string;
     singleCalendar?: string;
     focusSelection?: string;
     calendarMonthlyCell?: string;
     calendarMonthlyCellSelected?: string;
-};
+}
 
 export declare const HvCalendarHeader: {
     ({ id, value, locale, classes, onChange, showEndDate, showDayOfWeek, onFocus, ...others }: HvCalendarHeaderProps): JSX_2.Element;
     formElementType: string;
 };
 
-export declare type HvCalendarHeaderClasses = {
+export declare interface HvCalendarHeaderClasses {
     root?: string;
     invalid?: string;
     headerDayOfWeek?: string;
@@ -1580,9 +1570,9 @@ export declare type HvCalendarHeaderClasses = {
     input?: string;
     inputBorderContainer?: string;
     invalidMessageStyling?: string;
-};
+}
 
-export declare type HvCalendarHeaderProps = {
+export declare interface HvCalendarHeaderProps {
     /**
      * A Jss Object used to override or extend the component styles.
      */
@@ -1615,9 +1605,9 @@ export declare type HvCalendarHeaderProps = {
      * Indicates if header should display the day of week.
      */
     showDayOfWeek?: boolean;
-};
+}
 
-export declare type HvCalendarProps = {
+export declare interface HvCalendarProps {
     /**
      * Styles applied from the theme.
      */
@@ -1682,7 +1672,7 @@ export declare type HvCalendarProps = {
      * Indicates if header should display the day of week.
      */
     showDayOfWeek?: boolean;
-};
+}
 
 /**
  * A card is a container for a few short and related pieces of content.
@@ -1787,17 +1777,22 @@ export declare type HvCardProps = HvBaseProps & {
 
 export declare type HvCategoricalColorKeys = "cat1" | "cat1_180" | "cat1_160" | "cat1_140" | "cat1_120" | "cat1_80" | "cat1_60" | "cat1_40" | "cat1_20" | "cat2" | "cat2_180" | "cat2_160" | "cat2_140" | "cat2_120" | "cat2_80" | "cat2_60" | "cat2_40" | "cat2_20" | "cat3" | "cat3_180" | "cat3_160" | "cat3_140" | "cat3_120" | "cat3_80" | "cat3_60" | "cat3_40" | "cat3_20" | "cat4" | "cat4_180" | "cat4_160" | "cat4_140" | "cat4_120" | "cat4_80" | "cat4_60" | "cat4_40" | "cat4_20" | "cat5" | "cat5_180" | "cat5_160" | "cat5_140" | "cat5_120" | "cat5_80" | "cat5_60" | "cat5_40" | "cat5_20" | "cat6" | "cat6_180" | "cat6_160" | "cat6_140" | "cat6_120" | "cat6_80" | "cat6_60" | "cat6_40" | "cat6_20" | "cat7" | "cat7_180" | "cat7_160" | "cat7_140" | "cat7_120" | "cat7_80" | "cat7_60" | "cat7_40" | "cat7_20" | "cat8" | "cat8_180" | "cat8_160" | "cat8_140" | "cat8_120" | "cat8_80" | "cat8_60" | "cat8_40" | "cat8_20" | "cat9" | "cat9_180" | "cat9_160" | "cat9_140" | "cat9_120" | "cat9_80" | "cat9_60" | "cat9_40" | "cat9_20" | "cat10" | "cat10_180" | "cat10_160" | "cat10_140" | "cat10_120" | "cat10_80" | "cat10_60" | "cat10_40" | "cat10_20" | "cat11" | "cat11_180" | "cat11_160" | "cat11_140" | "cat11_120" | "cat11_80" | "cat11_60" | "cat11_40" | "cat11_20" | "cat12" | "cat12_180" | "cat12_160" | "cat12_140" | "cat12_120" | "cat12_80" | "cat12_60" | "cat12_40" | "cat12_20" | "cat13" | "cat14" | "cat15" | "cat16" | "cat17" | "cat18" | "cat19" | "cat20";
 
-export declare interface HvCellInstance<D extends object = Record<string, unknown>, V = any> extends Omit<Cell<D, V>, "column" | "row">, UseGroupByCellProps<D> {
-    column: HvColumnInstance<D>;
-    row: HvRowInstance<D>;
-    getCellProps: (propGetter?: CellPropGetter<D> & HvExtraProps) => HvUseTableCellProps;
+export declare interface HvCellInstance<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, V = any> extends Omit<Cell<D, V>, "column" | "row" | "getCellProps">, Partial<UseGroupByCellProps<D>> {
+    column: HvColumnInstance<D, H>;
+    row: HvRowInstance<D, H>;
+    getCellProps: (propGetter?: HvCellPropGetter<D, H>) => HvUseTableCellProps;
 }
 
-export declare type HvCellProps<D extends object, V = any> = CellProps<D, V> & {
-    column: HvColumnInstance<D>;
-    row: HvRowInstance<D>;
-    cell: HvCellInstance<D, V>;
-};
+declare type HvCellPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableCellProps, {
+    cell: HvCellInstance<D, H>;
+}>;
+
+export declare interface HvCellProps<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, V = any> extends HvTableInstance<D, H> {
+    column: HvColumnInstance<D, H>;
+    row: HvRowInstance<D, H>;
+    cell: HvCellInstance<D, H, V>;
+    value: CellValue<V>;
+}
 
 /**
  * Displays the capacity and current usage of a text input box (character count by default).
@@ -1989,35 +1984,35 @@ export declare type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, "classes"> & {
 
 export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;
 
-declare type HvColumnGroup<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> & HvColumnGroupInterface<D> & ({
-    Header: string;
+declare type HvColumnGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvTableColumnOptions<D, H> & HvColumnGroupInterface<D, H> & ({
+    Header: H;
 } | ({
     id: IdType<D>;
 } & {
-    Header: Renderer<HeaderProps<D>>;
+    Header: H;
 })) & {
     accessor?: Accessor<D>;
 };
 
-declare interface HvColumnGroupInterface<D extends object> {
-    columns: Array<HvTableColumnConfig<D>>;
+declare interface HvColumnGroupInterface<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> {
+    columns: Array<HvTableColumnConfig<D, H>>;
 }
 
-export declare interface HvColumnInstance<D extends object = Record<string, unknown>> extends Omit<ColumnInstance<D>, "Cell" | "columns" | "parent" | "placeholderOf">, Omit<HvTableColumnOptions<D>, "id">, UseFiltersColumnProps<D>, UseGroupByColumnProps<D>, UseResizeColumnsColumnProps<D>, UseSortByColumnProps<D> {
-    Cell?: Renderer<HvCellProps<D>>;
-    columns: Array<HvColumnInstance<D>>;
-    parent: HvColumnInstance<D>;
-    placeholderOf?: HvColumnInstance;
-    getHeaderProps: (propGetter?: HeaderPropGetter<D>) => HvUseTableHeaderProps;
-    getFooterProps: (propGetter?: FooterPropGetter<D>) => HvUseTableFooterProps;
+export declare interface HvColumnInstance<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<ColumnInstance<D>, "Cell" | "columns" | "parent" | "placeholderOf" | "id" | "Header" | "getHeaderProps" | "getFooterProps" | "Footer">, HvTableColumnOptions<D, H>, Partial<UseFiltersColumnProps<D>>, Partial<UseGroupByColumnProps<D>>, Partial<UseResizeColumnsColumnProps<D>>, Partial<UseSortByColumnProps<D>> {
+    Cell?: Renderer<HvCellProps<D, H>>;
+    columns: Array<HvColumnInstance<D, H>>;
+    parent: HvColumnInstance<D, H>;
+    placeholderOf?: HvColumnInstance<D, H>;
+    getHeaderProps: (propGetter?: HvHeaderPropGetter<D, H>) => HvUseTableHeaderProps;
+    getFooterProps: (propGetter?: HvFooterPropGetter<D, H>) => HvUseTableFooterProps;
 }
 
-declare interface HvColumnInterfaceBasedOnValue<D extends object = Record<string, unknown>, V = any> {
-    Cell?: Renderer<HvCellProps<D, V>>;
+declare interface HvColumnInterfaceBasedOnValue<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, V = any> {
+    Cell?: Renderer<HvCellProps<D, H, V>>;
 }
 
-declare type HvColumnWithLooseAccessor<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> & HvColumnInterfaceBasedOnValue<D> & ({
-    Header: string;
+declare type HvColumnWithLooseAccessor<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvTableColumnOptions<D, H> & HvColumnInterfaceBasedOnValue<D, H> & ({
+    Header: H;
 } | {
     id: IdType<D>;
 } | {
@@ -2026,10 +2021,10 @@ declare type HvColumnWithLooseAccessor<D extends object = Record<string, unknown
     accessor?: keyof D extends never ? IdType<D> | Accessor<D> : Accessor<D>;
 };
 
-declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> & ValueOf<{
+declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvTableColumnOptions<D, H> & ValueOf<{
     [K in keyof D]: {
         accessor: K;
-    } & HvColumnInterfaceBasedOnValue<D, D[K]>;
+    } & HvColumnInterfaceBasedOnValue<D, H, D[K]>;
 }>;
 
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -2085,8 +2080,8 @@ export declare type HvControlsProps = HvBaseProps & {
      * if this is not provided data sorting and search must be handled externally
      */
     callbacks?: {
-        setSortBy?: HvTableInstance_2["setSortBy"];
-        setGlobalFilter?: HvTableInstance_2["setGlobalFilter"];
+        setSortBy?: HvTableInstance["setSortBy"];
+        setGlobalFilter?: HvTableInstance["setGlobalFilter"];
     };
     /**
      * Views configuration required for the view buttons
@@ -2145,9 +2140,9 @@ export declare type HvCreateThemeProps = {
     inheritColorModes?: boolean;
 } & HvThemeCustomizationProps;
 
-export declare function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, dateFormat?: string): HvTableColumnConfig_2<D>;
+export declare function hvDateColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, dateFormat?: string): HvTableColumnConfig<D, H>;
 
-export declare const HvDateColumnCell: ({ date, dateFormat, }: HvDateColumnCellProp) => JSX.Element | null;
+export declare const HvDateColumnCell: ({ date, dateFormat, }: HvDateColumnCellProp) => JSX.Element;
 
 declare interface HvDateColumnCellProp {
     /** The date's text representation format. */
@@ -2304,21 +2299,21 @@ export declare type HvDropdownClasses = {
     rootList?: string;
 };
 
-export declare function hvDropdownColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue_2) => void): HvTableColumnConfig_2<D>;
+export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
 
-export declare const HvDropdownColumnCell: ({ values, disabled, onChange, placeholder, dropdownProps, }: HvDropdownColumnCellProp) => JSX.Element | null;
+export declare const HvDropdownColumnCell: ({ values, disabled, onChange, placeholder, dropdownProps, }: HvDropdownColumnCellProp) => JSX.Element;
 
 declare interface HvDropdownColumnCellProp {
     /** Values to render in the dropdown. */
-    values: HvListValue_2[];
+    values: HvListValue[];
     /** Placeholder text for when the dropdown is empty. */
     placeholder: string;
     /** The whether the dropdown is disabled. */
     disabled: boolean;
     /** Function called when there is change on the dropdown. */
-    onChange?: (value: HvListValue_2) => void;
+    onChange?: (value: HvListValue) => void;
     /** Extra props to be passed onto the dropdown. */
-    dropdownProps?: HvDropdownProps_2;
+    dropdownProps?: HvDropdownProps;
 }
 
 export declare type HvDropdownLabelsProps = {
@@ -2371,7 +2366,7 @@ declare type HvDropdownListProps = {
     /**
      * The list to be rendered.
      */
-    values?: HvListValue_2[];
+    values?: HvListValue[];
     /**
      * If true renders a multi select list.
      */
@@ -2453,7 +2448,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
      * - icon: The icon node to be rendered on the left.
      * - showNavIcon: If true renders the navigation icon on the right.
      */
-    dataList: HvListValue_2[];
+    dataList: HvListValue[];
     /** Placement of the dropdown. */
     placement?: "left" | "right";
     /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */
@@ -2461,7 +2456,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
     /** Function executed on toggle of the dropdown. Should receive the open status. */
     onToggle?: (event: Event, open: boolean) => void;
     /** Function executed in each onClick. Should received the clicked element. */
-    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue_2) => void;
+    onClick?: (event: React.ChangeEvent<HTMLLIElement>, value: HvListValue) => void;
     /** Keep the Dropdown Menu opened after clicking one option */
     keepOpened?: boolean;
     /** Defines if the component is disabled. */
@@ -2471,7 +2466,7 @@ export declare type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, {
     /** When uncontrolled, defines the initial expanded state. */
     defaultExpanded?: boolean;
     /** The variant to be used in the header. */
-    category?: HvButtonVariant_2;
+    category?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDropDownMenuClasses;
 };
@@ -2558,11 +2553,11 @@ export declare type HvDropdownProps = HvBaseProps<HTMLDivElement, {
     /**
      * The callback fired when the value changes.
      */
-    onChange?: (selected: HvListValue_2 | HvListValue_2[] | undefined) => void;
+    onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;
     /**
      * The list to be rendered by the dropdown.
      */
-    values?: HvListValue_2[];
+    values?: HvListValue[];
     /**
      * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.
      */
@@ -2657,7 +2652,7 @@ export declare type HvDropdownProps = HvBaseProps<HTMLDivElement, {
     /**
      * Extra props passed to the dropdown.
      */
-    baseDropdownProps?: HvBaseDropdownProps_2;
+    baseDropdownProps?: HvBaseDropdownProps;
     /**
      * Extra props passed to the list.
      */
@@ -2732,7 +2727,7 @@ export declare type HvEmptyStateProps = HvBaseProps<HTMLDivElement, {
     classes?: HvEmptyStateClasses;
 };
 
-export declare function hvExpandColumn<D extends Record<string, unknown>>(col: HvTableColumnConfig_2<D>, expandRowButtonAriaLabel: string, collapseRowButtonAriaLabel: string, getCanRowExpand?: (row: HvRowInstance_2<D>) => boolean): HvTableColumnConfig_2<D>;
+export declare function hvExpandColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, expandRowButtonAriaLabel: string, collapseRowButtonAriaLabel: string, getCanRowExpand?: (row: HvRowInstance<D, H>) => boolean): HvTableColumnConfig<D, H>;
 
 export declare type HvExtraDeepPartialProps<T> = Partial<{
     [P in keyof T]: DeepPartial<T[P]> & HvExtraProps;
@@ -2840,7 +2835,7 @@ export declare type HvFileUploaderPreviewClasses = {
     overlay?: string;
 };
 
-export declare type HvFileUploaderPreviewProps = Omit<HvButtonProps_2, "children" | "classes"> & {
+export declare type HvFileUploaderPreviewProps = Omit<HvButtonProps, "children" | "classes"> & {
     /**
      * Content that represents the preview of an uploaded file.
      */
@@ -2968,6 +2963,10 @@ export declare type HvFooterClasses = {
     rightContainer?: string;
 };
 
+declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
+    column: HvHeaderGroup<D, H>;
+}>;
+
 export declare type HvFooterProps = HvBaseProps & {
     name?: React.ReactNode;
     copyright?: React.ReactNode;
@@ -2976,6 +2975,10 @@ export declare type HvFooterProps = HvBaseProps & {
     classes?: HvFooterClasses;
 };
 
+declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTableInstance<D> & {
+    column: HvColumnInstance<D>;
+};
+
 export declare const HvFormElement: {
     ({ classes, className, children, id, name, value, disabled, required, readOnly, status, ...others }: HvFormElementProps): JSX_2.Element;
     formElementType: string;
@@ -3283,6 +3286,10 @@ export declare type HvHeaderClasses = {
     backgroundColor?: string;
 };
 
+declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends HvColumnInstance<D, H>, Omit<UseTableHeaderGroupProps<D>, "headers"> {
+    headers: Array<HvHeaderGroup<D, H>>;
+}
+
 export declare const HvHeaderMenuBar: ({ id, data, onClick, type, className, }: HvMenuBarProps) => JSX_2.Element;
 
 export declare const HvHeaderMenuItem: ({ id, item, type, onClick }: MenuItemProps) => JSX_2.Element;
@@ -3313,6 +3320,10 @@ export declare type HvHeaderNavigationProps = HvBaseProps<HTMLDivElement, {
 
 export declare type HvHeaderPosition = "fixed" | "absolute" | "sticky" | "static" | "relative";
 
+declare type HvHeaderPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableHeaderProps, {
+    column: HvHeaderGroup<D, H>;
+}>;
+
 export declare type HvHeaderProps = HvBaseProps & {
     /** The position of the header bar */
     position?: HvHeaderPosition;
@@ -3320,7 +3331,26 @@ export declare type HvHeaderProps = HvBaseProps & {
     classes?: HvHeaderClasses;
 };
 
-export declare interface HvHooks<D extends object = Record<string, unknown>> extends Omit<Hooks<D>, "getToggleRowSelectedProps" | "getToggleAllRowsSelectedProps" | "getToggleAllPageRowsSelectedProps">, UseExpandedHooks<D>, UseGroupByHooks<D>, UseSortByHooks<D>, UseHvRowSelectionHooks<D>, UseHvTableStickyHooks<D>, UseHvPaginationHooks<D>, UseHvBulkActionsHooks<D> {
+declare type HvHeaderProps_2<D extends object = Record<string, unknown>> = HvTableInstance<D> & {
+    column: HvColumnInstance<D>;
+};
+
+export declare interface HvHooks<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<Hooks<D>, "useOptions">, Partial<UseExpandedHooks<D>>, Partial<UseGroupByHooks<D>>, Partial<UseSortByHooks<D>>, Partial<UseHvRowSelectionHooks<D>>, Partial<UseHvTableStickyHooks<D>>, Partial<UseHvPaginationHooks<D>>, Partial<UseHvBulkActionsHooks<D>> {
+    useOptions: Array<(options: HvTableOptions<D, H>, args: HvTableOptions<D, H>) => HvTableOptions<D, H>>;
+    stateReducers: Array<(newState: HvTableState<D>, action: ActionType, previousState?: HvTableState<D>, instance?: HvTableState<D>) => ReducerTableState<D> | undefined>;
+    columns: Array<(columns: Array<HvTableColumnConfig<D, H>>, meta: HvMeta<D, H>) => Array<HvTableColumnConfig<D, H>>>;
+    allColumns: Array<(allColumns: Array<HvColumnInstance<D, H>>, meta: HvMeta<D, H>) => Array<HvTableColumnConfig<D, H>>>;
+    visibleColumns: Array<(allColumns: Array<HvColumnInstance<D, H>>, meta: HvMeta<D, H>) => Array<HvTableColumnConfig<D, H>>>;
+    headerGroups: Array<(allColumns: Array<HvHeaderGroup<D, H>>, meta: HvMeta<D, H>) => Array<HvHeaderGroup<D, H>>>;
+    useInstanceBeforeDimensions: Array<(instance: HvTableInstance<D, H>) => void>;
+    useInstance: Array<(instance: HvTableInstance<D, H>) => void>;
+    useControlledState: Array<(state: HvTableState<D>, meta: HvMeta<D, H>) => HvTableState<D>>;
+    getTableProps: Array<HvTablePropGetter<D, H>>;
+    getHeaderProps: Array<HvHeaderPropGetter<D>>;
+    getFooterProps: Array<HvFooterPropGetter<D>>;
+    getRowProps: Array<HvRowPropGetter<D>>;
+    getCellProps: Array<HvCellPropGetter<D>>;
+    useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
 /**
@@ -3438,7 +3468,7 @@ export declare type HvInputProps = HvBaseProps<HTMLElement, {
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
      */
-    status?: HvFormStatus_2;
+    status?: HvFormStatus;
     /** The error message to show when `status` is "invalid". */
     statusMessage?: string;
     /**
@@ -3642,7 +3672,7 @@ export declare type HvLeftControlProps = HvBaseProps & {
     /** Callback called when a search action occurs */
     onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
     /** Extra props passed to input */
-    searchProps?: HvInputProps_2;
+    searchProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvLeftControlClasses;
 };
@@ -3925,11 +3955,18 @@ export declare type HvLoginProps = HvBaseProps & {
 declare type HvMenuBarProps = HvBaseProps<"div", {
     onClick: any;
 }> & {
-    data: HvHeaderNavigationItemProp_2[];
+    data: HvHeaderNavigationItemProp[];
     type: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp_2) => void;
+    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
 };
 
+export declare type HvMeta<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Extension = never, M = HvMetaBase<D, H>> = [Extension] extends [never] ? M : M & Extension;
+
+declare interface HvMetaBase<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> {
+    instance: HvTableInstance<D, H>;
+    userProps: any;
+}
+
 export declare const HvMultiButton: ({ className, children, classes, disabled, vertical, variant, ...others }: HvMultiButtonProps) => JSX_2.Element;
 
 export declare type HvMultiButtonClasses = {
@@ -3945,7 +3982,7 @@ export declare type HvMultiButtonProps = HvBaseProps & {
     /** If the MultiButton is to be displayed vertically. */
     vertical?: boolean;
     /** Category of button to use */
-    variant?: HvButtonVariant_2;
+    variant?: HvButtonVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvMultiButtonClasses;
 };
@@ -3965,7 +4002,7 @@ export declare type HvNotistackSnackMessageProps = {
     snackbarContentProps?: HvSnackbarContentProps;
 };
 
-export declare function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C): HvTableColumnConfig_2<D>;
+export declare function hvNumberColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H>;
 
 export declare const hvNumberFallback: (value: any) => number | "—";
 
@@ -3991,7 +4028,7 @@ export declare type HvOverflowTooltipProps = HvBaseProps & {
     /** Tooltip placement. */
     placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
     /** Extra properties to add to the tooltip. */
-    tooltipsProps?: HvTooltipProps_2;
+    tooltipsProps?: HvTooltipProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvOverflowTooltipClasses;
 };
@@ -4088,7 +4125,7 @@ export declare type HvPaginationProps = HvBaseProps & {
     /** Other props to pagination component. */
     navigationProps?: HTMLAttributes<HTMLDivElement>;
     /** Extra properties passed to the input component representing the current pages. */
-    currentPageInputProps?: HvInputProps_2;
+    currentPageInputProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvPaginationClasses;
 };
@@ -4147,9 +4184,9 @@ export declare type HvProgressBarProps = HvBaseProps & {
 
 export declare type HvProgressBarStatus = "inProgress" | "completed" | "error";
 
-export declare function hvProgressColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, getPartial?: (row: HvRowInstance_2<D>) => number, getTotal?: (row: HvRowInstance_2<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig_2<D>;
+export declare function hvProgressColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, getPartial?: (row: HvRowInstance<D, H>) => number, getTotal?: (row: HvRowInstance<D, H>) => number, color?: "primary" | "secondary"): HvTableColumnConfig<D, H>;
 
-export declare const HvProgressColumnCell: ({ partial, total, color, }: HvProgressColumnCellProp) => JSX.Element | null;
+export declare const HvProgressColumnCell: ({ partial, total, color, }: HvProgressColumnCellProp) => JSX.Element;
 
 declare interface HvProgressColumnCellProp {
     /** Current value of the bar. */
@@ -4160,12 +4197,14 @@ declare interface HvProgressColumnCellProp {
     color?: "primary" | "secondary";
 }
 
+export declare type HvPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Props extends object = Record<string, unknown>, T extends object = never, P = Partial<Props>> = ((props: P, meta: HvMeta<D, H, T>) => P | P[]) | P | P[];
+
 /**
  * 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 type HvProviderProps = {
+export declare interface HvProviderProps {
     /**
      * Your component tree.
      */
@@ -4216,7 +4255,7 @@ export declare type HvProviderProps = {
      * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.
      */
     colorMode?: string;
-};
+}
 
 /**
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
@@ -4471,26 +4510,30 @@ export declare type HvRightControlProps = HvBaseProps & {
     /** Callback called when a sort action occurs */
     onSort?: (selected: HvRightListControls | undefined) => void;
     /** Extra props passed to dropdown */
-    sortProps?: HvDropdownProps_2;
+    sortProps?: HvDropdownProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvRightControlClasses;
 };
 
-export declare type HvRightListControls = HvListValue_2 & {
+export declare type HvRightListControls = HvListValue & {
     accessor: string;
     desc: boolean;
 };
 
-export declare interface HvRowInstance<D extends object = Record<string, unknown>> extends Omit<Row<D>, "getToggleRowExpandedProps" | "getToggleRowSelectedProps" | "cells" | "allCells" | "subRows">, Omit<UseGroupByRowProps<D>, "subRows">, Omit<UseHvRowSelectionRowInstance, "subRows">, Omit<UseHvRowExpandRowInstance<D>, "subRows"> {
-    cells: Array<HvCellInstance<D>>;
-    allCells: Array<HvCellInstance<D>>;
-    getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;
+export declare interface HvRowInstance<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<Row<D>, "cells" | "allCells" | "subRows" | "getRowProps">, Partial<Omit<UseGroupByRowProps<D>, "subRows" | "values">>, Partial<UseRowStateRowProps<D>>, Partial<Omit<UseHvRowExpandRowInstance<D>, "subRows">>, Partial<UseHvRowSelectionRowInstance> {
+    cells: Array<HvCellInstance<D, H>>;
+    allCells: Array<HvCellInstance<D, H>>;
+    getRowProps: (propGetter?: HvRowPropGetter<D, H>) => HvUseTableRowProps;
     index: number;
     original: D;
     id: string;
-    subRows: Array<HvRowInstance<D>>;
+    subRows: Array<HvRowInstance<D, H>>;
 }
 
+declare type HvRowPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableRowProps, {
+    row: HvRowInstance<D, H>;
+}>;
+
 /**
  * Allows the user to select one or more items from a list of choices.
  *
@@ -4648,9 +4691,9 @@ export declare type HvSnackbarContentProps = Omit<SnackbarContentProps, "variant
     /** Custom icon to replace the variant default. */
     customIcon?: React.ReactNode;
     /** Action to display. */
-    action?: React.ReactNode | HvActionGeneric_2;
+    action?: React.ReactNode | HvActionGeneric;
     /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvSnackbarContentClasses;
 };
@@ -4673,9 +4716,9 @@ export declare type HvSnackbarProps = Omit<SnackbarProps, "action" | "classes">
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Action to display. */
-    action?: React.ReactNode | HvActionGeneric_2;
+    action?: React.ReactNode | HvActionGeneric;
     /** The callback function ran when an action is triggered, receiving `action` as param */
-    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric_2) => void;
+    actionCallback?: (event: React.SyntheticEvent, id: string, action: HvActionGeneric) => void;
     /** Duration of transition in milliseconds. */
     transitionDuration?: number;
     /** Direction of slide transition. */
@@ -4722,7 +4765,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  */
 export declare const HvStack: ({ classes, className, children, direction, spacing, divider, withNavigation, dividerProps, ...others }: HvStackProps) => JSX_2.Element;
 
-export declare type HvStackBreakpoints = Record<HvBreakpoints_2, string>;
+export declare type HvStackBreakpoints = Record<HvBreakpoints, string>;
 
 export declare type HvStackClasses = {
     root?: string;
@@ -4734,7 +4777,7 @@ export declare type HvStackProps = HvBaseProps & {
     /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */
     direction?: HvStackDirection;
     /** The spacing between elements of the stack. */
-    spacing?: HvBreakpoints_2;
+    spacing?: HvBreakpoints;
     /** The divider component to be used between the stack elements.
      * - If `true` the Material-UI Divider component will be used.
      * - If a React node is passed then the custom divider will be used.
@@ -4805,9 +4848,9 @@ export declare type HvSwitchClasses = {
     invalidSwitch?: string;
 };
 
-export declare function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps_2): HvTableColumnConfig_2<D>;
+export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
 
-export declare const HvSwitchColumnCell: ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps, }: HvSwitchColumnCellProp) => JSX.Element | null;
+export declare const HvSwitchColumnCell: ({ checked, value, switchLabel, falseLabel, trueLabel, switchProps, }: HvSwitchColumnCellProp) => JSX.Element;
 
 declare interface HvSwitchColumnCellProp {
     /** Whether the switch is checked or not. */
@@ -4821,7 +4864,7 @@ declare interface HvSwitchColumnCellProp {
     /** The left switch label. */
     trueLabel?: string;
     /** Extra props to be passed to the switch. */
-    switchProps?: HvBaseSwitchProps_2;
+    switchProps?: HvBaseSwitchProps;
 }
 
 export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> & HvBaseProps<HTMLInputElement, {
@@ -4874,7 +4917,7 @@ export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> &
     /**
      * Properties passed on to the label element.
      */
-    labelProps?: HvLabelProps_2;
+    labelProps?: HvLabelProps;
     /**
      * Indicates that the form element is disabled.
      */
@@ -4905,7 +4948,7 @@ export declare type HvSwitchProps = Omit<SwitchProps, "onChange" | "classes"> &
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
      */
-    status?: HvFormStatus_2;
+    status?: HvFormStatus;
     /**
      * The error message to show when the validation status is "invalid".
      *
@@ -4938,66 +4981,31 @@ export declare type HvTabClasses = {
 };
 
 /**
- * A Table gathers relational data, it displays values arranged to allow quick numerical analysis
- * like comparison and sorting.
+ * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
  *
- * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
+ * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,
  * for building tables.
  * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.
  *
- * For better data handling and **advanced features** we recommend the use of the utility hooks collection .
- * See the <a href="?id=lab-table-hooks--main&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
+ * For better data handling and **advanced features** we recommend the use of the utility hooks collection.
+ * See the <a href="?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs" target="_self">Table Hooks documentation</a> for more details.
  */
-export declare const HvTable: ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
-    /**
-     * The component used for the root node. Either a string to use a HTML element or a component.
-     * Defaults to `table`.
-     *
-     * When using non-table elements, layout is up to the developer using the component.
-     */
-    component?: ElementType<any> | undefined;
-    /** Content to be rendered */
-    children: React.ReactNode;
-    /** Whether the `HvTable` has a sticky header row. */
-    stickyHeader?: boolean | undefined;
-    /** Whether the `HvTable` has sticky columns. */
-    stickyColumns?: boolean | undefined;
-    /** Whether the `HvTable` has the list row styles or the default. */
-    variant?: HvTableVariant | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttributes<HTMLElement>>;
 
 /**
  * HvTableBody acts as a `tbody` element.
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
-export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvBaseProps<HTMLTableSectionElement, {
-    children: any;
-}> & {
-    /**
-     * Content to be rendered
-     */
-    children: React_2.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<any> | undefined;
-    /** Sets whether or not there should be arrow navigation between the table rows */
-    withNavigation?: boolean | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableBodyClasses | undefined;
-} & React_2.RefAttributes<HTMLElement>>;
+export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
 
 export declare type HvTableBodyClasses = {
     /** Styles applied to the component root class. */
     root?: string;
 };
 
-export declare type HvTableBodyProps = HvBaseProps<HTMLTableSectionElement, {
+export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, {
     children: any;
-}> & {
+}> {
     /**
      * Content to be rendered
      */
@@ -5011,7 +5019,7 @@ export declare type HvTableBodyProps = HvBaseProps<HTMLTableSectionElement, {
     withNavigation?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableBodyClasses;
-};
+}
 
 export declare interface HvTAbleBulkActionsProps extends TableCommonProps {
     numTotal: number;
@@ -5025,38 +5033,7 @@ export declare interface HvTAbleBulkActionsProps extends TableCommonProps {
 /**
  * `HvTableCell` acts as a `td` element and inherits styles from its context
  */
-export declare const HvTableCell: ForwardRefExoticComponent<Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
-    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
-    component?: ElementType<any> | undefined;
-    /** Content to be rendered */
-    children?: React.ReactNode;
-    /** Inline styles to be applied to the root element. */
-    style?: CSSProperties | undefined;
-    /** Set the text-align on the table cell content. */
-    align?: HvTableCellAlign | undefined;
-    /** Sets the cell's variant. */
-    variant?: HvTableCellVariant | "listcheckbox" | "listactions" | undefined;
-    /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */
-    type?: HvTableCellType | undefined;
-    /** Whether or not the cell is part of a sorted column. */
-    sorted?: boolean | undefined;
-    /** The cell is part of a sticky column. */
-    stickyColumn?: boolean | undefined;
-    /** The cell is part of the last sticky to the left column. */
-    stickyColumnMostLeft?: boolean | undefined;
-    /** The cell is part of the first sticky to the right column. */
-    stickyColumnLeastRight?: boolean | undefined;
-    /** The cell is part of the first column in the group. */
-    groupColumnMostLeft?: boolean | undefined;
-    /** The cell is part of the last column in the group. */
-    groupColumnMostRight?: boolean | undefined;
-    /** Whether or not the cell is resizable */
-    resizable?: boolean | undefined;
-    /** Whether or not the cell is being resized */
-    resizing?: boolean | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableCellClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
@@ -5113,7 +5090,7 @@ export declare type HvTableCellClasses = {
     resizing?: string;
 };
 
-export declare type HvTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps, "children"> & {
+export declare interface HvTableCellProps extends Omit<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 */
@@ -5144,7 +5121,7 @@ export declare type HvTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElemen
     resizing?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableCellClasses;
-};
+}
 
 export declare type HvTableCellType = "body" | "footer" | "head";
 
@@ -5161,38 +5138,26 @@ export declare type HvTableClasses = {
     listRow?: string;
 };
 
-export declare type HvTableColumnConfig<D extends object = Record<string, unknown>> = HvColumnGroup<D> | HvColumnWithLooseAccessor<D> | HvColumnWithStrictAccessor<D>;
+export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
-export declare interface HvTableColumnOptions<D extends object = Record<string, unknown>> extends ColumnInterface<D>, UseFiltersColumnOptions<D>, UseGroupByColumnOptions<D>, UseResizeColumnsColumnOptions<D>, UseSortByColumnOptions<D>, UseHvTableStylesColumnOptions {
+export declare interface HvTableColumnOptions<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<ColumnInterface<D>, "Header" | "Footer">, Partial<UseFiltersColumnOptions<D>>, Partial<UseGroupByColumnOptions<D>>, Partial<UseResizeColumnsColumnOptions<D>>, Partial<UseSortByColumnOptions<D>>, Partial<UseGlobalFiltersColumnOptions<D>>, Partial<UseHvTableStylesColumnOptions> {
+    Header?: H;
+    Footer?: Renderer<HvFooterProps_2<D>>;
 }
 
 /**
  * HvTableContainer is a container for the HvTable
  */
-export declare const HvTableContainer: ForwardRefExoticComponent<HvBaseProps<HTMLDivElement, {
-    children: any;
-}> & {
-    /**
-     * Content to be rendered
-     */
-    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?: ElementType<any> | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableContainerClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableContainerClasses = {
     /** Styles applied to the component root class. */
     root?: string;
 };
 
-export declare type HvTableContainerProps = HvBaseProps<HTMLDivElement, {
+export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, {
     children: any;
-}> & {
+}> {
     /**
      * Content to be rendered
      */
@@ -5204,33 +5169,15 @@ export declare type HvTableContainerProps = HvBaseProps<HTMLDivElement, {
     component?: React.ElementType;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableContainerClasses;
-};
+}
 
-export declare type HvTableDefinitionConfig<D extends object = Record<string, unknown>> = HvTableOptions<D>;
+export declare type HvTableDefinitionConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvTableOptions<D, H>;
 
 /**
  * HvTableHead acts as a `thead` element.
  * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles
  */
-export declare const HvTableHead: ForwardRefExoticComponent<HvBaseProps<HTMLTableSectionElement, {
-    children: any;
-}> & {
-    /**
-     * Content to be rendered
-     */
-    children: React.ReactNode;
-    /**
-     * The component used for the root node. Either a string to use a HTML element or a component.
-     * Defaults to thead.
-     */
-    component?: ElementType<any> | undefined;
-    /**
-     * The table has sticky headers.
-     */
-    stickyHeader?: boolean | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableHeadClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableHeadClasses = {
     /** Styles applied to the component root class. */
@@ -5242,46 +5189,7 @@ export declare type HvTableHeadClasses = {
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
-export declare const HvTableHeader: ForwardRefExoticComponent<Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps<HTMLDivElement, {}>, "children"> & {
-    /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
-    component?: ElementType<any> | undefined;
-    /** Content to be rendered */
-    children?: React.ReactNode;
-    /** The scope of cells that the header element relates to. */
-    scope?: "col" | "colgroup" | "row" | "rowgroup" | undefined;
-    /** Set the text-align on the table cell content. */
-    align?: HvTableCellAlign | undefined;
-    /** Sets the cell's variant. */
-    variant?: HvTableCellVariant | undefined;
-    /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */
-    type?: HvTableCellType | undefined;
-    /** The cell is part of a sticky column. */
-    stickyColumn?: boolean | undefined;
-    /** The cell is part of the last sticky to the left column. */
-    stickyColumnMostLeft?: boolean | undefined;
-    /** The cell is part of the first sticky to the right column. */
-    stickyColumnLeastRight?: boolean | undefined;
-    /** The cell is part of the first column in the group. */
-    groupColumnMostLeft?: boolean | undefined;
-    /** The cell is part of the last column in the group. */
-    groupColumnMostRight?: boolean | undefined;
-    /** Whether or not the cell is sorted */
-    sorted?: boolean | undefined;
-    /** Whether or not the cell is sortable */
-    sortable?: boolean | undefined;
-    /** Set sort direction icon and aria-sort. */
-    sortDirection?: false | "ascending" | "descending" | undefined;
-    /** Extra props to be passed onto the text in the header. */
-    headerTextProps?: HvTypographyProps | undefined;
-    /** Whether or not the cell is resizable */
-    resizable?: boolean | undefined;
-    /** Whether or not the cell is being resized */
-    resizing?: boolean | undefined;
-    /** The resize props injected in the resize handler */
-    resizerProps?: HTMLAttributes<HTMLDivElement> | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableHeaderClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableHeaderClasses = {
     /** Styles applied to the component root class. */
@@ -5352,7 +5260,7 @@ export declare type HvTableHeaderClasses = {
     resizer?: string;
 };
 
-export declare type HvTableHeaderProps = Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> & Omit<HvBaseProps, "children"> & {
+export declare interface HvTableHeaderProps extends Omit<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 */
@@ -5391,13 +5299,15 @@ export declare type HvTableHeaderProps = Omit<ThHTMLAttributes<HTMLTableCellElem
     resizerProps?: HTMLAttributes<HTMLDivElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableHeaderClasses;
-};
+}
+
+export declare type HvTableHeaderRenderer<D extends object = Record<string, unknown>> = Renderer<HvHeaderProps_2<D>>;
 
 export declare type HvTableHeadPropGetter<D extends object> = PropGetter<D, UseHvTableStickyTableHeadProps>;
 
-export declare type HvTableHeadProps = HvBaseProps<HTMLTableSectionElement, {
+export declare interface HvTableHeadProps extends HvBaseProps<HTMLTableSectionElement, {
     children: any;
-}> & {
+}> {
     /**
      * Content to be rendered
      */
@@ -5413,33 +5323,40 @@ export declare type HvTableHeadProps = HvBaseProps<HTMLTableSectionElement, {
     stickyHeader?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableHeadClasses;
-};
+}
 
-export declare interface HvTableInstance<D extends object = Record<string, unknown>> extends Omit<TableInstance<D>, "getToggleAllRowsSelectedProps" | "getToggleAllPageRowsSelectedProps">, Omit<HvTableOptions<D>, "columns" | "pageCount" | "initialState" | "data">, UseColumnOrderInstanceProps<D>, Omit<UseExpandedInstanceProps<D>, "rows">, Omit<UseFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UseGlobalFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UseGroupByInstanceProps<D>, "rows" | "rowsById" | "flatRows">, Omit<UsePaginationInstanceProps<D>, "page">, Omit<UseSortByInstanceProps<D>, "rows">, Omit<UseHvRowSelectionTableInstance<D>, "selectedFlatRows">, UseHvTableStickyTableInstance<D>, UseHvHeaderGroupsInstance, UseHvPaginationTableInstance<D>, UseHvBulkActionsTableInstanceProps<D> {
+export declare interface HvTableInstance<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<TableInstance<D>, "pageCount" | "data" | "columns" | "rows" | "allColumns" | "visibleColumns" | "headers" | "flatHeaders" | "rowsById" | "prepareRow" | "flatRows" | "headerGroups" | "footerGroups" | "defaultColumn" | "stateReducer" | "useControlledState" | "getRowId" | "getHooks" | "getTableProps">, Omit<HvTableOptions<D, H>, "pageCount" | "columns">, Partial<UseColumnOrderInstanceProps<D>>, Partial<Omit<UseExpandedInstanceProps<D>, "rows">>, Partial<Omit<UseFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">>, Partial<Omit<UseGlobalFiltersInstanceProps<D>, "rows" | "rowsById" | "flatRows">>, Partial<Omit<UseGroupByInstanceProps<D>, "rows" | "rowsById" | "flatRows">>, Partial<Omit<UsePaginationInstanceProps<D>, "page">>, Partial<Omit<UseSortByInstanceProps<D>, "rows">>, Partial<UseRowStateInstanceProps<D>>, Partial<Omit<UseHvRowSelectionTableInstance<D>, "selectedFlatRows">>, Partial<UseHvTableStickyTableInstance<D>>, Partial<UseHvHeaderGroupsInstance>, Partial<UseHvPaginationTableInstance<D>>, Partial<UseHvBulkActionsTableInstanceProps<D>> {
     initialState: Partial<HvTableState<D>>;
     state: HvTableState<D>;
-    columns: Array<HvColumnInstance<D>>;
-    allColumns: Array<HvColumnInstance<D>>;
-    visibleColumns: Array<HvColumnInstance<D>>;
-    headers: Array<HvColumnInstance<D>>;
-    flatHeaders: Array<HvColumnInstance<D>>;
-    rows: Array<HvRowInstance<D>>;
-    page: Array<HvRowInstance<D>>;
-    rowsById: Record<string, HvRowInstance<D>>;
-    flatRows: Array<HvRowInstance<D>>;
+    columns: Array<HvColumnInstance<D, H>>;
+    allColumns: Array<HvColumnInstance<D, H>>;
+    visibleColumns: Array<HvColumnInstance<D, H>>;
+    headers: Array<HvColumnInstance<D, H>>;
+    flatHeaders: Array<HvColumnInstance<D, H>>;
+    rows: Array<HvRowInstance<D, H>>;
+    page: Array<HvRowInstance<D, H>>;
+    rowsById: Record<string, HvRowInstance<D, H>>;
+    flatRows: Array<HvRowInstance<D, H>>;
     getHooks: () => HvHooks<D>;
-    getTableProps: (propGetter?: TablePropGetter<D> & HvExtraProps) => HvUseTableProps;
-    selectedFlatRows: Array<HvRowInstance<D>>;
-    initialRows: Array<HvRowInstance<D>>;
-    initialRowsById: Record<string, HvRowInstance<D>>;
+    getTableProps: (propGetter?: HvTablePropGetter<D, H>) => HvUseTableProps;
+    prepareRow: (row: HvRowInstance<D, H>) => void;
+    selectedFlatRows: Array<HvRowInstance<D, H>>;
+    initialRows: Array<HvRowInstance<D, H>>;
+    initialRowsById: Record<string, HvRowInstance<D, H>>;
     labels: Record<string, string>;
+    headerGroups: Array<HvHeaderGroup<D, H>>;
+    footerGroups: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare interface HvTableOptions<D extends object> extends Omit<TableOptions<D>, "columns" | "data">, UseExpandedOptions<D>, UseFiltersOptions<D>, UseFiltersOptions<D>, UseGlobalFiltersOptions<D>, UseGroupByOptions<D>, UsePaginationOptions<D>, UseResizeColumnsOptions<D>, UseSortByOptions<D>, UseHvTableStylesTableOptions, UseHvRowSelectionTableOptions, UseHvTableStickyTableOptions, UseHvBulkActionsTableOptions, UseHvRowExpandTableOptions {
-    columns?: Array<HvTableColumnConfig<D>>;
+export declare interface HvTableOptions<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends Omit<TableOptions<D>, "columns" | "data" | "defaultColumn" | "stateReducer" | "useControlledState" | "getRowId">, Partial<UseExpandedOptions<D>>, Partial<UseFiltersOptions<D>>, Partial<UseGlobalFiltersOptions<D>>, Partial<UseGroupByOptions<D>>, Partial<UsePaginationOptions<D>>, Partial<UseResizeColumnsOptions<D>>, Partial<UseSortByOptions<D>>, Partial<UseRowStateOptions<D>>, Partial<UseHvTableStylesTableOptions>, Partial<UseHvRowSelectionTableOptions>, Partial<UseHvTableStickyTableOptions>, Partial<UseHvBulkActionsTableOptions>, Partial<UseHvRowExpandTableOptions> {
+    columns?: Array<HvTableColumnConfig<D, H>>;
     data?: D[];
     initialState?: Partial<HvTableState<D>>;
     labels?: Record<string, string>;
+    defaultColumn?: Partial<HvTableColumnConfig<D, H>>;
+    stateReducer?: (newState: HvTableState<D>, action: ActionType, previousState: HvTableState<D>, instance?: HvTableInstance<D, H>) => HvTableState<D>;
+    useControlledState?: (state: HvTableState<D>, meta: HvMeta<D, H>) => HvTableState<D>;
+    getRowId?: (originalRow: D, relativeIndex: number, parent?: HvRowInstance<D, H>) => string;
 }
 
 export declare interface HvTablePaginationProps extends TableCommonProps {
@@ -5455,7 +5372,9 @@ export declare interface HvTablePaginationProps extends TableCommonProps {
 
 export { HvTablePluginHook }
 
-export declare type HvTableProps = TableHTMLAttributes<HTMLTableElement> & {
+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> {
     /**
      * The component used for the root node. Either a string to use a HTML element or a component.
      * Defaults to `table`.
@@ -5473,29 +5392,12 @@ export declare type HvTableProps = TableHTMLAttributes<HTMLTableElement> & {
     variant?: HvTableVariant;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableClasses;
-};
+}
 
 /**
  * `HvTableRow` acts as a `tr` element and inherits styles from its context
  */
-export declare const HvTableRow: ForwardRefExoticComponent<HvBaseProps<HTMLTableRowElement, {
-    children: any;
-}> & {
-    /** Content to be rendered */
-    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?: ElementType<any> | undefined;
-    /** Whether the table row will shade on hover. */
-    hover?: boolean | undefined;
-    /** Whether the table row will have the selected shading. */
-    selected?: boolean | undefined;
-    /** Whether the table row is expanded. */
-    expanded?: boolean | undefined;
-    /** Whether the table row background is striped. */
-    striped?: boolean | undefined;
-    /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTableRowClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
 export declare type HvTableRowClasses = {
     /** Styles applied to the component root class. */
@@ -5520,9 +5422,9 @@ export declare type HvTableRowClasses = {
     variantListHead?: string;
 };
 
-export declare type HvTableRowProps = HvBaseProps<HTMLTableRowElement, {
+export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, {
     children: any;
-}> & {
+}> {
     /** Content to be rendered */
     children: React.ReactNode;
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. */
@@ -5537,9 +5439,9 @@ export declare type HvTableRowProps = HvBaseProps<HTMLTableRowElement, {
     striped?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTableRowClasses;
-};
+}
 
-export declare interface HvTableState<D extends object = Record<string, unknown>> extends TableState<D>, UseColumnOrderState<D>, UseExpandedState<D>, UseFiltersState<D>, UseGlobalFiltersState<D>, UseGroupByState<D>, UsePaginationState<D>, UseResizeColumnsState<D>, UseSortByState<D>, UseHvRowSelectionState<D> {
+export declare interface HvTableState<D extends object = Record<string, unknown>> extends TableState<D>, Partial<UseColumnOrderState<D>>, Partial<UseExpandedState<D>>, Partial<UseFiltersState<D>>, Partial<UseGlobalFiltersState<D>>, Partial<UseGroupByState<D>>, Partial<UsePaginationState<D>>, Partial<UseResizeColumnsState<D>>, Partial<UseSortByState<D>>, Partial<UseRowStateState<D>>, Partial<UseHvRowSelectionState<D>> {
     rowCount: number;
 }
 
@@ -5616,7 +5518,7 @@ export declare type HvTagClasses = {
     disabledDeleteIcon?: string;
 };
 
-export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>, A extends Record<string, unknown>>(col: C, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps_2): HvTableColumnConfig_2<D>;
+export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
 export declare type HvTagProps = Omit<ChipProps, "color" | "classes"> & HvBaseProps<HTMLDivElement, {
     children: any;
@@ -5630,7 +5532,7 @@ export declare type HvTagProps = Omit<ChipProps, "color" | "classes"> & HvBasePr
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
     /** Background color to be applied to the tag */
-    color?: HvSemanticColorKeys_2 | HvCategoricalColorKeys_2 | string;
+    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;
     /** Icon used to customize the delete icon in the Chip element */
     deleteIcon?: React.ReactElement;
     /**
@@ -5831,7 +5733,7 @@ export declare type HvTextAreaProps = Omit<HvBaseInputProps, "onChange" | "onBlu
     /**
      * An Object containing the various texts associated with the input.
      */
-    validationMessages?: HvValidationMessages_2;
+    validationMessages?: HvValidationMessages;
     /**
      * The custom validation function, it receives the value and must return
      * either `true` for valid or `false` for invalid, default validations would only
@@ -5896,7 +5798,7 @@ export declare type HvTextAreaProps = Omit<HvBaseInputProps, "onChange" | "onBlu
     classes?: HvTextAreaClasses;
 };
 
-export declare function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig_2<D>>(col: C): HvTableColumnConfig_2<D>;
+export declare function hvTextColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>): HvTableColumnConfig<D, H>;
 
 export { HvTheme }
 
@@ -6051,30 +5953,9 @@ export declare type HvTooltipProps = Omit<TooltipProps, "classes"> & {
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: ForwardRefExoticComponent<Omit<AllHTMLAttributes<HTMLElement>, "disabled"> & HvBaseProps<HTMLElement, {
-    disabled: any;
-}> & {
-    component?: React.ReactNode | React.ElementType;
-    /** Use the variant prop to change the visual style of the Typography. */
-    variant?: HvTypographyVariants | 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 text will have a bottom margin. */
-    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?: HvTypographyClasses | undefined;
-} & RefAttributes<HTMLElement>>;
+export declare const HvTypography: ForwardRefExoticComponent<HvTypographyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTypographyClasses = {
+export declare interface HvTypographyClasses {
     root?: string;
     noWrap?: string;
     display?: string;
@@ -6106,13 +5987,13 @@ export declare type HvTypographyClasses = {
     vizText?: string;
     vizTextDisabled?: string;
     xsInlineLink?: string;
-};
+}
 
 export declare type HvTypographyLegacyVariants = "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink";
 
-export declare type HvTypographyProps = Omit<AllHTMLAttributes<HTMLElement>, "disabled"> & HvBaseProps<HTMLElement, {
+export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLElement>, "disabled">, HvBaseProps<HTMLElement, {
     disabled: any;
-}> & {
+}> {
     component?: React.ReactNode | React.ElementType;
     /** Use the variant prop to change the visual style of the Typography. */
     variant?: HvTypographyVariants | HvTypographyLegacyVariants;
@@ -6131,25 +6012,25 @@ export declare type HvTypographyProps = Omit<AllHTMLAttributes<HTMLElement>, "di
     noWrap?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTypographyClasses;
-};
+}
 
 export declare type HvTypographyVariants = "display" | "title1" | "title2" | "title3" | "title4" | "body" | "label" | "caption1" | "caption2";
 
 export declare type HvUndefinedStateColorKeys = "atmo4";
 
-export declare interface HvUseTableCellProps extends TableCellProps, UseHvTableStylesTableCellProps, UseHvTableStickyCellProps, UseHvHeaderGroupsCellProps, UseHvResizeTableCellProps, UseHvSortByTableCellProps {
+export declare interface HvUseTableCellProps extends Omit<TableCellProps, "role">, Omit<UseHvTableStylesTableCellProps, "variant" | "classes">, UseHvTableStickyCellProps, UseHvHeaderGroupsCellProps, UseHvResizeTableCellProps, UseHvSortByTableCellProps, HvTableCellProps {
 }
 
 export declare interface HvUseTableFooterProps extends TableFooterProps, UseHvTableStylesTableCellProps {
 }
 
-export declare interface HvUseTableHeaderProps extends TableHeaderProps, UseHvTableStylesTableCellProps, UseHvTableStickyColumnProps, UseHvHeaderGroupsColumnProps, UseHvResizeColumnProps, UseHvSortByColumnProps {
+export declare interface HvUseTableHeaderProps extends Omit<TableHeaderProps, "role">, Omit<UseHvTableStylesTableCellProps, "classes">, UseHvTableStickyColumnProps, UseHvHeaderGroupsColumnProps, UseHvResizeColumnProps, Omit<UseHvSortByColumnProps, "sortDirection">, HvTableHeaderProps {
 }
 
-export declare interface HvUseTableProps extends TableProps, UseHvTableStickyTableProps {
+export declare interface HvUseTableProps extends Omit<TableProps, "role">, UseHvTableStickyTableProps, HvTableProps {
 }
 
-export declare interface HvUseTableRowProps extends TableRowProps, UseHvTableStylesTableRowProps, UseHvRowSelectionTableRowProps, UseHvRowExpandTableRowProps {
+export declare interface HvUseTableRowProps extends Omit<TableRowProps, "role">, UseHvTableStylesTableRowProps, UseHvRowSelectionTableRowProps, UseHvRowExpandTableRowProps, HvTableRowProps {
 }
 
 export declare type HvValidationMessages = {
@@ -6280,11 +6161,11 @@ export declare type HvVerticalNavigationHeaderProps = {
     /**
      * Props for the collapse button.
      */
-    collapseButtonProps?: HvButtonProps_2;
+    collapseButtonProps?: HvButtonProps;
     /**
      * Props for the back button.
      */
-    backButtonProps?: HvButtonProps_2;
+    backButtonProps?: HvButtonProps;
     /**
      * Class names to be applied.
      */
@@ -6360,7 +6241,7 @@ export declare type HvVerticalNavigationSliderProps = {
      * href - the url used for navigation.
      * target - the behavior when opening an url.
      */
-    data?: NavigationData_2[];
+    data?: NavigationData[];
     /**
      * The selected item id.
      */
@@ -6368,11 +6249,11 @@ export declare type HvVerticalNavigationSliderProps = {
     /**
      * Triggered when the item is clicked.
      */
-    onNavigateToTarget?: (event: React.MouseEvent<HTMLLIElement>, item: NavigationData_2) => void;
+    onNavigateToTarget?: (event: React.MouseEvent<HTMLLIElement>, item: NavigationData) => void;
     /**
      * Triggered when the navigate to child button is clicked.
      */
-    onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData_2) => void;
+    onNavigateToChild?: (event: React.MouseEvent<HTMLButtonElement>, item: NavigationData) => void;
 };
 
 export declare const HvVerticalNavigationTree: ({ id, className, classes, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, ...others }: HvVerticalNavigationTreeProps) => JSX_2.Element;
@@ -6838,9 +6719,9 @@ export declare const loginClasses: HvLoginClasses;
 declare type MenuItemProps = HvBaseProps<HTMLDivElement, {
     onClick: any;
 }> & {
-    item: HvHeaderNavigationItemProp_2;
+    item: HvHeaderNavigationItemProp;
     type?: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp_2) => void;
+    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
 };
 
 export declare const multiButtonClasses: HvMultiButtonClasses;
@@ -7138,6 +7019,8 @@ export declare interface UseHvRowSelectionRowCheckboxProps {
 export declare interface UseHvRowSelectionRowInstance {
     isSelected: boolean;
     isSomeSelected: boolean;
+    isSelectionLocked: boolean;
+    toggleRowLockedSelection: (set?: boolean) => void;
     toggleRowSelected: (set?: boolean) => void;
     getToggleRowSelectedProps: (props?: Partial<UseHvRowSelectionRowCheckboxProps>) => UseHvRowSelectionRowCheckboxProps;
 }
@@ -7187,7 +7070,7 @@ export declare interface UseHvSortByColumnProps {
     sortable?: boolean;
     sorted?: boolean;
     sortDirection?: "descending" | "ascending";
-    onClick: ((e: React.MouseEvent<HTMLTableHeaderCellElement | HTMLTableCellElement>) => void) | undefined;
+    onClick?: (e: React.MouseEvent<HTMLTableCellElement>) => void;
 }
 
 export declare type UseHvSortByProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
@@ -7198,11 +7081,11 @@ export declare interface UseHvSortByTableCellProps {
     sorted?: boolean;
 }
 
-declare function useHvTable<D extends object = Record<string, unknown>>(options: HvTableOptions<D>, ...plugins: Array<HvTablePluginHook<D>>): HvTableInstance<D>;
+declare function useHvTable<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(options: HvTableOptions<D, H>, ...plugins: HvTablePluginHook<D>[]): HvTableInstance<D, H>;
 export { useHvTable as useHvData }
 export { useHvTable }
 
-export declare type UseHvTableProps = <D extends object = Record<string, unknown>>(options: HvTableOptions<D>, ...plugins: Array<HvTablePluginHook<D>>) => HvTableInstance<D>;
+export declare type UseHvTableProps = <D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(options: HvTableOptions<D, H>, ...plugins: Array<HvTablePluginHook<D>>) => HvTableInstance<D, H>;
 
 export declare type UseHvTableSticky = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
     pluginName: string;