@hitachivantara/uikit-react-core 5.87.3 → 5.88.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs +1 -1
  2. package/dist/cjs/Banner/BannerContent/BannerContent.cjs +1 -1
  3. package/dist/cjs/BaseInput/BaseInput.styles.cjs +1 -1
  4. package/dist/cjs/BaseInput/validations.cjs +2 -1
  5. package/dist/cjs/ColorPicker/ColorPicker.cjs +1 -1
  6. package/dist/cjs/DatePicker/DatePicker.cjs +12 -12
  7. package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs +1 -1
  8. package/dist/cjs/FormElement/Adornment/Adornment.cjs +15 -36
  9. package/dist/cjs/FormElement/Adornment/Adornment.styles.cjs +11 -17
  10. package/dist/cjs/Input/Input.cjs +29 -51
  11. package/dist/cjs/Input/Input.styles.cjs +1 -0
  12. package/dist/cjs/List/List.cjs +1 -1
  13. package/dist/cjs/Pagination/Pagination.styles.cjs +2 -2
  14. package/dist/cjs/Pagination/Select.cjs +1 -1
  15. package/dist/cjs/Table/TableBody/TableBody.cjs +16 -17
  16. package/dist/cjs/TableSection/TableSection.styles.cjs +10 -10
  17. package/dist/cjs/Tag/Tag.cjs +1 -1
  18. package/dist/cjs/TagsInput/TagsInput.cjs +103 -169
  19. package/dist/cjs/TagsInput/TagsInput.styles.cjs +44 -105
  20. package/dist/cjs/TextArea/TextArea.cjs +1 -3
  21. package/dist/cjs/TimePicker/TimePicker.cjs +5 -4
  22. package/dist/cjs/hooks/useFocus.cjs +38 -0
  23. package/dist/cjs/utils/focusUtils.cjs +0 -4
  24. package/dist/esm/ActionsGeneric/ActionsGeneric.js +1 -1
  25. package/dist/esm/AvatarGroup/AvatarGroupContext.js +1 -1
  26. package/dist/esm/Banner/BannerContent/BannerContent.js +1 -1
  27. package/dist/esm/BaseCheckBox/BaseCheckBox.js +1 -1
  28. package/dist/esm/BaseDropdown/BaseDropdown.js +3 -3
  29. package/dist/esm/BaseInput/BaseInput.js.map +1 -1
  30. package/dist/esm/BaseInput/BaseInput.styles.js +1 -1
  31. package/dist/esm/BaseInput/BaseInput.styles.js.map +1 -1
  32. package/dist/esm/BaseInput/validations.js +2 -1
  33. package/dist/esm/BaseInput/validations.js.map +1 -1
  34. package/dist/esm/BaseRadio/BaseRadio.js +1 -1
  35. package/dist/esm/Button/Button.js +1 -1
  36. package/dist/esm/Calendar/CalendarHeader/CalendarHeader.js +1 -1
  37. package/dist/esm/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
  38. package/dist/esm/ColorPicker/ColorPicker.js +1 -1
  39. package/dist/esm/ColorPicker/ColorPicker.js.map +1 -1
  40. package/dist/esm/ColorPicker/Fields/Fields.js.map +1 -1
  41. package/dist/esm/DatePicker/DatePicker.js.map +1 -1
  42. package/dist/esm/DatePicker/utils.js +1 -1
  43. package/dist/esm/Dialog/context.js +1 -1
  44. package/dist/esm/DotPagination/DotPagination.js +1 -1
  45. package/dist/esm/Dropdown/Dropdown.js.map +1 -1
  46. package/dist/esm/DropdownButton/DropdownButton.js.map +1 -1
  47. package/dist/esm/FilterGroup/FilterContent/FilterContent.js +1 -1
  48. package/dist/esm/FilterGroup/FilterContent/FilterContent.js.map +1 -1
  49. package/dist/esm/FilterGroup/FilterGroupContext.js +1 -1
  50. package/dist/esm/Focus/Focus.js +1 -1
  51. package/dist/esm/FormElement/Adornment/Adornment.js +15 -36
  52. package/dist/esm/FormElement/Adornment/Adornment.js.map +1 -1
  53. package/dist/esm/FormElement/Adornment/Adornment.styles.js +11 -17
  54. package/dist/esm/FormElement/Adornment/Adornment.styles.js.map +1 -1
  55. package/dist/esm/Header/Navigation/useSelectionPath.js.map +1 -1
  56. package/dist/esm/Input/Input.js +30 -52
  57. package/dist/esm/Input/Input.js.map +1 -1
  58. package/dist/esm/Input/Input.styles.js +1 -0
  59. package/dist/esm/Input/Input.styles.js.map +1 -1
  60. package/dist/esm/List/List.js +1 -1
  61. package/dist/esm/Pagination/Pagination.styles.js +5 -5
  62. package/dist/esm/Pagination/Select.js +1 -1
  63. package/dist/esm/QueryBuilder/Context.js +1 -1
  64. package/dist/esm/QueryBuilder/QueryBuilder.js +1 -1
  65. package/dist/esm/QueryBuilder/utils/index.js +1 -1
  66. package/dist/esm/RadioGroup/RadioGroup.js.map +1 -1
  67. package/dist/esm/SelectionList/SelectionList.js.map +1 -1
  68. package/dist/esm/Slider/Slider.js +1 -1
  69. package/dist/esm/Slider/Slider.js.map +1 -1
  70. package/dist/esm/SnackbarProvider/SnackbarProvider.js +2 -2
  71. package/dist/esm/Table/TableBody/TableBody.js +16 -17
  72. package/dist/esm/Table/TableBody/TableBody.js.map +1 -1
  73. package/dist/esm/TableSection/TableSection.styles.js +24 -24
  74. package/dist/esm/Tag/Tag.js +1 -1
  75. package/dist/esm/Tag/Tag.js.map +1 -1
  76. package/dist/esm/TagsInput/TagsInput.js +103 -169
  77. package/dist/esm/TagsInput/TagsInput.js.map +1 -1
  78. package/dist/esm/TagsInput/TagsInput.styles.js +44 -105
  79. package/dist/esm/TagsInput/TagsInput.styles.js.map +1 -1
  80. package/dist/esm/TextArea/TextArea.js +1 -3
  81. package/dist/esm/TextArea/TextArea.js.map +1 -1
  82. package/dist/esm/TimePicker/TimePicker.js +1 -0
  83. package/dist/esm/TimePicker/TimePicker.js.map +1 -1
  84. package/dist/esm/TreeView/internals/TreeViewProvider.js +1 -1
  85. package/dist/esm/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js +1 -1
  86. package/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
  87. package/dist/esm/hooks/useFocus.js +38 -0
  88. package/dist/esm/hooks/useFocus.js.map +1 -0
  89. package/dist/esm/hooks/useScrollTo.js.map +1 -1
  90. package/dist/esm/utils/document.js.map +1 -1
  91. package/dist/esm/utils/focusUtils.js +0 -4
  92. package/dist/esm/utils/focusUtils.js.map +1 -1
  93. package/dist/types/index.d.ts +189 -248
  94. package/package.json +8 -8
@@ -1,5 +1,3 @@
1
- /// <reference types="react" />
2
-
3
1
  import { ActionType } from 'react-table';
4
2
  import { AvatarProps } from '@mui/material/Avatar';
5
3
  import { Breakpoint as Breakpoint_2 } from '@mui/material/styles';
@@ -15,7 +13,6 @@ import { ComponentProps } from 'react';
15
13
  import { ContainerProps } from '@mui/material/Container';
16
14
  import { Context } from 'react';
17
15
  import { createClasses } from '@hitachivantara/uikit-react-utils';
18
- import { CSSProperties } from 'react';
19
16
  import { default as default_2 } from 'embla-carousel-react';
20
17
  import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
21
18
  import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
@@ -27,7 +24,6 @@ import { DividerProps } from '@mui/material/Divider';
27
24
  import { DrawerProps } from '@mui/material/Drawer';
28
25
  import { ds3 } from '@hitachivantara/uikit-styles';
29
26
  import { ds5 } from '@hitachivantara/uikit-styles';
30
- import { ElementType } from 'react';
31
27
  import { EmotionCache } from '@emotion/cache';
32
28
  import { EmotionContext } from '@hitachivantara/uikit-react-shared';
33
29
  import { ExtractNames } from '@hitachivantara/uikit-react-utils';
@@ -60,9 +56,7 @@ import { HvThemeStructure } from '@hitachivantara/uikit-styles';
60
56
  import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
61
57
  import { IdType as IdType_2 } from 'react-table';
62
58
  import { InputBaseProps } from '@mui/material/InputBase';
63
- import { JSX as JSX_2 } from 'react';
64
- import { JSX as JSX_3 } from 'react/jsx-runtime';
65
- import { JSXElementConstructor } from 'react';
59
+ import { JSX as JSX_2 } from 'react/jsx-runtime';
66
60
  import { MutableRefObject } from 'react';
67
61
  import { OptionGroupProps } from '@mui/base/OptionGroup';
68
62
  import { OptionOwnProps } from '@mui/base/Option';
@@ -74,7 +68,6 @@ import { PropGetter } from 'react-table';
74
68
  import { PropsWithoutRef } from 'react';
75
69
  import { RadioProps } from '@mui/material/Radio';
76
70
  import * as React_2 from 'react';
77
- import { ReactElement } from 'react';
78
71
  import { ReactNode } from 'react';
79
72
  import { ReducerTableState } from 'react-table';
80
73
  import { RefAttributes } from 'react';
@@ -154,6 +147,11 @@ import { UseSortByOptions } from 'react-table';
154
147
  import { UseSortByState } from 'react-table';
155
148
  import { UseTableHeaderGroupProps } from 'react-table';
156
149
  import { useTheme } from '@hitachivantara/uikit-react-utils';
150
+ import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
151
+ import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
152
+ import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
153
+ import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
154
+ import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
157
155
 
158
156
  declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
159
157
  subRows: D[];
@@ -522,7 +520,7 @@ export declare const carouselClasses: {
522
520
 
523
521
  declare type CellValue<V = any> = V;
524
522
 
525
- export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_3.Element;
523
+ export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_2.Element;
526
524
 
527
525
  export declare const charCounterClasses: {
528
526
  root: string;
@@ -976,8 +974,8 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
976
974
  };
977
975
 
978
976
  export declare const getSelectorIcons: () => {
979
- radio: JSX_3.Element;
980
- radioChecked: JSX_3.Element;
977
+ radio: JSX_2.Element;
978
+ radioChecked: JSX_2.Element;
981
979
  };
982
980
 
983
981
  export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
@@ -1169,12 +1167,9 @@ export declare interface HvActionsGenericProps extends HvBaseProps {
1169
1167
  * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
1170
1168
  * E.g., the reveal password button.
1171
1169
  *
1172
- * In addition to the showWhen feature, which uses the form element's context validation state to determine
1173
- * its visibility, this component also ensures that it does not steal focus from the input and that it is
1174
- * not accessible using the keyboard.
1175
- *
1176
- * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
1177
- * or by using a regular icon button or toggle button instead.
1170
+ * This component disables keyboard navigation by default, ensuring that it doesn't steal focus from the input.
1171
+ * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean.
1172
+ * This behavior can be overridden by providing an a `tabIndex={0}`.
1178
1173
  */
1179
1174
  export declare const HvAdornment: ForwardRefExoticComponent<HvAdornmentProps & RefAttributes<HTMLButtonElement | HTMLDivElement>>;
1180
1175
 
@@ -1183,7 +1178,7 @@ export declare type HvAdornmentClasses = ExtractNames<typeof useClasses_7>;
1183
1178
  export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | HTMLButtonElement, "onMouseDown" | "onKeyDown"> {
1184
1179
  /** The icon to be added into the input. */
1185
1180
  icon: React.ReactNode;
1186
- /** When the adornment should be displayed. */
1181
+ /** Controls the visibility of the adornment based on the form element's status. `isVisible` overrides this behavior. */
1187
1182
  showWhen?: HvFormStatus;
1188
1183
  /** Function to be executed when this element is clicked. */
1189
1184
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -1195,7 +1190,7 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
1195
1190
 
1196
1191
  export declare const HvAppSwitcher: ForwardRefExoticComponent<HvAppSwitcherProps & RefAttributes<HTMLDivElement>>;
1197
1192
 
1198
- export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
1193
+ export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
1199
1194
 
1200
1195
  export declare interface HvAppSwitcherActionApplication {
1201
1196
  /** Id of the application. */
@@ -1678,8 +1673,12 @@ export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange
1678
1673
  readOnly?: boolean;
1679
1674
  /** If true, the input element will be required. */
1680
1675
  required?: boolean;
1681
- /** The function that will be executed onChange, allows modification of the input,
1682
- * it receives the value. If a new value should be presented it must returned it. */
1676
+ /**
1677
+ * Callback fired when the value is changed.
1678
+ *
1679
+ * You can pull out the new value by accessing `event.target.value` (string),
1680
+ * or using the second callback argument.
1681
+ */
1683
1682
  onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
1684
1683
  /** If true, a textarea element will be rendered. */
1685
1684
  multiline?: boolean;
@@ -1862,16 +1861,16 @@ export { HvBaseTheme }
1862
1861
  * It can also be used to create a layout using the flexbox properties.
1863
1862
  * @deprecated use native elements instead (e.g. `div`)
1864
1863
  */
1865
- export declare const HvBox: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "div">(props: {
1866
- style?: CSSProperties | undefined;
1867
- sx?: CSSProperties | ((theme: HvTheme_2) => React.CSSProperties) | undefined;
1864
+ export declare const HvBox: <C extends React.ElementType = "div">(props: {
1865
+ style?: React.CSSProperties;
1866
+ sx?: React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
1868
1867
  } & {
1869
1868
  component?: C | undefined;
1870
1869
  } & {
1871
- children?: ReactNode;
1870
+ children?: ReactNode | undefined;
1872
1871
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "style" | "component" | "sx"> ? T extends any ? T : never : never : never) & {
1873
1872
  ref?: PolymorphicRef<C> | undefined;
1874
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
1873
+ } & RefAttributes<unknown>) => React.ReactElement | null;
1875
1874
 
1876
1875
  export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
1877
1876
  style?: React.CSSProperties;
@@ -1961,27 +1960,27 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
1961
1960
  /**
1962
1961
  * Button component is used to trigger an action or event.
1963
1962
  */
1964
- export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
1963
+ export declare const HvButton: <C extends React.ElementType = "button">(props: {
1965
1964
  /** Use the variant prop to change the visual style of the button. */
1966
- variant?: HvButtonVariant | undefined;
1965
+ variant?: HvButtonVariant;
1967
1966
  /** Whether the button is an icon-only button. */
1968
- icon?: boolean | undefined;
1967
+ icon?: boolean;
1969
1968
  /** Whether the button is disabled or not. */
1970
- disabled?: boolean | undefined;
1969
+ disabled?: boolean;
1971
1970
  /** Class names to be applied. */
1972
- className?: string | undefined;
1971
+ className?: string;
1973
1972
  /** Element placed before the children. */
1974
1973
  startIcon?: React.ReactNode;
1975
1974
  /** Element placed after the children. */
1976
1975
  endIcon?: React.ReactNode;
1977
1976
  /** Color of the button. */
1978
- color?: HvColorAny | undefined;
1977
+ color?: HvColorAny;
1979
1978
  /** Button size. */
1980
- size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
1979
+ size?: HvSize;
1981
1980
  /** Button border radius. */
1982
- radius?: "base" | "none" | "round" | "circle" | "full" | undefined;
1981
+ radius?: HvRadius;
1983
1982
  /** Defines the default colors of the button are forced into the icon. */
1984
- overrideIconColors?: boolean | undefined;
1983
+ overrideIconColors?: boolean;
1985
1984
  /** A Jss Object used to override or extend the styles applied. */
1986
1985
  classes?: Partial<{
1987
1986
  root: string;
@@ -2000,49 +1999,49 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
2000
1999
  secondarySubtle: string;
2001
2000
  secondaryGhost: string;
2002
2001
  secondary: string;
2003
- }> | undefined;
2002
+ }>;
2004
2003
  /** Whether the button is selected or not. */
2005
- selected?: boolean | undefined;
2004
+ selected?: boolean;
2006
2005
  /**
2007
2006
  * Whether the button is focusable when disabled.
2008
2007
  * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
2009
2008
  * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
2010
2009
  */
2011
- focusableWhenDisabled?: boolean | undefined;
2010
+ focusableWhenDisabled?: boolean;
2012
2011
  } & {
2013
2012
  component?: C | undefined;
2014
2013
  } & {
2015
- children?: ReactNode;
2014
+ children?: ReactNode | undefined;
2016
2015
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never) & {
2017
- ref?: PolymorphicRef<C> | undefined; /** Class names to be applied. */
2018
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
2016
+ ref?: PolymorphicRef<C> | undefined;
2017
+ } & RefAttributes<unknown>) => React.ReactElement | null;
2019
2018
 
2020
2019
  /**
2021
2020
  * Button component is used to trigger an action or event.
2022
2021
  */
2023
- export declare const HvButtonBase: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
2022
+ export declare const HvButtonBase: <C extends React.ElementType = "button">(props: {
2024
2023
  /** A Jss Object used to override or extend the styles applied. */
2025
2024
  classes?: Partial<{
2026
2025
  root: string;
2027
2026
  disabled: string;
2028
- }> | undefined;
2027
+ }>;
2029
2028
  /** Whether the button is selected or not. */
2030
- selected?: boolean | undefined;
2029
+ selected?: boolean;
2031
2030
  /** Whether the button is disabled or not. */
2032
- disabled?: boolean | undefined;
2031
+ disabled?: boolean;
2033
2032
  /**
2034
2033
  * Whether the button is focusable when disabled.
2035
2034
  * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
2036
2035
  * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
2037
2036
  */
2038
- focusableWhenDisabled?: boolean | undefined;
2037
+ focusableWhenDisabled?: boolean;
2039
2038
  } & {
2040
2039
  component?: C | undefined;
2041
2040
  } & {
2042
- children?: ReactNode;
2041
+ children?: ReactNode | undefined;
2043
2042
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "selected" | "component" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
2044
2043
  ref?: PolymorphicRef<C> | undefined;
2045
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
2044
+ } & RefAttributes<unknown>) => React.ReactElement | null;
2046
2045
 
2047
2046
  export declare type HvButtonBaseClasses = ExtractNames<typeof useClasses_2>;
2048
2047
 
@@ -2104,12 +2103,12 @@ export declare type HvButtonSize = HvSize;
2104
2103
 
2105
2104
  export declare type HvButtonVariant = "contained" | "subtle" | "ghost" | `primary${TypeSuffix}` | `secondary${TypeSuffix}` | `positive${TypeSuffix}` | `negative${TypeSuffix}` | `warning${TypeSuffix}` | "semantic";
2106
2105
 
2107
- export declare const HvCalendar: (props: HvCalendarProps) => JSX_3.Element;
2106
+ export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
2108
2107
 
2109
2108
  export declare type HvCalendarClasses = ExtractNames<typeof useClasses_37>;
2110
2109
 
2111
2110
  export declare const HvCalendarHeader: {
2112
- (props: HvCalendarHeaderProps): JSX_3.Element;
2111
+ (props: HvCalendarHeaderProps): JSX_2.Element;
2113
2112
  formElementType: string;
2114
2113
  };
2115
2114
 
@@ -2202,7 +2201,7 @@ export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttribut
2202
2201
 
2203
2202
  export declare type HvCardClasses = ExtractNames<typeof useClasses_40>;
2204
2203
 
2205
- export declare const HvCardContent: (props: HvCardContentProps) => JSX_3.Element;
2204
+ export declare const HvCardContent: (props: HvCardContentProps) => JSX_2.Element;
2206
2205
 
2207
2206
  export declare type HvCardContentClasses = ExtractNames<typeof useClasses_42>;
2208
2207
 
@@ -2213,7 +2212,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
2213
2212
  classes?: HvCardContentClasses;
2214
2213
  }
2215
2214
 
2216
- export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
2215
+ export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
2217
2216
 
2218
2217
  export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_41>;
2219
2218
 
@@ -2230,7 +2229,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
2230
2229
  classes?: HvCardHeaderClasses;
2231
2230
  }
2232
2231
 
2233
- export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_3.Element;
2232
+ export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_2.Element;
2234
2233
 
2235
2234
  export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_43>;
2236
2235
 
@@ -2273,7 +2272,7 @@ export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & Ref
2273
2272
 
2274
2273
  export declare type HvCarouselClasses = ExtractNames<typeof useClasses_44>;
2275
2274
 
2276
- export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
2275
+ export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
2277
2276
 
2278
2277
  declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
2279
2278
  showDots?: boolean;
@@ -2330,7 +2329,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
2330
2329
  * A container to use as `children` of `HvCarousel`.
2331
2330
  * Pass `img` props directly to it, or `children` for any custom content
2332
2331
  */
2333
- export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
2332
+ export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
2334
2333
 
2335
2334
  export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_45>;
2336
2335
 
@@ -2381,7 +2380,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
2381
2380
  * Use the character counter when there is a character or word limit.
2382
2381
  * By itself it doesn't block the user from going above the limit.
2383
2382
  */
2384
- export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_3.Element;
2383
+ export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
2385
2384
 
2386
2385
  export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_6>;
2387
2386
 
@@ -2694,7 +2693,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
2694
2693
  classes?: HvContainerClasses;
2695
2694
  }
2696
2695
 
2697
- export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
2696
+ export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
2698
2697
 
2699
2698
  export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
2700
2699
 
@@ -2868,11 +2867,11 @@ export declare type HvDatePickerStatus = HvFormStatus;
2868
2867
  /**
2869
2868
  * A Dialog is a graphical control element in the form of a small panel that communicates information and prompts for a response.
2870
2869
  */
2871
- export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
2870
+ export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
2872
2871
 
2873
2872
  export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_63>;
2874
2873
 
2875
- export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
2874
+ export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
2876
2875
 
2877
2876
  export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
2878
2877
  /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
@@ -2883,7 +2882,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
2883
2882
 
2884
2883
  export declare type HvDialogClasses = ExtractNames<typeof useClasses_64>;
2885
2884
 
2886
- export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
2885
+ export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
2887
2886
 
2888
2887
  export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_62>;
2889
2888
 
@@ -2927,7 +2926,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
2927
2926
  component?: DialogProps["component"];
2928
2927
  }
2929
2928
 
2930
- export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
2929
+ export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
2931
2930
 
2932
2931
  export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_61>;
2933
2932
 
@@ -2948,7 +2947,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
2948
2947
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
2949
2948
  * This component uses Radio Buttons to represent each page.
2950
2949
  */
2951
- export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
2950
+ export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
2952
2951
 
2953
2952
  export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_65>;
2954
2953
 
@@ -3049,13 +3048,13 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
3049
3048
  /**
3050
3049
  * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
3051
3050
  */
3052
- export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
3051
+ export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactElement | null;
3053
3052
 
3054
3053
  export declare type HvDropdownClasses = ExtractNames<typeof useClasses_58>;
3055
3054
 
3056
3055
  export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
3057
3056
 
3058
- export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) => JSX_3.Element;
3057
+ export declare const HvDropdownColumnCell: ({ dropdownProps, ...others }: HvDropdownColumnCellProp) => JSX_2.Element;
3059
3058
 
3060
3059
  export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
3061
3060
  /** Extra props to be passed onto the dropdown. @deprecated pass props directly */
@@ -3373,7 +3372,7 @@ export { HvExtraDeepProps }
3373
3372
 
3374
3373
  export { HvExtraProps }
3375
3374
 
3376
- export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
3375
+ export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
3377
3376
 
3378
3377
  export declare type HvFileClasses = ExtractNames<typeof useClasses_70>;
3379
3378
 
@@ -3441,7 +3440,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
3441
3440
  *
3442
3441
  * Accepted file types follow the format of the html [input accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file).
3443
3442
  */
3444
- export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
3443
+ export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
3445
3444
 
3446
3445
  export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_71>;
3447
3446
 
@@ -3454,7 +3453,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
3454
3453
  * The `HvFileUploaderPreview` component is available to facilitate the styling
3455
3454
  * of the button (when clickable) and the detection of image unloading.
3456
3455
  */
3457
- export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
3456
+ export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
3458
3457
 
3459
3458
  export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_69>;
3460
3459
 
@@ -3630,7 +3629,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
3630
3629
  export declare type HvFilterGroupValue = (string | number)[][];
3631
3630
 
3632
3631
  /** @deprecated internal use only. this component has navigation issues. */
3633
- export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_3.Element;
3632
+ export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
3634
3633
 
3635
3634
  export declare type HvFocusClasses = ExtractNames<typeof useClasses_3>;
3636
3635
 
@@ -3699,7 +3698,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
3699
3698
  * It is used internally to build UI Kit's form components (eg. `HvInput`, `HvDatePicker`), and can be used to build custom form components.
3700
3699
  */
3701
3700
  export declare const HvFormElement: {
3702
- (props: HvFormElementProps): JSX_3.Element;
3701
+ (props: HvFormElementProps): JSX_2.Element;
3703
3702
  formElementType: string;
3704
3703
  };
3705
3704
 
@@ -3930,7 +3929,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
3930
3929
  headers: Array<HvHeaderGroup<D, H>>;
3931
3930
  }
3932
3931
 
3933
- export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
3932
+ export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
3934
3933
 
3935
3934
  declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_81>;
3936
3935
 
@@ -3943,7 +3942,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
3943
3942
  classes?: HvHeaderMenuBarClasses;
3944
3943
  }
3945
3944
 
3946
- export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
3945
+ export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
3947
3946
 
3948
3947
  declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_82>;
3949
3948
 
@@ -4024,7 +4023,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
4024
4023
  * As defined by Design System, a tooltip with the button’s label should always be displayed when hovering an icon only button.
4025
4024
  * This component provides this behavior out of the box.
4026
4025
  */
4027
- export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
4026
+ export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon"> & {
4028
4027
  /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
4029
4028
  title: React.ReactNode;
4030
4029
  /** Number of milliseconds to wait before showing the tooltip. @default 500 */
@@ -4032,14 +4031,14 @@ export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.Intri
4032
4031
  /** Tooltip placement. @default top */
4033
4032
  placement?: HvTooltipProps["placement"];
4034
4033
  /** Extra tooltip properties. */
4035
- tooltipProps?: Omit<Partial<HvTooltipProps>, "children"> | undefined;
4034
+ tooltipProps?: Omit<Partial<HvTooltipProps>, "children">;
4036
4035
  } & {
4037
4036
  component?: C | undefined;
4038
4037
  } & {
4039
- children?: ReactNode;
4040
- } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
4038
+ children?: ReactNode | undefined;
4039
+ } & (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "color" | "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "focusableWhenDisabled" | "startIcon" | "endIcon" | "overrideIconColors"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "focusableWhenDisabled" | "startIcon" | "endIcon">> ? T_1 extends any ? T_1 : never : never : never) & {
4041
4040
  ref?: PolymorphicRef<C> | undefined;
4042
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
4041
+ } & RefAttributes<unknown>) => React.ReactElement | null;
4043
4042
 
4044
4043
  export declare type HvIconButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, Omit<HvButtonProps<C>, "icon" | "focusableWhenDisabled" | "title" | "startIcon" | "endIcon" | "children" | "ref" | "component"> & {
4045
4044
  /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
@@ -4055,7 +4054,7 @@ export declare type HvIconButtonProps<C extends React.ElementType = "button"> =
4055
4054
  /**
4056
4055
  * Provides the user with additional descriptive text for the form element.
4057
4056
  */
4058
- export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_3.Element;
4057
+ export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
4059
4058
 
4060
4059
  export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_10>;
4061
4060
 
@@ -4072,27 +4071,27 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
4072
4071
  * An Inline Editor allows the user to edit a record without making a major switch
4073
4072
  * between viewing and editing, making it an efficient method of updating a record.
4074
4073
  */
4075
- export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null>(props: {
4074
+ export declare const HvInlineEditor: <C extends React.ElementType = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null>(props: {
4076
4075
  /** The value of the form element. */
4077
- value?: string | undefined;
4076
+ value?: string;
4078
4077
  /** The default value of the form element. */
4079
- defaultValue?: string | undefined;
4078
+ defaultValue?: string;
4080
4079
  /** Whether the Edit icon should always be visible */
4081
- showIcon?: boolean | undefined;
4080
+ showIcon?: boolean;
4082
4081
  /** Variant of the HvTypography to display */
4083
- variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | undefined;
4082
+ variant?: HvTypographyVariants;
4084
4083
  /** Called when the input is blurred. */
4085
- onBlur?: ((event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void) | undefined;
4084
+ onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
4086
4085
  /** Called when the input value changes. */
4087
- onChange?: ((event: React.SyntheticEvent, value: string) => void) | undefined;
4086
+ onChange?: (event: React.SyntheticEvent, value: string) => void;
4088
4087
  /** Called when there's a keydown event on the input. */
4089
- onKeyDown?: ((event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void) | undefined;
4088
+ onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement | HTMLInputElement> | React.MouseEvent, value: string) => void;
4090
4089
  /** Props passed to the HvButton component */
4091
- buttonProps?: HvButtonProps | undefined;
4090
+ buttonProps?: HvButtonProps;
4092
4091
  /** Props passed to the HvTypography text component */
4093
- typographyProps?: HvTypographyProps | undefined;
4092
+ typographyProps?: HvTypographyProps;
4094
4093
  /** Whether the editor is disabled or not. */
4095
- disabled?: boolean | undefined;
4094
+ disabled?: boolean;
4096
4095
  /** A Jss Object used to override or extend the styles applied to the empty state component. */
4097
4096
  classes?: Partial<{
4098
4097
  root: string;
@@ -4105,16 +4104,16 @@ export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.Int
4105
4104
  button: string;
4106
4105
  icon: string;
4107
4106
  iconVisible: string;
4108
- }> | undefined;
4107
+ }>;
4109
4108
  /** The placeholder value of the input. */
4110
- placeholder?: string | undefined;
4109
+ placeholder?: string;
4111
4110
  } & {
4112
4111
  component?: C | undefined;
4113
4112
  } & {
4114
- children?: ReactNode;
4115
- } & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
4113
+ children?: ReactNode | undefined;
4114
+ } & (Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "onKeyDown" | "defaultValue" | "buttonProps" | "showIcon" | "typographyProps"> ? T extends any ? T : never : never : never) & {
4116
4115
  ref?: PolymorphicRef<C> | undefined;
4117
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
4116
+ } & RefAttributes<unknown>) => React.ReactElement | null;
4118
4117
 
4119
4118
  export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_84>;
4120
4119
 
@@ -4148,18 +4147,18 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
4148
4147
  /**
4149
4148
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
4150
4149
  */
4151
- export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
4150
+ export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => React.ReactElement | null;
4152
4151
 
4153
4152
  export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
4154
4153
 
4155
4154
  export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
4156
4155
 
4157
4156
  export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement> extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown"> {
4158
- /** The form element name. */
4157
+ /** @inheritdoc */
4159
4158
  name?: string;
4160
- /** The value of the form element. */
4159
+ /** @inheritdoc */
4161
4160
  value?: React.InputHTMLAttributes<InputElement>["value"];
4162
- /** When uncontrolled, defines the initial input value. */
4161
+ /** @inheritdoc */
4163
4162
  defaultValue?: React.InputHTMLAttributes<InputElement>["value"];
4164
4163
  /**
4165
4164
  * The label of the form element.
@@ -4170,11 +4169,11 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
4170
4169
  label?: React.ReactNode;
4171
4170
  /** Provide additional descriptive text for the form element. */
4172
4171
  description?: React.ReactNode;
4173
- /** Indicates that the form element is disabled. */
4172
+ /** @inheritdoc */
4174
4173
  disabled?: boolean;
4175
- /** Indicates that the form element is not editable. */
4174
+ /** @inheritdoc */
4176
4175
  readOnly?: boolean;
4177
- /** Indicates that user input is required on the form element. */
4176
+ /** @inheritdoc */
4178
4177
  required?: boolean;
4179
4178
  /**
4180
4179
  * The status of the form element.
@@ -4187,17 +4186,14 @@ export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInp
4187
4186
  status?: HvFormStatus;
4188
4187
  /** The error message to show when `status` is "invalid". */
4189
4188
  statusMessage?: string;
4189
+ /** @inheritdoc */
4190
+ onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
4190
4191
  /**
4191
4192
  * Callback called when the user submits the value by pressing Enter/Return.
4192
4193
  *
4193
- * Also called when the search button is clicked (when type is "search").
4194
+ * Also called when the search button is clicked (when `type="search"`).
4194
4195
  */
4195
- /**
4196
- * The function that will be executed onChange, allows modification of the input,
4197
- * it receives the value. If a new value should be presented it must returned it.
4198
- */
4199
- onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
4200
- onEnter?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
4196
+ onEnter?: (event: React.KeyboardEvent<InputElement>, value: string) => void;
4201
4197
  /**
4202
4198
  * The function that will be executed onBlur, allows checking the validation state,
4203
4199
  * it receives the value and the validation state.
@@ -4290,7 +4286,7 @@ export declare interface HvKnobProperty {
4290
4286
  * Communicates simple, immediate and vital information for operational decision making.
4291
4287
  * @deprecated build KPIs with `HvCard`, or with your custom layouts
4292
4288
  */
4293
- export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
4289
+ export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
4294
4290
 
4295
4291
  export declare type HvKpiClasses = ExtractNames<typeof useClasses_85>;
4296
4292
 
@@ -4330,7 +4326,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
4330
4326
  /**
4331
4327
  * Provides the user with a recognizable name for a given form element.
4332
4328
  */
4333
- export declare const HvLabel: (props: HvLabelProps) => JSX_3.Element;
4329
+ export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
4334
4330
 
4335
4331
  export declare type HvLabelClasses = ExtractNames<typeof useClasses_9>;
4336
4332
 
@@ -4351,7 +4347,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
4351
4347
  classes?: HvLabelClasses;
4352
4348
  }
4353
4349
 
4354
- export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_3.Element;
4350
+ export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
4355
4351
 
4356
4352
  export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_56>;
4357
4353
 
@@ -4369,7 +4365,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
4369
4365
  }
4370
4366
 
4371
4367
  /** @deprecated use `<HvTypography link component="a" />` instead */
4372
- export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
4368
+ export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
4373
4369
 
4374
4370
  export declare type HvLinkClasses = ExtractNames<typeof useClasses_86>;
4375
4371
 
@@ -4386,7 +4382,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
4386
4382
  * Component used to show a set of related data to the user.
4387
4383
  * @deprecated use `HvListContainer` + `HvListItem` instead
4388
4384
  */
4389
- export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
4385
+ export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
4390
4386
 
4391
4387
  export declare type HvListClasses = ExtractNames<typeof useClasses_87>;
4392
4388
 
@@ -4603,7 +4599,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
4603
4599
  /**
4604
4600
  * Multi-buttons are grouped sets of buttons displayed horizontally or vertically in the same container.
4605
4601
  */
4606
- export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
4602
+ export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
4607
4603
 
4608
4604
  export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_91>;
4609
4605
 
@@ -4641,7 +4637,7 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
4641
4637
 
4642
4638
  export declare const hvNumberFallback: (value: any) => number | "—";
4643
4639
 
4644
- export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
4640
+ export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement | null;
4645
4641
 
4646
4642
  /**
4647
4643
  * Optional
@@ -4678,7 +4674,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
4678
4674
  /**
4679
4675
  * This component generates a tooltip whenever the text is overflowed.
4680
4676
  */
4681
- export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
4677
+ export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
4682
4678
 
4683
4679
  export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_92>;
4684
4680
 
@@ -4758,7 +4754,7 @@ export declare interface HvPanelProps extends HvBaseProps {
4758
4754
 
4759
4755
  export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
4760
4756
 
4761
- export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
4757
+ export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
4762
4758
 
4763
4759
  export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_95>;
4764
4760
 
@@ -4807,7 +4803,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
4807
4803
  /**
4808
4804
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
4809
4805
  */
4810
- export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_3.Element;
4806
+ export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_2.Element;
4811
4807
 
4812
4808
  export declare interface HvProviderProps {
4813
4809
  /**
@@ -4874,7 +4870,7 @@ export declare interface HvProviderProps {
4874
4870
  *
4875
4871
  * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
4876
4872
  */
4877
- export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_3.Element;
4873
+ export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
4878
4874
 
4879
4875
  export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
4880
4876
  id?: string;
@@ -5319,7 +5315,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
5319
5315
 
5320
5316
  export { HvRadius }
5321
5317
 
5322
- export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_3.Element;
5318
+ export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
5323
5319
 
5324
5320
  export declare type HvRightControlClasses = ExtractNames<typeof useClasses_57>;
5325
5321
 
@@ -5358,7 +5354,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
5358
5354
  /**
5359
5355
  * The horizontal scroll to element can be used to quickly navigate in a page.
5360
5356
  */
5361
- export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
5357
+ export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
5362
5358
 
5363
5359
  export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_99>;
5364
5360
 
@@ -5440,7 +5436,7 @@ declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bottom";
5440
5436
  /**
5441
5437
  * The vertical scroll to element can be used to quickly navigate in a page.
5442
5438
  */
5443
- export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
5439
+ export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
5444
5440
 
5445
5441
  export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_101>;
5446
5442
 
@@ -5551,7 +5547,7 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
5551
5547
  * <HvOption value="cat">Cat</HvOption>
5552
5548
  * </HvSelect>
5553
5549
  * */
5554
- export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
5550
+ export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
5555
5551
 
5556
5552
  export declare type HvSelectClasses = ExtractNames<typeof useClasses_12>;
5557
5553
 
@@ -5643,7 +5639,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
5643
5639
 
5644
5640
  export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
5645
5641
 
5646
- export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
5642
+ export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
5647
5643
 
5648
5644
  export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_103>;
5649
5645
 
@@ -5690,7 +5686,7 @@ export { HvSize }
5690
5686
  /**
5691
5687
  * The `HvSkeleton` component is used to create a placeholder element that represents the shape and size of the content that will be loaded.
5692
5688
  */
5693
- export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
5689
+ export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_2.Element;
5694
5690
 
5695
5691
  export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_132>;
5696
5692
 
@@ -5900,7 +5896,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
5900
5896
  * This component uses of the [Notistack](https://github.com/iamhosseindhv/notistack) library.
5901
5897
  * Please refer to its [API Reference](https://notistack.com/v2.x/api-reference) for more complex usage scenarios.
5902
5898
  */
5903
- export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
5899
+ export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
5904
5900
 
5905
5901
  export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_107>;
5906
5902
 
@@ -5930,7 +5926,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
5930
5926
  *
5931
5927
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
5932
5928
  */
5933
- export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
5929
+ export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
5934
5930
 
5935
5931
  export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
5936
5932
  }
@@ -6483,9 +6479,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
6483
6479
  * A Tag is one word that describes a specific aspect of an asset. A single asset can have
6484
6480
  * multiple tags.
6485
6481
  * Use tags to highlight an item's status for quick recognition and navigation
6486
- * Use color to indicate meanings that users can learn and recognize across products
6487
- *
6488
- * It leverages the [MUI Chip](https://mui.com/material-ui/react-chip/) component
6482
+ * Use color to indicate meanings that users can learn and recognize across products.
6489
6483
  */
6490
6484
  export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
6491
6485
 
@@ -6530,7 +6524,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
6530
6524
  /**
6531
6525
  * A tags input is a single or multiline control that allows the input of tags.
6532
6526
  */
6533
- export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
6527
+ export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLElement>>;
6534
6528
 
6535
6529
  export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_116>;
6536
6530
 
@@ -6540,15 +6534,15 @@ export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange"
6540
6534
  /** When uncontrolled, defines the initial input value. */
6541
6535
  defaultValue?: string[] | HvTagProps[];
6542
6536
  /** The function that will be executed onChange. */
6543
- onChange?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
6537
+ onChange?: (event: React.SyntheticEvent, value: HvTagProps[]) => void;
6544
6538
  /** The function that will be executed when the element is focused. */
6545
6539
  onFocus?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
6546
6540
  /** The function that will be executed when the element is blurred. */
6547
6541
  onBlur?: (event: React.FocusEvent<HTMLDivElement>, value: string) => void;
6548
6542
  /** The function that will be executed when a tag is deleted. */
6549
- onDelete?: (event: React.KeyboardEvent<HTMLUListElement> | React.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
6543
+ onDelete?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
6550
6544
  /** The function that will be executed when a tag is added. */
6551
- onAdd?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | React.MouseEvent | React.KeyboardEvent<HTMLUListElement> | React.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
6545
+ onAdd?: (event: React.SyntheticEvent, value: HvTagProps, index: number) => void;
6552
6546
  /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
6553
6547
  hideCounter?: boolean;
6554
6548
  /** Text between the current char counter and max value. */
@@ -6714,7 +6708,7 @@ export declare interface HvThemePalette {
6714
6708
  support: HvSupportColors;
6715
6709
  }
6716
6710
 
6717
- export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_3.Element;
6711
+ export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
6718
6712
 
6719
6713
  declare interface HvThemeProviderProps {
6720
6714
  children: React.ReactNode;
@@ -6728,12 +6722,12 @@ declare interface HvThemeProviderProps {
6728
6722
  /**
6729
6723
  * The HvTimeAgo component implements the Design System relative time format guidelines.
6730
6724
  */
6731
- export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
6725
+ export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
6732
6726
  /**
6733
6727
  * The timestamp to format, in seconds or milliseconds.
6734
6728
  * Defaults to `emptyElement` if value is null or 0
6735
6729
  */
6736
- timestamp?: number | undefined;
6730
+ timestamp?: number;
6737
6731
  /**
6738
6732
  * The locale to be used. Should be on of the JS supported locales
6739
6733
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument
@@ -6745,25 +6739,25 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
6745
6739
  */
6746
6740
  emptyElement?: React.ReactNode;
6747
6741
  /** Disables periodic date refreshes */
6748
- disableRefresh?: boolean | undefined;
6742
+ disableRefresh?: boolean;
6749
6743
  /** Whether to show seconds in the rendered time */
6750
- showSeconds?: boolean | undefined;
6744
+ showSeconds?: boolean;
6751
6745
  /**
6752
6746
  * Whether the component should render just the string
6753
6747
  * Consider using `useTimeAgo` instead
6754
6748
  */
6755
- justText?: boolean | undefined;
6749
+ justText?: boolean;
6756
6750
  /** A Jss Object used to override or extend the styles applied to the component. */
6757
6751
  classes?: Partial<{
6758
6752
  root: string;
6759
- }> | undefined;
6753
+ }>;
6760
6754
  } & {
6761
6755
  component?: C | undefined;
6762
6756
  } & {
6763
- children?: ReactNode;
6764
- } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "timestamp" | "locale" | "emptyElement" | "disableRefresh" | "showSeconds" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "timestamp" | "locale" | "emptyElement" | "disableRefresh" | "showSeconds" | "justText"> ? T extends any ? T : never : never : never) & {
6757
+ children?: ReactNode | undefined;
6758
+ } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "component" | "locale" | "emptyElement" | "showSeconds" | "timestamp" | "disableRefresh" | "justText"> ? T extends any ? T : never : never : never) & {
6765
6759
  ref?: PolymorphicRef<C> | undefined;
6766
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
6760
+ } & RefAttributes<unknown>) => React.ReactElement | null;
6767
6761
 
6768
6762
  export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_118>;
6769
6763
 
@@ -7002,7 +6996,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
7002
6996
  * </HvTreeView>
7003
6997
  * ```
7004
6998
  */
7005
- export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
6999
+ export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement | null;
7006
7000
 
7007
7001
  export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_120>;
7008
7002
 
@@ -7016,25 +7010,25 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
7016
7010
  /**
7017
7011
  * Typography component is used to render text and paragraphs within an interface.
7018
7012
  */
7019
- export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
7013
+ export declare const HvTypography: <C extends React.ElementType = "p">(props: {
7020
7014
  /** Use the variant prop to change the visual style of the Typography. */
7021
- variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
7015
+ variant?: HvTypographyVariants | HvTypographyLegacyVariants;
7022
7016
  /** If `true` the typography will display the look of a link. */
7023
- link?: boolean | undefined;
7017
+ link?: boolean;
7024
7018
  /** If `true` the typography will display the look of a disabled state. */
7025
- disabled?: boolean | undefined;
7019
+ disabled?: boolean;
7026
7020
  /**
7027
7021
  * If `true`, the typography will render a "p" element
7028
7022
  * @deprecated use `component="p"` instead
7029
7023
  * */
7030
- paragraph?: boolean | undefined;
7024
+ paragraph?: boolean;
7031
7025
  /**
7032
7026
  * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
7033
7027
  *
7034
7028
  * Note that text overflow can only happen with block or inline-block level elements
7035
7029
  * (the element needs to have a width in order to overflow).
7036
7030
  */
7037
- noWrap?: boolean | undefined;
7031
+ noWrap?: boolean;
7038
7032
  /** A Jss Object used to override or extend the styles applied to the component. */
7039
7033
  classes?: Partial<{
7040
7034
  root: string;
@@ -7071,14 +7065,14 @@ export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.Intri
7071
7065
  vizText: string;
7072
7066
  vizTextDisabled: string;
7073
7067
  xsInlineLink: string;
7074
- }> | undefined;
7068
+ }>;
7075
7069
  } & {
7076
7070
  component?: C | undefined;
7077
7071
  } & {
7078
- children?: ReactNode;
7072
+ children?: ReactNode | undefined;
7079
7073
  } & (Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "link" | "classes" | "disabled" | "variant" | "component" | "noWrap" | "paragraph"> ? T extends any ? T : never : never : never) & {
7080
7074
  ref?: PolymorphicRef<C> | undefined;
7081
- } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
7075
+ } & RefAttributes<unknown>) => React.ReactElement | null;
7082
7076
 
7083
7077
  export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
7084
7078
 
@@ -7158,7 +7152,7 @@ export declare interface HvValidationMessages {
7158
7152
  */
7159
7153
  export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalNavigationProps & RefAttributes<HTMLDivElement>>;
7160
7154
 
7161
- export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
7155
+ export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_2.Element;
7162
7156
 
7163
7157
  export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_126>;
7164
7158
 
@@ -7171,7 +7165,7 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
7171
7165
  icon?: React.ReactNode;
7172
7166
  }
7173
7167
 
7174
- export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
7168
+ export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_2.Element;
7175
7169
 
7176
7170
  export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_125>;
7177
7171
 
@@ -7182,7 +7176,7 @@ export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
7182
7176
 
7183
7177
  export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_123>;
7184
7178
 
7185
- export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
7179
+ export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
7186
7180
 
7187
7181
  export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_124>;
7188
7182
 
@@ -7229,7 +7223,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
7229
7223
  useIcons?: boolean;
7230
7224
  }
7231
7225
 
7232
- export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
7226
+ export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
7233
7227
 
7234
7228
  export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_128>;
7235
7229
 
@@ -7257,7 +7251,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
7257
7251
  forwardButtonAriaLabel?: string;
7258
7252
  }
7259
7253
 
7260
- export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_3.Element;
7254
+ export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_2.Element;
7261
7255
 
7262
7256
  export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_127>;
7263
7257
 
@@ -7416,7 +7410,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
7416
7410
  /**
7417
7411
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
7418
7412
  */
7419
- export declare const HvWarningText: (props: HvWarningTextProps) => JSX_3.Element;
7413
+ export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
7420
7414
 
7421
7415
  export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_11>;
7422
7416
 
@@ -7439,7 +7433,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
7439
7433
  classes?: HvWarningTextClasses;
7440
7434
  }
7441
7435
 
7442
- export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_3.Element | null;
7436
+ export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
7443
7437
 
7444
7438
  declare type IdType<D> = StringKey<D> | string;
7445
7439
 
@@ -7653,10 +7647,6 @@ export declare const optionGroupClasses: {
7653
7647
  };
7654
7648
 
7655
7649
  export declare const outlineStyles: {
7656
- outlineColor: string;
7657
- outlineStyle: string;
7658
- outlineWidth: string;
7659
- outlineOffset: string;
7660
7650
  boxShadow: string;
7661
7651
  };
7662
7652
 
@@ -8118,7 +8108,6 @@ export declare const tagClasses: {
8118
8108
  };
8119
8109
 
8120
8110
  export declare const tagsInputClasses: {
8121
- input: string;
8122
8111
  listItemGutters: string;
8123
8112
  listItemRoot: string;
8124
8113
  root: string;
@@ -8134,6 +8123,7 @@ export declare const tagsInputClasses: {
8134
8123
  tagsList: string;
8135
8124
  tagInputContainerRoot: string;
8136
8125
  tagInputRoot: string;
8126
+ input: string;
8137
8127
  tagSelected: string;
8138
8128
  tagInputBorderContainer: string;
8139
8129
  tagInputRootFocused: string;
@@ -8242,22 +8232,6 @@ export declare const treeViewItemClasses: {
8242
8232
  icon: string;
8243
8233
  };
8244
8234
 
8245
- declare interface TreeViewItemRange {
8246
- start?: string | null;
8247
- end?: string | null;
8248
- next?: string | null;
8249
- current?: string;
8250
- }
8251
-
8252
- declare interface TreeViewNode {
8253
- id: string;
8254
- idAttribute: string | undefined;
8255
- index: number;
8256
- parentId: string | null;
8257
- expandable: boolean;
8258
- disabled: boolean | undefined;
8259
- }
8260
-
8261
8235
  declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
8262
8236
 
8263
8237
  declare type TypeSuffix = "" | "Subtle" | "Ghost";
@@ -8403,7 +8377,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"root", string>>, ad
8403
8377
  readonly cx: (...args: any) => string;
8404
8378
  };
8405
8379
 
8406
- declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
8380
+ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
8407
8381
  readonly classes: {
8408
8382
  sliderBase: string;
8409
8383
  rootDisabled: string;
@@ -8428,7 +8402,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"label" | "root" | "
8428
8402
  readonly cx: (...args: any) => string;
8429
8403
  };
8430
8404
 
8431
- declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
8405
+ declare const useClasses_105: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
8432
8406
  readonly classes: {
8433
8407
  root: string;
8434
8408
  anchorOriginTopRight: string;
@@ -8534,7 +8508,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHead
8534
8508
  readonly cx: (...args: any) => string;
8535
8509
  };
8536
8510
 
8537
- declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
8511
+ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "categorical" | "clickable" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
8538
8512
  readonly classes: {
8539
8513
  root: string;
8540
8514
  categorical: string;
@@ -8556,7 +8530,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
8556
8530
  readonly cx: (...args: any) => string;
8557
8531
  };
8558
8532
 
8559
- declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
8533
+ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
8560
8534
  readonly classes: {
8561
8535
  root: string;
8562
8536
  indicator: string;
@@ -8581,7 +8555,6 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root" | "disabled"
8581
8555
 
8582
8556
  declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "invalid" | "disabled" | "readOnly" | "input" | "tagInputRoot" | "tagsList" | "error" | "description" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
8583
8557
  readonly classes: {
8584
- input: string;
8585
8558
  listItemGutters: string;
8586
8559
  listItemRoot: string;
8587
8560
  root: string;
@@ -8597,6 +8570,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
8597
8570
  tagsList: string;
8598
8571
  tagInputContainerRoot: string;
8599
8572
  tagInputRoot: string;
8573
+ input: string;
8600
8574
  tagSelected: string;
8601
8575
  tagInputBorderContainer: string;
8602
8576
  tagInputRootFocused: string;
@@ -8758,7 +8732,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"action" | "minimize
8758
8732
  readonly cx: (...args: any) => string;
8759
8733
  };
8760
8734
 
8761
- declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
8735
+ declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
8762
8736
  readonly classes: {
8763
8737
  root: string;
8764
8738
  list: string;
@@ -8792,7 +8766,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"root", string>>, ad
8792
8766
  readonly cx: (...args: any) => string;
8793
8767
  };
8794
8768
 
8795
- declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
8769
+ declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
8796
8770
  readonly classes: {
8797
8771
  root: string;
8798
8772
  startIcon: string;
@@ -8815,7 +8789,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primar
8815
8789
  readonly cx: (...args: any) => string;
8816
8790
  };
8817
8791
 
8818
- declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
8792
+ declare const useClasses_130: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "focused" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
8819
8793
  readonly classes: {
8820
8794
  node: string;
8821
8795
  content: string;
@@ -8938,7 +8912,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "invalid" |
8938
8912
  readonly cx: (...args: any) => string;
8939
8913
  };
8940
8914
 
8941
- declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "arrow" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
8915
+ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "selection" | "arrowContainer" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "arrow" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
8942
8916
  readonly classes: {
8943
8917
  root: string;
8944
8918
  rootDisabled: string;
@@ -9064,7 +9038,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"typography" | "root"
9064
9038
  readonly cx: (...args: any) => string;
9065
9039
  };
9066
9040
 
9067
- declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "avatar" | "circular" | "fallback" | "badge", string>>, addStatic?: boolean) => {
9041
+ declare const useClasses_26: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
9068
9042
  readonly classes: {
9069
9043
  root: string;
9070
9044
  container: string;
@@ -9097,7 +9071,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "row" | "col
9097
9071
  readonly cx: (...args: any) => string;
9098
9072
  };
9099
9073
 
9100
- declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "showLabel" | "badgeContainer" | "badgeHidden" | "showCount" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
9074
+ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePosition" | "badge" | "badgeContainer" | "badgeHidden" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
9101
9075
  readonly classes: {
9102
9076
  root: string;
9103
9077
  badgeContainer: string;
@@ -9113,7 +9087,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "badgePositi
9113
9087
  readonly cx: (...args: any) => string;
9114
9088
  };
9115
9089
 
9116
- declare const useClasses_29: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "rootClosed", string>>, addStatic?: boolean) => {
9090
+ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
9117
9091
  readonly classes: {
9118
9092
  rootClosed: string;
9119
9093
  root: string;
@@ -9124,7 +9098,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "anchorOrigi
9124
9098
  readonly cx: (...args: any) => string;
9125
9099
  };
9126
9100
 
9127
- declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focusDisabled" | "externalReference" | "falseFocus" | "focus", string>>, addStatic?: boolean) => {
9101
+ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" | "focused" | "selected" | "focus" | "focusDisabled" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
9128
9102
  readonly classes: {
9129
9103
  root: string;
9130
9104
  selected: string;
@@ -9139,7 +9113,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root" | "disabled" |
9139
9113
  readonly cx: (...args: any) => string;
9140
9114
  };
9141
9115
 
9142
- declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "iconContainer" | "actionContainer" | "baseVariant" | "outContainer" | "messageContainer" | "messageActions" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
9116
+ declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "actionContainer" | "baseVariant" | "outContainer" | "messageContainer" | "iconContainer" | "messageActions" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
9143
9117
  readonly classes: {
9144
9118
  root: string;
9145
9119
  message: string;
@@ -9204,7 +9178,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
9204
9178
  readonly cx: (...args: any) => string;
9205
9179
  };
9206
9180
 
9207
- declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
9181
+ declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
9208
9182
  readonly classes: {
9209
9183
  root: string;
9210
9184
  link: string;
@@ -9218,7 +9192,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a"
9218
9192
  readonly cx: (...args: any) => string;
9219
9193
  };
9220
9194
 
9221
- declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages", string>>, addStatic?: boolean) => {
9195
+ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
9222
9196
  readonly classes: {
9223
9197
  root: string;
9224
9198
  semantic: string;
@@ -9250,7 +9224,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
9250
9224
  readonly cx: (...args: any) => string;
9251
9225
  };
9252
9226
 
9253
- declare const useClasses_37: (classesProp?: Partial<Record<"root" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "focusSelection" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
9227
+ declare const useClasses_37: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
9254
9228
  readonly classes: {
9255
9229
  root: string;
9256
9230
  rangeCalendarContainer: string;
@@ -9273,7 +9247,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "invalid" |
9273
9247
  readonly cx: (...args: any) => string;
9274
9248
  };
9275
9249
 
9276
- declare const useClasses_39: (classesProp?: Partial<Record<"root" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "focusSelection" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
9250
+ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "focusSelection" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
9277
9251
  readonly classes: {
9278
9252
  root: string;
9279
9253
  calendarGrid: string;
@@ -9347,7 +9321,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", str
9347
9321
  readonly cx: (...args: any) => string;
9348
9322
  };
9349
9323
 
9350
- declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "dots" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
9324
+ declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "counter" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
9351
9325
  readonly classes: {
9352
9326
  root: string;
9353
9327
  xs: string;
@@ -9387,7 +9361,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", st
9387
9361
  readonly cx: (...args: any) => string;
9388
9362
  };
9389
9363
 
9390
- declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "labelContainer" | "adornmentButton" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
9364
+ declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "input" | "icon" | "error" | "inputRoot" | "description" | "adornmentButton" | "labelContainer" | "inputBorderContainer" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
9391
9365
  readonly classes: {
9392
9366
  root: string;
9393
9367
  labelContainer: string;
@@ -9470,7 +9444,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicke
9470
9444
  readonly cx: (...args: any) => string;
9471
9445
  };
9472
9446
 
9473
- declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "startAdornment" | "endAdornment" | "gutters" | "interactive" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
9447
+ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "interactive" | "startAdornment" | "endAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
9474
9448
  readonly classes: {
9475
9449
  root: string;
9476
9450
  focus: string;
@@ -9514,7 +9488,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" |
9514
9488
  readonly cx: (...args: any) => string;
9515
9489
  };
9516
9490
 
9517
- declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
9491
+ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
9518
9492
  readonly classes: {
9519
9493
  root: string;
9520
9494
  head: string;
@@ -9545,7 +9519,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "he
9545
9519
  readonly cx: (...args: any) => string;
9546
9520
  };
9547
9521
 
9548
- declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "hover" | "variantListHead" | "striped", string>>, addStatic?: boolean) => {
9522
+ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
9549
9523
  readonly classes: {
9550
9524
  root: string;
9551
9525
  head: string;
@@ -9562,7 +9536,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "se
9562
9536
  readonly cx: (...args: any) => string;
9563
9537
  };
9564
9538
 
9565
- declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
9539
+ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "resizable" | "sorted" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
9566
9540
  readonly classes: {
9567
9541
  root: string;
9568
9542
  head: string;
@@ -9630,7 +9604,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdow
9630
9604
  readonly cx: (...args: any) => string;
9631
9605
  };
9632
9606
 
9633
- declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "arrow" | "labelContainer" | "dropdown" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
9607
+ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "labelContainer" | "dropdown" | "arrow" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
9634
9608
  readonly classes: {
9635
9609
  root: string;
9636
9610
  labelContainer: string;
@@ -9654,7 +9628,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "p
9654
9628
  readonly cx: (...args: any) => string;
9655
9629
  };
9656
9630
 
9657
- declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "selectAllContainer" | "selectAll" | "rootList" | "dropdownListContainer" | "virtualized" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
9631
+ declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "virtualized" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
9658
9632
  readonly classes: {
9659
9633
  rootList: string;
9660
9634
  dropdownListContainer: string;
@@ -9790,7 +9764,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root"
9790
9764
  readonly cx: (...args: any) => string;
9791
9765
  };
9792
9766
 
9793
- declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "iconContainer" | "actionContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
9767
+ declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "actionContainer" | "messageContainer" | "iconContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
9794
9768
  readonly classes: {
9795
9769
  root: string;
9796
9770
  container: string;
@@ -9913,7 +9887,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"name" | "small" | "r
9913
9887
  readonly cx: (...args: any) => string;
9914
9888
  };
9915
9889
 
9916
- declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
9890
+ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
9917
9891
  readonly classes: {
9918
9892
  root: string;
9919
9893
  positionSticky: string;
@@ -9932,7 +9906,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"name" | "root" | "se
9932
9906
  readonly cx: (...args: any) => string;
9933
9907
  };
9934
9908
 
9935
- declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root" | "direction-xs-column" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "item" | "zeroMinWidth" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12" | "direction-xs-reverse", string>>, addStatic?: boolean) => {
9909
+ declare const useClasses_77: (classesProp?: Partial<Record<"container" | "root" | "item" | "zeroMinWidth" | "direction-xs-column" | "direction-xs-reverse" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12", string>>, addStatic?: boolean) => {
9936
9910
  readonly classes: {
9937
9911
  root: string;
9938
9912
  container: string;
@@ -10103,7 +10077,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"link" | "root" | "it
10103
10077
  readonly cx: (...args: any) => string;
10104
10078
  };
10105
10079
 
10106
- declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
10080
+ declare const useClasses_88: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "barContainer" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
10107
10081
  readonly classes: {
10108
10082
  root: string;
10109
10083
  barContainer: string;
@@ -10276,7 +10250,7 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" |
10276
10250
  readonly cx: (...args: any) => string;
10277
10251
  };
10278
10252
 
10279
- declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
10253
+ declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionSticky" | "positionFixed" | "notSelectedRoot", string>>, addStatic?: boolean) => {
10280
10254
  readonly classes: {
10281
10255
  root: string;
10282
10256
  positionSticky: string;
@@ -10472,7 +10446,7 @@ export declare const useHvRowState: typeof useRowState;
10472
10446
 
10473
10447
  export declare const useHvSnackbar: () => {
10474
10448
  enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
10475
- closeSnackbar: (key?: SnackbarKey | undefined) => void;
10449
+ closeSnackbar: (key?: SnackbarKey) => void;
10476
10450
  };
10477
10451
 
10478
10452
  export declare const useHvSortBy: UseHvSortByProps;
@@ -10647,13 +10621,6 @@ declare interface UseTreeViewContextValueBuilderParameters {
10647
10621
  defaultParentIcon?: React.ReactNode;
10648
10622
  }
10649
10623
 
10650
- declare interface UseTreeViewExpansionInstance {
10651
- isNodeExpanded: (nodeId: string) => boolean;
10652
- isNodeExpandable: (nodeId: string) => boolean;
10653
- toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
10654
- expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
10655
- }
10656
-
10657
10624
  declare interface UseTreeViewExpansionParameters {
10658
10625
  /**
10659
10626
  * Expanded node ids.
@@ -10674,11 +10641,6 @@ declare interface UseTreeViewExpansionParameters {
10674
10641
  onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
10675
10642
  }
10676
10643
 
10677
- declare interface UseTreeViewFocusInstance {
10678
- isNodeFocused: (nodeId: string) => boolean;
10679
- focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
10680
- }
10681
-
10682
10644
  declare interface UseTreeViewFocusParameters {
10683
10645
  /**
10684
10646
  * Callback fired when tree items are focused.
@@ -10689,19 +10651,6 @@ declare interface UseTreeViewFocusParameters {
10689
10651
  onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
10690
10652
  }
10691
10653
 
10692
- declare interface UseTreeViewKeyboardNavigationInstance {
10693
- mapFirstChar: (nodeId: string, firstChar: string) => () => void;
10694
- }
10695
-
10696
- declare interface UseTreeViewNodesInstance {
10697
- getNode: (nodeId: string) => TreeViewNode;
10698
- updateNode: (node: TreeViewNode) => void;
10699
- removeNode: (nodeId: string) => void;
10700
- getChildrenIds: (nodeId: string | null) => string[];
10701
- getNavigableChildrenIds: (nodeId: string | null) => string[];
10702
- isNodeDisabled: (nodeId: string | null) => nodeId is string;
10703
- }
10704
-
10705
10654
  declare interface UseTreeViewNodesParameters {
10706
10655
  /**
10707
10656
  * If `true`, will allow focus on disabled items.
@@ -10710,14 +10659,6 @@ declare interface UseTreeViewNodesParameters {
10710
10659
  disabledItemsFocusable?: boolean;
10711
10660
  }
10712
10661
 
10713
- declare interface UseTreeViewSelectionInstance {
10714
- isNodeSelected: (nodeId: string) => boolean;
10715
- selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
10716
- selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
10717
- rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
10718
- rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
10719
- }
10720
-
10721
10662
  declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
10722
10663
  /**
10723
10664
  * If `true` selection is disabled.
@@ -10830,9 +10771,9 @@ export declare const warningTextClasses: {
10830
10771
  };
10831
10772
 
10832
10773
  /** @deprecated wrap your component with `HvTooltip` */
10833
- export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_3.Element;
10774
+ export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
10834
10775
 
10835
10776
  /** @deprecated */
10836
- export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_3.Element) | (() => any);
10777
+ export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
10837
10778
 
10838
10779
  export { }