@funkit/connect 0.1.10 → 0.1.12

package/dist/css/sprinkles.css.d.ts

@@ -0,0 +1,3492 @@
+import './reset.css';
+import { RequiredConditionalValue } from '@vanilla-extract/sprinkles';
+declare const themeContractValues: {
+    colors: {
+        accentColor: string;
+        accentColorForeground: string;
+        actionButtonBorder: string;
+        actionButtonBorderMobile: string;
+        actionButtonSecondaryBackground: string;
+        actionButtonDisabled: string;
+        closeButton: string;
+        closeButtonBackground: string;
+        connectButtonBackground: string;
+        connectButtonBackgroundError: string;
+        connectButtonInnerBackground: string;
+        connectButtonText: string;
+        connectButtonTextError: string;
+        connectionIndicator: string;
+        downloadBottomCardBackground: string;
+        downloadTopCardBackground: string;
+        error: string;
+        generalBorder: string;
+        generalBorderDim: string;
+        menuItemBackground: string;
+        modalText: string;
+        modalTextDim: string;
+        modalTextSecondary: string;
+        profileAction: string;
+        profileActionHover: string;
+        profileForeground: string;
+        selectedOptionBorder: string;
+        standby: string;
+        solidLine: string;
+        leftTranslucentLine: string;
+        rightTranslucentLine: string;
+        loadingBase: string;
+        loadingAccent: string;
+        modalBackdrop: string;
+        modalBackground: string;
+        modalBorder: string;
+        notificationPrimary: string;
+        textPrimary: string;
+        textSecondary: string;
+        textTertiary: string;
+        textDisabled: string;
+        textSelection: string;
+        inputFieldPrimary: string;
+        inputFieldPlaceholder: string;
+        inputFieldDisabled: string;
+        strokePrimary: string;
+        strokeSecondary: string;
+        buttonPrimary: string;
+        buttonProcessing: string;
+        buttonDisabled: string;
+        buttonWarning: string;
+        buttonTextWarning: string;
+        buttonTextPrimary: string;
+        buttonTextSecondary: string;
+        buttonTextDisabled: string;
+        transparent: string;
+    };
+    fonts: {
+        body: string;
+    };
+    radii: {
+        actionButton: string;
+        connectButton: string;
+        menuButton: string;
+        modal: string;
+        modalMobile: string;
+    };
+    shadows: {
+        connectButton: string;
+        dialog: string;
+        profileDetailsAction: string;
+        selectedOption: string;
+        selectedWallet: string;
+        walletLogo: string;
+    };
+    blurs: {
+        modalOverlay: string;
+    };
+};
+export type ThemeVars = typeof themeContractValues;
+export declare const themeVars: import("@vanilla-extract/private").MapLeafNodes<{
+    colors: {
+        accentColor: string;
+        accentColorForeground: string;
+        actionButtonBorder: string;
+        actionButtonBorderMobile: string;
+        actionButtonSecondaryBackground: string;
+        actionButtonDisabled: string;
+        closeButton: string;
+        closeButtonBackground: string;
+        connectButtonBackground: string;
+        connectButtonBackgroundError: string;
+        connectButtonInnerBackground: string;
+        connectButtonText: string;
+        connectButtonTextError: string;
+        connectionIndicator: string;
+        downloadBottomCardBackground: string;
+        downloadTopCardBackground: string;
+        error: string;
+        generalBorder: string;
+        generalBorderDim: string;
+        menuItemBackground: string;
+        modalText: string;
+        modalTextDim: string;
+        modalTextSecondary: string;
+        profileAction: string;
+        profileActionHover: string;
+        profileForeground: string;
+        selectedOptionBorder: string;
+        standby: string;
+        solidLine: string;
+        leftTranslucentLine: string;
+        rightTranslucentLine: string;
+        loadingBase: string;
+        loadingAccent: string;
+        modalBackdrop: string;
+        modalBackground: string;
+        modalBorder: string;
+        notificationPrimary: string;
+        textPrimary: string;
+        textSecondary: string;
+        textTertiary: string;
+        textDisabled: string;
+        textSelection: string;
+        inputFieldPrimary: string;
+        inputFieldPlaceholder: string;
+        inputFieldDisabled: string;
+        strokePrimary: string;
+        strokeSecondary: string;
+        buttonPrimary: string;
+        buttonProcessing: string;
+        buttonDisabled: string;
+        buttonWarning: string;
+        buttonTextWarning: string;
+        buttonTextPrimary: string;
+        buttonTextSecondary: string;
+        buttonTextDisabled: string;
+        transparent: string;
+    };
+    fonts: {
+        body: string;
+    };
+    radii: {
+        actionButton: string;
+        connectButton: string;
+        menuButton: string;
+        modal: string;
+        modalMobile: string;
+    };
+    shadows: {
+        connectButton: string;
+        dialog: string;
+        profileDetailsAction: string;
+        selectedOption: string;
+        selectedWallet: string;
+        walletLogo: string;
+    };
+    blurs: {
+        modalOverlay: string;
+    };
+}, import("@vanilla-extract/private").CSSVarFunction>;
+export declare const largeScreenMinWidth = 768;
+declare const responsiveProperties: {
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                [x: string]: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export type ResponsiveValue<Value extends string | number | boolean> = RequiredConditionalValue<typeof responsiveProperties, Value>;
+export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import("@vanilla-extract/sprinkles").ConditionalValue<{
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                [x: string]: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2 | 5 | 4, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 7 | 6, string | number | boolean | null> | import("@vanilla-extract/sprinkles/dist/declarations/src/types").ResponsiveArray<1 | 3 | 2 | 5 | 4 | 8 | 7 | 6, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "smallScreen" | "largeScreen") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"smallScreen" | "largeScreen", OutputValue>>;
+export declare const normalizeResponsiveValue: <Value extends string | number | boolean>(value: import("@vanilla-extract/sprinkles").ConditionalValue<{
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                [x: string]: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+}, Value>) => Partial<Record<"smallScreen" | "largeScreen", Value>>;
+export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
+    conditions: {
+        defaultCondition: "base";
+        conditionNames: ("base" | "hover" | "active" | "selection")[];
+    };
+    styles: {
+        background: {
+            values: {
+                transparent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColor: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColorForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorderMobile: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonSecondaryBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButton: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackgroundError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonInnerBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonTextError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectionIndicator: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadBottomCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadTopCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                error: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorderDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                menuItemBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileAction: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileActionHover: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                selectedOptionBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                standby: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                solidLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                leftTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                rightTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingBase: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingAccent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackdrop: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                notificationPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textTertiary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSelection: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPlaceholder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokePrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokeSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonProcessing: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+            };
+        };
+        borderColor: {
+            values: {
+                transparent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColor: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColorForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorderMobile: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonSecondaryBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButton: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackgroundError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonInnerBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonTextError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectionIndicator: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadBottomCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadTopCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                error: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorderDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                menuItemBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileAction: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileActionHover: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                selectedOptionBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                standby: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                solidLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                leftTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                rightTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingBase: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingAccent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackdrop: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                notificationPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textTertiary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSelection: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPlaceholder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokePrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokeSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonProcessing: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+            };
+        };
+        boxShadow: {
+            values: {
+                connectButton: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                dialog: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileDetailsAction: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                selectedOption: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                selectedWallet: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                walletLogo: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+            };
+        };
+        color: {
+            values: {
+                transparent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColor: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                accentColorForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonBorderMobile: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonSecondaryBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                actionButtonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButton: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                closeButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonBackgroundError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonInnerBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectButtonTextError: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                connectionIndicator: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadBottomCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                downloadTopCardBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                error: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                generalBorderDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                menuItemBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalText: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextDim: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileAction: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileActionHover: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                profileForeground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                selectedOptionBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                standby: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                solidLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                leftTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                rightTranslucentLine: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingBase: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                loadingAccent: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackdrop: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBackground: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                modalBorder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                notificationPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textTertiary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                textSelection: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldPlaceholder: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                inputFieldDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokePrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                strokeSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonProcessing: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextWarning: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextPrimary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextSecondary: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+                buttonTextDisabled: {
+                    defaultClass: string;
+                    conditions: {
+                        base: string;
+                        hover: string;
+                        active: string;
+                        selection: string;
+                    };
+                };
+            };
+        };
+    };
+}, {
+    conditions: {
+        defaultCondition: "smallScreen";
+        conditionNames: ("smallScreen" | "largeScreen")[];
+    };
+    styles: {
+        alignItems: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                "flex-end": {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+                center: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+        display: {
+            values: {
+                [x: string]: {
+                    defaultClass: string;
+                    conditions: {
+                        smallScreen: string;
+                        largeScreen: string;
+                    };
+                };
+            };
+        };
+    };
+}, {
+    conditions: never;
+    styles: {
+        readonly alignSelf: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly backgroundSize: {
+            values: {
+                cover: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly borderRadius: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                actionButton: {
+                    defaultClass: string;
+                };
+                connectButton: {
+                    defaultClass: string;
+                };
+                menuButton: {
+                    defaultClass: string;
+                };
+                modal: {
+                    defaultClass: string;
+                };
+                modalMobile: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                13: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                "25%": {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly borderStyle: {
+            values: {
+                solid: {
+                    defaultClass: string;
+                };
+                dotted: {
+                    defaultClass: string;
+                };
+                hidden: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly borderWidth: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly cursor: {
+            values: {
+                pointer: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly flexDirection: {
+            values: {
+                row: {
+                    defaultClass: string;
+                };
+                column: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly fontFamily: {
+            values: {
+                body: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly fontSize: {
+            values: {
+                10: {
+                    defaultClass: string;
+                };
+                13: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                23: {
+                    defaultClass: string;
+                };
+                57: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly fontWeight: {
+            values: {
+                regular: {
+                    defaultClass: string;
+                };
+                medium: {
+                    defaultClass: string;
+                };
+                semibold: {
+                    defaultClass: string;
+                };
+                bold: {
+                    defaultClass: string;
+                };
+                heavy: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly gap: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly height: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly justifyContent: {
+            values: {
+                "flex-start": {
+                    defaultClass: string;
+                };
+                "flex-end": {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+                "space-between": {
+                    defaultClass: string;
+                };
+                "space-around": {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly textAlign: {
+            values: {
+                left: {
+                    defaultClass: string;
+                };
+                inherit: {
+                    defaultClass: string;
+                };
+                center: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly marginBottom: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly marginLeft: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly marginRight: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly marginTop: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly minHeight: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly maxHeight: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly maxWidth: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly minWidth: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly overflow: {
+            values: {
+                hidden: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly paddingBottom: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly paddingLeft: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly paddingRight: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly paddingTop: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                3: {
+                    defaultClass: string;
+                };
+                6: {
+                    defaultClass: string;
+                };
+                10: {
+                    defaultClass: string;
+                };
+                16: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                14: {
+                    defaultClass: string;
+                };
+                18: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                [-1]: {
+                    defaultClass: string;
+                };
+                5: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                64: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly position: {
+            values: {
+                absolute: {
+                    defaultClass: string;
+                };
+                fixed: {
+                    defaultClass: string;
+                };
+                relative: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly right: {
+            values: {
+                0: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly transition: {
+            values: {
+                default: {
+                    defaultClass: string;
+                };
+                transform: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly userSelect: {
+            values: {
+                none: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly width: {
+            values: {
+                1: {
+                    defaultClass: string;
+                };
+                2: {
+                    defaultClass: string;
+                };
+                24: {
+                    defaultClass: string;
+                };
+                full: {
+                    defaultClass: string;
+                };
+                4: {
+                    defaultClass: string;
+                };
+                12: {
+                    defaultClass: string;
+                };
+                20: {
+                    defaultClass: string;
+                };
+                400: {
+                    defaultClass: string;
+                };
+                8: {
+                    defaultClass: string;
+                };
+                28: {
+                    defaultClass: string;
+                };
+                30: {
+                    defaultClass: string;
+                };
+                32: {
+                    defaultClass: string;
+                };
+                36: {
+                    defaultClass: string;
+                };
+                44: {
+                    defaultClass: string;
+                };
+                34: {
+                    defaultClass: string;
+                };
+                40: {
+                    defaultClass: string;
+                };
+                48: {
+                    defaultClass: string;
+                };
+                54: {
+                    defaultClass: string;
+                };
+                60: {
+                    defaultClass: string;
+                };
+                93: {
+                    defaultClass: string;
+                };
+                100: {
+                    defaultClass: string;
+                };
+                108: {
+                    defaultClass: string;
+                };
+                162: {
+                    defaultClass: string;
+                };
+                192: {
+                    defaultClass: string;
+                };
+                200: {
+                    defaultClass: string;
+                };
+                210: {
+                    defaultClass: string;
+                };
+                220: {
+                    defaultClass: string;
+                };
+                230: {
+                    defaultClass: string;
+                };
+                240: {
+                    defaultClass: string;
+                };
+                256: {
+                    defaultClass: string;
+                };
+                320: {
+                    defaultClass: string;
+                };
+                440: {
+                    defaultClass: string;
+                };
+                600: {
+                    defaultClass: string;
+                };
+                half: {
+                    defaultClass: string;
+                };
+                max: {
+                    defaultClass: string;
+                };
+            };
+        };
+        readonly backdropFilter: {
+            values: {
+                modalOverlay: {
+                    defaultClass: string;
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        margin: {
+            mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
+        };
+        marginX: {
+            mappings: ("marginLeft" | "marginRight")[];
+        };
+        marginY: {
+            mappings: ("marginTop" | "marginBottom")[];
+        };
+        padding: {
+            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
+        };
+        paddingX: {
+            mappings: ("paddingLeft" | "paddingRight")[];
+        };
+        paddingY: {
+            mappings: ("paddingTop" | "paddingBottom")[];
+        };
+    };
+}]>;
+export type Sprinkles = Parameters<typeof sprinkles>[0];
+export {};