@ovotech/element-native 5.5.0 → 5.6.0

package/dist/components/Cards/shared.styles.d.ts

@@ -1,589 +1,2906 @@
 import { View } from 'react-native';
 export declare const SMALL_CARD_HEIGHT = 172;
-export declare const CardBadge: import("styled-components").StyledComponent<({ children, variant, inverted, customVariant, ...rest }: Omit<{
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: {
-        color: {
-            neutral: {
-                "20": string;
-                "30": string;
-                "40": string;
-                "50": string;
-                "60": string;
-                "70": string;
-                "80": string;
-                white: string;
+export declare const BadgeContainer: import("styled-components").StyledComponent<typeof View, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                onBrand: string;
+                onBrandVariant: string;
+                accessible: string;
+            };
+        };
+        outline: {
+            outer: string;
+            inner: string;
+        };
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
+            };
+        };
+    };
+    transition: {
+        duration: {
+            fast: number;
+            medium: number;
+            slow: number;
+        };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
+        };
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
                 black: string;
+                book: string;
+                bold: string;
             };
-            red: {
-                "20": string;
-                "30": string;
-                "40": string;
-                "50": string;
-                "60": string;
-                "70": string;
-                "80": string;
+        };
+    };
+    web: {
+        font: {
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
             };
-            orange: {
-                "20": string;
-                "30": string;
-                "40": string;
-                "50": string;
-                "60": string;
-                "70": string;
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
             };
-            yellow: {
-                "70": string;
-                "80": string;
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
             };
-            green: {
-                "20": string;
-                "30": string;
-                "40": string;
-                "50": string;
-                "56": string;
-                "60": string;
-                "70": string;
-                "80": string;
-                "90": string;
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
             };
-            blue: {
-                "20": string;
-                "30": string;
-                "40": string;
-                "50": string;
-                "60": string;
-                "70": string;
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
+            };
+        };
+        surface: {
+            color: {
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
+            };
+        };
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
+            };
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {}, never>;
+export declare const StyledBadge: import("styled-components").StyledComponent<({ children, variant, inverted, customVariant, ...rest }: Omit<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: {
+        color: {
+            neutral: {
+                "20": string;
+                "30": string;
+                "40": string;
+                "50": string;
+                "60": string;
+                "70": string;
+                "80": string;
+                white: string;
+                black: string;
+            };
+            red: {
+                "20": string;
+                "30": string;
+                "40": string;
+                "50": string;
+                "60": string;
+                "70": string;
+                "80": string;
+            };
+            orange: {
+                "20": string;
+                "30": string;
+                "40": string;
+                "50": string;
+                "60": string;
+                "70": string;
+            };
+            yellow: {
+                "70": string;
+                "80": string;
+            };
+            green: {
+                "20": string;
+                "30": string;
+                "40": string;
+                "50": string;
+                "55": string;
+                "56": string;
+                "60": string;
+                "70": string;
+                "80": string;
+                "90": string;
+            };
+            blue: {
+                "20": string;
+                "30": string;
+                "40": string;
+                "50": string;
+                "60": string;
+                "70": string;
+            };
+            alert: {
+                success: string;
+                successTint: string;
+                warning: string;
+                warningTint: string;
+                error: string;
+                errorTint: string;
+                info: string;
+                infoTint: string;
+                neutral: string;
+                neutralTint: string;
+                border: string;
+            };
+            input: {
+                borderDim: string;
+            };
+            brand: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                gradientFrom: string;
+                gradientTo: string;
+                onBrand: string;
+                onBrandVariant: string;
+                aiGradientFrom: string;
+                aiGradientTo: string;
+                accessible: string;
+                fixed: {
+                    brand: string;
+                    dark: string;
+                    dim: string;
+                    bold: string;
+                    bright: string;
+                    onBrand: string;
+                    onBrandVariant: string;
+                    accessible: string;
+                };
+            };
+            outline: {
+                outer: string;
+                inner: string;
+            };
+            surface: {
+                surface: string;
+                bright: string;
+                dim: string;
+                onSurface: string;
+                onSurfaceVariant: string;
+                border: string;
+                borderDim: string;
+                link: string;
+                electricity: string;
+                gas: string;
+                fadeFrom: string;
+                fadeTo: string;
+                fixed: {
+                    onSurface: string;
+                    bright: string;
+                };
+            };
+        };
+        transition: {
+            duration: {
+                fast: number;
+                medium: number;
+                slow: number;
+            };
+        };
+        unit: {
+            "0": number;
+            "25": number;
+            "50": number;
+            "100": number;
+            "200": number;
+            "300": number;
+            "350": number;
+            "400": number;
+            "450": number;
+            "500": number;
+            "550": number;
+            "600": number;
+            "700": number;
+            "800": number;
+            "900": number;
+            "1000": number;
+            "1100": number;
+            "1200": number;
+            "1300": number;
+            "1400": number;
+            "1500": number;
+            "1600": number;
+            "1800": number;
+            "2000": number;
+            "2400": number;
+            "3000": number;
+            "3500": number;
+        };
+        border: {
+            radius: {
+                xs: number;
+                sm: number;
+                md: number;
+                lg: number;
+                xl: number;
+                "2xl": number;
+                "3xl": number;
+            };
+            width: {
+                sm: number;
+                md: number;
+                lg: number;
+            };
+        };
+        breakpoint: {
+            xsmall: number;
+            small: number;
+            medium: number;
+            large: number;
+        };
+        native: {
+            font: {
+                family: {
+                    black: string;
+                    book: string;
+                    bold: string;
+                };
+            };
+        };
+        web: {
+            font: {
+                family: string;
+            };
+        };
+        font: {
+            letterSpacing: {
+                d1: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d2: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d3: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d4: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "4xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "3xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "2xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xl: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                lg: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                md: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                sm: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xs: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+            };
+            lineHeight: {
+                d1: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d2: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d3: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d4: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "4xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "3xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "2xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xl: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                lg: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                md: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                sm: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xs: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+            };
+            paragraphSpace: {
+                d1: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d2: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d3: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d4: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "4xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "3xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "2xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xl: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                lg: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                md: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                sm: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xs: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+            };
+            size: {
+                d1: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d2: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d3: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                d4: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "4xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "3xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                "2xl": {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xl: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                lg: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                md: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                sm: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+                xs: {
+                    mediaQuery: {
+                        sm: number;
+                        lg: number;
+                    };
+                };
+            };
+            weight: {
+                book: number;
+                bold: number;
+                black: number;
+            };
+        };
+        mediaQuery: {
+            xsmall: number;
+            small: number;
+            medium: number;
+            large: number;
+        };
+        customMediaQuery: {
+            "xsmall-and-up": number;
+            "small-and-up": number;
+            "medium-and-up": number;
+            "large-and-up": number;
+        };
+        opacity: {
+            solid: number;
+            translucent: number;
+            transparent: number;
+        };
+        space: {
+            "0": number;
+            "25": number;
+            "50": number;
+            "100": number;
+            "150": number;
+            "200": number;
+            "250": number;
+            "300": number;
+            "350": number;
+            "400": number;
+            "450": number;
+            "500": number;
+            "550": number;
+            "600": number;
+            "700": number;
+            "800": number;
+            "900": number;
+            "1000": number;
+            "1100": number;
+            "1200": number;
+            "1300": number;
+            "1400": number;
+            "1500": number;
+            "1600": number;
+            "1800": number;
+            "2000": number;
+            "2400": number;
+            "3000": number;
+            "3500": number;
+            base: number;
+        };
+        button: {
+            color: {
+                focus: {
+                    blue: string;
+                    white: string;
+                };
+            };
+            surface: {
+                color: {
+                    fg: string;
+                    bg: string;
+                    bgVariant: string;
+                    bgHover: string;
+                    fgInverted: string;
+                    bgInverted: string;
+                    bgInvertedHover: string;
+                };
+            };
+            destructive: {
+                color: {
+                    fg: string;
+                    bg: string;
+                    bgHover: string;
+                };
+            };
+        };
+        input: {
+            color: {
+                label: string;
+                border: string;
+                borderError: string;
+                hint: string;
+                selected: string;
+                selectedTint: string;
+            };
+        };
+    } | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}, "ref">) => import("react/jsx-runtime").JSX.Element, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                onBrand: string;
+                onBrandVariant: string;
+                accessible: string;
+            };
+        };
+        outline: {
+            outer: string;
+            inner: string;
+        };
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
+            };
+        };
+    };
+    transition: {
+        duration: {
+            fast: number;
+            medium: number;
+            slow: number;
+        };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
+        };
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
+                black: string;
+                book: string;
+                bold: string;
+            };
+        };
+    };
+    web: {
+        font: {
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
+            };
+        };
+        surface: {
+            color: {
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
+            };
+        };
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
+            };
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<typeof View, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
+                brand: string;
+                dark: string;
+                dim: string;
+                bold: string;
+                bright: string;
+                onBrand: string;
+                onBrandVariant: string;
+                accessible: string;
+            };
+        };
+        outline: {
+            outer: string;
+            inner: string;
+        };
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
+            };
+        };
+    };
+    transition: {
+        duration: {
+            fast: number;
+            medium: number;
+            slow: number;
+        };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
+        };
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
+                black: string;
+                book: string;
+                bold: string;
+            };
+        };
+    };
+    web: {
+        font: {
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
+            };
+        };
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
             };
-            alert: {
-                success: string;
-                successTint: string;
-                warning: string;
-                warningTint: string;
-                error: string;
-                errorTint: string;
-                info: string;
-                infoTint: string;
-                neutral: string;
-                neutralTint: string;
-                border: string;
+        };
+        surface: {
+            color: {
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
             };
-            input: {
-                borderDim: string;
+        };
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
             };
-            brand: {
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {}, never>;
+export declare const CardWithMinHeight: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
+    color: {
+        neutral: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            white: string;
+            black: string;
+        };
+        red: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+            "80": string;
+        };
+        orange: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        yellow: {
+            "70": string;
+            "80": string;
+        };
+        green: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "55": string;
+            "56": string;
+            "60": string;
+            "70": string;
+            "80": string;
+            "90": string;
+        };
+        blue: {
+            "20": string;
+            "30": string;
+            "40": string;
+            "50": string;
+            "60": string;
+            "70": string;
+        };
+        alert: {
+            success: string;
+            successTint: string;
+            warning: string;
+            warningTint: string;
+            error: string;
+            errorTint: string;
+            info: string;
+            infoTint: string;
+            neutral: string;
+            neutralTint: string;
+            border: string;
+        };
+        input: {
+            borderDim: string;
+        };
+        brand: {
+            brand: string;
+            dark: string;
+            dim: string;
+            bold: string;
+            bright: string;
+            gradientFrom: string;
+            gradientTo: string;
+            onBrand: string;
+            onBrandVariant: string;
+            aiGradientFrom: string;
+            aiGradientTo: string;
+            accessible: string;
+            fixed: {
                 brand: string;
                 dark: string;
                 dim: string;
                 bold: string;
                 bright: string;
-                gradientFrom: string;
-                gradientTo: string;
                 onBrand: string;
                 onBrandVariant: string;
-                aiGradientFrom: string;
-                aiGradientTo: string;
-                fixed: {
-                    brand: string;
-                    dark: string;
-                    dim: string;
-                    bold: string;
-                    bright: string;
-                    onBrand: string;
-                    onBrandVariant: string;
-                };
-            };
-            outline: {
-                outer: string;
-                inner: string;
-            };
-            surface: {
-                surface: string;
-                bright: string;
-                dim: string;
-                onSurface: string;
-                onSurfaceVariant: string;
-                border: string;
-                borderDim: string;
-                link: string;
-                electricity: string;
-                gas: string;
-                fadeFrom: string;
-                fadeTo: string;
-                fixed: {
-                    onSurface: string;
-                    bright: string;
-                };
-            };
-        };
-        transition: {
-            duration: {
-                fast: number;
-                medium: number;
-                slow: number;
+                accessible: string;
             };
         };
-        unit: {
-            "0": number;
-            "25": number;
-            "50": number;
-            "100": number;
-            "200": number;
-            "300": number;
-            "350": number;
-            "400": number;
-            "450": number;
-            "500": number;
-            "550": number;
-            "600": number;
-            "700": number;
-            "800": number;
-            "900": number;
-            "1000": number;
-            "1100": number;
-            "1200": number;
-            "1300": number;
-            "1400": number;
-            "1500": number;
-            "1600": number;
-            "1800": number;
-            "2000": number;
-            "2400": number;
-            "3000": number;
-            "3500": number;
+        outline: {
+            outer: string;
+            inner: string;
         };
-        border: {
-            radius: {
-                xs: number;
-                sm: number;
-                md: number;
-                lg: number;
-                xl: number;
-                "2xl": number;
-                "3xl": number;
-            };
-            width: {
-                sm: number;
-                md: number;
-                lg: number;
+        surface: {
+            surface: string;
+            bright: string;
+            dim: string;
+            onSurface: string;
+            onSurfaceVariant: string;
+            border: string;
+            borderDim: string;
+            link: string;
+            electricity: string;
+            gas: string;
+            fadeFrom: string;
+            fadeTo: string;
+            fixed: {
+                onSurface: string;
+                bright: string;
             };
         };
-        breakpoint: {
-            xsmall: number;
-            small: number;
+    };
+    transition: {
+        duration: {
+            fast: number;
             medium: number;
-            large: number;
+            slow: number;
         };
-        native: {
-            font: {
-                family: {
-                    black: string;
-                    book: string;
-                    bold: string;
-                };
-            };
+    };
+    unit: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "200": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+    };
+    border: {
+        radius: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            "2xl": number;
+            "3xl": number;
         };
-        web: {
-            font: {
-                family: string;
+        width: {
+            sm: number;
+            md: number;
+            lg: number;
+        };
+    };
+    breakpoint: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    native: {
+        font: {
+            family: {
+                black: string;
+                book: string;
+                bold: string;
             };
         };
+    };
+    web: {
         font: {
-            letterSpacing: {
-                d1: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
-                };
-                d2: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
-                };
-                d3: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
-                };
-                d4: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
-                };
-                "4xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            family: string;
+        };
+    };
+    font: {
+        letterSpacing: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "3xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "2xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xl: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                lg: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                md: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                sm: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xs: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            lineHeight: {
-                d1: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d2: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d3: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d4: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "4xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+        };
+        lineHeight: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "3xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "2xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xl: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                lg: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                md: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                sm: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xs: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            paragraphSpace: {
-                d1: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d2: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d3: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d4: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "4xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+        };
+        paragraphSpace: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "3xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "2xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xl: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                lg: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                md: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                sm: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xs: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            size: {
-                d1: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d2: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d3: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                d4: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "4xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+        };
+        size: {
+            d1: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "3xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d2: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                "2xl": {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d3: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xl: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            d4: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                lg: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "4xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                md: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "3xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                sm: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            "2xl": {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
-                xs: {
-                    mediaQuery: {
-                        sm: number;
-                        lg: number;
-                    };
+            };
+            xl: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            weight: {
-                book: number;
-                bold: number;
-                black: number;
+            lg: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
+                };
             };
-        };
-        mediaQuery: {
-            xsmall: number;
-            small: number;
-            medium: number;
-            large: number;
-        };
-        customMediaQuery: {
-            "xsmall-and-up": number;
-            "small-and-up": number;
-            "medium-and-up": number;
-            "large-and-up": number;
-        };
-        opacity: {
-            solid: number;
-            translucent: number;
-            transparent: number;
-        };
-        space: {
-            "0": number;
-            "25": number;
-            "50": number;
-            "100": number;
-            "150": number;
-            "200": number;
-            "250": number;
-            "300": number;
-            "350": number;
-            "400": number;
-            "450": number;
-            "500": number;
-            "550": number;
-            "600": number;
-            "700": number;
-            "800": number;
-            "900": number;
-            "1000": number;
-            "1100": number;
-            "1200": number;
-            "1300": number;
-            "1400": number;
-            "1500": number;
-            "1600": number;
-            "1800": number;
-            "2000": number;
-            "2400": number;
-            "3000": number;
-            "3500": number;
-            base: number;
-        };
-        button: {
-            color: {
-                focus: {
-                    blue: string;
-                    white: string;
+            md: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            surface: {
-                color: {
-                    fg: string;
-                    bg: string;
-                    bgVariant: string;
-                    bgHover: string;
-                    fgInverted: string;
-                    bgInverted: string;
-                    bgInvertedHover: string;
+            sm: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
-            destructive: {
-                color: {
-                    fg: string;
-                    bg: string;
-                    bgHover: string;
+            xs: {
+                mediaQuery: {
+                    sm: number;
+                    lg: number;
                 };
             };
         };
-        input: {
+        weight: {
+            book: number;
+            bold: number;
+            black: number;
+        };
+    };
+    mediaQuery: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+    };
+    customMediaQuery: {
+        "xsmall-and-up": number;
+        "small-and-up": number;
+        "medium-and-up": number;
+        "large-and-up": number;
+    };
+    opacity: {
+        solid: number;
+        translucent: number;
+        transparent: number;
+    };
+    space: {
+        "0": number;
+        "25": number;
+        "50": number;
+        "100": number;
+        "150": number;
+        "200": number;
+        "250": number;
+        "300": number;
+        "350": number;
+        "400": number;
+        "450": number;
+        "500": number;
+        "550": number;
+        "600": number;
+        "700": number;
+        "800": number;
+        "900": number;
+        "1000": number;
+        "1100": number;
+        "1200": number;
+        "1300": number;
+        "1400": number;
+        "1500": number;
+        "1600": number;
+        "1800": number;
+        "2000": number;
+        "2400": number;
+        "3000": number;
+        "3500": number;
+        base: number;
+    };
+    button: {
+        color: {
+            focus: {
+                blue: string;
+                white: string;
+            };
+        };
+        surface: {
             color: {
-                label: string;
-                border: string;
-                borderError: string;
-                hint: string;
-                selected: string;
-                selectedTint: string;
+                fg: string;
+                bg: string;
+                bgVariant: string;
+                bgHover: string;
+                fgInverted: string;
+                bgInverted: string;
+                bgInvertedHover: string;
             };
         };
-    } | undefined;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, "ref">) => import("react/jsx-runtime").JSX.Element, {
+        destructive: {
+            color: {
+                fg: string;
+                bg: string;
+                bgHover: string;
+            };
+        };
+    };
+    input: {
+        color: {
+            label: string;
+            border: string;
+            borderError: string;
+            hint: string;
+            selected: string;
+            selectedTint: string;
+        };
+    };
+}, {
+    isSmall?: boolean;
+}, never>;
+export declare const HeadingContainer: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -622,6 +2939,7 @@ export declare const CardBadge: import("styled-components").StyledComponent<({ c
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -664,6 +2982,7 @@ export declare const CardBadge: import("styled-components").StyledComponent<({ c
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -672,6 +2991,7 @@ export declare const CardBadge: import("styled-components").StyledComponent<({ c
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1158,7 +3478,7 @@ export declare const CardBadge: import("styled-components").StyledComponent<({ c
         };
     };
 }, {}, never>;
-export declare const CardWithMinHeight: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, ...rest }: import("../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
+export declare const ContainerWithGap: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -1197,6 +3517,7 @@ export declare const CardWithMinHeight: import("styled-components").StyledCompon
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1239,6 +3560,7 @@ export declare const CardWithMinHeight: import("styled-components").StyledCompon
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1247,6 +3569,7 @@ export declare const CardWithMinHeight: import("styled-components").StyledCompon
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -1732,10 +4055,8 @@ export declare const CardWithMinHeight: import("styled-components").StyledCompon
             selectedTint: string;
         };
     };
-}, {
-    isSmall?: boolean;
-}, never>;
-export declare const HeadingContainer: import("styled-components").StyledComponent<typeof View, {
+}, {}, never>;
+export declare const WrappedContainer: import("styled-components").StyledComponent<typeof View, {
     color: {
         neutral: {
             "20": string;
@@ -1774,6 +4095,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -1816,6 +4138,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -1824,6 +4147,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2310,7 +4634,7 @@ export declare const HeadingContainer: import("styled-components").StyledCompone
         };
     };
 }, {}, never>;
-export declare const ContainerWithGap: import("styled-components").StyledComponent<typeof View, {
+export declare const StyleWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
     color: {
         neutral: {
             "20": string;
@@ -2349,6 +4673,7 @@ export declare const ContainerWithGap: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2391,6 +4716,7 @@ export declare const ContainerWithGap: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2399,6 +4725,7 @@ export declare const ContainerWithGap: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {
@@ -2885,7 +5212,7 @@ export declare const ContainerWithGap: import("styled-components").StyledCompone
         };
     };
 }, {}, never>;
-export declare const WrappedContainer: import("styled-components").StyledComponent<typeof View, {
+export declare const SmallCardContainer: import("styled-components").StyledComponent<typeof import("react-native").View, {
     color: {
         neutral: {
             "20": string;
@@ -2924,6 +5251,7 @@ export declare const WrappedContainer: import("styled-components").StyledCompone
             "30": string;
             "40": string;
             "50": string;
+            "55": string;
             "56": string;
             "60": string;
             "70": string;
@@ -2966,6 +5294,7 @@ export declare const WrappedContainer: import("styled-components").StyledCompone
             onBrandVariant: string;
             aiGradientFrom: string;
             aiGradientTo: string;
+            accessible: string;
             fixed: {
                 brand: string;
                 dark: string;
@@ -2974,6 +5303,7 @@ export declare const WrappedContainer: import("styled-components").StyledCompone
                 bright: string;
                 onBrand: string;
                 onBrandVariant: string;
+                accessible: string;
             };
         };
         outline: {