react-miui 0.18.1 → 0.20.0

package/dist/theme.d.ts

@@ -0,0 +1,744 @@
+/// <reference types="react" />
+import type { StyledComponent } from "@stitches/react/types/styled-component";
+import type { CSS as StitchesCSS } from "@stitches/react";
+declare const pxToRem: (px: number) => string;
+declare const dimensionsPxToRem: (px: number) => string;
+declare const borderPxToRem: (px: number) => string;
+declare const fontPxToRem: (px: number) => string;
+declare const styled: <Type extends import("react").ComponentType<any> | keyof JSX.IntrinsicElements | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
+    [name: string]: unknown;
+})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS;
+            [x: number]: CSS;
+        };
+    };
+    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : never : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[];
+    defaultVariants?: "variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : never : import("@stitches/react/types/util").WideObject;
+} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
+    [name: string]: unknown;
+})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS;
+            [x: number]: CSS;
+        };
+    };
+    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]>; } : never : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[];
+    defaultVariants?: "variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]>; } : never : import("@stitches/react/types/util").WideObject;
+} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, CSS>, globalCss: <Styles extends {
+    [K: string]: any;
+}>(...styles: ({
+    '@import'?: unknown;
+    '@font-face'?: unknown;
+} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
+    [x: string]: import("@stitches/react/types/css-util").CSS<{}, {
+        colors: {
+            background: string;
+            mainColor: string;
+            mainColorAlt: string;
+            activeBg: string;
+            inactiveBg: string;
+            inactiveDarkBg: string;
+            toggleHandleBg: string;
+            toggleHandleBorder: string;
+            toggleBgDisabled: string;
+            toggleHandleBorderDisabled: string;
+            toggleHandleBgDisabled: string;
+            icon: string;
+            border: string;
+            buttonBorder: string;
+            headerBorder: string;
+            headerBg: string;
+            headerText: string;
+            text: string;
+            sub: string;
+            popText: string;
+            toolbarBorder: string;
+            toolbarBg: string;
+            modalBg: string;
+            modalButtonBg: string;
+            modalButtonBorder: string;
+            inputDisabledBg: string;
+            inputDisabledText: string;
+            choiceBg: string;
+            choiceText: string;
+            choiceActiveBg: string;
+            choiceActiveText: string;
+            choiceBorder: string;
+            selectorText: string;
+            selectorActive: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            orange1: string;
+            orange1Darker: string;
+            purple1: string;
+            green1: string;
+            green1Darker: string;
+            pink1: string;
+            red1: string;
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            pinky1: string;
+            pinky2: string;
+            pinky3: string;
+            grey1: string;
+            focusColor: string;
+            scrollbarsThumb: string;
+            scrollbarsBg: string;
+            tableStripedBg: string;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        mx: (value: string) => {
+            marginLeft: string;
+            marginRight: string;
+        };
+        my: (value: string) => {
+            marginTop: string;
+            marginBottom: string;
+        };
+        size: (value: string) => {
+            width: string;
+            height: string;
+        };
+    }>;
+} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>; })[]) => () => string, keyframes: (style: {
+    [offset: string]: import("@stitches/react/types/css-util").CSS<{}, {
+        colors: {
+            background: string;
+            mainColor: string;
+            mainColorAlt: string;
+            activeBg: string;
+            inactiveBg: string;
+            inactiveDarkBg: string;
+            toggleHandleBg: string;
+            toggleHandleBorder: string;
+            toggleBgDisabled: string;
+            toggleHandleBorderDisabled: string;
+            toggleHandleBgDisabled: string;
+            icon: string;
+            border: string;
+            buttonBorder: string;
+            headerBorder: string;
+            headerBg: string;
+            headerText: string;
+            text: string;
+            sub: string;
+            popText: string;
+            toolbarBorder: string;
+            toolbarBg: string;
+            modalBg: string;
+            modalButtonBg: string;
+            modalButtonBorder: string;
+            inputDisabledBg: string;
+            inputDisabledText: string;
+            choiceBg: string;
+            choiceText: string;
+            choiceActiveBg: string;
+            choiceActiveText: string;
+            choiceBorder: string;
+            selectorText: string;
+            selectorActive: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            orange1: string;
+            orange1Darker: string;
+            purple1: string;
+            green1: string;
+            green1Darker: string;
+            pink1: string;
+            red1: string;
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            pinky1: string;
+            pinky2: string;
+            pinky3: string;
+            grey1: string;
+            focusColor: string;
+            scrollbarsThumb: string;
+            scrollbarsBg: string;
+            tableStripedBg: string;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        mx: (value: string) => {
+            marginLeft: string;
+            marginRight: string;
+        };
+        my: (value: string) => {
+            marginTop: string;
+            marginBottom: string;
+        };
+        size: (value: string) => {
+            width: string;
+            height: string;
+        };
+    }>;
+}) => {
+    (): string;
+    name: string;
+}, getCssText: () => string, theme: string & {
+    className: string;
+    selector: string;
+} & {
+    colors: {
+        background: import("@stitches/react/types/theme").Token<"background", string, "colors", "">;
+        mainColor: import("@stitches/react/types/theme").Token<"mainColor", string, "colors", "">;
+        mainColorAlt: import("@stitches/react/types/theme").Token<"mainColorAlt", string, "colors", "">;
+        activeBg: import("@stitches/react/types/theme").Token<"activeBg", string, "colors", "">;
+        inactiveBg: import("@stitches/react/types/theme").Token<"inactiveBg", string, "colors", "">;
+        inactiveDarkBg: import("@stitches/react/types/theme").Token<"inactiveDarkBg", string, "colors", "">;
+        toggleHandleBg: import("@stitches/react/types/theme").Token<"toggleHandleBg", string, "colors", "">;
+        toggleHandleBorder: import("@stitches/react/types/theme").Token<"toggleHandleBorder", string, "colors", "">;
+        toggleBgDisabled: import("@stitches/react/types/theme").Token<"toggleBgDisabled", string, "colors", "">;
+        toggleHandleBorderDisabled: import("@stitches/react/types/theme").Token<"toggleHandleBorderDisabled", string, "colors", "">;
+        toggleHandleBgDisabled: import("@stitches/react/types/theme").Token<"toggleHandleBgDisabled", string, "colors", "">;
+        icon: import("@stitches/react/types/theme").Token<"icon", string, "colors", "">;
+        border: import("@stitches/react/types/theme").Token<"border", string, "colors", "">;
+        buttonBorder: import("@stitches/react/types/theme").Token<"buttonBorder", string, "colors", "">;
+        headerBorder: import("@stitches/react/types/theme").Token<"headerBorder", string, "colors", "">;
+        headerBg: import("@stitches/react/types/theme").Token<"headerBg", string, "colors", "">;
+        headerText: import("@stitches/react/types/theme").Token<"headerText", string, "colors", "">;
+        text: import("@stitches/react/types/theme").Token<"text", string, "colors", "">;
+        sub: import("@stitches/react/types/theme").Token<"sub", string, "colors", "">;
+        popText: import("@stitches/react/types/theme").Token<"popText", string, "colors", "">;
+        toolbarBorder: import("@stitches/react/types/theme").Token<"toolbarBorder", string, "colors", "">;
+        toolbarBg: import("@stitches/react/types/theme").Token<"toolbarBg", string, "colors", "">;
+        modalBg: import("@stitches/react/types/theme").Token<"modalBg", string, "colors", "">;
+        modalButtonBg: import("@stitches/react/types/theme").Token<"modalButtonBg", string, "colors", "">;
+        modalButtonBorder: import("@stitches/react/types/theme").Token<"modalButtonBorder", string, "colors", "">;
+        inputDisabledBg: import("@stitches/react/types/theme").Token<"inputDisabledBg", string, "colors", "">;
+        inputDisabledText: import("@stitches/react/types/theme").Token<"inputDisabledText", string, "colors", "">;
+        choiceBg: import("@stitches/react/types/theme").Token<"choiceBg", string, "colors", "">;
+        choiceText: import("@stitches/react/types/theme").Token<"choiceText", string, "colors", "">;
+        choiceActiveBg: import("@stitches/react/types/theme").Token<"choiceActiveBg", string, "colors", "">;
+        choiceActiveText: import("@stitches/react/types/theme").Token<"choiceActiveText", string, "colors", "">;
+        choiceBorder: import("@stitches/react/types/theme").Token<"choiceBorder", string, "colors", "">;
+        selectorText: import("@stitches/react/types/theme").Token<"selectorText", string, "colors", "">;
+        selectorActive: import("@stitches/react/types/theme").Token<"selectorActive", string, "colors", "">;
+        blue1: import("@stitches/react/types/theme").Token<"blue1", string, "colors", "">;
+        blue2: import("@stitches/react/types/theme").Token<"blue2", string, "colors", "">;
+        blue3: import("@stitches/react/types/theme").Token<"blue3", string, "colors", "">;
+        orange1: import("@stitches/react/types/theme").Token<"orange1", string, "colors", "">;
+        orange1Darker: import("@stitches/react/types/theme").Token<"orange1Darker", string, "colors", "">;
+        purple1: import("@stitches/react/types/theme").Token<"purple1", string, "colors", "">;
+        green1: import("@stitches/react/types/theme").Token<"green1", string, "colors", "">;
+        green1Darker: import("@stitches/react/types/theme").Token<"green1Darker", string, "colors", "">;
+        pink1: import("@stitches/react/types/theme").Token<"pink1", string, "colors", "">;
+        red1: import("@stitches/react/types/theme").Token<"red1", string, "colors", "">;
+        yellow1: import("@stitches/react/types/theme").Token<"yellow1", string, "colors", "">;
+        yellow2: import("@stitches/react/types/theme").Token<"yellow2", string, "colors", "">;
+        yellow3: import("@stitches/react/types/theme").Token<"yellow3", string, "colors", "">;
+        pinky1: import("@stitches/react/types/theme").Token<"pinky1", string, "colors", "">;
+        pinky2: import("@stitches/react/types/theme").Token<"pinky2", string, "colors", "">;
+        pinky3: import("@stitches/react/types/theme").Token<"pinky3", string, "colors", "">;
+        grey1: import("@stitches/react/types/theme").Token<"grey1", string, "colors", "">;
+        focusColor: import("@stitches/react/types/theme").Token<"focusColor", string, "colors", "">;
+        scrollbarsThumb: import("@stitches/react/types/theme").Token<"scrollbarsThumb", string, "colors", "">;
+        scrollbarsBg: import("@stitches/react/types/theme").Token<"scrollbarsBg", string, "colors", "">;
+        tableStripedBg: import("@stitches/react/types/theme").Token<"tableStripedBg", string, "colors", "">;
+    };
+}, createTheme: <Argument0 extends string | ({
+    colors?: {
+        background?: string | number | boolean;
+        mainColor?: string | number | boolean;
+        mainColorAlt?: string | number | boolean;
+        activeBg?: string | number | boolean;
+        inactiveBg?: string | number | boolean;
+        inactiveDarkBg?: string | number | boolean;
+        toggleHandleBg?: string | number | boolean;
+        toggleHandleBorder?: string | number | boolean;
+        toggleBgDisabled?: string | number | boolean;
+        toggleHandleBorderDisabled?: string | number | boolean;
+        toggleHandleBgDisabled?: string | number | boolean;
+        icon?: string | number | boolean;
+        border?: string | number | boolean;
+        buttonBorder?: string | number | boolean;
+        headerBorder?: string | number | boolean;
+        headerBg?: string | number | boolean;
+        headerText?: string | number | boolean;
+        text?: string | number | boolean;
+        sub?: string | number | boolean;
+        popText?: string | number | boolean;
+        toolbarBorder?: string | number | boolean;
+        toolbarBg?: string | number | boolean;
+        modalBg?: string | number | boolean;
+        modalButtonBg?: string | number | boolean;
+        modalButtonBorder?: string | number | boolean;
+        inputDisabledBg?: string | number | boolean;
+        inputDisabledText?: string | number | boolean;
+        choiceBg?: string | number | boolean;
+        choiceText?: string | number | boolean;
+        choiceActiveBg?: string | number | boolean;
+        choiceActiveText?: string | number | boolean;
+        choiceBorder?: string | number | boolean;
+        selectorText?: string | number | boolean;
+        selectorActive?: string | number | boolean;
+        blue1?: string | number | boolean;
+        blue2?: string | number | boolean;
+        blue3?: string | number | boolean;
+        orange1?: string | number | boolean;
+        orange1Darker?: string | number | boolean;
+        purple1?: string | number | boolean;
+        green1?: string | number | boolean;
+        green1Darker?: string | number | boolean;
+        pink1?: string | number | boolean;
+        red1?: string | number | boolean;
+        yellow1?: string | number | boolean;
+        yellow2?: string | number | boolean;
+        yellow3?: string | number | boolean;
+        pinky1?: string | number | boolean;
+        pinky2?: string | number | boolean;
+        pinky3?: string | number | boolean;
+        grey1?: string | number | boolean;
+        focusColor?: string | number | boolean;
+        scrollbarsThumb?: string | number | boolean;
+        scrollbarsBg?: string | number | boolean;
+        tableStripedBg?: string | number | boolean;
+    };
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    colors?: {
+        background?: string | number | boolean;
+        mainColor?: string | number | boolean;
+        mainColorAlt?: string | number | boolean;
+        activeBg?: string | number | boolean;
+        inactiveBg?: string | number | boolean;
+        inactiveDarkBg?: string | number | boolean;
+        toggleHandleBg?: string | number | boolean;
+        toggleHandleBorder?: string | number | boolean;
+        toggleBgDisabled?: string | number | boolean;
+        toggleHandleBorderDisabled?: string | number | boolean;
+        toggleHandleBgDisabled?: string | number | boolean;
+        icon?: string | number | boolean;
+        border?: string | number | boolean;
+        buttonBorder?: string | number | boolean;
+        headerBorder?: string | number | boolean;
+        headerBg?: string | number | boolean;
+        headerText?: string | number | boolean;
+        text?: string | number | boolean;
+        sub?: string | number | boolean;
+        popText?: string | number | boolean;
+        toolbarBorder?: string | number | boolean;
+        toolbarBg?: string | number | boolean;
+        modalBg?: string | number | boolean;
+        modalButtonBg?: string | number | boolean;
+        modalButtonBorder?: string | number | boolean;
+        inputDisabledBg?: string | number | boolean;
+        inputDisabledText?: string | number | boolean;
+        choiceBg?: string | number | boolean;
+        choiceText?: string | number | boolean;
+        choiceActiveBg?: string | number | boolean;
+        choiceActiveText?: string | number | boolean;
+        choiceBorder?: string | number | boolean;
+        selectorText?: string | number | boolean;
+        selectorActive?: string | number | boolean;
+        blue1?: string | number | boolean;
+        blue2?: string | number | boolean;
+        blue3?: string | number | boolean;
+        orange1?: string | number | boolean;
+        orange1Darker?: string | number | boolean;
+        purple1?: string | number | boolean;
+        green1?: string | number | boolean;
+        green1Darker?: string | number | boolean;
+        pink1?: string | number | boolean;
+        red1?: string | number | boolean;
+        yellow1?: string | number | boolean;
+        yellow2?: string | number | boolean;
+        yellow3?: string | number | boolean;
+        pinky1?: string | number | boolean;
+        pinky2?: string | number | boolean;
+        pinky3?: string | number | boolean;
+        grey1?: string | number | boolean;
+        focusColor?: string | number | boolean;
+        scrollbarsThumb?: string | number | boolean;
+        scrollbarsBg?: string | number | boolean;
+        tableStripedBg?: string | number | boolean;
+    };
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
+    className: string;
+    selector: string;
+} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), config: {
+    prefix: "";
+    media: {};
+    theme: {
+        colors: {
+            background: string;
+            mainColor: string;
+            mainColorAlt: string;
+            activeBg: string;
+            inactiveBg: string;
+            inactiveDarkBg: string;
+            toggleHandleBg: string;
+            toggleHandleBorder: string;
+            toggleBgDisabled: string;
+            toggleHandleBorderDisabled: string;
+            toggleHandleBgDisabled: string;
+            icon: string;
+            border: string;
+            buttonBorder: string;
+            headerBorder: string;
+            headerBg: string;
+            headerText: string;
+            text: string;
+            sub: string;
+            popText: string;
+            toolbarBorder: string;
+            toolbarBg: string;
+            modalBg: string;
+            modalButtonBg: string;
+            modalButtonBorder: string;
+            inputDisabledBg: string;
+            inputDisabledText: string;
+            choiceBg: string;
+            choiceText: string;
+            choiceActiveBg: string;
+            choiceActiveText: string;
+            choiceBorder: string;
+            selectorText: string;
+            selectorActive: string;
+            blue1: string;
+            blue2: string;
+            blue3: string;
+            orange1: string;
+            orange1Darker: string;
+            purple1: string;
+            green1: string;
+            green1Darker: string;
+            pink1: string;
+            red1: string;
+            yellow1: string;
+            yellow2: string;
+            yellow3: string;
+            pinky1: string;
+            pinky2: string;
+            pinky3: string;
+            grey1: string;
+            focusColor: string;
+            scrollbarsThumb: string;
+            scrollbarsBg: string;
+            tableStripedBg: string;
+        };
+    };
+    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
+    utils: {
+        mx: (value: string) => {
+            marginLeft: string;
+            marginRight: string;
+        };
+        my: (value: string) => {
+            marginTop: string;
+            marginBottom: string;
+        };
+        size: (value: string) => {
+            width: string;
+            height: string;
+        };
+    };
+};
+type ThemeCSS = StitchesCSS<typeof config>;
+type OverwriteProps<T extends StyledComponent<Type, OldProps, Media, TheCSS>, Props, Type = any, OldProps = any, Media = any, TheCSS = any> = StyledComponent<Type, Props, Media, TheCSS>;
+export type { ThemeCSS, OverwriteProps, };
+export { styled, css, globalCss, keyframes, getCssText, theme, createTheme, config, pxToRem, dimensionsPxToRem, borderPxToRem, fontPxToRem, };
+//# sourceMappingURL=theme.d.ts.map