@hitachivantara/uikit-react-core 5.59.0 → 5.61.0

package/dist/types/index.d.ts

@@ -137,6 +137,7 @@ import { UseResizeColumnsColumnOptions } from 'react-table';
 import { UseResizeColumnsColumnProps } from 'react-table';
 import { UseResizeColumnsOptions } from 'react-table';
 import { UseResizeColumnsState } from 'react-table';
+import { useRowState } from 'react-table';
 import { UseRowStateInstanceProps } from 'react-table';
 import { UseRowStateOptions } from 'react-table';
 import { UseRowStateRowProps } from 'react-table';
@@ -310,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 +378,8 @@ export declare const baseSwitchClasses: {
     switchBase: "HvBaseSwitch-switchBase";
     track: "HvBaseSwitch-track";
     checked: "HvBaseSwitch-checked";
-    focusVisible: "HvBaseSwitch-focusVisible";
     thumb: "HvBaseSwitch-thumb";
+    focusVisible: "HvBaseSwitch-focusVisible";
 };
 
 export declare const breadCrumbClasses: {
@@ -537,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";
 };
@@ -4083,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.
@@ -4567,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;
@@ -4585,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 {
     /**
@@ -4612,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. */
@@ -4650,6 +4675,24 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 
 export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
+/**
+ * Optional
+ * @desc From `T` make a set of properties by key `K` become optional
+ * @example
+ *    type Props = {
+ *      name: string;
+ *      age: number;
+ *      visible: boolean;
+ *    };
+ *
+ *    // Expect: { name?: string; age?: number; visible?: boolean; }
+ *    type Props = Optional<Props>;
+ *
+ *    // Expect: { name: string; age?: number; visible?: boolean; }
+ *    type Props = Optional<Props, 'age' | 'visible'>;
+ */
+export declare type HvOptional<T extends object, K extends keyof T = keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
 export declare type HvOptionClasses = ExtractNames<typeof useClasses_13>;
 
 export declare const HvOptionGroup: ForwardRefExoticComponent<Omit<HvOptionGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
@@ -4669,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. */
@@ -4738,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. */
@@ -4749,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.
@@ -4871,11 +4914,12 @@ export declare interface HvQueryBuilderAttribute extends Record<string, unknown>
     type: DefaultAttributes | (string & {});
 }
 
+/** @deprecated */
 export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQuery, "id" | "rules"> {
     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>;
@@ -5168,10 +5212,18 @@ export declare interface HvQueryBuilderProps {
     operators?: Record<string, HvQueryBuilderQueryOperator[]>;
     /** The query combinators operands. */
     combinators?: HvQueryBuilderQueryCombinator[];
-    /** The initial query representation. */
+    /** The query when the component is controlled. */
+    value?: HvQueryBuilderQuery;
+    /** The initial query when the component is uncontrolled. */
+    defaultValue?: HvQueryBuilderQuery;
+    /**
+     * The initial query when the component is uncontrolled.
+     *
+     * @deprecated Use `defaultValue` instead.
+     * */
     query?: HvQueryBuilderQuery;
-    /** Callback fired when query changes. */
-    onChange?: (value: HvQueryBuilderChangedQuery) => void;
+    /** Callback fired when the query changes. */
+    onChange?: (value: HvQueryBuilderQuery) => void;
     /** Max depth of nested query groups. */
     maxDepth?: number;
     /** Object containing all the labels. */
@@ -5202,9 +5254,7 @@ export declare interface HvQueryBuilderQueryCombinator {
     label: string;
 }
 
-export declare interface HvQueryBuilderQueryGroup {
-    id: React.Key;
-    combinator: string;
+export declare interface HvQueryBuilderQueryGroup extends Omit<HvOptional<QueryGroup, "id">, "rules"> {
     rules: Array<HvQueryBuilderQueryRule | HvQueryBuilderQueryGroup>;
 }
 
@@ -5214,12 +5264,7 @@ export declare interface HvQueryBuilderQueryOperator {
     combinators: string[];
 }
 
-export declare interface HvQueryBuilderQueryRule {
-    id: React.Key;
-    attribute?: string;
-    operator?: string;
-    value?: HvQueryBuilderQueryRuleValue;
-}
+export declare type HvQueryBuilderQueryRule = HvOptional<QueryRule, "id">;
 
 export declare type HvQueryBuilderQueryRuleValue = string | number | boolean | HvQueryBuilderNumericRange | HvQueryBuilderDateTimeStrings | HvQueryBuilderDateTimeRange;
 
@@ -5243,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.
@@ -5462,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;
@@ -5551,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;
 
@@ -5626,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 */
@@ -5750,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 {
@@ -5783,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. */
@@ -5807,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"> {
     /**
@@ -5951,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. */
@@ -6031,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. */
@@ -6064,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>;
 
@@ -6128,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>;
 
@@ -6237,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.
@@ -6257,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"> {
     /**
@@ -6345,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"> {
     /**
@@ -6369,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
@@ -6542,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 {
 }
@@ -6572,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"> {
     /**
@@ -6603,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>;
 
@@ -6650,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. */
@@ -6729,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. */
@@ -6911,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, {
     /**
@@ -6947,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";
 
@@ -7035,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"];
 
@@ -7081,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. */
@@ -7102,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 */
@@ -7155,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. */
@@ -7311,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 {
     /**
@@ -7342,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 {
     /**
@@ -7363,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 {
     /**
@@ -7442,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 {
     /**
@@ -7482,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"> {
     /**
@@ -7556,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 {
     /**
@@ -7723,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.
@@ -7906,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";
@@ -8032,6 +8082,8 @@ export declare const progressBarClasses: {
 
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
 
+declare type Query = QueryGroup;
+
 declare type QueryAction = {
     type: "reset-query";
 } | {
@@ -8059,6 +8111,9 @@ declare type QueryAction = {
     type: "set-value";
     id: React.Key;
     value: HvQueryBuilderQueryRuleValue | null | any;
+} | {
+    type: "set-query";
+    query: Query;
 };
 
 export declare const queryBuilderClasses: {
@@ -8081,6 +8136,19 @@ export declare const queryBuilderClasses: {
     buttonBackground: "HvQueryBuilder-buttonBackground";
 };
 
+declare interface QueryGroup {
+    id: React.Key;
+    combinator: string;
+    rules: Array<QueryRule | QueryGroup>;
+}
+
+declare interface QueryRule {
+    id: React.Key;
+    attribute?: string;
+    operator?: string;
+    value?: HvQueryBuilderQueryRuleValue;
+}
+
 export declare const radioClasses: {
     container: "HvRadio-container";
     label: "HvRadio-label";
@@ -8657,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;
@@ -8685,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;
@@ -8702,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;
@@ -8722,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;
     };
@@ -8733,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;
@@ -8751,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;
@@ -8766,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;
@@ -8780,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;
@@ -8802,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;
@@ -8837,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;
@@ -8860,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;
@@ -8874,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;
@@ -8909,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;
@@ -8931,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;
     };
@@ -8942,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;
@@ -8965,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;
     };
@@ -8976,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;
@@ -8995,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;
@@ -9012,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;
@@ -9051,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;
@@ -9064,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;
@@ -9076,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;
@@ -9089,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;
@@ -9105,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;
@@ -9118,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;
     };
@@ -9129,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;
@@ -9157,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;
@@ -9174,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;
@@ -9523,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;
@@ -9551,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" | "checked" | "focusVisible" | "thumb", 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;
@@ -9560,8 +9642,8 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
         switchBase: string;
         track: string;
         checked: string;
-        focusVisible: string;
         thumb: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9621,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;
     };
@@ -10623,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;
@@ -10635,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;
@@ -10663,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;
@@ -10676,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;
@@ -10697,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;
@@ -10710,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;
     };
@@ -10721,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;
@@ -10739,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;
@@ -10766,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;
@@ -10784,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;
@@ -10798,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;
@@ -10811,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;
@@ -10825,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;
@@ -10841,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;
@@ -10858,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[];
@@ -11058,6 +11144,8 @@ export declare interface UseHvRowSelectionTableRowProps {
     selected?: boolean;
 }
 
+export declare const useHvRowState: typeof useRowState;
+
 export declare const useHvSnackbar: () => {
     enqueueSnackbar: (message: React.ReactNode, options?: HvNotistackSnackMessageProps) => SnackbarKey;
     closeSnackbar: (key?: SnackbarKey | undefined) => void;
@@ -11196,6 +11284,10 @@ export declare type UseRowSelectionProps = (<D extends object = Record<string, u
     pluginName: string;
 };
 
+export declare type UseRowStateProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
+    pluginName: string;
+};
+
 export declare function useSavedState<T>(defaultState: T): readonly [T | undefined, (value?: T, save?: boolean) => void, () => void, T | undefined, T];
 
 export declare const useSelectionPath: (data: HvHeaderNavigationItemProp[], selectedId?: string) => string[];