@hitachivantara/uikit-react-core 5.19.2 → 5.20.0

package/dist/types/index.d.ts

@@ -21,6 +21,8 @@ import type { Context } from 'react';
 import { CSSInterpolation } from '@emotion/serialize';
 import { CSSInterpolation as CSSInterpolation_2 } from '@emotion/css';
 import { CSSProperties } from 'react';
+import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
+import { defaultEmotionCache } from '@hitachivantara/uikit-react-shared';
 import { DialogActionsProps } from '@mui/material/DialogActions';
 import { DialogContentProps } from '@mui/material/DialogContent';
 import { DialogProps } from '@mui/material/Dialog';
@@ -31,6 +33,7 @@ import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { EmotionCache } from '@emotion/cache';
+import { EmotionContext } from '@hitachivantara/uikit-react-shared';
 import type { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material';
 import { Hooks } from 'react-table';
@@ -201,8 +204,6 @@ export declare const appSwitcherClasses: {
     open: "HvAppSwitcher-open";
     single: "HvAppSwitcher-single";
     root: "HvAppSwitcher-root";
-    dual: "HvAppSwitcher-dual";
-    fluid: "HvAppSwitcher-fluid";
     item: "HvAppSwitcher-item";
     itemSelected: "HvAppSwitcher-itemSelected";
     itemDisabled: "HvAppSwitcher-itemDisabled";
@@ -213,6 +214,8 @@ export declare const appSwitcherClasses: {
     actionsContainer: "HvAppSwitcher-actionsContainer";
     footerContainer: "HvAppSwitcher-footerContainer";
     closed: "HvAppSwitcher-closed";
+    dual: "HvAppSwitcher-dual";
+    fluid: "HvAppSwitcher-fluid";
 };
 
 export declare type Arrayable<T> = T | T[];
@@ -610,9 +613,9 @@ export declare type DeepPartial<T> = Partial<{
     [P in keyof T]: DeepPartial<T[P]>;
 }>;
 
-export declare const defaultCacheKey = "hv";
+export { defaultCacheKey }
 
-export declare const defaultEmotionCache: EmotionCache;
+export { defaultEmotionCache }
 
 export declare const defaultgetHvBulkActionsProps: (props: any, { instance }: {
     instance: any;
@@ -645,10 +648,14 @@ export declare const dialogActionClasses: {
 
 export declare const dialogClasses: {
     background: "HvDialog-background";
+    error: "HvDialog-error";
+    warning: "HvDialog-warning";
+    success: "HvDialog-success";
     root: "HvDialog-root";
     fullscreen: "HvDialog-fullscreen";
     closeButton: "HvDialog-closeButton";
     paper: "HvDialog-paper";
+    statusBar: "HvDialog-statusBar";
 };
 
 export declare const dialogContentClasses: {
@@ -717,9 +724,7 @@ export { ds3 }
 
 export { ds5 }
 
-export declare const EmotionContext: Context<{
-    cache: EmotionCache;
-}>;
+export { EmotionContext }
 
 export declare const emptyStateClasses: {
     container: "HvEmptyState-container";
@@ -886,14 +891,6 @@ export declare const getIdReferenceFor: (formElementType: any, descriptors: any,
 
 export declare const getIdReferenceListFor: (formElementType: any, descriptors: any, filterFor?: null) => any;
 
-/**
- *  Check whether the key code is an enter.
- *
- *  @param {Object} event - The event object to extract the number from.
- *  @returns {Number | undefined} - The corresponding number or undefined if it does not exist.
- */
-export declare const getKeyCodeFromEvent: (event: any) => any;
-
 /**
  * Auxiliary function to find adjacent nodes to focus.
  *
@@ -1003,20 +1000,9 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
-export declare const HvAccordion: ({ id, className, classes, disabled, label, onChange, children, expanded, headingLevel, defaultExpanded, containerProps, labelVariant, ...others }: HvAccordionProps) => JSX_2.Element;
+export declare const HvAccordion: ({ id, className, classes: classesProp, disabled, label, onChange, children, expanded, headingLevel, defaultExpanded, containerProps, labelVariant, ...others }: HvAccordionProps) => JSX_2.Element;
 
-export declare interface HvAccordionClasses {
-    /** Styles applied to the component root of the accordion. */
-    root?: string;
-    /** Styles applied to the content when it is hidden. */
-    hidden?: string;
-    /** Styles applied to the content when it is hidden. */
-    container?: string;
-    /** Styles applied to the label button. */
-    label?: string;
-    /** Styles applied to the label button when it is disabled. */
-    disabled?: string;
-}
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_4>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -1078,7 +1064,7 @@ export declare interface HvActionBarProps extends HvBaseProps {
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_19>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_23>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1100,22 +1086,9 @@ export declare interface HvActionGeneric {
     disabled?: boolean;
 }
 
-export declare const HvActionsGeneric: ({ id, classes, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => JSX_2.Element | null;
+export declare const HvActionsGeneric: ({ id, classes: classesProp, className, category, disabled, actions, actionsCallback, maxVisibleActions, ...others }: HvActionsGenericProps) => JSX_2.Element | null;
 
-export declare interface HvActionsGenericClasses {
-    /** Styles applied to element root. */
-    root?: string;
-    /** Styles applied to the visible buttons. */
-    button?: string;
-    /** Styles applied to the action container wrapper. */
-    actionContainer?: string;
-    /** Styles applied to the DropDownMenu component. */
-    dropDownMenu?: string;
-    /** Styles applied to the DropDownMenu IconButton component. */
-    dropDownMenuButton?: string;
-    /** Styles applied to the DropDownMenu IconButton component when it is selected. */
-    dropDownMenuButtonSelected?: string;
-}
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1167,9 +1140,9 @@ export declare interface HvAdornmentProps extends HvBaseProps<HTMLDivElement | H
     classes?: HvAdornmentClasses;
 }
 
-export declare const HvAppSwitcher: ({ id, className, classes, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => JSX_2.Element;
+export declare const HvAppSwitcher: ({ id, className, classes: classesProp, layout, title, applications, onActionClickedCallback, isActionSelectedCallback, header, footer, isOpen, }: HvAppSwitcherProps) => JSX_2.Element;
 
-export declare const HvAppSwitcherAction: ({ id, className, classes, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
+export declare const HvAppSwitcherAction: ({ id, className, classes: classesProp, application, onClickCallback, isSelectedCallback, }: HvAppSwitcherActionProps) => JSX_2.Element;
 
 export declare interface HvAppSwitcherActionApplication {
     /** Id of the application. */
@@ -1194,16 +1167,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: string;
 }
 
-export declare interface HvAppSwitcherActionClasses {
-    root?: string;
-    icon?: string;
-    iconUrl?: string;
-    iconInfo?: string;
-    disabled?: string;
-    selected?: string;
-    typography?: string;
-    title?: string;
-}
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1216,24 +1180,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare interface HvAppSwitcherClasses {
-    root?: string;
-    item?: string;
-    itemSelected?: string;
-    itemDisabled?: string;
-    itemTrigger?: string;
-    itemIcon?: string;
-    itemTitle?: string;
-    itemInfoIcon?: string;
-    actionsContainer?: string;
-    footerContainer?: string;
-    open?: string;
-    closed?: string;
-    title?: string;
-    single?: string;
-    dual?: string;
-    fluid?: string;
-}
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1386,11 +1333,11 @@ export declare const HvBanner: ({ id, classes: classesProp, className, open, onC
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_22>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_24>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -2012,7 +1959,7 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
  */
 export declare const HvButton: <C extends React_2.ElementType = "button">(props: HvButtonProps<C>) => React_2.ReactElement | null;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_4>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_5>;
 
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -2189,11 +2136,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: ({ classes: classesProp, className, children, icon, selectable, selected, statusColor, bgcolor, ...others }: HvCardProps) => JSX_2.Element;
 
-export declare type HvCardClasses = ExtractNames<typeof useClasses_5>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_6>;
 
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
 
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_7>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_8>;
 
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2206,7 +2153,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
 
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_6>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_7>;
 
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2223,7 +2170,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 
 export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
 
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_9>;
 
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2264,7 +2211,7 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
 
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_41>;
 
 export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "title" | "onChange"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2307,7 +2254,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
 
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_42>;
 
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2531,7 +2478,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: ({ id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, className, classes: classesProp, value, onChange, defaultValue, expanded, defaultExpanded, recommendedColorsPosition, recommendedColors, showLabels, labels: labelsProp, dropdownIcon, placeholder, iconOnly, showSavedColors, showCustomColors, savedColorsValue, defaultSavedColorsValue, onSavedColorAdded, onSavedColorRemoved, deleteSavedColorButtonArialLabel, }: HvColorPickerProps) => JSX_2.Element;
 
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_40>;
 
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2774,7 +2721,7 @@ declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: ({ classes: classesProp, className, id, name, required, disabled, readOnly, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, "aria-errormessage": ariaErrorMessage, placeholder, labels: labelsProp, value, startValue, endValue, rangeMode, startAdornment, horizontalPlacement, locale: localeProp, showActions, showClear, disablePortal, escapeWithReference, dropdownProps, calendarProps, ...others }: HvDatePickerProps) => JSX_2.Element;
 
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2946,27 +2893,29 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
 /** @deprecated use `HvFormStatus` instead */
 export declare type HvDatePickerStatus = HvFormStatus;
 
-export declare const HvDialog: ({ classes: classesProp, className, id, children, open, onClose, firstFocusable, buttonTitle, fullscreen, disableBackdropClick, ...others }: HvDialogProps) => JSX_2.Element;
+export declare const HvDialog: ({ variant, classes: classesProp, className, id, children, open, onClose, firstFocusable, buttonTitle, fullscreen, disableBackdropClick, ...others }: HvDialogProps) => JSX_2.Element;
 
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_12>;
 
 export declare const HvDialogActions: ({ classes: classesProp, className, children, fullscreen, ...others }: HvDialogActionsProps) => JSX_2.Element;
 
 export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "classes">, HvBaseProps {
     /** Set the dialog to fullscreen mode. */
     fullscreen?: boolean;
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDialogActionClasses;
 }
 
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_13>;
 
 export declare const HvDialogContent: ({ classes: classesProp, className, children, indentContent, }: HvDialogContentProps) => JSX_2.Element;
 
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_11>;
 
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes">, HvBaseProps {
     /** Content should be indented in relationship to the Dialog title. */
     indentContent?: boolean;
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDialogContentClasses;
 }
 
@@ -2995,19 +2944,22 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
     disableBackdropClick?: boolean;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDialogClasses;
+    /** Variant of the dialog. Adds a status bar to the top of the dialog. If not provided, no status bar is added. */
+    variant?: "success" | "error" | "warning";
 }
 
 export declare const HvDialogTitle: ({ classes: classesProp, className, children, variant, showIcon, customIcon, ...others }: HvDialogTitleProps) => JSX_2.Element;
 
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_10>;
 
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
-    /** Variant of the Dialog. */
+    /** Variant of the dialog title. */
     variant?: HvDialogTitleVariant;
     /** Controls if the associated icon to the variant should be shown. */
     showIcon?: boolean;
     /** Custom icon to replace the variant default. */
     customIcon?: React.ReactNode;
+    /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvDialogTitleClasses;
 }
 
@@ -3019,7 +2971,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  */
 export declare const HvDotPagination: ({ className, classes: classesProp, unselectedIcon, selectedIcon, pages, page, onPageChange, getItemAriaLabel, ...others }: HvDotPaginationProps) => JSX_2.Element;
 
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -3063,7 +3015,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: ({ className, classes: classesProp, id, children, open, onClose, anchor, buttonTitle, ...others }: HvDrawerProps) => JSX_2.Element;
 
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "classes">, HvBaseProps<HTMLDivElement> {
     /**
@@ -3252,7 +3204,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: ({ id: idProp, classes: classesProp, className, icon, placement, dataList, disablePortal, onToggle, onClick, keepOpened, disabled, expanded, defaultExpanded, category, ...others }: HvDropDownMenuProps) => JSX_2.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3723,9 +3675,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ({ className, id, name, required, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, description, "aria-describedby": ariaDescribedBy, onChange, onCancel, onClear, status, statusMessage, labels: labelsProp, defaultValue, value, filters, horizontalPlacement, disablePortal, escapeWithReference, height, filterContentProps, classes: classesProp, ...others }: HvFilterGroupProps) => JSX_2.Element;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_30>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_27>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_31>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -4212,11 +4164,11 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
     headers: Array<HvHeaderGroup<D, H>>;
 }
 
-export declare const HvHeaderMenuBar: ({ id, data, onClick, type, className, }: HvMenuBarProps) => JSX_2.Element;
+export declare const HvHeaderMenuBar: ({ id, data, onClick, type, levels, currentLevel, className, }: HvMenuBarProps) => JSX_2.Element;
 
-export declare const HvHeaderMenuItem: ({ id, item, type, onClick }: MenuItemProps) => JSX_2.Element;
+export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, }: MenuItemProps) => JSX_2.Element;
 
-export declare const HvHeaderNavigation: ({ data, selected, onClick, className, classes, ...others }: HvHeaderNavigationProps) => JSX_2.Element;
+export declare const HvHeaderNavigation: ({ data, selected, onClick, className, classes, levels, ...others }: HvHeaderNavigationProps) => JSX_2.Element;
 
 export declare interface HvHeaderNavigationClasses {
     root?: string;
@@ -4236,6 +4188,7 @@ export declare interface HvHeaderNavigationProps extends HvBaseProps<HTMLDivElem
     selected?: string;
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
     classes?: HvHeaderNavigationClasses;
+    levels?: 1 | 2;
 }
 
 export declare type HvHeaderPosition = "fixed" | "absolute" | "sticky" | "static" | "relative";
@@ -4273,7 +4226,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_31>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_35>;
 
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4301,7 +4254,7 @@ export declare interface HvInfoMessageProps extends HvBaseProps {
  */
 export declare const HvInlineEditor: ({ className, classes: classesProp, value: valueProp, defaultValue, showIcon, component: InputComponent, variant, placeholder, onBlur, onChange, onKeyDown, buttonProps, typographyProps, ...others }: HvInlineEditorProps) => JSX_2.Element;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_37>;
 
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4329,7 +4282,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
 
-export declare type HvInputClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4861,6 +4814,8 @@ declare interface HvMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick">
     data: HvHeaderNavigationItemProp[];
     type: string;
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
+    levels: number;
+    currentLevel: number;
 }
 
 export declare type HvMeta<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, Extension = never, M = HvMetaBase<D, H>> = [Extension] extends [never] ? M : M & Extension;
@@ -4942,7 +4897,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: ({ classes: classesProp, className, id, pages, page, showPageSizeOptions, pageSizeOptions, pageSize, showPageJump, canPrevious, canNext, onPageChange, onPageSizeChange, labels: labelsProp, showPageProps, navigationProps, currentPageInputProps, ...others }: HvPaginationProps) => JSX_2.Element;
 
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -5141,7 +5096,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: ({ attributes, query, onChange, operators, combinators, maxDepth, labels, readOnly, classes, }: HvQueryBuilderProps) => JSX_2.Element;
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_39>;
 
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -5459,7 +5414,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, ...others }: HvScrollToHorizontalProps) => JSX_2.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_36>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5512,7 +5467,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: ({ id, defaultSelectedIndex, scrollElementId, href, onChange, onClick, onEnter, className, classes: classesProp, options, offset, position, tooltipPosition, style, ...others }: HvScrollToVerticalProps) => JSX_2.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5828,11 +5783,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_25>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5886,7 +5841,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_27>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -6182,7 +6137,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
 
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -6489,7 +6444,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_28>;
 
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6900,7 +6855,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: ({ classes: classesProp, className, timestamp, locale: localeProp, component: Component, emptyElement, disableRefresh, showSeconds, justText, ...others }: HvTimeAgoProps) => JSX_2.Element;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_38>;
 
 export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "children"> {
     /**
@@ -6945,7 +6900,7 @@ export declare interface HvTimeAgoProps extends HvBaseProps<HTMLElement, "childr
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_43>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7652,7 +7607,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_33>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7741,127 +7696,35 @@ export declare const isBrowser: (browsers: any) => boolean | null;
 
 export declare const isInvalid: (compareState: HvFormStatus) => boolean;
 
-/**
- *  Check whether the key code is an enter.
- *
- *  @param {Number} number - The number to make the comparison.
- *  @param {Number} keycode - The number to check.
- *  @returns - `true` if the keycode is not enter, `false` if the keycode is correspond to enter or undefined.
- */
-export declare const isKeycode: (number: any, keyCode: any) => boolean | undefined;
+/** Check whether a keyboard `event` is pressing the `keyCode` key. */
+export declare const isKey: (event: any, keyCode: Key) => boolean;
 
-/**
- *  Check whether the key code is an enter.
- *
- *  @param {Object} event - The event object to extract the number from.
- *  @param {Number} keycode - The number to check.
- *  @returns - `true` if the keycode is the corresponding key, `false` if the keycode is corresponding key or undefined if the event does not exist or is not a keypress.
- */
-export declare const isKeypress: (event: any, keyCode: any) => boolean | undefined;
+export declare const isOneOfKeys: (event: any, keys: Key[]) => boolean;
 
 export declare const isValid: (compareState: HvFormStatus) => boolean;
 
-export declare const keyboardCodes: Readonly<{
-    Backspace: 8;
-    Tab: 9;
-    Enter: 13;
-    Shift: 16;
-    Ctrl: 17;
-    Alt: 18;
-    Pause: 19;
-    CapsLock: 20;
-    Esc: 27;
-    Space: 32;
-    SpaceBar: 32;
-    PageUp: 33;
-    PageDown: 34;
-    End: 35;
-    Home: 36;
-    ArrowLeft: 37;
-    ArrowUp: 38;
-    ArrowRight: 39;
-    ArrowDown: 40;
-    Insert: 45;
-    Delete: 46;
-    0: 48;
-    1: 49;
-    2: 50;
-    3: 51;
-    4: 52;
-    5: 53;
-    6: 54;
-    7: 55;
-    8: 56;
-    9: 57;
-    a: 65;
-    b: 66;
-    c: 67;
-    d: 68;
-    e: 69;
-    f: 70;
-    g: 71;
-    h: 72;
-    i: 73;
-    j: 74;
-    k: 75;
-    l: 76;
-    m: 77;
-    n: 78;
-    o: 79;
-    p: 80;
-    q: 81;
-    r: 82;
-    s: 83;
-    t: 84;
-    u: 85;
-    v: 86;
-    w: 87;
-    x: 88;
-    y: 89;
-    z: 90;
-    leftWindowKey: 91;
-    rightWindowKey: 92;
-    selectKey: 93;
-    numpad1: 96;
-    numpad2: 97;
-    numpad3: 99;
-    numpad4: 100;
-    numpad5: 101;
-    numpad6: 102;
-    numpad7: 103;
-    numpad8: 104;
-    numpad9: 105;
-    multiply: 106;
-    add: 107;
-    subtract: 109;
-    decimalPoint: 110;
-    divide: 111;
-    f1: 112;
-    f2: 113;
-    f3: 114;
-    f4: 115;
-    f5: 116;
-    f6: 117;
-    f7: 118;
-    f8: 119;
-    f9: 120;
-    f10: 121;
-    f11: 122;
-    f12: 123;
-    numLock: 144;
-    scrollLock: 145;
-    semiColon: 186;
-    equalSign: 187;
-    comma: 188;
-    dash: 189;
-    period: 190;
-    forwardSlash: 191;
-    graveAccent: 192;
-    openBracket: 219;
-    backSlash: 220;
-    closeBracket: 221;
-    singleQuote: 222;
-}>;
+declare type Key = keyof typeof keyboardCodes;
+
+/** Map of keys to key `code` @see https://mdn.io/event/code */
+declare const keyboardCodes: {
+    readonly Backspace: "Backspace";
+    readonly Tab: "Tab";
+    readonly Enter: "Enter";
+    readonly Shift: "ShiftLeft";
+    readonly Ctrl: "ControlLeft";
+    readonly Alt: "AltLeft";
+    readonly Delete: "Delete";
+    readonly Esc: "Escape";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowUp: "ArrowUp";
+    readonly ArrowRight: "ArrowRight";
+    readonly ArrowDown: "ArrowDown";
+    readonly Space: "Space";
+    readonly PageUp: "PageUp";
+    readonly PageDown: "PageDown";
+    readonly Home: "Home";
+    readonly End: "End";
+};
 
 export declare const kpiClasses: {
     root: "HvKpi-root";
@@ -7944,6 +7807,8 @@ declare interface MenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
     type?: string;
     onClick?: (event: MouseEvent_2, selection: HvHeaderNavigationItemProp) => void;
+    levels: number;
+    currentLevel: number;
 }
 
 export declare const multiButtonClasses: {
@@ -8522,19 +8387,19 @@ export declare const timeAgoClasses: {
 export declare type TimeFormat = "12" | "24";
 
 export declare const timePickerClasses: {
-    placeholder: "HvTimerPicker-placeholder";
-    label: "HvTimerPicker-label";
-    icon: "HvTimerPicker-icon";
-    error: "HvTimerPicker-error";
-    root: "HvTimerPicker-root";
-    description: "HvTimerPicker-description";
-    labelContainer: "HvTimerPicker-labelContainer";
-    dropdownHeaderInvalid: "HvTimerPicker-dropdownHeaderInvalid";
-    dropdownHeaderOpen: "HvTimerPicker-dropdownHeaderOpen";
-    dropdownHeader: "HvTimerPicker-dropdownHeader";
-    placeholderDisabled: "HvTimerPicker-placeholderDisabled";
-    dropdownPanel: "HvTimerPicker-dropdownPanel";
-    timePopperContainer: "HvTimerPicker-timePopperContainer";
+    placeholder: "HvTimePicker-placeholder";
+    label: "HvTimePicker-label";
+    icon: "HvTimePicker-icon";
+    error: "HvTimePicker-error";
+    root: "HvTimePicker-root";
+    description: "HvTimePicker-description";
+    labelContainer: "HvTimePicker-labelContainer";
+    dropdownHeaderInvalid: "HvTimePicker-dropdownHeaderInvalid";
+    dropdownHeaderOpen: "HvTimePicker-dropdownHeaderOpen";
+    dropdownHeader: "HvTimePicker-dropdownHeader";
+    placeholderDisabled: "HvTimePicker-placeholderDisabled";
+    dropdownPanel: "HvTimePicker-dropdownPanel";
+    timePopperContainer: "HvTimePicker-timePopperContainer";
 };
 
 export declare const tooltipClasses: {
@@ -8658,7 +8523,21 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
 
-declare const useClasses_10: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        fullscreen: string;
+        messageContainer: string;
+        textWithIcon: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_11: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         textContent: string;
@@ -8670,7 +8549,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"spacing" | "root" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
         spacing: string;
         root: string;
@@ -8683,13 +8562,17 @@ declare const useClasses_11: (classesProp?: Partial<Record<"spacing" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"background" | "root" | "fullscreen" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"background" | "error" | "warning" | "success" | "root" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
+        error: string;
+        warning: string;
+        success: string;
         root: string;
         fullscreen: string;
         closeButton: string;
         paper: string;
+        statusBar: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8698,7 +8581,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         root: string;
@@ -8712,7 +8595,51 @@ declare const useClasses_13: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+    classes: {
+        title: string;
+        open: string;
+        single: string;
+        root: string;
+        item: string;
+        itemSelected: string;
+        itemDisabled: string;
+        itemTrigger: string;
+        itemIcon: string;
+        itemTitle: string;
+        itemInfoIcon: string;
+        actionsContainer: string;
+        footerContainer: string;
+        closed: string;
+        dual: string;
+        fluid: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_16: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "selected" | "root" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+    classes: {
+        title: string;
+        typography: string;
+        icon: string;
+        disabled: string;
+        selected: string;
+        root: string;
+        iconUrl: string;
+        iconInfo: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_17: (classesProp?: Partial<Record<"input" | "label" | "icon" | "error" | "root" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -8741,7 +8668,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         icon: string;
@@ -8758,7 +8685,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"container" | "icon"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         root: string;
@@ -8780,7 +8707,49 @@ declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "root" | "pa
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+    classes: {
+        input: string;
+        disabled: string;
+        readOnly: string;
+        invalid: string;
+        root: string;
+        resizable: string;
+        inputBorderContainer: string;
+        inputRootInvalid: string;
+        inputRootReadOnly: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_20: (classesProp?: Partial<Record<"button" | "dropDownMenu" | "root" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+    classes: {
+        button: string;
+        dropDownMenu: string;
+        root: string;
+        actionContainer: string;
+        dropDownMenuButton: string;
+        dropDownMenuButtonSelected: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_21: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
         radio: string;
         horizontal: string;
@@ -8795,7 +8764,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"radio" | "horizontal
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -8809,7 +8778,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -8823,33 +8792,7 @@ declare const useClasses_19: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"input" | "disabled" | "readOnly" | "invalid" | "root" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
-    classes: {
-        input: string;
-        disabled: string;
-        readOnly: string;
-        invalid: string;
-        root: string;
-        resizable: string;
-        inputBorderContainer: string;
-        inputRootInvalid: string;
-        inputRootReadOnly: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_20: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         action: string;
@@ -8868,7 +8811,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -8885,7 +8828,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"default" | "action" | "error" | "warning" | "success" | "root" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         action: string;
@@ -8905,7 +8848,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"default" | "action"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -8916,7 +8859,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "selected" | "root" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -8936,7 +8879,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -8970,7 +8913,18 @@ declare const useClasses_25: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_30: (classesProp?: Partial<Record<"label" | "error" | "root" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         error: string;
@@ -8985,7 +8939,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"label" | "error" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"header" | "space" | "actionBar" | "dropdown" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         space: string;
@@ -9005,7 +8959,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"label" | "icon" | "action" | "error" | "dropdown" | "root" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         icon: string;
@@ -9029,7 +8983,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"label" | "icon" | "a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9043,18 +8997,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -9067,7 +9010,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"button" | "text" | "selected" | "root", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9081,7 +9024,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"selected" | "root" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         selected: string;
         root: string;
@@ -9097,7 +9040,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"selected" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -9117,7 +9060,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_38: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9128,7 +9071,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_39: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -9153,7 +9096,22 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
+    classes: {
+        hidden: string;
+        label: string;
+        container: string;
+        disabled: string;
+        root: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_40: (classesProp?: Partial<Record<"label" | "colorPicker" | "root" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         colorPicker: string;
@@ -9176,7 +9134,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"label" | "colorPicke
     cx: (...args: any) => string;
 };
 
-declare const useClasses_37: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"title" | "main" | "dot" | "controls" | "xs" | "root" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
@@ -9210,7 +9168,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
 
-declare const useClasses_38: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -9222,7 +9180,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
 
-declare const useClasses_39: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "error" | "root" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9245,7 +9203,7 @@ declare const useClasses_39: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_4: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -9261,7 +9219,7 @@ declare const useClasses_4: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_5: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"icon" | "selected" | "root" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         selected: string;
@@ -9277,7 +9235,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"icon" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_6: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_7: (classesProp?: Partial<Record<"title" | "content" | "action" | "root" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         content: string;
@@ -9293,7 +9251,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"title" | "content" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_7: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
     };
@@ -9304,7 +9262,7 @@ declare const useClasses_7: (classesProp?: Partial<Record<"content", string>>, a
     cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"media" | "root", string>>, addStatic?: boolean) => {
     classes: {
         media: string;
         root: string;
@@ -9316,20 +9274,6 @@ declare const useClasses_8: (classesProp?: Partial<Record<"media" | "root", stri
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        fullscreen: string;
-        messageContainer: string;
-        textWithIcon: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare function useComputation(valueFn: any, valueFallback?: any): any[];