import * as MuiMaterialStyles from '@mui/material/styles';
import { CSSProperties } from '@mui/material/styles/createTypography';

declare module '@mui/material' {
  interface Color {
    25: string;
    1000: string;
  }
}

declare module '@mui/material/styles' {
  interface Theme {
    layout: import('./theme/create-layout').ILayout;
    /** Returns spacing as pc number value without the unit */
    spacingPX(factor: number): number;
    tokens: import('./theme/tokens').SemanticThemeTokens;
    unsafe_globalTokens: import('./theme/tokens').GlobalThemeTokens;
  }

  interface ThemeOptions {
    layout?: Partial<import('./theme/create-layout').ILayout>;
    /** Returns spacing as pc number value without the unit */
    spacingPX?(factor: number): number;
    tokens?: Partial<import('./theme/tokens').SemanticThemeTokens>;
  }

  interface ComponentsPropsList {
    QuantumAlert: import('./alert').IAlertProps;
    QuantumAppBarActions: import('./app-bar').IAppBarActionsProps;
    QuantumAppBarButton: import('./app-bar').IAppBarButtonProps;
    QuantumAppBarContent: import('./app-bar').IAppBarContentProps;
    QuantumAppBarDivider: import('./app-bar').IAppBarDividerProps;
    QuantumAppBarIconButton: import('./app-bar').IAppBarIconButtonProps;
    QuantumAvatar: import('./avatar').IAvatarProps;
    QuantumDialogTitle: import('./dialog').IDialogTitleProps;
    QuantumEmptyState: import('./empty-state').IEmptyStateProps;
    QuantumLogo: import('./logo').ILogoProps;
    QuantumSelectDropdown: import('./select-dropdown').ISelectDropdownProps;
    QuantumSidebar: import('./sidebar').ISidebarProps;
    QuantumSidebarBanner: import('./sidebar').ISidebarBannerProps;
    QuantumSidebarItems: import('./sidebar').ISidebarItemsProps;
    QuantumSidebarLink: import('./sidebar').ISidebarLinkProps;
    QuantumSidebarMenu: import('./sidebar').ISidebarLinkProps;
  }

  interface ComponentNameToClassKey {
    QuantumAlert: import('./alert/alert-classes').AlertClassKey;
    QuantumAppBarActions: 'root';
    QuantumAppBarButton: 'root';
    QuantumAppBarContent: 'root';
    QuantumAppBarDivider: 'root';
    QuantumAppBarIconButton: 'root';
    QuantumAvatar: import('./avatar/avatar-classes').AvatarClassKey;
    QuantumDialogTitle: import('./dialog/dialog-title/dialog-title-classes').DialogTitleClassKey;
    QuantumEmptyState: import('./empty-state/empty-state-classes').EmptyStateClassKey;
    QuantumLogo: import('./logo/logo-classes').LogoClassKey;
    QuantumSelectDropdown: import('./select-dropdown').SelectDropdownClassKey;
    QuantumSidebar: import('./sidebar/sidebar-classes').SidebarClassKey;
    QuantumSidebarBanner: 'root';
    QuantumSidebarItems: 'root';
    QuantumSidebarLink: import('./sidebar/sidebar-link/sidebar-link-classes').SidebarLinkClassKey;
    QuantumSidebarMenu: import('./sidebar/sidebar-menu').ISidebarMenuProps;
  }

  interface Components {
    QuantumAppBarActions?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumAppBarActions'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumAppBarActions'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumAppBarActions'];
    };
    QuantumAppBarButton?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumAppBarButton'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumAppBarButton'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumAppBarButton'];
    };
    QuantumAppBarContent?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumAppBarContent'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumAppBarContent'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumAppBarContent'];
    };
    QuantumAppBarDivider?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumAppBarDivider'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumAppBarDivider'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumAppBarDivider'];
    };
    QuantumAppBarIconButton?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumAppBarIconButton'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumAppBarIconButton'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumAppBarIconButton'];
    };
    QuantumLogo?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumLogo'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumLogo'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumLogo'];
    };
    QuantumSelectDropdown?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSelectDropdown'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSelectDropdown'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSelectDropdown'];
    };
    QuantumSidebar?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSidebar'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSidebar'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSidebar'];
    };
    QuantumSidebarBanner?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSidebarBanner'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSidebarBanner'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSidebarBanner'];
    };
    QuantumSidebarItems?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSidebarItems'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSidebarItems'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSidebarItems'];
    };
    QuantumSidebarLink?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSidebarLink'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSidebarLink'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSidebarLink'];
    };
    QuantumSidebarMenu?: {
      defaultProps?: MuiMaterialStyles.ComponentsProps['QuantumSidebarMenu'];
      styleOverrides?: MuiMaterialStyles.ComponentsOverrides<Theme>['QuantumSidebarMenu'];
      variants?: MuiMaterialStyles.ComponentsVariants['QuantumSidebarMenu'];
    };
  }

  interface PaletteColor {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
  }

  interface Palette {
    blue: import('./theme/colors').Color;
    green: import('./theme/colors').Color;
    magenta: import('./theme/colors').Color;
    purple: import('./theme/colors').Color;
    red: import('./theme/colors').Color;
    yellow: import('./theme/colors').Color;
    neutral: import('./theme/colors').Color;
    border: {
      light: string;
      dark: string;
      primary: string;
      secondary: string;
    };
    default: MuiMaterialStyles.PaletteColor;
    danger: MuiMaterialStyles.PaletteColor;
    identicons: {
      primary: {
        light: string;
        dark: string;
        base: string;
      };
      default: {
        light: string;
        dark: string;
        base: string;
      };
    };
  }

  interface TypeBackground {
    surface: string;
  }

  interface TypeAction {
    activeBackground: string;
    hoverBackground: string;
  }

  interface PaletteOptions {
    blue?: Partial<import('./theme/colors').Color>;
    green?: Partial<import('./theme/colors').Color>;
    magenta?: Partial<import('./theme/colors').Color>;
    purple?: Partial<import('./theme/colors').Color>;
    red?: Partial<import('./theme/colors').Color>;
    yellow?: Partial<import('./theme/colors').Color>;
    neutral?: Partial<import('./theme/colors').Color>;
    border?: {
      light?: string;
      dark?: string;
      primary?: string;
      secondary?: string;
    };
    default?: Partial<MuiMaterialStyles.PaletteColor>;
    danger?: Partial<MuiMaterialStyles.PaletteColor>;
    identicons?: {
      primary?: {
        light: string;
        dark: string;
        base: string;
      };
      default?: {
        light: string;
        dark: string;
        base: string;
      };
    };
  }

  interface TypographyVariants {
    fontFamilyMonospace: import('./theme/create-typography').ITypography['fontFamilyMonospace'];
    code1: import('./theme/create-typography').ITypography['code1'];
    code2: import('./theme/create-typography').ITypography['code2'];
    label: import('./theme/create-typography').ITypography['label'];
    input: import('./theme/create-typography').ITypography['input'];
    fontWeightSemibold: import('./theme/create-typography').ITypography['fontWeightSemibold'];
  }

  interface TypographyVariantsOptions {
    fontFamilyMonospace?: string;
    code1?: MuiMaterialStyles.TypographyStyle;
    code2?: MuiMaterialStyles.TypographyStyle;
    label?: MuiMaterialStyles.TypographyStyle;
    input?: MuiMaterialStyles.TypographyStyle;
    fontWeightSemibold?: MuiMaterialStyles.TypographyStyle['fontWeight'];
  }
}

declare module '@mui/material/styles/createMixins' {
  interface Mixins {
    focusRing: import('./theme/create-mixins').IMixins['focusRing'];
    /** @deprecated  use tokens instead  */
    shadeOfColor: import('./theme/create-mixins').IMixins['shadeOfColor'];
    /** @deprecated use tokens instead */
    textColorForShadeOfColor: import('./theme/create-mixins').IMixins['textColorForShadeOfColor'];
    borderAsBoxShadow: import('./theme/create-mixins').IMixins['borderAsBoxShadow'];
    overlaySurfaceShadow: import('./theme/create-mixins').IMixins['overlaySurfaceShadow'];
    appBarAction: import('./theme/create-mixins').IMixins['appBarAction'];
    getColorModeValue: import('./theme/create-mixins').IMixins['getColorModeValue'];
  }

  interface MixinsOptions {
    focusRing?(options?: {
      type?: 'default' | 'inset';
      color?: string;
      opacity?: number;
    }): MuiMaterialStyles.CSSProperties;
    /** @deprecated  use tokens instead  */
    shadeOfColor?(color: import('./theme/colors').ColorName | 'grey', shade?: import('./theme/colors').Shade): string;
    /** @deprecated  use tokens instead  */
    textColorForShadeOfColor?(
      color: import('./theme/colors').ColorName | 'grey',
      shade?: import('./theme/colors').Shade
    ): string;
    borderAsBoxShadow?(color: string, width?: number): string;
    overlaySurfaceShadow?(borderColor: string): string;
    appBarAction?(): {
      root: CSSProperties;
      hover: CSSProperties;
      focus: CSSProperties;
      active: CSSProperties;
    };
    getColorModeValue?<LightModeValue extends string = string, DarkModeValue extends string = string>(colorMap: {
      light?: LightModeValue;
      dark?: DarkModeValue;
    }): LightModeValue | DarkModeValue;
  }
}

declare module '@mui/material/Badge' {
  interface BadgePropsColorOverrides {
    danger: true;
    error: false;
  }
}

declare module '@mui/material/Typography' {
  interface TypographyPropsVariantOverrides {
    code1: true;
    code2: true;
  }
}