@hitachivantara/uikit-react-core 5.67.0 → 5.68.0

package/dist/types/index.d.ts

@@ -12,9 +12,7 @@ import { ColumnInterface } from 'react-table';
 import { ComponentProps } from 'react';
 import { ContainerProps } from '@mui/material/Container';
 import { Context } from 'react';
-import { createClasses } from '@hitachivantara/uikit-react-shared';
-import { CSSInterpolation } from '@emotion/serialize';
-import { CSSInterpolation as CSSInterpolation_2 } from '@emotion/css/dist/declarations/src/create-instance';
+import { createClasses } from '@hitachivantara/uikit-react-utils';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'embla-carousel-react';
 import { defaultCacheKey } from '@hitachivantara/uikit-react-shared';
@@ -29,7 +27,7 @@ import { ds3 } from '@hitachivantara/uikit-styles';
 import { ds5 } from '@hitachivantara/uikit-styles';
 import { EmotionCache } from '@emotion/cache';
 import { EmotionContext } from '@hitachivantara/uikit-react-shared';
-import { ExtractNames } from '@hitachivantara/uikit-react-shared';
+import { ExtractNames } from '@hitachivantara/uikit-react-utils';
 import { ForwardRefExoticComponent } from 'react';
 import { GridProps } from '@mui/material/Grid';
 import { Hooks } from 'react-table';
@@ -103,7 +101,8 @@ import { TooltipProps } from '@mui/material/Tooltip';
 import { TransitionProps } from '@mui/material/transitions';
 import { UseColumnOrderInstanceProps } from 'react-table';
 import { UseColumnOrderState } from 'react-table';
-import { useCss } from '@hitachivantara/uikit-react-shared';
+import { useCss } from '@hitachivantara/uikit-react-utils';
+import { useDefaultProps } from '@hitachivantara/uikit-react-utils';
 import { UseExpandedHooks } from 'react-table';
 import { UseExpandedInstanceProps } from 'react-table';
 import { UseExpandedOptions } from 'react-table';
@@ -147,7 +146,7 @@ import { UseSortByInstanceProps } from 'react-table';
 import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
 import { UseTableHeaderGroupProps } from 'react-table';
-import { useTheme } from '@hitachivantara/uikit-react-shared';
+import { useTheme } from '@hitachivantara/uikit-react-utils';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -903,9 +902,6 @@ export declare const filterGroupClasses: {
     labelContainer: "HvFilterGroup-labelContainer";
 };
 
-/** Filter out `undefined` entries from `props` object. */
-export declare function filterProps(props: Record<string, any>): Record<string, any>;
-
 /**
  * Scans the element's children looking for the children IDs that match the different form element types.
  * This function will produce an object that has a key for each provided name
@@ -4100,25 +4096,52 @@ export declare interface HvInfoMessageProps extends HvTypographyProps<"label"> {
  * An Inline Editor allows the user to edit a record without making a major switch
  * between viewing and editing, making it an efficient method of updating a record.
  */
-export declare const HvInlineEditor: (props: HvInlineEditorProps) => JSX_2.Element;
+export declare const HvInlineEditor: <C extends default_2.ElementType = default_2.ForwardRefExoticComponent<HvInputProps & default_2.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>>(props: {
+    /** The value of the form element. */
+    value?: string;
+    /** The default value of the form element. */
+    defaultValue?: string;
+    /** Whether the Edit icon should always be visible */
+    showIcon?: boolean;
+    /** Variant of the HvTypography to display */
+    variant?: HvTypographyVariants;
+    /** Called when the input is blurred. */
+    onBlur?: (event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+    /** Called when the input value changes. */
+    onChange?: (event: default_2.SyntheticEvent, value: string) => void;
+    /** Props passed to the HvButton component */
+    buttonProps?: HvButtonProps;
+    /** Props passed to the HvTypography text component */
+    typographyProps?: HvTypographyProps;
+    /** Whether the editor is disabled or not. */
+    disabled?: boolean;
+    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    classes?: HvInlineEditorClasses;
+    /** The placeholder value of the input. */
+    placeholder?: string;
+} & {
+    component?: C | undefined;
+} & {
+    children?: default_2.ReactNode | undefined;
+} & (Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> extends infer T ? T extends Omit<default_2.PropsWithoutRef<default_2.ComponentProps<C>>, "value" | "classes" | "placeholder" | "disabled" | "variant" | "component" | "onBlur" | "onChange" | "defaultValue" | "showIcon" | "buttonProps" | "typographyProps"> ? T extends any ? T : never : never : never) & {
+    ref?: PolymorphicRef<C> | undefined;
+} & default_2.RefAttributes<unknown>) => default_2.ReactElement | null;
 
 export declare type HvInlineEditorClasses = ExtractNames<typeof useClasses_81>;
 
-export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement, "onBlur" | "onChange"> {
+export declare type HvInlineEditorProps<C extends default_2.ElementType = typeof HvInput> = PolymorphicComponentRef<C, {
     /** The value of the form element. */
     value?: string;
     /** The default value of the form element. */
     defaultValue?: string;
     /** Whether the Edit icon should always be visible */
     showIcon?: boolean;
-    /** Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */
-    component?: React.ElementType;
     /** Variant of the HvTypography to display */
     variant?: HvTypographyVariants;
     /** Called when the input is blurred. */
-    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+    onBlur?: (event: default_2.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
     /** Called when the input value changes. */
-    onChange?: (event: React.SyntheticEvent, value: string) => void;
+    onChange?: (event: default_2.SyntheticEvent, value: string) => void;
     /** Props passed to the HvButton component */
     buttonProps?: HvButtonProps;
     /** Props passed to the HvTypography text component */
@@ -4129,7 +4152,7 @@ export declare interface HvInlineEditorProps extends HvBaseProps<HTMLDivElement,
     classes?: HvInlineEditorClasses;
     /** The placeholder value of the input. */
     placeholder?: string;
-}
+}>;
 
 /**
  * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.
@@ -6498,27 +6521,11 @@ export declare const HvTagsInput: default_2.ForwardRefExoticComponent<HvTagsInpu
 
 export declare type HvTagsInputClasses = ExtractNames<typeof useClasses_113>;
 
-export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "color" | "defaultValue"> {
-    /** The form element name. */
-    name?: string;
+export declare interface HvTagsInputProps extends Omit<HvInputProps, "onChange" | "onBlur" | "onFocus" | "onKeyDown" | "value" | "defaultValue"> {
     /** The value of the form element. */
     value?: string[] | HvTagProps[];
     /** When uncontrolled, defines the initial input value. */
     defaultValue?: string[] | HvTagProps[];
-    /**
-     * The label of the form element.
-     * The form element must be labeled for accessibility reasons.
-     * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
-     */
-    label?: default_2.ReactNode;
-    /** Provide additional descriptive text for the form element. */
-    description?: default_2.ReactNode;
-    /** Indicates that the form element is disabled. */
-    disabled?: boolean;
-    /** Indicates that the form element is not editable. */
-    readOnly?: boolean;
-    /** Indicates that the form element is required. */
-    required?: boolean;
     /** The function that will be executed onChange. */
     onChange?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps[]) => void;
     /** The function that will be executed when the element is focused. */
@@ -6529,30 +6536,18 @@ export declare interface HvTagsInputProps extends HvBaseProps<HTMLElement, "onCh
     onDelete?: (event: default_2.KeyboardEvent<HTMLUListElement> | default_2.MouseEvent<HTMLElement>, value: HvTagProps, index: number) => void;
     /** The function that will be executed when a tag is added. */
     onAdd?: (event: default_2.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement> | default_2.MouseEvent | default_2.KeyboardEvent<HTMLUListElement> | default_2.FocusEvent<HTMLDivElement>, value: HvTagProps, index: number) => void;
-    /** The placeholder value of the input. */
-    placeholder?: string;
     /** If `true` the character counter isn't shown even if maxTagsQuantity is set. */
     hideCounter?: boolean;
     /** Text between the current char counter and max value. */
     middleCountLabel?: string;
     /** The maximum allowed length of the characters, if this value is null no check will be performed. */
     maxTagsQuantity?: number;
-    /** Attributes applied to the input element. */
-    inputProps?: InputBaseComponentProps;
-    /** If `true` it should autofocus. */
-    autoFocus?: boolean;
     /** If `true` the component is resizable. */
     resizable?: boolean;
     /** Props passed to the HvCharCount component. */
     countCharProps?: Partial<HvCharCounterProps>;
     /** If `true` the component is in multiline mode. */
     multiline?: boolean;
-    /** The status of the form element. */
-    status?: HvFormStatus;
-    /** The error message to show when `status` is "invalid". */
-    statusMessage?: default_2.ReactNode;
-    /** An Object containing the various texts associated with the input. */
-    validationMessages?: HvValidationMessages;
     /** An array of strings that represent the character used to input a tag. This character is the string representation of the event.code from the input event. */
     commitTagOn?: string[];
     /** If `true` the tag will be committed when the blur event occurs. */
@@ -8307,10 +8302,7 @@ declare const useClasses: (classesProp?: Partial<Record<"display" | "5xlTitle" |
         normalText: string;
         vizText: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8324,10 +8316,7 @@ declare const useClasses_10: (classesProp?: Partial<Record<"root" | "warningText
         hideText: string;
         topBorder: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8335,10 +8324,7 @@ declare const useClasses_100: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8363,10 +8349,7 @@ declare const useClasses_101: (classesProp?: Partial<Record<"label" | "root" | "
         onlyInput: string;
         sliderTooltip: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8380,10 +8363,7 @@ declare const useClasses_102: (classesProp?: Partial<Record<"root" | "anchorOrig
         anchorOriginTopLeft: string;
         anchorOriginBottomLeft: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8400,10 +8380,7 @@ declare const useClasses_103: (classesProp?: Partial<Record<"warning" | "root" |
         messageText: string;
         iconVariant: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8411,10 +8388,7 @@ declare const useClasses_104: (classesProp?: Partial<Record<"snackItemRoot", str
     classes: {
         snackItemRoot: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8430,10 +8404,7 @@ declare const useClasses_105: (classesProp?: Partial<Record<"xs" | "sm" | "md" |
         row: string;
         column: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8445,10 +8416,7 @@ declare const useClasses_106: (classesProp?: Partial<Record<"label" | "root" | "
         error: string;
         switchContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8459,10 +8427,7 @@ declare const useClasses_107: (classesProp?: Partial<Record<"root" | "disabled"
         selected: string;
         focusVisible: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8470,10 +8435,7 @@ declare const useClasses_108: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8481,10 +8443,7 @@ declare const useClasses_109: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8504,10 +8463,7 @@ declare const useClasses_11: (classesProp?: Partial<Record<"label" | "root" | "p
         panelOpenedUp: string;
         panelOpenedDown: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8516,10 +8472,7 @@ declare const useClasses_110: (classesProp?: Partial<Record<"root" | "stickyHead
         root: string;
         stickyHeader: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8539,10 +8492,7 @@ declare const useClasses_111: (classesProp?: Partial<Record<"label" | "root" | "
         categoricalFocus: string;
         categoricalDisabled: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8553,10 +8503,7 @@ declare const useClasses_112: (classesProp?: Partial<Record<"root" | "indicator"
         scroller: string;
         flexContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8588,10 +8535,7 @@ declare const useClasses_113: (classesProp?: Partial<Record<"label" | "root" | "
         tagInputRootEmpty: string;
         singleLine: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8610,10 +8554,7 @@ declare const useClasses_114: (classesProp?: Partial<Record<"label" | "root" | "
         characterCounter: string;
         baseInput: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8621,10 +8562,7 @@ declare const useClasses_115: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8644,10 +8582,7 @@ declare const useClasses_116: (classesProp?: Partial<Record<"label" | "root" | "
         dropdownPanel: string;
         timePopperContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8655,10 +8590,7 @@ declare const useClasses_117: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8674,10 +8606,7 @@ declare const useClasses_118: (classesProp?: Partial<Record<"content" | "label"
         focused: string;
         iconContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8691,10 +8620,7 @@ declare const useClasses_119: (classesProp?: Partial<Record<"label" | "root" | "
         focused: string;
         iconContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8716,10 +8642,7 @@ declare const useClasses_12: (classesProp?: Partial<Record<"secondary" | "primar
         endIcon: string;
         focusVisible: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8730,10 +8653,7 @@ declare const useClasses_120: (classesProp?: Partial<Record<"root" | "slider" |
         collapsed: string;
         childData: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8745,10 +8665,7 @@ declare const useClasses_121: (classesProp?: Partial<Record<"root" | "title" | "
         collapseButton: string;
         minimized: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8757,10 +8674,7 @@ declare const useClasses_122: (classesProp?: Partial<Record<"root" | "hide", str
         root: string;
         hide: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8770,10 +8684,7 @@ declare const useClasses_123: (classesProp?: Partial<Record<"action" | "minimize
         minimized: string;
         noIcon: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8786,10 +8697,7 @@ declare const useClasses_124: (classesProp?: Partial<Record<"root" | "listItem"
         popup: string;
         collapsed: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8802,10 +8710,7 @@ declare const useClasses_125: (classesProp?: Partial<Record<"root" | "listItemSe
         forwardButton: string;
         listContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8813,10 +8718,7 @@ declare const useClasses_126: (classesProp?: Partial<Record<"root", string>>, ad
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8842,10 +8744,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"content" | "label"
         unselected: string;
         labelExpandable: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8859,10 +8758,7 @@ declare const useClasses_128: (classesProp?: Partial<Record<"content" | "header"
         spaceTop: string;
         raisedHeader: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8876,10 +8772,7 @@ declare const useClasses_129: (classesProp?: Partial<Record<"content" | "root" |
         pulse: string;
         wave: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8888,10 +8781,7 @@ declare const useClasses_13: (classesProp?: Partial<Record<"root" | "highlighted
         root: string;
         highlighted: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8899,10 +8789,7 @@ declare const useClasses_14: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8917,10 +8804,7 @@ declare const useClasses_15: (classesProp?: Partial<Record<"vertical" | "horizon
         error: string;
         invalid: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8930,10 +8814,7 @@ declare const useClasses_16: (classesProp?: Partial<Record<"root" | "list" | "po
         list: string;
         popper: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8956,10 +8837,7 @@ declare const useClasses_17: (classesProp?: Partial<Record<"root" | "disabled" |
         inputDisabled: string;
         inputResizable: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -8989,10 +8867,7 @@ declare const useClasses_18: (classesProp?: Partial<Record<"container" | "header
         inputExtensionFloatRight: string;
         inputExtensionFloatLeft: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9004,10 +8879,7 @@ declare const useClasses_19: (classesProp?: Partial<Record<"container" | "label"
         disabled: string;
         hidden: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9022,10 +8894,7 @@ declare const useClasses_2: (classesProp?: Partial<Record<"root" | "disabled" |
         externalReference: string;
         falseFocus: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9033,10 +8902,7 @@ declare const useClasses_20: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9049,10 +8915,7 @@ declare const useClasses_21: (classesProp?: Partial<Record<"root" | "button" | "
         dropDownMenuButton: string;
         dropDownMenuButtonSelected: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9066,10 +8929,7 @@ declare const useClasses_22: (classesProp?: Partial<Record<"container" | "root"
         menuListRoot: string;
         menuList: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9093,10 +8953,7 @@ declare const useClasses_23: (classesProp?: Partial<Record<"root" | "title" | "s
         dual: string;
         fluid: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9112,10 +8969,7 @@ declare const useClasses_24: (classesProp?: Partial<Record<"typography" | "root"
         iconInfo: string;
         titleAnchor: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9136,10 +8990,7 @@ declare const useClasses_25: (classesProp?: Partial<Record<"container" | "xs" |
         badge: string;
         circular: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9151,10 +9002,7 @@ declare const useClasses_26: (classesProp?: Partial<Record<"root" | "row" | "col
         highlight: string;
         toBack: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9169,10 +9017,7 @@ declare const useClasses_27: (classesProp?: Partial<Record<"root" | "badge" | "b
         badgeIcon: string;
         badgeOneDigit: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9183,10 +9028,7 @@ declare const useClasses_28: (classesProp?: Partial<Record<"root" | "rootClosed"
         anchorOriginTopCenter: string;
         anchorOriginBottomCenter: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9197,10 +9039,7 @@ declare const useClasses_29: (classesProp?: Partial<Record<"actionContainer" | "
         closeAction: string;
         iconContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9208,10 +9047,7 @@ declare const useClasses_3: (classesProp?: Partial<Record<"root", string>>, addS
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9227,10 +9063,7 @@ declare const useClasses_30: (classesProp?: Partial<Record<"warning" | "root" |
         baseVariant: string;
         outContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9244,10 +9077,7 @@ declare const useClasses_31: (classesProp?: Partial<Record<"root" | "disabled" |
         focusVisible: string;
         indeterminate: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9260,10 +9090,7 @@ declare const useClasses_32: (classesProp?: Partial<Record<"root" | "disabled" |
         checked: string;
         focusVisible: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9279,10 +9106,7 @@ declare const useClasses_33: (classesProp?: Partial<Record<"root" | "disabled" |
         thumb: string;
         focusVisible: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9296,10 +9120,7 @@ declare const useClasses_34: (classesProp?: Partial<Record<"link" | "root" | "a"
         centerContainer: string;
         separatorContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9313,10 +9134,7 @@ declare const useClasses_35: (classesProp?: Partial<Record<"root" | "semantic" |
         selectAllContainer: string;
         selectAllPages: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9334,10 +9152,7 @@ declare const useClasses_36: (classesProp?: Partial<Record<"container" | "label"
         invalidContainer: string;
         invalidCheckbox: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9350,10 +9165,7 @@ declare const useClasses_37: (classesProp?: Partial<Record<"root" | "rangeCalend
         calendarMonthlyCell: string;
         calendarMonthlyCellSelected: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9367,10 +9179,7 @@ declare const useClasses_38: (classesProp?: Partial<Record<"root" | "inputBorder
         invalid: string;
         invalidMessageStyling: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9383,10 +9192,7 @@ declare const useClasses_39: (classesProp?: Partial<Record<"root" | "selectable"
         semanticContainer: string;
         semanticBar: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9404,10 +9210,7 @@ declare const useClasses_4: (classesProp?: Partial<Record<"root" | "disabled" |
         withStartAdornment: string;
         withEndAdornment: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9420,10 +9223,7 @@ declare const useClasses_40: (classesProp?: Partial<Record<"content" | "root" |
         subheader: string;
         action: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9431,10 +9231,7 @@ declare const useClasses_41: (classesProp?: Partial<Record<"content", string>>,
     classes: {
         content: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9443,10 +9240,7 @@ declare const useClasses_42: (classesProp?: Partial<Record<"root" | "media", str
         root: string;
         media: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9477,10 +9271,7 @@ declare const useClasses_43: (classesProp?: Partial<Record<"xs" | "root" | "pane
         dotsXs: string;
         dotSelected: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9489,10 +9280,7 @@ declare const useClasses_44: (classesProp?: Partial<Record<"image" | "slide", st
         image: string;
         slide: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9518,10 +9306,7 @@ declare const useClasses_45: (classesProp?: Partial<Record<"label" | "root" | "i
         suggestionList: string;
         inputExtension: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9543,10 +9328,7 @@ declare const useClasses_46: (classesProp?: Partial<Record<"root" | "icon" | "pa
         pageSizeInputRoot: string;
         pageSizeInputContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9561,10 +9343,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"vertical" | "horizon
         invalid: string;
         selectAll: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9584,10 +9363,7 @@ declare const useClasses_48: (classesProp?: Partial<Record<"colorPicker" | "labe
         headerColorIconOnly: string;
         pickerFields: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9602,10 +9378,7 @@ declare const useClasses_49: (classesProp?: Partial<Record<"root" | "fixed" | "d
         maxWidthLg: string;
         maxWidthXl: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9616,10 +9389,7 @@ declare const useClasses_5: (classesProp?: Partial<Record<"root" | "counterDisab
         gutter: string;
         overloaded: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9630,10 +9400,7 @@ declare const useClasses_50: (classesProp?: Partial<Record<"root" | "section" |
         rightSection: string;
         leftSection: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9664,10 +9431,7 @@ declare const useClasses_51: (classesProp?: Partial<Record<"body" | "root" | "he
         groupColumnMostRight: string;
         resizing: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9684,10 +9448,7 @@ declare const useClasses_52: (classesProp?: Partial<Record<"body" | "root" | "se
         striped: string;
         hover: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9727,10 +9488,7 @@ declare const useClasses_53: (classesProp?: Partial<Record<"body" | "root" | "he
         alignFlexCenter: string;
         alignFlexJustify: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9741,10 +9499,7 @@ declare const useClasses_54: (classesProp?: Partial<Record<"root" | "stickyHeade
         stickyColumns: string;
         listRow: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9752,10 +9507,7 @@ declare const useClasses_55: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9764,10 +9516,7 @@ declare const useClasses_56: (classesProp?: Partial<Record<"root" | "sortDropdow
         root: string;
         sortDropdown: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9791,10 +9540,7 @@ declare const useClasses_57: (classesProp?: Partial<Record<"label" | "root" | "p
         dropdownListContainer: string;
         rootList: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9809,10 +9555,7 @@ declare const useClasses_58: (classesProp?: Partial<Record<"listContainer" | "se
         searchContainer: string;
         listBorderDown: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9835,10 +9578,7 @@ declare const useClasses_59: (classesProp?: Partial<Record<"label" | "root" | "p
         rightContainer: string;
         dateText: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9851,10 +9591,7 @@ declare const useClasses_6: (classesProp?: Partial<Record<"root" | "icon" | "ado
         hideIcon: string;
         adornmentButton: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9866,10 +9603,7 @@ declare const useClasses_60: (classesProp?: Partial<Record<"root" | "titleText"
         messageContainer: string;
         textWithIcon: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9878,10 +9612,7 @@ declare const useClasses_61: (classesProp?: Partial<Record<"root" | "textContent
         root: string;
         textContent: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9891,10 +9622,7 @@ declare const useClasses_62: (classesProp?: Partial<Record<"root" | "spacing" |
         spacing: string;
         fullscreen: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9910,10 +9638,7 @@ declare const useClasses_63: (classesProp?: Partial<Record<"warning" | "backgrou
         closeButton: string;
         statusBar: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9925,10 +9650,7 @@ declare const useClasses_64: (classesProp?: Partial<Record<"horizontal" | "root"
         radio: string;
         radioRoot: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9942,10 +9664,7 @@ declare const useClasses_65: (classesProp?: Partial<Record<"vertical" | "horizon
         error: string;
         invalid: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9956,10 +9675,7 @@ declare const useClasses_66: (classesProp?: Partial<Record<"background" | "root"
         paper: string;
         closeButton: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9974,10 +9690,7 @@ declare const useClasses_67: (classesProp?: Partial<Record<"container" | "root"
         containerMessageOnly: string;
         textContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -9986,10 +9699,7 @@ declare const useClasses_68: (classesProp?: Partial<Record<"overlay" | "previewB
         overlay: string;
         previewButton: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10006,10 +9716,7 @@ declare const useClasses_69: (classesProp?: Partial<Record<"root" | "icon" | "pr
         progressTextContainer: string;
         fail: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10017,10 +9724,7 @@ declare const useClasses_7: (classesProp?: Partial<Record<"root", string>>, addS
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10032,10 +9736,7 @@ declare const useClasses_70: (classesProp?: Partial<Record<"label" | "root" | "d
         error: string;
         labelContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10052,10 +9753,7 @@ declare const useClasses_71: (classesProp?: Partial<Record<"space" | "header" |
         leftSidePanel: string;
         actionBar: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10068,10 +9766,7 @@ declare const useClasses_72: (classesProp?: Partial<Record<"name" | "small" | "r
         rightContainer: string;
         copyright: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10090,10 +9785,7 @@ declare const useClasses_73: (classesProp?: Partial<Record<"name" | "root" | "se
         globalSectionArea: string;
         globalWrapperComplement: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
-        (...args: CSSInterpolation_2[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10133,10 +9825,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"container" | "root"
         "grid-xs-11": string;
         "grid-xs-12": string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10146,10 +9835,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"backgroundColor" | "
         header: string;
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10157,10 +9843,7 @@ declare const useClasses_76: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10170,10 +9853,7 @@ declare const useClasses_77: (classesProp?: Partial<Record<"root" | "separator"
         separator: string;
         brandName: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10186,10 +9866,7 @@ declare const useClasses_78: (classesProp?: Partial<Record<"root" | "active" | "
         menubar: string;
         hidden: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10202,10 +9879,7 @@ declare const useClasses_79: (classesProp?: Partial<Record<"link" | "root" | "me
         selected: string;
         button: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation_2[]): string;
-        (...args: CSSInterpolation_2[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10215,10 +9889,7 @@ declare const useClasses_8: (classesProp?: Partial<Record<"root" | "labelDisable
         labelDisabled: string;
         childGutter: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10226,10 +9897,7 @@ declare const useClasses_80: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10246,10 +9914,7 @@ declare const useClasses_81: (classesProp?: Partial<Record<"root" | "inputBorder
         textEmpty: string;
         iconVisible: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10266,10 +9931,7 @@ declare const useClasses_82: (classesProp?: Partial<Record<"root" | "visualIndic
         spacingToTheRight: string;
         trendLine: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10277,10 +9939,7 @@ declare const useClasses_83: (classesProp?: Partial<Record<"a", string>>, addSta
     classes: {
         a: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10297,10 +9956,7 @@ declare const useClasses_84: (classesProp?: Partial<Record<"link" | "root" | "it
         truncate: string;
         selectAllSelector: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10318,10 +9974,7 @@ declare const useClasses_85: (classesProp?: Partial<Record<"overlay" | "small" |
         smallColor: string;
         regularColor: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10330,10 +9983,7 @@ declare const useClasses_86: (classesProp?: Partial<Record<"root" | "loading", s
         root: string;
         loading: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10342,10 +9992,7 @@ declare const useClasses_87: (classesProp?: Partial<Record<"root" | "formContain
         root: string;
         formContainer: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10370,10 +10017,7 @@ declare const useClasses_88: (classesProp?: Partial<Record<"secondary" | "primar
         firstButton: string;
         lastButton: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10383,10 +10027,7 @@ declare const useClasses_89: (classesProp?: Partial<Record<"tooltipData" | "tool
         tooltipAnchor: string;
         tooltipAnchorParagraph: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10396,10 +10037,7 @@ declare const useClasses_9: (classesProp?: Partial<Record<"root" | "gutter" | "i
         gutter: string;
         infoDisabled: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10417,10 +10055,7 @@ declare const useClasses_90: (classesProp?: Partial<Record<"color" | "values" |
         separatorColor: string;
         valueWrapper: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10428,10 +10063,7 @@ declare const useClasses_91: (classesProp?: Partial<Record<"root", string>>, add
     classes: {
         root: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10446,10 +10078,7 @@ declare const useClasses_92: (classesProp?: Partial<Record<"root" | "progress" |
         progressBarContainer: string;
         progressError: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10473,10 +10102,7 @@ declare const useClasses_93: (classesProp?: Partial<Record<"root" | "topGroup" |
         topRulesContainer: string;
         buttonBackground: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10493,10 +10119,7 @@ declare const useClasses_94: (classesProp?: Partial<Record<"container" | "label"
         invalidContainer: string;
         invalidRadio: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10508,10 +10131,7 @@ declare const useClasses_95: (classesProp?: Partial<Record<"root" | "icon" | "bu
         text: string;
         notSelected: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10521,10 +10141,7 @@ declare const useClasses_96: (classesProp?: Partial<Record<"root" | "positionFix
         positionFixed: string;
         positionAbsolute: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10537,10 +10154,7 @@ declare const useClasses_97: (classesProp?: Partial<Record<"root" | "selected" |
         bullet: string;
         bulletSelected: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10553,10 +10167,7 @@ declare const useClasses_98: (classesProp?: Partial<Record<"root" | "selected" |
         positionFixed: string;
         notSelectedRoot: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10570,10 +10181,7 @@ declare const useClasses_99: (classesProp?: Partial<Record<"content" | "header"
         spaceTop: string;
         raisedHeader: string;
     };
-    css: {
-        (template: TemplateStringsArray, ...args: CSSInterpolation[]): string;
-        (...args: CSSInterpolation[]): string;
-    };
+    css: any;
     cx: (...args: any) => string;
 };
 
@@ -10585,11 +10193,7 @@ export declare const useControlled: <T>(controlledProp: T | undefined, initialSt
 
 export { useCss }
 
-/** Injects into `props` the props defined in the theme `componentName`. */
-export declare function useDefaultProps<T extends Record<string, any>>(
-/** Name of the theme component key to inject defaultProps */
-componentName: string, // keyof HvThemeComponents,
-props: T): T;
+export { useDefaultProps }
 
 export declare const useEnhancedEffect: typeof useLayoutEffect;