@100mslive/roomkit-react 0.1.0

package/dist/Theme/stitches.config.d.ts

@@ -0,0 +1,4702 @@
+/// <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;
+        /**
+         * needed for safari. Safari
+         * adds background color on its own
+         * on hls-viewer on fullscreen
+         */
+        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 {};