@rocapine/react-native-onboarding-ui 1.7.0 → 1.8.0

package/dist/UI/OnboardingPage.js

@@ -23,7 +23,7 @@ const OnboardingPage = ({ step, onContinue, isSandbox }) => {
         case 'Question':
             return (0, jsx_runtime_1.jsx)(Pages_1.QuestionRenderer, { step: step, onContinue: onContinue, theme: theme });
         case 'ComposableScreen':
-            return (0, jsx_runtime_1.jsx)(Pages_1.ComposableScreenRenderer, { step: step, onContinue: onContinue, theme: theme });
+            return (0, jsx_runtime_1.jsx)(Pages_1.ComposableScreenRenderer, { step: step, onContinue: onContinue });
         default:
             if (isSandbox) {
                 // @ts-ignore

package/dist/UI/OnboardingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingPage.js","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":";;;;AACA,mCAAuO;AACvO,+CAAkD;AAClD,+CAA4C;AAerC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE7B,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/E,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,YAAY;YACf,OAAO,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAClF,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,cAAc;YACjB,OAAO,uBAAC,4BAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACpF,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,kBAAkB;YACrB,OAAO,uBAAC,gCAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACxF;YACE,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa;gBACb,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;gBAC3B,OAAO,wBAAC,mBAAI,eACV,wBAAC,mBAAI,0BAAS,QAAQ,wBAAwB,EAC9C,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mCAAmC,CAAC,CAAC;gBAChD,OAAO,wBAAC,mBAAI,eACV,uBAAC,mBAAI,sCAA2B,EAChC,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,cAAc,kBAoCzB"}
+{"version":3,"file":"OnboardingPage.js","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":";;;;AACA,mCAAuO;AACvO,+CAAkD;AAClD,+CAA4C;AAerC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE7B,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/E,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,YAAY;YACf,OAAO,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAClF,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,cAAc;YACjB,OAAO,uBAAC,4BAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACpF,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,kBAAkB;YACrB,OAAO,uBAAC,gCAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;QAC1E;YACE,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa;gBACb,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;gBAC3B,OAAO,wBAAC,mBAAI,eACV,wBAAC,mBAAI,0BAAS,QAAQ,wBAAwB,EAC9C,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mCAAmC,CAAC,CAAC;gBAChD,OAAO,wBAAC,mBAAI,eACV,uBAAC,mBAAI,sCAA2B,EAChC,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,cAAc,kBAoCzB"}

package/dist/UI/Pages/ComposableScreen/Renderer.d.ts

@@ -1,9 +1,7 @@
 import { ComposableScreenStepType } from "./types";
-import { Theme } from "../../Theme/types";
 type ContentProps = {
     step: ComposableScreenStepType;
     onContinue: () => void;
-    theme?: Theme;
 };
 export declare const ComposableScreenRenderer: {
     (props: ContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAA6C,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAsI1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAoUF,eAAO,MAAM,wBAAwB;;;CAAsE,CAAC"}
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAA6C,MAAM,SAAS,CAAC;AAQ9F,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AA2CF,eAAO,MAAM,wBAAwB;;;CAAsE,CAAC"}

package/dist/UI/Pages/ComposableScreen/Renderer.js

@@ -5,291 +5,30 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_native_1 = require("react-native");
 const types_1 = require("./types");
-const defaultTheme_1 = require("../../Theme/defaultTheme");
-const helpers_1 = require("../../Theme/helpers");
 const ErrorBoundary_1 = require("../../ErrorBoundary");
 const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
 const OnboardingProgressProvider_1 = require("../../Provider/OnboardingProgressProvider");
-let LottieView = null;
-try {
-    LottieView = require("lottie-react-native").default;
-}
-catch (_a) {
-    // lottie-react-native not installed
-}
-let VideoElementComponent = null;
-try {
-    const { VideoView, useVideoPlayer } = require("expo-video");
-    VideoElementComponent = ({ element, style }) => {
-        var _a;
-        const player = useVideoPlayer(element.props.url, (p) => {
-            var _a, _b;
-            p.loop = (_a = element.props.loop) !== null && _a !== void 0 ? _a : false;
-            p.muted = (_b = element.props.muted) !== null && _b !== void 0 ? _b : true;
-            if (element.props.autoPlay)
-                p.play();
-        });
-        return ((0, jsx_runtime_1.jsx)(VideoView, { player: player, style: style, allowsFullscreen: false, nativeControls: (_a = element.props.controls) !== null && _a !== void 0 ? _a : false }));
-    };
-}
-catch (_b) {
-    // expo-video not installed
-}
-const InputElementComponent = ({ element, theme, variables, onVariableChange }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    const persistedValue = element.props.variableName ? variables[element.props.variableName] : undefined;
-    const [value, setValue] = (0, react_1.useState)((_a = persistedValue !== null && persistedValue !== void 0 ? persistedValue : element.props.defaultValue) !== null && _a !== void 0 ? _a : "");
-    (0, react_1.useEffect)(() => {
-        if (element.props.variableName && element.props.defaultValue && persistedValue === undefined) {
-            onVariableChange(element.props.variableName, element.props.defaultValue);
-        }
-    }, []);
-    const handleChange = (text) => {
-        setValue(text);
-        if (element.props.variableName) {
-            onVariableChange(element.props.variableName, text);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-            backgroundColor: (_b = element.props.backgroundColor) !== null && _b !== void 0 ? _b : theme.colors.neutral.lowest,
-            borderWidth: (_c = element.props.borderWidth) !== null && _c !== void 0 ? _c : 1,
-            borderRadius: (_d = element.props.borderRadius) !== null && _d !== void 0 ? _d : 8,
-            borderColor: (_e = element.props.borderColor) !== null && _e !== void 0 ? _e : theme.colors.neutral.low,
-            width: element.props.width,
-            height: element.props.height,
-            opacity: element.props.opacity,
-            margin: element.props.margin,
-            marginHorizontal: element.props.marginHorizontal,
-            marginVertical: element.props.marginVertical,
-            overflow: "hidden",
-        }, children: (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { value: value, onChangeText: handleChange, placeholder: element.props.placeholder, placeholderTextColor: (_f = element.props.placeholderColor) !== null && _f !== void 0 ? _f : theme.colors.text.tertiary, keyboardType: (_g = element.props.keyboardType) !== null && _g !== void 0 ? _g : "default", returnKeyType: (_h = element.props.returnKeyType) !== null && _h !== void 0 ? _h : "done", autoCapitalize: (_j = element.props.autoCapitalize) !== null && _j !== void 0 ? _j : "sentences", secureTextEntry: (_k = element.props.secureTextEntry) !== null && _k !== void 0 ? _k : false, maxLength: element.props.maxLength, multiline: (_l = element.props.multiline) !== null && _l !== void 0 ? _l : false, numberOfLines: element.props.numberOfLines, editable: (_m = element.props.editable) !== null && _m !== void 0 ? _m : true, style: {
-                flex: 1,
-                color: (_o = element.props.color) !== null && _o !== void 0 ? _o : theme.colors.text.primary,
-                fontSize: (_p = element.props.fontSize) !== null && _p !== void 0 ? _p : theme.typography.textStyles.body.fontSize,
-                fontWeight: element.props.fontWeight,
-                textAlign: element.props.textAlign,
-                padding: (_q = element.props.padding) !== null && _q !== void 0 ? _q : 12,
-                paddingHorizontal: element.props.paddingHorizontal,
-                paddingVertical: element.props.paddingVertical,
-            } }) }));
-};
-let RiveElementComponent = null;
-try {
-    const riveModule = require("rive-react-native");
-    const Rive = riveModule.default;
-    const { Fit, Alignment } = riveModule;
-    RiveElementComponent = ({ element, riveStyle }) => {
-        var _a;
-        return ((0, jsx_runtime_1.jsx)(Rive, { url: element.props.url, autoplay: (_a = element.props.autoplay) !== null && _a !== void 0 ? _a : true, fit: element.props.fit ? Fit[element.props.fit] : Fit.Contain, alignment: element.props.alignment ? Alignment[element.props.alignment] : Alignment.Center, artboardName: element.props.artboardName, stateMachineName: element.props.stateMachineName, style: riveStyle, onError: console.error }));
-    };
-}
-catch (_c) {
-    // rive-react-native not installed - will show fallback if Rive is used
-}
-const interpolate = (template, variables) => template.replace(/\{\{([^}]+?)\}\}/g, (_, key) => { var _a; return (_a = variables[key]) !== null && _a !== void 0 ? _a : ""; });
-const renderElement = (element, theme, variables, setVariable, parentType) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    if (element.type === "YStack" || element.type === "XStack") {
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                flexDirection: element.type === "XStack" ? "row" : "column",
-                gap: element.props.gap,
-                padding: element.props.padding,
-                paddingHorizontal: element.props.paddingHorizontal,
-                paddingVertical: element.props.paddingVertical,
-                margin: element.props.margin,
-                marginHorizontal: element.props.marginHorizontal,
-                marginVertical: element.props.marginVertical,
-                flex: element.props.flex,
-                width: element.props.width,
-                height: element.props.height,
-                minWidth: element.props.minWidth,
-                maxWidth: element.props.maxWidth,
-                minHeight: element.props.minHeight,
-                maxHeight: element.props.maxHeight,
-                flexShrink: (_a = element.props.flexShrink) !== null && _a !== void 0 ? _a : (parentType === "XStack" ? 1 : undefined),
-                flexWrap: element.props.flexWrap,
-                alignItems: element.props.alignItems,
-                justifyContent: element.props.justifyContent,
-                backgroundColor: element.props.backgroundColor,
-                borderWidth: element.props.borderWidth,
-                borderRadius: element.props.borderRadius,
-                borderColor: element.props.borderColor,
-                overflow: element.props.overflow,
-                opacity: element.props.opacity,
-            }, children: element.children.map((child) => renderElement(child, theme, variables, setVariable, element.type)) }, element.id));
-    }
-    if (element.type === "Text") {
-        const content = element.props.mode === "expression"
-            ? interpolate(element.props.content, variables)
-            : element.props.content;
-        return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
-                fontSize: element.props.fontSize,
-                fontWeight: element.props.fontWeight,
-                fontFamily: element.props.fontFamily,
-                color: (_b = element.props.color) !== null && _b !== void 0 ? _b : theme.colors.text.primary,
-                textAlign: element.props.textAlign,
-                letterSpacing: element.props.letterSpacing,
-                lineHeight: element.props.lineHeight,
-                backgroundColor: element.props.backgroundColor,
-                padding: element.props.padding,
-                paddingHorizontal: element.props.paddingHorizontal,
-                paddingVertical: element.props.paddingVertical,
-                margin: element.props.margin,
-                marginHorizontal: element.props.marginHorizontal,
-                marginVertical: element.props.marginVertical,
-                borderWidth: element.props.borderWidth,
-                borderRadius: element.props.borderRadius,
-                borderColor: element.props.borderColor,
-                opacity: element.props.opacity,
-                flexShrink: parentType === "XStack" ? 1 : undefined,
-            }, children: content }, element.id));
-    }
-    if (element.type === "Image") {
-        const hasExplicitHeight = element.props.height !== undefined;
-        const aspectRatio = hasExplicitHeight
-            ? undefined
-            : ((_c = element.props.aspectRatio) !== null && _c !== void 0 ? _c : 16 / 9);
-        return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: element.props.url }, resizeMode: (_d = element.props.resizeMode) !== null && _d !== void 0 ? _d : "cover", style: {
-                width: (_e = element.props.width) !== null && _e !== void 0 ? _e : "100%",
-                height: element.props.height,
-                aspectRatio,
-                borderRadius: element.props.borderRadius,
-                borderWidth: element.props.borderWidth,
-                borderColor: element.props.borderColor,
-                opacity: element.props.opacity,
-                margin: element.props.margin,
-                marginHorizontal: element.props.marginHorizontal,
-                marginVertical: element.props.marginVertical,
-                padding: element.props.padding,
-                paddingHorizontal: element.props.paddingHorizontal,
-                paddingVertical: element.props.paddingVertical,
-            } }, element.id));
-    }
-    if (element.type === "Lottie") {
-        const wrapperStyle = {
-            width: (_f = element.props.width) !== null && _f !== void 0 ? _f : "100%",
-            height: (_g = element.props.height) !== null && _g !== void 0 ? _g : 200,
-            opacity: element.props.opacity,
-            margin: element.props.margin,
-            marginHorizontal: element.props.marginHorizontal,
-            marginVertical: element.props.marginVertical,
-            padding: element.props.padding,
-            paddingHorizontal: element.props.paddingHorizontal,
-            paddingVertical: element.props.paddingVertical,
-            borderWidth: element.props.borderWidth,
-            borderRadius: element.props.borderRadius,
-            borderColor: element.props.borderColor,
-            overflow: "hidden",
-        };
-        if (!LottieView) {
-            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [wrapperStyle, styles.mediaFallback, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.mediaFallbackText, (0, helpers_1.getTextStyle)(theme, "caption"), { color: theme.colors.text.tertiary }], children: "Install lottie-react-native to render Lottie animations." }) }, element.id));
-        }
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(LottieView, { source: { uri: element.props.source }, autoPlay: (_h = element.props.autoPlay) !== null && _h !== void 0 ? _h : true, loop: (_j = element.props.loop) !== null && _j !== void 0 ? _j : true, speed: element.props.speed, style: styles.fill }) }, element.id));
-    }
-    if (element.type === "Rive") {
-        const wrapperStyle = {
-            width: (_k = element.props.width) !== null && _k !== void 0 ? _k : "100%",
-            height: (_l = element.props.height) !== null && _l !== void 0 ? _l : 200,
-            opacity: element.props.opacity,
-            margin: element.props.margin,
-            marginHorizontal: element.props.marginHorizontal,
-            marginVertical: element.props.marginVertical,
-            padding: element.props.padding,
-            paddingHorizontal: element.props.paddingHorizontal,
-            paddingVertical: element.props.paddingVertical,
-            borderWidth: element.props.borderWidth,
-            borderRadius: element.props.borderRadius,
-            borderColor: element.props.borderColor,
-            overflow: "hidden",
-        };
-        if (!RiveElementComponent) {
-            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [wrapperStyle, styles.mediaFallback, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.mediaFallbackText, (0, helpers_1.getTextStyle)(theme, "caption"), { color: theme.colors.text.tertiary }], children: "Install rive-react-native to render Rive animations." }) }, element.id));
-        }
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(RiveElementComponent, { element: element, riveStyle: styles.fill }) }, element.id));
-    }
-    if (element.type === "Icon") {
-        const icons = require("lucide-react-native");
-        const IconComp = icons[element.props.name];
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                width: element.props.width,
-                height: element.props.height,
-                margin: element.props.margin,
-                marginHorizontal: element.props.marginHorizontal,
-                marginVertical: element.props.marginVertical,
-                padding: element.props.padding,
-                paddingHorizontal: element.props.paddingHorizontal,
-                paddingVertical: element.props.paddingVertical,
-                borderWidth: element.props.borderWidth,
-                borderRadius: element.props.borderRadius,
-                borderColor: element.props.borderColor,
-                opacity: element.props.opacity,
-            }, children: IconComp ? ((0, jsx_runtime_1.jsx)(IconComp, { size: (_m = element.props.size) !== null && _m !== void 0 ? _m : 24, color: (_o = element.props.color) !== null && _o !== void 0 ? _o : theme.colors.text.primary, strokeWidth: (_p = element.props.strokeWidth) !== null && _p !== void 0 ? _p : 2 })) : null }, element.id));
-    }
-    if (element.type === "Video") {
-        const wrapperStyle = {
-            width: (_q = element.props.width) !== null && _q !== void 0 ? _q : "100%",
-            height: (_r = element.props.height) !== null && _r !== void 0 ? _r : 200,
-            opacity: element.props.opacity,
-            margin: element.props.margin,
-            marginHorizontal: element.props.marginHorizontal,
-            marginVertical: element.props.marginVertical,
-            padding: element.props.padding,
-            paddingHorizontal: element.props.paddingHorizontal,
-            paddingVertical: element.props.paddingVertical,
-            borderWidth: element.props.borderWidth,
-            borderRadius: element.props.borderRadius,
-            borderColor: element.props.borderColor,
-            overflow: "hidden",
-        };
-        if (!VideoElementComponent) {
-            return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [wrapperStyle, styles.mediaFallback, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.mediaFallbackText, (0, helpers_1.getTextStyle)(theme, "caption"), { color: theme.colors.text.tertiary }], children: "Install expo-video to render videos." }) }, element.id));
-        }
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(VideoElementComponent, { element: element, style: styles.fill }) }, element.id));
-    }
-    if (element.type === "Input") {
-        return (0, jsx_runtime_1.jsx)(InputElementComponent, { element: element, theme: theme, variables: variables, onVariableChange: setVariable }, element.id);
-    }
-    return null;
-};
-const ComposableScreenRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
+const useTheme_1 = require("../../Theme/useTheme");
+const renderElement_1 = require("./elements/renderElement");
+const ComposableScreenRendererBase = ({ step, onContinue }) => {
+    const { theme } = (0, useTheme_1.useTheme)();
     const validatedData = (0, react_1.useMemo)(() => types_1.ComposableScreenStepTypeSchema.parse(step), [step]);
     const { elements } = validatedData.payload;
     const { composableVariables, setComposableVariable } = (0, react_1.useContext)(OnboardingProgressProvider_1.OnboardingProgressContext);
-    return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: onContinue, theme: theme, children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, keyboardShouldPersistTaps: "handled", children: [elements.map((element) => renderElement(element, theme, composableVariables, setComposableVariable)), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSection, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.ctaButton, { backgroundColor: theme.colors.primary }], onPress: onContinue, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
-                                (0, helpers_1.getTextStyle)(theme, "button"),
-                                { color: theme.colors.text.opposite },
-                            ], children: validatedData.continueButtonLabel }) }) })] }) }));
+    const renderChildren = (children, parentType) => children.map((child) => (0, renderElement_1.renderElement)(child, ctx, parentType));
+    const ctx = {
+        theme,
+        variables: composableVariables,
+        setVariable: setComposableVariable,
+        onContinue,
+        renderChildren,
+    };
+    return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: validatedData, onContinue: onContinue, theme: theme, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, keyboardShouldPersistTaps: "handled", children: elements.map((element) => (0, renderElement_1.renderElement)(element, ctx)) }) }));
 };
 const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    fill: {
-        width: "100%",
-        height: "100%",
-    },
     scrollContent: {
         flexGrow: 1,
     },
-    bottomSection: {
-        paddingHorizontal: 32,
-        alignItems: "center",
-    },
-    ctaButton: {
-        borderRadius: 90,
-        paddingVertical: 18,
-        paddingHorizontal: 24,
-        minWidth: 234,
-        alignItems: "center",
-    },
-    mediaFallback: {
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    mediaFallbackText: {
-        textAlign: "center",
-        paddingHorizontal: 16,
-    },
 });
 exports.ComposableScreenRenderer = (0, ErrorBoundary_1.withErrorBoundary)(ComposableScreenRendererBase, "ComposableScreen");
 //# sourceMappingURL=Renderer.js.map

package/dist/UI/Pages/ComposableScreen/Renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,+CAAsD;AACtD,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAAsF;AACtF,mDAAgD;AAEhD,4DAAyD;AAOzD,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAE7F,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,UAA+B,EAAE,EAAE,CAChF,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAkB;QACzB,KAAK;QACL,SAAS,EAAE,mBAAmB;QAC9B,WAAW,EAAE,qBAAqB;QAClC,UAAU;QACV,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,YAEZ,uBAAC,yBAAU,IACT,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,4BAA4B,EAAE,KAAK,EACnC,oBAAoB,EAAE,KAAK,EAC3B,yBAAyB,EAAC,SAAS,YAElC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAC5C,GACM,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,iCAAiB,EAAC,4BAA4B,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.d.ts

@@ -0,0 +1,30 @@
+import { z } from "zod";
+export type BaseBoxProps = {
+    width?: number;
+    height?: number;
+    opacity?: number;
+    margin?: number;
+    marginHorizontal?: number;
+    marginVertical?: number;
+    padding?: number;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    borderWidth?: number;
+    borderRadius?: number;
+    borderColor?: string;
+};
+export declare const BaseBoxPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+//# sourceMappingURL=BaseBoxProps.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBoxProps.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/BaseBoxProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;iBAa7B,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseBoxPropsSchema = void 0;
+const zod_1 = require("zod");
+exports.BaseBoxPropsSchema = zod_1.z.object({
+    width: zod_1.z.number().min(0).optional(),
+    height: zod_1.z.number().min(0).optional(),
+    opacity: zod_1.z.number().min(0).max(1).optional(),
+    margin: zod_1.z.number().optional(),
+    marginHorizontal: zod_1.z.number().optional(),
+    marginVertical: zod_1.z.number().optional(),
+    padding: zod_1.z.number().min(0).optional(),
+    paddingHorizontal: zod_1.z.number().min(0).optional(),
+    paddingVertical: zod_1.z.number().min(0).optional(),
+    borderWidth: zod_1.z.number().min(0).optional(),
+    borderRadius: zod_1.z.number().min(0).optional(),
+    borderColor: zod_1.z.string().optional(),
+});
+//# sourceMappingURL=BaseBoxProps.js.map

package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseBoxProps.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/BaseBoxProps.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AAiBX,QAAA,kBAAkB,GAAG,OAAC,CAAC,MAAM,CAAC;IACzC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACnC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACpC,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5C,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC7B,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACvC,cAAc,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACrC,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACrC,iBAAiB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC/C,eAAe,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC7C,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACzC,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC1C,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACnC,CAAC,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts

@@ -0,0 +1,67 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type ButtonElementProps = BaseBoxProps & {
+    label: string;
+    action?: "continue";
+    variant?: "filled" | "outlined" | "ghost";
+    backgroundColor?: string;
+    color?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fontFamily?: string;
+    textAlign?: "left" | "center" | "right";
+    alignSelf?: "auto" | "flex-start" | "center" | "flex-end" | "stretch";
+};
+export declare const ButtonElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    label: z.ZodString;
+    action: z.ZodOptional<z.ZodEnum<{
+        continue: "continue";
+    }>>;
+    variant: z.ZodOptional<z.ZodEnum<{
+        filled: "filled";
+        outlined: "outlined";
+        ghost: "ghost";
+    }>>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    color: z.ZodOptional<z.ZodString>;
+    fontSize: z.ZodOptional<z.ZodNumber>;
+    fontWeight: z.ZodOptional<z.ZodString>;
+    fontFamily: z.ZodOptional<z.ZodString>;
+    textAlign: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        center: "center";
+    }>>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+    }>>;
+}, z.core.$strip>;
+type ButtonUIElement = Extract<UIElement, {
+    type: "Button";
+}>;
+type Props = {
+    element: ButtonUIElement;
+    ctx: RenderContext;
+};
+export declare const ButtonElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=ButtonElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAWnC,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAE9D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,eAAe,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAuDtE,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonElementComponent = exports.ButtonElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.ButtonElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    label: zod_1.z.string().min(1, "label must not be empty"),
+    action: zod_1.z.enum(["continue"]).optional(),
+    variant: zod_1.z.enum(["filled", "outlined", "ghost"]).optional(),
+    backgroundColor: zod_1.z.string().optional(),
+    color: zod_1.z.string().optional(),
+    fontSize: zod_1.z.number().optional(),
+    fontWeight: zod_1.z.string().optional(),
+    fontFamily: zod_1.z.string().optional(),
+    textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
+    alignSelf: zod_1.z.enum(["auto", "flex-start", "center", "flex-end", "stretch"]).optional(),
+});
+const ButtonElementComponent = ({ element, ctx }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const { theme, onContinue } = ctx;
+    const action = element.props.action;
+    const handlePress = () => {
+        if (action === undefined || action === "continue") {
+            onContinue();
+        }
+        // other action values are no-ops
+    };
+    const variant = (_a = element.props.variant) !== null && _a !== void 0 ? _a : "filled";
+    const isFilled = variant === "filled";
+    const isOutlined = variant === "outlined";
+    const bgColor = isFilled
+        ? ((_b = element.props.backgroundColor) !== null && _b !== void 0 ? _b : theme.colors.primary)
+        : "transparent";
+    const textColor = isFilled
+        ? ((_c = element.props.color) !== null && _c !== void 0 ? _c : theme.colors.text.opposite)
+        : ((_d = element.props.color) !== null && _d !== void 0 ? _d : theme.colors.primary);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, style: {
+            backgroundColor: bgColor,
+            borderRadius: (_e = element.props.borderRadius) !== null && _e !== void 0 ? _e : 90,
+            borderWidth: isOutlined ? ((_f = element.props.borderWidth) !== null && _f !== void 0 ? _f : 1) : ((_g = element.props.borderWidth) !== null && _g !== void 0 ? _g : 0),
+            borderColor: isOutlined ? ((_h = element.props.borderColor) !== null && _h !== void 0 ? _h : theme.colors.primary) : element.props.borderColor,
+            padding: element.props.padding,
+            paddingVertical: (_j = element.props.paddingVertical) !== null && _j !== void 0 ? _j : 14,
+            paddingHorizontal: (_k = element.props.paddingHorizontal) !== null && _k !== void 0 ? _k : 24,
+            width: element.props.width,
+            height: element.props.height,
+            margin: element.props.margin,
+            marginHorizontal: element.props.marginHorizontal,
+            marginVertical: element.props.marginVertical,
+            opacity: element.props.opacity,
+            alignSelf: (_l = element.props.alignSelf) !== null && _l !== void 0 ? _l : (element.props.width ? undefined : "stretch"),
+            alignItems: "center",
+            justifyContent: "center",
+        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                color: textColor,
+                fontSize: (_m = element.props.fontSize) !== null && _m !== void 0 ? _m : theme.typography.textStyles.button.fontSize,
+                fontWeight: (_o = element.props.fontWeight) !== null && _o !== void 0 ? _o : theme.typography.textStyles.button.fontWeight,
+                fontFamily: element.props.fontFamily,
+                textAlign: (_p = element.props.textAlign) !== null && _p !== void 0 ? _p : "center",
+            }, children: element.props.label }) }));
+};
+exports.ButtonElementComponent = ButtonElementComponent;
+//# sourceMappingURL=ButtonElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type IconElementProps = BaseBoxProps & {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    backgroundColor?: string;
+};
+export declare const IconElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    name: z.ZodString;
+    size: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type IconUIElement = Extract<UIElement, {
+    type: "Icon";
+}>;
+type Props = {
+    element: IconUIElement;
+    ctx: RenderContext;
+};
+export declare const IconElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=IconElement.d.ts.map