import type { FactoryPayload } from '../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib'
import type { EmotionSx } from '@mantine/emotion'

import type { EmotionStyles } from '../emotion/index.cjs'
import type { ShadingColor } from '../theme/colors.cjs'
import type { Color } from '../theme/theme.cjs'

declare module '../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/lib' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}

declare module '@mantine/core' {
  interface MantineThemeColorsOverride {
    colors: Record<Color | (string & {}), ShadingColor>
  }
  interface StylesApiPropsOverride<Payload extends FactoryPayload> {
    styles?: EmotionStyles<Payload>
  }
  interface BoxProps {
    sx?: EmotionSx
  }
}
export declare const useColorScheme: (defaultValue: "light" | "dark" | "auto", options?: {
    getInitialValueInEffect: boolean;
    key: string;
}) => {
    colorScheme: "light" | "dark" | "auto";
    setColorScheme: (val: "light" | "dark" | "auto" | ((prevState: "light" | "dark" | "auto") => "light" | "dark" | "auto")) => void;
    systemColorScheme: "light" | "dark";
    toggleColorScheme: () => void;
};