@hitachivantara/uikit-react-core 5.60.0 → 5.61.0

package/dist/types/index.d.ts

@@ -311,8 +311,11 @@ declare interface BarProps extends HvBaseProps {
 export declare const baseCheckBoxClasses: {
     root: "HvBaseCheckBox-root";
     disabled: "HvBaseCheckBox-disabled";
+    semantic: "HvBaseCheckBox-semantic";
     icon: "HvBaseCheckBox-icon";
+    checked: "HvBaseCheckBox-checked";
     focusVisible: "HvBaseCheckBox-focusVisible";
+    indeterminate: "HvBaseCheckBox-indeterminate";
 };
 
 export declare const baseDropdownClasses: {
@@ -374,8 +377,8 @@ export declare const baseSwitchClasses: {
     switch: "HvBaseSwitch-switch";
     switchBase: "HvBaseSwitch-switchBase";
     track: "HvBaseSwitch-track";
-    thumb: "HvBaseSwitch-thumb";
     checked: "HvBaseSwitch-checked";
+    thumb: "HvBaseSwitch-thumb";
     focusVisible: "HvBaseSwitch-focusVisible";
 };
 
@@ -538,8 +541,11 @@ export declare const checkBoxClasses: {
     label: "HvCheckBox-label";
     root: "HvCheckBox-root";
     disabled: "HvCheckBox-disabled";
+    semantic: "HvCheckBox-semantic";
     checkbox: "HvCheckBox-checkbox";
+    checked: "HvCheckBox-checked";
     focusVisible: "HvCheckBox-focusVisible";
+    indeterminate: "HvCheckBox-indeterminate";
     invalidContainer: "HvCheckBox-invalidContainer";
     invalidCheckbox: "HvCheckBox-invalidCheckbox";
 };
@@ -4084,7 +4090,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_96>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_97>;
 
 /**
  * The `HvIconButton` component wraps a `HvTooltip` with a label around a `HvButton` with only an icon as its content.
@@ -4568,6 +4574,24 @@ export declare const HvLoading: (props: HvLoadingProps) => JSX_3.Element;
 
 export declare type HvLoadingClasses = ExtractNames<typeof useClasses_85>;
 
+/**
+ * A component that wraps `children` with an `HvLoading` component and
+ * and an overlay background with opacity.
+ *
+ * @example
+ * <HvLoadingContainer label="Loading..." hidden={!isLoading}>
+ *  <MyComponent>
+ * </HvLoadingContainer>
+ * */
+export declare const HvLoadingContainer: (props: HvLoadingContainerProps) => JSX_3.Element;
+
+export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_86>;
+
+export declare interface HvLoadingContainerProps extends HvBaseProps<HTMLDivElement>, Pick<HvLoadingProps, "label" | "small" | "hidden"> {
+    opacity?: number;
+    classes?: HvLoadingContainerClasses;
+}
+
 export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
     small?: boolean;
@@ -4586,7 +4610,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_3.Element;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_87>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4613,7 +4637,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_87>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_88>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4688,7 +4712,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_88>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_89>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4757,7 +4781,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4768,7 +4792,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_91>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_92>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4895,7 +4919,7 @@ export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQ
     rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | HvQueryBuilderChangedQuery>;
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_93>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -5264,7 +5288,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_93>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_94>;
 
 /**
  * A group of radio buttons.
@@ -5483,7 +5507,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_97>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_98>;
 
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5572,7 +5596,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_95>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_96>;
 
 export declare type HvScrollToVerticalOption = HvScrollToOption;
 
@@ -5647,7 +5671,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_99>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title"> {
     /** The title of the section */
@@ -5771,7 +5795,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_99>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_100>;
 
 /** 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 {
@@ -5804,7 +5828,7 @@ export { HvSize }
  */
 export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
 
-export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_128>;
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_129>;
 
 export declare interface HvSkeletonProps extends HvBaseProps {
     /** Whether the skeleton element is hidden or not. */
@@ -5828,7 +5852,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
  */
 export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_101>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /**
@@ -5972,11 +5996,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, onAction, transitionDuration, transitionDirection, container, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_3.Element;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_102>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_103>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -6052,7 +6076,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_103>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_104>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -6085,7 +6109,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_104>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_105>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -6149,7 +6173,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_105>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_106>;
 
 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>;
 
@@ -6258,7 +6282,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "onChange" | "c
 
 export declare const HvTab: (props: HvTabProps) => JSX_3.Element;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_107>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -6278,7 +6302,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_109>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6366,7 +6390,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_107>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_108>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6390,7 +6414,7 @@ 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_109>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_110>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
@@ -6563,7 +6587,7 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
  */
 export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_127>;
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_128>;
 
 export declare interface HvTableSectionProps extends HvSectionProps {
 }
@@ -6593,7 +6617,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: (props: HvTabsProps) => JSX_3.Element;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6624,7 +6648,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  */
 export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_110>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_111>;
 
 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>;
 
@@ -6671,7 +6695,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_112>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_113>;
 
 export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color" | "defaultValue"> {
     /** The form element name. */
@@ -6750,7 +6774,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_114>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6932,7 +6956,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_114>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_115>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6968,7 +6992,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_115>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_116>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -7056,7 +7080,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_89>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_90>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -7102,7 +7126,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_118>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_119>;
 
 export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -7123,7 +7147,7 @@ export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLEle
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_118>;
 
 export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -7176,7 +7200,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_116>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_117>;
 
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7332,7 +7356,7 @@ export declare const HvVerticalNavigation: (props: HvVerticalNavigationProps) =>
 
 export declare const HvVerticalNavigationAction: ({ className, classes: classesProp, id, label, icon, onClick, ...others }: HvVerticalNavigationActionProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_122>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvVerticalNavigationActionProps {
     /**
@@ -7363,7 +7387,7 @@ export declare interface HvVerticalNavigationActionProps {
 
 export declare const HvVerticalNavigationActions: ({ className, classes: classesProp, id, children, ...others }: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_121>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_122>;
 
 export declare interface HvVerticalNavigationActionsProps {
     /**
@@ -7384,11 +7408,11 @@ export declare interface HvVerticalNavigationActionsProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_120>;
 
 export declare const HvVerticalNavigationHeader: ({ title, openIcon: openIconProp, closeIcon: closeIconProp, collapseButtonProps, backButtonProps, className, classes: classesProp, onCollapseButtonClick, ...others }: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_120>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_121>;
 
 export declare interface HvVerticalNavigationHeaderProps {
     /**
@@ -7463,7 +7487,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
 
 export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_124>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_125>;
 
 export declare interface HvVerticalNavigationSliderProps {
     /**
@@ -7503,7 +7527,7 @@ export declare interface HvVerticalNavigationSliderProps {
 
 export declare const HvVerticalNavigationTree: ({ id, className, classes: classesProp, data, mode, collapsible, expanded: expandedProp, defaultExpanded, onToggle, selected: selectedProp, defaultSelected, onChange, sliderForwardButtonAriaLabel, ...others }: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_123>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_124>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -7577,11 +7601,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_125>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_126>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_126>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_127>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -7744,7 +7768,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_95>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7927,6 +7951,11 @@ export declare const loadingClasses: {
     regularColor: "HvLoading-regularColor";
 };
 
+export declare const loadingContainerClasses: {
+    root: "HvLoadingContainer-root";
+    loading: "HvLoadingContainer-loading";
+};
+
 export declare const loginClasses: {
     root: "HvLogin-root";
     formContainer: "HvLogin-formContainer";
@@ -8696,7 +8725,18 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "warningText
     cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (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_101: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handle" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8724,7 +8764,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_102: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -8741,7 +8781,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"root" | "anchorOrig
     cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
@@ -8761,7 +8801,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -8772,7 +8812,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"snackItemRoot", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
         xs: string;
         sm: string;
@@ -8790,7 +8830,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8805,7 +8845,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -8819,17 +8859,6 @@ declare const useClasses_106: (classesProp?: Partial<Record<"root" | "disabled"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (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_108: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -8841,10 +8870,9 @@ declare const useClasses_108: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        stickyHeader: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8876,7 +8904,19 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "descriptio
     cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_110: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        stickyHeader: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "button" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8899,7 +8939,7 @@ declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         indicator: string;
@@ -8913,7 +8953,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root" | "indicator"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "invalid" | "labelContainer" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -8948,7 +8988,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"label" | "descripti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"label" | "description" | "root" | "disabled" | "input" | "error" | "invalid" | "labelContainer" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -8970,7 +9010,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "descripti
     cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8981,7 +9021,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"label" | "description" | "root" | "placeholder" | "icon" | "error" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         description: string;
@@ -9004,7 +9044,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "descripti
     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) => {
     classes: {
         root: string;
     };
@@ -9015,7 +9055,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         label: string;
@@ -9034,7 +9074,7 @@ declare const useClasses_117: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9051,20 +9091,6 @@ declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        slider: string;
-        collapsed: string;
-        childData: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
@@ -9090,7 +9116,21 @@ declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primar
     cx: (...args: any) => string;
 };
 
-declare const useClasses_120: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_120: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        slider: string;
+        collapsed: string;
+        childData: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_121: (classesProp?: Partial<Record<"root" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         minimized: string;
@@ -9103,7 +9143,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"root" | "minimized"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         hide: string;
@@ -9115,7 +9155,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"root" | "hide", str
     cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_123: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     classes: {
         action: string;
         minimized: string;
@@ -9128,7 +9168,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"action" | "minimize
     cx: (...args: any) => string;
 };
 
-declare const useClasses_123: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "popup" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItem: string;
@@ -9144,7 +9184,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"root" | "listItem"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         listItemSelected: string;
@@ -9157,7 +9197,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItemSe
     cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_126: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9168,7 +9208,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_126: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         label: string;
@@ -9196,7 +9236,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"content" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         header: string;
@@ -9213,7 +9253,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"content" | "header"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         root: string;
@@ -9562,12 +9602,15 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     cx: (...args: any) => string;
 };
 
-declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "semantic" | "icon" | "checked" | "focusVisible" | "indeterminate", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
+        semantic: string;
         icon: string;
+        checked: string;
         focusVisible: string;
+        indeterminate: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9590,7 +9633,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "thumb" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "switch" | "switchBase" | "track" | "checked" | "thumb" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9598,8 +9641,8 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
         switch: string;
         switchBase: string;
         track: string;
-        thumb: string;
         checked: string;
+        thumb: string;
         focusVisible: string;
     };
     css: {
@@ -9660,14 +9703,17 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "checkbox" | "checked" | "focusVisible" | "indeterminate" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
         root: string;
         disabled: string;
+        semantic: string;
         checkbox: string;
+        checked: string;
         focusVisible: string;
+        indeterminate: string;
         invalidContainer: string;
         invalidCheckbox: string;
     };
@@ -10662,7 +10708,19 @@ declare const useClasses_85: (classesProp?: Partial<Record<"overlay" | "small" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        loading: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_87: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         formContainer: string;
@@ -10674,7 +10732,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "split" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "splitDisabled" | "multiple" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "splitContainer" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10702,7 +10760,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primar
     cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -10715,19 +10773,11 @@ declare const useClasses_88: (classesProp?: Partial<Record<"tooltipData" | "tool
     cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
     classes: {
-        color: string;
         root: string;
-        title: string;
-        popper: string;
-        separator: string;
-        tooltip: string;
-        values: string;
-        tooltipMulti: string;
-        valuesContainer: string;
-        separatorColor: string;
-        valueWrapper: string;
+        gutter: string;
+        infoDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10736,11 +10786,19 @@ declare const useClasses_89: (classesProp?: Partial<Record<"color" | "root" | "t
     cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     classes: {
+        color: string;
         root: string;
-        gutter: string;
-        infoDisabled: string;
+        title: string;
+        popper: string;
+        separator: string;
+        tooltip: string;
+        values: string;
+        tooltipMulti: string;
+        valuesContainer: string;
+        separatorColor: string;
+        valueWrapper: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -10749,7 +10807,7 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -10760,7 +10818,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         progress: string;
@@ -10778,7 +10836,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root" | "progress" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (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_93: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         topGroup: string;
@@ -10805,7 +10863,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root" | "topGroup" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "radio" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -10823,7 +10881,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         button: string;
@@ -10837,7 +10895,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -10850,7 +10908,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
@@ -10864,7 +10922,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "notSelectedRoot" | "positionSticky" | "positionFixed", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
@@ -10880,7 +10938,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         header: string;
@@ -10897,17 +10955,6 @@ declare const useClasses_98: (classesProp?: Partial<Record<"content" | "header"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_99: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
-    classes: {
-        root: 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 const useComputation: (valueFn: any, valueFallback?: any) => any[];