@hitachivantara/uikit-react-core 5.83.0 → 5.84.0

package/dist/types/index.d.ts

@@ -633,6 +633,23 @@ declare const DEFAULT_LABELS: {
 };
 
 declare const DEFAULT_LABELS_10: {
+    /** Apply button label. */
+    applyLabel: string;
+    /** Cancel button label. */
+    cancelLabel: string;
+    /** Clear button label. */
+    clearLabel: string;
+    /** Placeholder label. */
+    placeholder: string;
+    /** SearchBox placeholder label. */
+    searchBoxPlaceholder: string;
+    /** Select All placeholder label. */
+    selectAll: string;
+    /** Multi selection conjunction placeholder label. */
+    multiSelectionConjunction: string;
+};
+
+declare const DEFAULT_LABELS_11: {
     /** The text at the top of the kpi. */
     title: string;
     /** The text in the middle of the kpi. */
@@ -729,20 +746,23 @@ declare const DEFAULT_LABELS_8: {
 };
 
 declare const DEFAULT_LABELS_9: {
-    /** Apply button label. */
-    applyLabel: string;
-    /** Cancel button label. */
-    cancelLabel: string;
-    /** Clear button label. */
-    clearLabel: string;
-    /** Placeholder label. */
-    placeholder: string;
-    /** SearchBox placeholder label. */
-    searchBoxPlaceholder: string;
-    /** Select All placeholder label. */
-    selectAll: string;
-    /** Multi selection conjunction placeholder label. */
-    multiSelectionConjunction: string;
+    /** Extensions of the accepted file types */
+    acceptedFiles: string;
+    /** Dropzone area label. @deprecated use `label` prop instead */
+    dropzone: string;
+    /** Size file warning label. */
+    sizeWarning: string;
+    /** Size file warning label. */
+    drag: string;
+    /** Size file warning label. */
+    selectFiles: string;
+    /** Theming sheet used to style components */
+    dropFiles: string;
+    /** Message to display when file size is greater than allowed */
+    fileSizeError: string;
+    /** Message to display when file type is greater than allowed */
+    fileTypeError: string;
+    removeFileButtonLabel: string;
 };
 
 declare type DefaultAttributes = (typeof defaultAttributes)[number];
@@ -880,6 +900,10 @@ export declare const fileClasses: {
     fail: string;
 };
 
+export declare const fileUploaderClasses: {
+    root: string;
+};
+
 export declare const fileUploaderPreviewClasses: {
     previewButton: string;
     overlay: string;
@@ -3273,39 +3297,43 @@ export declare interface HvDropdownProps<Multiple extends boolean = boolean, Opt
 
 export declare type HvDropdownStatus = "standBy" | "valid" | "invalid";
 
-declare interface HvDropZoneLabels {
+declare type HvDropZoneClasses = ExtractNames<typeof useClasses_73>;
+
+declare type HvDropZoneLabels = Partial<typeof DEFAULT_LABELS_9>;
+
+declare interface HvDropZoneProps extends Pick<HvFormElementProps, "id" | "disabled" | "label"> {
     /**
-     * Extensions of the accepted file types
+     * Labels to present in FileUploader.
      */
-    acceptedFiles?: string;
+    labels?: HvDropZoneLabels;
     /**
-     * Dropzone area label.
+     * Whether the Dropzone should accept multiple files at once.
      */
-    dropzone?: string;
+    multiple?: boolean;
     /**
-     * Size file warning label.
+     * Files extensions accepted for upload.
      */
-    sizeWarning?: string;
+    accept?: React.InputHTMLAttributes<HTMLInputElement>["accept"];
     /**
-     * Size file warning label.
-     */
-    drag?: string;
+     * Max upload size
+     * */
+    maxFileSize: number;
     /**
-     * Size file warning label.
+     * Function responsible for processing files added to the drop zone.
      */
-    selectFiles?: string;
+    onFilesAdded?: HvFilesAddedEvent;
     /**
-     * Theming sheet used to style components
-     * */
-    dropFiles?: string;
+     * Whether the DropZone should hide labels or not.
+     */
+    hideLabels?: boolean;
     /**
-     * Message to display when file size is greater than allowed
-     * */
-    fileSizeError?: string;
+     * Attributes applied to the input element.
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     /**
-     * Message to display when file type is greater than allowed
-     * */
-    fileTypeError?: string;
+     * A Jss Object used to override or extend the styles applied to the component.
+     */
+    classes?: HvDropZoneClasses;
 }
 
 /**
@@ -3405,14 +3433,14 @@ export declare type HvFilesAddedEvent = (files: HvFileData[]) => void;
  * Lets the user choose one or more files from their device storage. Once chosen,
  * the files can be uploaded to a server or manipulated on the client side.
  *
- * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
+ * Accepted file types follow the format of the html [input accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file).
  */
 export declare const HvFileUploader: (props: HvFileUploaderProps) => JSX_3.Element;
 
+export declare type HvFileUploaderClasses = ExtractNames<typeof useClasses_72>;
+
 export declare interface HvFileUploaderLabels extends HvDropZoneLabels {
-    /**
-     * Value of aria-label to apply to remove file button in FileList
-     * */
+    /** Value of aria-label to apply to remove file button in FileList */
     removeFileButtonLabel?: string;
 }
 
@@ -3447,11 +3475,15 @@ export declare interface HvFileUploaderPreviewProps extends Omit<HvButtonProps,
     classes?: HvFileUploaderPreviewClasses;
 }
 
-export declare interface HvFileUploaderProps extends HvBaseProps {
+export declare interface HvFileUploaderProps extends HvFormElementProps {
     /**
      * An object containing all the labels.
      */
     labels?: HvFileUploaderLabels;
+    /**
+     * An object used to override or extend the styles applied to the component.
+     */
+    classes?: HvFileUploaderClasses;
     /**
      * The files to upload.
      */
@@ -3468,9 +3500,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
      * Max upload size
      * */
     maxFileSize?: number;
-    /**
-     * Files extensions accepted for upload.
-     */
+    /** File types accepted for uploading. @see [HTML input file accept](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept) */
+    accept?: HvDropZoneProps["accept"];
+    /** Files extensions accepted for upload. @deprecated use `accept` instead */
     acceptedFiles?: string[];
     /**
      * Callback fired when files are added.
@@ -3497,9 +3529,9 @@ export declare interface HvFileUploaderProps extends HvBaseProps {
  */
 export declare const HvFilterGroup: ForwardRefExoticComponent<HvFilterGroupProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_72>;
+export declare type HvFilterGroupClasses = ExtractNames<typeof useClasses_74>;
 
-declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_73>;
+declare type HvFilterGroupContentClasses = ExtractNames<typeof useClasses_75>;
 
 declare interface HvFilterGroupContentProps extends Omit<HvBaseDropdownProps, "onChange"> {
     description?: React.ReactNode;
@@ -3530,7 +3562,7 @@ export declare type HvFilterGroupFilters = {
 
 export declare type HvFilterGroupHorizontalPlacement = "left" | "right";
 
-export declare type HvFilterGroupLabels = Partial<typeof DEFAULT_LABELS_9>;
+export declare type HvFilterGroupLabels = Partial<typeof DEFAULT_LABELS_10>;
 
 export declare interface HvFilterGroupProps extends Omit<HvFormElementProps, "classes" | "onChange" | "defaultValue" | "statusMessage"> {
     /** The initial value of the input when in single calendar mode. */
@@ -3632,7 +3664,7 @@ export declare type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
  */
 export declare const HvFooter: ForwardRefExoticComponent<HvFooterProps & RefAttributes<HTMLElement>>;
 
-export declare type HvFooterClasses = ExtractNames<typeof useClasses_74>;
+export declare type HvFooterClasses = ExtractNames<typeof useClasses_76>;
 
 declare type HvFooterPropGetter<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer> = HvPropGetter<D, H, HvUseTableFooterProps, {
     column: HvHeaderGroup<D, H>;
@@ -3724,7 +3756,7 @@ export declare type HvFormStatus = "standBy" | "valid" | "invalid" | "empty";
  */
 export declare const HvGlobalActions: ForwardRefExoticComponent<HvGlobalActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_75>;
+export declare type HvGlobalActionsClasses = ExtractNames<typeof useClasses_77>;
 
 export declare type HvGlobalActionsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -3776,7 +3808,7 @@ export declare type HvGlobalActionsVariant = "global" | "section";
  */
 export declare const HvGrid: ForwardRefExoticComponent<Omit<HvGridProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvGridClasses = ExtractNames<typeof useClasses_76>;
+export declare type HvGridClasses = ExtractNames<typeof useClasses_78>;
 
 export declare type HvGridDirection = "row" | "row-reverse" | "column" | "column-reverse";
 
@@ -3876,7 +3908,7 @@ export declare const HvHeader: ForwardRefExoticComponent<HvHeaderProps & RefAttr
 
 export declare const HvHeaderActions: ForwardRefExoticComponent<HvHeaderActionsProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_78>;
+export declare type HvHeaderActionsClasses = ExtractNames<typeof useClasses_80>;
 
 export declare interface HvHeaderActionsProps extends HvBaseProps {
     classes?: HvHeaderActionsClasses;
@@ -3887,7 +3919,7 @@ export declare interface HvHeaderActionsProps extends HvBaseProps {
  */
 export declare const HvHeaderBrand: ForwardRefExoticComponent<HvHeaderBrandProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_79>;
+export declare type HvHeaderBrandClasses = ExtractNames<typeof useClasses_81>;
 
 export declare interface HvHeaderBrandProps extends HvBaseProps {
     logo?: React.ReactNode;
@@ -3895,7 +3927,7 @@ export declare interface HvHeaderBrandProps extends HvBaseProps {
     classes?: HvHeaderBrandClasses;
 }
 
-export declare type HvHeaderClasses = ExtractNames<typeof useClasses_77>;
+export declare type HvHeaderClasses = ExtractNames<typeof useClasses_79>;
 
 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>>;
@@ -3903,7 +3935,7 @@ declare interface HvHeaderGroup<D extends object = Record<string, unknown>, H ex
 
 export declare const HvHeaderMenuBar: (props: HvHeaderMenuBarProps) => JSX_3.Element;
 
-declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_80>;
+declare type HvHeaderMenuBarClasses = ExtractNames<typeof useClasses_82>;
 
 declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     data: HvHeaderNavigationItemProp[];
@@ -3916,7 +3948,7 @@ declare interface HvHeaderMenuBarProps extends HvBaseProps<HTMLDivElement, "onCl
 
 export declare const HvHeaderMenuItem: (props: HvHeaderMenuItemProps) => JSX_3.Element;
 
-declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_81>;
+declare type HvHeaderMenuItemClasses = ExtractNames<typeof useClasses_83>;
 
 declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onClick"> {
     item: HvHeaderNavigationItemProp;
@@ -3929,7 +3961,7 @@ declare interface HvHeaderMenuItemProps extends HvBaseProps<HTMLDivElement, "onC
 
 export declare const HvHeaderNavigation: ForwardRefExoticComponent<HvHeaderNavigationProps & RefAttributes<HTMLElement>>;
 
-export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_82>;
+export declare type HvHeaderNavigationClasses = ExtractNames<typeof useClasses_84>;
 
 export declare interface HvHeaderNavigationItemProp {
     id: string;
@@ -3988,7 +4020,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_99>;
+export declare type HvHorizontalScrollListItemClasses = ExtractNames<typeof useClasses_101>;
 
 /**
  * The `HvIconButton` component wraps a `HvTooltip` with a label around a `HvButton` with only an icon as its content.
@@ -4087,7 +4119,7 @@ export declare const HvInlineEditor: <C extends ElementType<any, keyof JSX_2.Int
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_83>;
+export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_85>;
 
 export declare type HvInlineEditorProps<C extends React.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
@@ -4262,9 +4294,9 @@ export declare interface HvKnobProperty {
  */
 export declare const HvKpi: (props: HvKpiProps) => JSX_3.Element;
 
-export declare type HvKpiClasses = ExtractNames<typeof useClasses_84>;
+export declare type HvKpiClasses = ExtractNames<typeof useClasses_86>;
 
-export declare type HvKpiLabelProps = Partial<typeof DEFAULT_LABELS_10>;
+export declare type HvKpiLabelProps = Partial<typeof DEFAULT_LABELS_11>;
 
 export declare interface HvKpiProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -4309,6 +4341,8 @@ export declare interface HvLabelProps extends HvTypographyProps<"label"> {
     id?: string;
     /** The text to be shown by the label. */
     label?: React.ReactNode;
+    /** Whether to give label gutter spacing */
+    showGutter?: boolean;
     /** The id of the form element the label is bound to. */
     htmlFor?: string;
     /** If `true` the label is displayed with a disabled style. */
@@ -4338,7 +4372,7 @@ export declare interface HvLeftControlProps extends HvBaseProps {
 
 export declare const HvLink: (props: HvLinkProps) => JSX_3.Element;
 
-export declare type HvLinkClasses = ExtractNames<typeof useClasses_85>;
+export declare type HvLinkClasses = ExtractNames<typeof useClasses_87>;
 
 export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onClick"> {
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>, data: any) => void;
@@ -4354,7 +4388,7 @@ export declare interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, "onC
  */
 export declare const HvList: (props: HvListProps) => JSX_3.Element | null;
 
-export declare type HvListClasses = ExtractNames<typeof useClasses_86>;
+export declare type HvListClasses = ExtractNames<typeof useClasses_88>;
 
 /**
  * A <b>list</b> is any enumeration of a set of items.
@@ -4382,7 +4416,8 @@ export declare interface HvListContainerProps extends HvBaseProps<HTMLUListEleme
 }
 
 /**
- * ListItem description/documentation paragraph
+ * Implements the listitem pattern, akin to the `<li>` element.
+ * Should be composed within a `<HvListContainer>` component.
  */
 export declare const HvListItem: ForwardRefExoticComponent<HvListItemProps & RefAttributes<HTMLLIElement>>;
 
@@ -4507,7 +4542,7 @@ export declare interface HvListValue extends Record<string, any> {
  */
 export declare const HvLoading: ForwardRefExoticComponent<HvLoadingProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingClasses = ExtractNames<typeof useClasses_87>;
+export declare type HvLoadingClasses = ExtractNames<typeof useClasses_89>;
 
 /**
  * A component that wraps `children` with an `HvLoading` component and
@@ -4520,7 +4555,7 @@ export declare type HvLoadingClasses = ExtractNames<typeof useClasses_87>;
  * */
 export declare const HvLoadingContainer: ForwardRefExoticComponent<HvLoadingContainerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_88>;
+export declare type HvLoadingContainerClasses = ExtractNames<typeof useClasses_90>;
 
 export declare interface HvLoadingContainerProps extends HvBaseProps<HTMLDivElement>, Pick<HvLoadingProps, "label" | "small" | "hidden"> {
     opacity?: number;
@@ -4545,7 +4580,7 @@ export declare interface HvLoadingProps extends HvBaseProps {
  */
 export declare const HvLogin: ForwardRefExoticComponent<HvLoginProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvLoginClasses = ExtractNames<typeof useClasses_89>;
+export declare type HvLoginClasses = ExtractNames<typeof useClasses_91>;
 
 export declare interface HvLoginProps extends HvBaseProps {
     /**
@@ -4572,7 +4607,7 @@ declare interface HvMetaBase<D extends object = Record<string, unknown>, H exten
 
 export declare const HvMultiButton: (props: HvMultiButtonProps) => JSX_3.Element;
 
-export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_90>;
+export declare type HvMultiButtonClasses = ExtractNames<typeof useClasses_92>;
 
 export declare interface HvMultiButtonProps extends HvBaseProps {
     /** If all the buttons are disabled. */
@@ -4647,7 +4682,7 @@ export declare interface HvOptionProps<OptionValue extends {}> extends Omit<HvLi
  */
 export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_3.Element;
 
-export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
+export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_93>;
 
 export declare interface HvOverflowTooltipProps extends HvBaseProps {
     /** The node that will be rendered inside the tooltip. */
@@ -4716,7 +4751,7 @@ export declare interface HvPaginationProps extends HvBaseProps {
  */
 export declare const HvPanel: ForwardRefExoticComponent<HvPanelProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvPanelClasses = ExtractNames<typeof useClasses_93>;
+export declare type HvPanelClasses = ExtractNames<typeof useClasses_95>;
 
 export declare interface HvPanelProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied. */
@@ -4727,7 +4762,7 @@ export declare type HvPolarizedColorKeys = "positive" | "positive_120" | "positi
 
 export declare const HvProgressBar: (props: HvProgressBarProps) => JSX_3.Element;
 
-export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_94>;
+export declare type HvProgressBarClasses = ExtractNames<typeof useClasses_96>;
 
 /**
  * ProgressBar provides feedback about a process that is taking place in the application.
@@ -4854,7 +4889,7 @@ export declare interface HvQueryBuilderChangedQuery extends Omit<HvQueryBuilderQ
     rules: Array<Omit<HvQueryBuilderQueryRule, "id"> | HvQueryBuilderChangedQuery>;
 }
 
-export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_95>;
+export declare type HvQueryBuilderClasses = ExtractNames<typeof useClasses_97>;
 
 declare interface HvQueryBuilderContextValue {
     dispatchAction: React.Dispatch<QueryAction>;
@@ -5108,7 +5143,7 @@ export declare type HvQueryBuilderRenderers = Record<string, ValueRenderer>;
  */
 export declare const HvRadio: ForwardRefExoticComponent<Omit<HvRadioProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvRadioClasses = ExtractNames<typeof useClasses_96>;
+export declare type HvRadioClasses = ExtractNames<typeof useClasses_98>;
 
 /**
  * A group of radio buttons.
@@ -5329,7 +5364,7 @@ declare type HvRowPropGetter<D extends object = Record<string, unknown>, H exten
  */
 export declare const HvScrollToHorizontal: (props: HvScrollToHorizontalProps) => JSX_3.Element;
 
-export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_100>;
+export declare type HvScrollToHorizontalClasses = ExtractNames<typeof useClasses_102>;
 
 /** @deprecated use `HvScrollToOption` */
 export declare type HvScrollToHorizontalOption = HvScrollToOption;
@@ -5414,7 +5449,7 @@ export declare type HvScrollToTooltipPositions = "left" | "right" | "top" | "bot
  */
 export declare const HvScrollToVertical: (props: HvScrollToVerticalProps) => JSX_3.Element;
 
-export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_98>;
+export declare type HvScrollToVerticalClasses = ExtractNames<typeof useClasses_100>;
 
 /** @deprecated use `HvScrollToOption` */
 export declare type HvScrollToVerticalOption = HvScrollToOption;
@@ -5490,7 +5525,7 @@ export declare interface HvScrollToVerticalProps extends HvBaseProps<HTMLOListEl
  */
 export declare const HvSection: ForwardRefExoticComponent<HvSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSectionClasses = ExtractNames<typeof useClasses_101>;
+export declare type HvSectionClasses = ExtractNames<typeof useClasses_103>;
 
 export declare interface HvSectionProps extends Omit<HvBaseProps<HTMLDivElement>, "title" | "onToggle"> {
     /** The title of the section */
@@ -5620,7 +5655,7 @@ export declare type HvSequentialColorKeys = "cat1" | "cat1_100" | "cat1_200" | "
 
 export declare const HvSimpleGrid: (props: HvSimpleGridProps) => JSX_3.Element;
 
-export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_102>;
+export declare type HvSimpleGridClasses = ExtractNames<typeof useClasses_104>;
 
 /** Grid component that enables you to create columns of equal width and define your own breakpoints and responsive behavior. */
 export declare interface HvSimpleGridProps extends HvBaseProps {
@@ -5667,7 +5702,7 @@ export { HvSize }
  */
 export declare const HvSkeleton: (props: HvSkeletonProps) => JSX_3.Element;
 
-export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_131>;
+export declare type HvSkeletonClasses = ExtractNames<typeof useClasses_133>;
 
 export declare interface HvSkeletonProps extends HvBaseProps {
     /** Whether the skeleton element is hidden or not. */
@@ -5691,7 +5726,7 @@ export declare interface HvSkeletonProps extends HvBaseProps {
  */
 export declare const HvSlider: ForwardRefExoticComponent<HvSliderProps & RefAttributes<SliderRef>>;
 
-export declare type HvSliderClasses = ExtractNames<typeof useClasses_103>;
+export declare type HvSliderClasses = ExtractNames<typeof useClasses_105>;
 
 export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onChange" | "onBlur"> {
     /** The slider name. */
@@ -5791,11 +5826,11 @@ export declare interface HvSliderProps extends HvBaseProps<HTMLDivElement, "onCh
  */
 export declare const HvSnackbar: ForwardRefExoticComponent<Omit<HvSnackbarProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_104>;
+export declare type HvSnackbarClasses = ExtractNames<typeof useClasses_106>;
 
 export declare const HvSnackbarContent: ForwardRefExoticComponent<Omit<HvSnackbarContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_105>;
+export declare type HvSnackbarContentClasses = ExtractNames<typeof useClasses_107>;
 
 export declare interface HvSnackbarContentProps extends Omit<SnackbarContentProps, "variant" | "action" | "classes"> {
     /** The message to display. */
@@ -5871,7 +5906,7 @@ export declare interface HvSnackbarProps extends Omit<SnackbarProps, "action" |
 
 export declare const HvSnackbarProvider: ({ children, notistackClassesOverride, maxSnack, autoHideDuration, anchorOrigin, classes: classesProp, className, container, ...others }: HvSnackbarProviderProps) => JSX_3.Element;
 
-export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_106>;
+export declare type HvSnackbarProviderClasses = ExtractNames<typeof useClasses_108>;
 
 export declare interface HvSnackbarProviderProps {
     /** Your component tree. */
@@ -5904,7 +5939,7 @@ export declare const HvStack: (props: HvStackProps) => JSX_3.Element;
 export declare interface HvStackBreakpoints extends Record<HvBreakpoints, string> {
 }
 
-export declare type HvStackClasses = ExtractNames<typeof useClasses_107>;
+export declare type HvStackClasses = ExtractNames<typeof useClasses_109>;
 
 export declare type HvStackDirection = "column" | "row" | Partial<HvStackBreakpoints>;
 
@@ -5981,7 +6016,7 @@ export declare type HvSupportColors = Record<HvSupportColorKeys, string>;
  */
 export declare const HvSwitch: ForwardRefExoticComponent<Omit<HvSwitchProps, "ref"> & RefAttributes<HTMLButtonElement>>;
 
-export declare type HvSwitchClasses = ExtractNames<typeof useClasses_108>;
+export declare type HvSwitchClasses = ExtractNames<typeof useClasses_110>;
 
 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>;
 
@@ -6092,7 +6127,7 @@ export declare interface HvSwitchProps extends Omit<SwitchProps, "color" | "onCh
 
 export declare const HvTab: ForwardRefExoticComponent<Omit<HvTabProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabClasses = ExtractNames<typeof useClasses_109>;
+export declare type HvTabClasses = ExtractNames<typeof useClasses_111>;
 
 /**
  * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.
@@ -6112,7 +6147,7 @@ export declare const HvTable: ForwardRefExoticComponent<HvTableProps & RefAttrib
  */
 export declare const HvTableBody: ForwardRefExoticComponent<HvTableBodyProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_111>;
+export declare type HvTableBodyClasses = ExtractNames<typeof useClasses_113>;
 
 export declare interface HvTableBodyProps extends HvBaseProps<HTMLTableSectionElement, "children"> {
     /**
@@ -6200,7 +6235,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_110>;
+export declare type HvTableContainerClasses = ExtractNames<typeof useClasses_112>;
 
 export declare interface HvTableContainerProps extends HvBaseProps<HTMLDivElement, "children"> {
     /**
@@ -6224,7 +6259,7 @@ export declare type HvTableDefinitionConfig<D extends object = Record<string, un
  */
 export declare const HvTableHead: ForwardRefExoticComponent<HvTableHeadProps & RefAttributes<HTMLElement>>;
 
-export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_112>;
+export declare type HvTableHeadClasses = ExtractNames<typeof useClasses_114>;
 
 /**
  * `HvTableHeader` acts as a `th` element and inherits styles from its context
@@ -6397,7 +6432,7 @@ export declare interface HvTableRowProps extends HvBaseProps<HTMLTableRowElement
  */
 export declare const HvTableSection: ForwardRefExoticComponent<HvTableSectionProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_130>;
+export declare type HvTableSectionClasses = ExtractNames<typeof useClasses_132>;
 
 export declare interface HvTableSectionProps extends HvSectionProps {
 }
@@ -6427,7 +6462,7 @@ export declare interface HvTabProps extends Omit<TabProps, "children"> {
  */
 export declare const HvTabs: ForwardRefExoticComponent<Omit<HvTabsProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTabsClasses = ExtractNames<typeof useClasses_114>;
+export declare type HvTabsClasses = ExtractNames<typeof useClasses_116>;
 
 export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
     /**
@@ -6459,7 +6494,7 @@ export declare interface HvTabsProps extends Omit<TabsProps, "onChange"> {
  */
 export declare const HvTag: ForwardRefExoticComponent<Omit<HvTagProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare type HvTagClasses = ExtractNames<typeof useClasses_113>;
+export declare type HvTagClasses = ExtractNames<typeof useClasses_115>;
 
 export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
 
@@ -6502,7 +6537,7 @@ export declare interface HvTagProps extends Omit<HvButtonBaseProps, "type" | "co
  */
 export declare const HvTagsInput: ForwardRefExoticComponent<HvTagsInputProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_115>;
+export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_117>;
 
 export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "value" | "defaultValue"> {
     /** The value of the form element. */
@@ -6553,7 +6588,7 @@ export declare interface HvTagSuggestion extends HvInputSuggestion {
  */
 export declare const HvTextArea: ForwardRefExoticComponent<HvTextAreaProps & RefAttributes<HTMLTextAreaElement>>;
 
-export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_116>;
+export declare type HvTextAreaClasses = ExtractNames<typeof useClasses_118>;
 
 export declare interface HvTextAreaProps extends Omit<HvBaseInputProps, "onChange" | "onBlur" | "rows" | "classes" | "onFocus" | "placeholder"> {
     /** The placeholder value of the text area. */
@@ -6735,7 +6770,7 @@ export declare const HvTimeAgo: <C extends ElementType<any, keyof JSX_2.Intrinsi
     ref?: PolymorphicRef<C> | undefined;
 } & RefAttributes<unknown>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_117>;
+export declare type HvTimeAgoClasses = ExtractNames<typeof useClasses_119>;
 
 export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = PolymorphicComponentRef<C, {
     /**
@@ -6771,7 +6806,7 @@ export declare type HvTimeAgoProps<C extends React.ElementType = "p"> = Polymorp
  */
 export declare const HvTimePicker: ForwardRefExoticComponent<HvTimePickerProps & RefAttributes<HTMLDivElement>>;
 
-export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_118>;
+export declare type HvTimePickerClasses = ExtractNames<typeof useClasses_120>;
 
 export declare type HvTimePickerClassKey = "root" | "input" | "label" | "placeholder" | "timePopperContainer" | "separator" | "periodContainer" | "formElementRoot" | "dropdownPlaceholder" | "iconBaseRoot" | "error" | "labelContainer" | "description" | "dropdownHeaderInvalid" | "dropdownPlaceholderDisabled" | "dropdownHeaderOpen";
 
@@ -6848,7 +6883,7 @@ export declare interface HvToggleButtonProps extends HvBaseProps<HTMLButtonEleme
  */
 export declare const HvTooltip: ForwardRefExoticComponent<Omit<HvTooltipProps, "ref"> & RefAttributes<unknown>>;
 
-export declare type HvTooltipClasses = ExtractNames<typeof useClasses_92>;
+export declare type HvTooltipClasses = ExtractNames<typeof useClasses_94>;
 
 export declare type HvTooltipPlacementType = TooltipProps["placement"];
 
@@ -6895,7 +6930,7 @@ export declare interface HvTooltipProps extends Omit<TooltipProps, "classes"> {
     containerId?: string;
 }
 
-declare type HvTreeContentClasses = ExtractNames<typeof useClasses_121>;
+declare type HvTreeContentClasses = ExtractNames<typeof useClasses_123>;
 
 export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLElement> {
     /** className applied to the root element. */
@@ -6916,7 +6951,7 @@ export declare interface HvTreeContentProps extends React.HTMLAttributes<HTMLEle
 
 export declare const HvTreeItem: ForwardRefExoticComponent<HvTreeItemProps & RefAttributes<HTMLLIElement>>;
 
-export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_120>;
+export declare type HvTreeItemClasses = ExtractNames<typeof useClasses_122>;
 
 export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElement> {
     /** The element id */
@@ -6971,7 +7006,7 @@ export declare interface HvTreeItemProps extends React.HTMLAttributes<HTMLElemen
  */
 export declare const HvTreeView: <Multiple extends boolean | undefined>(props: HvTreeViewProps<Multiple> & RefAttributes<HTMLUListElement>) => ReactElement<any, string | JSXElementConstructor<any>> | null;
 
-export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_119>;
+export declare type HvTreeViewClasses = ExtractNames<typeof useClasses_121>;
 
 export declare interface HvTreeViewProps<Multiple extends boolean | undefined> extends HvBaseProps<HTMLUListElement>, DefaultTreeViewPluginParameters<Multiple> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7127,7 +7162,7 @@ export declare const HvVerticalNavigation: ForwardRefExoticComponent<HvVerticalN
 
 export declare const HvVerticalNavigationAction: (props: HvVerticalNavigationActionProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_125>;
+export declare type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses_127>;
 
 export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonProps, "classes" | "icon"> {
     /** A Jss Object used to override or extend the styles applied to the component. */
@@ -7140,18 +7175,18 @@ export declare interface HvVerticalNavigationActionProps extends Omit<HvButtonPr
 
 export declare const HvVerticalNavigationActions: (props: HvVerticalNavigationActionsProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_124>;
+export declare type HvVerticalNavigationActionsClasses = ExtractNames<typeof useClasses_126>;
 
 export declare interface HvVerticalNavigationActionsProps extends HvBaseProps {
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvVerticalNavigationActionsClasses;
 }
 
-export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_122>;
+export declare type HvVerticalNavigationClasses = ExtractNames<typeof useClasses_124>;
 
 export declare const HvVerticalNavigationHeader: (props: HvVerticalNavigationHeaderProps) => JSX_3.Element | null;
 
-export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_123>;
+export declare type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses_125>;
 
 export declare interface HvVerticalNavigationHeaderProps extends HvBaseProps {
     /** The title text to show on header. */
@@ -7198,7 +7233,7 @@ export declare interface HvVerticalNavigationProps extends HvBaseProps<HTMLDivEl
 
 export declare const HvVerticalNavigationSlider: (props: HvVerticalNavigationSliderProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_127>;
+export declare type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses_129>;
 
 export declare interface HvVerticalNavigationSliderProps extends Omit<HvListContainerProps, "classes"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7226,7 +7261,7 @@ export declare interface HvVerticalNavigationSliderProps extends Omit<HvListCont
 
 export declare const HvVerticalNavigationTree: (props: HvVerticalNavigationTreeProps) => JSX_3.Element;
 
-export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_126>;
+export declare type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses_128>;
 
 export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLDivElement, "onChange" | "onToggle"> {
     /** A Jss Object used to override or extend the styles applied. */
@@ -7270,11 +7305,11 @@ export declare interface HvVerticalNavigationTreeProps extends HvBaseProps<HTMLD
 
 export declare const HvVerticalNavigationTreeView: ForwardRefExoticComponent<HvVerticalNavigationTreeViewProps & RefAttributes<HTMLUListElement>>;
 
-export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_128>;
+export declare type HvVerticalNavigationTreeViewClasses = ExtractNames<typeof useClasses_130>;
 
 export declare const HvVerticalNavigationTreeViewItem: ForwardRefExoticComponent<HvVerticalNavigationTreeViewItemProps & RefAttributes<unknown>>;
 
-export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_129>;
+export declare type HvVerticalNavigationTreeViewItemClasses = ExtractNames<typeof useClasses_131>;
 
 export declare interface HvVerticalNavigationTreeViewItemProps {
     /**
@@ -7378,7 +7413,7 @@ export declare interface HvVerticalNavigationTreeViewProps extends HvBaseProps<H
     disabledItemsFocusable?: boolean;
 }
 
-export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_97>;
+export declare type HvVerticalScrollListItemClasses = ExtractNames<typeof useClasses_99>;
 
 /**
  * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.
@@ -8325,7 +8360,30 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "gutter" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_100: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        positionAbsolute: string;
+        positionFixed: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_101: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        button: string;
+        text: string;
+        selected: string;
+        bullet: string;
+        bulletSelected: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_102: (classesProp?: Partial<Record<"root" | "selected" | "notSelected" | "positionFixed" | "positionSticky" | "notSelectedRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -8338,7 +8396,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root" | "selected"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_101: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_103: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hidden: string;
@@ -8353,7 +8411,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_104: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8361,7 +8419,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
+declare const useClasses_105: (classesProp?: Partial<Record<"label" | "root" | "trackDragging" | "trackStandBy" | "handleContainer" | "error" | "labelContainer" | "rootDisabled" | "handle" | "sliderBase" | "sliderContainer" | "sliderRoot" | "rootRange" | "handleContainerDisabled" | "handleHiddenContainer" | "labelIncluded" | "onlyInput" | "sliderTooltip", string>>, addStatic?: boolean) => {
     readonly classes: {
         sliderBase: string;
         rootDisabled: string;
@@ -8386,7 +8444,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_104: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
+declare const useClasses_106: (classesProp?: Partial<Record<"root" | "anchorOriginTopRight" | "anchorOriginBottomRight" | "anchorOriginTopLeft" | "anchorOriginBottomLeft" | "anchorOriginTopCenter" | "anchorOriginBottomCenter", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         anchorOriginTopRight: string;
@@ -8400,7 +8458,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"root" | "anchorOrig
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_105: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
+declare const useClasses_107: (classesProp?: Partial<Record<"warning" | "root" | "action" | "default" | "success" | "error" | "message" | "messageSpan" | "messageText" | "iconVariant", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         success: string;
@@ -8417,7 +8475,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"warning" | "root" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_106: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
+declare const useClasses_108: (classesProp?: Partial<Record<"snackItemRoot", string>>, addStatic?: boolean) => {
     readonly classes: {
         snackItemRoot: string;
     };
@@ -8425,7 +8483,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"snackItemRoot", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_107: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
+declare const useClasses_109: (classesProp?: Partial<Record<"xs" | "sm" | "md" | "lg" | "xl" | "root" | "divider" | "row" | "column", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         column: string;
@@ -8441,44 +8499,44 @@ declare const useClasses_107: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_108: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_11: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        label: string;
-        error: string;
-        switchContainer: string;
-        invalidSwitch: string;
+        defaultIcon: string;
+        warningText: string;
+        show: string;
+        topGutter: string;
+        hideText: string;
+        topBorder: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_109: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_110: (classesProp?: Partial<Record<"label" | "root" | "invalidSwitch" | "error" | "switchContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        focusVisible: string;
-        selected: string;
-        disabled: string;
+        label: string;
+        error: string;
+        switchContainer: string;
+        invalidSwitch: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_11: (classesProp?: Partial<Record<"root" | "warningText" | "topGutter" | "defaultIcon" | "show" | "hideText" | "topBorder", string>>, addStatic?: boolean) => {
+declare const useClasses_111: (classesProp?: Partial<Record<"root" | "disabled" | "selected" | "focusVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        defaultIcon: string;
-        warningText: string;
-        show: string;
-        topGutter: string;
-        hideText: string;
-        topBorder: string;
+        focusVisible: string;
+        selected: string;
+        disabled: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_110: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_112: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8486,7 +8544,7 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_113: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8494,7 +8552,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_114: (classesProp?: Partial<Record<"root" | "stickyHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         stickyHeader: string;
@@ -8503,7 +8561,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "stickyHead
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
+declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "icon" | "selected" | "button" | "deleteIcon" | "focusVisible" | "clickable" | "categorical" | "chipRoot" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         categorical: string;
@@ -8525,7 +8583,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
+declare const useClasses_116: (classesProp?: Partial<Record<"root" | "floating" | "flexContainer" | "scroller" | "indicator", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         indicator: string;
@@ -8537,7 +8595,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"root" | "floating"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
+declare const useClasses_117: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "readOnly" | "input" | "tagsList" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "suggestionsContainer" | "suggestionList" | "inputExtension" | "chipRoot" | "listItemGutters" | "listItemRoot" | "characterCounter" | "tagInputContainerRoot" | "tagInputRoot" | "tagSelected" | "tagInputBorderContainer" | "tagInputRootFocused" | "tagInputRootEmpty" | "singleLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         input: string;
         listItemGutters: string;
@@ -8569,7 +8627,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
+declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "input" | "error" | "description" | "labelContainer" | "invalid" | "resizable" | "inputResizable" | "characterCounter" | "baseInput", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         disabled: string;
@@ -8588,7 +8646,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_117: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8596,7 +8654,27 @@ declare const useClasses_117: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_12: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        disabled: string;
+        readOnly: string;
+        invalid: string;
+        labelContainer: string;
+        label: string;
+        description: string;
+        select: string;
+        popper: string;
+        panel: string;
+        panelOpenedUp: string;
+        panelOpenedDown: string;
+        error: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_120: (classesProp?: Partial<Record<"label" | "root" | "placeholder" | "icon" | "error" | "description" | "labelContainer" | "dropdownHeader" | "dropdownHeaderInvalid" | "dropdownHeaderOpen" | "placeholderDisabled" | "dropdownPanel" | "timePopperContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         labelContainer: string;
@@ -8616,7 +8694,7 @@ declare const useClasses_118: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_121: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8624,27 +8702,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_12: (classesProp?: Partial<Record<"label" | "root" | "panel" | "disabled" | "readOnly" | "select" | "popper" | "error" | "description" | "labelContainer" | "invalid" | "panelOpenedUp" | "panelOpenedDown", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        disabled: string;
-        readOnly: string;
-        invalid: string;
-        labelContainer: string;
-        label: string;
-        description: string;
-        select: string;
-        popper: string;
-        panel: string;
-        panelOpenedUp: string;
-        panelOpenedDown: string;
-        error: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_122: (classesProp?: Partial<Record<"content" | "label" | "root" | "disabled" | "selected" | "expanded" | "group" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         group: string;
@@ -8660,7 +8718,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_123: (classesProp?: Partial<Record<"label" | "root" | "disabled" | "selected" | "expanded" | "focused" | "iconContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         expanded: string;
@@ -8674,7 +8732,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"label" | "root" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_122: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
+declare const useClasses_124: (classesProp?: Partial<Record<"root" | "slider" | "collapsed" | "childData", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         collapsed: string;
@@ -8685,7 +8743,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"root" | "slider" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_123: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
+declare const useClasses_125: (classesProp?: Partial<Record<"root" | "title" | "backButton" | "minimized" | "collapseButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         minimized: string;
@@ -8697,7 +8755,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"root" | "title" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_124: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
+declare const useClasses_126: (classesProp?: Partial<Record<"root" | "hide", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         hide: string;
@@ -8706,7 +8764,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"root" | "hide", str
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_125: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
+declare const useClasses_127: (classesProp?: Partial<Record<"action" | "minimized" | "noIcon", string>>, addStatic?: boolean) => {
     readonly classes: {
         action: string;
         noIcon: string;
@@ -8716,7 +8774,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_126: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"root" | "listItem" | "list" | "collapsed" | "popup" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -8729,7 +8787,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root" | "listItem"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
+declare const useClasses_129: (classesProp?: Partial<Record<"root" | "listItemSelected" | "listItemDisabled" | "listItemFocus" | "listContainer" | "forwardButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         listItemSelected: string;
@@ -8742,7 +8800,30 @@ declare const useClasses_127: (classesProp?: Partial<Record<"root" | "listItemSe
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+        startIcon: string;
+        endIcon: string;
+        focusVisible: string;
+        disabled: string;
+        icon: string;
+        contained: string;
+        subtle: string;
+        ghost: string;
+        semantic: string;
+        primary: string;
+        primarySubtle: string;
+        primaryGhost: string;
+        secondarySubtle: string;
+        secondaryGhost: string;
+        secondary: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_130: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -8750,7 +8831,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"root", string>>, ad
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_129: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
+declare const useClasses_131: (classesProp?: Partial<Record<"content" | "label" | "link" | "disabled" | "icon" | "selectable" | "selected" | "hide" | "expanded" | "unselectable" | "group" | "node" | "focused" | "labelIcon" | "collapsed" | "minimized" | "expandable" | "unselected" | "labelExpandable", string>>, addStatic?: boolean) => {
     readonly classes: {
         node: string;
         content: string;
@@ -8776,30 +8857,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"content" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_13: (classesProp?: Partial<Record<"secondary" | "primary" | "root" | "disabled" | "semantic" | "icon" | "secondarySubtle" | "ghost" | "secondaryGhost" | "contained" | "primaryGhost" | "primarySubtle" | "subtle" | "focusVisible" | "startIcon" | "endIcon", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        startIcon: string;
-        endIcon: string;
-        focusVisible: string;
-        disabled: string;
-        icon: string;
-        contained: string;
-        subtle: string;
-        ghost: string;
-        semantic: string;
-        primary: string;
-        primarySubtle: string;
-        primaryGhost: string;
-        secondarySubtle: string;
-        secondaryGhost: string;
-        secondary: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_130: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
+declare const useClasses_132: (classesProp?: Partial<Record<"content" | "header" | "root" | "hidden" | "actions" | "hasHeader" | "spaceTop" | "raisedHeader", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -8814,7 +8872,7 @@ declare const useClasses_130: (classesProp?: Partial<Record<"content" | "header"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_131: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
+declare const useClasses_133: (classesProp?: Partial<Record<"content" | "root" | "circle" | "text" | "square" | "pulse" | "wave", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         content: string;
@@ -9809,7 +9867,33 @@ declare const useClasses_71: (classesProp?: Partial<Record<"root" | "icon" | "pr
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_72: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_72: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        root: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_73: (classesProp?: Partial<Record<"dropZoneContainer" | "dragAction" | "dropZoneContainerDisabled" | "dropZoneLabelsGroup" | "inputArea" | "dropArea" | "dropZoneAreaLabels" | "dropZoneAreaIcon" | "dropZoneLabel" | "dragText" | "selectFilesText", string>>, addStatic?: boolean) => {
+    readonly classes: {
+        dropZoneContainer: string;
+        dropZoneLabelsGroup: string;
+        dragAction: string;
+        dropZoneContainerDisabled: string;
+        inputArea: string;
+        dropArea: string;
+        dropZoneAreaLabels: string;
+        dropZoneAreaIcon: string;
+        dropZoneLabel: string;
+        dragText: string;
+        selectFilesText: string;
+    };
+    readonly css: any;
+    readonly cx: (...args: any) => string;
+};
+
+declare const useClasses_74: (classesProp?: Partial<Record<"label" | "root" | "error" | "description" | "labelContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         label: string;
@@ -9821,7 +9905,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"label" | "root" | "e
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_73: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"space" | "header" | "root" | "panel" | "rightSidePanel" | "applyButton" | "dropdown" | "baseDropdownSelection" | "leftSidePanel" | "actionBar", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9838,7 +9922,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"space" | "header" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_74: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
+declare const useClasses_76: (classesProp?: Partial<Record<"name" | "small" | "root" | "separator" | "rightContainer" | "copyright", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         name: string;
@@ -9851,7 +9935,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"name" | "small" | "r
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
+declare const useClasses_77: (classesProp?: Partial<Record<"name" | "root" | "section" | "wrapper" | "sectionName" | "positionFixed" | "positionSticky" | "actions" | "global" | "globalSectionArea" | "globalWrapperComplement" | "backButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         positionSticky: string;
@@ -9870,7 +9954,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"name" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_76: (classesProp?: Partial<Record<"container" | "root" | "direction-xs-column" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "item" | "zeroMinWidth" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12" | "direction-xs-reverse", string>>, addStatic?: boolean) => {
+declare const useClasses_78: (classesProp?: Partial<Record<"container" | "root" | "direction-xs-column" | "direction-xs-row-reverse" | "wrap-xs-nowrap" | "wrap-xs-wrap-reverse" | "item" | "zeroMinWidth" | "spacing-xs-1" | "spacing-xs-2" | "spacing-xs-3" | "spacing-xs-4" | "spacing-xs-5" | "spacing-xs-6" | "spacing-xs-7" | "spacing-xs-8" | "spacing-xs-9" | "spacing-xs-10" | "grid-xs-auto" | "grid-xs-true" | "grid-xs-1" | "grid-xs-2" | "grid-xs-3" | "grid-xs-4" | "grid-xs-5" | "grid-xs-6" | "grid-xs-7" | "grid-xs-8" | "grid-xs-9" | "grid-xs-10" | "grid-xs-11" | "grid-xs-12" | "direction-xs-reverse", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -9910,7 +9994,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"container" | "root"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_77: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
+declare const useClasses_79: (classesProp?: Partial<Record<"backgroundColor" | "header" | "root" | "fixed", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         header: string;
@@ -9921,7 +10005,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"backgroundColor" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_78: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9929,25 +10013,25 @@ declare const useClasses_78: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_79: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
+declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        separator: string;
-        brandName: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_8: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_81: (classesProp?: Partial<Record<"root" | "separator" | "brandName", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
+        separator: string;
+        brandName: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_80: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
+declare const useClasses_82: (classesProp?: Partial<Record<"root" | "active" | "list" | "hidden" | "menu" | "menubar", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -9960,7 +10044,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root" | "active" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_81: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
+declare const useClasses_83: (classesProp?: Partial<Record<"link" | "root" | "selected" | "button" | "menu" | "menubar" | "item", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         menu: string;
@@ -9974,7 +10058,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"link" | "root" | "se
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_82: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_84: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -9982,7 +10066,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_83: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
+declare const useClasses_85: (classesProp?: Partial<Record<"root" | "inputBorderContainer" | "inputRoot" | "input" | "icon" | "button" | "text" | "largeText" | "textEmpty" | "iconVisible", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         inputBorderContainer: string;
@@ -9999,7 +10083,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"root" | "inputBorder
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_84: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
+declare const useClasses_86: (classesProp?: Partial<Record<"root" | "visualIndicatorContainer" | "comparisons" | "comparisonContainer" | "comparisonComposition" | "indicatorsContainer" | "indicatorText" | "indicatorUnit" | "spacingToTheRight" | "trendLine", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         visualIndicatorContainer: string;
@@ -10016,7 +10100,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"root" | "visualIndic
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_85: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
+declare const useClasses_87: (classesProp?: Partial<Record<"a", string>>, addStatic?: boolean) => {
     readonly classes: {
         a: string;
     };
@@ -10024,7 +10108,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"a", string>>, addSta
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_86: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
+declare const useClasses_88: (classesProp?: Partial<Record<"link" | "root" | "itemSelector" | "item" | "virtualizedRoot" | "selectorRoot" | "selectorContainer" | "box" | "truncate" | "selectAllSelector", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         virtualizedRoot: string;
@@ -10041,7 +10125,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"link" | "root" | "it
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_87: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
+declare const useClasses_89: (classesProp?: Partial<Record<"overlay" | "label" | "small" | "root" | "hidden" | "loadingBar" | "blur" | "regular" | "barContainer" | "smallColor" | "regularColor", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         barContainer: string;
@@ -10059,35 +10143,35 @@ declare const useClasses_87: (classesProp?: Partial<Record<"overlay" | "label" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_88: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
+declare const useClasses_9: (classesProp?: Partial<Record<"root" | "childGutter" | "labelDisabled", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        loading: string;
+        labelDisabled: string;
+        childGutter: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_89: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
+declare const useClasses_90: (classesProp?: Partial<Record<"root" | "loading", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        formContainer: string;
+        loading: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_9: (classesProp?: Partial<Record<"root" | "labelDisabled" | "childGutter", string>>, addStatic?: boolean) => {
+declare const useClasses_91: (classesProp?: Partial<Record<"root" | "formContainer", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
-        labelDisabled: string;
-        childGutter: string;
+        formContainer: string;
     };
     readonly css: any;
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_90: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
+declare const useClasses_92: (classesProp?: Partial<Record<"secondary" | "primary" | "vertical" | "root" | "secondarySubtle" | "selected" | "button" | "secondaryGhost" | "multiple" | "splitGroup" | "primaryGhost" | "primarySubtle" | "splitGroupDisabled" | "firstButton" | "lastButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         multiple: string;
@@ -10109,7 +10193,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"secondary" | "primar
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_91: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
+declare const useClasses_93: (classesProp?: Partial<Record<"tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph", string>>, addStatic?: boolean) => {
     readonly classes: {
         tooltipData: string;
         tooltipAnchor: string;
@@ -10119,7 +10203,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"tooltipData" | "tool
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_92: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
+declare const useClasses_94: (classesProp?: Partial<Record<"color" | "root" | "title" | "popper" | "separator" | "tooltip" | "values" | "tooltipMulti" | "valuesContainer" | "separatorColor" | "valueWrapper", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         tooltip: string;
@@ -10137,7 +10221,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"color" | "root" | "t
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_93: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
+declare const useClasses_95: (classesProp?: Partial<Record<"root", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
     };
@@ -10145,7 +10229,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root", string>>, add
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_94: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
+declare const useClasses_96: (classesProp?: Partial<Record<"root" | "progress" | "progressBar" | "progressBarLabel" | "progressContainer" | "progressDone" | "progressBarContainer" | "progressError", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         progress: string;
@@ -10160,7 +10244,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"root" | "progress" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_95: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
+declare const useClasses_97: (classesProp?: Partial<Record<"root" | "topGroup" | "subGroup" | "subRulesContainer" | "topActionButtonContainer" | "createConditionButton" | "createGroupButton" | "removeButton" | "combinator" | "topCombinator" | "combinatorButton" | "topRemoveButton" | "topRemoveButtonDisabled" | "rulesContainer" | "actionButtonContainer" | "topRulesContainer" | "buttonBackground", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         topGroup: string;
@@ -10184,7 +10268,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "topGroup" |
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_96: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
+declare const useClasses_98: (classesProp?: Partial<Record<"container" | "label" | "root" | "disabled" | "semantic" | "radio" | "checked" | "focusVisible" | "invalidContainer" | "invalidRadio", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         container: string;
@@ -10201,7 +10285,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"container" | "label"
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_97: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
+declare const useClasses_99: (classesProp?: Partial<Record<"root" | "icon" | "button" | "text" | "notSelected", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         icon: string;
@@ -10213,29 +10297,6 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "icon" | "bu
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_98: (classesProp?: Partial<Record<"root" | "positionFixed" | "positionAbsolute", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        positionAbsolute: string;
-        positionFixed: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
-declare const useClasses_99: (classesProp?: Partial<Record<"root" | "selected" | "button" | "text" | "bullet" | "bulletSelected", string>>, addStatic?: boolean) => {
-    readonly classes: {
-        root: string;
-        button: string;
-        text: string;
-        selected: string;
-        bullet: string;
-        bulletSelected: string;
-    };
-    readonly css: any;
-    readonly cx: (...args: any) => string;
-};
-
 export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(ref: React.RefObject<T>, handler: (event: HvClickOutsideEvent) => void) => void;
 
 export declare const useComputation: (valueFn: Function, valueFallback?: Function) => (Function | undefined)[];