@rocapine/react-native-onboarding 1.25.1 → 1.27.0

package/dist/onboarding-example.d.ts

@@ -146,2070 +146,2309 @@ export declare const onboardingExample: {
                     id: string;
                     type: string;
                     props: {
-                        gap: number;
-                        padding: number;
+                        flex: number;
+                        showsVerticalScrollIndicator: boolean;
                     };
-                    children: ({
+                    children: {
                         id: string;
                         type: string;
                         props: {
-                            source: string;
-                            height: number;
-                            autoPlay: boolean;
-                            loop: boolean;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            url: string;
-                            width: string;
-                            aspectRatio: number;
-                            autoPlay: boolean;
-                            fit: string;
-                            source?: undefined;
-                            height?: undefined;
-                            loop?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            url: string;
-                            height: number;
-                            resizeMode: string;
-                            borderRadius: number;
-                            source?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            name: string;
-                            size: number;
-                            color: string;
-                            marginVertical: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            url: string;
-                            height: number;
-                            borderRadius: number;
-                            controls: boolean;
-                            muted: boolean;
-                            contentFit: string;
-                            source?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            keyboardVerticalOffset: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
+                            gap: number;
+                            padding: number;
                         };
-                        children: {
+                        children: ({
                             id: string;
                             type: string;
                             props: {
-                                variableName: string;
-                                placeholder: string;
-                                keyboardType: string;
-                                returnKeyType: string;
-                                autoCapitalize: string;
-                                marginVertical: number;
+                                source: string;
+                                height: number;
+                                autoPlay: boolean;
+                                loop: boolean;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                        }[];
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            horizontal: boolean;
-                            showsHorizontalScrollIndicator: boolean;
-                            contentContainerPadding: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
                             id: string;
                             type: string;
                             props: {
-                                content: string;
-                                width: number;
-                                height: number;
-                                marginHorizontal: number;
-                                borderWidth: number;
-                                borderRadius: number;
-                                borderColor: string;
-                                paddingVertical: number;
-                                textAlign: string;
-                                fontSize: number;
-                                fontWeight: string;
+                                url: string;
+                                width: string;
+                                aspectRatio: number;
+                                autoPlay: boolean;
+                                fit: string;
+                                source?: undefined;
+                                height?: undefined;
+                                loop?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                        }[];
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            content: string;
-                            fontSize: number;
-                            fontFamily: string;
-                            fontStyle: string;
-                            textAlign: string;
-                            marginVertical: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontWeight?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            content: string;
-                            fontSize: number;
-                            textAlign: string;
-                            opacity: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontWeight?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            content: string;
-                            fontFamily: string;
-                            fontSize: number;
-                            textAlign: string;
-                            opacity: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontWeight?: undefined;
-                            fontStyle?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            marginVertical?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontWeight?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            fontWeight?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        renderWhen: {
-                            variable: string;
-                            operator: string;
-                            value: string;
-                        };
-                        type: string;
-                        props: {
-                            content: string;
-                            fontSize: number;
-                            fontWeight: string;
-                            textAlign: string;
-                            marginVertical: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            defaultValue?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            carouselType: string;
-                            autoPlay: boolean;
-                            loop: boolean;
-                            showDots: boolean;
-                            height: number;
-                            borderRadius: number;
-                            marginVertical: number;
-                            defaultIndex: number;
-                            variableName: string;
-                            source?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: 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;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
                             id: string;
                             type: string;
                             props: {
                                 url: string;
                                 height: number;
                                 resizeMode: string;
+                                borderRadius: number;
+                                source?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                        }[];
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            gap: number;
-                            marginVertical: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
                             id: string;
                             type: string;
                             props: {
-                                label: string;
-                                variant: string;
-                                flex: number;
-                                actions: {
-                                    type: string;
-                                    name: string;
-                                    value: string;
-                                    valueMode: string;
-                                }[];
+                                name: string;
+                                size: number;
+                                color: string;
+                                fill: string;
+                                fillOpacity: number;
+                                marginVertical: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                        }[];
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            height: number;
-                            borderRadius: number;
-                            overflow: string;
-                            marginVertical: number;
-                            source?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children: ({
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
                             id: string;
                             type: string;
                             props: {
                                 url: string;
                                 height: number;
-                                resizeMode: string;
-                                flex?: undefined;
-                                backgroundColor?: undefined;
+                                borderRadius: number;
+                                controls: boolean;
+                                muted: boolean;
+                                contentFit: string;
+                                source?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
                                 padding?: undefined;
-                                justifyContent?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
                             children?: undefined;
+                            renderWhen?: undefined;
                         } | {
                             id: string;
                             type: string;
                             props: {
-                                flex: number;
-                                backgroundColor: string;
-                                padding: number;
-                                justifyContent: string;
+                                keyboardVerticalOffset: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children: {
+                                id: string;
+                                type: string;
+                                props: {
+                                    variableName: string;
+                                    placeholder: string;
+                                    keyboardType: string;
+                                    returnKeyType: string;
+                                    autoCapitalize: string;
+                                    marginVertical: number;
+                                };
+                            }[];
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            renderWhen: {
+                                variable: string;
+                                operator: string;
+                                value?: undefined;
+                            };
+                            props: {
+                                content: string;
+                                mode: string;
+                                fontSize: number;
+                                textAlign: string;
+                                opacity: number;
+                                marginVertical: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
                                 url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                horizontal: boolean;
+                                showsHorizontalScrollIndicator: boolean;
+                                contentContainerPadding: number;
+                                source?: undefined;
                                 height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
                                 resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
                             children: {
                                 id: string;
                                 type: string;
                                 props: {
                                     content: string;
+                                    width: number;
+                                    height: number;
+                                    marginHorizontal: number;
+                                    borderWidth: number;
+                                    borderRadius: number;
+                                    borderColor: string;
+                                    paddingVertical: number;
+                                    textAlign: string;
                                     fontSize: number;
                                     fontWeight: string;
-                                    color: string;
                                 };
                             }[];
-                        })[];
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            actions: (string | {
-                                type: string;
-                                function: string;
-                                variables: string[];
-                            })[];
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: 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;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children: ({
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
                                 opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
+                            children?: undefined;
+                            renderWhen?: undefined;
                         } | {
                             id: string;
                             type: string;
                             props: {
                                 content: string;
                                 fontSize: number;
-                                color: string;
-                                opacity: number;
-                                fontWeight?: undefined;
-                            };
-                        })[];
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            backgroundGradient: {
-                                type: string;
-                                from: string;
-                                to: string;
-                                stops: {
-                                    color: string;
-                                    position: number;
-                                }[];
+                                fontWeight: string;
+                                fontFamily: string;
+                                textAlign: string;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            content: string;
-                            fontSize: number;
-                            fontWeight: string;
-                            marginVertical: number;
-                            opacity: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            mode?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            label?: undefined;
-                            variant?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            backgroundColor: string;
-                            shadowColor: string;
-                            shadowOffset: {
-                                width: number;
-                                height: number;
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                fontFamily: string;
+                                fontStyle: string;
+                                textAlign: string;
+                                marginVertical: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            shadowOpacity: number;
-                            shadowRadius: number;
-                            elevation: number;
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            backgroundColor: string;
-                            transitionDurationMs: number;
-                            pressedStyle: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                textAlign: string;
                                 opacity: number;
-                                backgroundColor: string;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            actions?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            actions: string[];
-                            disabledWhen: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontFamily: string;
+                                fontSize: number;
+                                textAlign: string;
+                                opacity: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                marginVertical?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            renderWhen: {
                                 variable: string;
                                 operator: string;
                                 value: string;
                             };
-                            disabledStyle: {
-                                backgroundColor: string;
-                                color: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                fontWeight: string;
+                                textAlign: string;
+                                marginVertical: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                defaultValue?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                variableName: string;
+                                defaultValue: string;
+                                range: {
+                                    min: number;
+                                    max: number;
+                                    step: number;
+                                    unit: string;
+                                };
+                                height: number;
+                                marginVertical: number;
+                                source?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                carouselType: string;
+                                autoPlay: boolean;
+                                loop: boolean;
+                                showDots: boolean;
+                                height: number;
                                 borderRadius: number;
+                                marginVertical: number;
+                                defaultIndex: number;
+                                variableName: string;
+                                source?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
                                 shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
                                 elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            actions: {
+                            children: {
+                                id: string;
                                 type: string;
-                                name: string;
-                                value: string;
-                                label: string;
+                                props: {
+                                    url: string;
+                                    height: number;
+                                    resizeMode: string;
+                                };
                             }[];
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                            shadowColor?: undefined;
-                            shadowOffset?: undefined;
-                            shadowOpacity?: undefined;
-                            shadowRadius?: undefined;
-                            elevation?: undefined;
-                            transitionDurationMs?: undefined;
-                            pressedStyle?: undefined;
-                            disabledWhen?: undefined;
-                            disabledStyle?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    } | {
-                        id: string;
-                        type: string;
-                        props: {
-                            label: string;
-                            variant: string;
-                            marginVertical: number;
-                            actions: string[];
-                            disabledWhen: {
-                                variable: string;
-                                operator: string;
-                                value: string;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                gap: number;
+                                marginVertical: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            transitionDurationMs: number;
-                            shadowColor: string;
-                            shadowOffset: {
-                                width: number;
+                            children: {
+                                id: string;
+                                type: string;
+                                props: {
+                                    label: string;
+                                    variant: string;
+                                    flex: number;
+                                    actions: {
+                                        type: string;
+                                        name: string;
+                                        value: string;
+                                        valueMode: string;
+                                    }[];
+                                };
+                            }[];
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
                                 height: number;
+                                borderRadius: number;
+                                overflow: string;
+                                marginVertical: number;
+                                source?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            shadowOpacity: number;
-                            shadowRadius: number;
-                            elevation: number;
-                            pressedStyle: {
+                            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;
+                                    };
+                                }[];
+                            })[];
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
+                                actions: (string | {
+                                    type: string;
+                                    function: string;
+                                    variables: string[];
+                                })[];
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: 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;
+                                };
+                            })[];
+                            renderWhen?: 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;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                content: string;
+                                fontSize: number;
+                                fontWeight: string;
+                                marginVertical: number;
                                 opacity: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                mode?: undefined;
+                                textAlign?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                label?: undefined;
+                                variant?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
                                 backgroundColor: string;
+                                shadowColor: string;
+                                shadowOffset: {
+                                    width: number;
+                                    height: number;
+                                };
+                                shadowOpacity: number;
+                                shadowRadius: number;
+                                elevation: number;
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
                             };
-                            disabledStyle: {
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
                                 backgroundColor: string;
-                                color: string;
+                                transitionDurationMs: number;
+                                pressedStyle: {
+                                    opacity: number;
+                                    backgroundColor: string;
+                                };
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                actions?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
+                                actions: string[];
+                                disabledWhen: {
+                                    variable: string;
+                                    operator: string;
+                                    value: string;
+                                };
+                                disabledStyle: {
+                                    backgroundColor: string;
+                                    color: string;
+                                    borderRadius: number;
+                                    shadowOpacity?: undefined;
+                                    elevation?: undefined;
+                                };
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
+                                actions: {
+                                    type: string;
+                                    name: string;
+                                    value: string;
+                                    label: string;
+                                }[];
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
+                                borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
+                                shadowColor?: undefined;
+                                shadowOffset?: undefined;
+                                shadowOpacity?: undefined;
+                                shadowRadius?: undefined;
+                                elevation?: undefined;
+                                transitionDurationMs?: undefined;
+                                pressedStyle?: undefined;
+                                disabledWhen?: undefined;
+                                disabledStyle?: undefined;
+                            };
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        } | {
+                            id: string;
+                            type: string;
+                            props: {
+                                label: string;
+                                variant: string;
+                                marginVertical: number;
+                                actions: string[];
+                                disabledWhen: {
+                                    variable: string;
+                                    operator: string;
+                                    value: string;
+                                };
+                                transitionDurationMs: number;
+                                shadowColor: string;
+                                shadowOffset: {
+                                    width: number;
+                                    height: number;
+                                };
                                 shadowOpacity: number;
+                                shadowRadius: number;
                                 elevation: number;
+                                pressedStyle: {
+                                    opacity: number;
+                                    backgroundColor: string;
+                                };
+                                disabledStyle: {
+                                    backgroundColor: string;
+                                    color: string;
+                                    shadowOpacity: number;
+                                    elevation: number;
+                                    borderRadius?: undefined;
+                                };
+                                source?: undefined;
+                                height?: undefined;
+                                autoPlay?: undefined;
+                                loop?: undefined;
+                                url?: undefined;
+                                width?: undefined;
+                                aspectRatio?: undefined;
+                                fit?: undefined;
+                                resizeMode?: undefined;
                                 borderRadius?: undefined;
+                                name?: undefined;
+                                size?: undefined;
+                                color?: undefined;
+                                fill?: undefined;
+                                fillOpacity?: undefined;
+                                controls?: undefined;
+                                muted?: undefined;
+                                contentFit?: undefined;
+                                keyboardVerticalOffset?: undefined;
+                                content?: undefined;
+                                mode?: undefined;
+                                fontSize?: undefined;
+                                textAlign?: undefined;
+                                opacity?: undefined;
+                                horizontal?: undefined;
+                                showsHorizontalScrollIndicator?: undefined;
+                                contentContainerPadding?: undefined;
+                                fontWeight?: undefined;
+                                fontFamily?: undefined;
+                                fontStyle?: undefined;
+                                lineHeight?: undefined;
+                                variableName?: undefined;
+                                defaultValue?: undefined;
+                                gap?: undefined;
+                                items?: undefined;
+                                defaultValues?: undefined;
+                                display?: undefined;
+                                maximumDate?: undefined;
+                                range?: undefined;
+                                carouselType?: undefined;
+                                showDots?: undefined;
+                                defaultIndex?: undefined;
+                                overflow?: undefined;
+                                padding?: undefined;
+                                backgroundGradient?: undefined;
+                                backgroundColor?: undefined;
                             };
-                            source?: undefined;
-                            height?: undefined;
-                            autoPlay?: undefined;
-                            loop?: undefined;
-                            url?: undefined;
-                            width?: undefined;
-                            aspectRatio?: undefined;
-                            fit?: undefined;
-                            resizeMode?: undefined;
-                            borderRadius?: undefined;
-                            name?: undefined;
-                            size?: undefined;
-                            color?: undefined;
-                            controls?: undefined;
-                            muted?: undefined;
-                            contentFit?: undefined;
-                            keyboardVerticalOffset?: undefined;
-                            horizontal?: undefined;
-                            showsHorizontalScrollIndicator?: undefined;
-                            contentContainerPadding?: undefined;
-                            content?: undefined;
-                            mode?: undefined;
-                            fontSize?: undefined;
-                            fontWeight?: undefined;
-                            textAlign?: undefined;
-                            fontFamily?: undefined;
-                            fontStyle?: undefined;
-                            opacity?: undefined;
-                            lineHeight?: undefined;
-                            variableName?: undefined;
-                            defaultValue?: undefined;
-                            gap?: undefined;
-                            items?: undefined;
-                            defaultValues?: undefined;
-                            display?: undefined;
-                            maximumDate?: undefined;
-                            carouselType?: undefined;
-                            showDots?: undefined;
-                            defaultIndex?: undefined;
-                            overflow?: undefined;
-                            padding?: undefined;
-                            backgroundGradient?: undefined;
-                            backgroundColor?: undefined;
-                        };
-                        children?: undefined;
-                        renderWhen?: undefined;
-                    })[];
+                            children?: undefined;
+                            renderWhen?: undefined;
+                        })[];
+                    }[];
                 }[];
             }[];
             title?: undefined;