@rocapine/react-native-onboarding 1.13.0 → 1.15.0

package/dist/onboarding-example.d.ts

@@ -129,858 +129,966 @@ export declare const onboardingExample: {
                 id: string;
                 type: string;
                 props: {
-                    gap: number;
-                    padding: number;
+                    flex: number;
+                    edges: string[];
                 };
-                children: ({
+                children: {
                     id: string;
                     type: string;
                     props: {
-                        source: string;
-                        height: number;
-                        autoPlay: boolean;
-                        loop: boolean;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        url: string;
-                        height: number;
-                        autoPlay: boolean;
-                        fit: string;
-                        source?: undefined;
-                        loop?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        url: string;
-                        height: number;
-                        resizeMode: string;
-                        borderRadius: number;
-                        source?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        fit?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        name: string;
-                        size: number;
-                        color: string;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        url: string;
-                        height: number;
-                        borderRadius: number;
-                        controls: boolean;
-                        muted: boolean;
-                        source?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        variableName: string;
-                        placeholder: string;
-                        keyboardType: string;
-                        returnKeyType: string;
-                        autoCapitalize: string;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        content: string;
-                        mode: string;
-                        fontSize: number;
-                        fontWeight: string;
-                        textAlign: string;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        content: string;
-                        fontSize: number;
-                        fontWeight: string;
-                        fontFamily: string;
-                        textAlign: string;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        mode?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        content: string;
-                        fontSize: number;
-                        textAlign: string;
-                        lineHeight: number;
-                        opacity: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        marginVertical?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        mode?: undefined;
-                        fontWeight?: undefined;
-                        fontFamily?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        variableName: string;
-                        defaultValue: string;
-                        gap: number;
-                        marginVertical: number;
-                        items: {
-                            label: string;
-                            value: string;
-                        }[];
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        content: string;
-                        mode: string;
-                        fontSize: number;
-                        textAlign: string;
-                        opacity: number;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        fontWeight?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        variableName: string;
-                        defaultValues: string[];
                         gap: number;
-                        marginVertical: number;
-                        items: {
-                            label: string;
-                            value: string;
-                        }[];
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        variableName: string;
-                        defaultValue: string;
-                        mode: string;
-                        display: string;
-                        maximumDate: string;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        carouselType: string;
-                        autoPlay: boolean;
-                        autoPlayInterval: number;
-                        loop: boolean;
-                        showDots: boolean;
-                        height: number;
-                        borderRadius: number;
-                        marginVertical: number;
-                        source?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
+                        padding: number;
                     };
-                    children: {
+                    children: ({
+                        id: string;
+                        type: string;
+                        props: {
+                            source: string;
+                            height: number;
+                            autoPlay: boolean;
+                            loop: boolean;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            url: string;
+                            height: number;
+                            autoPlay: boolean;
+                            fit: string;
+                            source?: undefined;
+                            loop?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
                         id: string;
                         type: string;
                         props: {
                             url: string;
                             height: number;
                             resizeMode: string;
+                            borderRadius: number;
+                            source?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            fit?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
-                    }[];
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        label: string;
-                        variant: string;
-                        marginVertical: number;
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                        backgroundGradient?: undefined;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        padding: number;
-                        gap: number;
-                        borderRadius: number;
-                        overflow: string;
-                        marginVertical: number;
-                        backgroundGradient: {
-                            type: string;
-                            from: string;
-                            to: string;
-                            stops: {
-                                color: string;
-                            }[];
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            name: string;
+                            size: number;
+                            color: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        label?: undefined;
-                        variant?: undefined;
-                    };
-                    children: ({
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            url: string;
+                            height: number;
+                            borderRadius: number;
+                            controls: boolean;
+                            muted: boolean;
+                            contentFit: string;
+                            source?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            variableName: string;
+                            placeholder: string;
+                            keyboardType: string;
+                            returnKeyType: string;
+                            autoCapitalize: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
                         id: string;
                         type: string;
                         props: {
                             content: string;
+                            mode: string;
                             fontSize: number;
                             fontWeight: string;
-                            color: string;
+                            textAlign: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
                             opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
+                        children?: undefined;
                     } | {
                         id: string;
                         type: string;
                         props: {
                             content: string;
                             fontSize: number;
-                            color: string;
+                            fontWeight: string;
+                            fontFamily: string;
+                            textAlign: string;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            mode?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            content: string;
+                            fontSize: number;
+                            textAlign: string;
+                            lineHeight: number;
                             opacity: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            marginVertical?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            mode?: undefined;
                             fontWeight?: undefined;
+                            fontFamily?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
-                    })[];
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        label: string;
-                        variant: string;
-                        marginVertical: number;
-                        backgroundGradient: {
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            variableName: string;
+                            defaultValue: string;
+                            gap: number;
+                            marginVertical: number;
+                            items: {
+                                label: string;
+                                value: string;
+                            }[];
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            content: string;
+                            mode: string;
+                            fontSize: number;
+                            textAlign: string;
+                            opacity: number;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            fontWeight?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            variableName: string;
+                            defaultValues: string[];
+                            gap: number;
+                            marginVertical: number;
+                            items: {
+                                label: string;
+                                value: string;
+                            }[];
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            variableName: string;
+                            defaultValue: string;
+                            mode: string;
+                            display: string;
+                            maximumDate: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            carouselType: string;
+                            autoPlay: boolean;
+                            autoPlayInterval: number;
+                            loop: boolean;
+                            showDots: boolean;
+                            height: number;
+                            borderRadius: number;
+                            marginVertical: number;
+                            source?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            overflow?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children: {
+                            id: string;
                             type: string;
-                            from: string;
-                            to: string;
-                            stops: {
-                                color: string;
-                                position: number;
+                            props: {
+                                url: string;
+                                height: number;
+                                resizeMode: string;
+                            };
+                        }[];
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            height: number;
+                            borderRadius: number;
+                            overflow: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children: ({
+                            id: string;
+                            type: string;
+                            props: {
+                                url: string;
+                                height: number;
+                                resizeMode: string;
+                                flex?: undefined;
+                                backgroundColor?: undefined;
+                                padding?: undefined;
+                                justifyContent?: undefined;
+                            };
+                            children?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                flex: number;
+                                backgroundColor: string;
+                                padding: number;
+                                justifyContent: string;
+                                url?: undefined;
+                                height?: undefined;
+                                resizeMode?: undefined;
+                            };
+                            children: {
+                                id: string;
+                                type: string;
+                                props: {
+                                    content: string;
+                                    fontSize: number;
+                                    fontWeight: string;
+                                    color: string;
+                                };
                             }[];
+                        })[];
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            label: string;
+                            variant: string;
+                            marginVertical: number;
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
-                        source?: undefined;
-                        height?: undefined;
-                        autoPlay?: undefined;
-                        loop?: undefined;
-                        url?: undefined;
-                        fit?: undefined;
-                        resizeMode?: undefined;
-                        borderRadius?: undefined;
-                        name?: undefined;
-                        size?: undefined;
-                        color?: undefined;
-                        controls?: undefined;
-                        muted?: undefined;
-                        variableName?: undefined;
-                        placeholder?: undefined;
-                        keyboardType?: undefined;
-                        returnKeyType?: undefined;
-                        autoCapitalize?: undefined;
-                        content?: undefined;
-                        mode?: undefined;
-                        fontSize?: undefined;
-                        fontWeight?: undefined;
-                        textAlign?: undefined;
-                        fontFamily?: undefined;
-                        lineHeight?: undefined;
-                        opacity?: undefined;
-                        defaultValue?: undefined;
-                        gap?: undefined;
-                        items?: undefined;
-                        defaultValues?: undefined;
-                        display?: undefined;
-                        maximumDate?: undefined;
-                        carouselType?: undefined;
-                        autoPlayInterval?: undefined;
-                        showDots?: undefined;
-                        padding?: undefined;
-                        overflow?: undefined;
-                    };
-                    children?: undefined;
-                })[];
+                        children?: undefined;
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            padding: number;
+                            gap: number;
+                            borderRadius: number;
+                            overflow: string;
+                            marginVertical: number;
+                            backgroundGradient: {
+                                type: string;
+                                from: string;
+                                to: string;
+                                stops: {
+                                    color: string;
+                                }[];
+                            };
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            label?: undefined;
+                            variant?: undefined;
+                        };
+                        children: ({
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                fontWeight: string;
+                                color: string;
+                                opacity?: undefined;
+                            };
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                color: string;
+                                opacity: number;
+                                fontWeight?: undefined;
+                            };
+                        })[];
+                    } | {
+                        id: string;
+                        type: string;
+                        props: {
+                            label: string;
+                            variant: string;
+                            marginVertical: number;
+                            backgroundGradient: {
+                                type: string;
+                                from: string;
+                                to: string;
+                                stops: {
+                                    color: string;
+                                    position: number;
+                                }[];
+                            };
+                            source?: undefined;
+                            height?: undefined;
+                            autoPlay?: undefined;
+                            loop?: undefined;
+                            url?: undefined;
+                            fit?: undefined;
+                            resizeMode?: undefined;
+                            borderRadius?: undefined;
+                            name?: undefined;
+                            size?: undefined;
+                            color?: undefined;
+                            controls?: undefined;
+                            muted?: undefined;
+                            contentFit?: undefined;
+                            variableName?: undefined;
+                            placeholder?: undefined;
+                            keyboardType?: undefined;
+                            returnKeyType?: undefined;
+                            autoCapitalize?: undefined;
+                            content?: undefined;
+                            mode?: undefined;
+                            fontSize?: undefined;
+                            fontWeight?: undefined;
+                            textAlign?: undefined;
+                            fontFamily?: undefined;
+                            lineHeight?: undefined;
+                            opacity?: undefined;
+                            defaultValue?: undefined;
+                            gap?: undefined;
+                            items?: undefined;
+                            defaultValues?: undefined;
+                            display?: undefined;
+                            maximumDate?: undefined;
+                            carouselType?: undefined;
+                            autoPlayInterval?: undefined;
+                            showDots?: undefined;
+                            overflow?: undefined;
+                            padding?: undefined;
+                        };
+                        children?: undefined;
+                    })[];
+                }[];
             }[];
             title?: undefined;
             description?: undefined;