@superdispatch/ui 0.21.8 → 0.21.14

package/dist-types/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
+import { ButtonProps as ButtonProps$1, ToolbarProps, AvatarClassKey, AvatarTypeMap, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps, TypographyProps, TooltipProps, ListProps, ListTypeMap, MenuListProps, ButtonGroupProps, GridProps, CardClassKey, CardProps, CardContentProps, IconButtonProps, StandardTextFieldProps, InputProps, RadioProps, RadioGroupProps, SnackbarContentProps as SnackbarContentProps$1, SnackbarContentClassKey as SnackbarContentClassKey$1, SnackbarProps as SnackbarProps$1, Theme } from '@material-ui/core';
 import { RefAttributes, ForwardRefExoticComponent, Key, ReactNode, MouseEvent, ReactElement, EventHandler, ButtonHTMLAttributes, Ref, ElementType, HTMLAttributes, InputHTMLAttributes, ConsumerProps } from 'react';
 import { ClassNameMap } from '@material-ui/styles';
 import { Property } from 'csstype';
@@ -7,435 +7,447 @@ import { CommonProps } from '@material-ui/core/OverridableComponent';
 import { NumberFormatProps } from 'react-number-format';
 import { Breakpoint } from '@material-ui/core/styles/createBreakpoints';
 
-interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<ButtonProps$1, 'color'> {
-    rel?: string;
-    target?: string;
-    isActive?: boolean;
-    isLoading?: boolean;
-    color?: 'primary' | 'error' | 'success' | 'white';
-}
+interface ButtonProps extends RefAttributes<HTMLButtonElement>, Omit<ButtonProps$1, 'color'> {
+    rel?: string;
+    target?: string;
+    isActive?: boolean;
+    isLoading?: boolean;
+    color?: 'primary' | 'error' | 'success' | 'white';
+}
 declare const Button: ForwardRefExoticComponent<ButtonProps>;
 
-interface AdaptiveToolbarDropdownItem {
-    key: Key;
-    label: ReactNode;
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-}
-interface AdaptiveToolbarItem {
-    key: Key;
-    groupKey?: Key;
-    label: ReactNode;
-    dropdown?: AdaptiveToolbarDropdownItem[];
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    ButtonProps?: Omit<ButtonProps, 'type' | 'onClick'>;
-}
-interface AdaptiveToolbarProps extends RefAttributes<HTMLDivElement>, Omit<ToolbarProps, 'children'> {
-    items: AdaptiveToolbarItem[];
-}
+interface AdaptiveToolbarDropdownItem {
+    key: Key;
+    label: ReactNode;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}
+interface AdaptiveToolbarItem {
+    key: Key;
+    groupKey?: Key;
+    label: ReactNode;
+    dropdown?: AdaptiveToolbarDropdownItem[];
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    ButtonProps?: Omit<ButtonProps, 'type' | 'onClick'>;
+}
+interface AdaptiveToolbarProps extends RefAttributes<HTMLDivElement>, Omit<ToolbarProps, 'children'> {
+    items: AdaptiveToolbarItem[];
+}
 declare const AdaptiveToolbar: ForwardRefExoticComponent<AdaptiveToolbarProps>;
 
-interface AdaptiveVerticalToolbarItem {
-    key: Key;
-    label: ReactNode;
-    menuGroupKey?: Key;
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-}
-interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement> {
-    disableGutters?: boolean;
-    items: AdaptiveVerticalToolbarItem[];
-    renderItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
-    renderMenuItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
-    moreElement?: ReactElement<{
-        onClick: EventHandler<MouseEvent<HTMLElement>>;
-    }>;
-}
+interface AdaptiveVerticalToolbarItem {
+    key: Key;
+    label: ReactNode;
+    menuGroupKey?: Key;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}
+interface AdaptiveVerticalToolbarProps extends RefAttributes<HTMLDivElement> {
+    disableGutters?: boolean;
+    items: AdaptiveVerticalToolbarItem[];
+    renderItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
+    renderMenuItem?: (item: AdaptiveVerticalToolbarItem) => ReactNode;
+    moreElement?: ReactElement<{
+        onClick: EventHandler<MouseEvent<HTMLElement>>;
+    }>;
+}
 declare const AdaptiveVerticalToolbar: ForwardRefExoticComponent<AdaptiveVerticalToolbarProps>;
 
-declare type AvatarButtonClassKey = 'button' | 'overlay' | 'progress' | 'withIcon' | 'sizeLarge' | Exclude<AvatarClassKey, 'circle'>;
-interface AvatarButtonProps extends RefAttributes<HTMLButtonElement>, ButtonHTMLAttributes<HTMLButtonElement> {
-    size?: 'small' | 'large';
-    icon?: ReactNode;
-    isLoading?: boolean;
-    avatarRef?: Ref<HTMLDivElement>;
-    classes?: Partial<ClassNameMap<AvatarButtonClassKey>>;
-    variant?: AvatarTypeMap['props']['variant'];
-    alt?: AvatarTypeMap['props']['alt'];
-    src?: AvatarTypeMap['props']['src'];
-    sizes?: AvatarTypeMap['props']['sizes'];
-    srcSet?: AvatarTypeMap['props']['srcSet'];
-    imgProps?: AvatarTypeMap['props']['imgProps'];
-}
+declare type AvatarButtonClassKey = 'button' | 'overlay' | 'progress' | 'withIcon' | 'sizeLarge' | Exclude<AvatarClassKey, 'circle'>;
+interface AvatarButtonProps extends RefAttributes<HTMLButtonElement>, ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: 'small' | 'large';
+    icon?: ReactNode;
+    isLoading?: boolean;
+    avatarRef?: Ref<HTMLDivElement>;
+    classes?: Partial<ClassNameMap<AvatarButtonClassKey>>;
+    variant?: AvatarTypeMap['props']['variant'];
+    alt?: AvatarTypeMap['props']['alt'];
+    src?: AvatarTypeMap['props']['src'];
+    sizes?: AvatarTypeMap['props']['sizes'];
+    srcSet?: AvatarTypeMap['props']['srcSet'];
+    imgProps?: AvatarTypeMap['props']['imgProps'];
+}
 declare const AvatarButton: ForwardRefExoticComponent<AvatarButtonProps>;
 
-declare type CardButtonClassKey = 'root' | 'label' | 'hint' | 'error' | 'primary' | 'disabled' | 'sizeSmall' | 'sizeLarge' | 'icon' | 'startIcon' | 'endIcon';
-interface CardButtonProps extends RefAttributes<HTMLButtonElement>, ButtonBaseProps {
-    error?: ReactNode;
-    children?: ReactNode;
-    hint?: ReactNode;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    size?: 'small' | 'medium' | 'large';
-    className?: string;
-    classes?: Partial<ClassNameMap<CardButtonClassKey>>;
-}
+declare type CardButtonClassKey = 'root' | 'label' | 'hint' | 'error' | 'primary' | 'disabled' | 'sizeSmall' | 'sizeLarge' | 'icon' | 'startIcon' | 'endIcon';
+interface CardButtonProps extends RefAttributes<HTMLButtonElement>, ButtonBaseProps {
+    error?: ReactNode;
+    children?: ReactNode;
+    hint?: ReactNode;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+    classes?: Partial<ClassNameMap<CardButtonClassKey>>;
+}
 declare const CardButton: ForwardRefExoticComponent<CardButtonProps>;
 
-interface CheckboxFieldProps extends CheckboxProps, Pick<FormControlLabelProps, 'label'> {
-    error?: boolean;
-    helperText?: ReactNode;
-    FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'checked' | 'onBlur' | 'onChange' | 'control'>;
-}
+interface CheckboxFieldProps extends CheckboxProps, Pick<FormControlLabelProps, 'label'> {
+    error?: boolean;
+    helperText?: ReactNode;
+    FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'checked' | 'onBlur' | 'onChange' | 'control'>;
+}
 declare const CheckboxField: ForwardRefExoticComponent<CheckboxFieldProps>;
 
-interface CheckboxGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'> {
-    FormGroupProps?: Omit<FormGroupProps, 'children'>;
-    label?: ReactNode;
-    FormLabelProps?: Omit<FormLabelProps, 'children'>;
-    helperText?: ReactNode;
-    FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
-}
+interface CheckboxGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'> {
+    FormGroupProps?: Omit<FormGroupProps, 'children'>;
+    label?: ReactNode;
+    FormLabelProps?: Omit<FormLabelProps, 'children'>;
+    helperText?: ReactNode;
+    FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
+}
 declare const CheckboxGroupField: ForwardRefExoticComponent<CheckboxGroupFieldProps>;
 
-declare type ResponsivePropPrimitive = boolean | number | string;
-declare type ResponsivePropTupleInit<T extends ResponsivePropPrimitive> = readonly [mobile: T, tablet?: T, desktop?: T];
-declare type ResponsiveProp<T extends ResponsivePropPrimitive> = T | ResponsivePropTupleInit<T>;
-declare type ResponsivePropTuple<T extends ResponsivePropPrimitive> = readonly [
-    mobile: T,
-    tablet: T,
-    desktop: T
-];
-declare function parseResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
-declare function useResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
-interface PartialResponsivePropRecord<T> {
-    xs: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-}
-declare type ResponsivePropRecord<T extends ResponsivePropPrimitive> = T | PartialResponsivePropRecord<T>;
-declare function useResponsiveValue<T>(xs: T, sm: T, md?: T, lg?: T, xl?: T): T;
+declare type ResponsivePropPrimitive = boolean | number | string;
+declare type ResponsivePropTupleInit<T extends ResponsivePropPrimitive> = readonly [mobile: T, tablet?: T, desktop?: T];
+declare type ResponsiveProp<T extends ResponsivePropPrimitive> = T | ResponsivePropTupleInit<T>;
+declare type ResponsivePropTuple<T extends ResponsivePropPrimitive> = readonly [
+    mobile: T,
+    tablet: T,
+    desktop: T
+];
+declare function parseResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
+declare function useResponsiveProp<T extends ResponsivePropPrimitive>(prop: ResponsiveProp<T>): ResponsivePropTuple<T>;
+interface PartialResponsivePropRecord<T> {
+    xs: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+}
+declare type ResponsivePropRecord<T extends ResponsivePropPrimitive> = T | PartialResponsivePropRecord<T>;
+declare function useResponsiveValue<T>(xs: T, sm: T, md?: T, lg?: T, xl?: T): T;
 declare function useResponsivePropRecord<T extends ResponsivePropPrimitive>(prop: ResponsivePropRecord<T>): T;
 
-declare type ColumnWidth = 'adaptive' | 'content' | 'fluid' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
-interface ColumnProps {
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    width?: ResponsiveProp<ColumnWidth>;
-}
+declare type ColumnWidth = 'adaptive' | 'content' | 'fluid' | '1/2' | '1/3' | '2/3' | '1/4' | '3/4' | '1/5' | '2/5' | '3/5' | '4/5';
+interface ColumnProps {
+    children?: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    width?: ResponsiveProp<ColumnWidth>;
+}
 declare const Column: ForwardRefExoticComponent<ColumnProps & RefAttributes<HTMLDivElement>>;
 
-declare type VerticalAlign = 'top' | 'center' | 'bottom';
-declare type HorizontalAlign = 'left' | 'center' | 'right';
+declare type VerticalAlign = 'top' | 'center' | 'bottom';
+declare type HorizontalAlign = 'left' | 'center' | 'right';
 declare function parseAlignProp(align: VerticalAlign | HorizontalAlign): Property.AlignItems;
 
-declare type CollapseProp = 'tablet' | 'desktop';
+declare type CollapseProp = 'tablet' | 'desktop';
 declare function parseCollapsedBelow(collapsedBelow: undefined | CollapseProp): ResponsivePropTuple<boolean>;
 
-declare type SpaceProp = 'none' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
-declare type NegativeSpaceProp = '-xxsmall' | '-xsmall' | '-small' | '-medium' | '-large' | '-xlarge' | '-xxlarge';
+declare type SpaceProp = 'none' | 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+declare type NegativeSpaceProp = '-xxsmall' | '-xsmall' | '-small' | '-medium' | '-large' | '-xlarge' | '-xxlarge';
 declare function parseSpaceProp(prop: SpaceProp): number;
 
-interface ColumnsProps {
-    id?: string;
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    ref?: Ref<HTMLDivElement>;
-    reverse?: ResponsiveProp<boolean>;
-    space?: ResponsiveProp<SpaceProp>;
-    align?: ResponsiveProp<VerticalAlign>;
-    collapseBelow?: CollapseProp;
-}
+interface ColumnsProps {
+    id?: string;
+    children?: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    ref?: Ref<HTMLDivElement>;
+    reverse?: ResponsiveProp<boolean>;
+    space?: ResponsiveProp<SpaceProp>;
+    align?: ResponsiveProp<VerticalAlign>;
+    collapseBelow?: CollapseProp;
+}
 declare const Columns: ForwardRefExoticComponent<ColumnsProps>;
 
-interface OverflowTextProps extends Omit<TypographyProps, 'noWrap'> {
-    component?: ElementType;
-    disableUnderline?: boolean;
-    TooltipProps?: Omit<Partial<TooltipProps>, 'open' | 'children'>;
-}
+interface OverflowTextProps extends Omit<TypographyProps, 'noWrap'> {
+    component?: ElementType;
+    disableUnderline?: boolean;
+    TooltipProps?: Omit<Partial<TooltipProps>, 'open' | 'children'>;
+}
 declare const OverflowText: ForwardRefExoticComponent<OverflowTextProps>;
 
-interface DescriptionListProps {
-    children?: ReactNode;
-    size?: 'small' | 'medium' | 'large';
-}
-declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDivElement>>;
-interface DescriptionListItemProps {
-    icon?: ReactNode;
-    inset?: boolean;
-    label?: ReactNode;
-    labelTypographyProps?: Omit<TypographyProps, 'noWrap' | 'variant' | 'component' | 'color'>;
-    content?: ReactNode;
-    contentTypographyProps?: Omit<OverflowTextProps, 'component' | 'color'>;
-    fallback?: ReactNode;
-}
+interface DescriptionListProps {
+    children?: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+}
+declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDivElement>>;
+interface DescriptionListItemProps {
+    icon?: ReactNode;
+    inset?: boolean;
+    label?: ReactNode;
+    labelTypographyProps?: Omit<TypographyProps, 'noWrap' | 'variant' | 'component' | 'color'>;
+    content?: ReactNode;
+    contentTypographyProps?: Omit<OverflowTextProps, 'component' | 'color'>;
+    fallback?: ReactNode;
+}
 declare const DescriptionListItem: ForwardRefExoticComponent<DescriptionListItemProps & RefAttributes<HTMLDivElement>>;
 
-declare type DrawerActionsProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+declare type DrawerActionsProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
 declare const DrawerActions: ForwardRefExoticComponent<DrawerActionsProps & RefAttributes<HTMLDivElement>>;
 
-declare type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
+declare type DrawerContentProps = HTMLAttributes<HTMLDivElement>;
 declare const DrawerContent: ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>;
 
-declare type DrawerListProps = Omit<ListProps<'div'>, 'component'>;
+declare type DrawerListProps = Omit<ListProps<'div'>, 'component'>;
 declare const DrawerList: ForwardRefExoticComponent<Pick<DrawerListProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "dense" | "subheader" | "disablePadding" | keyof CommonProps<ListTypeMap<{}, "div">>> & RefAttributes<HTMLDivElement>>;
 
-interface DrawerTitleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
-    children?: ReactNode;
-    title: ReactNode;
-    titleTypographyProps?: Omit<TypographyProps, 'children'>;
-    subtitle?: ReactNode;
-    subtitleTypographyProps?: Omit<TypographyProps, 'children'>;
-    startAction?: ReactNode;
-    endAction?: ReactNode;
-}
+interface DrawerTitleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
+    children?: ReactNode;
+    title: ReactNode;
+    titleTypographyProps?: Omit<TypographyProps, 'children'>;
+    subtitle?: ReactNode;
+    subtitleTypographyProps?: Omit<TypographyProps, 'children'>;
+    startAction?: ReactNode;
+    endAction?: ReactNode;
+}
 declare const DrawerTitle: ForwardRefExoticComponent<DrawerTitleProps & RefAttributes<HTMLDivElement>>;
 
-interface DropdownButtonProps extends Omit<ButtonProps, 'children'> {
-    label?: ReactNode;
-    children: ReactNode;
-    MenuListProps?: Omit<MenuListProps, 'id'>;
-    ButtonGroupProps?: ButtonGroupProps;
-}
+interface DropdownButtonProps extends Omit<ButtonProps, 'children'> {
+    label?: ReactNode;
+    children: ReactNode;
+    MenuListProps?: Omit<MenuListProps, 'id'>;
+    ButtonGroupProps?: ButtonGroupProps;
+}
 declare const DropdownButton: ForwardRefExoticComponent<Pick<DropdownButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "label" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "disableFocusRipple" | "href" | "size" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "rel" | "target" | "isActive" | "isLoading" | "MenuListProps" | "ButtonGroupProps"> & RefAttributes<HTMLButtonElement>>;
 
-interface GridStackProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'spacing' | 'alignItems'> {
-}
-/**
- * @deprecated in favor of `Stack`.
- */
+interface GridStackProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'spacing' | 'alignItems'> {
+}
+/**
+ * @deprecated in favor of `Stack`.
+ */
 declare const GridStack: ForwardRefExoticComponent<GridStackProps>;
 
-interface InlineGridProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'wrap' | 'spacing' | 'justify' | 'alignItems'> {
-}
-/**
- * @deprecated in favor of `Inline` component.
- */
+interface InlineGridProps extends RefAttributes<HTMLDivElement>, Pick<GridProps, 'style' | 'className' | 'children' | 'wrap' | 'spacing' | 'justify' | 'alignItems'> {
+}
+/**
+ * @deprecated in favor of `Inline` component.
+ */
 declare const InlineGrid: ForwardRefExoticComponent<InlineGridProps>;
 
-declare type InfoCardClassKey = 'sizeLarge' | 'content' | 'fullWidth' | CardClassKey;
-interface InfoCardProps extends CardProps {
-    size?: 'medium' | 'large';
-    CardContentProps?: CardContentProps;
-}
+declare type InfoCardClassKey = 'sizeLarge' | 'content' | 'fullWidth' | CardClassKey;
+interface InfoCardProps extends CardProps {
+    size?: 'medium' | 'large';
+    CardContentProps?: CardContentProps;
+}
 declare const InfoCard: ForwardRefExoticComponent<InfoCardProps>;
 
-interface InlineProps {
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    noWrap?: ResponsiveProp<boolean>;
-    space?: ResponsiveProp<SpaceProp>;
-    verticalAlign?: ResponsiveProp<VerticalAlign>;
-    horizontalAlign?: ResponsiveProp<HorizontalAlign>;
-}
+interface InfoTooltipProps extends Omit<TooltipProps, 'title' | 'children'> {
+    title: NonNullable<ReactNode>;
+    children?: ReactNode;
+    iconButtonProps?: IconButtonProps;
+    fontSize?: 'inherit' | 'default' | 'small' | 'medium' | 'large' | undefined;
+    TextProps?: TypographyProps;
+    isOpen?: boolean;
+    onClose?: () => void;
+    onClick?: () => void;
+}
+declare const InfoTooltip: ForwardRefExoticComponent<InfoTooltipProps>;
+
+interface InlineProps {
+    children?: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    noWrap?: ResponsiveProp<boolean>;
+    space?: ResponsiveProp<SpaceProp>;
+    verticalAlign?: ResponsiveProp<VerticalAlign>;
+    horizontalAlign?: ResponsiveProp<HorizontalAlign>;
+}
 declare const Inline: ForwardRefExoticComponent<InlineProps & RefAttributes<HTMLDivElement>>;
 
-declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
-interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
-    disableValueParsing?: boolean;
-    format?: NumberFormatProps['format'];
-}
-interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
-    InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
-    inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
-}
+declare type SafeNumberFormatProps = Pick<NumberFormatProps, 'value' | 'onChange' | 'getInputRef' | 'decimalScale' | 'onValueChange' | 'isNumericString' | 'decimalSeparator' | 'thousandSeparator' | 'fixedDecimalScale' | 'thousandsGroupStyle'>;
+interface NumberFormatCustomProps extends Omit<SafeNumberFormatProps, 'getInputRef' | 'onValueChange'>, Omit<StandardTextFieldProps, 'ref' | keyof InputHTMLAttributes<HTMLInputElement>> {
+    disableValueParsing?: boolean;
+    format?: NumberFormatProps['format'];
+}
+interface NumberFieldProps extends Omit<StandardTextFieldProps, 'InputProps' | 'inputProps'>, Omit<SafeNumberFormatProps, keyof StandardTextFieldProps> {
+    InputProps?: Partial<Omit<InputProps, 'inputComponent'>>;
+    inputProps?: NumberFormatCustomProps & StandardTextFieldProps['inputProps'];
+}
 declare const NumberField: ForwardRefExoticComponent<NumberFieldProps>;
 
-interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
-    error?: boolean;
-    helperText?: ReactNode;
-    FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'error' | 'checked' | 'onBlur' | 'onChange' | 'helperText' | 'control'>;
-}
+interface RadioFieldProps extends Omit<RadioProps, 'onBlur' | 'onChange'>, Pick<FormControlLabelProps, 'label' | 'onBlur' | 'onChange'> {
+    error?: boolean;
+    helperText?: ReactNode;
+    FormControlLabelProps?: Omit<FormControlLabelProps, 'label' | 'error' | 'checked' | 'onBlur' | 'onChange' | 'helperText' | 'control'>;
+}
 declare const RadioField: ForwardRefExoticComponent<RadioFieldProps>;
 
-interface RadioGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'>, Pick<RadioGroupProps, 'name' | 'value' | 'onChange'> {
-    RadioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange' | 'children'>;
-    label?: ReactNode;
-    FormLabelProps?: Omit<FormLabelProps, 'children'>;
-    helperText?: ReactNode;
-    FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
-}
+interface RadioGroupFieldProps extends Omit<FormControlProps, 'hiddenLabel' | 'onChange'>, Pick<RadioGroupProps, 'name' | 'value' | 'onChange'> {
+    RadioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange' | 'children'>;
+    label?: ReactNode;
+    FormLabelProps?: Omit<FormLabelProps, 'children'>;
+    helperText?: ReactNode;
+    FormHelperTextProps?: Omit<FormHelperTextProps, 'children'>;
+}
 declare const RadioGroupField: ForwardRefExoticComponent<RadioGroupFieldProps>;
 
-declare type CollapseBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
+declare type CollapseBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
 declare function useCollapseBreakpoint(collapseBreakpoint: undefined | CollapseBreakpoint): boolean;
 
-declare type MinBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
+declare type MinBreakpoint = 'sm' | 'md' | 'lg' | 'xl';
 declare function useMinBreakpoint(minBreakpoint: undefined | MinBreakpoint): boolean;
 
-interface ResponsiveContext {
-    breakpoint?: Breakpoint;
-}
-interface ResponsiveContextProviderProps {
-    children?: ReactNode;
-    defaultBreakpoint?: Breakpoint;
-}
-declare function ResponsiveContextProvider({ children, defaultBreakpoint, }: ResponsiveContextProviderProps): ReactElement;
+interface ResponsiveContext {
+    breakpoint?: Breakpoint;
+}
+interface ResponsiveContextProviderProps {
+    children?: ReactNode;
+    defaultBreakpoint?: Breakpoint;
+}
+declare function ResponsiveContextProvider({ children, defaultBreakpoint, }: ResponsiveContextProviderProps): ReactElement;
 declare function useResponsiveContext(): ResponsiveContext;
 
-declare type SnackbarContentClassKey = SnackbarContentClassKey$1 | 'icon' | 'closeButton' | 'variantError' | 'variantSuccess';
-declare type SnackbarVariant = 'default' | 'error' | 'success';
-interface SnackbarContentProps extends RefAttributes<unknown>, Omit<SnackbarContentProps$1, 'classes' | 'message' | 'variant'> {
-    children?: ReactNode;
-    onClose?: () => void;
-    variant?: SnackbarVariant;
-    classes?: Partial<ClassNameMap<SnackbarContentClassKey>>;
-}
+declare type SnackbarContentClassKey = SnackbarContentClassKey$1 | 'icon' | 'closeButton' | 'variantError' | 'variantSuccess';
+declare type SnackbarVariant = 'default' | 'error' | 'success';
+interface SnackbarContentProps extends RefAttributes<unknown>, Omit<SnackbarContentProps$1, 'classes' | 'message' | 'variant'> {
+    children?: ReactNode;
+    onClose?: () => void;
+    variant?: SnackbarVariant;
+    classes?: Partial<ClassNameMap<SnackbarContentClassKey>>;
+}
 declare const SnackbarContent: ForwardRefExoticComponent<SnackbarContentProps>;
 
-declare type SnackbarCloseReason = 'timeout' | 'explicit';
-interface SnackbarProps extends Omit<SnackbarProps$1, 'onClose' | 'message' | 'children'> {
-    children?: ReactNode;
-    variant?: SnackbarVariant;
-    hasCloseButton?: boolean;
-    onClose?: (reason: SnackbarCloseReason) => void;
-}
+declare type SnackbarCloseReason = 'timeout' | 'explicit';
+interface SnackbarProps extends Omit<SnackbarProps$1, 'onClose' | 'message' | 'children'> {
+    children?: ReactNode;
+    variant?: SnackbarVariant;
+    hasCloseButton?: boolean;
+    onClose?: (reason: SnackbarCloseReason) => void;
+}
 declare const Snackbar: ForwardRefExoticComponent<SnackbarProps>;
 
-interface SnackbarStackOptions extends Omit<SnackbarProps, 'open' | 'children'> {
-    key?: Key;
-}
-interface SnackbarStack {
-    clearStack: () => void;
-    addSnackbar: (message: ReactNode, options?: SnackbarStackOptions) => () => void;
-}
-declare function useSnackbarStack(): SnackbarStack;
-declare function SnackbarStackConsumer({ children, }: ConsumerProps<SnackbarStack>): ReactElement;
-interface SnackbarStackProviderProps {
-    children: ReactNode;
-}
+interface SnackbarStackOptions extends Omit<SnackbarProps, 'open' | 'children'> {
+    key?: Key;
+}
+interface SnackbarStack {
+    clearStack: () => void;
+    addSnackbar: (message: ReactNode, options?: SnackbarStackOptions) => () => void;
+}
+declare function useSnackbarStack(): SnackbarStack;
+declare function SnackbarStackConsumer({ children, }: ConsumerProps<SnackbarStack>): ReactElement;
+interface SnackbarStackProviderProps {
+    children: ReactNode;
+}
 declare function SnackbarStackProvider({ children, }: SnackbarStackProviderProps): ReactElement;
 
-interface StackProps {
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    space?: ResponsiveProp<SpaceProp>;
-    align?: ResponsiveProp<HorizontalAlign>;
-}
+interface StackProps {
+    children?: ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    space?: ResponsiveProp<SpaceProp>;
+    align?: ResponsiveProp<HorizontalAlign>;
+}
 declare const Stack: ForwardRefExoticComponent<StackProps & RefAttributes<HTMLDivElement>>;
 
-declare type TagClassKey = 'root' | 'colorGrey' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
-interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' | 'classes' | 'color' | 'variant'> {
-    classes?: Partial<ClassNameMap<TagClassKey>>;
-    component?: ElementType;
-    color: 'grey' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
-    variant: 'subtle' | 'bold';
-    fontWeight?: 'regular' | 'bold';
-}
+declare type TagClassKey = 'root' | 'colorGrey' | 'colorBlue' | 'colorGreen' | 'colorPurple' | 'colorRed' | 'colorTeal' | 'colorYellow' | 'variantSubtle' | 'variantBold';
+interface TagProps extends RefAttributes<unknown>, Omit<TypographyProps, 'ref' | 'classes' | 'color' | 'variant'> {
+    classes?: Partial<ClassNameMap<TagClassKey>>;
+    component?: ElementType;
+    color: 'grey' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
+    variant: 'subtle' | 'bold';
+    fontWeight?: 'regular' | 'bold';
+}
 declare const Tag: ForwardRefExoticComponent<TagProps>;
 
-declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
-declare enum Color {
-    White = "#fff",
-    White50 = "rgba(255, 255, 255, 0.5)",
-    White40 = "rgba(255, 255, 255, 0.4)",
-    White20 = "rgba(255, 255, 255, 0.2)",
-    White10 = "rgba(255, 255, 255, 0.1)",
-    White08 = "rgba(255, 255, 255, 0.08)",
-    Transparent = "rgba(0, 0, 0, 0)",
-    Black = "#000",
-    Black50 = "rgba(0, 0, 0, 0.5)",
-    Black20 = "rgba(0, 0, 0, 0.2)",
-    /**@deprecated Use Dark100 */
-    Grey100 = "#8F949E",
-    /**@deprecated Use Dark200 */
-    Grey200 = "#6A707C",
-    /**@deprecated Use Dark300 */
-    Grey300 = "#5B6371",
-    /**@deprecated Use Dark400 */
-    Grey400 = "#323C4E",
-    /**@deprecated Use Dark450 */
-    Grey450 = "#222F44",
-    /**@deprecated Use Dark500 */
-    Grey500 = "#192334",
-    Dark100 = "#8F949E",
-    Dark200 = "#6A707C",
-    Dark300 = "#5B6371",
-    Dark400 = "#323C4E",
-    Dark450 = "#222F44",
-    Dark500 = "#192334",
-    Silver100 = "#F6F7F8",
-    Silver200 = "#F3F5F8",
-    Silver300 = "#E8ECF0",
-    Silver400 = "#E1E5EA",
-    Silver500 = "#C4CDD5",
-    Blue50 = "#EBF4FF",
-    Blue75 = "#CCE5FF",
-    Blue100 = "#A8D1FF",
-    Blue200 = "#66ADFF",
-    Blue300 = "#0075FF",
-    Blue400 = "#0063DB",
-    Blue500 = "#0050B2",
-    Green50 = "#ECF9EF",
-    Green75 = "#C8F4D1",
-    Green100 = "#90EAAE",
-    Green200 = "#5DDA87",
-    Green300 = "#1FA84D",
-    Green400 = "#1E8F46",
-    Green500 = "#19803D",
-    Purple50 = "#EFEEFC",
-    Purple75 = "#DCDBF5",
-    Purple100 = "#CBC8EE",
-    Purple200 = "#A7A1E8",
-    Purple300 = "#6559CF",
-    Purple400 = "#473ABB",
-    Purple500 = "#3A2F9D",
-    Red50 = "#FFEDEB",
-    Red75 = "#FDD9D3",
-    Red100 = "#FDC2BA",
-    Red200 = "#FE988B",
-    Red300 = "#EE3017",
-    Red400 = "#D9210D",
-    Red500 = "#C31909",
-    Teal50 = "#E3F6FC",
-    Teal75 = "#BEEDF9",
-    Teal100 = "#91E3F8",
-    Teal200 = "#61D3EF",
-    Teal300 = "#00A0CC",
-    Teal400 = "#008DB8",
-    Teal500 = "#007DA3",
-    Yellow50 = "#FFF9E5",
-    Yellow75 = "#FFF1C2",
-    Yellow100 = "#FFE494",
-    Yellow200 = "#FFDC6B",
-    Yellow300 = "#FFCB47",
-    Yellow400 = "#FFA91F",
-    Yellow500 = "#DB7500"
-}
-declare type ColorProp = keyof typeof Color;
+declare type ColorVariant = 'grey' | 'silver' | 'blue' | 'green' | 'purple' | 'red' | 'teal' | 'yellow';
+declare enum Color {
+    White = "#fff",
+    White50 = "rgba(255, 255, 255, 0.5)",
+    White40 = "rgba(255, 255, 255, 0.4)",
+    White20 = "rgba(255, 255, 255, 0.2)",
+    White10 = "rgba(255, 255, 255, 0.1)",
+    White08 = "rgba(255, 255, 255, 0.08)",
+    Transparent = "rgba(0, 0, 0, 0)",
+    Black = "#000",
+    Black50 = "rgba(0, 0, 0, 0.5)",
+    Black20 = "rgba(0, 0, 0, 0.2)",
+    /**@deprecated Use Dark100 */
+    Grey100 = "#8F949E",
+    /**@deprecated Use Dark200 */
+    Grey200 = "#6A707C",
+    /**@deprecated Use Dark300 */
+    Grey300 = "#5B6371",
+    /**@deprecated Use Dark400 */
+    Grey400 = "#323C4E",
+    /**@deprecated Use Dark450 */
+    Grey450 = "#222F44",
+    /**@deprecated Use Dark500 */
+    Grey500 = "#192334",
+    Dark100 = "#8F949E",
+    Dark200 = "#6A707C",
+    Dark300 = "#5B6371",
+    Dark400 = "#323C4E",
+    Dark450 = "#222F44",
+    Dark500 = "#192334",
+    Silver100 = "#F6F7F8",
+    Silver200 = "#F3F5F8",
+    Silver300 = "#E8ECF0",
+    Silver400 = "#E1E5EA",
+    Silver500 = "#C4CDD5",
+    Blue50 = "#EBF4FF",
+    Blue75 = "#CCE5FF",
+    Blue100 = "#A8D1FF",
+    Blue200 = "#66ADFF",
+    Blue300 = "#0075FF",
+    Blue400 = "#0063DB",
+    Blue500 = "#0050B2",
+    Green50 = "#ECF9EF",
+    Green75 = "#C8F4D1",
+    Green100 = "#90EAAE",
+    Green200 = "#5DDA87",
+    Green300 = "#1FA84D",
+    Green400 = "#1E8F46",
+    Green500 = "#19803D",
+    Purple50 = "#EFEEFC",
+    Purple75 = "#DCDBF5",
+    Purple100 = "#CBC8EE",
+    Purple200 = "#A7A1E8",
+    Purple300 = "#6559CF",
+    Purple400 = "#473ABB",
+    Purple500 = "#3A2F9D",
+    Red50 = "#FFEDEB",
+    Red75 = "#FDD9D3",
+    Red100 = "#FDC2BA",
+    Red200 = "#FE988B",
+    Red300 = "#EE3017",
+    Red400 = "#D9210D",
+    Red500 = "#C31909",
+    Teal50 = "#E3F6FC",
+    Teal75 = "#BEEDF9",
+    Teal100 = "#91E3F8",
+    Teal200 = "#61D3EF",
+    Teal300 = "#00A0CC",
+    Teal400 = "#008DB8",
+    Teal500 = "#007DA3",
+    Yellow50 = "#FFF9E5",
+    Yellow75 = "#FFF1C2",
+    Yellow100 = "#FFE494",
+    Yellow200 = "#FFDC6B",
+    Yellow300 = "#FFCB47",
+    Yellow400 = "#FFA91F",
+    Yellow500 = "#DB7500"
+}
+declare type ColorProp = keyof typeof Color;
 declare function isColorProp(name: unknown): name is ColorProp;
 
 declare type SuperDispatchTheme = Readonly<Required<Theme>>;
 
-interface ThemeProviderProps {
-    children?: ReactNode;
-    injectFirst?: boolean;
-    modifier?: (theme: SuperDispatchTheme) => SuperDispatchTheme;
-}
+interface ThemeProviderProps {
+    children?: ReactNode;
+    injectFirst?: boolean;
+    modifier?: (theme: SuperDispatchTheme) => SuperDispatchTheme;
+}
 declare function ThemeProvider({ modifier, children, injectFirst, }: ThemeProviderProps): ReactElement;
 
-declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
-declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
-interface TilesProps {
-    children?: ReactNode;
-    space?: ResponsivePropRecord<TilesSpace>;
-    columns?: ResponsivePropRecord<TilesColumns>;
-}
+declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
+interface TilesProps {
+    children?: ReactNode;
+    space?: ResponsivePropRecord<TilesSpace>;
+    columns?: ResponsivePropRecord<TilesColumns>;
+}
 declare const Tiles: ForwardRefExoticComponent<TilesProps & RefAttributes<HTMLDivElement>>;
 
-interface ExitTransitionPlaceholderProps {
-    in: boolean;
-    children: ReactNode;
-}
+interface ExitTransitionPlaceholderProps {
+    in: boolean;
+    children: ReactNode;
+}
 declare function ExitTransitionPlaceholder({ in: inProp, children: childrenProp, }: ExitTransitionPlaceholderProps): null | ReactElement;
 
 declare function isEmptyReactNode(node: ReactNode): node is null | undefined | boolean | string;
 
-declare function mergeRefs<T>(...refs: Array<null | undefined | Ref<T>>): (node: T) => void;
+declare function mergeRefs<T>(...refs: Array<null | undefined | Ref<T>>): (node: T) => void;
 declare function assignRef<T>(ref: Ref<T> | undefined, value: T): void;
 
 declare function renderChildren(node: ReactNode): null | ReactElement;
@@ -444,23 +456,23 @@ declare function useResizeObserver<T extends HTMLElement>(node: null | undefined
 
 declare function useUID(defaultID?: string): string;
 
-declare type ElementVisibility = 'undetermined' | 'visible' | 'invisible';
-interface VisibilityObserverOptions {
-    threshold?: number;
-    marginTop?: string;
-    marginLeft?: string;
-    marginRight?: string;
-    marginBottom?: string;
-}
-declare function useVisibilityObserver<T extends Element>(node: null | undefined | T, { threshold, marginTop, marginLeft, marginRight, marginBottom, }?: VisibilityObserverOptions): ElementVisibility;
-interface VisibilityObserverRenderProps {
-    visibility: ElementVisibility;
-    ref: <T extends HTMLElement>(node: null | T) => void;
-}
-interface VisibilityObserverProps extends VisibilityObserverOptions {
-    render: (props: VisibilityObserverRenderProps) => ReactNode;
-    onChange?: (visibility: ElementVisibility) => void;
-}
+declare type ElementVisibility = 'undetermined' | 'visible' | 'invisible';
+interface VisibilityObserverOptions {
+    threshold?: number;
+    marginTop?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    marginBottom?: string;
+}
+declare function useVisibilityObserver<T extends Element>(node: null | undefined | T, { threshold, marginTop, marginLeft, marginRight, marginBottom, }?: VisibilityObserverOptions): ElementVisibility;
+interface VisibilityObserverRenderProps {
+    visibility: ElementVisibility;
+    ref: <T extends HTMLElement>(node: null | T) => void;
+}
+interface VisibilityObserverProps extends VisibilityObserverOptions {
+    render: (props: VisibilityObserverRenderProps) => ReactNode;
+    onChange?: (visibility: ElementVisibility) => void;
+}
 declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
 
-export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
+export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, RadioField, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };