@hitachivantara/uikit-react-core 5.58.3 → 5.60.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';
@@ -373,9 +374,9 @@ export declare const baseSwitchClasses: {
     switch: "HvBaseSwitch-switch";
     switchBase: "HvBaseSwitch-switchBase";
     track: "HvBaseSwitch-track";
+    thumb: "HvBaseSwitch-thumb";
     checked: "HvBaseSwitch-checked";
     focusVisible: "HvBaseSwitch-focusVisible";
-    thumb: "HvBaseSwitch-thumb";
 };
 
 export declare const breadCrumbClasses: {
@@ -1117,7 +1118,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_3.Element;
 
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_19>;
 
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange" | "children"> {
     /**
@@ -1164,14 +1165,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_3.Element;
 
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_20>;
 
 export declare interface HvActionBarProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvActionBarClasses;
 }
 
-declare type HvActionContainerClasses = ExtractNames<typeof useClasses_27>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_28>;
 
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement>, Pick<Partial<HvActionsGenericProps>, "onAction"> {
     /** Function called when clicking on the close button. */
@@ -1205,7 +1206,7 @@ export declare interface HvActionGeneric {
 
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_3.Element | null;
 
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_21>;
 
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /**
@@ -1291,7 +1292,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: HvColorAny;
 }
 
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_23>;
 
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1304,7 +1305,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
 
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_22>;
 
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1343,14 +1344,14 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: ForwardRefExoticComponent<HvAvatarProps & RefAttributes<any>>;
 
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_24>;
 
 /**
  * The AvatarGroup component is used to group multiple avatars.
  */
 export declare const HvAvatarGroup: ForwardRefExoticComponent<HvAvatarGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvAvatarGroupClasses = ExtractNames<typeof useClasses_25>;
 
 export declare interface HvAvatarGroupProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -1418,7 +1419,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_3.Element;
 
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_26>;
 
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1459,11 +1460,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_3.Element;
 
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
 
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_27>;
 
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_29>;
 
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose"> {
     /** The message to display. */
@@ -1551,7 +1552,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_30>;
 
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes"> {
     /**
@@ -1628,7 +1629,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
 export declare const HvBaseDropdown: ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_18>;
 
 export declare interface HvBaseDropdownProps extends HvBaseProps {
     /**
@@ -1723,7 +1724,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps {
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_3.Element;
 
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_17>;
 
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes"> {
     /** The input name. */
@@ -1770,7 +1771,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_31>;
 
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes"> {
     /**
@@ -1848,7 +1849,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_31>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_32>;
 
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes"> {
     /**
@@ -1938,7 +1939,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_3.Element;
 
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_33>;
 
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1970,7 +1971,7 @@ export { HvBreakpoints }
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_3.Element;
 
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_35>;
 
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
 
@@ -2069,7 +2070,7 @@ export declare const HvButton: <C extends ElementType<any, keyof JSX_2.Intrinsic
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_12>;
 
 export declare type HvButtonProps<C extends React.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the button. */
@@ -2444,7 +2445,7 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_36>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
@@ -3174,11 +3175,11 @@ declare interface HvDropdownListProps {
 }
 
 /**
- * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
+ * A dropdown menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_3.Element;
 
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_34>;
 
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -4650,11 +4651,29 @@ export declare const hvNumberFallback: (value: any) => number | "—";
 
 export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<OptionValue> & RefAttributes<HTMLLIElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvOptionClasses = ExtractNames<typeof useClasses_12>;
+/**
+ * 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>>;
 
-export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvOptionGroupClasses = ExtractNames<typeof useClasses_14>;
 
 export declare interface HvOptionGroupProps extends OptionGroupProps {
     classes?: HvOptionGroupClasses;
@@ -4871,6 +4890,7 @@ 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>;
 }
@@ -5168,10 +5188,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 +5230,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 +5240,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;
 
@@ -5674,7 +5695,7 @@ export declare type HvSelectClasses = ExtractNames<typeof useClasses_11>;
  */
 export declare const HvSelectionList: ForwardRefExoticComponent<HvSelectionListProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_15>;
 
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5732,7 +5753,7 @@ export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListEleme
     classes?: HvSelectionListClasses;
 }
 
-export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange"> {
+export declare interface HvSelectProps<OptionValue extends {}, Multiple extends boolean = false> extends Omit<HvFormElementProps, "value" | "defaultValue" | "onChange">, Pick<UseSelectParameters<OptionValue, Multiple>, "name" | "required" | "disabled" | "multiple" | "open" | "defaultOpen" | "value" | "defaultValue" | "buttonRef" | "options" | "getSerializedValue" | "onChange" | "onOpenChange">, Pick<HvButtonProps, "size" | "variant"> {
     classes?: HvSelectClasses;
     placeholder?: React.ReactNode;
     autoComplete?: string;
@@ -6097,7 +6118,7 @@ export declare interface HvSuggestion {
 
 export declare const HvSuggestions: ForwardRefExoticComponent<HvSuggestionsProps & RefAttributes<unknown>>;
 
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_16>;
 
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -7921,14 +7942,15 @@ export declare const multiButtonClasses: {
     selected: "HvMultiButton-selected";
     button: "HvMultiButton-button";
     secondaryGhost: "HvMultiButton-secondaryGhost";
+    splitDisabled: "HvMultiButton-splitDisabled";
+    multiple: "HvMultiButton-multiple";
     primaryGhost: "HvMultiButton-primaryGhost";
     primarySubtle: "HvMultiButton-primarySubtle";
     splitGroup: "HvMultiButton-splitGroup";
     splitGroupDisabled: "HvMultiButton-splitGroupDisabled";
+    splitContainer: "HvMultiButton-splitContainer";
     firstButton: "HvMultiButton-firstButton";
     lastButton: "HvMultiButton-lastButton";
-    splitContainer: "HvMultiButton-splitContainer";
-    splitDisabled: "HvMultiButton-splitDisabled";
 };
 
 export declare const multiSelectionEventHandler: (evt: any, index: number, selectionAnchor: any, allValues: any[], selectedState: boolean[], selectionCheck: any) => any[];
@@ -8031,6 +8053,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";
 } | {
@@ -8058,6 +8082,9 @@ declare type QueryAction = {
     type: "set-value";
     id: React.Key;
     value: HvQueryBuilderQueryRuleValue | null | any;
+} | {
+    type: "set-query";
+    query: Query;
 };
 
 export declare const queryBuilderClasses: {
@@ -8080,6 +8107,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";
@@ -9025,10 +9065,23 @@ declare const useClasses_119: (classesProp?: Partial<Record<"root" | "slider" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+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;
+        primary: string;
         root: string;
-        highlighted: string;
+        disabled: string;
+        semantic: string;
+        secondarySubtle: string;
+        ghost: string;
+        icon: string;
+        secondaryGhost: string;
+        primaryGhost: string;
+        primarySubtle: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+        subtle: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9177,7 +9230,19 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"root" | "highlighted", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        highlighted: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
+declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9188,7 +9253,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizontal" | "label" | "description" | "root" | "listbox" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         vertical: string;
         horizontal: string;
@@ -9206,7 +9271,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"vertical" | "horizon
     cx: (...args: any) => string;
 };
 
-declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"root" | "list" | "popper", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         list: string;
@@ -9219,7 +9284,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"root" | "list" | "po
     cx: (...args: any) => string;
 };
 
-declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" | "readOnly" | "inputBorderContainer" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootMultiline" | "input" | "inputReadOnly" | "invalid" | "resizable" | "inputRootInvalid" | "inputRootDisabled" | "inputDisabled" | "inputResizable", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9245,7 +9310,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header" | "anchor" | "root" | "headerOpen" | "headerDisabled" | "headerReadOnly" | "placeholder" | "panel" | "inputExtensionOpen" | "panelOpenedUp" | "panelOpenedDown" | "selection" | "arrowContainer" | "arrow" | "rootDisabled" | "headerOpenUp" | "headerOpenDown" | "selectionDisabled" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         header: string;
@@ -9278,7 +9343,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"container" | "header
     cx: (...args: any) => string;
 };
 
-declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "hidden", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9293,9 +9358,16 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        selected: string;
+        focus: string;
+        focusDisabled: string;
+        focused: string;
+        externalReference: string;
+        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9304,16 +9376,9 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
 
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focus" | "focusDisabled" | "focused" | "externalReference" | "falseFocus", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        selected: string;
-        focus: string;
-        focusDisabled: string;
-        focused: string;
-        externalReference: string;
-        falseFocus: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9322,7 +9387,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"root" | "button" | "actionContainer" | "dropDownMenu" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         button: string;
@@ -9338,7 +9403,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root" | "button" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "title" | "single" | "actionsContainer" | "open" | "item" | "titleAnchor" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         title: string;
@@ -9365,7 +9430,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "title" | "s
     cx: (...args: any) => string;
 };
 
-declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"typography" | "root" | "disabled" | "icon" | "title" | "selected" | "iconUrl" | "iconInfo" | "titleAnchor", string>>, addStatic?: boolean) => {
     classes: {
         typography: string;
         root: string;
@@ -9384,7 +9449,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"typography" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"container" | "xs" | "sm" | "md" | "lg" | "xl" | "root" | "square" | "img" | "status" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         xs: string;
@@ -9408,7 +9473,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"container" | "xs" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"root" | "row" | "column", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         row: string;
@@ -9421,7 +9486,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"root" | "row" | "col
     cx: (...args: any) => string;
 };
 
-declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -9439,7 +9504,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
 
-declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -9453,7 +9518,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"actionContainer" | "actionsInnerContainer" | "closeAction" | "iconContainer", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         actionsInnerContainer: string;
@@ -9467,7 +9532,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
 
-declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "error" | "message" | "success" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         warning: string;
         root: string;
@@ -9486,12 +9551,9 @@ declare const useClasses_28: (classesProp?: Partial<Record<"warning" | "root" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        disabled: string;
-        icon: string;
-        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9500,9 +9562,12 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        disabled: string;
+        icon: string;
+        focusVisible: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9511,7 +9576,7 @@ 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_31: (classesProp?: Partial<Record<"root" | "disabled" | "icon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9525,7 +9590,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_31: (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" | "thumb" | "checked" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         disabled: string;
@@ -9533,9 +9598,9 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
         switch: string;
         switchBase: string;
         track: string;
+        thumb: string;
         checked: string;
         focusVisible: string;
-        thumb: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9544,7 +9609,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"link" | "root" | "a" | "centerContainer" | "separatorContainer" | "orderedList" | "currentPage", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         root: string;
@@ -9561,7 +9626,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"link" | "root" | "a"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"container" | "root" | "icon" | "iconSelected" | "baseContainer" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
@@ -9578,7 +9643,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" | "divider" | "selectAll" | "actions" | "selectAllContainer" | "selectAllPages", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9595,7 +9660,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
 
-declare const useClasses_35: (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" | "checkbox" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         label: string;
@@ -9613,31 +9678,6 @@ declare const useClasses_35: (classesProp?: Partial<Record<"container" | "label"
     cx: (...args: any) => string;
 };
 
-declare const useClasses_36: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "secondarySubtle" | "ghost" | "icon" | "secondaryGhost" | "primaryGhost" | "primarySubtle" | "startIcon" | "endIcon" | "focusVisible" | "subtle", string>>, addStatic?: boolean) => {
-    classes: {
-        secondary: string;
-        primary: string;
-        root: string;
-        disabled: string;
-        semantic: string;
-        secondarySubtle: string;
-        ghost: string;
-        icon: string;
-        secondaryGhost: string;
-        primaryGhost: string;
-        primarySubtle: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-        subtle: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-
 declare const useClasses_37: (classesProp?: Partial<Record<"root" | "focusSelection" | "calendarMonthlyCell" | "calendarMonthlyCellSelected" | "rangeCalendarContainer" | "singleCalendar", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
@@ -10634,7 +10674,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" | "primaryGhost" | "primarySubtle" | "splitGroup" | "splitGroupDisabled" | "firstButton" | "lastButton" | "splitContainer" | "splitDisabled", string>>, addStatic?: boolean) => {
+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) => {
     classes: {
         secondary: string;
         primary: string;
@@ -10645,14 +10685,15 @@ declare const useClasses_87: (classesProp?: Partial<Record<"secondary" | "primar
         selected: string;
         button: string;
         secondaryGhost: string;
+        splitDisabled: string;
+        multiple: string;
         primaryGhost: string;
         primarySubtle: string;
         splitGroup: string;
         splitGroupDisabled: string;
+        splitContainer: string;
         firstButton: string;
         lastButton: string;
-        splitContainer: string;
-        splitDisabled: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -11056,6 +11097,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;
@@ -11194,6 +11237,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[];