@hitachivantara/uikit-react-core 5.30.1 → 5.32.0

package/dist/types/index.d.ts

@@ -83,6 +83,7 @@ import { RefObject } from 'react';
 import { Renderer } from 'react-table';
 import { Row } from 'react-table';
 import { SliderProps } from 'rc-slider';
+import { SliderRef } from 'rc-slider';
 import { SnackbarCloseReason } from '@mui/material/Snackbar';
 import { SnackbarContentProps } from '@mui/material/SnackbarContent';
 import type { SnackbarKey } from 'notistack';
@@ -236,14 +237,6 @@ declare type AsProp<C extends React.ElementType> = {
     component?: C;
 };
 
-declare interface Attribute extends Record<string, unknown> {
-    id?: string;
-    label: string;
-    type: string;
-    value?: unknown;
-    order?: number;
-}
-
 export declare const avatarClasses: {
     img: "HvAvatar-img";
     root: "HvAvatar-root";
@@ -622,16 +615,6 @@ export declare interface DateRangeProp {
     endDate?: Date;
 }
 
-declare interface DateTimeRange {
-    start?: DateTimeStrings;
-    end?: DateTimeStrings;
-}
-
-declare interface DateTimeStrings {
-    date?: string;
-    time?: string;
-}
-
 export declare const decreaseSize: (size: string) => "L" | "M" | "S" | "XS";
 
 /** This type allows to do a deep partial by applying the Partial type to each key recursively */
@@ -1376,7 +1359,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  * The Base Checkbox is a building block of the Checkbox form element. Don't use unless
  * implementing a custom use case not covered by the Checkbox form element.
  */
-export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
+export declare const HvBaseCheckBox: React_2.ForwardRefExoticComponent<Omit<HvBaseCheckBoxProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_52>;
 
@@ -1453,7 +1436,7 @@ export declare type HvBaseColorKeys = HvBaseColor;
 
 export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 
-export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
+export declare const HvBaseDropdown: React_2.ForwardRefExoticComponent<Omit<HvBaseDropdownProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_14>;
 
@@ -1535,11 +1518,13 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
     /**
      * Pass a ref to the dropdown header element.
      */
-    dropdownHeaderRef?: React_2.Ref<any>;
+    dropdownHeaderRef?: React_2.Ref<HTMLDivElement>;
     /**
      * A Jss Object used to override or extend the component styles applied.
      */
     classes?: HvBaseDropdownClasses;
+    /** @ignore */
+    ref?: React_2.Ref<HTMLDivElement>;
 }
 
 /**
@@ -1593,7 +1578,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  * The Base Radio Button is a building block of the Radio Button form element. Don't
  * use unless implementing a custom use case not covered by the Radio Button form element.
  */
-export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
+export declare const HvBaseRadio: React_2.ForwardRefExoticComponent<Omit<HvBaseRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_53>;
 
@@ -1671,7 +1656,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  * The Base Switch is a building block of the Switch form element. Don't use unless
  * implementing a custom use case not covered by the Switch form element.
  */
-export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
+export declare const HvBaseSwitch: React_2.ForwardRefExoticComponent<Omit<HvBaseSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_56>;
 
@@ -2238,14 +2223,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  * It can also be used individually to represent the toggle of a single option, when
  * the Toggle Switch and Toggle Button aren't more appropriate.
  */
-export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
+export declare const HvCheckBox: ForwardRefExoticComponent<Omit<HvCheckBoxProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_57>;
 
 /**
  * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.
  */
-export declare const HvCheckBoxGroup: (props: HvCheckBoxGroupProps) => JSX_2.Element;
+export declare const HvCheckBoxGroup: ForwardRefExoticComponent<HvCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_63>;
 
@@ -2377,7 +2362,7 @@ export { HvColorAny }
  * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.
  * It receives a color string in HEX format and outputs an HEX formatted color.
  */
-export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
+export declare const HvColorPicker: ForwardRefExoticComponent<HvColorPickerProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_115>;
 
@@ -2611,7 +2596,7 @@ export declare interface HvDateColumnCellProp {
  * A date picker, popup calendar or date range picker is a graphical user
  * interface widget which allows the user to select a date from a calendar.
  */
-export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
+export declare const HvDatePicker: ForwardRefExoticComponent<HvDatePickerProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_107>;
 
@@ -2884,7 +2869,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
 /**
  * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
  */
-export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
+export declare const HvDropdown: ForwardRefExoticComponent<HvDropdownProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvDropdownClasses = ExtractNames<typeof useClasses_81>;
 
@@ -3203,7 +3188,7 @@ export declare interface HvDropdownProps extends HvBaseProps<HTMLDivElement, "on
     /**
      * Extra props passed to the dropdown.
      */
-    baseDropdownProps?: HvBaseDropdownProps;
+    baseDropdownProps?: Partial<HvBaseDropdownProps>;
     /**
      * Extra props passed to the list.
      */
@@ -3434,7 +3419,7 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
  * while we do not provide a better approach for building this component with smaller and more composable parts.
  */
-export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
+export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_105>;
 
@@ -4015,6 +4000,8 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
     buttonProps?: HvButtonProps;
     /** Props passed to the HvTypography text component */
     typographyProps?: HvTypographyProps;
+    /** Whether the editor is disabled or not. */
+    disabled?: boolean;
     /** A Jss Object used to override or extend the styles applied to the empty state component. */
     classes?: HvInlineEditorClasses;
 }
@@ -4299,7 +4286,7 @@ export declare type HvListClasses = ExtractNames<typeof useClasses_64>;
  * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.
  * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.
  */
-export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<unknown>>;
+export declare const HvListContainer: React_2.ForwardRefExoticComponent<HvListContainerProps & React_2.RefAttributes<HTMLUListElement>>;
 
 export declare type HvListContainerClasses = ExtractNames<typeof useClasses_3>;
 
@@ -4744,27 +4731,315 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
 
+export declare interface HvQueryBuilderAttribute extends Record<string, unknown> {
+    id?: string;
+    label: string;
+    type: string;
+    value?: unknown;
+    order?: number;
+}
+
 export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_114>;
 
+export declare interface HvQueryBuilderDateTimeRange {
+    start?: HvQueryBuilderDateTimeStrings;
+    end?: HvQueryBuilderDateTimeStrings;
+}
+
+export declare interface HvQueryBuilderDateTimeStrings {
+    date?: string;
+    time?: string;
+}
+
+export declare const hvQueryBuilderDefaultCombinators: {
+    operand: string;
+    label: string;
+}[];
+
+export declare const hvQueryBuilderDefaultLabels: {
+    query: {
+        delete: {
+            ariaLabel: string;
+            tooltip: string;
+            dialogTitle: string;
+            dialogMessage: string;
+            dialogConfirm: string;
+            dialogCancel: string;
+            dialogCloseTooltip: string;
+        };
+    };
+    rule: {
+        attribute: {
+            label: string;
+            placeholder: string;
+            exists: string;
+        };
+        operator: {
+            label: string;
+            placeholder: string;
+        };
+        value: {
+            distance: {
+                label: string;
+                connectorText: string;
+                button: string;
+                validation: {
+                    required: string;
+                    invalid: string;
+                };
+            };
+            text: {
+                label: string;
+                placeholder: string;
+                validation: {
+                    required: string;
+                };
+            };
+            boolean: {
+                label: string;
+                placeholder: string;
+                options: {
+                    true: string;
+                    false: string;
+                };
+            };
+            numeric: {
+                label: string;
+                placeholder: string;
+                validation: {
+                    required: string;
+                    invalid: string;
+                    equal: string;
+                    greaterThan: string;
+                };
+                range: {
+                    leftLabel: string;
+                    rightLabel: string;
+                };
+            };
+            datetime: {
+                dateLabel: string;
+                datePlaceholder: string;
+                timeLabel: string;
+                timePlaceholder: string;
+                startDateLabel: string;
+                startDatePlaceholder: string;
+                startTimeLabel: string;
+                startTimePlaceholder: string;
+                endDateLabel: string;
+                endDatePlaceholder: string;
+                endTimeLabel: string;
+                endTimePlaceholder: string;
+                validation: {
+                    required: string;
+                    invalidInterval: string;
+                };
+            };
+        };
+        delete: {
+            ariaLabel: string;
+            tooltip: string;
+            dialogTitle: string;
+            dialogMessage: string;
+            dialogConfirm: string;
+            dialogCancel: string;
+            dialogCloseTooltip: string;
+        };
+    };
+    group: {
+        delete: {
+            ariaLabel: string;
+            tooltip: string;
+            dialogTitle: string;
+            dialogMessage: string;
+            dialogConfirm: string;
+            dialogCancel: string;
+            dialogCloseTooltip: string;
+        };
+        reset: {
+            ariaLabel: string;
+            tooltip: string;
+            dialogTitle: string;
+            dialogMessage: string;
+            dialogConfirm: string;
+            dialogCancel: string;
+            dialogCloseTooltip: string;
+        };
+        addRule: {
+            label: string;
+        };
+        addGroup: {
+            label: string;
+        };
+    };
+    empty: {
+        title: string;
+        createCondition: string;
+        createGroup: string;
+        spacer: string;
+    };
+};
+
+export declare const hvQueryBuilderDefaultOperators: {
+    numeric: {
+        operator: string;
+        label: string;
+        combinators: string[];
+    }[];
+    text: {
+        operator: string;
+        label: string;
+        combinators: string[];
+    }[];
+    textarea: {
+        operator: string;
+        label: string;
+        combinators: string[];
+    }[];
+    boolean: {
+        operator: string;
+        label: string;
+        combinators: string[];
+    }[];
+    dateandtime: {
+        operator: string;
+        label: string;
+        combinators: string[];
+    }[];
+};
+
+export declare interface HvQueryBuilderLabels {
+    query?: {
+        delete?: {
+            ariaLabel: string;
+            tooltip?: string;
+        } & DialogLabels;
+        addRule?: {
+            label: string;
+        };
+        addGroup?: {
+            label: string;
+        };
+    };
+    rule: {
+        attribute: {
+            exists: string;
+            label: string;
+            placeholder: string;
+        };
+        operator: {
+            label: string;
+            placeholder: string;
+        };
+        value: {
+            distance: {
+                label: string;
+                placeholder?: string;
+                connectorText: string;
+                button: string;
+                validation: {
+                    required: string;
+                    invalid: string;
+                };
+            };
+            text: {
+                label: string;
+                placeholder: string;
+                validation: {
+                    required: string;
+                };
+            };
+            boolean: {
+                label: string;
+                placeholder: string;
+                options: Record<string, string>;
+            };
+            numeric: {
+                label: string;
+                placeholder: string;
+                validation: {
+                    required: string;
+                    invalid: string;
+                    equal: string;
+                    greaterThan: string;
+                };
+                range: {
+                    leftLabel: string;
+                    rightLabel: string;
+                };
+            };
+            datetime: {
+                dateLabel: string;
+                datePlaceholder: string;
+                timeLabel: string;
+                timePlaceholder: string;
+                startDateLabel: string;
+                startDatePlaceholder: string;
+                startTimeLabel: string;
+                startTimePlaceholder: string;
+                endDateLabel: string;
+                endDatePlaceholder: string;
+                endTimeLabel: string;
+                endTimePlaceholder: string;
+                validation: {
+                    required: string;
+                    invalidInterval: string;
+                };
+            };
+        };
+        delete: {
+            ariaLabel: string;
+            tooltip?: string;
+        } & DialogLabels;
+    };
+    group: {
+        delete: {
+            ariaLabel: string;
+            tooltip?: string;
+        } & DialogLabels;
+        reset: {
+            ariaLabel: string;
+            tooltip?: string;
+        } & DialogLabels;
+        addRule: {
+            label: string;
+        };
+        addGroup: {
+            label: string;
+        };
+    };
+    empty: {
+        title: string;
+        createCondition: string;
+        createGroup: string;
+        spacer: string;
+    };
+}
+
+export declare interface HvQueryBuilderNumericRange {
+    from: number | string;
+    to: number | string;
+}
+
 export declare interface HvQueryBuilderProps {
-    attributes?: Record<string, Attribute>;
+    attributes?: Record<string, HvQueryBuilderAttribute>;
     /**
      * The query rules operators by attribute type and combinator.
      */
-    operators?: Record<string, QueryOperator[]>;
+    operators?: Record<string, HvQueryBuilderQueryOperator[]>;
     /**
      * The query combinators operands.
      */
-    combinators?: QueryCombinator[];
+    combinators?: HvQueryBuilderQueryCombinator[];
     /**
      * The initial query representation.
      */
-    query?: Query;
+    query?: HvQueryBuilderQuery;
     /**
      * Callback fired when query changes.
-     * @param {Query} value - the query representation.
+     * @param  value - the query representation.
      */
-    onChange?: (value: Query) => void;
+    onChange?: (value: HvQueryBuilderQuery) => void;
     /**
      * Max depth of nested query groups.
      */
@@ -4772,7 +5047,7 @@ export declare interface HvQueryBuilderProps {
     /**
      * An object containing all the labels.
      */
-    labels?: QueryBuilderLabels;
+    labels?: HvQueryBuilderLabels;
     /**
      * A flag indicating if the Query Builder is in read only mode.
      */
@@ -4784,6 +5059,32 @@ export declare interface HvQueryBuilderProps {
     classes?: HvQueryBuilderClasses;
 }
 
+export declare interface HvQueryBuilderQuery {
+    id?: number;
+    combinator: string;
+    rules: Array<HvQueryBuilderQueryRule>;
+}
+
+export declare interface HvQueryBuilderQueryCombinator {
+    operand: string;
+    label: string;
+}
+
+export declare interface HvQueryBuilderQueryOperator {
+    operator: string;
+    label: string;
+    combinators: string[];
+}
+
+export declare interface HvQueryBuilderQueryRule {
+    id?: number | string;
+    attribute?: string;
+    operator?: string;
+    value?: HvQueryBuilderQueryRuleValue;
+}
+
+export declare type HvQueryBuilderQueryRuleValue = string | number | boolean | HvQueryBuilderNumericRange | HvQueryBuilderDateTimeStrings | HvQueryBuilderDateTimeRange;
+
 /**
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
  *
@@ -4793,7 +5094,7 @@ export declare interface HvQueryBuilderProps {
  * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
  * respond to the browser's native management of radio inputs checked state.
  */
-export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
+export declare const HvRadio: React_2.ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
 
@@ -4802,7 +5103,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_60>;
  *
  * A radio group is a type of selection list that can only have a single entry checked at any one time.
  */
-export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
+export declare const HvRadioGroup: ForwardRefExoticComponent<HvRadioGroupProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_65>;
 
@@ -5113,13 +5414,39 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
     classes?: HvScrollToVerticalClasses;
 }
 
+/**
+ * Sections allow grouping information on a page under the same topic.
+ */
+export declare const HvSection: (props: HvSectionProps) => JSX_2.Element;
+
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_119>;
+
+export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title"> {
+    /** The title of the section */
+    title?: React.ReactNode;
+    /** Whether or not the section is expandable.  */
+    expandable?: boolean;
+    /** Whether the section is open or not, if this property is defined the accordion must be fully controlled. */
+    expanded?: boolean;
+    /** When uncontrolled, defines the initial expanded state. */
+    defaultExpanded?: boolean;
+    /** Section actions */
+    actions?: React.ReactNode;
+    /** Section onExpand callback */
+    onToggle?: (event: React.MouseEventHandler<HTMLButtonElement>, open: boolean) => void;
+    /** Props to be passed to the expand button */
+    expandButtonProps?: HvButtonProps;
+    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    classes?: HvSectionClasses;
+}
+
 /**
  * Allows the user to select one or more items from a list of choices.
  *
  * Although it supports multi-selection, DS recommends the use of a selection list
  * when it’s clear that the user can only select just one option from the range provided.
  */
-export declare const HvSelectionList: (props: HvSelectionListProps) => JSX_2.Element;
+export declare const HvSelectionList: React_2.ForwardRefExoticComponent<HvSelectionListProps & React_2.RefAttributes<HTMLUListElement>>;
 
 export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_11>;
 
@@ -5220,7 +5547,7 @@ export { HvSize }
 /**
  * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
  */
-export declare const HvSlider: (props: HvSliderProps) => JSX_2.Element;
+export declare const HvSlider: React_2.ForwardRefExoticComponent<HvSliderProps & React_2.RefAttributes<SliderRef>>;
 
 export declare type HvSliderClasses = ExtractNames<typeof useClasses_104>;
 
@@ -5516,7 +5843,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  * Use when two states are <b>opposite</b> and to trigger immediate
  * changes in the system.
  */
-export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
+export declare const HvSwitch: React_2.ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type HvSwitchClasses = ExtractNames<typeof useClasses_59>;
 
@@ -6021,7 +6348,7 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
 /**
  * A tags input is a single or multiline control that allows the input of tags.
  */
-export declare const HvTagsInput: (props: HvTagsInputProps) => JSX_2.Element;
+export declare const HvTagsInput: React_2.ForwardRefExoticComponent<HvTagsInputProps & React_2.RefAttributes<HTMLUListElement>>;
 
 export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_62>;
 
@@ -6279,7 +6606,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
 /**
  * A Time Picker allows the user to choose a specific time or a time range.
  */
-export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
+export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
 export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
 
@@ -7134,11 +7461,6 @@ export declare type NavigationMode = "treeview" | "navigation" | "slider";
 
 export declare const normalizeProgressBar: (value: number, max: number) => number;
 
-declare interface NumericRange {
-    from: number | string;
-    to: number | string;
-}
-
 export declare const outlineStyles: {
     outlineColor: string;
     outlineStyle: string;
@@ -7204,12 +7526,6 @@ export declare const progressBarClasses: {
 
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
 
-declare interface Query {
-    id?: number;
-    combinator: string;
-    rules: Array<QueryRule>;
-}
-
 export declare const queryBuilderClasses: {
     root: "HvQueryBuilder-root";
     topGroup: "HvQueryBuilder-topGroup";
@@ -7228,134 +7544,6 @@ export declare const queryBuilderClasses: {
     buttonBackground: "HvQueryBuilder-buttonBackground";
 };
 
-declare interface QueryBuilderLabels {
-    query?: {
-        delete?: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
-        addRule?: {
-            label: string;
-        };
-        addGroup?: {
-            label: string;
-        };
-    };
-    rule: {
-        attribute: {
-            exists: string;
-            label: string;
-            placeholder: string;
-        };
-        operator: {
-            label: string;
-            placeholder: string;
-        };
-        value: {
-            distance: {
-                label: string;
-                placeholder?: string;
-                connectorText: string;
-                button: string;
-                validation: {
-                    required: string;
-                    invalid: string;
-                };
-            };
-            text: {
-                label: string;
-                placeholder: string;
-                validation: {
-                    required: string;
-                };
-            };
-            boolean: {
-                label: string;
-                placeholder: string;
-                options: Record<string, string>;
-            };
-            numeric: {
-                label: string;
-                placeholder: string;
-                validation: {
-                    required: string;
-                    invalid: string;
-                    equal: string;
-                    greaterThan: string;
-                };
-                range: {
-                    leftLabel: string;
-                    rightLabel: string;
-                };
-            };
-            datetime: {
-                dateLabel: string;
-                datePlaceholder: string;
-                timeLabel: string;
-                timePlaceholder: string;
-                startDateLabel: string;
-                startDatePlaceholder: string;
-                startTimeLabel: string;
-                startTimePlaceholder: string;
-                endDateLabel: string;
-                endDatePlaceholder: string;
-                endTimeLabel: string;
-                endTimePlaceholder: string;
-                validation: {
-                    required: string;
-                    invalidInterval: string;
-                };
-            };
-        };
-        delete: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
-    };
-    group: {
-        delete: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
-        reset: {
-            ariaLabel: string;
-            tooltip?: string;
-        } & DialogLabels;
-        addRule: {
-            label: string;
-        };
-        addGroup: {
-            label: string;
-        };
-    };
-    empty: {
-        title: string;
-        createCondition: string;
-        createGroup: string;
-        spacer: string;
-    };
-}
-
-declare interface QueryCombinator {
-    operand: string;
-    label: string;
-}
-
-declare interface QueryOperator {
-    operator: string;
-    label: string;
-    combinators: string[];
-}
-
-declare interface QueryRule {
-    id?: number | string;
-    attribute?: string;
-    operator?: string;
-    value?: QueryRuleValue;
-}
-
-declare type QueryRuleValue = string | number | boolean | NumericRange | DateTimeStrings | DateTimeRange;
-
 export declare const radioClasses: {
     label: "HvRadio-label";
     root: "HvRadio-root";
@@ -7410,6 +7598,14 @@ export declare const scrollToVerticalClasses: {
     positionAbsolute: "HvScrollToVertical-positionAbsolute";
 };
 
+export declare const sectionClasses: {
+    hidden: "HvSection-hidden";
+    content: "HvSection-content";
+    header: "HvSection-header";
+    root: "HvSection-root";
+    actions: "HvSection-actions";
+};
+
 export declare const selectionListClasses: {
     label: "HvSelectionList-label";
     root: "HvSelectionList-root";
@@ -7739,10 +7935,10 @@ export declare const treeViewItemClasses: {
     node: "HvVerticalNavigationTreeViewItem-node";
     focused: "HvVerticalNavigationTreeViewItem-focused";
     selectable: "HvVerticalNavigationTreeViewItem-selectable";
+    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     labelIcon: "HvVerticalNavigationTreeViewItem-labelIcon";
     collapsed: "HvVerticalNavigationTreeViewItem-collapsed";
     minimized: "HvVerticalNavigationTreeViewItem-minimized";
-    expandable: "HvVerticalNavigationTreeViewItem-expandable";
     unselected: "HvVerticalNavigationTreeViewItem-unselected";
     labelExpandable: "HvVerticalNavigationTreeViewItem-labelExpandable";
 };
@@ -7889,7 +8085,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, ad
     cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselectable" | "link" | "label" | "group" | "hide" | "expanded" | "disabled" | "selected" | "node" | "focused" | "selectable" | "expandable" | "labelIcon" | "collapsed" | "minimized" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
         unselectable: string;
@@ -7903,10 +8099,10 @@ declare const useClasses_103: (classesProp?: Partial<Record<"content" | "unselec
         node: string;
         focused: string;
         selectable: string;
+        expandable: string;
         labelIcon: string;
         collapsed: string;
         minimized: string;
-        expandable: string;
         unselected: string;
         labelExpandable: string;
     };
@@ -8229,6 +8425,21 @@ declare const useClasses_118: (classesProp?: Partial<Record<"placeholder" | "lab
     cx: (...args: any) => string;
 };
 
+declare const useClasses_119: (classesProp?: Partial<Record<"hidden" | "content" | "header" | "root" | "actions", string>>, addStatic?: boolean) => {
+    classes: {
+        hidden: string;
+        content: string;
+        header: string;
+        root: string;
+        actions: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+
 declare const useClasses_12: (classesProp?: Partial<Record<"root" | "popper" | "list", string>>, addStatic?: boolean) => {
     classes: {
         root: string;