@hitachivantara/uikit-react-core 5.69.0 → 5.70.0

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+
 import { ActionType } from 'react-table';
 import { AvatarProps } from '@mui/material/Avatar';
 import { Breakpoint as Breakpoint_2 } from '@mui/material/styles';
@@ -13,6 +15,7 @@ import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
 import { createClasses } from '@hitachivantara/uikit-react-utils';
+import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'embla-carousel-react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
@@ -25,6 +28,7 @@ import { DividerProps } from '@mui/material/Divider';
 import { DrawerProps } from '@mui/material/Drawer';
 import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
+import { ElementType } from 'react';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import { ExtractNames } from '@hitachivantara/uikit-react-utils';
@@ -58,7 +62,9 @@ import { IdType as IdType_2 } from 'react-table';
 import { InputBaseComponentProps } from '@mui/material/InputBase';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { InputProps } from '@mui/material/Input';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { JSX as JSX_3 } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { OptionGroupProps } from '@mui/base/OptionGroup';
 import { OptionOwnProps } from '@mui/base/Option';
 import { OptionsObject } from 'notistack';
@@ -68,6 +74,7 @@ import { PropGetter } from 'react-table';
 import { PropsWithoutRef } from 'react';
 import { RadioProps } from '@mui/material/Radio';
 import * as React_2 from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReducerTableState } from 'react-table';
 import { RefAttributes } from 'react';
@@ -195,6 +202,7 @@ export declare const actionsGenericClasses: {
 
 export declare const adornmentClasses: {
     root: "HvAdornment-root";
+    disabled: "HvAdornment-disabled";
     icon: "HvAdornment-icon";
     adornment: "HvAdornment-adornment";
     adornmentIcon: "HvAdornment-adornmentIcon";
@@ -257,10 +265,10 @@ export declare const avatarClasses: {
     square: "HvAvatar-square";
     img: "HvAvatar-img";
     status: "HvAvatar-status";
-    fallback: "HvAvatar-fallback";
     avatar: "HvAvatar-avatar";
-    badge: "HvAvatar-badge";
     circular: "HvAvatar-circular";
+    fallback: "HvAvatar-fallback";
+    badge: "HvAvatar-badge";
 };
 
 export declare const avatarGroupClasses: {
@@ -274,19 +282,19 @@ export declare const avatarGroupClasses: {
 export declare const badgeClasses: {
     root: "HvBadge-root";
     badge: "HvBadge-badge";
+    showLabel: "HvBadge-showLabel";
     badgeContainer: "HvBadge-badgeContainer";
     badgePosition: "HvBadge-badgePosition";
     showCount: "HvBadge-showCount";
-    showLabel: "HvBadge-showLabel";
     badgeIcon: "HvBadge-badgeIcon";
     badgeOneDigit: "HvBadge-badgeOneDigit";
 };
 
 export declare const bannerClasses: {
     root: "HvBanner-root";
-    rootClosed: "HvBanner-rootClosed";
     anchorOriginTopCenter: "HvBanner-anchorOriginTopCenter";
     anchorOriginBottomCenter: "HvBanner-anchorOriginBottomCenter";
+    rootClosed: "HvBanner-rootClosed";
 };
 
 export declare const bannerContentClasses: {
@@ -328,9 +336,9 @@ export declare const baseDropdownClasses: {
     panel: "HvBaseDropdown-panel";
     inputExtensionOpen: "HvBaseDropdown-inputExtensionOpen";
     anchor: "HvBaseDropdown-anchor";
+    arrow: "HvBaseDropdown-arrow";
     selection: "HvBaseDropdown-selection";
     arrowContainer: "HvBaseDropdown-arrowContainer";
-    arrow: "HvBaseDropdown-arrow";
     panelOpenedUp: "HvBaseDropdown-panelOpenedUp";
     panelOpenedDown: "HvBaseDropdown-panelOpenedDown";
     rootDisabled: "HvBaseDropdown-rootDisabled";
@@ -387,10 +395,10 @@ export declare const breadCrumbClasses: {
     link: "HvBreadCrumb-link";
     root: "HvBreadCrumb-root";
     a: "HvBreadCrumb-a";
-    orderedList: "HvBreadCrumb-orderedList";
-    currentPage: "HvBreadCrumb-currentPage";
     centerContainer: "HvBreadCrumb-centerContainer";
     separatorContainer: "HvBreadCrumb-separatorContainer";
+    orderedList: "HvBreadCrumb-orderedList";
+    currentPage: "HvBreadCrumb-currentPage";
 };
 
 export declare interface Breakpoint {
@@ -414,9 +422,9 @@ export declare const bulkActionsClasses: {
     root: "HvBulkActions-root";
     semantic: "HvBulkActions-semantic";
     divider: "HvBulkActions-divider";
-    selectAll: "HvBulkActions-selectAll";
     actions: "HvBulkActions-actions";
     selectAllContainer: "HvBulkActions-selectAllContainer";
+    selectAll: "HvBulkActions-selectAll";
     selectAllPages: "HvBulkActions-selectAllPages";
 };
 
@@ -432,10 +440,10 @@ export declare const buttonClasses: {
     secondaryGhost: "HvButton-secondaryGhost";
     primaryGhost: "HvButton-primaryGhost";
     subtle: "HvButton-subtle";
-    primarySubtle: "HvButton-primarySubtle";
+    focusVisible: "HvButton-focusVisible";
     startIcon: "HvButton-startIcon";
     endIcon: "HvButton-endIcon";
-    focusVisible: "HvButton-focusVisible";
+    primarySubtle: "HvButton-primarySubtle";
 };
 
 export declare const buttonRadius: readonly ["none", "base", "round", "circle", "full"];
@@ -446,11 +454,11 @@ export declare const buttonVariant: readonly ["primary", "primarySubtle", "prima
 
 export declare const calendarClasses: {
     root: "HvCalendar-root";
-    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
-    singleCalendar: "HvCalendar-singleCalendar";
     focusSelection: "HvCalendar-focusSelection";
     calendarMonthlyCell: "HvCalendar-calendarMonthlyCell";
     calendarMonthlyCellSelected: "HvCalendar-calendarMonthlyCellSelected";
+    rangeCalendarContainer: "HvCalendar-rangeCalendarContainer";
+    singleCalendar: "HvCalendar-singleCalendar";
 };
 
 export declare const calendarHeaderClasses: {
@@ -501,7 +509,7 @@ export declare const carouselClasses: {
     thumbnailSelected: "HvCarousel-thumbnailSelected";
     dot: "HvCarousel-dot";
     main: "HvCarousel-main";
-    counter: "HvCarousel-counter";
+    dots: "HvCarousel-dots";
     actions: "HvCarousel-actions";
     fullscreen: "HvCarousel-fullscreen";
     closeButton: "HvCarousel-closeButton";
@@ -509,19 +517,19 @@ export declare const carouselClasses: {
     pageCounter: "HvCarousel-pageCounter";
     mainXs: "HvCarousel-mainXs";
     mainFullscreen: "HvCarousel-mainFullscreen";
+    counter: "HvCarousel-counter";
     slideControls: "HvCarousel-slideControls";
     slidesViewport: "HvCarousel-slidesViewport";
     slidesContainer: "HvCarousel-slidesContainer";
-    dots: "HvCarousel-dots";
     dotsXs: "HvCarousel-dotsXs";
     dotSelected: "HvCarousel-dotSelected";
 };
 
 declare type CellValue<V = any> = V;
 
-export declare const CellWithCheckBox: ({ row, labels: labelsProp }: any) => JSX_2.Element;
+export declare const CellWithCheckBox: ({ row, labels: labelsProp }: any) => JSX_3.Element;
 
-export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: any) => JSX_2.Element;
+export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: any) => JSX_3.Element;
 
 export declare const charCounterClasses: {
     root: "HvCharCounter-root";
@@ -840,11 +848,11 @@ export declare const dropdownClasses: {
     arrow: "HvDropdown-arrow";
     labelContainer: "HvDropdown-labelContainer";
     selectionDisabled: "HvDropdown-selectionDisabled";
+    rootList: "HvDropdown-rootList";
+    dropdownListContainer: "HvDropdown-dropdownListContainer";
     dropdownHeader: "HvDropdown-dropdownHeader";
     dropdownHeaderInvalid: "HvDropdown-dropdownHeaderInvalid";
     dropdownHeaderOpen: "HvDropdown-dropdownHeaderOpen";
-    dropdownListContainer: "HvDropdown-dropdownListContainer";
-    rootList: "HvDropdown-rootList";
 };
 
 export declare const dropDownMenuClasses: {
@@ -867,8 +875,8 @@ export declare const emptyStateClasses: {
     container: "HvEmptyState-container";
     root: "HvEmptyState-root";
     titleContainer: "HvEmptyState-titleContainer";
-    actionContainer: "HvEmptyState-actionContainer";
     iconContainer: "HvEmptyState-iconContainer";
+    actionContainer: "HvEmptyState-actionContainer";
     messageContainer: "HvEmptyState-messageContainer";
     containerMessageOnly: "HvEmptyState-containerMessageOnly";
     textContainer: "HvEmptyState-textContainer";
@@ -924,7 +932,7 @@ export declare const findDescriptors: (children: default_2.ReactNode, descriptor
     description: Descriptor[];
     controlled: Descriptor[];
     errormessage: Descriptor[];
-    HvCalendarHeader?: Descriptor[];
+    HvCalendarHeader?: Descriptor[] | undefined;
 };
 
 declare type FixComponentProps<T> = T extends any ? T : never;
@@ -936,11 +944,11 @@ export declare const focusClasses: {
     root: "HvFocus-root";
     disabled: "HvFocus-disabled";
     selected: "HvFocus-selected";
-    focus: "HvFocus-focus";
     focusDisabled: "HvFocus-focusDisabled";
     focused: "HvFocus-focused";
     externalReference: "HvFocus-externalReference";
     falseFocus: "HvFocus-falseFocus";
+    focus: "HvFocus-focus";
 };
 
 export declare const footerClasses: {
@@ -997,8 +1005,8 @@ export declare const getPrevNextFocus: (nodeId?: string) => {
 };
 
 export declare const getSelectorIcons: () => {
-    radio: JSX_2.Element;
-    radioChecked: JSX_2.Element;
+    radio: JSX_3.Element;
+    radioChecked: JSX_3.Element;
 };
 
 export declare const getTableHeadPropsHook: (props: any, { instance }: any) => any[];
@@ -1012,9 +1020,9 @@ export declare const globalActionsClasses: {
     wrapper: "HvGlobalActions-wrapper";
     sectionName: "HvGlobalActions-sectionName";
     backButton: "HvGlobalActions-backButton";
-    actions: "HvGlobalActions-actions";
-    positionSticky: "HvGlobalActions-positionSticky";
     positionFixed: "HvGlobalActions-positionFixed";
+    positionSticky: "HvGlobalActions-positionSticky";
+    actions: "HvGlobalActions-actions";
     global: "HvGlobalActions-global";
     globalSectionArea: "HvGlobalActions-globalSectionArea";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
@@ -1023,13 +1031,12 @@ export declare const globalActionsClasses: {
 export declare const gridClasses: {
     container: "HvGrid-container";
     root: "HvGrid-root";
-    item: "HvGrid-item";
-    zeroMinWidth: "HvGrid-zeroMinWidth";
     "direction-xs-column": "HvGrid-direction-xs-column";
-    "direction-xs-reverse": "HvGrid-direction-xs-reverse";
     "direction-xs-row-reverse": "HvGrid-direction-xs-row-reverse";
     "wrap-xs-nowrap": "HvGrid-wrap-xs-nowrap";
     "wrap-xs-wrap-reverse": "HvGrid-wrap-xs-wrap-reverse";
+    item: "HvGrid-item";
+    zeroMinWidth: "HvGrid-zeroMinWidth";
     "spacing-xs-1": "HvGrid-spacing-xs-1";
     "spacing-xs-2": "HvGrid-spacing-xs-2";
     "spacing-xs-3": "HvGrid-spacing-xs-3";
@@ -1054,6 +1061,7 @@ export declare const gridClasses: {
     "grid-xs-10": "HvGrid-grid-xs-10";
     "grid-xs-11": "HvGrid-grid-xs-11";
     "grid-xs-12": "HvGrid-grid-xs-12";
+    "direction-xs-reverse": "HvGrid-direction-xs-reverse";
 };
 
 export declare const headerActionsClasses: {
@@ -1070,6 +1078,7 @@ export declare const headerClasses: {
     backgroundColor: "HvHeader-backgroundColor";
     header: "HvHeader-header";
     root: "HvHeader-root";
+    fixed: "HvHeader-fixed";
 };
 
 export declare const headerNavigationClasses: {
@@ -1096,7 +1105,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
+export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
 export declare type HvAccordionClasses = ExtractNames<typeof useClasses_19>;
 
@@ -1125,7 +1134,7 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
     disableEventHandling?: boolean;
 }
 
-export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
+export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
 export declare type HvActionBarClasses = ExtractNames<typeof useClasses_20>;
 
@@ -1166,7 +1175,7 @@ export declare interface HvActionGeneric {
     iconOnly?: boolean;
 }
 
-export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
+export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
 export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_21>;
 
@@ -1229,9 +1238,9 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_2.Element;
+export declare const HvAppSwitcher: (props: HvAppSwitcherProps) => JSX_3.Element;
 
-export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
+export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_3.Element;
 
 export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
@@ -1386,7 +1395,7 @@ export declare type HvAvatarVariant = "circular" | "square";
 /**
  * The badge is a component used to notify the user that something has occurred, in the app context.
  */
-export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
+export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
 export declare type HvBadgeClasses = ExtractNames<typeof useClasses_27>;
 
@@ -1425,7 +1434,7 @@ export declare interface HvBadgeProps extends HvBaseProps {
  * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.
  * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.
  */
-export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
+export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
@@ -1691,7 +1700,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  * An Input component that only posses the most basic functionalities.
  * It should be used alongside the other form elements to construct a proper accessible form.
  */
-export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
+export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_17>;
 
@@ -1894,16 +1903,16 @@ export { HvBaseTheme }
  * It can be used to add styles to the wrapped components.
  * It can also be used to create a layout using the flexbox properties.
  */
-export declare const HvBox: <C extends React.ElementType = "div">(props: {
-    style?: React.CSSProperties;
-    sx?: React.CSSProperties | ((theme: HvTheme_2) => React.CSSProperties);
+export declare const HvBox: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "div">(props: {
+    style?: CSSProperties | undefined;
+    sx?: CSSProperties | ((theme: HvTheme_2) => React.CSSProperties) | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode | undefined;
+    children?: ReactNode;
 } & (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) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => React.ReactElement | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvBoxProps<C extends React.ElementType = "div"> = PolymorphicComponentRef<C, {
     style?: React.CSSProperties;
@@ -1913,7 +1922,7 @@ export declare type HvBoxProps<C extends React.ElementType = "div"> = Polymorphi
 /**
  * A breadcrumb is a graphical control element frequently used as a navigational aid.
  */
-export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
+export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
 export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_34>;
 
@@ -1945,7 +1954,7 @@ export { HvBreakpoints }
  * Bulk Actions allow users to perform an action on a single or multiple items.
  * Also known as "batch production" of multiple items at once, one stage at a time.
  */
-export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
+export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
 export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
 
@@ -1993,42 +2002,58 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
 /**
  * Button component is used to trigger an action or event.
  */
-export declare const HvButton: <C extends React.ElementType = "button">(props: {
+export declare const HvButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: {
     /** Use the variant prop to change the visual style of the button. */
-    variant?: HvButtonVariant;
+    variant?: "positive" | "warning" | "negative" | "secondary" | "primary" | "semantic" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "positiveSubtle" | "positiveGhost" | "negativeSubtle" | "negativeGhost" | "warningSubtle" | "warningGhost" | undefined;
     /** Whether the button is an icon-only button. */
-    icon?: boolean;
+    icon?: boolean | undefined;
     /** Whether the button is disabled or not. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Class names to be applied. */
-    className?: string;
+    className?: string | undefined;
     /** Element placed before the children. */
     startIcon?: React.ReactNode;
     /** Element placed after the children. */
     endIcon?: React.ReactNode;
     /** Button size. */
-    size?: HvButtonSize;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     /** Button border radius. */
-    radius?: HvButtonRadius;
+    radius?: "base" | "none" | "round" | "circle" | "full" | undefined;
     /** Defines the default colors of the button are forced into the icon. */
-    overrideIconColors?: boolean;
+    overrideIconColors?: boolean | undefined;
     /** A Jss Object used to override or extend the styles applied. */
-    classes?: HvButtonClasses;
+    classes?: Partial<{
+        secondary: string;
+        primary: string;
+        root: string;
+        disabled: string;
+        semantic: string;
+        icon: string;
+        secondarySubtle: string;
+        ghost: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        subtle: string;
+        focusVisible: string;
+        startIcon: string;
+        endIcon: string;
+        primarySubtle: string;
+    }> | undefined;
     /** Whether the button is selected or not. */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Whether the button is focusable when disabled.
      * Without this property, the accessibility of the button decreases when disabled since it's not read by screen readers.
      * Set this property to `true` when you need the button to still be focusable when disabled for accessibility purposes.
      */
-    focusableWhenDisabled?: boolean;
+    focusableWhenDisabled?: boolean | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode | undefined;
+    children?: ReactNode;
 } & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => React.ReactElement | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvButtonClasses = ExtractNames<typeof useClasses_12>;
 
@@ -2069,12 +2094,12 @@ export declare type HvButtonSize = (typeof buttonSize)[number];
 
 export declare type HvButtonVariant = (typeof buttonVariant)[number];
 
-export declare const HvCalendar: (props: HvCalendarProps) => JSX_2.Element;
+export declare const HvCalendar: (props: HvCalendarProps) => JSX_3.Element;
 
 export declare type HvCalendarClasses = ExtractNames<typeof useClasses_37>;
 
 export declare const HvCalendarHeader: {
-    (props: HvCalendarHeaderProps): JSX_2.Element;
+    (props: HvCalendarHeaderProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -2196,11 +2221,11 @@ export declare interface HvCalendarProps {
  * linked short representation of a conceptual unit. For that reason,
  * this pattern must be used as an entry-point for further information.
  */
-export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
+export declare const HvCard: (props: HvCardProps) => JSX_3.Element;
 
 export declare type HvCardClasses = ExtractNames<typeof useClasses_39>;
 
-export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
+export declare const HvCardContent: (props: HvCardContentProps) => JSX_3.Element;
 
 export declare type HvCardContentClasses = ExtractNames<typeof useClasses_41>;
 
@@ -2211,7 +2236,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
     classes?: HvCardContentClasses;
 }
 
-export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_2.Element;
+export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
 
 export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_40>;
 
@@ -2228,7 +2253,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
     classes?: HvCardHeaderClasses;
 }
 
-export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_2.Element;
+export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_3.Element;
 
 export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_42>;
 
@@ -2267,11 +2292,11 @@ export declare interface HvCardProps extends HvBaseProps {
  * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.
  * It allows you to focus on a particular content while having a notion of how many you have to explore.
  */
-export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
+export declare const HvCarousel: (props: HvCarouselProps) => JSX_3.Element;
 
 export declare type HvCarouselClasses = ExtractNames<typeof useClasses_43>;
 
-export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
+export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
@@ -2328,7 +2353,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  * A container to use as `children` of `HvCarousel`.
  * Pass `img` props directly to it, or `children` for any custom content
  */
-export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
+export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
 
 export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_44>;
 
@@ -2379,7 +2404,7 @@ export declare interface HvCellProps<D extends object = Record<string, unknown>,
  * Use the character counter when there is a character or word limit.
  * By itself it doesn't block the user from going above the limit.
  */
-export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_2.Element;
+export declare const HvCharCounter: (props: HvCharCounterProps) => JSX_3.Element;
 
 export declare type HvCharCounterClasses = ExtractNames<typeof useClasses_5>;
 
@@ -2692,7 +2717,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
     classes?: HvContainerClasses;
 }
 
-export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
+export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
 
 export declare type HvControlsClasses = ExtractNames<typeof useClasses_50>;
 
@@ -2863,11 +2888,11 @@ export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onC
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
+export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
 
 export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_62>;
 
-export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
+export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes"> {
     /** Set the dialog to fullscreen mode. @deprecated set `fullscreen` in `HvDialog` */
@@ -2878,7 +2903,7 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
 
 export declare type HvDialogClasses = ExtractNames<typeof useClasses_63>;
 
-export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
+export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
 
 export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_61>;
 
@@ -2920,7 +2945,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     component?: DialogProps["component"];
 }
 
-export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
+export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
 
 export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_60>;
 
@@ -2941,7 +2966,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.
  * This component uses Radio Buttons to represent each page.
  */
-export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
+export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
 
 export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_64>;
 
@@ -2985,7 +3010,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
+export declare const HvDrawer: (props: HvDrawerProps) => JSX_3.Element;
 
 export declare type HvDrawerClasses = ExtractNames<typeof useClasses_66>;
 
@@ -3141,7 +3166,7 @@ declare interface HvDropdownListProps {
 /**
  * A dropdown menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
-export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
+export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
 
 export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_22>;
 
@@ -3342,7 +3367,7 @@ declare interface HvDropZoneLabels {
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
-export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
+export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_3.Element;
 
 export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_67>;
 
@@ -3370,7 +3395,7 @@ export { HvExtraDeepProps }
 
 export { HvExtraProps }
 
-export declare const HvFile: (props: HvFileProps) => JSX_2.Element;
+export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
 
 export declare type HvFileClasses = ExtractNames<typeof useClasses_69>;
 
@@ -3438,7 +3463,7 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  *
  * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
  */
-export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_2.Element;
+export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
 
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
     /**
@@ -3451,7 +3476,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  * The `HvFileUploaderPreview` component is available to facilitate the styling
  * of the button (when clickable) and the detection of image unloading.
  */
-export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_2.Element;
+export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
 
 export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_68>;
 
@@ -3622,7 +3647,7 @@ export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "cl
 
 export declare type HvFilterGroupValue = (string | number)[][];
 
-export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_2.Element;
+export declare const HvFocus: ({ classes: classesProp, children, configuration, disabledClass, selected, disabled, rootRef, focusOnClick, focusDisabled, strategy, useFalseFocus, filterClass, navigationJump, }: HvFocusProps) => JSX_3.Element;
 
 export declare type HvFocusClasses = ExtractNames<typeof useClasses_2>;
 
@@ -3661,7 +3686,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
 /**
  * A Footer is a way of providing extra information at the end of a page.
  */
-export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
+export declare const HvFooter: (props: HvFooterProps) => JSX_3.Element;
 
 export declare type HvFooterClasses = ExtractNames<typeof useClasses_72>;
 
@@ -3685,7 +3710,7 @@ declare type HvFooterProps_2<D extends object = Record<string, unknown>> = HvTab
 };
 
 export declare const HvFormElement: {
-    (props: HvFormElementProps): JSX_2.Element;
+    (props: HvFormElementProps): JSX_3.Element;
     formElementType: string;
 };
 
@@ -3775,7 +3800,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
  */
-export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
+export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_3.Element;
 
 export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_73>;
 
@@ -3925,9 +3950,9 @@ export declare type HvGridSpacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto" |
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
+export declare const HvHeader: (props: HvHeaderProps) => JSX_3.Element;
 
-export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
+export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_3.Element;
 
 export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_76>;
 
@@ -3938,7 +3963,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
 /**
  * Header component is used to render a header bar with logo and brand name, navigation and actions.
  */
-export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
+export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_3.Element;
 
 export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_77>;
 
@@ -3954,7 +3979,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     headers: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_2.Element;
+export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
 
 declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_78>;
 
@@ -3967,7 +3992,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
     classes?: HvHeaderMenuBarClasses;
 }
 
-export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
 
 declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_79>;
 
@@ -3980,7 +4005,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
     classes?: HvHeaderMenuItemClasses;
 }
 
-export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
+export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_3.Element;
 
 export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_80>;
 
@@ -4048,7 +4073,7 @@ export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useC
  * As defined by Design System, a tooltip with the button’s label should always be displayed when hovering an icon only button.
  * This component provides this behavior out of the box.
  */
-export declare const HvIconButton: <C extends React.ElementType = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled"> & {
+export declare const HvIconButton: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "button">(props: Omit<HvButtonProps<C>, "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled"> & {
     /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
     title: React.ReactNode;
     /** Number of milliseconds to wait before showing the tooltip. @default 500 */
@@ -4056,14 +4081,14 @@ export declare const HvIconButton: <C extends React.ElementType = "button">(prop
     /** Tooltip placement. @default top */
     placement?: HvTooltipProps["placement"];
     /** Extra tooltip properties. */
-    tooltipProps?: Omit<Partial<HvTooltipProps>, "children">;
+    tooltipProps?: Omit<Partial<HvTooltipProps>, "children"> | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode | undefined;
-} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "overrideIconColors" | "placement" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
+    children?: ReactNode;
+} & (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T ? T extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T extends any ? T : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> extends infer T_1 ? T_1 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "title" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "placement" | "overrideIconColors" | "enterDelay" | "tooltipProps" | Exclude<keyof (Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> extends infer T_2 ? T_2 extends Omit<PropsWithoutRef<ComponentProps<C>>, "classes" | "disabled" | "icon" | "selected" | "variant" | "size" | "component" | "className" | "radius" | "startIcon" | "endIcon" | "overrideIconColors" | "focusableWhenDisabled"> ? T_2 extends any ? T_2 : never : never : never), "icon" | "title" | "children" | "ref" | "component" | "startIcon" | "endIcon" | "focusableWhenDisabled">> ? T_1 extends any ? T_1 : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => React.ReactElement | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvIconButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, Omit<HvButtonProps<C>, "icon" | "focusableWhenDisabled" | "title" | "startIcon" | "endIcon" | "children" | "ref" | "component"> & {
     /** Label to be displayed in the tooltip when hovered. This label will be used as the button's `aria-label`. */
@@ -4079,7 +4104,7 @@ export declare type HvIconButtonProps<C extends React.ElementType = "button"> =
 /**
  * Provides the user with additional descriptive text for the form element.
  */
-export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_2.Element;
+export declare const HvInfoMessage: (props: HvInfoMessageProps) => JSX_3.Element;
 
 export declare type HvInfoMessageClasses = ExtractNames<typeof useClasses_9>;
 
@@ -4096,36 +4121,47 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: <C extends default_2.ElementType = default_2.ForwardRefExoticComponent<HvInputProps & default_2.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
+export declare const HvInlineEditor: <C extends default_2.ElementType<any, keyof default_2.JSX.IntrinsicElements> = default_2.ForwardRefExoticComponent<HvInputProps & default_2.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
     /** The value of the form element. */
-    value?: string;
+    value?: string | undefined;
     /** The default value of the form element. */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /** Whether the Edit icon should always be visible */
-    showIcon?: boolean;
+    showIcon?: boolean | undefined;
     /** Variant of the HvTypography to display */
-    variant?: HvTypographyVariants;
+    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | undefined;
     /** Called when the input is blurred. */
-    onBlur?: (event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+    onBlur?: ((event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void) | undefined;
     /** Called when the input value changes. */
-    onChange?: (event: default_2.SyntheticEvent, value: string) => void;
+    onChange?: ((event: default_2.SyntheticEvent, value: string) => void) | undefined;
     /** Props passed to the HvButton component */
-    buttonProps?: HvButtonProps;
+    buttonProps?: HvButtonProps | undefined;
     /** Props passed to the HvTypography text component */
-    typographyProps?: HvTypographyProps;
+    typographyProps?: HvTypographyProps | undefined;
     /** Whether the editor is disabled or not. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
-    classes?: HvInlineEditorClasses;
+    classes?: Partial<{
+        root: string;
+        inputBorderContainer: string;
+        inputRoot: string;
+        input: string;
+        icon: string;
+        button: string;
+        text: string;
+        largeText: string;
+        textEmpty: string;
+        iconVisible: string;
+    }> | undefined;
     /** The placeholder value of the input. */
-    placeholder?: string;
+    placeholder?: string | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: default_2.ReactNode | undefined;
+    children?: default_2.ReactNode;
 } & (Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
     ref?: PolymorphicRef<C> | undefined;
-} & default_2.RefAttributes<unknown>) => default_2.ReactElement | null;
+} & default_2.RefAttributes<unknown>) => default_2.ReactElement<any, string | default_2.JSXElementConstructor<any>> | null;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_81>;
 
@@ -4305,7 +4341,7 @@ export declare interface HvKnobProperty {
  * and its success/failure against a given target. KPIs are the first item read on a dashboard.
  * Communicates simple, immediate and vital information for operational decision making.
  */
-export declare const HvKpi: (props: HvKpiProps) => JSX_2.Element;
+export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
 
 export declare type HvKpiClasses = ExtractNames<typeof useClasses_82>;
 
@@ -4345,7 +4381,7 @@ export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "childre
 /**
  * Provides the user with a recognizable name for a given form element.
  */
-export declare const HvLabel: (props: HvLabelProps) => JSX_2.Element;
+export declare const HvLabel: (props: HvLabelProps) => JSX_3.Element;
 
 export declare type HvLabelClasses = ExtractNames<typeof useClasses_8>;
 
@@ -4364,7 +4400,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     classes?: HvLabelClasses;
 }
 
-export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
+export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_3.Element;
 
 export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_55>;
 
@@ -4381,7 +4417,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
     classes?: HvLeftControlClasses;
 }
 
-export declare const HvLink: (props: HvLinkProps) => JSX_2.Element;
+export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
 
 export declare type HvLinkClasses = ExtractNames<typeof useClasses_83>;
 
@@ -4397,7 +4433,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
 /**
  * Component used to show a set of related data to the user.
  */
-export declare const HvList: (props: HvListProps) => JSX_2.Element | null;
+export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
 
 export declare type HvListClasses = ExtractNames<typeof useClasses_84>;
 
@@ -4550,7 +4586,7 @@ export declare interface HvListValue extends Record<string, any> {
 /**
  * Loading provides feedback about a process that is taking place in the application.
  */
-export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
+export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_85>;
 
@@ -4563,7 +4599,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_85>;
  *  <MyComponent>
  * </HvLoadingContainer>
  * */
-export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_2.Element;
+export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_3.Element;
 
 export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_86>;
 
@@ -4588,7 +4624,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
 /**
  * Container layout for the login form.
  */
-export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
+export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
 
 export declare type HvLoginClasses = ExtractNames<typeof useClasses_87>;
 
@@ -4615,7 +4651,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
     userProps: any;
 }
 
-export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_2.Element;
+export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
 
 export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_88>;
 
@@ -4653,7 +4689,7 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
 
 export declare const hvNumberFallback: (value: any) => number | "—";
 
-export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => React.ReactElement | null;
+export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 /**
  * Optional
@@ -4690,7 +4726,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
 /**
  * This component generates a tooltip whenever the text is overflowed.
  */
-export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2.Element;
+export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
 
 export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_89>;
 
@@ -4713,7 +4749,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  * Pagination is the process of dividing a document into discrete pages. It relates to how users interact
  * with structured content on a website or application.
  */
-export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
+export declare const HvPagination: (props: HvPaginationProps) => JSX_3.Element;
 
 export declare type HvPaginationClasses = ExtractNames<typeof useClasses_46>;
 
@@ -4770,7 +4806,7 @@ export declare interface HvPanelProps extends HvBaseProps {
 
 export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positive_80" | "warning" | "warning_120" | "warning_140" | "negative" | "cat21" | "cat22" | "cat23" | "cat24" | "cat25" | "cat26" | "cat27" | "cat28" | "catastrophic";
 
-export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
+export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
 
 export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_92>;
 
@@ -4819,7 +4855,7 @@ export declare type HvPropGetter<D extends object = Record<string, unknown>, H e
 /**
  * Enables theming capabilities and makes cross-component theme properties available down the tree.
  */
-export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_2.Element;
+export declare const HvProvider: ({ children, rootElementId, cssBaseline, cssTheme, themes, theme, colorMode, emotionCache: emotionCacheProp, classNameKey, }: HvProviderProps) => JSX_3.Element;
 
 export declare interface HvProviderProps {
     /**
@@ -4886,7 +4922,7 @@ export declare interface HvProviderProps {
  *
  * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.
  */
-export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
+export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_3.Element;
 
 export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
     id?: string;
@@ -5331,7 +5367,7 @@ export declare interface HvRadioProps extends Omit<RadioProps, "onChange" | "cla
 
 export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 
-export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
+export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_3.Element;
 
 export declare type HvRightControlClasses = ExtractNames<typeof useClasses_56>;
 
@@ -5370,7 +5406,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
 /**
  * The horizontal scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
+export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
 
 export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_98>;
 
@@ -5455,7 +5491,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
 /**
  * The vertical scroll to element can be used to quickly navigate in a page.
  */
-export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
+export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
 
 export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_96>;
 
@@ -5569,7 +5605,7 @@ export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>
  *   <HvOption value="cat">Cat</HvOption>
  * </HvSelect>
  * */
-export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+export declare const HvSelect: <OptionValue extends {}, Multiple extends boolean = false>(props: HvSelectProps<OptionValue, Multiple> & RefAttributes<HTMLButtonElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
 
@@ -5661,7 +5697,7 @@ export declare type HvSemanticColors = Record<HvSemanticColorKeys, string>;
 
 export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "cat1_300" | "cat1_400" | "cat1_500" | "cat1_600" | "cat1_700" | "cat1_800" | "cat1_900";
 
-export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_2.Element;
+export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
 
 export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_100>;
 
@@ -5694,7 +5730,7 @@ export { HvSize }
 /**
  * The `HvSkeleton` component is used to create a placeholder element that represents the shape and size of the content that will be loaded.
  */
-export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_2.Element;
+export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
 
 export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_129>;
 
@@ -5818,7 +5854,7 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.
  * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.
  */
-export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
+export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
 
 export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_102>;
 
@@ -5898,7 +5934,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
     ref?: SnackbarProps["ref"];
 }
 
-export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
+export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
 
 export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_104>;
 
@@ -5928,7 +5964,7 @@ export declare type HvSnackbarVariant = "default" | "success" | "warning" | "err
  *
  * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.
  */
-export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
+export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
 
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
@@ -6104,7 +6140,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
     component?: SwitchProps["component"];
 }
 
-export declare const HvTab: (props: HvTabProps) => JSX_2.Element;
+export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
 
 export declare type HvTabClasses = ExtractNames<typeof useClasses_107>;
 
@@ -6439,7 +6475,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
  * Tabs can be used as a navigational widget for switching between sets of documents.
  */
-export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
+export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
 
 export declare type HvTabsClasses = ExtractNames<typeof useClasses_112>;
 
@@ -6701,7 +6737,7 @@ export declare interface HvThemePalette {
     support: HvSupportColors;
 }
 
-export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_2.Element;
+export declare const HvThemeProvider: ({ children, themes: themesList, theme: themeProp, emotionCache, colorMode: colorModeProp, themeRootId: rootId, }: HvThemeProviderProps) => JSX_3.Element;
 
 declare interface HvThemeProviderProps {
     children: React.ReactNode;
@@ -6715,40 +6751,42 @@ declare interface HvThemeProviderProps {
 /**
  * The HvTimeAgo component implements the Design System relative time format guidelines.
  */
-export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: {
+export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
     /**
      * The timestamp to format, in seconds or milliseconds.
      * Defaults to `emptyElement` if value is null or 0
      */
-    timestamp?: number;
+    timestamp?: number | undefined;
     /**
      * The locale to be used. Should be on of the dayjs supported locales and explicitly imported
      * @see https://day.js.org/docs/en/i18n/i18n
      */
-    locale?: string;
+    locale?: string | undefined;
     /**
      * The element to render when the timestamp is null or 0
      * Defaults to `—` (Em Dash)
      */
     emptyElement?: React.ReactNode;
     /** Disables periodic date refreshes */
-    disableRefresh?: boolean;
+    disableRefresh?: boolean | undefined;
     /** Whether to show seconds in the rendered time */
-    showSeconds?: boolean;
+    showSeconds?: boolean | undefined;
     /**
      * Whether the component should render just the string
      * Consider using `useTimeAgo` instead
      */
-    justText?: boolean;
+    justText?: boolean | undefined;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTimeAgoClasses;
+    classes?: Partial<{
+        root: string;
+    }> | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode | undefined;
-} & (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) & {
+    children?: ReactNode;
+} & (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) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => React.ReactElement | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_115>;
 
@@ -6994,7 +7032,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
  * </HvTreeView>
  * ```
  */
-export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => React.ReactElement | null;
+export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_117>;
 
@@ -7008,34 +7046,69 @@ export declare interface HvTreeViewProps<Multiple extends boolean | undefined> e
 /**
  * Typography component is used to render text and paragraphs within an interface.
  */
-export declare const HvTypography: <C extends React.ElementType = "p">(props: {
+export declare const HvTypography: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = "p">(props: {
     /** Use the variant prop to change the visual style of the Typography. */
-    variant?: HvTypographyVariants | HvTypographyLegacyVariants;
+    variant?: "display" | "title1" | "title2" | "title3" | "title4" | "label" | "body" | "captionLabel" | "caption1" | "caption2" | HvTypographyLegacyVariants | undefined;
     /** If `true` the typography will display the look of a link. */
-    link?: boolean;
+    link?: boolean | undefined;
     /** If `true` the typography will display the look of a disabled state. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * If `true`, the typography will render a "p" element
      * @deprecated use `component="p"` instead
      * */
-    paragraph?: boolean;
+    paragraph?: boolean | undefined;
     /**
      * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
      *
      * Note that text overflow can only happen with block or inline-block level elements
      * (the element needs to have a width in order to overflow).
      */
-    noWrap?: boolean;
+    noWrap?: boolean | undefined;
     /** A Jss Object used to override or extend the styles applied to the component. */
-    classes?: HvTypographyClasses;
+    classes?: Partial<{
+        display: string;
+        title1: string;
+        title2: string;
+        title3: string;
+        title4: string;
+        label: string;
+        body: string;
+        captionLabel: string;
+        caption1: string;
+        caption2: string;
+        "5xlTitle": string;
+        "4xlTitle": string;
+        xxlTitle: string;
+        lTitle: string;
+        sTitle: string;
+        xxsTitle: string;
+        sectionTitle: string;
+        placeholderText: string;
+        link: string;
+        disabledText: string;
+        selectedNavText: string;
+        vizTextDisabled: string;
+        xsInlineLink: string;
+        root: string;
+        disabled: string;
+        isLink: string;
+        noWrap: string;
+        "3xlTitle": string;
+        xlTitle: string;
+        mTitle: string;
+        xsTitle: string;
+        highlightText: string;
+        normalText: string;
+        vizText: string;
+    }> | undefined;
 } & {
     component?: C | undefined;
 } & {
-    children?: ReactNode | undefined;
+    children?: ReactNode;
 } & (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) & {
     ref?: PolymorphicRef<C> | undefined;
-} & RefAttributes<unknown>) => React.ReactElement | null;
+} & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
 export declare type HvTypographyClasses = ExtractNames<typeof useClasses>;
 
@@ -7113,9 +7186,9 @@ export declare interface HvValidationMessages {
  *
  * Both modes are available via the `mode` property and each app should choose the most appropriate.
  */
-export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_2.Element;
+export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) => JSX_3.Element;
 
-export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_2.Element;
+export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_123>;
 
@@ -7130,7 +7203,7 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvTypograp
     onClick?: (event: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>) => void;
 }
 
-export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_2.Element;
+export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_122>;
 
@@ -7141,7 +7214,7 @@ export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
 
 export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_120>;
 
-export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_2.Element | null;
+export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
 export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_121>;
 
@@ -7188,7 +7261,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
     useIcons?: boolean;
 }
 
-export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_2.Element;
+export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_125>;
 
@@ -7216,7 +7289,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
     forwardButtonAriaLabel?: string;
 }
 
-export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_2.Element;
+export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
 export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_124>;
 
@@ -7375,7 +7448,7 @@ export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useCla
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
  */
-export declare const HvWarningText: (props: HvWarningTextProps) => JSX_2.Element;
+export declare const HvWarningText: (props: HvWarningTextProps) => JSX_3.Element;
 
 export declare type HvWarningTextClasses = ExtractNames<typeof useClasses_10>;
 
@@ -7398,7 +7471,7 @@ export declare interface HvWarningTextProps extends HvBaseProps {
     classes?: HvWarningTextClasses;
 }
 
-export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_2.Element | null;
+export declare const iconVariant: (variant: "success" | "warning" | "error" | "info" | "default", color?: IconBaseProps["color"], semantic?: true) => JSX_3.Element | null;
 
 declare type IdType<D> = StringKey<D> | string;
 
@@ -7434,8 +7507,8 @@ export declare const inputClasses: {
     icon: "HvInput-icon";
     description: "HvInput-description";
     error: "HvInput-error";
-    adornmentButton: "HvInput-adornmentButton";
     labelContainer: "HvInput-labelContainer";
+    adornmentButton: "HvInput-adornmentButton";
     inputRootDisabled: "HvInput-inputRootDisabled";
     adornmentsBox: "HvInput-adornmentsBox";
     iconClear: "HvInput-iconClear";
@@ -7449,14 +7522,14 @@ declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
 
 export declare const isBrowser: (browsers: string | string[]) => boolean | null;
 
-export declare const isInvalid: (compareState: HvFormStatus) => compareState is "invalid";
+export declare const isInvalid: (compareState: HvFormStatus) => boolean;
 
 /** Check whether a keyboard `event` is pressing the `keyCode` key. */
 export declare const isKey: (event: any, keyCode: Key) => boolean;
 
 export declare const isOneOfKeys: (event: any, keys: Key[]) => boolean;
 
-export declare const isValid: (compareState: HvFormStatus) => compareState is "valid";
+export declare const isValid: (compareState: HvFormStatus) => boolean;
 
 declare type Key = keyof typeof keyboardCodes;
 
@@ -7531,10 +7604,10 @@ export declare const listItemClasses: {
     selected: "HvListItem-selected";
     condensed: "HvListItem-condensed";
     focus: "HvListItem-focus";
-    interactive: "HvListItem-interactive";
     startAdornment: "HvListItem-startAdornment";
     endAdornment: "HvListItem-endAdornment";
     gutters: "HvListItem-gutters";
+    interactive: "HvListItem-interactive";
     withStartAdornment: "HvListItem-withStartAdornment";
     withEndAdornment: "HvListItem-withEndAdornment";
 };
@@ -7546,9 +7619,9 @@ export declare const loadingClasses: {
     root: "HvLoading-root";
     hidden: "HvLoading-hidden";
     blur: "HvLoading-blur";
+    regular: "HvLoading-regular";
     barContainer: "HvLoading-barContainer";
     loadingBar: "HvLoading-loadingBar";
-    regular: "HvLoading-regular";
     smallColor: "HvLoading-smallColor";
     regularColor: "HvLoading-regularColor";
 };
@@ -7579,9 +7652,9 @@ export declare const multiButtonClasses: {
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
     splitContainer: "HvMultiButton-splitContainer";
     split: "HvMultiButton-split";
-    primarySubtle: "HvMultiButton-primarySubtle";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
+    primarySubtle: "HvMultiButton-primarySubtle";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
@@ -7791,8 +7864,8 @@ export declare const scrollToHorizontalClasses: {
     root: "HvScrollToHorizontal-root";
     selected: "HvScrollToHorizontal-selected";
     notSelected: "HvScrollToHorizontal-notSelected";
-    positionSticky: "HvScrollToHorizontal-positionSticky";
     positionFixed: "HvScrollToHorizontal-positionFixed";
+    positionSticky: "HvScrollToHorizontal-positionSticky";
     notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
 };
 
@@ -7822,8 +7895,8 @@ export declare const selectClasses: {
     popper: "HvSelect-popper";
     description: "HvSelect-description";
     error: "HvSelect-error";
-    invalid: "HvSelect-invalid";
     labelContainer: "HvSelect-labelContainer";
+    invalid: "HvSelect-invalid";
     panelOpenedUp: "HvSelect-panelOpenedUp";
     panelOpenedDown: "HvSelect-panelOpenedDown";
 };
@@ -7872,11 +7945,11 @@ export declare const sliderClasses: {
     error: "HvSlider-error";
     labelContainer: "HvSlider-labelContainer";
     rootDisabled: "HvSlider-rootDisabled";
+    handle: "HvSlider-handle";
     sliderBase: "HvSlider-sliderBase";
     sliderContainer: "HvSlider-sliderContainer";
     sliderRoot: "HvSlider-sliderRoot";
     rootRange: "HvSlider-rootRange";
-    handle: "HvSlider-handle";
     handleContainerDisabled: "HvSlider-handleContainerDisabled";
     handleHiddenContainer: "HvSlider-handleHiddenContainer";
     labelIncluded: "HvSlider-labelIncluded";
@@ -7886,12 +7959,12 @@ export declare const sliderClasses: {
 
 export declare const snackbarClasses: {
     root: "HvSnackbar-root";
-    anchorOriginTopCenter: "HvSnackbar-anchorOriginTopCenter";
-    anchorOriginBottomCenter: "HvSnackbar-anchorOriginBottomCenter";
     anchorOriginTopRight: "HvSnackbar-anchorOriginTopRight";
     anchorOriginBottomRight: "HvSnackbar-anchorOriginBottomRight";
     anchorOriginTopLeft: "HvSnackbar-anchorOriginTopLeft";
     anchorOriginBottomLeft: "HvSnackbar-anchorOriginBottomLeft";
+    anchorOriginTopCenter: "HvSnackbar-anchorOriginTopCenter";
+    anchorOriginBottomCenter: "HvSnackbar-anchorOriginBottomCenter";
 };
 
 export declare const snackbarContentClasses: {
@@ -7960,12 +8033,12 @@ export declare const tableCellClasses: {
     variantListcheckbox: "HvTableCell-variantListcheckbox";
     variantList: "HvTableCell-variantList";
     footer: "HvTableCell-footer";
-    resizable: "HvTableCell-resizable";
-    sorted: "HvTableCell-sorted";
     alignLeft: "HvTableCell-alignLeft";
     alignCenter: "HvTableCell-alignCenter";
     alignRight: "HvTableCell-alignRight";
     alignJustify: "HvTableCell-alignJustify";
+    resizable: "HvTableCell-resizable";
+    sorted: "HvTableCell-sorted";
     variantNone: "HvTableCell-variantNone";
     variantCheckbox: "HvTableCell-variantCheckbox";
     variantActions: "HvTableCell-variantActions";
@@ -8003,12 +8076,12 @@ export declare const tableHeaderClasses: {
     variantList: "HvTableHeader-variantList";
     resizer: "HvTableHeader-resizer";
     footer: "HvTableHeader-footer";
-    resizable: "HvTableHeader-resizable";
-    sorted: "HvTableHeader-sorted";
     alignLeft: "HvTableHeader-alignLeft";
     alignCenter: "HvTableHeader-alignCenter";
     alignRight: "HvTableHeader-alignRight";
     alignJustify: "HvTableHeader-alignJustify";
+    resizable: "HvTableHeader-resizable";
+    sorted: "HvTableHeader-sorted";
     variantNone: "HvTableHeader-variantNone";
     variantCheckbox: "HvTableHeader-variantCheckbox";
     variantActions: "HvTableHeader-variantActions";
@@ -8039,9 +8112,9 @@ export declare const tableRowClasses: {
     variantList: "HvTableRow-variantList";
     expanded: "HvTableRow-expanded";
     footer: "HvTableRow-footer";
+    hover: "HvTableRow-hover";
     variantListHead: "HvTableRow-variantListHead";
     striped: "HvTableRow-striped";
-    hover: "HvTableRow-hover";
 };
 
 export declare const tableSectionClasses: {
@@ -8056,9 +8129,9 @@ export declare const tableSectionClasses: {
 
 export declare const tabsClasses: {
     root: "HvTabs-root";
-    indicator: "HvTabs-indicator";
-    scroller: "HvTabs-scroller";
     flexContainer: "HvTabs-flexContainer";
+    scroller: "HvTabs-scroller";
+    indicator: "HvTabs-indicator";
 };
 
 export declare const tagClasses: {
@@ -8067,10 +8140,10 @@ export declare const tagClasses: {
     disabled: "HvTag-disabled";
     button: "HvTag-button";
     focusVisible: "HvTag-focusVisible";
-    chipRoot: "HvTag-chipRoot";
     clickable: "HvTag-clickable";
-    categorical: "HvTag-categorical";
     deleteIcon: "HvTag-deleteIcon";
+    chipRoot: "HvTag-chipRoot";
+    categorical: "HvTag-categorical";
     tagButton: "HvTag-tagButton";
     disabledDeleteIcon: "HvTag-disabledDeleteIcon";
     categoricalFocus: "HvTag-categoricalFocus";
@@ -8086,8 +8159,8 @@ export declare const tagsInputClasses: {
     tagsList: "HvTagsInput-tagsList";
     description: "HvTagsInput-description";
     error: "HvTagsInput-error";
-    invalid: "HvTagsInput-invalid";
     labelContainer: "HvTagsInput-labelContainer";
+    invalid: "HvTagsInput-invalid";
     resizable: "HvTagsInput-resizable";
     suggestionsContainer: "HvTagsInput-suggestionsContainer";
     suggestionList: "HvTagsInput-suggestionList";
@@ -8112,8 +8185,8 @@ export declare const textAreaClasses: {
     input: "HvTextArea-input";
     description: "HvTextArea-description";
     error: "HvTextArea-error";
-    invalid: "HvTextArea-invalid";
     labelContainer: "HvTextArea-labelContainer";
+    invalid: "HvTextArea-invalid";
     resizable: "HvTextArea-resizable";
     inputResizable: "HvTextArea-inputResizable";
     characterCounter: "HvTextArea-characterCounter";
@@ -8194,10 +8267,10 @@ export declare const treeViewItemClasses: {
     group: "HvVerticalNavigationTreeViewItem-group";
     node: "HvVerticalNavigationTreeViewItem-node";
     focused: "HvVerticalNavigationTreeViewItem-focused";
-    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     labelIcon: "HvVerticalNavigationTreeViewItem-labelIcon";
     collapsed: "HvVerticalNavigationTreeViewItem-collapsed";
     minimized: "HvVerticalNavigationTreeViewItem-minimized";
+    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     unselected: "HvVerticalNavigationTreeViewItem-unselected";
     labelExpandable: "HvVerticalNavigationTreeViewItem-labelExpandable";
 };
@@ -8328,7 +8401,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_101: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8338,11 +8411,11 @@ declare const useClasses_101: (classesProp?: Partial<Record<"label" | "root" | "
         error: string;
         labelContainer: string;
         rootDisabled: string;
+        handle: string;
         sliderBase: string;
         sliderContainer: string;
         sliderRoot: string;
         rootRange: string;
-        handle: string;
         handleContainerDisabled: string;
         handleHiddenContainer: string;
         labelIncluded: string;
@@ -8353,15 +8426,15 @@ declare const useClasses_101: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        anchorOriginTopCenter: string;
-        anchorOriginBottomCenter: string;
         anchorOriginTopRight: string;
         anchorOriginBottomRight: string;
         anchorOriginTopLeft: string;
         anchorOriginBottomLeft: string;
+        anchorOriginTopCenter: string;
+        anchorOriginBottomCenter: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8447,7 +8520,7 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "description" | "error" | "invalid" | "labelContainer" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "description" | "error" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8458,8 +8531,8 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "p
         popper: string;
         description: string;
         error: string;
-        invalid: string;
         labelContainer: string;
+        invalid: string;
         panelOpenedUp: string;
         panelOpenedDown: string;
     };
@@ -8476,17 +8549,17 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root" | "stickyHead
     cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "clickable" | "deleteIcon" | "chipRoot" | "categorical" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
         disabled: string;
         button: string;
         focusVisible: string;
-        chipRoot: string;
         clickable: string;
-        categorical: string;
         deleteIcon: string;
+        chipRoot: string;
+        categorical: string;
         tagButton: string;
         disabledDeleteIcon: string;
         categoricalFocus: string;
@@ -8496,18 +8569,18 @@ declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"root" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        indicator: string;
-        scroller: string;
         flexContainer: string;
+        scroller: string;
+        indicator: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "description" | "error" | "invalid" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "description" | "error" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8517,8 +8590,8 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
         tagsList: string;
         description: string;
         error: string;
-        invalid: string;
         labelContainer: string;
+        invalid: string;
         resizable: string;
         suggestionsContainer: string;
         suggestionList: string;
@@ -8539,7 +8612,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "description" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "description" | "error" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8547,8 +8620,8 @@ declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "
         input: string;
         description: string;
         error: string;
-        invalid: string;
         labelContainer: string;
+        invalid: string;
         resizable: string;
         inputResizable: string;
         characterCounter: string;
@@ -8624,7 +8697,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "subtle" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "primaryGhost" | "subtle" | "focusVisible" | "startIcon" | "endIcon" | "primarySubtle", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -8637,10 +8710,10 @@ declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primar
         secondaryGhost: string;
         primaryGhost: string;
         subtle: string;
-        primarySubtle: string;
+        focusVisible: string;
         startIcon: string;
         endIcon: string;
-        focusVisible: string;
+        primarySubtle: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8688,14 +8761,14 @@ declare const useClasses_123: (classesProp?: Partial<Record<"action" | "minimize
     cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "navigationPopup" | "popup" | "collapsed", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "navigationPopup" | "collapsed" | "popup", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItem: string;
         list: string;
         navigationPopup: string;
-        popup: string;
         collapsed: string;
+        popup: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8722,7 +8795,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         label: string;
@@ -8737,10 +8810,10 @@ declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label"
         group: string;
         node: string;
         focused: string;
-        expandable: string;
         labelIcon: string;
         collapsed: string;
         minimized: string;
+        expandable: string;
         unselected: string;
         labelExpandable: string;
     };
@@ -8841,7 +8914,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "anchor" | "selection" | "arrowContainer" | "arrow" | "panelOpenedUp" | "panelOpenedDown" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (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) => {
     classes: {
         container: string;
         header: string;
@@ -8853,9 +8926,9 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header
         panel: string;
         inputExtensionOpen: string;
         anchor: string;
+        arrow: string;
         selection: string;
         arrowContainer: string;
-        arrow: string;
         panelOpenedUp: string;
         panelOpenedDown: string;
         rootDisabled: string;
@@ -8883,16 +8956,16 @@ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusDisabled" | "focused" | "externalReference" | "falseFocus" | "focus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
         selected: string;
-        focus: string;
         focusDisabled: string;
         focused: string;
         externalReference: string;
         falseFocus: string;
+        focus: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -8973,7 +9046,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"typography" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "avatar" | "circular" | "fallback" | "badge", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         xs: string;
@@ -8985,10 +9058,10 @@ declare const useClasses_25: (classesProp?: Partial<Record<"container" | "xs" |
         square: string;
         img: string;
         status: string;
-        fallback: string;
         avatar: string;
-        badge: string;
         circular: string;
+        fallback: string;
+        badge: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9006,14 +9079,14 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "badge" | "showLabel" | "badgeContainer" | "badgePosition" | "showCount" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
+        showLabel: string;
         badgeContainer: string;
         badgePosition: string;
         showCount: string;
-        showLabel: string;
         badgeIcon: string;
         badgeOneDigit: string;
     };
@@ -9021,23 +9094,23 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "rootClosed", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        rootClosed: string;
         anchorOriginTopCenter: string;
         anchorOriginBottomCenter: string;
+        rootClosed: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"iconContainer" | "actionContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
+        iconContainer: string;
         actionContainer: string;
         actionsInnerContainer: string;
         closeAction: string;
-        iconContainer: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9110,28 +9183,28 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
         a: string;
-        orderedList: string;
-        currentPage: string;
         centerContainer: string;
         separatorContainer: string;
+        orderedList: string;
+        currentPage: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
         divider: string;
-        selectAll: string;
         actions: string;
         selectAllContainer: string;
+        selectAll: string;
         selectAllPages: string;
     };
     css: any;
@@ -9156,14 +9229,14 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"root" | "rangeCalendarContainer" | "singleCalendar" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        rangeCalendarContainer: string;
-        singleCalendar: string;
         focusSelection: string;
         calendarMonthlyCell: string;
         calendarMonthlyCellSelected: string;
+        rangeCalendarContainer: string;
+        singleCalendar: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9196,17 +9269,17 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "icon" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "interactive" | "startAdornment" | "endAdornment" | "gutters" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "startAdornment" | "endAdornment" | "gutters" | "interactive" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
         selected: string;
         condensed: string;
         focus: string;
-        interactive: string;
         startAdornment: string;
         endAdornment: string;
         gutters: string;
+        interactive: string;
         withStartAdornment: string;
         withEndAdornment: string;
     };
@@ -9244,7 +9317,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"root" | "media", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (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) => {
+declare const useClasses_43: (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) => {
     classes: {
         xs: string;
         root: string;
@@ -9256,7 +9329,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"xs" | "root" | "pane
         thumbnailSelected: string;
         dot: string;
         main: string;
-        counter: string;
+        dots: string;
         actions: string;
         fullscreen: string;
         closeButton: string;
@@ -9264,10 +9337,10 @@ declare const useClasses_43: (classesProp?: Partial<Record<"xs" | "root" | "pane
         pageCounter: string;
         mainXs: string;
         mainFullscreen: string;
+        counter: string;
         slideControls: string;
         slidesViewport: string;
         slidesContainer: string;
-        dots: string;
         dotsXs: string;
         dotSelected: string;
     };
@@ -9284,7 +9357,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "description" | "error" | "adornmentButton" | "labelContainer" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "description" | "error" | "labelContainer" | "adornmentButton" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9296,8 +9369,8 @@ declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "i
         icon: string;
         description: string;
         error: string;
-        adornmentButton: string;
         labelContainer: string;
+        adornmentButton: string;
         inputRootDisabled: string;
         adornmentsBox: string;
         iconClear: string;
@@ -9404,7 +9477,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "section" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (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) => {
+declare const useClasses_51: (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) => {
     classes: {
         body: string;
         root: string;
@@ -9413,12 +9486,12 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
         variantListcheckbox: string;
         variantList: string;
         footer: string;
-        resizable: string;
-        sorted: string;
         alignLeft: string;
         alignCenter: string;
         alignRight: string;
         alignJustify: string;
+        resizable: string;
+        sorted: string;
         variantNone: string;
         variantCheckbox: string;
         variantActions: string;
@@ -9435,7 +9508,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
     cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "variantListHead" | "striped" | "hover", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "hover" | "variantListHead" | "striped", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         root: string;
@@ -9444,15 +9517,15 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "se
         variantList: string;
         expanded: string;
         footer: string;
+        hover: string;
         variantListHead: string;
         striped: string;
-        hover: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (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) => {
+declare const useClasses_53: (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) => {
     classes: {
         body: string;
         root: string;
@@ -9461,12 +9534,12 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "he
         variantList: string;
         resizer: string;
         footer: string;
-        resizable: string;
-        sorted: string;
         alignLeft: string;
         alignCenter: string;
         alignRight: string;
         alignJustify: string;
+        resizable: string;
+        sorted: string;
         variantNone: string;
         variantCheckbox: string;
         variantActions: string;
@@ -9520,7 +9593,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "dropdown" | "description" | "error" | "arrow" | "labelContainer" | "selectionDisabled" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "dropdown" | "description" | "error" | "arrow" | "labelContainer" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9534,25 +9607,25 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "p
         arrow: string;
         labelContainer: string;
         selectionDisabled: string;
+        rootList: string;
+        dropdownListContainer: string;
         dropdownHeader: string;
         dropdownHeaderInvalid: string;
         dropdownHeaderOpen: string;
-        dropdownListContainer: string;
-        rootList: string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"listContainer" | "selection" | "virtualized" | "selectAll" | "selectAllContainer" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"listContainer" | "selection" | "selectAllContainer" | "selectAll" | "rootList" | "dropdownListContainer" | "virtualized" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
     classes: {
         listContainer: string;
         selection: string;
-        virtualized: string;
-        selectAll: string;
         selectAllContainer: string;
-        dropdownListContainer: string;
+        selectAll: string;
         rootList: string;
+        dropdownListContainer: string;
+        virtualized: string;
         searchContainer: string;
         listBorderDown: string;
     };
@@ -9583,9 +9656,10 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "p
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
         icon: string;
         adornment: string;
         adornmentIcon: string;
@@ -9680,13 +9754,13 @@ declare const useClasses_66: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "actionContainer" | "iconContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "iconContainer" | "actionContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
         titleContainer: string;
-        actionContainer: string;
         iconContainer: string;
+        actionContainer: string;
         messageContainer: string;
         containerMessageOnly: string;
         textContainer: string;
@@ -9771,7 +9845,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"name" | "small" | "r
     cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "backButton" | "actions" | "positionSticky" | "positionFixed" | "global" | "globalSectionArea" | "globalWrapperComplement", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "backButton" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement", string>>, addStatic?: boolean) => {
     classes: {
         name: string;
         root: string;
@@ -9779,9 +9853,9 @@ declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "se
         wrapper: string;
         sectionName: string;
         backButton: string;
-        actions: string;
-        positionSticky: string;
         positionFixed: string;
+        positionSticky: string;
+        actions: string;
         global: string;
         globalSectionArea: string;
         globalWrapperComplement: string;
@@ -9790,17 +9864,16 @@ declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "se
     cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (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) => {
+declare const useClasses_74: (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) => {
     classes: {
         container: string;
         root: string;
-        item: string;
-        zeroMinWidth: string;
         "direction-xs-column": string;
-        "direction-xs-reverse": string;
         "direction-xs-row-reverse": string;
         "wrap-xs-nowrap": string;
         "wrap-xs-wrap-reverse": string;
+        item: string;
+        zeroMinWidth: string;
         "spacing-xs-1": string;
         "spacing-xs-2": string;
         "spacing-xs-3": string;
@@ -9825,16 +9898,18 @@ declare const useClasses_74: (classesProp?: Partial<Record<"container" | "root"
         "grid-xs-10": string;
         "grid-xs-11": string;
         "grid-xs-12": string;
+        "direction-xs-reverse": string;
     };
     css: any;
     cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
     classes: {
         backgroundColor: string;
         header: string;
         root: string;
+        fixed: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -9961,7 +10036,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"link" | "root" | "it
     cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "blur" | "regular" | "barContainer" | "loadingBar" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         label: string;
@@ -9969,9 +10044,9 @@ declare const useClasses_85: (classesProp?: Partial<Record<"overlay" | "label" |
         root: string;
         hidden: string;
         blur: string;
+        regular: string;
         barContainer: string;
         loadingBar: string;
-        regular: string;
         smallColor: string;
         regularColor: string;
     };
@@ -9997,7 +10072,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "split" | "primarySubtle" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "split" | "firstButton" | "lastButton" | "primarySubtle", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10014,9 +10089,9 @@ declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primar
         splitGroupDisabled: string;
         splitContainer: string;
         split: string;
-        primarySubtle: string;
         firstButton: string;
         lastButton: string;
+        primarySubtle: string;
     };
     css: any;
     cx: (...args: any) => string;
@@ -10159,13 +10234,13 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionSticky" | "positionFixed" | "notSelectedRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
         notSelected: string;
-        positionSticky: string;
         positionFixed: string;
+        positionSticky: string;
         notSelectedRoot: string;
     };
     css: any;
@@ -10369,7 +10444,7 @@ export declare const useHvRowState: typeof useRowState;
 
 export declare const useHvSnackbar: () => {
     enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
-    closeSnackbar: (key?: SnackbarKey) => void;
+    closeSnackbar: (key?: SnackbarKey | undefined) => void;
 };
 
 export declare const useHvSortBy: UseHvSortByProps;
@@ -10705,8 +10780,8 @@ export declare const verticalNavigationTreeClasses: {
     listItem: "HvVerticalNavigationTree-listItem";
     list: "HvVerticalNavigationTree-list";
     navigationPopup: "HvVerticalNavigationTree-navigationPopup";
-    popup: "HvVerticalNavigationTree-popup";
     collapsed: "HvVerticalNavigationTree-collapsed";
+    popup: "HvVerticalNavigationTree-popup";
 };
 
 export declare const verticalScrollListItemClasses: {
@@ -10729,9 +10804,9 @@ export declare const warningTextClasses: {
     topBorder: "HvWarningText-topBorder";
 };
 
-export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_2.Element;
+export declare const withTooltip: (Component: React.FunctionComponent, label: string | undefined, placement: HvTooltipPlacementType, hideTooltip?: ((event: React.MouseEvent<HTMLDivElement>) => boolean) | undefined, tooltipProps?: Partial<HvTooltipProps>, tooltipContainerProps?: HvBaseProps) => (props: any) => JSX_3.Element;
 
 /** @deprecated */
-export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_2.Element) | (() => any);
+export declare const wrapperTooltip: (hasTooltips: boolean, Component: any, label: any) => ((props: any) => JSX_3.Element) | (() => any);
 
 export { }