@hitachivantara/uikit-react-core 5.82.4 → 5.83.1

package/dist/types/index.d.ts

@@ -8,7 +8,6 @@ import { CardHeaderProps } from '@mui/material/CardHeader';
 import { CardMediaProps } from '@mui/material/CardMedia';
 import { Cell } from 'react-table';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { ChipProps } from '@mui/material/Chip';
 import { ClickAwayListenerProps } from '@mui/base/ClickAwayListener';
 import { ColumnInstance } from 'react-table';
 import { ColumnInterface } from 'react-table';
@@ -60,9 +59,7 @@ import { HvThemeContextValue } from '@hitachivantara/uikit-react-shared';
 import { HvThemeStructure } from '@hitachivantara/uikit-styles';
 import { IconBaseProps } from '@hitachivantara/uikit-react-icons';
 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';
 import { JSX as JSX_3 } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
@@ -521,8 +518,6 @@ export declare const carouselClasses: {
 
 declare type CellValue<V = any> = V;
 
-export declare const CellWithCheckBox: ({ row, labels: labelsProp }: any) => JSX_3.Element;
-
 export declare const CellWithExpandButton: ({ row, cell, labels: labelsProp, }: HvCellProps<any>) => JSX_3.Element;
 
 export declare const charCounterClasses: {
@@ -758,8 +753,6 @@ export { defaultCacheKey }
 
 export { defaultEmotionCache }
 
-export declare const defaultgetHvBulkActionsProps: (props: any, { instance }: any) => any[];
-
 export declare const defaultGetHvPaginationProps: (props: any, { instance }: any) => any[];
 
 export declare const defaultGetToggleAllPageRowsSelectedProps: (props: any, { instance }: any) => any[];
@@ -929,21 +922,6 @@ export declare const formElementClasses: {
     root: string;
 };
 
-export declare const getBorderStyles: (color: string, rowBorderRadius: string) => {
-    "& td": {
-        borderTop: string;
-        borderBottom: string;
-    };
-    "& td:first-of-type": {
-        borderLeft: string;
-        borderRadius: string;
-    };
-    "& td:last-of-type": {
-        borderRight: string;
-        borderRadius: string;
-    };
-};
-
 export declare const getComponentName: (Component: React.FC) => string;
 
 /** Get the first and last focusable element from a node. */
@@ -955,10 +933,6 @@ export declare const getFirstAndLastFocus: (node: any) => {
 /** Gets the list of focusable elements. */
 export declare const getFocusableList: (node: any) => any;
 
-export declare const getHeaderFooterPropsHook: (props: any, { column }: any) => any[];
-
-export declare const getHeaderGroupPropsHook: (props: any, { instance }: any) => any[];
-
 /** Auxiliary function to find adjacent nodes to focus. */
 export declare const getPrevNextFocus: (nodeId?: string) => {
     nextFocus: any;
@@ -970,8 +944,6 @@ export declare const getSelectorIcons: () => {
     radioChecked: JSX_3.Element;
 };
 
-export declare const getTableHeadPropsHook: (props: any, { instance }: any) => any[];
-
 export declare const getVarValue: (cssVar: string, rootElementId?: string) => string | undefined;
 
 export declare const globalActionsClasses: {
@@ -1665,17 +1637,17 @@ 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: ForwardRefExoticComponent<HvBaseInputProps & RefAttributes<unknown>>;
+export declare const HvBaseInput: ForwardRefExoticComponent<HvBaseInputProps & RefAttributes<HTMLInputElement>>;
 
 export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_18>;
 
-export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes" | "ref"> {
+export declare interface HvBaseInputProps extends Omit<InputBaseProps, "onChange" | "classes" | "ref" | "color" | "size"> {
     /** The input name. */
     name?: string;
     /** The value of the input, when controlled. */
-    value?: string;
+    value?: React.InputHTMLAttributes<HTMLInputElement>["value"];
     /** The initial value of the input, when uncontrolled. */
-    defaultValue?: string;
+    defaultValue?: React.InputHTMLAttributes<HTMLInputElement>["value"];
     /** If `true` the input is disabled. */
     disabled?: boolean;
     /** Indicates that the input is not editable. */
@@ -1685,19 +1657,16 @@ export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" |
     /** The function that will be executed onChange, allows modification of the input,
      * it receives the value. If a new value should be presented it must returned it. */
     onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, value: string) => void;
-    /** The input type. */
-    type?: string;
-    /** Label inside the input used to help user. */
-    placeholder?: string;
     /** If true, a textarea element will be rendered. */
     multiline?: boolean;
     /** If true and multiline is also true the textarea element will be resizable. */
     resizable?: boolean;
     /** Denotes if the input is in an invalid state. */
     invalid?: boolean;
-    /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
-    /** Allows passing a ref to the underlying input */
+    /**
+     * Allows passing a ref to the underlying input
+     * @deprecated Use `ref` directly instead
+     * */
     inputRef?: InputBaseProps["inputRef"];
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvBaseInputClasses;
@@ -2121,57 +2090,24 @@ export declare const HvCalendarHeader: {
 
 export declare type HvCalendarHeaderClasses = ExtractNames<typeof useClasses_39>;
 
-export declare interface HvCalendarHeaderProps {
+export declare interface HvCalendarHeaderProps extends Pick<HvSingleCalendarProps, "id" | "value" | "locale" | "onChange" | "showEndDate" | "showDayOfWeek" | "invalidDateLabel"> {
     /**
      * A Jss Object used to override or extend the component styles.
      */
     classes?: HvCalendarHeaderClasses;
-    /**
-     * Identifier.
-     */
-    id?: string;
-    /**
-     * The text to be shown on the main part of the header.
-     */
-    value?: string | Date | DateRangeProp;
-    /**
-     * Locale to be used by the calendar.
-     */
-    locale?: string;
-    /**
-     * Callback to define the input date.
-     */
-    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined, value: Date | DateRangeProp) => void;
     /**
      * Callback to handle input onFocus.
      */
     onFocus?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, formattedDate: string | null) => void;
-    /**
-     * Indicates if header should display end date in a date range.
-     */
-    showEndDate?: boolean;
-    /**
-     * Indicates if header should display the day of week.
-     */
-    showDayOfWeek?: boolean;
-    /**
-     * Label shown when date is invalid.
-     */
-    invalidDateLabel?: string;
 }
 
-export declare interface HvCalendarProps {
+export declare interface HvCalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     /**
      * Styles applied from the theme.
      */
     classes?: HvCalendarClasses;
     /**
-     * Identifier.
-     */
-    id?: string;
-    /**
-     * The calendar locale. If undefined, it defaults to en-US
-     *
+     * The calendar locale.
      */
     locale?: string;
     /**
@@ -2239,11 +2175,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: ForwardRefExoticComponent<HvCardProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_41>;
 
 export declare const HvCardContent: (props: HvCardContentProps) => JSX_3.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_43>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes"> {
     /** The function that will be executed when this section is clicked. */
@@ -2254,7 +2190,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: (props: HvCardHeaderProps) => JSX_3.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes"> {
     /** The renderable content inside the title slot of the header. */
@@ -2271,7 +2207,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 
 export declare const HvCardMedia: ({ classes: classesProp, className, children, ...others }: HvCardMediaProps) => JSX_3.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_44>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, React.ImgHTMLAttributes<HTMLDivElement> {
     /** The title of the media. */
@@ -2310,13 +2246,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: ForwardRefExoticComponent<HvCarouselProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_45>;
 
 export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_3.Element;
 
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
-    classes?: ExtractNames<typeof useClasses_44>;
+    classes?: ExtractNames<typeof useClasses_45>;
     actions?: React.ReactNode;
     onPreviousClick?: React.MouseEventHandler<HTMLButtonElement>;
     onNextClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -2371,7 +2307,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_3.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_46>;
 
 export declare interface HvCarouselSlideProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2386,7 +2322,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: React.CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_44>;
+    classes?: ExtractNames<typeof useClasses_45>;
     onThumbnailClick?: (event: React.MouseEvent<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2457,7 +2393,7 @@ export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_37>;
  */
 export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_49>;
 
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2589,7 +2525,7 @@ export { HvColorAny }
  */
 export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_50>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2706,7 +2642,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 /** The container enables you to center your content horizontally and bound it to a specific breakpoint. */
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_51>;
 
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes"> {
     /**
@@ -2735,7 +2671,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 
 export declare const HvControls: (props: HvControlsProps) => JSX_3.Element;
 
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_52>;
 
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2820,7 +2756,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_61>;
 
 export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle" | "placeholder"> {
     /**
@@ -2906,7 +2842,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 
 export declare const HvDialog: (props: HvDialogProps) => JSX_3.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_63>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_64>;
 
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_3.Element;
 
@@ -2917,11 +2853,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_65>;
 
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_3.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_63>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes"> {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2963,7 +2899,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
 
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_3.Element;
 
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_61>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_62>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes"> {
     /** Variant of the dialog title. */
@@ -2984,7 +2920,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  */
 export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_3.Element;
 
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_65>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_66>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -3028,7 +2964,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: ForwardRefExoticComponent<Omit<HvDrawerProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_68>;
 
 export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
     /**
@@ -3085,7 +3021,7 @@ export declare interface HvDrawerProps extends Omit<DrawerProps, "classes"> {
  */
 export declare const HvDropdown: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
 
@@ -3101,7 +3037,7 @@ export declare type HvDropdownLabels = Partial<typeof DEFAULT_LABELS_7>;
 /** @deprecated use `HvDropdownLabels` instead */
 export declare type HvDropdownLabelsProps = HvDropdownLabels;
 
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_59>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_60>;
 
 declare interface HvDropdownListProps {
     /**
@@ -3377,7 +3313,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: ForwardRefExoticComponent<HvEmptyStateProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_69>;
 
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3405,7 +3341,7 @@ export { HvExtraProps }
 
 export declare const HvFile: (props: HvFileProps) => JSX_3.Element;
 
-export declare type HvFileClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_71>;
 
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3486,7 +3422,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: (props: HvFileUploaderPreviewProps) => JSX_3.Element;
 
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_70>;
 
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3561,9 +3497,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_71>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_72>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_72>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_73>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3696,7 +3632,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: ForwardRefExoticComponent<HvFooterProps & RefAttributes<HTMLElement>>;
 
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_73>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_74>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3788,7 +3724,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: ForwardRefExoticComponent<HvGlobalActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_74>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_75>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3840,7 +3776,7 @@ export declare type HvGlobalActionsVariant = "global" | "section";
  */
 export declare const HvGrid: ForwardRefExoticComponent<Omit<HvGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGridClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_76>;
 
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
 
@@ -3940,7 +3876,7 @@ export declare const HvHeader: ForwardRefExoticComponent<HvHeaderProps & RefAttr
 
 export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_78>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3951,7 +3887,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_79>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3959,7 +3895,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_77>;
 
 declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends HvColumnInstance<D, H>, Omit<UseTableHeaderGroupProps<D>, "headers"> {
     headers: Array<HvHeaderGroup<D, H>>;
@@ -3967,7 +3903,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
 
 export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
 
-declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_79>;
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_80>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3980,7 +3916,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 
 export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_80>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_81>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3993,7 +3929,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_81>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_82>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -4052,7 +3988,7 @@ export declare interface HvHooks<D extends object = Record<string, unknown>, H e
     useFinalInstance: Array<(instance: HvTableInstance<D, H>) => void>;
 }
 
-export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_99>;
 
 /**
  * The `HvIconButton` component wraps a `HvTooltip` with a label around a `HvButton` with only an icon as its content.
@@ -4107,7 +4043,7 @@ 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 ElementType<any, keyof JSX_2.IntrinsicElements> = ForwardRefExoticComponent<HvInputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
+export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.IntrinsicElements> = <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null>(props: {
     /** The value of the form element. */
     value?: string | undefined;
     /** The default value of the form element. */
@@ -4151,7 +4087,7 @@ export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.Int
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_82>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_83>;
 
 export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
@@ -4183,19 +4119,19 @@ export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvI
 /**
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
  */
-export declare const HvInput: ForwardRefExoticComponent<HvInputProps & RefAttributes<InputElement>>;
+export declare const HvInput: <InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement>(props: HvInputProps<InputElement> & RefAttributes<InputElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_47>;
 
 export declare type HvInputLabels = Partial<typeof DEFAULT_LABELS_4>;
 
-export declare interface HvInputProps extends Omit<HvBaseInputProps, "onBlur" | "onFocus" | "onKeyDown"> {
+export declare interface HvInputProps<InputElement extends HTMLElement = HTMLInputElement | HTMLTextAreaElement> extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown"> {
     /** The form element name. */
     name?: string;
     /** The value of the form element. */
-    value?: string;
+    value?: React.InputHTMLAttributes<InputElement>["value"];
     /** When uncontrolled, defines the initial input value. */
-    defaultValue?: string;
+    defaultValue?: React.InputHTMLAttributes<InputElement>["value"];
     /**
      * The label of the form element.
      *
@@ -4227,6 +4163,11 @@ export declare interface HvInputProps extends Omit<HvBaseInputProps, "onBlur" |
      *
      * Also called when the search button is clicked (when type is "search").
      */
+    /**
+     * The function that will be executed onChange, allows modification of the input,
+     * it receives the value. If a new value should be presented it must returned it.
+     */
+    onChange?: (event: React.ChangeEvent<InputElement>, value: string) => void;
     onEnter?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
     /**
      * The function that will be executed onBlur, allows checking the validation state,
@@ -4242,7 +4183,7 @@ export declare interface HvInputProps extends Omit<HvBaseInputProps, "onBlur" |
      * The function that will be executed onKeyDown, allows checking the value state,
      * it receives the event and value.
      */
-    onKeyDown?: (event: React.KeyboardEvent<InputElement> | React.MouseEvent, value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<InputElement>, value: string) => void;
     /** The input type. */
     type?: React.HTMLInputTypeAttribute;
     /** The placeholder value of the input. */
@@ -4251,13 +4192,6 @@ export declare interface HvInputProps extends Omit<HvBaseInputProps, "onBlur" |
     labels?: HvInputLabels & Record<string, any>;
     /** An Object containing the various texts associated with the input. */
     validationMessages?: HvValidationMessages;
-    /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
-    /**
-     * Allows passing a ref to the underlying input
-     * @deprecated Use `ref` directly instead
-     * */
-    inputRef?: HvBaseInputProps["inputRef"];
     /** The function that will be executed to received an array of objects that has a label and id to create list of suggestion */
     suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;
     /**
@@ -4328,7 +4262,7 @@ export declare interface HvKnobProperty {
  */
 export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
 
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_84>;
 
 export declare type HvKpiLabelProps = Partial<typeof DEFAULT_LABELS_10>;
 
@@ -4375,6 +4309,8 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     id?: string;
     /** The text to be shown by the label. */
     label?: React.ReactNode;
+    /** Whether to give label gutter spacing */
+    showGutter?: boolean;
     /** The id of the form element the label is bound to. */
     htmlFor?: string;
     /** If `true` the label is displayed with a disabled style. */
@@ -4387,7 +4323,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
 
 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_56>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_57>;
 
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4404,7 +4340,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 
 export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
 
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_85>;
 
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>, data: any) => void;
@@ -4420,7 +4356,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
  */
 export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
 
-export declare type HvListClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_86>;
 
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4573,7 +4509,7 @@ export declare interface HvListValue extends Record<string, any> {
  */
 export declare const HvLoading: ForwardRefExoticComponent<HvLoadingProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_87>;
 
 /**
  * A component that wraps `children` with an `HvLoading` component and
@@ -4586,7 +4522,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_86>;
  * */
 export declare const HvLoadingContainer: ForwardRefExoticComponent<HvLoadingContainerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_88>;
 
 export declare interface HvLoadingContainerProps extends HvBaseProps<HTMLDivElement>, Pick<HvLoadingProps, "label" | "small" | "hidden"> {
     opacity?: number;
@@ -4611,7 +4547,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: ForwardRefExoticComponent<HvLoginProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_89>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4638,7 +4574,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
 
 export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
 
-export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_90>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4713,7 +4649,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4736,7 +4672,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: ForwardRefExoticComponent<HvPaginationProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_48>;
 
 export declare type HvPaginationLabels = Partial<typeof DEFAULT_LABELS_3>;
 
@@ -4782,7 +4718,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_93>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4793,7 +4729,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
 
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_93>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_94>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4920,7 +4856,7 @@ export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQ
     rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | HvQueryBuilderChangedQuery>;
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_95>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -5174,7 +5110,7 @@ export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
  */
 export declare const HvRadio: ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_96>;
 
 /**
  * A group of radio buttons.
@@ -5183,7 +5119,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_95>;
  */
 export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_67>;
 
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5356,7 +5292,7 @@ export { HvRadius }
 
 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_57>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_58>;
 
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5395,7 +5331,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_99>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_100>;
 
 /** @deprecated use `HvScrollToOption` */
 export declare type HvScrollToHorizontalOption = HvScrollToOption;
@@ -5480,7 +5416,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_98>;
 
 /** @deprecated use `HvScrollToOption` */
 export declare type HvScrollToVerticalOption = HvScrollToOption;
@@ -5556,7 +5492,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_101>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title" | "onToggle"> {
     /** The title of the section */
@@ -5686,7 +5622,7 @@ export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "
 
 export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
 
-export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_102>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
@@ -5705,6 +5641,27 @@ export declare interface HvSimpleGridProps extends HvBaseProps {
     classes?: HvSimpleGridClasses;
 }
 
+declare type HvSingleCalendarClasses = ExtractNames<typeof useClasses_40>;
+
+declare interface HvSingleCalendarProps extends Omit<HvCalendarProps, "classes"> {
+    /**
+     * Styles applied from the theme.
+     */
+    classes?: HvSingleCalendarClasses;
+    /**
+     * Callback function to be triggered when the selected date input has changed.
+     */
+    onInputChange?: (event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement> | undefined, value: Date | DateRangeProp, position?: "left" | "right") => void;
+    /**
+     * Indicates if header should display end date in a date range.
+     */
+    showEndDate?: boolean;
+    /**
+     * Content on the upper part of the calendar.
+     */
+    children?: React.ReactNode;
+}
+
 export { HvSize }
 
 /**
@@ -5712,7 +5669,7 @@ export { HvSize }
  */
 export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
 
-export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_130>;
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_131>;
 
 export declare interface HvSkeletonProps extends HvBaseProps {
     /** Whether the skeleton element is hidden or not. */
@@ -5736,7 +5693,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
  */
 export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_103>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /** The slider name. */
@@ -5836,11 +5793,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ForwardRefExoticComponent<Omit<HvSnackbarProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_104>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_105>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -5916,7 +5873,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 
 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_105>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_106>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5949,7 +5906,7 @@ export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
 
-export declare type HvStackClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_107>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -6026,7 +5983,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_108>;
 
 export declare function hvSwitchColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, switchLabel: string, falseLabel?: string, trueLabel?: string, switchProps?: HvBaseSwitchProps): HvTableColumnConfig<D, H>;
 
@@ -6137,7 +6094,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_109>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -6157,7 +6114,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_110>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_111>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6191,7 +6148,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_53>;
 
 export declare interface HvTableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6230,7 +6187,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
 
-export declare type HvTableClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_56>;
 
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
 
@@ -6245,7 +6202,7 @@ export declare interface HvTableColumnOptions<D extends object = Record<string,
  */
 export declare const HvTableContainer: ForwardRefExoticComponent<HvTableContainerProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_109>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_110>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6269,14 +6226,14 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_112>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_54>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_55>;
 
 export declare interface HvTableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6417,7 +6374,7 @@ export declare interface HvTableProps extends React.TableHTMLAttributes<HTMLTabl
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_54>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6442,7 +6399,7 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
  */
 export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_129>;
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_130>;
 
 export declare interface HvTableSectionProps extends HvSectionProps {
 }
@@ -6472,7 +6429,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_114>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6502,28 +6459,28 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  *
  * It leverages the Chip component from Material UI
  */
-export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_112>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_113>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
-export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes" | "onSelect"> {
+export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "color" | "classes" | "onClick" | "onToggle"> {
     /** The label of the tag element. */
     label?: React.ReactNode;
     /** Indicates that the form element is disabled. */
     disabled?: boolean;
     /** The type of the tag element. A tag can be of semantic or categoric type. */
     type?: "semantic" | "categorical";
-    /** Background color to be applied to the tag */
+    /** The color variant of the tag */
     color?: HvColorAny;
-    /** Icon used to customize the delete icon in the Chip element */
+    /** Icon used to customize the delete icon */
     deleteIcon?: React.ReactElement;
     /**
      * The callback fired when the delete icon is pressed.
      * This function has to be provided to the component, in order to render the delete icon
      * */
-    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
+    onDelete?: React.EventHandler<any>;
     /** Callback triggered when any item is clicked. */
     onClick?: (event: React.MouseEvent<HTMLElement>, selected?: boolean) => void;
     /** Aria properties to apply to delete button in tag
@@ -6534,10 +6491,6 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
     deleteButtonProps?: React.HTMLAttributes<HTMLDivElement>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvTagClasses;
-    /** @ignore */
-    ref?: ChipProps["ref"];
-    /** @ignore */
-    component?: ChipProps["component"];
     /** Determines whether or not the tag is selectable. */
     selectable?: boolean;
     /** Defines if the tag is selected. When defined the tag state becomes controlled. */
@@ -6551,7 +6504,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
  */
 export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_115>;
 
 export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "value" | "defaultValue"> {
     /** The value of the form element. */
@@ -6602,7 +6555,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<HvTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_116>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6784,7 +6737,7 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_117>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6820,7 +6773,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6897,7 +6850,7 @@ export declare interface HvToggleButtonProps extends HvBaseProps<HTMLButtonEleme
  */
 export declare const HvTooltip: ForwardRefExoticComponent<Omit<HvTooltipProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvTooltipClasses = ExtractNames<typeof useClasses_91>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_92>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6944,7 +6897,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_120>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_121>;
 
 export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -6965,7 +6918,7 @@ export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLEle
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_120>;
 
 export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -7020,7 +6973,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
  */
 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_118>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_119>;
 
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7176,7 +7129,7 @@ export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalN
 
 export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_124>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_125>;
 
 export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -7189,18 +7142,18 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
 
 export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_123>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_124>;
 
 export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionsClasses;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_121>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_122>;
 
 export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_122>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvVerticalNavigationHeaderProps extends HvBaseProps {
     /** The title text to show on header. */
@@ -7247,7 +7200,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
 
 export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_126>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_127>;
 
 export declare interface HvVerticalNavigationSliderProps extends Omit<HvListContainerProps, "classes"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7275,7 +7228,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
 
 export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_125>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_126>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7319,11 +7272,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_127>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_128>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_128>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_129>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -7427,7 +7380,7 @@ export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<H
     disabledItemsFocusable?: boolean;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_97>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7502,10 +7455,10 @@ export declare const inputClasses: {
     error: string;
 };
 
-declare type InputElement = HTMLInputElement | HTMLTextAreaElement;
-
 export declare const isBrowser: (browsers: string | string[]) => boolean | null;
 
+export declare function isDeleteKey(event: React.KeyboardEvent): boolean;
+
 /** Check whether a keyboard `event` is pressing the `keyCode` key. */
 export declare const isKey: (event: any, keyCode: Key) => boolean;
 
@@ -7714,8 +7667,6 @@ export declare type PolymorphicComponentRef<C extends React.ElementType, Props =
 
 export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 
-export declare function prepareRow(row: any, { instance }: any): void;
-
 /**
  * Process the themes provided to the HvProvider:
  *  - Cleans themes with the same name
@@ -7834,8 +7785,6 @@ export declare class Random {
     next(max?: number, min?: number): number;
 }
 
-export declare function reducer(state: any, action: any, previousState: any, instance: any): any;
-
 export declare const rightControlClasses: {
     root: string;
     sortDropdown: string;
@@ -8121,12 +8070,14 @@ export declare const tabsClasses: {
 
 export declare const tagClasses: {
     root: string;
-    chipRoot: string;
-    disabled: string;
-    clickable: string;
     categorical: string;
+    disabled: string;
     label: string;
     deleteIcon: string;
+    selected: string;
+    clickable: string;
+    icon: string;
+    chipRoot: string;
     button: string;
     tagButton: string;
     focusVisible: string;
@@ -8376,7 +8327,20 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "gutter" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        positionSticky: string;
+        positionFixed: string;
+        notSelectedRoot: string;
+        notSelected: string;
+        selected: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8391,7 +8355,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8399,7 +8363,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     readonly classes: {
         sliderBase: string;
         rootDisabled: string;
@@ -8424,7 +8388,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         anchorOriginTopRight: string;
@@ -8438,7 +8402,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8455,7 +8419,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"warning" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         snackItemRoot: string;
     };
@@ -8463,7 +8427,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"snackItemRoot", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         column: string;
@@ -8479,7 +8443,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -8491,7 +8455,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         focusVisible: string;
@@ -8502,14 +8466,6 @@ declare const useClasses_108: (classesProp?: Partial<Record<"root" | "disabled"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_11: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8532,7 +8488,15 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8541,15 +8505,17 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "clickable" | "deleteIcon" | "chipRoot" | "categorical" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        chipRoot: string;
-        disabled: string;
-        clickable: string;
         categorical: string;
+        disabled: string;
         label: string;
         deleteIcon: string;
+        selected: string;
+        clickable: string;
+        icon: string;
+        chipRoot: string;
         button: string;
         tagButton: string;
         focusVisible: string;
@@ -8561,7 +8527,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8573,7 +8539,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"root" | "floating"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         input: string;
         listItemGutters: string;
@@ -8605,7 +8571,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8624,7 +8590,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8632,7 +8598,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8652,7 +8618,7 @@ declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8660,22 +8626,6 @@ declare const useClasses_118: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        group: string;
-        content: string;
-        expanded: string;
-        selected: string;
-        focused: string;
-        disabled: string;
-        label: string;
-        iconContainer: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_12: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8696,7 +8646,23 @@ declare const useClasses_12: (classesProp?: Partial<Record<"label" | "root" | "p
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        group: string;
+        content: string;
+        expanded: string;
+        selected: string;
+        focused: string;
+        disabled: string;
+        label: string;
+        iconContainer: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         expanded: string;
@@ -8710,7 +8676,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         collapsed: string;
@@ -8721,7 +8687,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"root" | "slider" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_123: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         minimized: string;
@@ -8733,7 +8699,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"root" | "title" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_123: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hide: string;
@@ -8742,7 +8708,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"root" | "hide", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         action: string;
         noIcon: string;
@@ -8752,7 +8718,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_126: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8765,7 +8731,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItem"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_126: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         listItemSelected: string;
@@ -8778,7 +8744,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root" | "listItemSe
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8786,7 +8752,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (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) => {
+declare const useClasses_129: (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) => {
     readonly classes: {
         node: string;
         content: string;
@@ -8812,21 +8778,6 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        header: string;
-        actions: string;
-        content: string;
-        hidden: string;
-        raisedHeader: string;
-        hasHeader: string;
-        spaceTop: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -8850,7 +8801,22 @@ declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primar
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_130: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_130: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        header: string;
+        actions: string;
+        content: string;
+        hidden: string;
+        raisedHeader: string;
+        hasHeader: string;
+        spaceTop: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_131: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         content: string;
@@ -9282,7 +9248,30 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root", string>>, addS
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_40: (classesProp?: Partial<Record<"root" | "icon" | "selectable" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_40: (classesProp?: Partial<Record<"root" | "navigationContainer" | "navigationMonth" | "cellContainer" | "calendarDate" | "calendarDateSelected" | "calendarDateNotInMonth" | "calendarDateInSelectionRange" | "startBookend" | "endBookend" | "cellsInRange" | "cellsOutsideRange" | "calendarGrid" | "calendarDay" | "focusSelection" | "calendarDateInvalid", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        calendarGrid: string;
+        calendarDay: string;
+        navigationContainer: string;
+        focusSelection: string;
+        navigationMonth: string;
+        calendarDate: string;
+        calendarDateNotInMonth: string;
+        calendarDateSelected: string;
+        calendarDateInvalid: string;
+        calendarDateInSelectionRange: string;
+        startBookend: string;
+        endBookend: string;
+        cellsInRange: string;
+        cellsOutsideRange: string;
+        cellContainer: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_41: (classesProp?: Partial<Record<"root" | "icon" | "selectable" | "selected" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         selected: string;
@@ -9295,7 +9284,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"root" | "icon" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_41: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"content" | "root" | "title" | "titleShort" | "subheader" | "action", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         titleShort: string;
@@ -9308,7 +9297,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"content" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_42: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     readonly classes: {
         content: string;
     };
@@ -9316,7 +9305,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"content", string>>,
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         media: string;
@@ -9325,7 +9314,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"root" | "media", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "panel" | "title" | "controls" | "counterContainer" | "thumbnail" | "thumbnailSelected" | "dot" | "main" | "dots" | "actions" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dotsXs" | "dotSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (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) => {
     readonly classes: {
         root: string;
         xs: string;
@@ -9356,7 +9345,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"xs" | "root" | "pane
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     readonly classes: {
         slide: string;
         image: string;
@@ -9365,7 +9354,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"image" | "slide", st
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "description" | "labelContainer" | "adornmentButton" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"label" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "icon" | "error" | "description" | "labelContainer" | "adornmentButton" | "inputRootDisabled" | "adornmentsBox" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9391,7 +9380,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "i
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_47: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageSizeRoot" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"root" | "icon" | "pageSizeOptions" | "pageSizeHeader" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "totalPagesTextContainer" | "pageNavigator" | "iconContainer" | "pageSizeRoot" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         pageSizeOptions: string;
@@ -9413,7 +9402,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"root" | "icon" | "pa
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_49: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9428,7 +9417,25 @@ declare const useClasses_48: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "description" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "startAdornment" | "endAdornment" | "gutters" | "interactive" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        focus: string;
+        startAdornment: string;
+        endAdornment: string;
+        gutters: string;
+        condensed: string;
+        interactive: string;
+        selected: string;
+        disabled: string;
+        withStartAdornment: string;
+        withEndAdornment: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "headerColorValue" | "recommendedColorsRoot" | "description" | "labelContainer" | "headerColorIcon" | "colorPickerIcon" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9448,25 +9455,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"label" | "colorPicke
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "condensed" | "focus" | "startAdornment" | "endAdornment" | "gutters" | "interactive" | "withStartAdornment" | "withEndAdornment", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        focus: string;
-        startAdornment: string;
-        endAdornment: string;
-        gutters: string;
-        condensed: string;
-        interactive: string;
-        selected: string;
-        disabled: string;
-        withStartAdornment: string;
-        withEndAdornment: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_50: (classesProp?: Partial<Record<"root" | "fixed" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"root" | "fixed" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disableGutters: string;
@@ -9481,7 +9470,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "fixed" | "d
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"root" | "section" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         section: string;
@@ -9492,7 +9481,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"root" | "section" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "head" | "variantListactions" | "variantListcheckbox" | "variantList" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantListHead" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (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) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9523,7 +9512,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "he
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "hover" | "variantListHead" | "striped", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "selected" | "head" | "variantList" | "expanded" | "footer" | "hover" | "variantListHead" | "striped", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9540,7 +9529,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "head" | "sortButton" | "variantList" | "resizer" | "footer" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "resizable" | "sorted" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortable" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (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) => {
     readonly classes: {
         root: string;
         head: string;
@@ -9580,7 +9569,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"body" | "root" | "he
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -9591,7 +9580,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"root" | "stickyHeade
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9599,7 +9588,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         sortDropdown: string;
@@ -9608,7 +9597,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"root" | "sortDropdow
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "arrow" | "labelContainer" | "dropdown" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "disabled" | "readOnly" | "placeholderClosed" | "error" | "description" | "arrow" | "labelContainer" | "dropdown" | "selectionDisabled" | "rootList" | "dropdownListContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -9632,7 +9621,18 @@ declare const useClasses_58: (classesProp?: Partial<Record<"label" | "root" | "p
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "selection" | "selectAllContainer" | "selectAll" | "rootList" | "dropdownListContainer" | "virtualized" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_60: (classesProp?: Partial<Record<"listContainer" | "selection" | "selectAllContainer" | "selectAll" | "rootList" | "dropdownListContainer" | "virtualized" | "searchContainer" | "listBorderDown", string>>, addStatic?: boolean) => {
     readonly classes: {
         rootList: string;
         dropdownListContainer: string;
@@ -9648,18 +9648,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"listContainer" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "description" | "labelContainer" | "dropdown" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"container" | "label" | "root" | "panel" | "icon" | "inputText" | "action" | "error" | "description" | "labelContainer" | "dropdown" | "actionContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "leftContainer" | "rightContainer" | "dateText", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         actionContainer: string;
@@ -9683,7 +9672,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_61: (classesProp?: Partial<Record<"root" | "titleText" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"root" | "titleText" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9695,7 +9684,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"root" | "titleText"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         textContent: string;
@@ -9704,7 +9693,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "textContent
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_63: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         fullscreen: string;
@@ -9714,7 +9703,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root" | "spacing" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"warning" | "background" | "root" | "paper" | "success" | "error" | "fullscreen" | "closeButton" | "statusBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         background: string;
@@ -9730,7 +9719,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"warning" | "backgrou
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"horizontal" | "root" | "icon" | "radio" | "radioRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         horizontal: string;
@@ -9742,7 +9731,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"horizontal" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "root" | "error" | "group" | "invalid", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9756,7 +9745,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"vertical" | "horizon
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"background" | "root" | "paper" | "closeButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         paper: string;
@@ -9767,7 +9756,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"background" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "iconContainer" | "actionContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (classesProp?: Partial<Record<"container" | "root" | "titleContainer" | "iconContainer" | "actionContainer" | "messageContainer" | "containerMessageOnly" | "textContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9782,15 +9771,6 @@ declare const useClasses_68: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_69: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        previewButton: string;
-        overlay: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 declare const useClasses_7: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "adornment" | "adornmentIcon" | "hideIcon" | "adornmentButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
@@ -9805,7 +9785,16 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root" | "disabled" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_70: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "removeButton" | "progressbarBack" | "nameText" | "progressTextContainer" | "fail", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        previewButton: string;
+        overlay: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_71: (classesProp?: Partial<Record<"root" | "icon" | "progressbarContainer" | "previewContainer" | "progressbar" | "removeButton" | "progressbarBack" | "nameText" | "progressTextContainer" | "fail", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progressbar: string;
@@ -9822,7 +9811,7 @@ declare const useClasses_70: (classesProp?: Partial<Record<"root" | "icon" | "pr
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_71: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9834,7 +9823,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"label" | "root" | "e
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9851,7 +9840,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"space" | "header" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         name: string;
@@ -9864,7 +9853,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"name" | "small" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -9883,7 +9872,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"name" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (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) => {
+declare const useClasses_76: (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) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9923,7 +9912,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -9934,7 +9923,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"backgroundColor" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9942,7 +9931,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         separator: string;
@@ -9952,28 +9941,28 @@ declare const useClasses_78: (classesProp?: Partial<Record<"root" | "separator"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        menu: string;
-        menubar: string;
-        hidden: string;
-        active: string;
-        list: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        menu: string;
+        menubar: string;
+        hidden: string;
+        active: string;
+        list: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -9987,7 +9976,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"link" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9995,7 +9984,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         inputBorderContainer: string;
@@ -10012,7 +10001,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"root" | "inputBorder
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         visualIndicatorContainer: string;
@@ -10029,7 +10018,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"root" | "visualIndic
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
     readonly classes: {
         a: string;
     };
@@ -10037,7 +10026,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"a", string>>, addSta
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         virtualizedRoot: string;
@@ -10054,7 +10043,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -10072,7 +10061,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"overlay" | "label" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         loading: string;
@@ -10081,7 +10070,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root" | "loading", s
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         formContainer: string;
@@ -10090,7 +10079,17 @@ declare const useClasses_88: (classesProp?: Partial<Record<"root" | "formContain
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "childGutter" | "labelDisabled", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        labelDisabled: string;
+        childGutter: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_90: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -10112,17 +10111,7 @@ declare const useClasses_89: (classesProp?: Partial<Record<"secondary" | "primar
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        labelDisabled: string;
-        childGutter: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_90: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     readonly classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -10132,7 +10121,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"tooltipData" | "tool
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tooltip: string;
@@ -10150,7 +10139,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"color" | "root" | "t
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -10158,7 +10147,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progress: string;
@@ -10173,7 +10162,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "progress" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         topGroup: string;
@@ -10197,7 +10186,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10214,7 +10203,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -10226,7 +10215,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "icon" | "bu
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionAbsolute: string;
@@ -10236,7 +10225,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "positionFix
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         button: string;
@@ -10249,19 +10238,6 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        positionSticky: string;
-        positionFixed: string;
-        notSelectedRoot: string;
-        notSelected: string;
-        selected: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];
@@ -10562,8 +10538,6 @@ export declare function useHvTreeItem(nodeId: string): {
 
 export declare const useImageLoaded: (src?: string, srcSet?: string) => string | boolean;
 
-export declare function useInstance(instance: any): void;
-
 export declare const useIsMounted: () => MutableRefObject<boolean>;
 
 export declare function useLabels<T>(defaultLabels: T, labels?: DeepPartial<T>): T;