@rocapine/react-native-onboarding-ui 1.19.0 → 1.22.0

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

@@ -1,5 +1,6 @@
 import React from "react";
 import { z } from "zod";
+import { type LeafCondition, type ConditionGroup, type ComposableVariableKind } from "@rocapine/react-native-onboarding";
 import { BaseBoxProps } from "./BaseBoxProps";
 import { UIElement } from "../types";
 import { RenderContext } from "./shared";
@@ -18,12 +19,35 @@ export type SetVariableButtonAction = {
     name: string;
     value: string;
     label?: string;
+    /**
+     * When `"expression"`, `value` is parsed as an arithmetic expression with
+     * `{{var}}` references, numeric literals, and `+ - * /` (parens supported).
+     * On parse failure, falls back to plain interpolation (string).
+     * Defaults to `"literal"` — `value` stored verbatim.
+     */
+    valueMode?: "literal" | "expression";
+    /**
+     * Tags the stored variable's underlying type. In `"literal"` mode this is
+     * used as-is. In `"expression"` mode the inferred result kind is used
+     * unless `kind` is explicitly set (ignored — expression mode derives kind
+     * from evaluation).
+     */
+    kind?: ComposableVariableKind;
 };
 export declare const SetVariableButtonActionSchema: z.ZodObject<{
     type: z.ZodLiteral<"setVariable">;
     name: z.ZodString;
     value: z.ZodString;
     label: z.ZodOptional<z.ZodString>;
+    valueMode: z.ZodOptional<z.ZodEnum<{
+        literal: "literal";
+        expression: "expression";
+    }>>;
+    kind: z.ZodOptional<z.ZodEnum<{
+        string: "string";
+        int: "int";
+        float: "float";
+    }>>;
 }, z.core.$strip>;
 export type ButtonAction = "continue" | CustomButtonAction | SetVariableButtonAction;
 export declare const ButtonActionSchema: z.ZodUnion<readonly [z.ZodLiteral<"continue">, z.ZodObject<{
@@ -35,6 +59,15 @@ export declare const ButtonActionSchema: z.ZodUnion<readonly [z.ZodLiteral<"cont
     name: z.ZodString;
     value: z.ZodString;
     label: z.ZodOptional<z.ZodString>;
+    valueMode: z.ZodOptional<z.ZodEnum<{
+        literal: "literal";
+        expression: "expression";
+    }>>;
+    kind: z.ZodOptional<z.ZodEnum<{
+        string: "string";
+        int: "int";
+        float: "float";
+    }>>;
 }, z.core.$strip>]>;
 export type ButtonElementProps = BaseBoxProps & {
     label: string;
@@ -53,6 +86,9 @@ export type ButtonElementProps = BaseBoxProps & {
     fontFamily?: string | "inherit";
     fontStyle?: "normal" | "italic";
     textAlign?: "left" | "center" | "right";
+    disabledWhen?: LeafCondition | ConditionGroup;
+    disabledBackgroundColor?: string;
+    disabledColor?: string;
 };
 export declare const ButtonElementPropsSchema: z.ZodObject<{
     width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
@@ -124,6 +160,15 @@ export declare const ButtonElementPropsSchema: z.ZodObject<{
         name: z.ZodString;
         value: z.ZodString;
         label: z.ZodOptional<z.ZodString>;
+        valueMode: z.ZodOptional<z.ZodEnum<{
+            literal: "literal";
+            expression: "expression";
+        }>>;
+        kind: z.ZodOptional<z.ZodEnum<{
+            string: "string";
+            int: "int";
+            float: "float";
+        }>>;
     }, z.core.$strip>]>>>;
     action: z.ZodOptional<z.ZodEnum<{
         continue: "continue";
@@ -147,6 +192,23 @@ export declare const ButtonElementPropsSchema: z.ZodObject<{
         right: "right";
         center: "center";
     }>>;
+    disabledWhen: z.ZodOptional<z.ZodUnion<readonly [z.ZodObject<{
+        variable: z.ZodString;
+        operator: z.ZodEnum<{
+            eq: "eq";
+            neq: "neq";
+            gt: "gt";
+            lt: "lt";
+            gte: "gte";
+            lte: "lte";
+            contains: "contains";
+            in: "in";
+            not_in: "not_in";
+        }>;
+        value: z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean]>>]>;
+    }, z.core.$strip>, z.ZodType<ConditionGroup, unknown, z.core.$ZodTypeInternals<ConditionGroup, unknown>>]>>;
+    disabledBackgroundColor: z.ZodOptional<z.ZodString>;
+    disabledColor: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 type ButtonUIElement = Extract<UIElement, {
     type: "Button";

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

@@ -1 +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;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAmC,MAAM,UAAU,CAAC;AAI1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;iBAInC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;iBAKxC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAErF,eAAO,MAAM,kBAAkB;;;;;;;;;mBAI7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yCAAyC;IACzC,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,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAYnC,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,YAyItE,CAAC"}
+{"version":3,"file":"ButtonElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAG5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAmC,MAAM,UAAU,CAAC;AAK1E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;iBAInC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;iBAOxC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,kBAAkB,GAAG,uBAAuB,CAAC;AAErF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;mBAI7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,yCAAyC;IACzC,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,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC9C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAenC,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,YA6KtE,CAAC"}

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

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonElementComponent = exports.ButtonElementPropsSchema = exports.ButtonActionSchema = exports.SetVariableButtonActionSchema = exports.CustomButtonActionSchema = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const zod_1 = require("zod");
 const react_native_1 = require("react-native");
 const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
 const BaseBoxProps_1 = require("./BaseBoxProps");
 const shared_1 = require("./shared");
 const GradientBox_1 = require("./GradientBox");
+const expression_1 = require("./expression");
 exports.CustomButtonActionSchema = zod_1.z.object({
     type: zod_1.z.literal("custom"),
     function: zod_1.z.string().min(1, "function must not be empty"),
@@ -18,6 +20,8 @@ exports.SetVariableButtonActionSchema = zod_1.z.object({
     name: zod_1.z.string().min(1, "name must not be empty"),
     value: zod_1.z.string(),
     label: zod_1.z.string().optional(),
+    valueMode: zod_1.z.enum(["literal", "expression"]).optional(),
+    kind: zod_1.z.enum(["int", "float", "string"]).optional(),
 });
 exports.ButtonActionSchema = zod_1.z.union([
     zod_1.z.literal("continue"),
@@ -36,12 +40,21 @@ exports.ButtonElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
     fontFamily: zod_1.z.string().optional(),
     fontStyle: zod_1.z.enum(["normal", "italic"]).optional(),
     textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
+    disabledWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
+    disabledBackgroundColor: zod_1.z.string().optional(),
+    disabledColor: zod_1.z.string().optional(),
 });
 const ButtonElementComponent = ({ element, ctx }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const { theme, onContinue, customActions, variables, setVariable } = ctx;
+    const flatVariables = (0, react_1.useMemo)(() => Object.fromEntries(Object.entries(variables).map(([k, v]) => [k, v === null || v === void 0 ? void 0 : v.value])), [variables]);
+    const isDisabled = element.props.disabledWhen
+        ? (0, react_native_onboarding_1.evaluateCondition)(element.props.disabledWhen, flatVariables)
+        : false;
     const handlePress = async () => {
         var _a;
+        if (isDisabled)
+            return;
         const { actions, action } = element.props;
         const effective = actions !== null && actions !== void 0 ? actions : (action === "continue" ? ["continue"] : []);
         for (const act of effective) {
@@ -50,7 +63,18 @@ const ButtonElementComponent = ({ element, ctx }) => {
                 return;
             }
             if (act.type === "setVariable") {
-                setVariable(act.name, { value: act.value, label: act.label });
+                let value;
+                let kind;
+                if (act.valueMode === "expression") {
+                    const computed = (0, expression_1.evaluateSetVariableExpression)(act.value, variables);
+                    value = computed.value;
+                    kind = computed.kind;
+                }
+                else {
+                    value = act.value;
+                    kind = act.kind;
+                }
+                setVariable(act.name, { value, label: act.label, kind });
                 continue;
             }
             const handler = customActions[act.function];
@@ -74,63 +98,74 @@ const ButtonElementComponent = ({ element, ctx }) => {
     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);
-    const hasGradient = isFilled && !!element.props.backgroundGradient;
-    const borderRadius = (_e = element.props.borderRadius) !== null && _e !== void 0 ? _e : 90;
+    const disabledBg = (_b = element.props.disabledBackgroundColor) !== null && _b !== void 0 ? _b : theme.colors.disable;
+    const disabledText = (_c = element.props.disabledColor) !== null && _c !== void 0 ? _c : theme.colors.text.disable;
+    const bgColor = isDisabled
+        ? isFilled
+            ? disabledBg
+            : "transparent"
+        : isFilled
+            ? ((_d = element.props.backgroundColor) !== null && _d !== void 0 ? _d : theme.colors.primary)
+            : "transparent";
+    const textColor = isDisabled
+        ? disabledText
+        : isFilled
+            ? ((_e = element.props.color) !== null && _e !== void 0 ? _e : theme.colors.text.opposite)
+            : ((_f = element.props.color) !== null && _f !== void 0 ? _f : theme.colors.primary);
+    const outlinedBorderColor = isDisabled
+        ? disabledBg
+        : ((_g = element.props.borderColor) !== null && _g !== void 0 ? _g : theme.colors.primary);
+    const hasGradient = isFilled && !isDisabled && !!element.props.backgroundGradient;
+    const borderRadius = (_h = element.props.borderRadius) !== null && _h !== void 0 ? _h : 90;
     const inheritedFontFamily = (0, shared_1.resolveInheritedFontFamily)(element.props.fontFamily, theme.typography.defaultFontFamily);
     const resolvedFont = (0, react_native_onboarding_1.useResolvedFontStyle)(inheritedFontFamily, element.props.fontWeight);
     const labelNode = ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
             color: textColor,
-            fontSize: (_f = element.props.fontSize) !== null && _f !== void 0 ? _f : theme.typography.textStyles.button.fontSize,
+            fontSize: (_j = element.props.fontSize) !== null && _j !== void 0 ? _j : theme.typography.textStyles.button.fontSize,
             fontWeight: resolvedFont.resolvedToVariant
                 ? undefined
-                : ((_g = resolvedFont.fontWeight) !== null && _g !== void 0 ? _g : theme.typography.textStyles.button.fontWeight),
+                : ((_k = resolvedFont.fontWeight) !== null && _k !== void 0 ? _k : theme.typography.textStyles.button.fontWeight),
             fontFamily: resolvedFont.fontFamily,
             fontStyle: element.props.fontStyle,
-            textAlign: (_h = element.props.textAlign) !== null && _h !== void 0 ? _h : "center",
+            textAlign: (_l = element.props.textAlign) !== null && _l !== void 0 ? _l : "center",
         }, children: element.props.label }));
     if (hasGradient) {
         return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: element.props.backgroundGradient, style: {
                 borderRadius,
-                borderWidth: isOutlined ? ((_j = element.props.borderWidth) !== null && _j !== void 0 ? _j : 1) : ((_k = element.props.borderWidth) !== null && _k !== void 0 ? _k : 0),
-                borderColor: isOutlined ? ((_l = element.props.borderColor) !== null && _l !== void 0 ? _l : theme.colors.primary) : element.props.borderColor,
+                borderWidth: isOutlined ? ((_m = element.props.borderWidth) !== null && _m !== void 0 ? _m : 1) : ((_o = element.props.borderWidth) !== null && _o !== void 0 ? _o : 0),
+                borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
                 width: (0, shared_1.dim)(element.props.width),
                 height: (0, shared_1.dim)(element.props.height),
                 margin: element.props.margin,
                 marginHorizontal: element.props.marginHorizontal,
                 marginVertical: element.props.marginVertical,
                 opacity: element.props.opacity,
-                alignSelf: (_m = element.props.alignSelf) !== null && _m !== void 0 ? _m : (element.props.width ? undefined : "stretch"),
+                alignSelf: (_p = element.props.alignSelf) !== null && _p !== void 0 ? _p : (element.props.width ? undefined : "stretch"),
                 overflow: "hidden",
-            }, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, style: {
+            }, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, disabled: isDisabled, style: {
                     flex: 1,
                     padding: element.props.padding,
-                    paddingVertical: (_o = element.props.paddingVertical) !== null && _o !== void 0 ? _o : 14,
-                    paddingHorizontal: (_p = element.props.paddingHorizontal) !== null && _p !== void 0 ? _p : 24,
+                    paddingVertical: (_q = element.props.paddingVertical) !== null && _q !== void 0 ? _q : 14,
+                    paddingHorizontal: (_r = element.props.paddingHorizontal) !== null && _r !== void 0 ? _r : 24,
                     alignItems: "center",
                     justifyContent: "center",
                 }, children: labelNode }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, style: {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePress, disabled: isDisabled, style: {
             backgroundColor: bgColor,
             borderRadius,
-            borderWidth: isOutlined ? ((_q = element.props.borderWidth) !== null && _q !== void 0 ? _q : 1) : ((_r = element.props.borderWidth) !== null && _r !== void 0 ? _r : 0),
-            borderColor: isOutlined ? ((_s = element.props.borderColor) !== null && _s !== void 0 ? _s : theme.colors.primary) : element.props.borderColor,
+            borderWidth: isOutlined ? ((_s = element.props.borderWidth) !== null && _s !== void 0 ? _s : 1) : ((_t = element.props.borderWidth) !== null && _t !== void 0 ? _t : 0),
+            borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
             padding: element.props.padding,
-            paddingVertical: (_t = element.props.paddingVertical) !== null && _t !== void 0 ? _t : 14,
-            paddingHorizontal: (_u = element.props.paddingHorizontal) !== null && _u !== void 0 ? _u : 24,
+            paddingVertical: (_u = element.props.paddingVertical) !== null && _u !== void 0 ? _u : 14,
+            paddingHorizontal: (_v = element.props.paddingHorizontal) !== null && _v !== void 0 ? _v : 24,
             width: (0, shared_1.dim)(element.props.width),
             height: (0, shared_1.dim)(element.props.height),
             margin: element.props.margin,
             marginHorizontal: element.props.marginHorizontal,
             marginVertical: element.props.marginVertical,
             opacity: element.props.opacity,
-            alignSelf: (_v = element.props.alignSelf) !== null && _v !== void 0 ? _v : (element.props.width ? undefined : "stretch"),
+            alignSelf: (_w = element.props.alignSelf) !== null && _w !== void 0 ? _w : (element.props.width ? undefined : "stretch"),
             alignItems: "center",
             justifyContent: "center",
         }, children: labelNode }));

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

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

@@ -15,6 +15,8 @@ export type CarouselElementProps = BaseBoxProps & {
     dotHeight?: number;
     dotsGap?: number;
     dotsMarginTop?: number;
+    defaultIndex?: number | null;
+    variableName?: string;
 };
 export declare const CarouselElementPropsSchema: z.ZodObject<{
     width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
@@ -93,6 +95,8 @@ export declare const CarouselElementPropsSchema: z.ZodObject<{
     dotHeight: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
     dotsGap: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
     dotsMarginTop: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
+    defaultIndex: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
+    variableName: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 type CarouselUIElement = Extract<UIElement, {
     type: "Carousel";

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAYrC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAIlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA4HpF"}
+{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAcrC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAIlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CA2JpF"}

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

@@ -56,16 +56,43 @@ exports.CarouselElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
     dotHeight: zod_1.z.number().nonnegative().optional().default(4),
     dotsGap: zod_1.z.number().nonnegative().optional().default(8),
     dotsMarginTop: zod_1.z.number().optional().default(12),
+    defaultIndex: zod_1.z.number().int().nonnegative().nullable().optional(),
+    variableName: zod_1.z.string().min(1).optional(),
 });
 const DEFAULT_HEIGHT = 240;
 function CarouselElementComponent({ element, ctx }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const { theme } = ctx;
     const { props, children } = element;
     const progress = (0, react_native_reanimated_1.useSharedValue)(0);
     const ref = (0, react_1.useRef)(null);
     const [size, setSize] = (0, react_1.useState)(null);
     const carouselType = (_a = props.carouselType) !== null && _a !== void 0 ? _a : "normal";
+    const variableName = props.variableName;
+    const variableValue = variableName ? (_b = ctx.variables[variableName]) === null || _b === void 0 ? void 0 : _b.value : undefined;
+    const childrenCount = children.length;
+    const clampIndex = (n) => Math.max(0, Math.min(n, Math.max(0, childrenCount - 1)));
+    // Frozen on first mount — RNRC `defaultIndex` only applies at mount.
+    const initialIndexRef = (0, react_1.useRef)(null);
+    if (initialIndexRef.current === null) {
+        const parsed = variableValue !== undefined ? parseInt(variableValue, 10) : NaN;
+        const fromVar = Number.isFinite(parsed) ? parsed : null;
+        initialIndexRef.current = clampIndex((_c = fromVar !== null && fromVar !== void 0 ? fromVar : props.defaultIndex) !== null && _c !== void 0 ? _c : 0);
+    }
+    const lastSyncedIndexRef = (0, react_1.useRef)(initialIndexRef.current);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!variableName)
+            return;
+        const parsed = parseInt(variableValue !== null && variableValue !== void 0 ? variableValue : "", 10);
+        if (!Number.isFinite(parsed))
+            return;
+        const target = clampIndex(parsed);
+        if (target === lastSyncedIndexRef.current)
+            return;
+        lastSyncedIndexRef.current = target;
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ count: target - progress.value, animated: true });
+    }, [variableName, variableValue, childrenCount]);
     const onLayout = (e) => {
         const { width, height } = e.nativeEvent.layout;
         if (!size || size.width !== width || size.height !== height) {
@@ -73,7 +100,7 @@ function CarouselElementComponent({ element, ctx }) {
         }
     };
     // Stack uses 75% width (shows side items); left-align uses 82% (peek effect)
-    const availableWidth = (_b = size === null || size === void 0 ? void 0 : size.width) !== null && _b !== void 0 ? _b : 0;
+    const availableWidth = (_d = size === null || size === void 0 ? void 0 : size.width) !== null && _d !== void 0 ? _d : 0;
     const itemWidth = carouselType === "stack"
         ? availableWidth * 0.75
         : carouselType === "left-align"
@@ -87,7 +114,7 @@ function CarouselElementComponent({ element, ctx }) {
         flexShrink: props.flexShrink,
         flexGrow: props.flexGrow,
         width: (0, shared_1.dim)(props.width),
-        height: (_c = (0, shared_1.dim)(props.height)) !== null && _c !== void 0 ? _c : heightFallback,
+        height: (_e = (0, shared_1.dim)(props.height)) !== null && _e !== void 0 ? _e : heightFallback,
         minWidth: props.minWidth,
         maxWidth: props.maxWidth,
         minHeight: props.minHeight,
@@ -104,7 +131,7 @@ function CarouselElementComponent({ element, ctx }) {
         backgroundColor: props.backgroundGradient ? undefined : props.backgroundColor,
         opacity: props.opacity,
         // Left-align shows the next slide peeking — must not clip
-        overflow: carouselType === "left-align" ? "visible" : ((_d = props.overflow) !== null && _d !== void 0 ? _d : "hidden"),
+        overflow: carouselType === "left-align" ? "visible" : ((_f = props.overflow) !== null && _f !== void 0 ? _f : "hidden"),
     };
     const modeProps = carouselType === "parallax"
         ? {
@@ -118,16 +145,23 @@ function CarouselElementComponent({ element, ctx }) {
                 customConfig: () => ({ type: "positive", viewCount: 5 }),
             }
             : {};
-    const dotW = (_e = props.dotWidth) !== null && _e !== void 0 ? _e : 20;
-    const dotH = (_f = props.dotHeight) !== null && _f !== void 0 ? _f : 4;
-    const dotsGap = (_g = props.dotsGap) !== null && _g !== void 0 ? _g : 8;
-    const dotsMarginTop = (_h = props.dotsMarginTop) !== null && _h !== void 0 ? _h : 12;
-    const dotBg = (_j = props.dotColor) !== null && _j !== void 0 ? _j : theme.colors.neutral.low;
-    const activeDotBg = (_k = props.activeDotColor) !== null && _k !== void 0 ? _k : theme.colors.primary;
+    const dotW = (_g = props.dotWidth) !== null && _g !== void 0 ? _g : 20;
+    const dotH = (_h = props.dotHeight) !== null && _h !== void 0 ? _h : 4;
+    const dotsGap = (_j = props.dotsGap) !== null && _j !== void 0 ? _j : 8;
+    const dotsMarginTop = (_k = props.dotsMarginTop) !== null && _k !== void 0 ? _k : 12;
+    const dotBg = (_l = props.dotColor) !== null && _l !== void 0 ? _l : theme.colors.neutral.low;
+    const activeDotBg = (_m = props.activeDotColor) !== null && _m !== void 0 ? _m : theme.colors.primary;
     const ready = !!size && size.width > 0 && size.height > 0;
-    return ((0, jsx_runtime_1.jsxs)(GradientBox_1.GradientBox, { gradient: props.backgroundGradient, style: containerStyle, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, onLayout: onLayout, children: ready && ((0, jsx_runtime_1.jsx)(react_native_reanimated_carousel_1.default, Object.assign({ ref: ref, loop: props.loop, autoPlay: props.autoPlay, autoPlayInterval: props.autoPlayInterval, snapEnabled: true, pagingEnabled: true, data: children, width: itemWidth, height: size.height, style: { width: size.width, height: size.height }, renderItem: ({ item }) => ctx.renderChildren([item], "YStack"), onProgressChange: (_, absoluteProgress) => {
+    return ((0, jsx_runtime_1.jsxs)(GradientBox_1.GradientBox, { gradient: props.backgroundGradient, style: containerStyle, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flex: 1 }, onLayout: onLayout, children: ready && ((0, jsx_runtime_1.jsx)(react_native_reanimated_carousel_1.default, Object.assign({ ref: ref, loop: props.loop, autoPlay: props.autoPlay, autoPlayInterval: props.autoPlayInterval, defaultIndex: (_o = initialIndexRef.current) !== null && _o !== void 0 ? _o : 0, snapEnabled: true, pagingEnabled: true, data: children, width: itemWidth, height: size.height, style: { width: size.width, height: size.height }, renderItem: ({ item }) => ctx.renderChildren([item], "YStack"), onProgressChange: (_, absoluteProgress) => {
                         progress.value = absoluteProgress;
-                    } }, modeProps))) }), ((_l = props.showDots) !== null && _l !== void 0 ? _l : true) && ((0, jsx_runtime_1.jsx)(react_native_reanimated_carousel_1.Pagination.Basic, { progress: progress, data: children, dotStyle: {
+                    }, onSnapToItem: (index) => {
+                        if (!variableName)
+                            return;
+                        if (index === lastSyncedIndexRef.current)
+                            return;
+                        lastSyncedIndexRef.current = index;
+                        ctx.setVariable(variableName, { value: String(index) });
+                    } }, modeProps))) }), ((_p = props.showDots) !== null && _p !== void 0 ? _p : true) && ((0, jsx_runtime_1.jsx)(react_native_reanimated_carousel_1.Pagination.Basic, { progress: progress, data: children, dotStyle: {
                     width: dotW,
                     height: dotH,
                     borderRadius: dotH / 2,

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

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

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

@@ -0,0 +1,17 @@
+import type { ComposableVariableEntry, ComposableVariableKind } from "@rocapine/react-native-onboarding";
+/**
+ * Evaluate a `setVariable` expression-mode value template.
+ *
+ * Accepts `{{var}}` references, numeric literals (int / float), `+ - * /` and
+ * parentheses. Variable values are coerced according to their `kind` tag
+ * (string / int / float), or inferred from their string content when no tag
+ * is present. `+` on any non-numeric operand becomes string concat.
+ *
+ * On any parse or evaluation failure, falls back to plain interpolation
+ * (existing `interpolate()` semantics, returns a string).
+ */
+export declare function evaluateSetVariableExpression(template: string, vars: Record<string, ComposableVariableEntry>): {
+    value: string;
+    kind: ComposableVariableKind;
+};
+//# sourceMappingURL=expression.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expression.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/expression.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AA4KzG;;;;;;;;;;GAUG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,GAC5C;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,sBAAsB,CAAA;CAAE,CAYjD"}

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

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.evaluateSetVariableExpression = evaluateSetVariableExpression;
+const shared_1 = require("./shared");
+const isDigit = (c) => c >= "0" && c <= "9";
+const isSpace = (c) => c === " " || c === "\t" || c === "\n" || c === "\r";
+function tokenize(input) {
+    var _a;
+    const tokens = [];
+    let i = 0;
+    while (i < input.length) {
+        const c = input[i];
+        if (isSpace(c)) {
+            i++;
+            continue;
+        }
+        if (c === "{" && input[i + 1] === "{") {
+            const end = input.indexOf("}}", i + 2);
+            if (end === -1)
+                return null;
+            const name = input.slice(i + 2, end).trim();
+            if (!name)
+                return null;
+            tokens.push({ kind: "var", name });
+            i = end + 2;
+            continue;
+        }
+        if (c === "(") {
+            tokens.push({ kind: "lparen" });
+            i++;
+            continue;
+        }
+        if (c === ")") {
+            tokens.push({ kind: "rparen" });
+            i++;
+            continue;
+        }
+        if (c === "+" || c === "-" || c === "*" || c === "/") {
+            tokens.push({ kind: "op", op: c });
+            i++;
+            continue;
+        }
+        if (isDigit(c) || (c === "." && isDigit((_a = input[i + 1]) !== null && _a !== void 0 ? _a : ""))) {
+            let j = i;
+            let dot = false;
+            while (j < input.length && (isDigit(input[j]) || input[j] === ".")) {
+                if (input[j] === ".") {
+                    if (dot)
+                        return null;
+                    dot = true;
+                }
+                j++;
+            }
+            const num = parseFloat(input.slice(i, j));
+            if (!Number.isFinite(num))
+                return null;
+            tokens.push({ kind: "num", value: num, isInt: !dot });
+            i = j;
+            continue;
+        }
+        return null;
+    }
+    tokens.push({ kind: "eof" });
+    return tokens;
+}
+function resolveVar(name, vars) {
+    const entry = vars[name];
+    // Missing variable in arithmetic context defaults to numeric 0 so increment
+    // / decrement patterns work on first click before the variable is seeded.
+    if (!entry)
+        return { kind: "number", n: 0, isInt: true };
+    const raw = entry.value;
+    const k = entry.kind;
+    if (k === "string")
+        return { kind: "string", s: raw };
+    if (k === "int") {
+        const n = parseInt(raw, 10);
+        return Number.isFinite(n) ? { kind: "number", n, isInt: true } : { kind: "string", s: raw };
+    }
+    if (k === "float") {
+        const n = parseFloat(raw);
+        return Number.isFinite(n) ? { kind: "number", n, isInt: false } : { kind: "string", s: raw };
+    }
+    // No kind tag — infer from string content.
+    const trimmed = raw.trim();
+    if (trimmed !== "" && /^-?\d+(\.\d+)?$/.test(trimmed)) {
+        const n = parseFloat(trimmed);
+        if (Number.isFinite(n))
+            return { kind: "number", n, isInt: Number.isInteger(n) && !trimmed.includes(".") };
+    }
+    return { kind: "string", s: raw };
+}
+function valueToString(v) {
+    if (v.kind === "string")
+        return v.s;
+    if (v.isInt)
+        return Math.trunc(v.n).toString();
+    return v.n.toString();
+}
+function parse(tokens, vars) {
+    let pos = 0;
+    const peek = () => tokens[pos];
+    const advance = () => tokens[pos++];
+    const factor = () => {
+        const t = peek();
+        if (t.kind === "lparen") {
+            advance();
+            const v = expr();
+            if (!v)
+                return null;
+            if (peek().kind !== "rparen")
+                return null;
+            advance();
+            return v;
+        }
+        if (t.kind === "op" && t.op === "-") {
+            advance();
+            const v = factor();
+            if (!v || v.kind !== "number")
+                return null;
+            return { kind: "number", n: -v.n, isInt: v.isInt };
+        }
+        if (t.kind === "num") {
+            advance();
+            return { kind: "number", n: t.value, isInt: t.isInt };
+        }
+        if (t.kind === "var") {
+            advance();
+            return resolveVar(t.name, vars);
+        }
+        return null;
+    };
+    const term = () => {
+        let left = factor();
+        if (!left)
+            return null;
+        while (peek().kind === "op" && (peek().op === "*" || peek().op === "/")) {
+            const op = advance().op;
+            const right = factor();
+            if (!right)
+                return null;
+            if (left.kind !== "number" || right.kind !== "number")
+                return null;
+            if (op === "/" && right.n === 0)
+                return null;
+            const result = op === "*" ? left.n * right.n : left.n / right.n;
+            if (!Number.isFinite(result))
+                return null;
+            const isInt = op === "*" ? left.isInt && right.isInt : Number.isInteger(result);
+            left = { kind: "number", n: result, isInt };
+        }
+        return left;
+    };
+    const expr = () => {
+        let left = term();
+        if (!left)
+            return null;
+        while (peek().kind === "op" && (peek().op === "+" || peek().op === "-")) {
+            const op = advance().op;
+            const right = term();
+            if (!right)
+                return null;
+            if (op === "+") {
+                if (left.kind === "number" && right.kind === "number") {
+                    left = { kind: "number", n: left.n + right.n, isInt: left.isInt && right.isInt };
+                }
+                else {
+                    left = { kind: "string", s: valueToString(left) + valueToString(right) };
+                }
+            }
+            else {
+                if (left.kind !== "number" || right.kind !== "number")
+                    return null;
+                left = { kind: "number", n: left.n - right.n, isInt: left.isInt && right.isInt };
+            }
+        }
+        return left;
+    };
+    const result = expr();
+    if (!result)
+        return null;
+    if (peek().kind !== "eof")
+        return null;
+    return result;
+}
+/**
+ * Evaluate a `setVariable` expression-mode value template.
+ *
+ * Accepts `{{var}}` references, numeric literals (int / float), `+ - * /` and
+ * parentheses. Variable values are coerced according to their `kind` tag
+ * (string / int / float), or inferred from their string content when no tag
+ * is present. `+` on any non-numeric operand becomes string concat.
+ *
+ * On any parse or evaluation failure, falls back to plain interpolation
+ * (existing `interpolate()` semantics, returns a string).
+ */
+function evaluateSetVariableExpression(template, vars) {
+    const tokens = tokenize(template);
+    if (tokens) {
+        const result = parse(tokens, vars);
+        if (result) {
+            if (result.kind === "number") {
+                return { value: valueToString(result), kind: result.isInt ? "int" : "float" };
+            }
+            return { value: result.s, kind: "string" };
+        }
+    }
+    return { value: (0, shared_1.interpolate)(template, vars), kind: "string" };
+}
+//# sourceMappingURL=expression.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocapine/react-native-onboarding-ui",
-  "version": "1.19.0",
+  "version": "1.22.0",
   "description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx

@@ -1,12 +1,21 @@
-import React from "react";
+import React, { useMemo } from "react";
 import { z } from "zod";
 import { Text, TouchableOpacity } from "react-native";
-import { useResolvedFontStyle } from "@rocapine/react-native-onboarding";
+import {
+  useResolvedFontStyle,
+  evaluateCondition,
+  type LeafCondition,
+  type ConditionGroup,
+  type ComposableVariableKind,
+  LeafConditionSchema,
+  ConditionGroupSchema,
+} from "@rocapine/react-native-onboarding";
 import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
 import { UIElement } from "../types";
 import { RenderContext, dim, resolveInheritedFontFamily } from "./shared";
 import { GradientBox } from "./GradientBox";
 import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
+import { evaluateSetVariableExpression } from "./expression";
 
 export type CustomButtonAction = {
   type: "custom";
@@ -25,6 +34,20 @@ export type SetVariableButtonAction = {
   name: string;
   value: string;
   label?: string;
+  /**
+   * When `"expression"`, `value` is parsed as an arithmetic expression with
+   * `{{var}}` references, numeric literals, and `+ - * /` (parens supported).
+   * On parse failure, falls back to plain interpolation (string).
+   * Defaults to `"literal"` — `value` stored verbatim.
+   */
+  valueMode?: "literal" | "expression";
+  /**
+   * Tags the stored variable's underlying type. In `"literal"` mode this is
+   * used as-is. In `"expression"` mode the inferred result kind is used
+   * unless `kind` is explicitly set (ignored — expression mode derives kind
+   * from evaluation).
+   */
+  kind?: ComposableVariableKind;
 };
 
 export const SetVariableButtonActionSchema = z.object({
@@ -32,6 +55,8 @@ export const SetVariableButtonActionSchema = z.object({
   name: z.string().min(1, "name must not be empty"),
   value: z.string(),
   label: z.string().optional(),
+  valueMode: z.enum(["literal", "expression"]).optional(),
+  kind: z.enum(["int", "float", "string"]).optional(),
 });
 
 export type ButtonAction = "continue" | CustomButtonAction | SetVariableButtonAction;
@@ -59,6 +84,9 @@ export type ButtonElementProps = BaseBoxProps & {
   fontFamily?: string | "inherit";
   fontStyle?: "normal" | "italic";
   textAlign?: "left" | "center" | "right";
+  disabledWhen?: LeafCondition | ConditionGroup;
+  disabledBackgroundColor?: string;
+  disabledColor?: string;
 };
 
 export const ButtonElementPropsSchema = BaseBoxPropsSchema.extend({
@@ -73,6 +101,9 @@ export const ButtonElementPropsSchema = BaseBoxPropsSchema.extend({
   fontFamily: z.string().optional(),
   fontStyle: z.enum(["normal", "italic"]).optional(),
   textAlign: z.enum(["left", "center", "right"]).optional(),
+  disabledWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
+  disabledBackgroundColor: z.string().optional(),
+  disabledColor: z.string().optional(),
 });
 
 type ButtonUIElement = Extract<UIElement, { type: "Button" }>;
@@ -84,7 +115,18 @@ type Props = {
 
 export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElement => {
   const { theme, onContinue, customActions, variables, setVariable } = ctx;
+  const flatVariables = useMemo(
+    () =>
+      Object.fromEntries(
+        Object.entries(variables).map(([k, v]) => [k, v?.value])
+      ),
+    [variables]
+  );
+  const isDisabled = element.props.disabledWhen
+    ? evaluateCondition(element.props.disabledWhen, flatVariables)
+    : false;
   const handlePress = async () => {
+    if (isDisabled) return;
     const { actions, action } = element.props;
     const effective: ButtonAction[] =
       actions ?? (action === "continue" ? ["continue"] : []);
@@ -95,7 +137,17 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
         return;
       }
       if (act.type === "setVariable") {
-        setVariable(act.name, { value: act.value, label: act.label });
+        let value: string;
+        let kind: ComposableVariableKind | undefined;
+        if (act.valueMode === "expression") {
+          const computed = evaluateSetVariableExpression(act.value, variables);
+          value = computed.value;
+          kind = computed.kind;
+        } else {
+          value = act.value;
+          kind = act.kind;
+        }
+        setVariable(act.name, { value, label: act.label, kind });
         continue;
       }
       const handler = customActions[act.function];
@@ -122,14 +174,27 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
   const variant = element.props.variant ?? "filled";
   const isFilled = variant === "filled";
   const isOutlined = variant === "outlined";
-  const bgColor = isFilled
-    ? (element.props.backgroundColor ?? theme.colors.primary)
-    : "transparent";
-  const textColor = isFilled
-    ? (element.props.color ?? theme.colors.text.opposite)
-    : (element.props.color ?? theme.colors.primary);
-
-  const hasGradient = isFilled && !!element.props.backgroundGradient;
+  const disabledBg =
+    element.props.disabledBackgroundColor ?? theme.colors.disable;
+  const disabledText =
+    element.props.disabledColor ?? theme.colors.text.disable;
+  const bgColor = isDisabled
+    ? isFilled
+      ? disabledBg
+      : "transparent"
+    : isFilled
+      ? (element.props.backgroundColor ?? theme.colors.primary)
+      : "transparent";
+  const textColor = isDisabled
+    ? disabledText
+    : isFilled
+      ? (element.props.color ?? theme.colors.text.opposite)
+      : (element.props.color ?? theme.colors.primary);
+  const outlinedBorderColor = isDisabled
+    ? disabledBg
+    : (element.props.borderColor ?? theme.colors.primary);
+
+  const hasGradient = isFilled && !isDisabled && !!element.props.backgroundGradient;
   const borderRadius = element.props.borderRadius ?? 90;
   const inheritedFontFamily = resolveInheritedFontFamily(
     element.props.fontFamily,
@@ -164,7 +229,7 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
         style={{
           borderRadius,
           borderWidth: isOutlined ? (element.props.borderWidth ?? 1) : (element.props.borderWidth ?? 0),
-          borderColor: isOutlined ? (element.props.borderColor ?? theme.colors.primary) : element.props.borderColor,
+          borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
           width: dim(element.props.width),
           height: dim(element.props.height),
           margin: element.props.margin,
@@ -178,6 +243,7 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
         <TouchableOpacity
           activeOpacity={0.8}
           onPress={handlePress}
+          disabled={isDisabled}
           style={{
             flex: 1,
             padding: element.props.padding,
@@ -197,11 +263,12 @@ export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElem
     <TouchableOpacity
       activeOpacity={0.8}
       onPress={handlePress}
+      disabled={isDisabled}
       style={{
         backgroundColor: bgColor,
         borderRadius,
         borderWidth: isOutlined ? (element.props.borderWidth ?? 1) : (element.props.borderWidth ?? 0),
-        borderColor: isOutlined ? (element.props.borderColor ?? theme.colors.primary) : element.props.borderColor,
+        borderColor: isOutlined ? outlinedBorderColor : element.props.borderColor,
         padding: element.props.padding,
         paddingVertical: element.props.paddingVertical ?? 14,
         paddingHorizontal: element.props.paddingHorizontal ?? 24,

package/src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { View, type LayoutChangeEvent } from "react-native";
 import { z } from "zod";
 import { useSharedValue } from "react-native-reanimated";
@@ -20,6 +20,8 @@ export type CarouselElementProps = BaseBoxProps & {
   dotHeight?: number;
   dotsGap?: number;
   dotsMarginTop?: number;
+  defaultIndex?: number | null;
+  variableName?: string;
 };
 
 export const CarouselElementPropsSchema = BaseBoxPropsSchema.extend({
@@ -34,6 +36,8 @@ export const CarouselElementPropsSchema = BaseBoxPropsSchema.extend({
   dotHeight: z.number().nonnegative().optional().default(4),
   dotsGap: z.number().nonnegative().optional().default(8),
   dotsMarginTop: z.number().optional().default(12),
+  defaultIndex: z.number().int().nonnegative().nullable().optional(),
+  variableName: z.string().min(1).optional(),
 });
 
 type CarouselUIElement = Extract<UIElement, { type: "Carousel" }>;
@@ -54,6 +58,30 @@ export function CarouselElementComponent({ element, ctx }: Props): React.ReactEl
 
   const carouselType = props.carouselType ?? "normal";
 
+  const variableName = props.variableName;
+  const variableValue = variableName ? ctx.variables[variableName]?.value : undefined;
+  const childrenCount = children.length;
+  const clampIndex = (n: number) => Math.max(0, Math.min(n, Math.max(0, childrenCount - 1)));
+
+  // Frozen on first mount — RNRC `defaultIndex` only applies at mount.
+  const initialIndexRef = useRef<number | null>(null);
+  if (initialIndexRef.current === null) {
+    const parsed = variableValue !== undefined ? parseInt(variableValue, 10) : NaN;
+    const fromVar = Number.isFinite(parsed) ? parsed : null;
+    initialIndexRef.current = clampIndex(fromVar ?? props.defaultIndex ?? 0);
+  }
+  const lastSyncedIndexRef = useRef<number>(initialIndexRef.current);
+
+  useEffect(() => {
+    if (!variableName) return;
+    const parsed = parseInt(variableValue ?? "", 10);
+    if (!Number.isFinite(parsed)) return;
+    const target = clampIndex(parsed);
+    if (target === lastSyncedIndexRef.current) return;
+    lastSyncedIndexRef.current = target;
+    ref.current?.scrollTo({ count: target - progress.value, animated: true });
+  }, [variableName, variableValue, childrenCount]);
+
   const onLayout = (e: LayoutChangeEvent) => {
     const { width, height } = e.nativeEvent.layout;
     if (!size || size.width !== width || size.height !== height) {
@@ -132,6 +160,7 @@ export function CarouselElementComponent({ element, ctx }: Props): React.ReactEl
             loop={props.loop}
             autoPlay={props.autoPlay}
             autoPlayInterval={props.autoPlayInterval}
+            defaultIndex={initialIndexRef.current ?? 0}
             snapEnabled={true}
             pagingEnabled={true}
             data={children}
@@ -142,6 +171,12 @@ export function CarouselElementComponent({ element, ctx }: Props): React.ReactEl
             onProgressChange={(_: number, absoluteProgress: number) => {
               progress.value = absoluteProgress;
             }}
+            onSnapToItem={(index: number) => {
+              if (!variableName) return;
+              if (index === lastSyncedIndexRef.current) return;
+              lastSyncedIndexRef.current = index;
+              ctx.setVariable(variableName, { value: String(index) });
+            }}
             {...(modeProps as any)}
           />
         )}

package/src/UI/Pages/ComposableScreen/elements/expression.ts

@@ -0,0 +1,199 @@
+import type { ComposableVariableEntry, ComposableVariableKind } from "@rocapine/react-native-onboarding";
+import { interpolate } from "./shared";
+
+type Token =
+  | { kind: "num"; value: number; isInt: boolean }
+  | { kind: "var"; name: string }
+  | { kind: "op"; op: "+" | "-" | "*" | "/" }
+  | { kind: "lparen" }
+  | { kind: "rparen" }
+  | { kind: "eof" };
+
+type Value =
+  | { kind: "number"; n: number; isInt: boolean }
+  | { kind: "string"; s: string };
+
+const isDigit = (c: string) => c >= "0" && c <= "9";
+const isSpace = (c: string) => c === " " || c === "\t" || c === "\n" || c === "\r";
+
+function tokenize(input: string): Token[] | null {
+  const tokens: Token[] = [];
+  let i = 0;
+  while (i < input.length) {
+    const c = input[i];
+    if (isSpace(c)) {
+      i++;
+      continue;
+    }
+    if (c === "{" && input[i + 1] === "{") {
+      const end = input.indexOf("}}", i + 2);
+      if (end === -1) return null;
+      const name = input.slice(i + 2, end).trim();
+      if (!name) return null;
+      tokens.push({ kind: "var", name });
+      i = end + 2;
+      continue;
+    }
+    if (c === "(") { tokens.push({ kind: "lparen" }); i++; continue; }
+    if (c === ")") { tokens.push({ kind: "rparen" }); i++; continue; }
+    if (c === "+" || c === "-" || c === "*" || c === "/") {
+      tokens.push({ kind: "op", op: c });
+      i++;
+      continue;
+    }
+    if (isDigit(c) || (c === "." && isDigit(input[i + 1] ?? ""))) {
+      let j = i;
+      let dot = false;
+      while (j < input.length && (isDigit(input[j]) || input[j] === ".")) {
+        if (input[j] === ".") {
+          if (dot) return null;
+          dot = true;
+        }
+        j++;
+      }
+      const num = parseFloat(input.slice(i, j));
+      if (!Number.isFinite(num)) return null;
+      tokens.push({ kind: "num", value: num, isInt: !dot });
+      i = j;
+      continue;
+    }
+    return null;
+  }
+  tokens.push({ kind: "eof" });
+  return tokens;
+}
+
+function resolveVar(name: string, vars: Record<string, ComposableVariableEntry>): Value {
+  const entry = vars[name];
+  // Missing variable in arithmetic context defaults to numeric 0 so increment
+  // / decrement patterns work on first click before the variable is seeded.
+  if (!entry) return { kind: "number", n: 0, isInt: true };
+  const raw = entry.value;
+  const k = entry.kind;
+  if (k === "string") return { kind: "string", s: raw };
+  if (k === "int") {
+    const n = parseInt(raw, 10);
+    return Number.isFinite(n) ? { kind: "number", n, isInt: true } : { kind: "string", s: raw };
+  }
+  if (k === "float") {
+    const n = parseFloat(raw);
+    return Number.isFinite(n) ? { kind: "number", n, isInt: false } : { kind: "string", s: raw };
+  }
+  // No kind tag — infer from string content.
+  const trimmed = raw.trim();
+  if (trimmed !== "" && /^-?\d+(\.\d+)?$/.test(trimmed)) {
+    const n = parseFloat(trimmed);
+    if (Number.isFinite(n)) return { kind: "number", n, isInt: Number.isInteger(n) && !trimmed.includes(".") };
+  }
+  return { kind: "string", s: raw };
+}
+
+function valueToString(v: Value): string {
+  if (v.kind === "string") return v.s;
+  if (v.isInt) return Math.trunc(v.n).toString();
+  return v.n.toString();
+}
+
+function parse(tokens: Token[], vars: Record<string, ComposableVariableEntry>): Value | null {
+  let pos = 0;
+  const peek = () => tokens[pos];
+  const advance = () => tokens[pos++];
+
+  const factor = (): Value | null => {
+    const t = peek();
+    if (t.kind === "lparen") {
+      advance();
+      const v = expr();
+      if (!v) return null;
+      if (peek().kind !== "rparen") return null;
+      advance();
+      return v;
+    }
+    if (t.kind === "op" && t.op === "-") {
+      advance();
+      const v = factor();
+      if (!v || v.kind !== "number") return null;
+      return { kind: "number", n: -v.n, isInt: v.isInt };
+    }
+    if (t.kind === "num") {
+      advance();
+      return { kind: "number", n: t.value, isInt: t.isInt };
+    }
+    if (t.kind === "var") {
+      advance();
+      return resolveVar(t.name, vars);
+    }
+    return null;
+  };
+
+  const term = (): Value | null => {
+    let left = factor();
+    if (!left) return null;
+    while (peek().kind === "op" && ((peek() as any).op === "*" || (peek() as any).op === "/")) {
+      const op = (advance() as any).op as "*" | "/";
+      const right = factor();
+      if (!right) return null;
+      if (left.kind !== "number" || right.kind !== "number") return null;
+      if (op === "/" && right.n === 0) return null;
+      const result: number = op === "*" ? left.n * right.n : left.n / right.n;
+      if (!Number.isFinite(result)) return null;
+      const isInt: boolean = op === "*" ? left.isInt && right.isInt : Number.isInteger(result);
+      left = { kind: "number", n: result, isInt };
+    }
+    return left;
+  };
+
+  const expr = (): Value | null => {
+    let left = term();
+    if (!left) return null;
+    while (peek().kind === "op" && ((peek() as any).op === "+" || (peek() as any).op === "-")) {
+      const op = (advance() as any).op as "+" | "-";
+      const right = term();
+      if (!right) return null;
+      if (op === "+") {
+        if (left.kind === "number" && right.kind === "number") {
+          left = { kind: "number", n: left.n + right.n, isInt: left.isInt && right.isInt };
+        } else {
+          left = { kind: "string", s: valueToString(left) + valueToString(right) };
+        }
+      } else {
+        if (left.kind !== "number" || right.kind !== "number") return null;
+        left = { kind: "number", n: left.n - right.n, isInt: left.isInt && right.isInt };
+      }
+    }
+    return left;
+  };
+
+  const result = expr();
+  if (!result) return null;
+  if (peek().kind !== "eof") return null;
+  return result;
+}
+
+/**
+ * Evaluate a `setVariable` expression-mode value template.
+ *
+ * Accepts `{{var}}` references, numeric literals (int / float), `+ - * /` and
+ * parentheses. Variable values are coerced according to their `kind` tag
+ * (string / int / float), or inferred from their string content when no tag
+ * is present. `+` on any non-numeric operand becomes string concat.
+ *
+ * On any parse or evaluation failure, falls back to plain interpolation
+ * (existing `interpolate()` semantics, returns a string).
+ */
+export function evaluateSetVariableExpression(
+  template: string,
+  vars: Record<string, ComposableVariableEntry>
+): { value: string; kind: ComposableVariableKind } {
+  const tokens = tokenize(template);
+  if (tokens) {
+    const result = parse(tokens, vars);
+    if (result) {
+      if (result.kind === "number") {
+        return { value: valueToString(result), kind: result.isInt ? "int" : "float" };
+      }
+      return { value: result.s, kind: "string" };
+    }
+  }
+  return { value: interpolate(template, vars), kind: "string" };
+}