npm - @rocapine/react-native-onboarding - Versions diffs - 1.14.0 → 1.16.0 - Mend

@rocapine/react-native-onboarding 1.14.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/index.d.ts +2 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.js +4 -1
package/dist/index.js.map +1 -1
package/dist/infra/provider/OnboardingProvider.d.ts +14 -1
package/dist/infra/provider/OnboardingProvider.d.ts.map +1 -1
package/dist/infra/provider/OnboardingProvider.js +3 -1
package/dist/infra/provider/OnboardingProvider.js.map +1 -1
package/dist/infra/provider/index.d.ts +1 -0
package/dist/infra/provider/index.d.ts.map +1 -1
package/dist/onboarding-example.d.ts +931 -901
package/dist/onboarding-example.d.ts.map +1 -1
package/dist/onboarding-example.js +297 -286
package/dist/onboarding-example.js.map +1 -1
package/dist/steps/ComposableScreen/elements/ButtonElement.d.ts +30 -0
package/dist/steps/ComposableScreen/elements/ButtonElement.d.ts.map +1 -1
package/dist/steps/ComposableScreen/elements/ButtonElement.js +11 -1
package/dist/steps/ComposableScreen/elements/ButtonElement.js.map +1 -1
package/dist/steps/ComposableScreen/elements/SafeAreaViewElement.d.ts +102 -0
package/dist/steps/ComposableScreen/elements/SafeAreaViewElement.d.ts.map +1 -0
package/dist/steps/ComposableScreen/elements/SafeAreaViewElement.js +22 -0
package/dist/steps/ComposableScreen/elements/SafeAreaViewElement.js.map +1 -0
package/dist/steps/ComposableScreen/types.d.ts +18 -1
package/dist/steps/ComposableScreen/types.d.ts.map +1 -1
package/dist/steps/ComposableScreen/types.js +12 -1
package/dist/steps/ComposableScreen/types.js.map +1 -1
package/package.json +1 -1
package/src/index.ts +10 -0
package/src/infra/provider/OnboardingProvider.tsx +19 -1
package/src/infra/provider/index.ts +4 -0
package/src/onboarding-example.ts +11 -0
package/src/steps/ComposableScreen/elements/ButtonElement.ts +29 -0
package/src/steps/ComposableScreen/elements/SafeAreaViewElement.ts +28 -0
package/src/steps/ComposableScreen/types.ts +24 -1

package/dist/onboarding-example.d.ts CHANGED Viewed

@@ -129,958 +129,988 @@ 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;
-                        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;
-                    };
-                    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;
-                    };
-                    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;
-                        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;
-                        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;
-                    };
-                    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;
+                        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;
+                            actions?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children?: undefined;
+                    } | {
                         id: string;
                         type: string;
                         props: {
                             url: string;
                             height: number;
-                            resizeMode: string;
+                            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;
+                            actions?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
-                    }[];
-                } | {
-                    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: ({
+                        children?: undefined;
+                    } | {
                         id: string;
                         type: string;
                         props: {
                             url: string;
                             height: number;
                             resizeMode: string;
-                            flex?: undefined;
-                            backgroundColor?: undefined;
+                            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;
+                            actions?: undefined;
                             padding?: undefined;
-                            justifyContent?: undefined;
+                            backgroundGradient?: undefined;
                         };
                         children?: undefined;
                     } | {
                         id: string;
                         type: string;
                         props: {
-                            flex: number;
-                            backgroundColor: string;
-                            padding: number;
-                            justifyContent: string;
+                            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;
+                            actions?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        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;
+                            actions?: 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;
+                            actions?: undefined;
+                            padding?: 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;
+                            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;
+                            actions?: undefined;
+                            padding?: 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;
+                            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;
+                            actions?: 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;
+                            actions?: undefined;
+                            padding?: 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;
+                            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;
+                            actions?: 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;
+                            actions?: 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;
+                            actions?: 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;
+                            actions?: 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;
+                            actions?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
                         };
                         children: {
                             id: string;
                             type: string;
                             props: {
-                                content: string;
-                                fontSize: number;
-                                fontWeight: string;
-                                color: string;
+                                url: string;
+                                height: number;
+                                resizeMode: 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;
-                    };
-                    children?: undefined;
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        padding: number;
-                        gap: number;
-                        borderRadius: number;
-                        overflow: string;
-                        marginVertical: number;
-                        backgroundGradient: {
+                    } | {
+                        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;
+                            actions?: undefined;
+                            padding?: undefined;
+                            backgroundGradient?: undefined;
+                        };
+                        children: ({
+                            id: string;
                             type: string;
-                            from: string;
-                            to: string;
-                            stops: {
-                                color: 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;
+                                };
                             }[];
-                        };
-                        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;
+                            label: string;
+                            variant: string;
+                            marginVertical: number;
+                            actions: (string | {
+                                type: string;
+                                function: string;
+                                variables: 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;
+                            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;
                         };
+                        children?: undefined;
                     } | {
                         id: string;
                         type: string;
                         props: {
-                            content: string;
-                            fontSize: number;
-                            color: string;
-                            opacity: number;
+                            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;
+                            actions?: undefined;
                         };
-                    })[];
-                } | {
-                    id: string;
-                    type: string;
-                    props: {
-                        label: string;
-                        variant: string;
-                        marginVertical: number;
-                        backgroundGradient: {
+                        children: ({
+                            id: string;
                             type: string;
-                            from: string;
-                            to: string;
-                            stops: {
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                fontWeight: string;
                                 color: string;
-                                position: number;
-                            }[];
+                                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;
+                            actions?: undefined;
+                            padding?: 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;
-                        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;
-                })[];
+                        children?: undefined;
+                    })[];
+                }[];
             }[];
             title?: undefined;
             description?: undefined;