import { type ComponentProps } from 'react';
import type { FunkitFontWeight } from './tokens';
/**
 * `@shopify/restyle` primitives bound to the connect-rn {@link FunkitTheme}.
 * Components use these instead of raw `View` / `Text` so style props
 * (`backgroundColor`, `padding`, `borderRadius`, `variant`, …) resolve to theme
 * tokens with full type safety.
 */
export declare const Box: import("react").ForwardRefExoticComponent<import("@shopify/restyle").BackgroundColorProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").OpacityProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").VisibleProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").LayoutProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").SpacingProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & {
    borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
} & {
    borderColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderTopColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderRightColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderLeftColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderBottomColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderStartColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
    borderEndColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
} & {
    borderRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
    borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
        phone: number;
        tablet: number;
    }> | undefined;
} & {
    shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
        width: number;
        height: number;
    }> | undefined, {
        phone: number;
        tablet: number;
    }>;
    shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
    elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
} & {
    shadowColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
} & {
    position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
        phone: number;
        tablet: number;
    }>;
    top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
    end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
        phone: number;
        tablet: number;
    }>;
} & {
    zIndex?: import("@shopify/restyle").ResponsiveValue<number, {
        phone: number;
        tablet: number;
    }> | undefined;
} & import("@shopify/restyle").SpacingShorthandProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").BackgroundColorShorthandProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & Omit<import("react-native").ViewProps & {
    children?: React.ReactNode;
}, "left" | "right" | "opacity" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "top" | "bottom" | "start" | "end" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "bg" | "backgroundColor" | "visible" | "shadowColor" | "zIndex"> & import("react").RefAttributes<unknown>> & {
    defaultProps?: Partial<import("@shopify/restyle").BackgroundColorProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").OpacityProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").VisibleProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").LayoutProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").SpacingProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & {
        borderBottomWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderLeftWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderRightWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderStyle?: import("@shopify/restyle").ResponsiveValue<"solid" | "dotted" | "dashed" | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderTopWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderStartWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderEndWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        borderWidth?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
    } & {
        borderColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderTopColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderRightColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderLeftColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderBottomColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderStartColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
        borderEndColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
    } & {
        borderRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderBottomLeftRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderBottomRightRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderTopLeftRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderTopRightRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderBottomStartRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderBottomEndRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderTopStartRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
        borderTopEndRadius?: import("@shopify/restyle").ResponsiveValue<"modal" | "element" | "elementInner" | "button" | "rounded", {
            phone: number;
            tablet: number;
        }> | undefined;
    } & {
        shadowOpacity?: import("@shopify/restyle").ResponsiveValue<import("react-native").AnimatableNumericValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        shadowOffset?: import("@shopify/restyle").ResponsiveValue<Readonly<{
            width: number;
            height: number;
        }> | undefined, {
            phone: number;
            tablet: number;
        }>;
        shadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
        elevation?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
    } & {
        shadowColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
    } & {
        position?: import("@shopify/restyle").ResponsiveValue<"absolute" | "relative" | "static" | undefined, {
            phone: number;
            tablet: number;
        }>;
        top?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        right?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        bottom?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        left?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        start?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
        end?: import("@shopify/restyle").ResponsiveValue<import("react-native").DimensionValue | undefined, {
            phone: number;
            tablet: number;
        }>;
    } & {
        zIndex?: import("@shopify/restyle").ResponsiveValue<number, {
            phone: number;
            tablet: number;
        }> | undefined;
    } & import("@shopify/restyle").SpacingShorthandProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").BackgroundColorShorthandProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & Omit<import("react-native").ViewProps & {
        children?: React.ReactNode;
    }, "left" | "right" | "opacity" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "top" | "bottom" | "start" | "end" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "bg" | "backgroundColor" | "visible" | "shadowColor" | "zIndex"> & import("react").RefAttributes<unknown>> | undefined;
};
declare const RestyleText: import("react").ForwardRefExoticComponent<import("@shopify/restyle").ColorProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").OpacityProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").VisibleProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").TypographyProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").SpacingProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & import("@shopify/restyle").LayoutProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & {
    textShadowOffset?: import("@shopify/restyle").ResponsiveValue<{
        width: number;
        height: number;
    } | undefined, {
        phone: number;
        tablet: number;
    }>;
    textShadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
        phone: number;
        tablet: number;
    }>;
} & {
    textShadowColor?: import("@shopify/restyle").ResponsiveValue<never, {
        phone: number;
        tablet: number;
    }> | undefined;
} & import("@shopify/restyle").VariantProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}, "textVariants"> & import("@shopify/restyle").SpacingShorthandProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}> & Omit<import("react-native").TextProps & {
    children?: React.ReactNode;
}, "fontWeight" | "textAlign" | "opacity" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "visible" | "fontFamily" | "fontSize" | "fontStyle" | "includeFontPadding" | "fontVariant" | "letterSpacing" | "lineHeight" | "textAlignVertical" | "textDecorationLine" | "textDecorationStyle" | "textTransform" | "verticalAlign" | "writingDirection" | "textShadowOffset" | "textShadowRadius" | "variant" | "textShadowColor" | keyof import("@shopify/restyle").ColorProps<{
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
}>> & import("react").RefAttributes<unknown>> & {
    defaultProps?: Partial<import("@shopify/restyle").ColorProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").OpacityProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").VisibleProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").TypographyProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").SpacingProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & import("@shopify/restyle").LayoutProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & {
        textShadowOffset?: import("@shopify/restyle").ResponsiveValue<{
            width: number;
            height: number;
        } | undefined, {
            phone: number;
            tablet: number;
        }>;
        textShadowRadius?: import("@shopify/restyle").ResponsiveValue<number | undefined, {
            phone: number;
            tablet: number;
        }>;
    } & {
        textShadowColor?: import("@shopify/restyle").ResponsiveValue<never, {
            phone: number;
            tablet: number;
        }> | undefined;
    } & import("@shopify/restyle").VariantProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }, "textVariants"> & import("@shopify/restyle").SpacingShorthandProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }> & Omit<import("react-native").TextProps & {
        children?: React.ReactNode;
    }, "fontWeight" | "textAlign" | "opacity" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "visible" | "fontFamily" | "fontSize" | "fontStyle" | "includeFontPadding" | "fontVariant" | "letterSpacing" | "lineHeight" | "textAlignVertical" | "textDecorationLine" | "textDecorationStyle" | "textTransform" | "verticalAlign" | "writingDirection" | "textShadowOffset" | "textShadowRadius" | "variant" | "textShadowColor" | keyof import("@shopify/restyle").ColorProps<{
        colors: {};
        background: {
            modal: string;
            secondary: string;
            button: {
                primary: import("./tokens").ButtonSurface;
                secondary: import("./tokens").ButtonSurface;
                tertiary: import("./tokens").ButtonSurface;
                icon: import("./tokens").ButtonSurface;
                destructive: import("./tokens").ButtonSurface & {
                    disabled: string;
                };
            };
            pill: {
                default: string;
                pressed: string;
                disabled: string;
            };
            overlay: string;
        };
        content: {
            elements: {
                primary: string;
                secondary: string;
                success: string;
                error: string;
                hyperlink: string;
                warning: string;
                watermark: string;
                tertiary: string;
                ghosted: string;
            };
            button: {
                primary: {
                    default: string;
                    loadingAlpha: string;
                };
                secondary: {
                    default: string;
                    loadingAlpha: string;
                };
                tertiary: {
                    default: string;
                };
                icon: {
                    default: string;
                };
                destructive: {
                    default: string;
                    loadingAlpha: string;
                };
            };
        };
        border: {
            radius: {
                modal: number;
                element: number;
                elementInner: number;
                button: number;
            };
            modal: {
                default: string;
                weight: number;
            };
            elements: {
                default: {
                    color: string;
                    weight: number;
                };
                selected: {
                    color: string;
                    weight: number;
                };
            };
            button: {
                primary: string;
                secondary: string;
                weight: number;
            };
        };
        brand: {
            primary: string;
        };
        opacity: {
            disabled: number;
        };
        font: import("./tokens").FunkitFontTokens;
        form: {
            field: string;
            fieldNext: string;
            divider: string;
            fieldInvalid: {
                fill: string;
                content: string;
                placeholder: string;
            };
            errorNotice: {
                fill: string;
                content: string;
            };
        };
        spacing: {
            none: number;
            elementsHorizontal: number;
            modalHorizontal: number;
        };
        borderRadii: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
            rounded: number;
        };
        borderWidths: {
            modal: number;
            elementsDefault: number;
            elementsSelected: number;
            button: number;
        };
        sizes: {
            topBar: number;
            buttonHeight: number;
            buttonXs: number;
            buttonSm: number;
            buttonMd: number;
            buttonLg: number;
            iconXs: number;
            iconSm: number;
            iconMd: number;
            iconLg: number;
        };
        breakpoints: {
            phone: number;
            tablet: number;
        };
        textVariants: {
            defaults: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            body: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            bodyMedium: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            detail: {
                fontSize: number;
                lineHeight: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerTitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            headerSubtitle: {
                fontSize: number;
                textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            drawerTitle: {
                fontSize: number;
                lineHeight: number;
                letterSpacing: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountInput: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            amountSummary: {
                fontSize: number;
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
        textWeights: {
            base: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            medium: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
            semibold: {
                fontFamily: string;
                fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
            };
        };
    }>> & import("react").RefAttributes<unknown>> | undefined;
};
export interface TextProps extends ComponentProps<typeof RestyleText> {
    /**
     * Override the font weight for this node regardless of `variant`. Applies the
     * resolved per-cut family AND numeric weight — both are required, since RN/Expo
     * can't select a custom font's weight via `fontWeight` alone (see
     * {@link fontFamilyForWeight}). So `variant="detail" weight="medium"` renders
     * the detail style in `Inter-Medium`. An explicit `style` still wins over it.
     */
    weight?: FunkitFontWeight;
}
/**
 * {@link FunkitTheme}-bound Restyle `Text` with a `weight` escape hatch: set
 * `weight` to render a single node at a different cut than its `variant` without
 * minting a `*Medium` twin variant. Without `weight` it's the plain Restyle Text.
 */
export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextProps, "ref"> & import("react").RefAttributes<unknown>>;
/** {@link FunkitTheme}-typed `useTheme`, for reading raw token values. */
export declare const useTheme: () => {
    colors: {};
    background: {
        modal: string;
        secondary: string;
        button: {
            primary: import("./tokens").ButtonSurface;
            secondary: import("./tokens").ButtonSurface;
            tertiary: import("./tokens").ButtonSurface;
            icon: import("./tokens").ButtonSurface;
            destructive: import("./tokens").ButtonSurface & {
                disabled: string;
            };
        };
        pill: {
            default: string;
            pressed: string;
            disabled: string;
        };
        overlay: string;
    };
    content: {
        elements: {
            primary: string;
            secondary: string;
            success: string;
            error: string;
            hyperlink: string;
            warning: string;
            watermark: string;
            tertiary: string;
            ghosted: string;
        };
        button: {
            primary: {
                default: string;
                loadingAlpha: string;
            };
            secondary: {
                default: string;
                loadingAlpha: string;
            };
            tertiary: {
                default: string;
            };
            icon: {
                default: string;
            };
            destructive: {
                default: string;
                loadingAlpha: string;
            };
        };
    };
    border: {
        radius: {
            modal: number;
            element: number;
            elementInner: number;
            button: number;
        };
        modal: {
            default: string;
            weight: number;
        };
        elements: {
            default: {
                color: string;
                weight: number;
            };
            selected: {
                color: string;
                weight: number;
            };
        };
        button: {
            primary: string;
            secondary: string;
            weight: number;
        };
    };
    brand: {
        primary: string;
    };
    opacity: {
        disabled: number;
    };
    font: import("./tokens").FunkitFontTokens;
    form: {
        field: string;
        fieldNext: string;
        divider: string;
        fieldInvalid: {
            fill: string;
            content: string;
            placeholder: string;
        };
        errorNotice: {
            fill: string;
            content: string;
        };
    };
    spacing: {
        none: number;
        elementsHorizontal: number;
        modalHorizontal: number;
    };
    borderRadii: {
        modal: number;
        element: number;
        elementInner: number;
        button: number;
        rounded: number;
    };
    borderWidths: {
        modal: number;
        elementsDefault: number;
        elementsSelected: number;
        button: number;
    };
    sizes: {
        topBar: number;
        buttonHeight: number;
        buttonXs: number;
        buttonSm: number;
        buttonMd: number;
        buttonLg: number;
        iconXs: number;
        iconSm: number;
        iconMd: number;
        iconLg: number;
    };
    breakpoints: {
        phone: number;
        tablet: number;
    };
    textVariants: {
        defaults: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        body: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        bodyMedium: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        detail: {
            fontSize: number;
            lineHeight: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerTitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        headerSubtitle: {
            fontSize: number;
            textAlign: "auto" | "left" | "right" | "center" | "justify" | undefined;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        drawerTitle: {
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountInput: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        amountSummary: {
            fontSize: number;
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
    textWeights: {
        base: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        medium: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
        semibold: {
            fontFamily: string;
            fontWeight: "medium" | "semibold" | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "regular" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
        };
    };
};
export {};
//# sourceMappingURL=restyle.d.ts.map