@hitachivantara/uikit-react-core 5.18.1 → 5.18.3

package/dist/types/index.d.ts

@@ -3,6 +3,7 @@
 import { ActionType } from 'react-table';
 import type { AllHTMLAttributes } from 'react';
 import { AvatarProps } from '@mui/material/Avatar';
+import { Breakpoint as Breakpoint_2 } from '@mui/material';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
@@ -39,6 +40,7 @@ import type { HvExtraDeepProps } from '@hitachivantara/uikit-react-shared';
 import type { HvExtraProps } from '@hitachivantara/uikit-react-shared';
 import { PluginHook as HvTablePluginHook } from 'react-table';
 import type { HvTheme } from '@hitachivantara/uikit-react-shared';
+import { HvTheme as HvTheme_2 } from '@hitachivantara/uikit-styles';
 import { HvThemeBreakpoint } from '@hitachivantara/uikit-styles';
 import { HvThemeColorMode } from '@hitachivantara/uikit-styles';
 import { HvThemeColorModeStructure } from '@hitachivantara/uikit-styles';
@@ -1062,14 +1064,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_2>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_3>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_12>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_14>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1377,11 +1379,11 @@ export declare const HvBanner: ({ id, classes: classesProp, className, open, onC
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_13>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1639,7 +1641,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: ({ classes: classesProp, className, id, name, value, defaultValue, required, readOnly, disabled, onChange, type, placeholder, multiline, resizable, invalid, inputRef, inputProps, ...others }: HvBaseInputProps) => JSX_2.Element;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_2>;
 
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, "onChange" | "color" | "onBlur" | "onFocus" | "onInvalid" | "onKeyDown" | "onKeyUp"> {
     /** The input name. */
@@ -1909,7 +1911,7 @@ export declare interface HvBreadCrumbProps extends HvBaseProps<HTMLDivElement, "
     /** Function passed to the component. If defined the component prop is used as the link node. */
     onClick?: (event: MouseEvent_2<HTMLElement>, data: any) => void;
     /** Props passed down to the DropDownMenu sub-menu component. */
-    dropDownMenuProps?: HvDropDownMenuProps;
+    dropDownMenuProps?: Partial<HvDropDownMenuProps>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBreadCrumbClasses;
 }
@@ -2185,11 +2187,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: ({ classes: classesProp, className, children, icon, selectable, selected, statusColor, bgcolor, ...others }: HvCardProps) => JSX_2.Element;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_3>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_4>;
 
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_6>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2202,7 +2204,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_5>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2219,7 +2221,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 
 export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2260,7 +2262,7 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2301,7 +2303,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2525,7 +2527,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: ({ id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, className, classes: classesProp, value, onChange, defaultValue, expanded, defaultExpanded, recommendedColorsPosition, recommendedColors, showLabels, labels: labelsProp, dropdownIcon, placeholder, iconOnly, showSavedColors, showCustomColors, savedColorsValue, defaultSavedColorsValue, onSavedColorAdded, onSavedColorRemoved, deleteSavedColorButtonArialLabel, }: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2711,7 +2713,7 @@ export declare interface HvControlsProps extends HvBaseProps {
     /**
      * Callback called when the view switcher button is pressed
      */
-    onViewChange?: (event: Event, id: string) => void;
+    onViewChange?: (event: MouseEvent_2<HTMLButtonElement>, id: string) => void;
     /**
      * if `true` the button to switch views is not rendered
      */
@@ -2768,7 +2770,7 @@ declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ({ classes: classesProp, className, id, name, required, disabled, readOnly, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, "aria-errormessage": ariaErrorMessage, placeholder, labels: labelsProp, value, startValue, endValue, rangeMode, startAdornment, horizontalPlacement, locale: localeProp, showActions, showClear, disablePortal, escapeWithReference, dropdownProps, calendarProps, ...others }: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2830,7 +2832,7 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
      * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
      * or "invalid" after any change to the state.
      */
-    status?: HvDatePickerStatus;
+    status?: HvFormStatus;
     /**
      * The error message to show when the validation status is "invalid".
      *
@@ -2937,7 +2939,8 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
     calendarProps?: Partial<HvCalendarProps>;
 }
 
-export declare type HvDatePickerStatus = "standBy" | "valid" | "invalid";
+/** @deprecated use `HvFormStatus` instead */
+export declare type HvDatePickerStatus = HvFormStatus;
 
 export declare const HvDialog: ({ classes: classesProp, className, id, children, open, onClose, firstFocusable, buttonTitle, fullscreen, disableBackdropClick, ...others }: HvDialogProps) => JSX_2.Element;
 
@@ -2955,7 +2958,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_8>;
 
 export declare const HvDialogContent: ({ classes, className, children, indentContent, }: HvDialogContentProps) => JSX_2.Element;
 
@@ -3022,15 +3025,9 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: ({ className, classes, unselectedIcon, selectedIcon, pages, page, onPageChange, getItemAriaLabel, ...others }: HvDotPaginationProps) => JSX_2.Element;
+export declare const HvDotPagination: ({ className, classes: classesProp, unselectedIcon, selectedIcon, pages, page, onPageChange, getItemAriaLabel, ...others }: HvDotPaginationProps) => JSX_2.Element;
 
-export declare interface HvDotPaginationClasses {
-    root?: string;
-    horizontal?: string;
-    radioRoot?: string;
-    radio?: string;
-    icon?: string;
-}
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_12>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -3169,11 +3166,19 @@ declare interface HvDropdownListProps {
      * A function to be executed whenever a item is selected in the list
      * or the Apply button is activated (when `multiSelect` is `true`).
      */
-    onChange: any;
+    onChange: (
+    /** An array containing the selected values */
+    listValues: HvListValue[], 
+    /** If `true` the selection if finally committed the dropdown header text should reflect the new selection */
+    commitChanges: boolean, 
+    /** If `true` the dropdown should toggle it's current state */
+    toggle: boolean, 
+    /** If `true` the dropdown will call onChange */
+    notifyChanges: boolean) => void;
     /**
      * A function to be executed whenever the Cancel button is activated.
      */
-    onCancel: any;
+    onCancel: (event: MouseEvent_2) => void;
     /**
      * An object containing all the labels for the dropdown.
      */
@@ -3209,7 +3214,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: ({ id: idProp, classes: classesProp, className, icon, placement, dataList, disablePortal, onToggle, onClick, keepOpened, disabled, expanded, defaultExpanded, category, ...others }: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3680,9 +3685,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ({ className, id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, labels: labelsProp, defaultValue, value, filters, horizontalPlacement, disablePortal, escapeWithReference, height, filterContentProps, classes: classesProp, ...others }: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_21>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_20>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_22>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -4230,7 +4235,7 @@ export declare interface HvHooks<D extends object = Record<string, unknown>, H e
     useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
-export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_26>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4258,7 +4263,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  */
 export declare const HvInlineEditor: ({ className, classes: classesProp, value: valueProp, defaultValue, showIcon, component: InputComponent, variant, placeholder, onBlur, onChange, onKeyDown, buttonProps, typographyProps, ...others }: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4286,7 +4291,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_9>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4546,7 +4551,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     /** placeholder of the input */
     placeholder?: string;
     /** Callback called when a search action occurs */
-    onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    onSearch?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
     /** Extra props passed to input */
     searchProps?: HvInputProps;
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -4817,7 +4822,7 @@ export declare interface HvMarkProperty {
 declare interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
     type: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
 }
 
 export declare type HvMeta<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Extension = never, M = HvMetaBase<D, H>> = [Extension] extends [never] ? M : M & Extension;
@@ -4899,7 +4904,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: ({ classes: classesProp, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -5098,7 +5103,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_27>>;
+export declare type HvQueryBuilderClasses = Partial<ExtractNames<typeof useClasses_30>>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5416,7 +5421,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, ...others }: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_27>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5469,7 +5474,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, style, ...others }: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5785,11 +5790,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_16>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5843,7 +5848,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -6139,7 +6144,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6446,7 +6451,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6855,11 +6860,9 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: ({ classes, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
+export declare const HvTimeAgo: ({ classes: classesProp, className, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
 
-export declare interface HvTimeAgoClasses {
-    root?: string;
-}
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "children"> {
     /**
@@ -6904,7 +6907,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_34>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7054,45 +7057,13 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
  */
 export declare const HvTypography: ForwardRefExoticComponent<HvTypographyProps & RefAttributes<HTMLElement>>;
 
-export declare interface HvTypographyClasses {
-    root?: string;
-    noWrap?: string;
-    display?: string;
-    title1?: string;
-    title2?: string;
-    title3?: string;
-    title4?: string;
-    body?: string;
-    label?: string;
-    caption1?: string;
-    caption2?: string;
-    "5xlTitle"?: string;
-    "4xlTitle"?: string;
-    "3xlTitle"?: string;
-    xxlTitle?: string;
-    xlTitle?: string;
-    lTitle?: string;
-    mTitle?: string;
-    sTitle?: string;
-    xsTitle?: string;
-    xxsTitle?: string;
-    sectionTitle?: string;
-    highlightText?: string;
-    normalText?: string;
-    placeholderText?: string;
-    link?: string;
-    disabledText?: string;
-    selectedNavText?: string;
-    vizText?: string;
-    vizTextDisabled?: string;
-    xsInlineLink?: string;
-}
+export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
 
 /** @deprecated */
 export declare type HvTypographyLegacyVariants = "5xlTitle" | "4xlTitle" | "3xlTitle" | "xxlTitle" | "xlTitle" | "lTitle" | "mTitle" | "sTitle" | "xsTitle" | "xxsTitle" | "sectionTitle" | "highlightText" | "normalText" | "placeholderText" | "link" | "disabledText" | "selectedNavText" | "vizText" | "vizTextDisabled" | "xsInlineLink";
 
 export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLElement>, "disabled">, HvBaseProps<HTMLElement> {
-    component?: React.ReactNode | React.ElementType;
+    component?: React.ElementType;
     /** Use the variant prop to change the visual style of the Typography. */
     variant?: HvTypographyVariants | HvTypographyLegacyVariants;
     /** If `true` the typography will display the look of a link. */
@@ -7112,7 +7083,7 @@ export declare interface HvTypographyProps extends Omit<AllHTMLAttributes<HTMLEl
     classes?: HvTypographyClasses;
 }
 
-export declare type HvTypographyVariants = "display" | "title1" | "title2" | "title3" | "title4" | "body" | "label" | "caption1" | "caption2";
+export declare type HvTypographyVariants = (typeof typographyVariants)[number];
 
 export declare type HvUndefinedStateColorKeys = "atmo4";
 
@@ -7643,7 +7614,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_24>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7730,7 +7701,7 @@ declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 
 export declare const isBrowser: (browsers: any) => boolean | null;
 
-export declare const isInvalid: (compareState: any) => boolean;
+export declare const isInvalid: (compareState: HvFormStatus) => boolean;
 
 /**
  *  Check whether the key code is an enter.
@@ -7750,7 +7721,7 @@ export declare const isKeycode: (number: any, keyCode: any) => boolean | undefin
  */
 export declare const isKeypress: (event: any, keyCode: any) => boolean | undefined;
 
-export declare const isValid: (compareState: any) => boolean;
+export declare const isValid: (compareState: HvFormStatus) => boolean;
 
 export declare const keyboardCodes: Readonly<{
     Backspace: 8;
@@ -7934,7 +7905,7 @@ export declare const loginClasses: {
 declare interface MenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
     type?: string;
-    onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;
+    onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
 }
 
 export declare const multiButtonClasses: {
@@ -8332,7 +8303,7 @@ export declare const switchClasses: {
     invalidSwitch: "HvSwitch-invalidSwitch";
 };
 
-declare type SxProps = React.CSSProperties | ((theme: any) => React.CSSProperties);
+declare type SxProps = React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
 
 export declare const tabClasses: {
     disabled: "HvTab-disabled";
@@ -8569,6 +8540,7 @@ export declare const typographyClasses: {
     body: "HvTypography-body";
     label: "HvTypography-label";
     display: "HvTypography-display";
+    disabled: "HvTypography-disabled";
     noWrap: "HvTypography-noWrap";
     title1: "HvTypography-title1";
     title2: "HvTypography-title2";
@@ -8596,30 +8568,50 @@ export declare const typographyClasses: {
     highlightText: "HvTypography-highlightText";
     normalText: "HvTypography-normalText";
     vizText: "HvTypography-vizText";
+    isLink: "HvTypography-isLink";
 };
 
+export declare const typographyVariants: readonly ["display", "title1", "title2", "title3", "title4", "body", "label", "caption1", "caption2"];
+
 export declare type UseBulkActionsProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
     pluginName: string;
 };
 
-declare const useClasses: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>) => {
+declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label" | "display" | "disabled" | "noWrap" | "title1" | "title2" | "title3" | "title4" | "caption1" | "caption2" | "5xlTitle" | "4xlTitle" | "xxlTitle" | "lTitle" | "sTitle" | "xxsTitle" | "sectionTitle" | "placeholderText" | "disabledText" | "selectedNavText" | "vizTextDisabled" | "xsInlineLink" | "root" | "3xlTitle" | "xlTitle" | "mTitle" | "xsTitle" | "highlightText" | "normalText" | "vizText" | "isLink", string>>) => {
     classes: {
-        input: string;
+        link: string;
+        body: string;
+        label: string;
+        display: string;
         disabled: string;
-        readOnly: string;
-        invalid: string;
+        noWrap: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        caption1: string;
+        caption2: string;
+        "5xlTitle": string;
+        "4xlTitle": string;
+        xxlTitle: string;
+        lTitle: string;
+        sTitle: string;
+        xxsTitle: string;
+        sectionTitle: string;
+        placeholderText: string;
+        disabledText: string;
+        selectedNavText: string;
+        vizTextDisabled: string;
+        xsInlineLink: string;
         root: string;
-        resizable: string;
-        inputBorderContainer: string;
-        inputRootInvalid: string;
-        inputRootReadOnly: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
+        "3xlTitle": string;
+        xlTitle: string;
+        mTitle: string;
+        xsTitle: string;
+        highlightText: string;
+        normalText: string;
+        vizText: string;
+        isLink: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8628,7 +8620,24 @@ declare const useClasses: (classesProp?: Partial<Record<"input" | "disabled" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>) => {
+    classes: {
+        container: string;
+        icon: string;
+        root: string;
+        baseContainer: string;
+        iconSelected: string;
+        menuListRoot: string;
+        menuList: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_11: (classesProp?: Partial<Record<"icon" | "root" | "iconContainer" | "pageSizeOptions" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>) => {
     classes: {
         icon: string;
         root: string;
@@ -8650,7 +8659,22 @@ declare const useClasses_10: (classesProp?: Partial<Record<"icon" | "root" | "ic
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>) => {
+    classes: {
+        radio: string;
+        horizontal: string;
+        icon: string;
+        root: string;
+        radioRoot: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -8664,7 +8688,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -8678,7 +8702,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>) => {
     classes: {
         default: string;
         action: string;
@@ -8697,7 +8721,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -8714,7 +8738,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>) => {
     classes: {
         default: string;
         action: string;
@@ -8734,7 +8758,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"snackItemRoot", string>>) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"snackItemRoot", string>>) => {
     classes: {
         snackItemRoot: string;
     };
@@ -8745,7 +8769,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>) => {
     classes: {
         body: string;
         footer: string;
@@ -8765,7 +8789,33 @@ declare const useClasses_17: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>) => {
+    classes: {
+        input: string;
+        disabled: string;
+        readOnly: string;
+        invalid: string;
+        root: string;
+        resizable: string;
+        inputBorderContainer: string;
+        inputRootInvalid: string;
+        inputRootReadOnly: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>) => {
     classes: {
         body: string;
         footer: string;
@@ -8799,7 +8849,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>) => {
     classes: {
         label: string;
         error: string;
@@ -8814,18 +8864,7 @@ declare const useClasses_19: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root", string>>) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_20: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>) => {
     classes: {
         header: string;
         space: string;
@@ -8845,7 +8884,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>) => {
     classes: {
         label: string;
         icon: string;
@@ -8869,7 +8908,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"label" | "icon" | "a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>) => {
     classes: {
         button: string;
         text: string;
@@ -8883,7 +8922,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -8896,7 +8935,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>) => {
     classes: {
         button: string;
         text: string;
@@ -8910,7 +8949,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>) => {
     classes: {
         selected: string;
         root: string;
@@ -8926,7 +8965,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"selected" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>) => {
     classes: {
         button: string;
         input: string;
@@ -8946,7 +8985,29 @@ declare const useClasses_26: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>) => {
     classes: {
         root: string;
         removeButton: string;
@@ -8971,7 +9032,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>) => {
     classes: {
         label: string;
         colorPicker: string;
@@ -8994,7 +9055,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>) => {
     classes: {
         title: string;
         main: string;
@@ -9028,23 +9089,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>) => {
-    classes: {
-        icon: string;
-        selected: string;
-        root: string;
-        selectable: string;
-        semanticContainer: string;
-        semanticBar: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_30: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"image" | "slide", string>>) => {
     classes: {
         image: string;
         slide: string;
@@ -9056,7 +9101,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9079,7 +9124,23 @@ declare const useClasses_31: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>) => {
+    classes: {
+        icon: string;
+        selected: string;
+        root: string;
+        selectable: string;
+        semanticContainer: string;
+        semanticBar: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_5: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>) => {
     classes: {
         title: string;
         content: string;
@@ -9095,7 +9156,7 @@ declare const useClasses_4: (classesProp?: Partial<Record<"title" | "content" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"content", string>>) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"content", string>>) => {
     classes: {
         content: string;
     };
@@ -9106,7 +9167,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"content", string>>) =
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"media" | "root", string>>) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"media" | "root", string>>) => {
     classes: {
         media: string;
         root: string;
@@ -9118,7 +9179,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"media" | "root", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"background" | "root" | "fullscreen" | "closeButton" | "paper", string>>) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"background" | "root" | "fullscreen" | "closeButton" | "paper", string>>) => {
     classes: {
         background: string;
         root: string;
@@ -9133,7 +9194,7 @@ declare const useClasses_7: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>) => {
     classes: {
         input: string;
         label: string;
@@ -9162,23 +9223,6 @@ declare const useClasses_8: (classesProp?: Partial<Record<"input" | "label" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>) => {
-    classes: {
-        container: string;
-        icon: string;
-        root: string;
-        baseContainer: string;
-        iconSelected: string;
-        menuListRoot: string;
-        menuList: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare function useComputation(valueFn: any, valueFallback?: any): any[];
@@ -9486,7 +9530,7 @@ export declare const useTheme: () => HvThemeContextValue;
 
 export declare const useUniqueId: (id?: string, idPrefix?: string) => string;
 
-export declare const useWidth: () => string;
+export declare const useWidth: () => Breakpoint_2;
 
 declare type ValueOf<T> = T[keyof T];