@hitachivantara/uikit-react-core 5.0.1 → 5.1.0

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,12 +22,8 @@ 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';
@@ -55,11 +50,12 @@ 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 { SliderProps } from 'rc-slider';
 import { SnackbarCloseReason } from '@mui/material/Snackbar';
 import { SnackbarContentProps } from '@mui/material/SnackbarContent';
 import type { SnackbarKey } from 'notistack';
@@ -75,7 +71,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';
@@ -100,6 +95,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';
@@ -118,12 +114,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[];
@@ -1777,17 +1778,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).
@@ -1979,35 +1985,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>;
 } | {
@@ -2016,10 +2022,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>>;
@@ -2135,9 +2141,9 @@ export declare type HvCreateThemeProps = {
     inheritColorModes?: boolean;
 } & HvThemeCustomizationProps;
 
-export declare function hvDateColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, dateFormat?: string): HvTableColumnConfig<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. */
@@ -2294,9 +2300,9 @@ export declare type HvDropdownClasses = {
     rootList?: string;
 };
 
-export declare function hvDropdownColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<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. */
@@ -2722,7 +2728,7 @@ export declare type HvEmptyStateProps = HvBaseProps<HTMLDivElement, {
     classes?: HvEmptyStateClasses;
 };
 
-export declare function hvExpandColumn<D extends Record<string, unknown>>(col: HvTableColumnConfig<D>, expandRowButtonAriaLabel: string, collapseRowButtonAriaLabel: string, getCanRowExpand?: (row: HvRowInstance<D>) => boolean): HvTableColumnConfig<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;
@@ -2958,6 +2964,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;
@@ -2966,6 +2976,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;
@@ -3273,6 +3287,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;
@@ -3303,6 +3321,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;
@@ -3310,7 +3332,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>;
 }
 
 /**
@@ -3522,6 +3563,16 @@ declare type HvInputValidity = {
     valueMissing?: boolean;
 };
 
+export declare interface HvKnobProperty {
+    color?: string;
+    defaultValue?: number;
+    hidden?: boolean;
+    fixed?: boolean;
+    hoverColor?: string;
+    trackColor?: string;
+    dragColor?: string;
+}
+
 /**
  * Key Performance Indicator is a type of performance measurement. It monitors a business indicator
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
@@ -3912,6 +3963,11 @@ export declare type HvLoginProps = HvBaseProps & {
     classes?: HvLoginClasses;
 };
 
+export declare interface HvMarkProperty {
+    position?: number;
+    label?: string;
+}
+
 declare type HvMenuBarProps = HvBaseProps<"div", {
     onClick: any;
 }> & {
@@ -3920,6 +3976,13 @@ declare type HvMenuBarProps = HvBaseProps<"div", {
     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 = {
@@ -3955,7 +4018,7 @@ export declare type HvNotistackSnackMessageProps = {
     snackbarContentProps?: HvSnackbarContentProps;
 };
 
-export declare function hvNumberColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C): HvTableColumnConfig<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 | "—";
 
@@ -4137,9 +4200,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<D>>(col: C, getPartial?: (row: HvRowInstance<D>) => number, getTotal?: (row: HvRowInstance<D>) => number, color?: "primary" | "secondary"): HvTableColumnConfig<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. */
@@ -4150,6 +4213,8 @@ 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.
  */
@@ -4471,16 +4536,20 @@ export declare type HvRightListControls = HvListValue & {
     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.
  *
@@ -4587,6 +4656,165 @@ export declare type HvSimpleGridProps = HvBaseProps & {
     cols?: number;
 };
 
+/**
+ * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
+ */
+export declare const HvSlider: ({ id, className, name, label, status, statusMessage, disabled, classes, sliderProps, knobProps, inputProps, requiredMessage, noOverlap, hideInput, required, readOnly, markProperties, defaultValues, values: valuesProp, knobProperties: knobPropertiesProp, "aria-errormessage": ariaErrorMessage, maxPointValue, minPointValue, divisionQuantity, markStep, markDigits, formatMark, onChange, onBlur, onBeforeChange, onAfterChange, formatTooltip, ...others }: HvSliderProps) => JSX_2.Element;
+
+export declare interface HvSliderClasses {
+    root?: string;
+    rootRange?: string;
+    labelContainer?: string;
+    label?: string;
+    handle?: string;
+    handleContainer?: string;
+    sliderBase?: string;
+    sliderRoot?: string;
+    trackDragging?: string;
+    rootDisabled?: string;
+    trackStandBy?: string;
+    error?: string;
+    handleHiddenContainer?: string;
+    handleContainerDisabled?: string;
+    labelIncluded?: string;
+    onlyInput?: string;
+    sliderTooltip?: string;
+    sliderContainer?: string;
+}
+
+export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, {
+    onChange: any;
+    onBlur: any;
+}> {
+    /**
+     * The slider name.
+     */
+    name?: string;
+    /**
+     * The label of the slider.
+     *
+     * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.
+     */
+    label?: React_2.ReactNode;
+    /**
+     * Indicates that the slider is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates that the slider is not editable.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates that user slider is required on the form element.
+     */
+    required?: boolean;
+    /**
+     * What message to render when the value is required.
+     */
+    requiredMessage?: string;
+    /**
+     * If `true` the input that controls the slider is hidden.
+     */
+    hideInput?: boolean;
+    /**
+     * Attributes applied to the slider element.
+     */
+    sliderProps?: SliderProps;
+    /**
+     * The status of the slider element.
+     *
+     * Valid is correct, invalid is incorrect and standBy means no validations have run.
+     *
+     * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+     * or "invalid" after any change to the state.
+     */
+    status?: HvFormStatus | HvFormStatus[];
+    /**
+     * The error message to show when `status` is "invalid".
+     */
+    statusMessage?: React_2.ReactNode;
+    /**
+     * The values array to apply to the component
+     */
+    values?: number[];
+    /**
+     * The default values array to apply to the component
+     */
+    defaultValues?: (number | undefined)[];
+    /**
+     * The object used to set the knob properties,
+     * for every item in the array a new knob will be created.
+     */
+    knobProperties?: HvKnobProperty[];
+    /**
+     * The object used to set the mark properties individually.
+     */
+    markProperties?: HvMarkProperty[];
+    /**
+     * The function executed before a change will occur in the slider.
+     */
+    onBeforeChange?: (value: number[]) => void;
+    /**
+     * The function executed while a change is occurring in the slider.
+     */
+    onChange?: (value: number[]) => void;
+    /**
+     * The function executed after a change ocurred in the slider.
+     */
+    onAfterChange?: (value: number[]) => void;
+    /**
+     * The function executed after a blur ocurred in the slider.
+     */
+    onBlur?: (event: React_2.FocusEvent, knobsValues: number[], status?: HvFormStatus | HvFormStatus[]) => void;
+    /**
+     * The separation in points between marks.
+     * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+     */
+    markStep?: number;
+    /**
+     * How many subdivisions there are in the slider.
+     */
+    divisionQuantity?: number;
+    /**
+     * The value of the first point in the slider from left to right.
+     */
+    minPointValue?: number;
+    /**
+     * The value of the last point in the slider from left to right.
+     */
+    maxPointValue?: number;
+    /**
+     * The nax number of decimals if no format function is applied
+     */
+    markDigits?: number;
+    /**
+     * A formatting function used to add format to the marks in the track,
+     * the function receives the mark text
+     */
+    formatMark?: (label: React_2.ReactNode) => React_2.ReactNode;
+    /**
+     * A formatting function used to add format to the tooltip in the track,
+     * the function receives the mark text
+     */
+    formatTooltip?: (label: React_2.ReactNode) => React_2.ReactNode;
+    /**
+     * If `true` the knobs can't have the same value, if `false` knobs can have the same value.
+     */
+    noOverlap?: boolean;
+    /**
+     * Attributes applied to the input element.
+     */
+    inputProps?: HvInputProps[];
+    /**
+     * Attributes applied to the knob element.
+     */
+    knobProps?: React_2.HTMLAttributes<HTMLDivElement>[];
+    /**
+     * The classes object to be applied into the root object.
+     */
+    classes?: HvSliderClasses;
+}
+
 /**
  * A Snackbar provides brief messages about app processes.
  * It is dismissed automatically after a given interval.
@@ -4795,9 +5023,9 @@ export declare type HvSwitchClasses = {
     invalidSwitch?: string;
 };
 
-export declare function hvSwitchColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<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. */
@@ -4937,56 +5165,22 @@ export declare type HvTabClasses = {
  * 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 = {
+export declare interface 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
      */
@@ -5000,7 +5194,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;
@@ -5014,42 +5208,11 @@ 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";
 
-export declare type HvTableCellClasses = {
+export declare interface HvTableCellClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the cell when it's in the table head. */
@@ -5100,9 +5263,9 @@ export declare type HvTableCellClasses = {
     resizable?: string;
     /** Styles applied to the cell when it's part of a resizing column. */
     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 */
@@ -5133,13 +5296,13 @@ 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";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = {
+export declare interface HvTableClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the component root class when it has a sticky header. */
@@ -5148,40 +5311,28 @@ export declare type HvTableClasses = {
     stickyColumns?: string;
     /** Styles applied to the component root class when it has sticky columns. */
     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 = {
+export declare interface 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
      */
@@ -5193,86 +5344,29 @@ 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 = {
+export declare interface HvTableHeadClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied when the table has a sticky header. */
     stickyHeader?: string;
-};
+}
 
 /**
  * `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 = {
+export declare interface HvTableHeaderClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the cell when it's in the table head. */
@@ -5339,9 +5433,9 @@ export declare type HvTableHeaderClasses = {
     resizing?: string;
     /** Styles applied to the resizer object when column is resizable. */
     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 */
@@ -5380,13 +5474,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
      */
@@ -5402,33 +5498,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 {
@@ -5444,7 +5547,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`.
@@ -5462,31 +5567,14 @@ 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 = {
+export declare interface HvTableRowClasses {
     /** Styles applied to the component root class. */
     root?: string;
     /** Styles applied to the component root when selected. */
@@ -5507,11 +5595,11 @@ export declare type HvTableRowClasses = {
     variantList?: string;
     /** Styles applied to the component root when its table variant is list. */
     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. */
@@ -5526,9 +5614,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;
 }
 
@@ -5605,7 +5693,7 @@ export declare type HvTagClasses = {
     disabledDeleteIcon?: string;
 };
 
-export declare function hvTagColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>, A extends Record<string, unknown>>(col: C, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<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;
@@ -5885,7 +5973,7 @@ export declare type HvTextAreaProps = Omit<HvBaseInputProps, "onChange" | "onBlu
     classes?: HvTextAreaClasses;
 };
 
-export declare function hvTextColumn<D extends Record<string, unknown>, C extends HvTableColumnConfig<D>>(col: C): HvTableColumnConfig<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 }
 
@@ -6105,19 +6193,19 @@ export declare type HvTypographyVariants = "display" | "title1" | "title2" | "ti
 
 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 = {
@@ -6350,6 +6438,7 @@ export declare type HvVerticalNavigationTreeClasses = {
     list?: string;
     listItem?: string;
     collapsed?: string;
+    popup?: string;
 };
 
 export declare type HvVerticalNavigationTreeProps = HvBaseProps<HTMLDivElement, {
@@ -6523,6 +6612,14 @@ export declare type HvVerticalNavigationTreeViewItemProps = {
      * The content of the component.
      */
     children?: React.ReactNode;
+    /**
+     * @ignore
+     */
+    onMouseEnter?: any;
+    /**
+     * Disables the appearence of a tooltip on hovering an element ( Only applicable when the in collapsed mode)
+     */
+    disableTooltip?: boolean;
 };
 
 export declare type HvVerticalNavigationTreeViewProps = {
@@ -6922,6 +7019,8 @@ export declare const setId: (...args: any[]) => string | undefined;
 
 export declare const setUid: (id: any, suffix: any) => string | undefined;
 
+export declare const sliderClasses: HvSliderClasses;
+
 export declare const snackbarClasses: HvSnackbarClasses;
 
 export declare const snackbarContentClasses: HvSnackbarContentClasses;
@@ -7106,6 +7205,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;
 }
@@ -7155,7 +7256,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) & {
@@ -7166,11 +7267,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;
@@ -7301,6 +7402,7 @@ declare interface VerticalNavigationContextValue {
     setParentData?: React.Dispatch<React.SetStateAction<any>>;
     parentSelected?: any;
     setParentSelected?: React.Dispatch<React.SetStateAction<any>>;
+    hasAnyChildWithData?: boolean;
 }
 
 export declare const verticalNavigationHeaderClasses: HvVerticalNavigationHeaderClasses;