/// <reference types="react" />
import type * as Stitches from '@stitches/react';
declare const HmsStitches: import("@stitches/react/types/stitches").default<"hms-ui", {
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceDark: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: {
        readonly [Stitches.$$PropertyValue]: "backgroundColor";
    }) => {
        backgroundColor: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        };
    };
    c: (value: {
        readonly [Stitches.$$PropertyValue]: "color";
    }) => {
        color: {
            readonly [Stitches.$$PropertyValue]: "color";
        };
    };
    r: (value: {
        readonly [Stitches.$$ScaleValue]: "radii";
    }) => {
        borderRadius: {
            readonly [Stitches.$$ScaleValue]: "radii";
        };
    };
    fs: (value: string | number | {
        readonly [Stitches.$$PropertyValue]: "fontSize";
    }) => {
        fontSize: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    size: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    w: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    h: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    p: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        padding: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pl: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    px: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    py: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    m: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        margin: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    ml: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mx: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    my: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
}>;
export declare const theme: string & {
    className: string;
    selector: string;
} & {
    colors: {
        bgPrimary: import("@stitches/react/types/theme").Token<"bgPrimary", string, "colors", "hms-ui">;
        bgSecondary: import("@stitches/react/types/theme").Token<"bgSecondary", string, "colors", "hms-ui">;
        bgTertiary: import("@stitches/react/types/theme").Token<"bgTertiary", string, "colors", "hms-ui">;
        surfaceLight: import("@stitches/react/types/theme").Token<"surfaceLight", string, "colors", "hms-ui">;
        surfaceLighter: import("@stitches/react/types/theme").Token<"surfaceLighter", string, "colors", "hms-ui">;
        textPrimary: import("@stitches/react/types/theme").Token<"textPrimary", string, "colors", "hms-ui">;
        textSecondary: import("@stitches/react/types/theme").Token<"textSecondary", string, "colors", "hms-ui">;
        textDisabled: import("@stitches/react/types/theme").Token<"textDisabled", string, "colors", "hms-ui">;
        textInvert: import("@stitches/react/types/theme").Token<"textInvert", string, "colors", "hms-ui">;
        textHighEmp: import("@stitches/react/types/theme").Token<"textHighEmp", string, "colors", "hms-ui">;
        textMedEmp: import("@stitches/react/types/theme").Token<"textMedEmp", string, "colors", "hms-ui">;
        iconBtn: import("@stitches/react/types/theme").Token<"iconBtn", string, "colors", "hms-ui">;
        iconHoverBg: import("@stitches/react/types/theme").Token<"iconHoverBg", string, "colors", "hms-ui">;
        transparentBg: import("@stitches/react/types/theme").Token<"transparentBg", string, "colors", "hms-ui">;
        mainBg: import("@stitches/react/types/theme").Token<"mainBg", string, "colors", "hms-ui">;
        tileBg: import("@stitches/react/types/theme").Token<"tileBg", string, "colors", "hms-ui">;
        secondaryDisabled: import("@stitches/react/types/theme").Token<"secondaryDisabled", string, "colors", "hms-ui">;
        previewBg: import("@stitches/react/types/theme").Token<"previewBg", string, "colors", "hms-ui">;
        statsBg: import("@stitches/react/types/theme").Token<"statsBg", string, "colors", "hms-ui">;
        menuBg: import("@stitches/react/types/theme").Token<"menuBg", string, "colors", "hms-ui">;
        inputBg: import("@stitches/react/types/theme").Token<"inputBg", string, "colors", "hms-ui">;
        toastBg: import("@stitches/react/types/theme").Token<"toastBg", string, "colors", "hms-ui">;
        borderDefault: import("@stitches/react/types/theme").Token<"borderDefault", string, "colors", "hms-ui">;
        backgroundDefault: import("@stitches/react/types/theme").Token<"backgroundDefault", string, "colors", "hms-ui">;
        borderLighter: import("@stitches/react/types/theme").Token<"borderLighter", string, "colors", "hms-ui">;
        white: import("@stitches/react/types/theme").Token<"white", string, "colors", "hms-ui">;
        black: import("@stitches/react/types/theme").Token<"black", string, "colors", "hms-ui">;
        transparent: import("@stitches/react/types/theme").Token<"transparent", string, "colors", "hms-ui">;
        orange: import("@stitches/react/types/theme").Token<"orange", string, "colors", "hms-ui">;
        cyan: import("@stitches/react/types/theme").Token<"cyan", string, "colors", "hms-ui">;
        tamarind: import("@stitches/react/types/theme").Token<"tamarind", string, "colors", "hms-ui">;
        yellow: import("@stitches/react/types/theme").Token<"yellow", string, "colors", "hms-ui">;
        twinYellow: import("@stitches/react/types/theme").Token<"twinYellow", string, "colors", "hms-ui">;
        green: import("@stitches/react/types/theme").Token<"green", string, "colors", "hms-ui">;
        darkgreen: import("@stitches/react/types/theme").Token<"darkgreen", string, "colors", "hms-ui">;
        purple: import("@stitches/react/types/theme").Token<"purple", string, "colors", "hms-ui">;
        borderLight: import("@stitches/react/types/theme").Token<"borderLight", string, "colors", "hms-ui">;
        borderAccent: import("@stitches/react/types/theme").Token<"borderAccent", string, "colors", "hms-ui">;
        success: import("@stitches/react/types/theme").Token<"success", string, "colors", "hms-ui">;
        error: import("@stitches/react/types/theme").Token<"error", string, "colors", "hms-ui">;
        errorTint: import("@stitches/react/types/theme").Token<"errorTint", string, "colors", "hms-ui">;
        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "hms-ui">;
        brandLight: import("@stitches/react/types/theme").Token<"brandLight", string, "colors", "hms-ui">;
        brandDefault: import("@stitches/react/types/theme").Token<"brandDefault", string, "colors", "hms-ui">;
        brandDark: import("@stitches/react/types/theme").Token<"brandDark", string, "colors", "hms-ui">;
        brandDisabled: import("@stitches/react/types/theme").Token<"brandDisabled", string, "colors", "hms-ui">;
        grayLight: import("@stitches/react/types/theme").Token<"grayLight", string, "colors", "hms-ui">;
        grayDefault: import("@stitches/react/types/theme").Token<"grayDefault", string, "colors", "hms-ui">;
        grayDark: import("@stitches/react/types/theme").Token<"grayDark", string, "colors", "hms-ui">;
        secondaryGray: import("@stitches/react/types/theme").Token<"secondaryGray", string, "colors", "hms-ui">;
        grayDisabled: import("@stitches/react/types/theme").Token<"grayDisabled", string, "colors", "hms-ui">;
        textAccentHigh: import("@stitches/react/types/theme").Token<"textAccentHigh", string, "colors", "hms-ui">;
        textAccentMedium: import("@stitches/react/types/theme").Token<"textAccentMedium", string, "colors", "hms-ui">;
        textAccentDisabled: import("@stitches/react/types/theme").Token<"textAccentDisabled", string, "colors", "hms-ui">;
        surfaceDefault: import("@stitches/react/types/theme").Token<"surfaceDefault", string, "colors", "hms-ui">;
        surfaceDark: import("@stitches/react/types/theme").Token<"surfaceDark", string, "colors", "hms-ui">;
        backgroundDark: import("@stitches/react/types/theme").Token<"backgroundDark", string, "colors", "hms-ui">;
        backgroundDarker: import("@stitches/react/types/theme").Token<"backgroundDarker", string, "colors", "hms-ui">;
        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "hms-ui">;
        primaryDefault: import("@stitches/react/types/theme").Token<"primaryDefault", string, "colors", "hms-ui">;
        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "hms-ui">;
        primaryDisabled: import("@stitches/react/types/theme").Token<"primaryDisabled", string, "colors", "hms-ui">;
        secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", "hms-ui">;
        secondaryDefault: import("@stitches/react/types/theme").Token<"secondaryDefault", string, "colors", "hms-ui">;
        secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", "hms-ui">;
        errorDefault: import("@stitches/react/types/theme").Token<"errorDefault", string, "colors", "hms-ui">;
        errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", "hms-ui">;
        errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", "hms-ui">;
        errorDisabled: import("@stitches/react/types/theme").Token<"errorDisabled", string, "colors", "hms-ui">;
    };
    shadows: {
        sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
        md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
    };
    fonts: {
        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
    };
    fontSizes: {
        h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
        h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
        h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
        h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
        h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
        h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
        tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
    };
    fontWeights: {
        semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
        medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
        regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
    };
    lineHeights: {
        h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
        h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
        h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
        h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
        h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
        h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
        tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
        xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
        sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
        md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
    };
    radii: {
        0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
        4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
    };
    space: {
        0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
        xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
        sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
        md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
        lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
        xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
        px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
        1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
        2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
        3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
        4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
        5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
        6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
        7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
        8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
        9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
        10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
        11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
        12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
        13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
        14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
        15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
        16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
        17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
        18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
        19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
        20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
        24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
        28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
        32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
        36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
        40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
        44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
        48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
        52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
        56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
        60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
        64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
        72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
        80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
        96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
        100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
    };
    borderWidths: {
        light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
        normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
        bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
        black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
    };
}, createThemeBase: <Argument0 extends string | ({
    colors?: {
        bgPrimary?: string | number | boolean | undefined;
        bgSecondary?: string | number | boolean | undefined;
        bgTertiary?: string | number | boolean | undefined;
        surfaceLight?: string | number | boolean | undefined;
        surfaceLighter?: string | number | boolean | undefined;
        textPrimary?: string | number | boolean | undefined;
        textSecondary?: string | number | boolean | undefined;
        textDisabled?: string | number | boolean | undefined;
        textInvert?: string | number | boolean | undefined;
        textHighEmp?: string | number | boolean | undefined;
        textMedEmp?: string | number | boolean | undefined;
        iconBtn?: string | number | boolean | undefined;
        iconHoverBg?: string | number | boolean | undefined;
        transparentBg?: string | number | boolean | undefined;
        mainBg?: string | number | boolean | undefined;
        tileBg?: string | number | boolean | undefined;
        secondaryDisabled?: string | number | boolean | undefined;
        previewBg?: string | number | boolean | undefined;
        statsBg?: string | number | boolean | undefined;
        menuBg?: string | number | boolean | undefined;
        inputBg?: string | number | boolean | undefined;
        toastBg?: string | number | boolean | undefined;
        borderDefault?: string | number | boolean | undefined;
        backgroundDefault?: string | number | boolean | undefined;
        borderLighter?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        black?: string | number | boolean | undefined;
        transparent?: string | number | boolean | undefined;
        orange?: string | number | boolean | undefined;
        cyan?: string | number | boolean | undefined;
        tamarind?: string | number | boolean | undefined;
        yellow?: string | number | boolean | undefined;
        twinYellow?: string | number | boolean | undefined;
        green?: string | number | boolean | undefined;
        darkgreen?: string | number | boolean | undefined;
        purple?: string | number | boolean | undefined;
        borderLight?: string | number | boolean | undefined;
        borderAccent?: string | number | boolean | undefined;
        success?: string | number | boolean | undefined;
        error?: string | number | boolean | undefined;
        errorTint?: string | number | boolean | undefined;
        warning?: string | number | boolean | undefined;
        brandLight?: string | number | boolean | undefined;
        brandDefault?: string | number | boolean | undefined;
        brandDark?: string | number | boolean | undefined;
        brandDisabled?: string | number | boolean | undefined;
        grayLight?: string | number | boolean | undefined;
        grayDefault?: string | number | boolean | undefined;
        grayDark?: string | number | boolean | undefined;
        secondaryGray?: string | number | boolean | undefined;
        grayDisabled?: string | number | boolean | undefined;
        textAccentHigh?: string | number | boolean | undefined;
        textAccentMedium?: string | number | boolean | undefined;
        textAccentDisabled?: string | number | boolean | undefined;
        surfaceDefault?: string | number | boolean | undefined;
        surfaceDark?: string | number | boolean | undefined;
        backgroundDark?: string | number | boolean | undefined;
        backgroundDarker?: string | number | boolean | undefined;
        primaryLight?: string | number | boolean | undefined;
        primaryDefault?: string | number | boolean | undefined;
        primaryDark?: string | number | boolean | undefined;
        primaryDisabled?: string | number | boolean | undefined;
        secondaryLight?: string | number | boolean | undefined;
        secondaryDefault?: string | number | boolean | undefined;
        secondaryDark?: string | number | boolean | undefined;
        errorDefault?: string | number | boolean | undefined;
        errorLight?: string | number | boolean | undefined;
        errorDark?: string | number | boolean | undefined;
        errorDisabled?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        sans?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        h1?: string | number | boolean | undefined;
        h2?: string | number | boolean | undefined;
        h3?: string | number | boolean | undefined;
        h4?: string | number | boolean | undefined;
        h5?: string | number | boolean | undefined;
        h6?: string | number | boolean | undefined;
        tiny?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
        lg?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        semiBold?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        regular?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        h1?: string | number | boolean | undefined;
        h2?: string | number | boolean | undefined;
        h3?: string | number | boolean | undefined;
        h4?: string | number | boolean | undefined;
        h5?: string | number | boolean | undefined;
        h6?: string | number | boolean | undefined;
        tiny?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        0?: string | number | boolean | undefined;
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        0?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
        lg?: string | number | boolean | undefined;
        xl?: string | number | boolean | undefined;
        px?: string | number | boolean | undefined;
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
        11?: string | number | boolean | undefined;
        12?: string | number | boolean | undefined;
        13?: string | number | boolean | undefined;
        14?: string | number | boolean | undefined;
        15?: string | number | boolean | undefined;
        16?: string | number | boolean | undefined;
        17?: string | number | boolean | undefined;
        18?: string | number | boolean | undefined;
        19?: string | number | boolean | undefined;
        20?: string | number | boolean | undefined;
        24?: string | number | boolean | undefined;
        28?: string | number | boolean | undefined;
        32?: string | number | boolean | undefined;
        36?: string | number | boolean | undefined;
        40?: string | number | boolean | undefined;
        44?: string | number | boolean | undefined;
        48?: string | number | boolean | undefined;
        52?: string | number | boolean | undefined;
        56?: string | number | boolean | undefined;
        60?: string | number | boolean | undefined;
        64?: string | number | boolean | undefined;
        72?: string | number | boolean | undefined;
        80?: string | number | boolean | undefined;
        96?: string | number | boolean | undefined;
        100?: string | number | boolean | undefined;
    } | undefined;
    borderWidths?: {
        light?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        bold?: string | number | boolean | undefined;
        extrabold?: string | number | boolean | undefined;
        black?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
}), Argument1 extends string | ({
    colors?: {
        bgPrimary?: string | number | boolean | undefined;
        bgSecondary?: string | number | boolean | undefined;
        bgTertiary?: string | number | boolean | undefined;
        surfaceLight?: string | number | boolean | undefined;
        surfaceLighter?: string | number | boolean | undefined;
        textPrimary?: string | number | boolean | undefined;
        textSecondary?: string | number | boolean | undefined;
        textDisabled?: string | number | boolean | undefined;
        textInvert?: string | number | boolean | undefined;
        textHighEmp?: string | number | boolean | undefined;
        textMedEmp?: string | number | boolean | undefined;
        iconBtn?: string | number | boolean | undefined;
        iconHoverBg?: string | number | boolean | undefined;
        transparentBg?: string | number | boolean | undefined;
        mainBg?: string | number | boolean | undefined;
        tileBg?: string | number | boolean | undefined;
        secondaryDisabled?: string | number | boolean | undefined;
        previewBg?: string | number | boolean | undefined;
        statsBg?: string | number | boolean | undefined;
        menuBg?: string | number | boolean | undefined;
        inputBg?: string | number | boolean | undefined;
        toastBg?: string | number | boolean | undefined;
        borderDefault?: string | number | boolean | undefined;
        backgroundDefault?: string | number | boolean | undefined;
        borderLighter?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        black?: string | number | boolean | undefined;
        transparent?: string | number | boolean | undefined;
        orange?: string | number | boolean | undefined;
        cyan?: string | number | boolean | undefined;
        tamarind?: string | number | boolean | undefined;
        yellow?: string | number | boolean | undefined;
        twinYellow?: string | number | boolean | undefined;
        green?: string | number | boolean | undefined;
        darkgreen?: string | number | boolean | undefined;
        purple?: string | number | boolean | undefined;
        borderLight?: string | number | boolean | undefined;
        borderAccent?: string | number | boolean | undefined;
        success?: string | number | boolean | undefined;
        error?: string | number | boolean | undefined;
        errorTint?: string | number | boolean | undefined;
        warning?: string | number | boolean | undefined;
        brandLight?: string | number | boolean | undefined;
        brandDefault?: string | number | boolean | undefined;
        brandDark?: string | number | boolean | undefined;
        brandDisabled?: string | number | boolean | undefined;
        grayLight?: string | number | boolean | undefined;
        grayDefault?: string | number | boolean | undefined;
        grayDark?: string | number | boolean | undefined;
        secondaryGray?: string | number | boolean | undefined;
        grayDisabled?: string | number | boolean | undefined;
        textAccentHigh?: string | number | boolean | undefined;
        textAccentMedium?: string | number | boolean | undefined;
        textAccentDisabled?: string | number | boolean | undefined;
        surfaceDefault?: string | number | boolean | undefined;
        surfaceDark?: string | number | boolean | undefined;
        backgroundDark?: string | number | boolean | undefined;
        backgroundDarker?: string | number | boolean | undefined;
        primaryLight?: string | number | boolean | undefined;
        primaryDefault?: string | number | boolean | undefined;
        primaryDark?: string | number | boolean | undefined;
        primaryDisabled?: string | number | boolean | undefined;
        secondaryLight?: string | number | boolean | undefined;
        secondaryDefault?: string | number | boolean | undefined;
        secondaryDark?: string | number | boolean | undefined;
        errorDefault?: string | number | boolean | undefined;
        errorLight?: string | number | boolean | undefined;
        errorDark?: string | number | boolean | undefined;
        errorDisabled?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        sans?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        h1?: string | number | boolean | undefined;
        h2?: string | number | boolean | undefined;
        h3?: string | number | boolean | undefined;
        h4?: string | number | boolean | undefined;
        h5?: string | number | boolean | undefined;
        h6?: string | number | boolean | undefined;
        tiny?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
        lg?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        semiBold?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        regular?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        h1?: string | number | boolean | undefined;
        h2?: string | number | boolean | undefined;
        h3?: string | number | boolean | undefined;
        h4?: string | number | boolean | undefined;
        h5?: string | number | boolean | undefined;
        h6?: string | number | boolean | undefined;
        tiny?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        0?: string | number | boolean | undefined;
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        0?: string | number | boolean | undefined;
        xs?: string | number | boolean | undefined;
        sm?: string | number | boolean | undefined;
        md?: string | number | boolean | undefined;
        lg?: string | number | boolean | undefined;
        xl?: string | number | boolean | undefined;
        px?: string | number | boolean | undefined;
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
        11?: string | number | boolean | undefined;
        12?: string | number | boolean | undefined;
        13?: string | number | boolean | undefined;
        14?: string | number | boolean | undefined;
        15?: string | number | boolean | undefined;
        16?: string | number | boolean | undefined;
        17?: string | number | boolean | undefined;
        18?: string | number | boolean | undefined;
        19?: string | number | boolean | undefined;
        20?: string | number | boolean | undefined;
        24?: string | number | boolean | undefined;
        28?: string | number | boolean | undefined;
        32?: string | number | boolean | undefined;
        36?: string | number | boolean | undefined;
        40?: string | number | boolean | undefined;
        44?: string | number | boolean | undefined;
        48?: string | number | boolean | undefined;
        52?: string | number | boolean | undefined;
        56?: string | number | boolean | undefined;
        60?: string | number | boolean | undefined;
        64?: string | number | boolean | undefined;
        72?: string | number | boolean | undefined;
        80?: string | number | boolean | undefined;
        96?: string | number | boolean | undefined;
        100?: string | number | boolean | undefined;
    } | undefined;
    borderWidths?: {
        light?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        bold?: string | number | boolean | undefined;
        extrabold?: string | number | boolean | undefined;
        black?: string | number | boolean | undefined;
    } | undefined;
} & {
    [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, "hms-ui"> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "hms-ui">), styled: <Type extends import("@stitches/react/types/util").Function | import("react").ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
    [name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceDark: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: {
        readonly [Stitches.$$PropertyValue]: "backgroundColor";
    }) => {
        backgroundColor: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        };
    };
    c: (value: {
        readonly [Stitches.$$PropertyValue]: "color";
    }) => {
        color: {
            readonly [Stitches.$$PropertyValue]: "color";
        };
    };
    r: (value: {
        readonly [Stitches.$$ScaleValue]: "radii";
    }) => {
        borderRadius: {
            readonly [Stitches.$$ScaleValue]: "radii";
        };
    };
    fs: (value: string | number | {
        readonly [Stitches.$$PropertyValue]: "fontSize";
    }) => {
        fontSize: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    size: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    w: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    h: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    p: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        padding: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pl: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    px: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    py: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    m: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        margin: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    ml: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mx: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    my: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS_1;
            [x: number]: CSS_1;
        };
    } | undefined;
    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]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
        css: CSS_1;
    })[] | undefined;
    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]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, import("@stitches/react/types/css-util").CSS<{
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceDark: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: {
        readonly [Stitches.$$PropertyValue]: "backgroundColor";
    }) => {
        backgroundColor: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        };
    };
    c: (value: {
        readonly [Stitches.$$PropertyValue]: "color";
    }) => {
        color: {
            readonly [Stitches.$$PropertyValue]: "color";
        };
    };
    r: (value: {
        readonly [Stitches.$$ScaleValue]: "radii";
    }) => {
        borderRadius: {
            readonly [Stitches.$$ScaleValue]: "radii";
        };
    };
    fs: (value: string | number | {
        readonly [Stitches.$$PropertyValue]: "fontSize";
    }) => {
        fontSize: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    size: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    w: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    h: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    p: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        padding: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pl: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    px: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    py: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    m: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        margin: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    ml: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mx: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    my: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
}>>, 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<{
        allowMotion: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        ls: string;
    }, {
        colors: {
            bgPrimary: string;
            bgSecondary: string;
            bgTertiary: string;
            surfaceLight: string;
            surfaceLighter: string;
            textPrimary: string;
            textSecondary: string;
            textDisabled: string;
            textInvert: string;
            textHighEmp: string;
            textMedEmp: string;
            iconBtn: string;
            iconHoverBg: string;
            transparentBg: string;
            mainBg: string;
            tileBg: string;
            secondaryDisabled: string;
            previewBg: string;
            statsBg: string;
            menuBg: string;
            inputBg: string;
            toastBg: string;
            borderDefault: string;
            backgroundDefault: string;
            borderLighter: string;
            white: string;
            black: string;
            transparent: string;
            orange: string;
            cyan: string;
            tamarind: string;
            yellow: string;
            twinYellow: string;
            green: string;
            darkgreen: string;
            purple: string;
            borderLight: string;
            borderAccent: string;
            success: string;
            error: string;
            errorTint: string;
            warning: string;
            brandLight: string;
            brandDefault: string;
            brandDark: string;
            brandDisabled: string;
            grayLight: string;
            grayDefault: string;
            grayDark: string;
            secondaryGray: string;
            grayDisabled: string;
            textAccentHigh: string;
            textAccentMedium: string;
            textAccentDisabled: string;
            surfaceDefault: string;
            surfaceDark: string;
            backgroundDark: string;
            backgroundDarker: string;
            primaryLight: string;
            primaryDefault: string;
            primaryDark: string;
            primaryDisabled: string;
            secondaryLight: string;
            secondaryDefault: string;
            secondaryDark: string;
            errorDefault: string;
            errorLight: string;
            errorDark: string;
            errorDisabled: string;
        };
        shadows: {
            sm: string;
            md: string;
        };
        fonts: {
            sans: string;
        };
        fontSizes: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
        };
        fontWeights: {
            semiBold: number;
            medium: number;
            regular: number;
        };
        lineHeights: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
        };
        radii: {
            '0': string;
            '1': string;
            '2': string;
            '3': string;
            '4': string;
            round: string;
        };
        space: {
            0: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            px: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            7: string;
            8: string;
            9: string;
            10: string;
            11: string;
            12: string;
            13: string;
            14: string;
            15: string;
            16: string;
            17: string;
            18: string;
            19: string;
            20: string;
            24: string;
            28: string;
            32: string;
            36: string;
            40: string;
            44: string;
            48: string;
            52: string;
            56: string;
            60: string;
            64: string;
            72: string;
            80: string;
            96: string;
            100: string;
        };
        borderWidths: {
            light: string;
            normal: string;
            bold: string;
            extrabold: string;
            black: string;
        };
    }, {
        width: string;
        height: string;
        minWidth: string;
        maxWidth: string;
        minHeight: string;
        maxHeight: string;
        flexBasis: string;
        gridTemplateColumns: string;
        gridTemplateRows: string;
        blockSize: string;
        minBlockSize: string;
        maxBlockSize: string;
        inlineSize: string;
        minInlineSize: string;
        maxInlineSize: string;
        gap: "space";
        gridGap: "space";
        columnGap: "space";
        gridColumnGap: "space";
        rowGap: "space";
        gridRowGap: "space";
        inset: "space";
        insetBlock: "space";
        insetBlockEnd: "space";
        insetBlockStart: "space";
        insetInline: "space";
        insetInlineEnd: "space";
        insetInlineStart: "space";
        margin: "space";
        marginTop: "space";
        marginRight: "space";
        marginBottom: "space";
        marginLeft: "space";
        marginBlock: "space";
        marginBlockEnd: "space";
        marginBlockStart: "space";
        marginInline: "space";
        marginInlineEnd: "space";
        marginInlineStart: "space";
        padding: "space";
        paddingTop: "space";
        paddingRight: "space";
        paddingBottom: "space";
        paddingLeft: "space";
        paddingBlock: "space";
        paddingBlockEnd: "space";
        paddingBlockStart: "space";
        paddingInline: "space";
        paddingInlineEnd: "space";
        paddingInlineStart: "space";
        scrollMargin: "space";
        scrollMarginTop: "space";
        scrollMarginRight: "space";
        scrollMarginBottom: "space";
        scrollMarginLeft: "space";
        scrollMarginBlock: "space";
        scrollMarginBlockEnd: "space";
        scrollMarginBlockStart: "space";
        scrollMarginInline: "space";
        scrollMarginInlineEnd: "space";
        scrollMarginInlineStart: "space";
        scrollPadding: "space";
        scrollPaddingTop: "space";
        scrollPaddingRight: "space";
        scrollPaddingBottom: "space";
        scrollPaddingLeft: "space";
        scrollPaddingBlock: "space";
        scrollPaddingBlockEnd: "space";
        scrollPaddingBlockStart: "space";
        scrollPaddingInline: "space";
        scrollPaddingInlineEnd: "space";
        scrollPaddingInlineStart: "space";
        top: "space";
        right: "space";
        bottom: "space";
        left: "space";
        fontSize: "fontSizes";
        background: "colors";
        backgroundColor: "colors";
        backgroundImage: "colors";
        borderImage: "colors";
        border: "colors";
        borderBlock: "colors";
        borderBlockEnd: "colors";
        borderBlockStart: "colors";
        borderBottom: "colors";
        borderBottomColor: "colors";
        borderColor: "colors";
        borderInline: "colors";
        borderInlineEnd: "colors";
        borderInlineStart: "colors";
        borderLeft: "colors";
        borderLeftColor: "colors";
        borderRight: "colors";
        borderRightColor: "colors";
        borderTop: "colors";
        borderTopColor: "colors";
        caretColor: "colors";
        color: "colors";
        columnRuleColor: "colors";
        outline: "colors";
        outlineColor: "colors";
        fill: "colors";
        stroke: "colors";
        textDecorationColor: "colors";
        fontFamily: "fonts";
        fontWeight: "fontWeights";
        lineHeight: "lineHeights";
        letterSpacing: "letterSpacings";
        borderWidth: "borderWidths";
        borderTopWidth: "borderWidths";
        borderLeftWidth: "borderWidths";
        borderRightWidth: "borderWidths";
        borderBottomWidth: "borderWidths";
        borderStyle: "borderStyles";
        borderTopStyle: "borderStyles";
        borderLeftStyle: "borderStyles";
        borderRightStyle: "borderStyles";
        borderBottomStyle: "borderStyles";
        borderRadius: "radii";
        borderTopLeftRadius: "radii";
        borderTopRightRadius: "radii";
        borderBottomRightRadius: "radii";
        borderBottomLeftRadius: "radii";
        boxShadow: "shadows";
        textShadow: "shadows";
        transition: "transitions";
        zIndex: "zIndices";
    }, {
        bg: (value: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        }) => {
            backgroundColor: {
                readonly [Stitches.$$PropertyValue]: "backgroundColor";
            };
        };
        c: (value: {
            readonly [Stitches.$$PropertyValue]: "color";
        }) => {
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        r: (value: {
            readonly [Stitches.$$ScaleValue]: "radii";
        }) => {
            borderRadius: {
                readonly [Stitches.$$ScaleValue]: "radii";
            };
        };
        fs: (value: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        }) => {
            fontSize: string | number | {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        size: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        w: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        h: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        p: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            padding: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pl: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        px: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        py: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        m: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            margin: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        ml: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mx: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        my: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
    }>;
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceDark: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: {
        readonly [Stitches.$$PropertyValue]: "backgroundColor";
    }) => {
        backgroundColor: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        };
    };
    c: (value: {
        readonly [Stitches.$$PropertyValue]: "color";
    }) => {
        color: {
            readonly [Stitches.$$PropertyValue]: "color";
        };
    };
    r: (value: {
        readonly [Stitches.$$ScaleValue]: "radii";
    }) => {
        borderRadius: {
            readonly [Stitches.$$ScaleValue]: "radii";
        };
    };
    fs: (value: string | number | {
        readonly [Stitches.$$PropertyValue]: "fontSize";
    }) => {
        fontSize: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    size: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    w: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    h: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    p: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        padding: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pl: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    px: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    py: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    m: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        margin: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    ml: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mx: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    my: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
}>; })[]) => () => string, keyframes: (style: {
    [offset: string]: import("@stitches/react/types/css-util").CSS<{
        allowMotion: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        ls: string;
    }, {
        colors: {
            bgPrimary: string;
            bgSecondary: string;
            bgTertiary: string;
            surfaceLight: string;
            surfaceLighter: string;
            textPrimary: string;
            textSecondary: string;
            textDisabled: string;
            textInvert: string;
            textHighEmp: string;
            textMedEmp: string;
            iconBtn: string;
            iconHoverBg: string;
            transparentBg: string;
            mainBg: string;
            tileBg: string;
            secondaryDisabled: string;
            previewBg: string;
            statsBg: string;
            menuBg: string;
            inputBg: string;
            toastBg: string;
            borderDefault: string;
            backgroundDefault: string;
            borderLighter: string;
            white: string;
            black: string;
            transparent: string;
            orange: string;
            cyan: string;
            tamarind: string;
            yellow: string;
            twinYellow: string;
            green: string;
            darkgreen: string;
            purple: string;
            borderLight: string;
            borderAccent: string;
            success: string;
            error: string;
            errorTint: string;
            warning: string;
            brandLight: string;
            brandDefault: string;
            brandDark: string;
            brandDisabled: string;
            grayLight: string;
            grayDefault: string;
            grayDark: string;
            secondaryGray: string;
            grayDisabled: string;
            textAccentHigh: string;
            textAccentMedium: string;
            textAccentDisabled: string;
            surfaceDefault: string;
            surfaceDark: string;
            backgroundDark: string;
            backgroundDarker: string;
            primaryLight: string;
            primaryDefault: string;
            primaryDark: string;
            primaryDisabled: string;
            secondaryLight: string;
            secondaryDefault: string;
            secondaryDark: string;
            errorDefault: string;
            errorLight: string;
            errorDark: string;
            errorDisabled: string;
        };
        shadows: {
            sm: string;
            md: string;
        };
        fonts: {
            sans: string;
        };
        fontSizes: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
        };
        fontWeights: {
            semiBold: number;
            medium: number;
            regular: number;
        };
        lineHeights: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
        };
        radii: {
            '0': string;
            '1': string;
            '2': string;
            '3': string;
            '4': string;
            round: string;
        };
        space: {
            0: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            px: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            7: string;
            8: string;
            9: string;
            10: string;
            11: string;
            12: string;
            13: string;
            14: string;
            15: string;
            16: string;
            17: string;
            18: string;
            19: string;
            20: string;
            24: string;
            28: string;
            32: string;
            36: string;
            40: string;
            44: string;
            48: string;
            52: string;
            56: string;
            60: string;
            64: string;
            72: string;
            80: string;
            96: string;
            100: string;
        };
        borderWidths: {
            light: string;
            normal: string;
            bold: string;
            extrabold: string;
            black: string;
        };
    }, {
        width: string;
        height: string;
        minWidth: string;
        maxWidth: string;
        minHeight: string;
        maxHeight: string;
        flexBasis: string;
        gridTemplateColumns: string;
        gridTemplateRows: string;
        blockSize: string;
        minBlockSize: string;
        maxBlockSize: string;
        inlineSize: string;
        minInlineSize: string;
        maxInlineSize: string;
        gap: "space";
        gridGap: "space";
        columnGap: "space";
        gridColumnGap: "space";
        rowGap: "space";
        gridRowGap: "space";
        inset: "space";
        insetBlock: "space";
        insetBlockEnd: "space";
        insetBlockStart: "space";
        insetInline: "space";
        insetInlineEnd: "space";
        insetInlineStart: "space";
        margin: "space";
        marginTop: "space";
        marginRight: "space";
        marginBottom: "space";
        marginLeft: "space";
        marginBlock: "space";
        marginBlockEnd: "space";
        marginBlockStart: "space";
        marginInline: "space";
        marginInlineEnd: "space";
        marginInlineStart: "space";
        padding: "space";
        paddingTop: "space";
        paddingRight: "space";
        paddingBottom: "space";
        paddingLeft: "space";
        paddingBlock: "space";
        paddingBlockEnd: "space";
        paddingBlockStart: "space";
        paddingInline: "space";
        paddingInlineEnd: "space";
        paddingInlineStart: "space";
        scrollMargin: "space";
        scrollMarginTop: "space";
        scrollMarginRight: "space";
        scrollMarginBottom: "space";
        scrollMarginLeft: "space";
        scrollMarginBlock: "space";
        scrollMarginBlockEnd: "space";
        scrollMarginBlockStart: "space";
        scrollMarginInline: "space";
        scrollMarginInlineEnd: "space";
        scrollMarginInlineStart: "space";
        scrollPadding: "space";
        scrollPaddingTop: "space";
        scrollPaddingRight: "space";
        scrollPaddingBottom: "space";
        scrollPaddingLeft: "space";
        scrollPaddingBlock: "space";
        scrollPaddingBlockEnd: "space";
        scrollPaddingBlockStart: "space";
        scrollPaddingInline: "space";
        scrollPaddingInlineEnd: "space";
        scrollPaddingInlineStart: "space";
        top: "space";
        right: "space";
        bottom: "space";
        left: "space";
        fontSize: "fontSizes";
        background: "colors";
        backgroundColor: "colors";
        backgroundImage: "colors";
        borderImage: "colors";
        border: "colors";
        borderBlock: "colors";
        borderBlockEnd: "colors";
        borderBlockStart: "colors";
        borderBottom: "colors";
        borderBottomColor: "colors";
        borderColor: "colors";
        borderInline: "colors";
        borderInlineEnd: "colors";
        borderInlineStart: "colors";
        borderLeft: "colors";
        borderLeftColor: "colors";
        borderRight: "colors";
        borderRightColor: "colors";
        borderTop: "colors";
        borderTopColor: "colors";
        caretColor: "colors";
        color: "colors";
        columnRuleColor: "colors";
        outline: "colors";
        outlineColor: "colors";
        fill: "colors";
        stroke: "colors";
        textDecorationColor: "colors";
        fontFamily: "fonts";
        fontWeight: "fontWeights";
        lineHeight: "lineHeights";
        letterSpacing: "letterSpacings";
        borderWidth: "borderWidths";
        borderTopWidth: "borderWidths";
        borderLeftWidth: "borderWidths";
        borderRightWidth: "borderWidths";
        borderBottomWidth: "borderWidths";
        borderStyle: "borderStyles";
        borderTopStyle: "borderStyles";
        borderLeftStyle: "borderStyles";
        borderRightStyle: "borderStyles";
        borderBottomStyle: "borderStyles";
        borderRadius: "radii";
        borderTopLeftRadius: "radii";
        borderTopRightRadius: "radii";
        borderBottomRightRadius: "radii";
        borderBottomLeftRadius: "radii";
        boxShadow: "shadows";
        textShadow: "shadows";
        transition: "transitions";
        zIndex: "zIndices";
    }, {
        bg: (value: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        }) => {
            backgroundColor: {
                readonly [Stitches.$$PropertyValue]: "backgroundColor";
            };
        };
        c: (value: {
            readonly [Stitches.$$PropertyValue]: "color";
        }) => {
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        r: (value: {
            readonly [Stitches.$$ScaleValue]: "radii";
        }) => {
            borderRadius: {
                readonly [Stitches.$$ScaleValue]: "radii";
            };
        };
        fs: (value: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        }) => {
            fontSize: string | number | {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        size: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        w: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        h: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        p: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            padding: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pl: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        px: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        py: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        m: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            margin: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        ml: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mx: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        my: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
    }>;
}) => {
    (): string;
    name: string;
}, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
    [name: string]: unknown;
})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceDark: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
}, {
    width: string;
    height: string;
    minWidth: string;
    maxWidth: string;
    minHeight: string;
    maxHeight: string;
    flexBasis: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
    blockSize: string;
    minBlockSize: string;
    maxBlockSize: string;
    inlineSize: string;
    minInlineSize: string;
    maxInlineSize: string;
    gap: "space";
    gridGap: "space";
    columnGap: "space";
    gridColumnGap: "space";
    rowGap: "space";
    gridRowGap: "space";
    inset: "space";
    insetBlock: "space";
    insetBlockEnd: "space";
    insetBlockStart: "space";
    insetInline: "space";
    insetInlineEnd: "space";
    insetInlineStart: "space";
    margin: "space";
    marginTop: "space";
    marginRight: "space";
    marginBottom: "space";
    marginLeft: "space";
    marginBlock: "space";
    marginBlockEnd: "space";
    marginBlockStart: "space";
    marginInline: "space";
    marginInlineEnd: "space";
    marginInlineStart: "space";
    padding: "space";
    paddingTop: "space";
    paddingRight: "space";
    paddingBottom: "space";
    paddingLeft: "space";
    paddingBlock: "space";
    paddingBlockEnd: "space";
    paddingBlockStart: "space";
    paddingInline: "space";
    paddingInlineEnd: "space";
    paddingInlineStart: "space";
    scrollMargin: "space";
    scrollMarginTop: "space";
    scrollMarginRight: "space";
    scrollMarginBottom: "space";
    scrollMarginLeft: "space";
    scrollMarginBlock: "space";
    scrollMarginBlockEnd: "space";
    scrollMarginBlockStart: "space";
    scrollMarginInline: "space";
    scrollMarginInlineEnd: "space";
    scrollMarginInlineStart: "space";
    scrollPadding: "space";
    scrollPaddingTop: "space";
    scrollPaddingRight: "space";
    scrollPaddingBottom: "space";
    scrollPaddingLeft: "space";
    scrollPaddingBlock: "space";
    scrollPaddingBlockEnd: "space";
    scrollPaddingBlockStart: "space";
    scrollPaddingInline: "space";
    scrollPaddingInlineEnd: "space";
    scrollPaddingInlineStart: "space";
    top: "space";
    right: "space";
    bottom: "space";
    left: "space";
    fontSize: "fontSizes";
    background: "colors";
    backgroundColor: "colors";
    backgroundImage: "colors";
    borderImage: "colors";
    border: "colors";
    borderBlock: "colors";
    borderBlockEnd: "colors";
    borderBlockStart: "colors";
    borderBottom: "colors";
    borderBottomColor: "colors";
    borderColor: "colors";
    borderInline: "colors";
    borderInlineEnd: "colors";
    borderInlineStart: "colors";
    borderLeft: "colors";
    borderLeftColor: "colors";
    borderRight: "colors";
    borderRightColor: "colors";
    borderTop: "colors";
    borderTopColor: "colors";
    caretColor: "colors";
    color: "colors";
    columnRuleColor: "colors";
    outline: "colors";
    outlineColor: "colors";
    fill: "colors";
    stroke: "colors";
    textDecorationColor: "colors";
    fontFamily: "fonts";
    fontWeight: "fontWeights";
    lineHeight: "lineHeights";
    letterSpacing: "letterSpacings";
    borderWidth: "borderWidths";
    borderTopWidth: "borderWidths";
    borderLeftWidth: "borderWidths";
    borderRightWidth: "borderWidths";
    borderBottomWidth: "borderWidths";
    borderStyle: "borderStyles";
    borderTopStyle: "borderStyles";
    borderLeftStyle: "borderStyles";
    borderRightStyle: "borderStyles";
    borderBottomStyle: "borderStyles";
    borderRadius: "radii";
    borderTopLeftRadius: "radii";
    borderTopRightRadius: "radii";
    borderBottomRightRadius: "radii";
    borderBottomLeftRadius: "radii";
    boxShadow: "shadows";
    textShadow: "shadows";
    transition: "transitions";
    zIndex: "zIndices";
}, {
    bg: (value: {
        readonly [Stitches.$$PropertyValue]: "backgroundColor";
    }) => {
        backgroundColor: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        };
    };
    c: (value: {
        readonly [Stitches.$$PropertyValue]: "color";
    }) => {
        color: {
            readonly [Stitches.$$PropertyValue]: "color";
        };
    };
    r: (value: {
        readonly [Stitches.$$ScaleValue]: "radii";
    }) => {
        borderRadius: {
            readonly [Stitches.$$ScaleValue]: "radii";
        };
    };
    fs: (value: string | number | {
        readonly [Stitches.$$PropertyValue]: "fontSize";
    }) => {
        fontSize: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    size: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    w: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        width: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    h: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        height: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    p: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        padding: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    pl: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    px: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    py: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        paddingTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        paddingBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    m: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        margin: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mt: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mr: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mb: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    ml: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    mx: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginLeft: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginRight: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
    my: (value: string | number | {
        readonly [Stitches.$$ScaleValue]: "space";
    }) => {
        marginTop: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
        marginBottom: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        };
    };
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS_1;
            [x: number]: CSS_1;
        };
    } | undefined;
    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]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
        css: CSS_1;
    })[] | undefined;
    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]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[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>, {
    allowMotion: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    '2xl': string;
    ls: string;
}, CSS_1>, getCssText: () => string, config: {
    prefix: "hms-ui";
    media: {
        allowMotion: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        '2xl': string;
        ls: string;
    };
    theme: {
        colors: {
            bgPrimary: string;
            bgSecondary: string;
            bgTertiary: string;
            surfaceLight: string;
            surfaceLighter: string;
            textPrimary: string;
            textSecondary: string;
            textDisabled: string;
            textInvert: string;
            textHighEmp: string;
            textMedEmp: string;
            iconBtn: string;
            iconHoverBg: string;
            transparentBg: string;
            mainBg: string;
            tileBg: string;
            secondaryDisabled: string;
            previewBg: string;
            statsBg: string;
            menuBg: string;
            inputBg: string;
            toastBg: string;
            borderDefault: string;
            backgroundDefault: string;
            borderLighter: string;
            white: string;
            black: string;
            transparent: string;
            orange: string;
            cyan: string;
            tamarind: string;
            yellow: string;
            twinYellow: string;
            green: string;
            darkgreen: string;
            purple: string;
            borderLight: string;
            borderAccent: string;
            success: string;
            error: string;
            errorTint: string;
            warning: string;
            brandLight: string;
            brandDefault: string;
            brandDark: string;
            brandDisabled: string;
            grayLight: string;
            grayDefault: string;
            grayDark: string;
            secondaryGray: string;
            grayDisabled: string;
            textAccentHigh: string;
            textAccentMedium: string;
            textAccentDisabled: string;
            surfaceDefault: string;
            surfaceDark: string;
            backgroundDark: string;
            backgroundDarker: string;
            primaryLight: string;
            primaryDefault: string;
            primaryDark: string;
            primaryDisabled: string;
            secondaryLight: string;
            secondaryDefault: string;
            secondaryDark: string;
            errorDefault: string;
            errorLight: string;
            errorDark: string;
            errorDisabled: string;
        };
        shadows: {
            sm: string;
            md: string;
        };
        fonts: {
            sans: string;
        };
        fontSizes: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
        };
        fontWeights: {
            semiBold: number;
            medium: number;
            regular: number;
        };
        lineHeights: {
            h1: string;
            h2: string;
            h3: string;
            h4: string;
            h5: string;
            h6: string;
            tiny: string;
            xs: string;
            sm: string;
            md: string;
        };
        radii: {
            '0': string;
            '1': string;
            '2': string;
            '3': string;
            '4': string;
            round: string;
        };
        space: {
            0: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            px: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            7: string;
            8: string;
            9: string;
            10: string;
            11: string;
            12: string;
            13: string;
            14: string;
            15: string;
            16: string;
            17: string;
            18: string;
            19: string;
            20: string;
            24: string;
            28: string;
            32: string;
            36: string;
            40: string;
            44: string;
            48: string;
            52: string;
            56: string;
            60: string;
            64: string;
            72: string;
            80: string;
            96: string;
            100: string;
        };
        borderWidths: {
            light: string;
            normal: string;
            bold: string;
            extrabold: string;
            black: string;
        };
    };
    themeMap: {
        width: string;
        height: string;
        minWidth: string;
        maxWidth: string;
        minHeight: string;
        maxHeight: string;
        flexBasis: string;
        gridTemplateColumns: string;
        gridTemplateRows: string;
        blockSize: string;
        minBlockSize: string;
        maxBlockSize: string;
        inlineSize: string;
        minInlineSize: string;
        maxInlineSize: string;
        gap: "space";
        gridGap: "space";
        columnGap: "space";
        gridColumnGap: "space";
        rowGap: "space";
        gridRowGap: "space";
        inset: "space";
        insetBlock: "space";
        insetBlockEnd: "space";
        insetBlockStart: "space";
        insetInline: "space";
        insetInlineEnd: "space";
        insetInlineStart: "space";
        margin: "space";
        marginTop: "space";
        marginRight: "space";
        marginBottom: "space";
        marginLeft: "space";
        marginBlock: "space";
        marginBlockEnd: "space";
        marginBlockStart: "space";
        marginInline: "space";
        marginInlineEnd: "space";
        marginInlineStart: "space";
        padding: "space";
        paddingTop: "space";
        paddingRight: "space";
        paddingBottom: "space";
        paddingLeft: "space";
        paddingBlock: "space";
        paddingBlockEnd: "space";
        paddingBlockStart: "space";
        paddingInline: "space";
        paddingInlineEnd: "space";
        paddingInlineStart: "space";
        scrollMargin: "space";
        scrollMarginTop: "space";
        scrollMarginRight: "space";
        scrollMarginBottom: "space";
        scrollMarginLeft: "space";
        scrollMarginBlock: "space";
        scrollMarginBlockEnd: "space";
        scrollMarginBlockStart: "space";
        scrollMarginInline: "space";
        scrollMarginInlineEnd: "space";
        scrollMarginInlineStart: "space";
        scrollPadding: "space";
        scrollPaddingTop: "space";
        scrollPaddingRight: "space";
        scrollPaddingBottom: "space";
        scrollPaddingLeft: "space";
        scrollPaddingBlock: "space";
        scrollPaddingBlockEnd: "space";
        scrollPaddingBlockStart: "space";
        scrollPaddingInline: "space";
        scrollPaddingInlineEnd: "space";
        scrollPaddingInlineStart: "space";
        top: "space";
        right: "space";
        bottom: "space";
        left: "space";
        fontSize: "fontSizes";
        background: "colors";
        backgroundColor: "colors";
        backgroundImage: "colors";
        borderImage: "colors";
        border: "colors";
        borderBlock: "colors";
        borderBlockEnd: "colors";
        borderBlockStart: "colors";
        borderBottom: "colors";
        borderBottomColor: "colors";
        borderColor: "colors";
        borderInline: "colors";
        borderInlineEnd: "colors";
        borderInlineStart: "colors";
        borderLeft: "colors";
        borderLeftColor: "colors";
        borderRight: "colors";
        borderRightColor: "colors";
        borderTop: "colors";
        borderTopColor: "colors";
        caretColor: "colors";
        color: "colors";
        columnRuleColor: "colors";
        outline: "colors";
        outlineColor: "colors";
        fill: "colors";
        stroke: "colors";
        textDecorationColor: "colors";
        fontFamily: "fonts";
        fontWeight: "fontWeights";
        lineHeight: "lineHeights";
        letterSpacing: "letterSpacings";
        borderWidth: "borderWidths";
        borderTopWidth: "borderWidths";
        borderLeftWidth: "borderWidths";
        borderRightWidth: "borderWidths";
        borderBottomWidth: "borderWidths";
        borderStyle: "borderStyles";
        borderTopStyle: "borderStyles";
        borderLeftStyle: "borderStyles";
        borderRightStyle: "borderStyles";
        borderBottomStyle: "borderStyles";
        borderRadius: "radii";
        borderTopLeftRadius: "radii";
        borderTopRightRadius: "radii";
        borderBottomRightRadius: "radii";
        borderBottomLeftRadius: "radii";
        boxShadow: "shadows";
        textShadow: "shadows";
        transition: "transitions";
        zIndex: "zIndices";
    };
    utils: {
        bg: (value: {
            readonly [Stitches.$$PropertyValue]: "backgroundColor";
        }) => {
            backgroundColor: {
                readonly [Stitches.$$PropertyValue]: "backgroundColor";
            };
        };
        c: (value: {
            readonly [Stitches.$$PropertyValue]: "color";
        }) => {
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        r: (value: {
            readonly [Stitches.$$ScaleValue]: "radii";
        }) => {
            borderRadius: {
                readonly [Stitches.$$ScaleValue]: "radii";
            };
        };
        fs: (value: string | number | {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        }) => {
            fontSize: string | number | {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        size: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        w: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            width: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        h: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            height: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        p: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            padding: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        pl: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        px: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        py: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            paddingTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            paddingBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        m: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            margin: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mt: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mr: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mb: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        ml: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        mx: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginLeft: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginRight: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
        my: (value: string | number | {
            readonly [Stitches.$$ScaleValue]: "space";
        }) => {
            marginTop: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
            marginBottom: string | number | {
                readonly [Stitches.$$ScaleValue]: "space";
            };
        };
    };
};
export declare const globalStyles: () => string;
export declare type ThemeType = 'light' | 'dark';
export declare type Theme = typeof HmsStitches.theme;
/**
 * This method will be used to create custom themes or update any theme values
 * @param { type: ThemeType; className: string; theme: Theme }
 * @returns
 */
export declare const createTheme: ({ themeType, theme, className, }: {
    themeType: ThemeType;
    className?: string | undefined;
    theme?: Partial<string & {
        className: string;
        selector: string;
    } & {
        colors: {
            bgPrimary: import("@stitches/react/types/theme").Token<"bgPrimary", string, "colors", "hms-ui">;
            bgSecondary: import("@stitches/react/types/theme").Token<"bgSecondary", string, "colors", "hms-ui">;
            bgTertiary: import("@stitches/react/types/theme").Token<"bgTertiary", string, "colors", "hms-ui">;
            surfaceLight: import("@stitches/react/types/theme").Token<"surfaceLight", string, "colors", "hms-ui">;
            surfaceLighter: import("@stitches/react/types/theme").Token<"surfaceLighter", string, "colors", "hms-ui">;
            textPrimary: import("@stitches/react/types/theme").Token<"textPrimary", string, "colors", "hms-ui">;
            textSecondary: import("@stitches/react/types/theme").Token<"textSecondary", string, "colors", "hms-ui">;
            textDisabled: import("@stitches/react/types/theme").Token<"textDisabled", string, "colors", "hms-ui">;
            textInvert: import("@stitches/react/types/theme").Token<"textInvert", string, "colors", "hms-ui">;
            textHighEmp: import("@stitches/react/types/theme").Token<"textHighEmp", string, "colors", "hms-ui">;
            textMedEmp: import("@stitches/react/types/theme").Token<"textMedEmp", string, "colors", "hms-ui">;
            iconBtn: import("@stitches/react/types/theme").Token<"iconBtn", string, "colors", "hms-ui">;
            iconHoverBg: import("@stitches/react/types/theme").Token<"iconHoverBg", string, "colors", "hms-ui">;
            transparentBg: import("@stitches/react/types/theme").Token<"transparentBg", string, "colors", "hms-ui">;
            mainBg: import("@stitches/react/types/theme").Token<"mainBg", string, "colors", "hms-ui">;
            tileBg: import("@stitches/react/types/theme").Token<"tileBg", string, "colors", "hms-ui">;
            secondaryDisabled: import("@stitches/react/types/theme").Token<"secondaryDisabled", string, "colors", "hms-ui">;
            previewBg: import("@stitches/react/types/theme").Token<"previewBg", string, "colors", "hms-ui">;
            statsBg: import("@stitches/react/types/theme").Token<"statsBg", string, "colors", "hms-ui">;
            menuBg: import("@stitches/react/types/theme").Token<"menuBg", string, "colors", "hms-ui">;
            inputBg: import("@stitches/react/types/theme").Token<"inputBg", string, "colors", "hms-ui">;
            toastBg: import("@stitches/react/types/theme").Token<"toastBg", string, "colors", "hms-ui">;
            borderDefault: import("@stitches/react/types/theme").Token<"borderDefault", string, "colors", "hms-ui">;
            backgroundDefault: import("@stitches/react/types/theme").Token<"backgroundDefault", string, "colors", "hms-ui">;
            borderLighter: import("@stitches/react/types/theme").Token<"borderLighter", string, "colors", "hms-ui">;
            white: import("@stitches/react/types/theme").Token<"white", string, "colors", "hms-ui">;
            black: import("@stitches/react/types/theme").Token<"black", string, "colors", "hms-ui">;
            transparent: import("@stitches/react/types/theme").Token<"transparent", string, "colors", "hms-ui">;
            orange: import("@stitches/react/types/theme").Token<"orange", string, "colors", "hms-ui">;
            cyan: import("@stitches/react/types/theme").Token<"cyan", string, "colors", "hms-ui">;
            tamarind: import("@stitches/react/types/theme").Token<"tamarind", string, "colors", "hms-ui">;
            yellow: import("@stitches/react/types/theme").Token<"yellow", string, "colors", "hms-ui">;
            twinYellow: import("@stitches/react/types/theme").Token<"twinYellow", string, "colors", "hms-ui">;
            green: import("@stitches/react/types/theme").Token<"green", string, "colors", "hms-ui">;
            darkgreen: import("@stitches/react/types/theme").Token<"darkgreen", string, "colors", "hms-ui">;
            purple: import("@stitches/react/types/theme").Token<"purple", string, "colors", "hms-ui">;
            borderLight: import("@stitches/react/types/theme").Token<"borderLight", string, "colors", "hms-ui">;
            borderAccent: import("@stitches/react/types/theme").Token<"borderAccent", string, "colors", "hms-ui">;
            success: import("@stitches/react/types/theme").Token<"success", string, "colors", "hms-ui">;
            error: import("@stitches/react/types/theme").Token<"error", string, "colors", "hms-ui">;
            errorTint: import("@stitches/react/types/theme").Token<"errorTint", string, "colors", "hms-ui">;
            warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "hms-ui">;
            brandLight: import("@stitches/react/types/theme").Token<"brandLight", string, "colors", "hms-ui">;
            brandDefault: import("@stitches/react/types/theme").Token<"brandDefault", string, "colors", "hms-ui">;
            brandDark: import("@stitches/react/types/theme").Token<"brandDark", string, "colors", "hms-ui">;
            brandDisabled: import("@stitches/react/types/theme").Token<"brandDisabled", string, "colors", "hms-ui">;
            grayLight: import("@stitches/react/types/theme").Token<"grayLight", string, "colors", "hms-ui">;
            grayDefault: import("@stitches/react/types/theme").Token<"grayDefault", string, "colors", "hms-ui">;
            grayDark: import("@stitches/react/types/theme").Token<"grayDark", string, "colors", "hms-ui">;
            secondaryGray: import("@stitches/react/types/theme").Token<"secondaryGray", string, "colors", "hms-ui">;
            grayDisabled: import("@stitches/react/types/theme").Token<"grayDisabled", string, "colors", "hms-ui">;
            textAccentHigh: import("@stitches/react/types/theme").Token<"textAccentHigh", string, "colors", "hms-ui">;
            textAccentMedium: import("@stitches/react/types/theme").Token<"textAccentMedium", string, "colors", "hms-ui">;
            textAccentDisabled: import("@stitches/react/types/theme").Token<"textAccentDisabled", string, "colors", "hms-ui">;
            surfaceDefault: import("@stitches/react/types/theme").Token<"surfaceDefault", string, "colors", "hms-ui">;
            surfaceDark: import("@stitches/react/types/theme").Token<"surfaceDark", string, "colors", "hms-ui">;
            backgroundDark: import("@stitches/react/types/theme").Token<"backgroundDark", string, "colors", "hms-ui">;
            backgroundDarker: import("@stitches/react/types/theme").Token<"backgroundDarker", string, "colors", "hms-ui">;
            primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "hms-ui">;
            primaryDefault: import("@stitches/react/types/theme").Token<"primaryDefault", string, "colors", "hms-ui">;
            primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "hms-ui">;
            primaryDisabled: import("@stitches/react/types/theme").Token<"primaryDisabled", string, "colors", "hms-ui">;
            secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", "hms-ui">;
            secondaryDefault: import("@stitches/react/types/theme").Token<"secondaryDefault", string, "colors", "hms-ui">;
            secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", "hms-ui">;
            errorDefault: import("@stitches/react/types/theme").Token<"errorDefault", string, "colors", "hms-ui">;
            errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", "hms-ui">;
            errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", "hms-ui">;
            errorDisabled: import("@stitches/react/types/theme").Token<"errorDisabled", string, "colors", "hms-ui">;
        };
        shadows: {
            sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
            md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
        };
        fonts: {
            sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
        };
        fontSizes: {
            h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
            h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
            h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
            h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
            h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
            h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
            xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
            sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
            md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
            lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
        };
        fontWeights: {
            semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
            medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
            regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
        };
        lineHeights: {
            h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
            h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
            h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
            h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
            h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
            h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
            tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
            xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
            sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
            md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
        };
        radii: {
            0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
            1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
            2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
            3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
            4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
            round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
        };
        space: {
            0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
            xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
            sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
            md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
            lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
            xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
            px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
            1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
            2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
            3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
            4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
            5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
            6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
            7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
            8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
            9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
            10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
            11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
            12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
            13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
            14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
            15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
            16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
            17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
            18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
            19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
            20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
            24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
            28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
            32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
            36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
            40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
            44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
            48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
            52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
            56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
            60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
            64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
            72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
            80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
            96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
            100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
        };
        borderWidths: {
            light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
            normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
            bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
            extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
            black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
        };
    }> | undefined;
}) => string & {
    className: string;
    selector: string;
} & import("@stitches/react/types/stitches").ThemeTokens<{
    colors: {
        white: string;
        black: string;
        transparent: string;
        orange: string;
        cyan: string;
        tamarind: string;
        yellow: string;
        twinYellow: string;
        green: string;
        darkgreen: string;
        purple: string;
        borderDefault: string;
        borderLight: string;
        borderAccent: string;
        success: string;
        error: string;
        errorTint: string;
        warning: string;
        brandLight: string;
        brandDefault: string;
        brandDark: string;
        brandDisabled: string;
        grayLight: string;
        grayDefault: string;
        grayDark: string;
        secondaryGray: string;
        grayDisabled: string;
        menuBg: string;
        textHighEmp: string;
        textMedEmp: string;
        textDisabled: string;
        textAccentHigh: string;
        textAccentMedium: string;
        textAccentDisabled: string;
        surfaceDefault: string;
        surfaceLight: string;
        surfaceLighter: string;
        surfaceDark: string;
        backgroundDefault: string;
        backgroundDark: string;
        backgroundDarker: string;
        primaryLight: string;
        primaryDefault: string;
        primaryDark: string;
        primaryDisabled: string;
        secondaryLight: string;
        secondaryDefault: string;
        secondaryDark: string;
        secondaryDisabled: string;
        errorDefault: string;
        errorLight: string;
        errorDark: string;
        errorDisabled: string;
    };
    shadows: {
        sm: string;
        md: string;
    };
    fonts: {
        sans: string;
    };
    fontSizes: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    fontWeights: {
        semiBold: number;
        medium: number;
        regular: number;
    };
    lineHeights: {
        h1: string;
        h2: string;
        h3: string;
        h4: string;
        h5: string;
        h6: string;
        tiny: string;
        xs: string;
        sm: string;
        md: string;
    };
    radii: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        round: string;
    };
    space: {
        0: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        px: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
        17: string;
        18: string;
        19: string;
        20: string;
        24: string;
        28: string;
        32: string;
        36: string;
        40: string;
        44: string;
        48: string;
        52: string;
        56: string;
        60: string;
        64: string;
        72: string;
        80: string;
        96: string;
        100: string;
    };
    borderWidths: {
        light: string;
        normal: string;
        bold: string;
        extrabold: string;
        black: string;
    };
} & {
    colors: {
        bgPrimary: string;
        bgSecondary: string;
        bgTertiary: string;
        surfaceLight: string;
        surfaceLighter: string;
        textPrimary: string;
        textSecondary: string;
        textDisabled: string;
        textInvert: string;
        textHighEmp: string;
        textMedEmp: string;
        iconBtn: string;
        iconHoverBg: string;
        transparentBg: string;
        mainBg: string;
        tileBg: string;
        secondaryDisabled: string;
        previewBg: string;
        statsBg: string;
        menuBg: string;
        inputBg: string;
        toastBg: string;
        borderDefault: string;
        backgroundDefault: string;
        borderLighter: string;
    };
}, "hms-ui">;
export declare type CSS = Stitches.CSS<typeof HmsStitches>;
export {};