npm - @hitachivantara/uikit-react-core - Versions diffs - 5.24.1 → 5.24.2 - Mend

@hitachivantara/uikit-react-core 5.24.1 → 5.24.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/dist/types/index.d.ts CHANGED Viewed

@@ -825,47 +825,20 @@ export declare const formElementClasses: {
     root: "HvFormElement-root";
 };
-export declare const getBorderStyles: (type: string, color: string, borderRadius?: string) => {
-    "& td:first-of-type": {
-        borderLeft: string;
-        borderTop: string;
-        borderBottom: string;
-        borderRadius: string;
-    };
-    "& td:last-child": {
-        borderRight: string;
-        borderTop: string;
-        borderBottom: string;
-        borderRadius: string;
-    };
-    "& td:not(:first-of-type):not(:last-child)": {
+export declare const getBorderStyles: (type: "row", color?: string, rowBorderRadius?: string) => {
+    "& td": {
         borderTop: string;
         borderBottom: string;
     };
-    ":first-of-type&"?: undefined;
-    ":last-child&"?: undefined;
-    ":not(:first-of-type):not(:last-child)&"?: undefined;
-} | {
-    ":first-of-type&": {
+    "& td:first-of-type": {
         borderLeft: string;
-        borderTop: string;
-        borderBottom: string;
         borderRadius: string;
     };
-    ":last-child&": {
+    "& td:last-of-type": {
         borderRight: string;
-        borderTop: string;
-        borderBottom: string;
         borderRadius: string;
     };
-    ":not(:first-of-type):not(:last-child)&": {
-        borderTop: string;
-        borderBottom: string;
-    };
-    "& td:first-of-type"?: undefined;
-    "& td:last-child"?: undefined;
-    "& td:not(:first-of-type):not(:last-child)"?: undefined;
-} | undefined;
+};
 export declare const getClasses: <T extends string, N extends string>(keys: T[], name: N) => { [P in T]: `${N}-${P}`; };
@@ -932,11 +905,11 @@ export declare const globalActionsClasses: {
     global: "HvGlobalActions-global";
     wrapper: "HvGlobalActions-wrapper";
     actions: "HvGlobalActions-actions";
-    backButton: "HvGlobalActions-backButton";
-    globalSectionArea: "HvGlobalActions-globalSectionArea";
-    positionFixed: "HvGlobalActions-positionFixed";
     positionSticky: "HvGlobalActions-positionSticky";
+    positionFixed: "HvGlobalActions-positionFixed";
     globalWrapperComplement: "HvGlobalActions-globalWrapperComplement";
+    globalSectionArea: "HvGlobalActions-globalSectionArea";
+    backButton: "HvGlobalActions-backButton";
 };
 export declare const gridClasses: {
@@ -1012,7 +985,7 @@ export declare type HvAccentColors = Record<HvAccentColorKeys, string>;
  */
 export declare const HvAccordion: (props: HvAccordionProps) => JSX_2.Element;
-export declare type HvAccordionClasses = ExtractNames<typeof useClasses_12>;
+export declare type HvAccordionClasses = ExtractNames<typeof useClasses_13>;
 export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -1067,14 +1040,14 @@ export declare interface HvAccordionProps extends HvBaseProps<HTMLDivElement, "o
 export declare const HvActionBar: (props: HvActionBarProps) => JSX_2.Element;
-export declare type HvActionBarClasses = ExtractNames<typeof useClasses_11>;
+export declare type HvActionBarClasses = ExtractNames<typeof useClasses_12>;
 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_54>;
+declare type HvActionContainerClasses = ExtractNames<typeof useClasses_59>;
 declare interface HvActionContainerProps extends HvBaseProps<HTMLButtonElement> {
     /** onClose function. */
@@ -1098,7 +1071,7 @@ export declare interface HvActionGeneric {
 export declare const HvActionsGeneric: (props: HvActionsGenericProps) => JSX_2.Element | null;
-export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_50>;
+export declare type HvActionsGenericClasses = ExtractNames<typeof useClasses_55>;
 export declare interface HvActionsGenericProps extends HvBaseProps {
     /** Button category. */
@@ -1170,7 +1143,7 @@ export declare interface HvAppSwitcherActionApplication {
     color?: string;
 }
-export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_38>;
+export declare type HvAppSwitcherActionClasses = ExtractNames<typeof useClasses_42>;
 export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     /** The application data to be used to render the Action object. */
@@ -1183,7 +1156,7 @@ export declare interface HvAppSwitcherActionProps extends HvBaseProps {
     classes?: HvAppSwitcherActionClasses;
 }
-export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_37>;
+export declare type HvAppSwitcherClasses = ExtractNames<typeof useClasses_41>;
 export declare interface HvAppSwitcherProps extends HvBaseProps {
     /** Number of columns to render. One, two, or whatever fits the component's width. */
@@ -1220,7 +1193,7 @@ export declare type HvAtmosphereColors = Record<HvAtmosphereColorKeys, string>;
  */
 export declare const HvAvatar: (props: HvAvatarProps) => JSX_2.Element;
-export declare type HvAvatarClasses = ExtractNames<typeof useClasses_13>;
+export declare type HvAvatarClasses = ExtractNames<typeof useClasses_14>;
 export declare interface HvAvatarProps extends HvBaseProps {
     /** Inline styles to be applied to the root element. */
@@ -1271,7 +1244,7 @@ export declare type HvAvatarVariant = "circular" | "square";
  */
 export declare const HvBadge: (props: HvBadgeProps) => JSX_2.Element;
-export declare type HvBadgeClasses = ExtractNames<typeof useClasses_14>;
+export declare type HvBadgeClasses = ExtractNames<typeof useClasses_15>;
 export declare interface HvBadgeProps extends HvBaseProps {
     /**
@@ -1312,11 +1285,11 @@ export declare const HvBanner: (props: HvBannerProps) => JSX_2.Element;
 export declare type HvBannerActionPosition = "auto" | "inline" | "bottom-right";
-export declare type HvBannerClasses = ExtractNames<typeof useClasses_53>;
+export declare type HvBannerClasses = ExtractNames<typeof useClasses_58>;
 export declare const HvBannerContent: ForwardRefExoticComponent<Omit<HvBannerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_55>;
+export declare type HvBannerContentClasses = ExtractNames<typeof useClasses_60>;
 export declare interface HvBannerContentProps extends Omit<SnackbarContentProps, "variant" | "classes" | "onClose">, HvBaseProps {
     /** The message to display. */
@@ -1384,7 +1357,7 @@ export declare type HvBannerVariant = "success" | "warning" | "error" | "default
  */
 export declare const HvBaseCheckBox: (props: HvBaseCheckBoxProps) => JSX_2.Element;
-export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_35>;
+export declare type HvBaseCheckBoxClasses = ExtractNames<typeof useClasses_39>;
 export declare interface HvBaseCheckBoxProps extends Omit<CheckboxProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1459,7 +1432,7 @@ export declare type HvBaseColors = Record<HvBaseColorKeys, string>;
 export declare const HvBaseDropdown: (props: HvBaseDropdownProps) => JSX_2.Element;
-export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_10>;
+export declare type HvBaseDropdownClasses = ExtractNames<typeof useClasses_11>;
 export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement, "placeholder"> {
     /**
@@ -1548,7 +1521,7 @@ export declare interface HvBaseDropdownProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvBaseInput: (props: HvBaseInputProps) => JSX_2.Element;
-export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_9>;
+export declare type HvBaseInputClasses = ExtractNames<typeof useClasses_10>;
 export declare interface HvBaseInputProps extends Omit<InputProps, "onChange" | "classes">, HvBaseProps<HTMLDivElement, "onChange" | "color" | "onBlur" | "onFocus" | "onInvalid" | "onKeyDown" | "onKeyUp"> {
     /** The input name. */
@@ -1595,7 +1568,7 @@ export declare type HvBaseProps<E extends HTMLElement = HTMLDivElement, K extend
  */
 export declare const HvBaseRadio: (props: HvBaseRadioProps) => JSX_2.Element;
-export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_36>;
+export declare type HvBaseRadioClasses = ExtractNames<typeof useClasses_40>;
 export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1673,7 +1646,7 @@ export declare interface HvBaseRadioProps extends Omit<RadioProps, "onChange" |
  */
 export declare const HvBaseSwitch: (props: HvBaseSwitchProps) => JSX_2.Element;
-export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_39>;
+export declare type HvBaseSwitchClasses = ExtractNames<typeof useClasses_43>;
 export declare interface HvBaseSwitchProps extends Omit<SwitchProps, "onChange" | "classes">, HvBaseProps<HTMLButtonElement, "onChange" | "color"> {
     /**
@@ -1763,7 +1736,7 @@ export declare type HvBoxProps = <C extends React.ElementType = "div">(props: Hv
  */
 export declare const HvBreadCrumb: (props: HvBreadCrumbProps) => JSX_2.Element;
-export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_51>;
+export declare type HvBreadCrumbClasses = ExtractNames<typeof useClasses_56>;
 export declare interface HvBreadCrumbPathElement extends Record<string, any> {
     label: string;
@@ -1795,7 +1768,7 @@ export declare type HvBreakpoints = "xs" | "sm" | "md" | "lg" | "xl";
  */
 export declare const HvBulkActions: (props: HvBulkActionsProps) => JSX_2.Element;
-export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_59>;
+export declare type HvBulkActionsClasses = ExtractNames<typeof useClasses_64>;
 export declare type HvBulkActionsPropGetter<D extends object> = PropGetter<D, HvTAbleBulkActionsProps>;
@@ -1869,7 +1842,7 @@ export declare interface HvBulkActionsProps extends HvBaseProps {
  */
 export declare const HvButton: <C extends React_2.ElementType = "button">(props: HvButtonProps<C>) => React_2.ReactElement | null;
-export declare type HvButtonClasses = ExtractNames<typeof useClasses_15>;
+export declare type HvButtonClasses = ExtractNames<typeof useClasses_16>;
 export declare type HvButtonProps<C extends React_2.ElementType = "button"> = PolymorphicComponentRef<C, {
     /** Use the variant prop to change the visual style of the Button. */
@@ -2046,11 +2019,11 @@ export declare interface HvCalendarProps {
  */
 export declare const HvCard: (props: HvCardProps) => JSX_2.Element;
-export declare type HvCardClasses = ExtractNames<typeof useClasses_16>;
+export declare type HvCardClasses = ExtractNames<typeof useClasses_17>;
 export declare const HvCardContent: ({ id, classes: classesProp, className, children, onClick, ...others }: HvCardContentProps) => JSX_2.Element;
-export declare type HvCardContentClasses = ExtractNames<typeof useClasses_18>;
+export declare type HvCardContentClasses = ExtractNames<typeof useClasses_19>;
 export declare interface HvCardContentProps extends Omit<CardContentProps, "classes">, HvBaseProps {
     /** Id to be applied to the root node. */
@@ -2063,7 +2036,7 @@ export declare interface HvCardContentProps extends Omit<CardContentProps, "clas
 export declare const HvCardHeader: ({ classes: classesProp, className, title, subheader, icon, onClick, ...others }: HvCardHeaderProps) => JSX_2.Element;
-export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_17>;
+export declare type HvCardHeaderClasses = ExtractNames<typeof useClasses_18>;
 export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classes">, HvBaseProps<HTMLDivElement, "title"> {
     /** The renderable content inside the title slot of the header. */
@@ -2080,7 +2053,7 @@ export declare interface HvCardHeaderProps extends Omit<CardHeaderProps, "classe
 export declare const HvCardMedia: ({ id, classes: classesProp, className, children, title, onClick, ...others }: HvCardMediaProps) => JSX_2.Element;
-export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_19>;
+export declare type HvCardMediaClasses = ExtractNames<typeof useClasses_20>;
 export declare interface HvCardMediaProps extends Omit<CardMediaProps, "classes">, ImgHTMLAttributes<HTMLDivElement>, HvBaseProps<HTMLDivElement, "onClick" | "title"> {
     /** Id to be applied to the root node. */
@@ -2121,13 +2094,13 @@ export declare interface HvCardProps extends HvBaseProps {
  */
 export declare const HvCarousel: (props: HvCarouselProps) => JSX_2.Element;
-export declare type HvCarouselClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvCarouselClasses = ExtractNames<typeof useClasses_90>;
 export declare const HvCarouselControls: (props: HvCarouselControlsProps) => JSX_2.Element;
 declare interface HvCarouselControlsProps extends HvBaseProps<HTMLDivElement>, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     showDots?: boolean;
-    classes?: ExtractNames<typeof useClasses_84>;
+    classes?: ExtractNames<typeof useClasses_90>;
     actions?: ReactNode;
     onPreviousClick?: MouseEventHandler<HTMLButtonElement>;
     onNextClick?: MouseEventHandler<HTMLButtonElement>;
@@ -2174,7 +2147,7 @@ export declare interface HvCarouselProps extends HvBaseProps<HTMLDivElement, "ti
  */
 export declare const HvCarouselSlide: ({ classes: classesProp, className, children, size: flexBasis, src, alt, ...props }: HvCarouselSlideProps) => JSX_2.Element;
-export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvCarouselSlideClasses = ExtractNames<typeof useClasses_91>;
 export declare interface HvCarouselSlideProps extends ImgHTMLAttributes<HTMLImageElement> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -2189,7 +2162,7 @@ export declare const HvCarouselThumbnails: ForwardRefExoticComponent<HvCarouselT
 declare interface HvCarouselThumbnailsProps extends HvBaseProps<HTMLDivElement, "children">, Pick<HvPaginationProps, "page" | "pages" | "canPrevious" | "canNext"> {
     width?: CSSProperties["width"];
-    classes?: ExtractNames<typeof useClasses_84>;
+    classes?: ExtractNames<typeof useClasses_90>;
     onThumbnailClick?: (event: MouseEvent_2<HTMLButtonElement>, index: number) => void;
     thumbnailProps?: Partial<HvButtonProps>;
     showDots?: boolean;
@@ -2251,14 +2224,14 @@ export declare interface HvCharCounterProps extends HvBaseProps {
  */
 export declare const HvCheckBox: (props: HvCheckBoxProps) => JSX_2.Element;
-export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_40>;
+export declare type HvCheckBoxClasses = ExtractNames<typeof useClasses_44>;
 /**
  * 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 type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_44>;
+export declare type HvCheckBoxGroupClasses = ExtractNames<typeof useClasses_49>;
 export declare interface HvCheckBoxGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2386,7 +2359,7 @@ export declare type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEven
  */
 export declare const HvColorPicker: (props: HvColorPickerProps) => JSX_2.Element;
-export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvColorPickerClasses = ExtractNames<typeof useClasses_89>;
 export declare interface HvColorPickerProps {
     "aria-label"?: string;
@@ -2501,7 +2474,7 @@ declare type HvColumnWithStrictAccessor<D extends object = Record<string, unknow
 export declare const HvContainer: ForwardRefExoticComponent<Omit<HvContainerProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvContainerClasses = ExtractNames<typeof useClasses_20>;
+export declare type HvContainerClasses = ExtractNames<typeof useClasses_21>;
 export declare interface HvContainerProps extends Omit<ContainerProps, "classes">, HvBaseProps {
     /**
@@ -2530,7 +2503,7 @@ export declare interface HvContainerProps extends Omit<ContainerProps, "classes"
 export declare const HvControls: (props: HvControlsProps) => JSX_2.Element;
-export declare type HvControlsClasses = ExtractNames<typeof useClasses_70>;
+export declare type HvControlsClasses = ExtractNames<typeof useClasses_76>;
 export declare interface HvControlsProps extends HvBaseProps {
     /**
@@ -2615,7 +2588,7 @@ export declare interface HvDateColumnCellProp {
  */
 export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
-export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_81>;
 export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -2789,7 +2762,7 @@ export declare type HvDatePickerStatus = HvFormStatus;
 export declare const HvDialog: (props: HvDialogProps) => JSX_2.Element;
-export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_23>;
+export declare type HvDialogActionClasses = ExtractNames<typeof useClasses_24>;
 export declare const HvDialogActions: (props: HvDialogActionsProps) => JSX_2.Element;
@@ -2800,11 +2773,11 @@ export declare interface HvDialogActionsProps extends Omit<DialogActionsProps, "
     classes?: HvDialogActionClasses;
 }
-export declare type HvDialogClasses = ExtractNames<typeof useClasses_24>;
+export declare type HvDialogClasses = ExtractNames<typeof useClasses_25>;
 export declare const HvDialogContent: (props: HvDialogContentProps) => JSX_2.Element;
-export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_22>;
+export declare type HvDialogContentClasses = ExtractNames<typeof useClasses_23>;
 export declare interface HvDialogContentProps extends Omit<DialogContentProps, "classes">, HvBaseProps {
     /** Content should be indented in relationship to the Dialog title. */
@@ -2844,7 +2817,7 @@ export declare interface HvDialogProps extends Omit<DialogProps, "fullScreen" |
 export declare const HvDialogTitle: (props: HvDialogTitleProps) => JSX_2.Element;
-export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_21>;
+export declare type HvDialogTitleClasses = ExtractNames<typeof useClasses_22>;
 export declare interface HvDialogTitleProps extends Omit<DialogTitleProps, "variant" | "classes">, HvBaseProps<HTMLSpanElement, "color"> {
     /** Variant of the dialog title. */
@@ -2865,7 +2838,7 @@ export declare type HvDialogTitleVariant = "success" | "warning" | "error" | "in
  */
 export declare const HvDotPagination: (props: HvDotPaginationProps) => JSX_2.Element;
-export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_52>;
+export declare type HvDotPaginationClasses = ExtractNames<typeof useClasses_57>;
 export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "classes"> {
     /**
@@ -2909,7 +2882,7 @@ export declare interface HvDotPaginationProps extends Omit<HvRadioGroupProps, "c
  */
 export declare const HvDrawer: (props: HvDrawerProps) => JSX_2.Element;
-export declare type HvDrawerClasses = ExtractNames<typeof useClasses_25>;
+export declare type HvDrawerClasses = ExtractNames<typeof useClasses_26>;
 export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "classes">, HvBaseProps<HTMLDivElement> {
     /**
@@ -2953,7 +2926,7 @@ export declare interface HvDrawerProps extends DrawerProps, Omit<DrawerProps, "c
  */
 export declare const HvDropdown: (props: HvDropdownProps) => JSX_2.Element;
-export declare type HvDropdownClasses = ExtractNames<typeof useClasses_60>;
+export declare type HvDropdownClasses = ExtractNames<typeof useClasses_66>;
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void): HvTableColumnConfig<D, H>;
@@ -2999,7 +2972,7 @@ export declare interface HvDropdownLabelsProps {
     searchPlaceholder?: string;
 }
-declare type HvDropdownListClasses = ExtractNames<typeof useClasses_61>;
+declare type HvDropdownListClasses = ExtractNames<typeof useClasses_67>;
 declare interface HvDropdownListProps {
     /**
@@ -3074,7 +3047,7 @@ declare interface HvDropdownListProps {
  */
 export declare const HvDropDownMenu: (props: HvDropDownMenuProps) => JSX_2.Element;
-export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_48>;
+export declare type HvDropDownMenuClasses = ExtractNames<typeof useClasses_53>;
 export declare interface HvDropDownMenuProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     /** Icon. */
@@ -3339,7 +3312,7 @@ declare interface HvDropZoneLabels {
  */
 export declare const HvEmptyState: (props: HvEmptyStateProps) => JSX_2.Element;
-export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_26>;
+export declare type HvEmptyStateClasses = ExtractNames<typeof useClasses_27>;
 export declare interface HvEmptyStateProps extends HvBaseProps<HTMLDivElement, "title"> {
     /** Icon to be presented. */
@@ -3367,7 +3340,7 @@ export { HvExtraProps }
 export declare const HvFile: ({ id, classes: classesProp, data, onFileRemoved, removeFileButtonLabel, }: HvFileProps) => JSX_2.Element;
-export declare type HvFileClasses = ExtractNames<typeof useClasses_47>;
+export declare type HvFileClasses = ExtractNames<typeof useClasses_52>;
 export declare interface HvFileData extends Omit<File, "name" | "size"> {
     /**
@@ -3448,7 +3421,7 @@ export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
  */
 export declare const HvFileUploaderPreview: ({ className, children, classes: classesProp, disableOverlay, onUnload, onClick, ...others }: HvFileUploaderPreviewProps) => JSX_2.Element;
-export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_46>;
+export declare type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses_51>;
 export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps, "children" | "classes"> {
     /**
@@ -3523,9 +3496,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: (props: HvFilterGroupProps) => JSX_2.Element;
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_73>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_79>;
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_74>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_80>;
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3681,7 +3654,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: (props: HvFooterProps) => JSX_2.Element;
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_27>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_28>;
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3801,18 +3774,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: (props: HvGlobalActionsProps) => JSX_2.Element;
-export declare interface HvGlobalActionsClasses {
-    root?: string;
-    global?: string;
-    backButton?: string;
-    globalSectionArea?: string;
-    actions?: string;
-    wrapper?: string;
-    name?: string;
-    positionFixed?: string;
-    positionSticky?: string;
-    globalWrapperComplement?: string;
-}
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_65>;
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -3998,7 +3960,7 @@ export declare const HvHeader: (props: HvHeaderProps) => JSX_2.Element;
 export declare const HvHeaderActions: (props: HvHeaderActionsProps) => JSX_2.Element;
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_29>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_30>;
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -4009,7 +3971,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: (props: HvHeaderBrandProps) => JSX_2.Element;
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_30>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_31>;
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -4017,7 +3979,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_28>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_29>;
 declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> extends HvColumnInstance<D, H>, Omit<UseTableHeaderGroupProps<D>, "headers"> {
     headers: Array<HvHeaderGroup<D, H>>;
@@ -4035,7 +3997,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 export declare const HvHeaderMenuItem: ({ id, item, type, onClick, levels, currentLevel, classes: classesProp, className, }: HvHeaderMenuItemProps) => JSX_2.Element;
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_31>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_32>;
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -4048,7 +4010,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 export declare const HvHeaderNavigation: (props: HvHeaderNavigationProps) => JSX_2.Element;
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_32>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_33>;
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -4102,7 +4064,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_78>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_84>;
 /**
  * Provides the user with additional descriptive text for the form element.
@@ -4126,7 +4088,7 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  */
 export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_80>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_86>;
 export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
     /** The value of the form element. */
@@ -4154,7 +4116,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
  */
 export declare const HvInput: React_2.ForwardRefExoticComponent<HvInputProps & React_2.RefAttributes<InputElement>>;
-export declare type HvInputClasses = ExtractNames<typeof useClasses_41>;
+export declare type HvInputClasses = ExtractNames<typeof useClasses_45>;
 export declare interface HvInputLabels {
     /** The label of the clear button. */
@@ -4400,7 +4362,7 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
 export declare const HvLeftControl: ({ id, classes: classesProp, className, children, placeholder, onSearch, hideSearch, searchProps, ...others }: HvLeftControlProps) => JSX_2.Element;
-export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_71>;
+export declare type HvLeftControlClasses = ExtractNames<typeof useClasses_77>;
 export declare interface HvLeftControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -4624,19 +4586,7 @@ export declare interface HvListValue extends HvExtraProps {
  */
 export declare const HvLoading: (props: HvLoadingProps) => JSX_2.Element;
-export declare interface HvLoadingClasses {
-    root?: string;
-    barContainer?: string;
-    loadingBar?: string;
-    label?: string;
-    overlay?: string;
-    blur?: string;
-    hidden?: string;
-    small?: string;
-    regular?: string;
-    smallColor?: string;
-    regularColor?: string;
-}
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_34>;
 export declare interface HvLoadingProps extends HvBaseProps {
     /** Indicates if the component should be render in a small size. */
@@ -4655,7 +4605,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: (props: HvLoginProps) => JSX_2.Element;
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_69>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_75>;
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4752,7 +4702,7 @@ export declare interface HvOverflowTooltipProps extends HvBaseProps {
  */
 export declare const HvPagination: (props: HvPaginationProps) => JSX_2.Element;
-export declare type HvPaginationClasses = ExtractNames<typeof useClasses_49>;
+export declare type HvPaginationClasses = ExtractNames<typeof useClasses_54>;
 export declare interface HvPaginationLabels {
     /** The show label. */
@@ -4825,7 +4775,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: (props: HvPanelProps) => JSX_2.Element;
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_33>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_35>;
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4836,7 +4786,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_2.Element;
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_34>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_36>;
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4939,7 +4889,7 @@ export declare interface HvProviderProps {
  */
 export declare const HvQueryBuilder: (props: HvQueryBuilderProps) => JSX_2.Element;
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_82>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_88>;
 export declare interface HvQueryBuilderProps {
     attributes?: Record<string, Attribute>;
@@ -4990,7 +4940,7 @@ export declare interface HvQueryBuilderProps {
  */
 export declare const HvRadio: (props: HvRadioProps) => JSX_2.Element;
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_43>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_47>;
 /**
  * A group of radio buttons.
@@ -4999,7 +4949,7 @@ export declare type HvRadioClasses = ExtractNames<typeof useClasses_43>;
  */
 export declare const HvRadioGroup: (props: HvRadioGroupProps) => JSX_2.Element;
-export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_45>;
+export declare type HvRadioGroupClasses = ExtractNames<typeof useClasses_50>;
 export declare interface HvRadioGroupProps extends HvBaseProps<HTMLDivElement, "onChange"> {
     /**
@@ -5190,7 +5140,7 @@ export declare type HvRadioStatus = "standBy" | "valid" | "invalid";
 export declare const HvRightControl: ({ id, classes: classesProp, className, children, values, onSort, hideSortBy, sortProps, ...others }: HvRightControlProps) => JSX_2.Element;
-export declare type HvRightControlClasses = ExtractNames<typeof useClasses_72>;
+export declare type HvRightControlClasses = ExtractNames<typeof useClasses_78>;
 export declare interface HvRightControlProps extends HvBaseProps {
     /** if `true` the hide sort by dropdown is not rendered */
@@ -5229,7 +5179,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_2.Element;
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_79>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_85>;
 export declare interface HvScrollToHorizontalOption {
     key?: string;
@@ -5282,7 +5232,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_2.Element;
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_83>;
 export declare interface HvScrollToVerticalOption {
     key?: string;
@@ -5336,16 +5286,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSelectionList: (props: HvSelectionListProps) => JSX_2.Element;
-export declare interface HvSelectionListClasses {
-    root?: string;
-    error?: string;
-    listbox?: string;
-    label?: string;
-    description?: string;
-    horizontal?: string;
-    vertical?: string;
-    invalid?: string;
-}
+export declare type HvSelectionListClasses = ExtractNames<typeof useClasses_8>;
 export declare interface HvSelectionListProps extends HvBaseProps<HTMLUListElement, "onChange"> {
     /** The form element name. */
@@ -5598,11 +5539,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ({ classes: classesProp, className, id, open, onClose, label, anchorOrigin, autoHideDuration, variant, showIcon, customIcon, action, actionCallback, transitionDuration, transitionDirection, offset, snackbarContentProps, ...others }: HvSnackbarProps) => JSX_2.Element;
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_56>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_61>;
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_57>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_62>;
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes">, HvBaseProps {
     /** The message to display. */
@@ -5656,7 +5597,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, ...others }: HvSnackbarProviderProps) => JSX_2.Element;
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_58>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_63>;
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5686,9 +5627,7 @@ export declare const HvStack: (props: HvStackProps) => JSX_2.Element;
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
-export declare interface HvStackClasses {
-    root?: string;
-}
+export declare type HvStackClasses = ExtractNames<typeof useClasses_37>;
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
@@ -5721,7 +5660,7 @@ export declare interface HvSuggestion {
 export declare const HvSuggestions: React_2.ForwardRefExoticComponent<HvSuggestionsProps & React_2.RefAttributes<unknown>>;
-export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_8>;
+export declare type HvSuggestionsClasses = ExtractNames<typeof useClasses_9>;
 export declare interface HvSuggestionsProps extends HvBaseProps {
     /** Whether suggestions is visible. */
@@ -5750,7 +5689,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: (props: HvSwitchProps) => JSX_2.Element;
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_42>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_46>;
 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>;
@@ -5900,7 +5839,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: React_2.ForwardRefExoticComponent<HvTableBodyProps & React_2.RefAttributes<HTMLElement>>;
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_64>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_70>;
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -5934,7 +5873,7 @@ export declare const HvTableCell: ForwardRefExoticComponent<HvTableCellProps & R
 export declare type HvTableCellAlign = "center" | "inherit" | "justify" | "left" | "right";
-export declare type HvTableCellClasses = ExtractNames<typeof useClasses_68>;
+export declare type HvTableCellClasses = ExtractNames<typeof useClasses_74>;
 export declare interface HvTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */
@@ -5973,7 +5912,7 @@ export declare type HvTableCellType = "body" | "footer" | "head";
 export declare type HvTableCellVariant = "checkbox" | "expand" | "actions" | "default" | "none";
-export declare type HvTableClasses = ExtractNames<typeof useClasses_62>;
+export declare type HvTableClasses = ExtractNames<typeof useClasses_68>;
 export declare type HvTableColumnConfig<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvColumnGroup<D, H> | HvColumnWithLooseAccessor<D, H> | HvColumnWithStrictAccessor<D, H>;
@@ -5987,7 +5926,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_63>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_69>;
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6011,14 +5950,14 @@ 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_65>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_71>;
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
  */
 export declare const HvTableHeader: ForwardRefExoticComponent<HvTableHeaderProps & RefAttributes<HTMLElement>>;
-export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_66>;
+export declare type HvTableHeaderClasses = ExtractNames<typeof useClasses_72>;
 export declare interface HvTableHeaderProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, "align"> {
     /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */
@@ -6157,7 +6096,7 @@ export declare interface HvTableProps extends TableHTMLAttributes<HTMLTableEleme
  */
 export declare const HvTableRow: ForwardRefExoticComponent<HvTableRowProps & RefAttributes<HTMLElement>>;
-export declare type HvTableRowClasses = ExtractNames<typeof useClasses_67>;
+export declare type HvTableRowClasses = ExtractNames<typeof useClasses_73>;
 export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement, "children"> {
     /** Content to be rendered */
@@ -6201,12 +6140,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children">, HvBasePr
  */
 export declare const HvTabs: (props: HvTabsProps) => JSX_2.Element;
-export declare interface HvTabsClasses {
-    root?: string;
-    flexContainer?: string;
-    indicator?: string;
-    scroller?: string;
-}
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_38>;
 export declare interface HvTabsProps extends TabsProps, HvBaseProps<HTMLButtonElement, "onChange"> {
     /**
@@ -6410,20 +6344,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<Omit<HvTextAreaProps, "ref"> & RefAttributes<any>>;
-export declare interface HvTextAreaClasses {
-    root?: string;
-    disabled?: string;
-    resizable?: string;
-    invalid?: string;
-    baseInput?: string;
-    input?: string;
-    inputResizable?: string;
-    labelContainer?: string;
-    label?: string;
-    description?: string;
-    characterCounter?: string;
-    error?: string;
-}
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_48>;
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus"> {
     /**
@@ -6568,7 +6489,7 @@ declare interface HvThemeProviderProps {
  */
 export declare const HvTimeAgo: <C extends React.ElementType = "p">(props: HvTimeAgoProps<C>) => React.ReactElement | null;
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_81>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_87>;
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6604,7 +6525,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: (props: HvTimePickerProps) => JSX_2.Element;
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_92>;
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
@@ -7314,7 +7235,7 @@ export declare interface HvVerticalNavigationTreeViewProps {
     children?: React.ReactNode;
 }
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_82>;
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -7490,11 +7411,11 @@ export declare const loadingClasses: {
     overlay: "HvLoading-overlay";
     root: "HvLoading-root";
     blur: "HvLoading-blur";
-    regular: "HvLoading-regular";
-    regularColor: "HvLoading-regularColor";
-    smallColor: "HvLoading-smallColor";
     barContainer: "HvLoading-barContainer";
     loadingBar: "HvLoading-loadingBar";
+    regular: "HvLoading-regular";
+    smallColor: "HvLoading-smallColor";
+    regularColor: "HvLoading-regularColor";
 };
 export declare const loginClasses: {
@@ -7795,8 +7716,8 @@ export declare const rightControlClasses: {
 export declare const scrollToHorizontalClasses: {
     root: "HvScrollToHorizontal-root";
     selected: "HvScrollToHorizontal-selected";
-    positionFixed: "HvScrollToHorizontal-positionFixed";
     positionSticky: "HvScrollToHorizontal-positionSticky";
+    positionFixed: "HvScrollToHorizontal-positionFixed";
     notSelectedRoot: "HvScrollToHorizontal-notSelectedRoot";
     notSelected: "HvScrollToHorizontal-notSelected";
 };
@@ -7878,7 +7799,14 @@ export declare const snackbarProviderClasses: {
 export declare type Spacing = "sm" | "md" | "lg" | "xl";
 export declare const stackClasses: {
+    row: "HvStack-row";
+    column: "HvStack-column";
     root: "HvStack-root";
+    xs: "HvStack-xs";
+    sm: "HvStack-sm";
+    md: "HvStack-md";
+    lg: "HvStack-lg";
+    xl: "HvStack-xl";
 };
 declare type StringKey<D> = Extract<keyof D, string>;
@@ -8005,8 +7933,8 @@ export declare const tableRowClasses: {
 export declare const tabsClasses: {
     root: "HvTabs-root";
     indicator: "HvTabs-indicator";
-    flexContainer: "HvTabs-flexContainer";
     scroller: "HvTabs-scroller";
+    flexContainer: "HvTabs-flexContainer";
 };
 export declare const tagClasses: {
@@ -8214,7 +8142,33 @@ declare const useClasses: (classesProp?: Partial<Record<"link" | "body" | "label
     cx: (...args: any) => string;
 };
-declare const useClasses_10: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "container" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_10: (classesProp?: Partial<Record<"input" | "disabled" | "root" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
+    classes: {
+        input: string;
+        disabled: string;
+        root: string;
+        readOnly: string;
+        invalid: string;
+        resizable: string;
+        inputBorderContainer: string;
+        inputRootInvalid: string;
+        inputRootReadOnly: string;
+        inputRoot: string;
+        inputRootFocused: string;
+        inputRootDisabled: string;
+        inputRootMultiline: string;
+        inputDisabled: string;
+        inputReadOnly: string;
+        inputResizable: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_11: (classesProp?: Partial<Record<"placeholder" | "arrow" | "anchor" | "header" | "container" | "root" | "rootDisabled" | "headerOpen" | "headerOpenUp" | "headerOpenDown" | "headerDisabled" | "headerReadOnly" | "arrowContainer" | "selection" | "selectionDisabled" | "panel" | "panelOpenedUp" | "panelOpenedDown" | "inputExtensionOpen" | "inputExtensionLeftPosition" | "inputExtensionOpenShadow" | "inputExtensionFloatRight" | "inputExtensionFloatLeft", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         arrow: string;
@@ -8247,7 +8201,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
-declare const useClasses_11: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8258,7 +8212,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_12: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"hidden" | "label" | "container" | "disabled" | "root", string>>, addStatic?: boolean) => {
     classes: {
         hidden: string;
         label: string;
@@ -8273,7 +8227,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"hidden" | "label" |
     cx: (...args: any) => string;
 };
-declare const useClasses_13: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "root" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
+declare const useClasses_14: (classesProp?: Partial<Record<"img" | "status" | "container" | "square" | "root" | "xs" | "sm" | "md" | "lg" | "xl" | "fallback" | "avatar" | "badge" | "circular", string>>, addStatic?: boolean) => {
     classes: {
         img: string;
         status: string;
@@ -8297,7 +8251,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"img" | "status" | "c
     cx: (...args: any) => string;
 };
-declare const useClasses_14: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
+declare const useClasses_15: (classesProp?: Partial<Record<"root" | "badge" | "badgeContainer" | "badgePosition" | "showCount" | "showLabel" | "badgeIcon" | "badgeOneDigit", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         badge: string;
@@ -8315,7 +8269,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root" | "badge" | "b
     cx: (...args: any) => string;
 };
-declare const useClasses_15: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "startIcon" | "endIcon" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -8331,7 +8285,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
-declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "root" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
+declare const useClasses_17: (classesProp?: Partial<Record<"icon" | "root" | "selected" | "selectable" | "semanticContainer" | "semanticBar", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         root: string;
@@ -8347,7 +8301,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"icon" | "root" | "se
     cx: (...args: any) => string;
 };
-declare const useClasses_17: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
+declare const useClasses_18: (classesProp?: Partial<Record<"title" | "content" | "root" | "action" | "titleShort" | "subheader", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         content: string;
@@ -8363,7 +8317,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"title" | "content" |
     cx: (...args: any) => string;
 };
-declare const useClasses_18: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
+declare const useClasses_19: (classesProp?: Partial<Record<"content", string>>, addStatic?: boolean) => {
     classes: {
         content: string;
     };
@@ -8374,10 +8328,12 @@ declare const useClasses_18: (classesProp?: Partial<Record<"content", string>>,
     cx: (...args: any) => string;
 };
-declare const useClasses_19: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
+declare const useClasses_2: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        media: string;
+        counterDisabled: string;
+        gutter: string;
+        overloaded: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8386,12 +8342,10 @@ declare const useClasses_19: (classesProp?: Partial<Record<"root" | "media", str
     cx: (...args: any) => string;
 };
-declare const useClasses_2: (classesProp?: Partial<Record<"root" | "counterDisabled" | "gutter" | "overloaded", string>>, addStatic?: boolean) => {
+declare const useClasses_20: (classesProp?: Partial<Record<"root" | "media", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        counterDisabled: string;
-        gutter: string;
-        overloaded: string;
+        media: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8400,7 +8354,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "counterDisab
     cx: (...args: any) => string;
 };
-declare const useClasses_20: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
+declare const useClasses_21: (classesProp?: Partial<Record<"fixed" | "root" | "disableGutters" | "maxWidthXs" | "maxWidthSm" | "maxWidthMd" | "maxWidthLg" | "maxWidthXl", string>>, addStatic?: boolean) => {
     classes: {
         fixed: string;
         root: string;
@@ -8418,7 +8372,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"fixed" | "root" | "d
     cx: (...args: any) => string;
 };
-declare const useClasses_21: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_22: (classesProp?: Partial<Record<"root" | "fullscreen" | "messageContainer" | "textWithIcon", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         fullscreen: string;
@@ -8432,7 +8386,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "fullscreen"
     cx: (...args: any) => string;
 };
-declare const useClasses_22: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
+declare const useClasses_23: (classesProp?: Partial<Record<"root" | "textContent", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         textContent: string;
@@ -8444,7 +8398,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"root" | "textContent
     cx: (...args: any) => string;
 };
-declare const useClasses_23: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
+declare const useClasses_24: (classesProp?: Partial<Record<"root" | "spacing" | "fullscreen", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         spacing: string;
@@ -8457,7 +8411,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "spacing" |
     cx: (...args: any) => string;
 };
-declare const useClasses_24: (classesProp?: Partial<Record<"background" | "root" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
+declare const useClasses_25: (classesProp?: Partial<Record<"background" | "root" | "warning" | "error" | "success" | "fullscreen" | "closeButton" | "paper" | "statusBar", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         root: string;
@@ -8476,7 +8430,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
-declare const useClasses_25: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
+declare const useClasses_26: (classesProp?: Partial<Record<"background" | "root" | "closeButton" | "paper", string>>, addStatic?: boolean) => {
     classes: {
         background: string;
         root: string;
@@ -8490,7 +8444,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"background" | "root"
     cx: (...args: any) => string;
 };
-declare const useClasses_26: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_27: (classesProp?: Partial<Record<"container" | "root" | "actionContainer" | "containerMessageOnly" | "iconContainer" | "titleContainer" | "textContainer" | "messageContainer", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         root: string;
@@ -8508,7 +8462,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"container" | "root"
     cx: (...args: any) => string;
 };
-declare const useClasses_27: (classesProp?: Partial<Record<"small" | "separator" | "root" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_28: (classesProp?: Partial<Record<"small" | "separator" | "root" | "name" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     classes: {
         small: string;
         separator: string;
@@ -8524,7 +8478,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"small" | "separator"
     cx: (...args: any) => string;
 };
-declare const useClasses_28: (classesProp?: Partial<Record<"header" | "backgroundColor" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_29: (classesProp?: Partial<Record<"header" | "backgroundColor" | "root", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         backgroundColor: string;
@@ -8537,9 +8491,14 @@ declare const useClasses_28: (classesProp?: Partial<Record<"header" | "backgroun
     cx: (...args: any) => string;
 };
-declare const useClasses_29: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "root" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
     classes: {
+        icon: string;
         root: string;
+        adornment: string;
+        adornmentButton: string;
+        adornmentIcon: string;
+        hideIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8548,14 +8507,9 @@ declare const useClasses_29: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "root" | "adornment" | "adornmentButton" | "adornmentIcon" | "hideIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_30: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        icon: string;
         root: string;
-        adornment: string;
-        adornmentButton: string;
-        adornmentIcon: string;
-        hideIcon: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8564,7 +8518,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"icon" | "root" | "ado
     cx: (...args: any) => string;
 };
-declare const useClasses_30: (classesProp?: Partial<Record<"separator" | "root", string>>, addStatic?: boolean) => {
+declare const useClasses_31: (classesProp?: Partial<Record<"separator" | "root", string>>, addStatic?: boolean) => {
     classes: {
         separator: string;
         root: string;
@@ -8576,7 +8530,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"separator" | "root",
     cx: (...args: any) => string;
 };
-declare const useClasses_31: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "root" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_32: (classesProp?: Partial<Record<"link" | "button" | "menu" | "menubar" | "root" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         button: string;
@@ -8592,7 +8546,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"link" | "button" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_32: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -8603,9 +8557,19 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_34: (classesProp?: Partial<Record<"hidden" | "small" | "label" | "overlay" | "root" | "blur" | "barContainer" | "loadingBar" | "regular" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     classes: {
+        hidden: string;
+        small: string;
+        label: string;
+        overlay: string;
         root: string;
+        blur: string;
+        barContainer: string;
+        loadingBar: string;
+        regular: string;
+        smallColor: string;
+        regularColor: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -8614,7 +8578,18 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_34: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_35: (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_36: (classesProp?: Partial<Record<"progress" | "root" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     classes: {
         progress: string;
         root: string;
@@ -8632,7 +8607,39 @@ declare const useClasses_34: (classesProp?: Partial<Record<"progress" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_35: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_37: (classesProp?: Partial<Record<"row" | "column" | "root" | "xs" | "sm" | "md" | "lg" | "xl", string>>, addStatic?: boolean) => {
+    classes: {
+        row: string;
+        column: string;
+        root: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_38: (classesProp?: Partial<Record<"root" | "indicator" | "scroller" | "flexContainer", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        indicator: string;
+        scroller: string;
+        flexContainer: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_39: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -8646,7 +8653,18 @@ declare const useClasses_35: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
-declare const useClasses_36: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_4: (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_40: (classesProp?: Partial<Record<"icon" | "disabled" | "root" | "focusVisible", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         disabled: string;
@@ -8660,7 +8678,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"icon" | "disabled" |
     cx: (...args: any) => string;
 };
-declare const useClasses_37: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
+declare const useClasses_41: (classesProp?: Partial<Record<"title" | "open" | "single" | "root" | "item" | "itemSelected" | "itemDisabled" | "itemTrigger" | "itemIcon" | "itemTitle" | "itemInfoIcon" | "actionsContainer" | "footerContainer" | "closed" | "dual" | "fluid", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         open: string;
@@ -8686,7 +8704,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"title" | "open" | "s
     cx: (...args: any) => string;
 };
-declare const useClasses_38: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "root" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
+declare const useClasses_42: (classesProp?: Partial<Record<"title" | "typography" | "icon" | "disabled" | "root" | "selected" | "iconUrl" | "iconInfo", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         typography: string;
@@ -8704,7 +8722,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"title" | "typography
     cx: (...args: any) => string;
 };
-declare const useClasses_39: (classesProp?: Partial<Record<"track" | "switch" | "disabled" | "root" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
+declare const useClasses_43: (classesProp?: Partial<Record<"track" | "switch" | "disabled" | "root" | "checked" | "readOnly" | "focusVisible" | "thumb" | "switchBase", string>>, addStatic?: boolean) => {
     classes: {
         track: string;
         switch: string;
@@ -8723,18 +8741,7 @@ declare const useClasses_39: (classesProp?: Partial<Record<"track" | "switch" |
     cx: (...args: any) => string;
 };
-declare const useClasses_4: (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_40: (classesProp?: Partial<Record<"label" | "checkbox" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_44: (classesProp?: Partial<Record<"label" | "checkbox" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidCheckbox", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         checkbox: string;
@@ -8752,7 +8759,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"label" | "checkbox"
     cx: (...args: any) => string;
 };
-declare const useClasses_41: (classesProp?: Partial<Record<"input" | "label" | "icon" | "root" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
+declare const useClasses_45: (classesProp?: Partial<Record<"input" | "label" | "icon" | "root" | "error" | "inputBorderContainer" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "description" | "labelContainer" | "adornmentsBox" | "adornmentButton" | "iconClear" | "hasSuggestions" | "suggestionsContainer" | "suggestionList" | "inputExtension", string>>, addStatic?: boolean) => {
     classes: {
         input: string;
         label: string;
@@ -8781,7 +8788,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"input" | "label" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_42: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
+declare const useClasses_46: (classesProp?: Partial<Record<"label" | "root" | "error" | "switchContainer" | "invalidSwitch", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -8796,7 +8803,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
-declare const useClasses_43: (classesProp?: Partial<Record<"label" | "radio" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_47: (classesProp?: Partial<Record<"label" | "radio" | "container" | "disabled" | "root" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         radio: string;
@@ -8814,7 +8821,29 @@ declare const useClasses_43: (classesProp?: Partial<Record<"label" | "radio" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_44: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
+declare const useClasses_48: (classesProp?: Partial<Record<"input" | "label" | "disabled" | "root" | "baseInput" | "error" | "invalid" | "resizable" | "inputResizable" | "description" | "labelContainer" | "characterCounter", string>>, addStatic?: boolean) => {
+    classes: {
+        input: string;
+        label: string;
+        disabled: string;
+        root: string;
+        baseInput: string;
+        error: string;
+        invalid: string;
+        resizable: string;
+        inputResizable: string;
+        description: string;
+        labelContainer: string;
+        characterCounter: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_49: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid" | "selectAll", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         group: string;
@@ -8832,7 +8861,20 @@ declare const useClasses_44: (classesProp?: Partial<Record<"label" | "group" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_45: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid", string>>, addStatic?: boolean) => {
+declare const useClasses_5: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        labelDisabled: string;
+        childGutter: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_50: (classesProp?: Partial<Record<"label" | "group" | "horizontal" | "vertical" | "root" | "error" | "invalid", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         group: string;
@@ -8849,7 +8891,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"label" | "group" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_46: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
+declare const useClasses_51: (classesProp?: Partial<Record<"overlay" | "previewButton", string>>, addStatic?: boolean) => {
     classes: {
         overlay: string;
         previewButton: string;
@@ -8861,7 +8903,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"overlay" | "previewB
     cx: (...args: any) => string;
 };
-declare const useClasses_47: (classesProp?: Partial<Record<"progressbar" | "icon" | "root" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_52: (classesProp?: Partial<Record<"progressbar" | "icon" | "root" | "removeButton" | "fail" | "progressbarBack" | "nameText" | "progressTextContainer" | "previewContainer", string>>, addStatic?: boolean) => {
     classes: {
         progressbar: string;
         icon: string;
@@ -8880,7 +8922,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"progressbar" | "icon
     cx: (...args: any) => string;
 };
-declare const useClasses_48: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
+declare const useClasses_53: (classesProp?: Partial<Record<"container" | "icon" | "root" | "baseContainer" | "iconSelected" | "menuListRoot" | "menuList", string>>, addStatic?: boolean) => {
     classes: {
         container: string;
         icon: string;
@@ -8897,7 +8939,7 @@ declare const useClasses_48: (classesProp?: Partial<Record<"container" | "icon"
     cx: (...args: any) => string;
 };
-declare const useClasses_49: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_54: (classesProp?: Partial<Record<"icon" | "root" | "pageSizeOptions" | "iconContainer" | "pageSizeTextContainer" | "pageSizeOptionsSelect" | "pageNavigator" | "pageInfo" | "pageJump" | "pageSizeInput" | "pageSizeInputRoot" | "pageSizeInputContainer", string>>, addStatic?: boolean) => {
     classes: {
         icon: string;
         root: string;
@@ -8919,20 +8961,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"icon" | "root" | "pa
     cx: (...args: any) => string;
 };
-declare const useClasses_5: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
-    classes: {
-        root: string;
-        labelDisabled: string;
-        childGutter: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_50: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_55: (classesProp?: Partial<Record<"button" | "root" | "dropDownMenu" | "actionContainer" | "dropDownMenuButton" | "dropDownMenuButtonSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         root: string;
@@ -8948,7 +8977,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"button" | "root" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_51: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_56: (classesProp?: Partial<Record<"link" | "a" | "root" | "orderedList" | "currentPage" | "centerContainer" | "separatorContainer", string>>, addStatic?: boolean) => {
     classes: {
         link: string;
         a: string;
@@ -8965,7 +8994,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"link" | "a" | "root"
     cx: (...args: any) => string;
 };
-declare const useClasses_52: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_57: (classesProp?: Partial<Record<"radio" | "horizontal" | "icon" | "root" | "radioRoot", string>>, addStatic?: boolean) => {
     classes: {
         radio: string;
         horizontal: string;
@@ -8980,7 +9009,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"radio" | "horizontal
     cx: (...args: any) => string;
 };
-declare const useClasses_53: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_58: (classesProp?: Partial<Record<"root" | "rootClosed" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         rootClosed: string;
@@ -8994,7 +9023,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"root" | "rootClosed"
     cx: (...args: any) => string;
 };
-declare const useClasses_54: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
+declare const useClasses_59: (classesProp?: Partial<Record<"actionContainer" | "iconContainer" | "actionsInnerContainer" | "closeAction", string>>, addStatic?: boolean) => {
     classes: {
         actionContainer: string;
         iconContainer: string;
@@ -9008,7 +9037,20 @@ declare const useClasses_54: (classesProp?: Partial<Record<"actionContainer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_55: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_6: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+    classes: {
+        root: string;
+        gutter: string;
+        infoDisabled: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_60: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "baseVariant" | "outContainer", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         root: string;
@@ -9027,7 +9069,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"default" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_56: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
+declare const useClasses_61: (classesProp?: Partial<Record<"root" | "anchorOriginTopCenter" | "anchorOriginBottomCenter" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         anchorOriginTopCenter: string;
@@ -9044,7 +9086,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "anchorOrigi
     cx: (...args: any) => string;
 };
-declare const useClasses_57: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_62: (classesProp?: Partial<Record<"default" | "root" | "warning" | "action" | "error" | "success" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     classes: {
         default: string;
         root: string;
@@ -9064,7 +9106,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"default" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_58: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_63: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     classes: {
         snackItemRoot: string;
     };
@@ -9075,7 +9117,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"snackItemRoot", stri
     cx: (...args: any) => string;
 };
-declare const useClasses_59: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
+declare const useClasses_64: (classesProp?: Partial<Record<"root" | "semantic" | "actions" | "selectAllContainer" | "selectAll" | "selectAllPages" | "divider", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         semantic: string;
@@ -9092,11 +9134,18 @@ declare const useClasses_59: (classesProp?: Partial<Record<"root" | "semantic" |
     cx: (...args: any) => string;
 };
-declare const useClasses_6: (classesProp?: Partial<Record<"root" | "gutter" | "infoDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_65: (classesProp?: Partial<Record<"root" | "name" | "global" | "wrapper" | "actions" | "positionSticky" | "positionFixed" | "globalWrapperComplement" | "globalSectionArea" | "backButton", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
-        gutter: string;
-        infoDisabled: string;
+        name: string;
+        global: string;
+        wrapper: string;
+        actions: string;
+        positionSticky: string;
+        positionFixed: string;
+        globalWrapperComplement: string;
+        globalSectionArea: string;
+        backButton: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9105,7 +9154,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "gutter" | "i
     cx: (...args: any) => string;
 };
-declare const useClasses_60: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
+declare const useClasses_66: (classesProp?: Partial<Record<"placeholder" | "arrow" | "label" | "root" | "dropdown" | "error" | "selectionDisabled" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "dropdownListContainer" | "rootList", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         arrow: string;
@@ -9129,7 +9178,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"placeholder" | "arro
     cx: (...args: any) => string;
 };
-declare const useClasses_61: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_67: (classesProp?: Partial<Record<"selection" | "selectAllContainer" | "selectAll" | "dropdownListContainer" | "rootList" | "searchContainer" | "listBorderDown" | "listContainer", string>>, addStatic?: boolean) => {
     classes: {
         selection: string;
         selectAllContainer: string;
@@ -9147,7 +9196,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"selection" | "select
     cx: (...args: any) => string;
 };
-declare const useClasses_62: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
+declare const useClasses_68: (classesProp?: Partial<Record<"root" | "stickyHeader" | "stickyColumns" | "listRow", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9161,9 +9210,26 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
-declare const useClasses_63: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_69: (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_7: (classesProp?: Partial<Record<"show" | "root" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
     classes: {
+        show: string;
         root: string;
+        hideText: string;
+        defaultIcon: string;
+        warningText: string;
+        topGutter: string;
+        topBorder: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9172,7 +9238,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_64: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_70: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9183,7 +9249,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_65: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_71: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         stickyHeader: string;
@@ -9195,7 +9261,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"root" | "stickyHeade
     cx: (...args: any) => string;
 };
-declare const useClasses_66: (classesProp?: Partial<Record<"body" | "footer" | "head" | "resizer" | "root" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"body" | "footer" | "head" | "resizer" | "root" | "resizable" | "sortable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "headerContent" | "headerText" | "headerParagraph" | "sortableHeaderText" | "sortButton" | "sortIcon" | "alignFlexLeft" | "alignFlexRight" | "alignFlexCenter" | "alignFlexJustify", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9238,7 +9304,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_67: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "root" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
+declare const useClasses_73: (classesProp?: Partial<Record<"body" | "footer" | "head" | "expanded" | "root" | "selected" | "hover" | "striped" | "variantList" | "variantListHead", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9258,7 +9324,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_68: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
+declare const useClasses_74: (classesProp?: Partial<Record<"body" | "footer" | "head" | "root" | "resizable" | "sorted" | "stickyColumn" | "stickyColumnMostLeft" | "stickyColumnLeastRight" | "groupColumnMostLeft" | "groupColumnMostRight" | "resizing" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "variantNone" | "variantCheckbox" | "variantActions" | "variantExpand" | "variantList" | "variantListHead" | "variantListactions" | "variantListcheckbox", string>>, addStatic?: boolean) => {
     classes: {
         body: string;
         footer: string;
@@ -9292,7 +9358,7 @@ declare const useClasses_68: (classesProp?: Partial<Record<"body" | "footer" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_69: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         formContainer: string;
@@ -9304,15 +9370,12 @@ declare const useClasses_69: (classesProp?: Partial<Record<"root" | "formContain
     cx: (...args: any) => string;
 };
-declare const useClasses_7: (classesProp?: Partial<Record<"show" | "root" | "hideText" | "defaultIcon" | "warningText" | "topGutter" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
     classes: {
-        show: string;
+        section: string;
         root: string;
-        hideText: string;
-        defaultIcon: string;
-        warningText: string;
-        topGutter: string;
-        topBorder: string;
+        rightSection: string;
+        leftSection: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9321,12 +9384,9 @@ declare const useClasses_7: (classesProp?: Partial<Record<"show" | "root" | "hid
     cx: (...args: any) => string;
 };
-declare const useClasses_70: (classesProp?: Partial<Record<"section" | "root" | "rightSection" | "leftSection", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
-        section: string;
         root: string;
-        rightSection: string;
-        leftSection: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9335,9 +9395,10 @@ declare const useClasses_70: (classesProp?: Partial<Record<"section" | "root" |
     cx: (...args: any) => string;
 };
-declare const useClasses_71: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
+        sortDropdown: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9346,10 +9407,13 @@ declare const useClasses_71: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_72: (classesProp?: Partial<Record<"root" | "sortDropdown", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     classes: {
+        label: string;
         root: string;
-        sortDropdown: string;
+        error: string;
+        description: string;
+        labelContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9358,13 +9422,16 @@ declare const useClasses_72: (classesProp?: Partial<Record<"root" | "sortDropdow
     cx: (...args: any) => string;
 };
-declare const useClasses_73: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"label" | "listbox" | "horizontal" | "vertical" | "root" | "error" | "invalid" | "description", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
+        listbox: string;
+        horizontal: string;
+        vertical: string;
         root: string;
         error: string;
+        invalid: string;
         description: string;
-        labelContainer: string;
     };
     css: {
         (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
@@ -9373,7 +9440,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"label" | "root" | "e
     cx: (...args: any) => string;
 };
-declare const useClasses_74: (classesProp?: Partial<Record<"header" | "space" | "root" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"header" | "space" | "root" | "actionBar" | "dropdown" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "applyButton", string>>, addStatic?: boolean) => {
     classes: {
         header: string;
         space: string;
@@ -9393,7 +9460,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"header" | "space" |
     cx: (...args: any) => string;
 };
-declare const useClasses_75: (classesProp?: Partial<Record<"label" | "icon" | "root" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"label" | "icon" | "root" | "dropdown" | "action" | "error" | "actionContainer" | "panel" | "description" | "labelContainer" | "leftContainer" | "rightContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         icon: string;
@@ -9417,7 +9484,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"label" | "icon" | "r
     cx: (...args: any) => string;
 };
-declare const useClasses_76: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"button" | "text" | "root" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9431,7 +9498,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_77: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         positionFixed: string;
@@ -9444,7 +9511,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"root" | "positionFix
     cx: (...args: any) => string;
 };
-declare const useClasses_78: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"button" | "text" | "root" | "selected", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         text: string;
@@ -9458,12 +9525,12 @@ declare const useClasses_78: (classesProp?: Partial<Record<"button" | "text" | "
     cx: (...args: any) => string;
 };
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "selected" | "positionFixed" | "positionSticky" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"root" | "selected" | "positionSticky" | "positionFixed" | "notSelectedRoot" | "notSelected", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         selected: string;
-        positionFixed: string;
         positionSticky: string;
+        positionFixed: string;
         notSelectedRoot: string;
         notSelected: string;
     };
@@ -9474,20 +9541,7 @@ declare const useClasses_79: (classesProp?: Partial<Record<"root" | "selected" |
     cx: (...args: any) => string;
 };
-declare const useClasses_8: (classesProp?: Partial<Record<"list" | "root" | "popper", string>>, addStatic?: boolean) => {
-    classes: {
-        list: string;
-        root: string;
-        popper: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
-declare const useClasses_80: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"button" | "input" | "text" | "icon" | "root" | "inputBorderContainer" | "inputRoot" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     classes: {
         button: string;
         input: string;
@@ -9507,7 +9561,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"button" | "input" |
     cx: (...args: any) => string;
 };
-declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
     };
@@ -9518,7 +9572,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"root", string>>, add
     cx: (...args: any) => string;
 };
-declare const useClasses_82: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"root" | "removeButton" | "topGroup" | "subGroup" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "subRulesContainer" | "actionButtonContainer" | "topActionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     classes: {
         root: string;
         removeButton: string;
@@ -9543,7 +9597,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"root" | "removeButto
     cx: (...args: any) => string;
 };
-declare const useClasses_83: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"label" | "root" | "colorPicker" | "panel" | "description" | "labelContainer" | "headerColorValue" | "headerColorIcon" | "colorPickerIcon" | "recommendedColorsRoot" | "dropdownRootIconOnly" | "headerColorIconOnly" | "pickerFields", string>>, addStatic?: boolean) => {
     classes: {
         label: string;
         root: string;
@@ -9566,7 +9620,20 @@ declare const useClasses_83: (classesProp?: Partial<Record<"label" | "root" | "c
     cx: (...args: any) => string;
 };
-declare const useClasses_84: (classesProp?: Partial<Record<"title" | "main" | "dot" | "root" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"list" | "root" | "popper", string>>, addStatic?: boolean) => {
+    classes: {
+        list: string;
+        root: string;
+        popper: string;
+    };
+    css: {
+        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
+        (...args: CSSInterpolation[]): string;
+    };
+    cx: (...args: any) => string;
+};
+declare const useClasses_90: (classesProp?: Partial<Record<"title" | "main" | "dot" | "root" | "controls" | "xs" | "actions" | "panel" | "fullscreen" | "closeButton" | "mainContainer" | "pageCounter" | "mainXs" | "mainFullscreen" | "counterContainer" | "counter" | "slideControls" | "slidesViewport" | "slidesContainer" | "dots" | "dotsXs" | "dotSelected" | "thumbnail" | "thumbnailSelected", string>>, addStatic?: boolean) => {
     classes: {
         title: string;
         main: string;
@@ -9600,7 +9667,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"title" | "main" | "d
     cx: (...args: any) => string;
 };
-declare const useClasses_85: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"image" | "slide", string>>, addStatic?: boolean) => {
     classes: {
         image: string;
         slide: string;
@@ -9612,7 +9679,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"image" | "slide", st
     cx: (...args: any) => string;
 };
-declare const useClasses_86: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "root" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"placeholder" | "label" | "icon" | "root" | "error" | "description" | "labelContainer" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "dropdownHeader" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     classes: {
         placeholder: string;
         label: string;
@@ -9635,32 +9702,6 @@ declare const useClasses_86: (classesProp?: Partial<Record<"placeholder" | "labe
     cx: (...args: any) => string;
 };
-declare const useClasses_9: (classesProp?: Partial<Record<"input" | "disabled" | "root" | "readOnly" | "invalid" | "resizable" | "inputBorderContainer" | "inputRootInvalid" | "inputRootReadOnly" | "inputRoot" | "inputRootFocused" | "inputRootDisabled" | "inputRootMultiline" | "inputDisabled" | "inputReadOnly" | "inputResizable", string>>, addStatic?: boolean) => {
-    classes: {
-        input: string;
-        disabled: string;
-        root: string;
-        readOnly: string;
-        invalid: string;
-        resizable: string;
-        inputBorderContainer: string;
-        inputRootInvalid: string;
-        inputRootReadOnly: string;
-        inputRoot: string;
-        inputRootFocused: string;
-        inputRootDisabled: string;
-        inputRootMultiline: string;
-        inputDisabled: string;
-        inputReadOnly: string;
-        inputResizable: string;
-    };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
-    cx: (...args: any) => string;
-};
 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[];