npm - @rocapine/react-native-onboarding-ui - Versions diffs - 1.38.2 → 1.39.0 - Mend

@rocapine/react-native-onboarding-ui 1.38.2 → 1.39.0

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

Files changed (19) hide show

package/dist/UI/Pages/ComposableScreen/elements/AnimatedTextElement.d.ts ADDED Viewed

@@ -0,0 +1,319 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+type AnimatedEasing = "linear" | "ease-in" | "ease-out" | "ease-in-out";
+export type AnimatedTextElementProps = BaseBoxProps & {
+    from?: number;
+    to: number;
+    duration?: number;
+    delay?: number;
+    easing?: AnimatedEasing;
+    autoplay?: boolean;
+    loop?: boolean;
+    decimals?: number;
+    thousandsSeparator?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fontFamily?: string | "inherit";
+    fontStyle?: "normal" | "italic";
+    color?: string;
+    textAlign?: "left" | "center" | "right";
+    letterSpacing?: number;
+    lineHeight?: number;
+};
+export declare const AnimatedTextElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
+    height: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
+    minWidth: z.ZodOptional<z.ZodNumber>;
+    maxWidth: z.ZodOptional<z.ZodNumber>;
+    minHeight: z.ZodOptional<z.ZodNumber>;
+    maxHeight: z.ZodOptional<z.ZodNumber>;
+    flex: z.ZodOptional<z.ZodNumber>;
+    flexShrink: z.ZodOptional<z.ZodNumber>;
+    flexGrow: z.ZodOptional<z.ZodNumber>;
+    aspectRatio: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    backgroundGradient: z.ZodOptional<z.ZodDiscriminatedUnion<[z.ZodObject<{
+        type: z.ZodLiteral<"linear">;
+        from: z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+            topLeft: "topLeft";
+            topRight: "topRight";
+            bottomLeft: "bottomLeft";
+            bottomRight: "bottomRight";
+        }>;
+        to: z.ZodEnum<{
+            left: "left";
+            right: "right";
+            top: "top";
+            bottom: "bottom";
+            topLeft: "topLeft";
+            topRight: "topRight";
+            bottomLeft: "bottomLeft";
+            bottomRight: "bottomRight";
+        }>;
+        stops: z.ZodArray<z.ZodObject<{
+            color: z.ZodString;
+            position: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>], "type">>;
+    overflow: z.ZodOptional<z.ZodEnum<{
+        visible: "visible";
+        hidden: "hidden";
+        scroll: "scroll";
+    }>>;
+    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>;
+    shadowColor: z.ZodOptional<z.ZodString>;
+    shadowOffset: z.ZodOptional<z.ZodObject<{
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, z.core.$strip>>;
+    shadowOpacity: z.ZodOptional<z.ZodNumber>;
+    shadowRadius: z.ZodOptional<z.ZodNumber>;
+    elevation: z.ZodOptional<z.ZodNumber>;
+    transform: z.ZodOptional<z.ZodObject<{
+        translateX: z.ZodOptional<z.ZodNumber>;
+        translateY: z.ZodOptional<z.ZodNumber>;
+        scale: z.ZodOptional<z.ZodNumber>;
+        scaleX: z.ZodOptional<z.ZodNumber>;
+        scaleY: z.ZodOptional<z.ZodNumber>;
+        rotate: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>>;
+    animation: z.ZodOptional<z.ZodObject<{
+        entering: z.ZodOptional<z.ZodObject<{
+            preset: z.ZodEnum<{
+                FadeIn: "FadeIn";
+                FadeInUp: "FadeInUp";
+                FadeInDown: "FadeInDown";
+                FadeInLeft: "FadeInLeft";
+                FadeInRight: "FadeInRight";
+                SlideInUp: "SlideInUp";
+                SlideInDown: "SlideInDown";
+                SlideInLeft: "SlideInLeft";
+                SlideInRight: "SlideInRight";
+                ZoomIn: "ZoomIn";
+                ZoomInRotate: "ZoomInRotate";
+                ZoomInUp: "ZoomInUp";
+                ZoomInDown: "ZoomInDown";
+                ZoomInLeft: "ZoomInLeft";
+                ZoomInRight: "ZoomInRight";
+                ZoomInEasyUp: "ZoomInEasyUp";
+                ZoomInEasyDown: "ZoomInEasyDown";
+                BounceIn: "BounceIn";
+                BounceInUp: "BounceInUp";
+                BounceInDown: "BounceInDown";
+                BounceInLeft: "BounceInLeft";
+                BounceInRight: "BounceInRight";
+                FlipInXUp: "FlipInXUp";
+                FlipInYLeft: "FlipInYLeft";
+                FlipInXDown: "FlipInXDown";
+                FlipInYRight: "FlipInYRight";
+                FlipInEasyX: "FlipInEasyX";
+                FlipInEasyY: "FlipInEasyY";
+                StretchInX: "StretchInX";
+                StretchInY: "StretchInY";
+                RotateInDownLeft: "RotateInDownLeft";
+                RotateInDownRight: "RotateInDownRight";
+                RotateInUpLeft: "RotateInUpLeft";
+                RotateInUpRight: "RotateInUpRight";
+                RollInLeft: "RollInLeft";
+                RollInRight: "RollInRight";
+                PinwheelIn: "PinwheelIn";
+                LightSpeedInLeft: "LightSpeedInLeft";
+                LightSpeedInRight: "LightSpeedInRight";
+            }>;
+            duration: z.ZodOptional<z.ZodNumber>;
+            delay: z.ZodOptional<z.ZodNumber>;
+            easing: z.ZodOptional<z.ZodEnum<{
+                linear: "linear";
+                "ease-in": "ease-in";
+                "ease-out": "ease-out";
+                "ease-in-out": "ease-in-out";
+            }>>;
+            spring: z.ZodOptional<z.ZodObject<{
+                damping: z.ZodOptional<z.ZodNumber>;
+                stiffness: z.ZodOptional<z.ZodNumber>;
+                mass: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
+        exiting: z.ZodOptional<z.ZodObject<{
+            preset: z.ZodEnum<{
+                FadeOut: "FadeOut";
+                FadeOutUp: "FadeOutUp";
+                FadeOutDown: "FadeOutDown";
+                FadeOutLeft: "FadeOutLeft";
+                FadeOutRight: "FadeOutRight";
+                SlideOutUp: "SlideOutUp";
+                SlideOutDown: "SlideOutDown";
+                SlideOutLeft: "SlideOutLeft";
+                SlideOutRight: "SlideOutRight";
+                ZoomOut: "ZoomOut";
+                ZoomOutRotate: "ZoomOutRotate";
+                ZoomOutUp: "ZoomOutUp";
+                ZoomOutDown: "ZoomOutDown";
+                ZoomOutLeft: "ZoomOutLeft";
+                ZoomOutRight: "ZoomOutRight";
+                ZoomOutEasyUp: "ZoomOutEasyUp";
+                ZoomOutEasyDown: "ZoomOutEasyDown";
+                BounceOut: "BounceOut";
+                BounceOutUp: "BounceOutUp";
+                BounceOutDown: "BounceOutDown";
+                BounceOutLeft: "BounceOutLeft";
+                BounceOutRight: "BounceOutRight";
+                FlipOutXUp: "FlipOutXUp";
+                FlipOutYLeft: "FlipOutYLeft";
+                FlipOutXDown: "FlipOutXDown";
+                FlipOutYRight: "FlipOutYRight";
+                FlipOutEasyX: "FlipOutEasyX";
+                FlipOutEasyY: "FlipOutEasyY";
+                StretchOutX: "StretchOutX";
+                StretchOutY: "StretchOutY";
+                RotateOutDownLeft: "RotateOutDownLeft";
+                RotateOutDownRight: "RotateOutDownRight";
+                RotateOutUpLeft: "RotateOutUpLeft";
+                RotateOutUpRight: "RotateOutUpRight";
+                RollOutLeft: "RollOutLeft";
+                RollOutRight: "RollOutRight";
+                PinwheelOut: "PinwheelOut";
+                LightSpeedOutLeft: "LightSpeedOutLeft";
+                LightSpeedOutRight: "LightSpeedOutRight";
+            }>;
+            duration: z.ZodOptional<z.ZodNumber>;
+            delay: z.ZodOptional<z.ZodNumber>;
+            easing: z.ZodOptional<z.ZodEnum<{
+                linear: "linear";
+                "ease-in": "ease-in";
+                "ease-out": "ease-out";
+                "ease-in-out": "ease-in-out";
+            }>>;
+            spring: z.ZodOptional<z.ZodObject<{
+                damping: z.ZodOptional<z.ZodNumber>;
+                stiffness: z.ZodOptional<z.ZodNumber>;
+                mass: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
+        layout: z.ZodOptional<z.ZodObject<{
+            preset: z.ZodEnum<{
+                LinearTransition: "LinearTransition";
+                FadingTransition: "FadingTransition";
+                SequencedTransition: "SequencedTransition";
+                JumpingTransition: "JumpingTransition";
+                CurvedTransition: "CurvedTransition";
+                EntryExitTransition: "EntryExitTransition";
+            }>;
+            duration: z.ZodOptional<z.ZodNumber>;
+            spring: z.ZodOptional<z.ZodObject<{
+                damping: z.ZodOptional<z.ZodNumber>;
+                stiffness: z.ZodOptional<z.ZodNumber>;
+                mass: z.ZodOptional<z.ZodNumber>;
+            }, z.core.$strip>>;
+        }, z.core.$strip>>;
+        effect: z.ZodOptional<z.ZodObject<{
+            preset: z.ZodEnum<{
+                rotate: "rotate";
+                pulse: "pulse";
+                fade: "fade";
+                shimmer: "shimmer";
+                bounce: "bounce";
+            }>;
+            duration: z.ZodOptional<z.ZodNumber>;
+            delay: z.ZodOptional<z.ZodNumber>;
+            easing: z.ZodOptional<z.ZodEnum<{
+                linear: "linear";
+                "ease-in": "ease-in";
+                "ease-out": "ease-out";
+                "ease-in-out": "ease-in-out";
+            }>>;
+            loop: z.ZodOptional<z.ZodBoolean>;
+            minScale: z.ZodOptional<z.ZodNumber>;
+            maxScale: z.ZodOptional<z.ZodNumber>;
+            minOpacity: z.ZodOptional<z.ZodNumber>;
+            degrees: z.ZodOptional<z.ZodNumber>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+    onPress: z.ZodOptional<z.ZodArray<z.ZodUnion<readonly [z.ZodLiteral<"continue">, z.ZodObject<{
+        type: z.ZodLiteral<"custom">;
+        function: z.ZodString;
+        variables: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    }, z.core.$strip>, 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";
+        }>>;
+        arrayOp: z.ZodOptional<z.ZodEnum<{
+            append: "append";
+            remove: "remove";
+            toggle: "toggle";
+        }>>;
+    }, z.core.$strip>]>>>;
+    from: z.ZodOptional<z.ZodNumber>;
+    to: z.ZodNumber;
+    duration: z.ZodOptional<z.ZodNumber>;
+    delay: z.ZodOptional<z.ZodNumber>;
+    easing: z.ZodOptional<z.ZodEnum<{
+        linear: "linear";
+        "ease-in": "ease-in";
+        "ease-out": "ease-out";
+        "ease-in-out": "ease-in-out";
+    }>>;
+    autoplay: z.ZodOptional<z.ZodBoolean>;
+    loop: z.ZodOptional<z.ZodBoolean>;
+    decimals: z.ZodOptional<z.ZodNumber>;
+    thousandsSeparator: z.ZodOptional<z.ZodString>;
+    fontSize: z.ZodOptional<z.ZodNumber>;
+    fontWeight: z.ZodOptional<z.ZodString>;
+    fontFamily: z.ZodOptional<z.ZodString>;
+    fontStyle: z.ZodOptional<z.ZodEnum<{
+        normal: "normal";
+        italic: "italic";
+    }>>;
+    color: z.ZodOptional<z.ZodString>;
+    textAlign: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        center: "center";
+    }>>;
+    letterSpacing: z.ZodOptional<z.ZodNumber>;
+    lineHeight: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+type AnimatedTextUIElement = Extract<UIElement, {
+    type: "AnimatedText";
+}>;
+type Props = {
+    element: AnimatedTextUIElement;
+    ctx: RenderContext;
+};
+export declare const AnimatedTextElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=AnimatedTextElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/AnimatedTextElement.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnimatedTextElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedTextElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAyD,MAAM,UAAU,CAAC;AAGhG,KAAK,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAExE,MAAM,MAAM,wBAAwB,GAAG,YAAY,GAAG;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkBzC,CAAC;AAQH,KAAK,qBAAqB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,qBAAqB,CAAC;IAC/B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAoH5E,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/AnimatedTextElement.js ADDED Viewed

@@ -0,0 +1,173 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatedTextElementComponent = exports.AnimatedTextElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const zod_1 = require("zod");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+const shared_1 = require("./shared");
+const buildAnimation_1 = require("./buildAnimation");
+const EasingSchema = zod_1.z.enum(["linear", "ease-in", "ease-out", "ease-in-out"]);
+exports.AnimatedTextElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    from: zod_1.z.number().optional(),
+    to: zod_1.z.number(),
+    duration: zod_1.z.number().min(0).optional(),
+    delay: zod_1.z.number().min(0).optional(),
+    easing: EasingSchema.optional(),
+    autoplay: zod_1.z.boolean().optional(),
+    loop: zod_1.z.boolean().optional(),
+    decimals: zod_1.z.number().int().min(0).optional(),
+    thousandsSeparator: zod_1.z.string().optional(),
+    fontSize: zod_1.z.number().optional(),
+    fontWeight: zod_1.z.string().optional(),
+    fontFamily: zod_1.z.string().optional(),
+    fontStyle: zod_1.z.enum(["normal", "italic"]).optional(),
+    color: zod_1.z.string().optional(),
+    textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
+    letterSpacing: zod_1.z.number().optional(),
+    lineHeight: zod_1.z.number().optional(),
+});
+// react-native-redash's ReText trick: TextInput's native `text` prop can be set
+// from a reanimated worklet via useAnimatedProps, so the number updates on the
+// UI thread WITHOUT a React re-render. (RN <Text> can't — its content is a
+// child, not an animatable prop.)
+const AnimatedTextInput = react_native_reanimated_1.default.createAnimatedComponent(react_native_1.TextInput);
+const AnimatedTextElementComponent = ({ element, ctx }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const { theme } = ctx;
+    const p = element.props;
+    const from = (_a = p.from) !== null && _a !== void 0 ? _a : 0;
+    const to = p.to;
+    const duration = (_b = p.duration) !== null && _b !== void 0 ? _b : 1000;
+    const delay = (_c = p.delay) !== null && _c !== void 0 ? _c : 0;
+    const easing = buildAnimation_1.EASING_MAP[(_d = p.easing) !== null && _d !== void 0 ? _d : "ease-out"];
+    const autoplay = (_e = p.autoplay) !== null && _e !== void 0 ? _e : true;
+    const loop = (_f = p.loop) !== null && _f !== void 0 ? _f : false;
+    const decimals = (_g = p.decimals) !== null && _g !== void 0 ? _g : 0;
+    const separator = (_h = p.thousandsSeparator) !== null && _h !== void 0 ? _h : ",";
+    // Text-style defaults inherited from a parent `RichText` container (empty
+    // otherwise). Element props always win over inherited values.
+    const inherited = react_1.default.useContext(shared_1.RichTextStyleContext);
+    const fontSize = (_j = p.fontSize) !== null && _j !== void 0 ? _j : inherited.fontSize;
+    const fontWeight = (_k = p.fontWeight) !== null && _k !== void 0 ? _k : inherited.fontWeight;
+    const fontStyle = (_l = p.fontStyle) !== null && _l !== void 0 ? _l : inherited.fontStyle;
+    const color = (_m = p.color) !== null && _m !== void 0 ? _m : inherited.color;
+    const textAlign = (_o = p.textAlign) !== null && _o !== void 0 ? _o : inherited.textAlign;
+    const letterSpacing = (_p = p.letterSpacing) !== null && _p !== void 0 ? _p : inherited.letterSpacing;
+    const lineHeight = (_q = p.lineHeight) !== null && _q !== void 0 ? _q : inherited.lineHeight;
+    const inheritedFontFamily = (0, shared_1.resolveInheritedFontFamily)((_r = p.fontFamily) !== null && _r !== void 0 ? _r : inherited.fontFamily, theme.typography.defaultFontFamily);
+    const resolvedFont = (0, react_native_onboarding_1.useResolvedFontStyle)(inheritedFontFamily, fontWeight);
+    // 0 -> 1 driver, lives on the UI thread.
+    const progress = (0, react_native_reanimated_1.useSharedValue)(autoplay ? 0 : 1);
+    (0, react_1.useEffect)(() => {
+        if (!autoplay)
+            return;
+        progress.value = 0;
+        const anim = (0, react_native_reanimated_1.withTiming)(1, { duration, easing });
+        const looped = loop ? (0, react_native_reanimated_1.withRepeat)(anim, -1, false) : anim;
+        progress.value = delay > 0 ? (0, react_native_reanimated_1.withDelay)(delay, looped) : looped;
+        return () => (0, react_native_reanimated_1.cancelAnimation)(progress);
+    }, [autoplay, loop, duration, delay, easing]);
+    // Worklet: maps the driver to the formatted number and writes it to the
+    // native TextInput. No JS closure (formatNumber is inlined), only primitives
+    // captured — re-keyed via the deps array. No React re-render fires.
+    const animatedProps = (0, react_native_reanimated_1.useAnimatedProps)(() => {
+        const raw = from + (to - from) * progress.value;
+        const factor = Math.pow(10, decimals);
+        const rounded = Math.round(raw * factor) / factor;
+        let str = rounded.toFixed(decimals);
+        if (separator !== "") {
+            const neg = str[0] === "-";
+            if (neg)
+                str = str.slice(1);
+            const dot = str.indexOf(".");
+            const intPart = dot === -1 ? str : str.slice(0, dot);
+            const decPart = dot === -1 ? "" : str.slice(dot);
+            let grouped = "";
+            for (let i = 0; i < intPart.length; i++) {
+                if (i > 0 && (intPart.length - i) % 3 === 0)
+                    grouped += separator;
+                grouped += intPart[i];
+            }
+            str = (neg ? "-" : "") + grouped + decPart;
+        }
+        // `text` is TextInput's native prop, not in the public props type.
+        // `defaultValue` MUST be driven here too: once the count finishes, `progress`
+        // is constant and this worklet stops pushing `text`. A parent re-render then
+        // reconciles the TextInput and reverts the (uncontrolled) native value to its
+        // `defaultValue` — a static mount-time defaultValue would snap the display
+        // back to `from`. Keeping defaultValue in sync makes the fallback the live value.
+        return { text: str, defaultValue: str };
+    }, [from, to, decimals, separator]);
+    return ((0, jsx_runtime_1.jsx)(AnimatedTextInput, { editable: false, pointerEvents: "none", caretHidden: true, contextMenuHidden: true, underlineColorAndroid: "transparent", accessibilityRole: "text", animatedProps: animatedProps, style: {
+            // Neutralize TextInput defaults so it lays out like <Text>.
+            padding: 0,
+            includeFontPadding: false,
+            flex: p.flex,
+            flexShrink: p.flexShrink,
+            flexGrow: p.flexGrow,
+            alignSelf: p.alignSelf,
+            width: (0, shared_1.dim)(p.width),
+            height: (0, shared_1.dim)(p.height),
+            minWidth: p.minWidth,
+            maxWidth: p.maxWidth,
+            minHeight: p.minHeight,
+            maxHeight: p.maxHeight,
+            fontSize,
+            fontWeight: resolvedFont.resolvedToVariant ? undefined : fontWeight,
+            fontFamily: resolvedFont.fontFamily,
+            fontStyle,
+            color: color !== null && color !== void 0 ? color : theme.colors.text.primary,
+            textAlign,
+            letterSpacing,
+            lineHeight,
+            backgroundColor: p.backgroundColor,
+            margin: p.margin,
+            marginHorizontal: p.marginHorizontal,
+            marginVertical: p.marginVertical,
+            paddingHorizontal: p.paddingHorizontal,
+            paddingVertical: p.paddingVertical,
+            borderWidth: p.borderWidth,
+            borderRadius: p.borderRadius,
+            borderColor: p.borderColor,
+            opacity: p.opacity,
+        } }));
+};
+exports.AnimatedTextElementComponent = AnimatedTextElementComponent;
+//# sourceMappingURL=AnimatedTextElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/AnimatedTextElement.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnimatedTextElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/AnimatedTextElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,+CAAyC;AACzC,6BAAwB;AACxB,mFAOiC;AACjC,+EAAyE;AACzE,iDAAkE;AAElE,qCAAgG;AAChG,qDAA8C;AAwB9C,MAAM,YAAY,GAAG,OAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;AAEjE,QAAA,8BAA8B,GAAG,iCAAkB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC3B,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACtC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACnC,MAAM,EAAE,YAAY,CAAC,QAAQ,EAAE;IAC/B,QAAQ,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAChC,IAAI,EAAE,OAAC,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;IAC5B,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5C,kBAAkB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACzC,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC/B,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACjC,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACjC,SAAS,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;IAClD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC5B,SAAS,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE;IACzD,aAAa,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACpC,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAClC,CAAC,CAAC;AAEH,gFAAgF;AAChF,+EAA+E;AAC/E,2EAA2E;AAC3E,kCAAkC;AAClC,MAAM,iBAAiB,GAAG,iCAAQ,CAAC,uBAAuB,CAAC,wBAAS,CAAC,CAAC;AAS/D,MAAM,4BAA4B,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAS,EAAsB,EAAE;;IAC1F,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC;IACtB,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;IAExB,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,IAAI,mCAAI,CAAC,CAAC;IACzB,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAChB,MAAM,QAAQ,GAAG,MAAA,CAAC,CAAC,QAAQ,mCAAI,IAAI,CAAC;IACpC,MAAM,KAAK,GAAG,MAAA,CAAC,CAAC,KAAK,mCAAI,CAAC,CAAC;IAC3B,MAAM,MAAM,GAAG,2BAAU,CAAC,MAAA,CAAC,CAAC,MAAM,mCAAI,UAAU,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAA,CAAC,CAAC,QAAQ,mCAAI,IAAI,CAAC;IACpC,MAAM,IAAI,GAAG,MAAA,CAAC,CAAC,IAAI,mCAAI,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,MAAA,CAAC,CAAC,kBAAkB,mCAAI,GAAG,CAAC;IAE9C,0EAA0E;IAC1E,8DAA8D;IAC9D,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,6BAAoB,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,MAAA,CAAC,CAAC,QAAQ,mCAAI,SAAS,CAAC,QAAQ,CAAC;IAClD,MAAM,UAAU,GAAG,MAAA,CAAC,CAAC,UAAU,mCAAI,SAAS,CAAC,UAAU,CAAC;IACxD,MAAM,SAAS,GAAG,MAAA,CAAC,CAAC,SAAS,mCAAI,SAAS,CAAC,SAAS,CAAC;IACrD,MAAM,KAAK,GAAG,MAAA,CAAC,CAAC,KAAK,mCAAI,SAAS,CAAC,KAAK,CAAC;IACzC,MAAM,SAAS,GAAG,MAAA,CAAC,CAAC,SAAS,mCAAI,SAAS,CAAC,SAAS,CAAC;IACrD,MAAM,aAAa,GAAG,MAAA,CAAC,CAAC,aAAa,mCAAI,SAAS,CAAC,aAAa,CAAC;IACjE,MAAM,UAAU,GAAG,MAAA,CAAC,CAAC,UAAU,mCAAI,SAAS,CAAC,UAAU,CAAC;IACxD,MAAM,mBAAmB,GAAG,IAAA,mCAA0B,EACpD,MAAA,CAAC,CAAC,UAAU,mCAAI,SAAS,CAAC,UAAU,EACpC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CACnC,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,8CAAoB,EAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAE3E,yCAAyC;IACzC,MAAM,QAAQ,GAAG,IAAA,wCAAc,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;QACnB,MAAM,IAAI,GAAG,IAAA,oCAAU,EAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,IAAA,oCAAU,EAAC,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzD,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAA,mCAAS,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC/D,OAAO,GAAG,EAAE,CAAC,IAAA,yCAAe,EAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,wEAAwE;IACxE,6EAA6E;IAC7E,oEAAoE;IACpE,MAAM,aAAa,GAAG,IAAA,0CAAgB,EAAC,GAAG,EAAE;QAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;QAChD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,MAAM,CAAC;QAClD,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpC,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACrB,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;YAC3B,IAAI,GAAG;gBAAE,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC7B,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YACrD,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACjD,IAAI,OAAO,GAAG,EAAE,CAAC;YACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACxC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,OAAO,IAAI,SAAS,CAAC;gBAClE,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC;YACD,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,GAAG,OAAO,CAAC;QAC7C,CAAC;QACD,mEAAmE;QACnE,8EAA8E;QAC9E,6EAA6E;QAC7E,8EAA8E;QAC9E,2EAA2E;QAC3E,kFAAkF;QAClF,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAY,CAAC;IACpD,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,uBAAC,iBAAiB,IAChB,QAAQ,EAAE,KAAK,EACf,aAAa,EAAC,MAAM,EACpB,WAAW,QACX,iBAAiB,QACjB,qBAAqB,EAAC,aAAa,EACnC,iBAAiB,EAAC,MAAM,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE;YACL,4DAA4D;YAC5D,OAAO,EAAE,CAAC;YACV,kBAAkB,EAAE,KAAK;YACzB,IAAI,EAAE,CAAC,CAAC,IAAI;YACZ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,KAAK,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,KAAK,CAAC;YACnB,MAAM,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,MAAM,CAAC;YACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ;YACpB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,SAAS,EAAE,CAAC,CAAC,SAAS;YACtB,QAAQ;YACR,UAAU,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,UAAkB;YAC5E,UAAU,EAAE,YAAY,CAAC,UAAU;YACnC,SAAS;YACT,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;YACzC,SAAS;YACT,aAAa;YACb,UAAU;YACV,eAAe,EAAE,CAAC,CAAC,eAAe;YAClC,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;YACpC,cAAc,EAAE,CAAC,CAAC,cAAc;YAChC,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;YACtC,eAAe,EAAE,CAAC,CAAC,eAAe;YAClC,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,YAAY,EAAE,CAAC,CAAC,YAAY;YAC5B,WAAW,EAAE,CAAC,CAAC,WAAW;YAC1B,OAAO,EAAE,CAAC,CAAC,OAAO;SACnB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AApHW,QAAA,4BAA4B,gCAoHvC"}

package/dist/UI/Pages/ComposableScreen/elements/ProgressIndicatorElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressIndicatorElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ProgressIndicatorElement.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAA8B~~,MAAM,OAAO,CAAC;~~AAEnD~~,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAE/E,MAAM,MAAM,6BAA6B,GAAG,YAAY,GAAG;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoB9C,CAAC;~~AAMH~~,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,CAAC,CAAC;AAE3E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,~~YAgNjF~~,CAAC"}
1	+ {"version":3,"file":"ProgressIndicatorElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ProgressIndicatorElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAE/E,MAAM,MAAM,6BAA6B,GAAG,YAAY,GAAG;IACzD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAoB9C,CAAC;AAWH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,CAAC,CAAC;AAE3E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAkOjF,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/ProgressIndicatorElement.js CHANGED Viewed

@@ -66,6 +66,11 @@ exports.ProgressIndicatorElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.
     labelColor: zod_1.z.string().optional(),
 });
 const AnimatedCircle = react_native_reanimated_1.default.createAnimatedComponent(react_native_svg_1.Circle);
+// Native TextInput label driven from a worklet (like AnimatedText) so the
+// `showLabel` value updates on the UI thread with NO React re-render — a
+// `useState` label would re-render this component on every step hop and churn
+// the reanimated mapper scheduler (destabilizing other on-screen animations).
+const AnimatedTextInput = react_native_reanimated_1.default.createAnimatedComponent(react_native_1.TextInput);
 const clamp = (n, min, max) => Math.max(min, Math.min(max, n));
 const ProgressIndicatorElementComponent = ({ element, ctx }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
@@ -86,17 +91,15 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
     const color = (_l = props.color) !== null && _l !== void 0 ? _l : theme.colors.primary;
     const trackColor = (_m = props.trackColor) !== null && _m !== void 0 ? _m : theme.colors.neutral.lower;
     const labelColor = (_o = props.labelColor) !== null && _o !== void 0 ? _o : theme.colors.text.primary;
-    // Snap a raw value to `step` within [minValue, maxValue]. The label and the
-    // written variable carry the snapped value, not a percentage.
-    const snap = (v) => clamp(minValue + Math.round((v - minValue) / step) * step, minValue, maxValue);
     // Bound variable value (input mode, non-autoplay) or static value. `progress`
     // is the value in [minValue, maxValue]; the fill fraction is derived from it.
     const boundRaw = props.variableName ? (_p = variables[props.variableName]) === null || _p === void 0 ? void 0 : _p.value : undefined;
     const boundValue = boundRaw !== undefined ? clamp(Number(boundRaw) || 0, minValue, maxValue) : undefined;
     const target = autoplay ? maxValue : clamp((_q = boundValue !== null && boundValue !== void 0 ? boundValue : props.value) !== null && _q !== void 0 ? _q : initialValue, minValue, maxValue);
     const progress = (0, react_native_reanimated_1.useSharedValue)(initialValue);
-    const [displayValue, setDisplayValue] = (0, react_1.useState)(snap(initialValue));
-    // Mirror the animated value into a label + (autoplay) the bound variable.
+    // (autoplay) Write the step-snapped value to the bound variable. The label is
+    // rendered natively (see labelAnimatedProps below), so it does NOT go through
+    // React state — this reaction's ONLY job is the variable write.
     // Reaction input is the *step-snapped* value, so the JS callback fires only
     // when the snapped value changes ((maxValue-minValue)/step hops/sweep) rather
     // than every frame — avoids a per-frame context write storm (setVariable
@@ -110,15 +113,11 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
     };
     const writesVariable = autoplay && !!variableName;
     // The dependency array is REQUIRED. Without it reanimated tears down and
-    // rebuilds this mapper on EVERY render. A looping `showLabel` indicator
-    // re-renders continuously (one setDisplayValue per step hop), so its mapper
-    // would be start/stopped indefinitely — perpetual churn on the UI-thread mapper
-    // scheduler that destabilizes *other* running animations on the same screen
-    // (they visibly reset mid/after a sweep — "finishes then resets for no reason").
-    // Recreating also resets `prev` to undefined, defeating the `snapped === prev`
-    // guard so the JS callbacks over-fire. Keying on the values the worklet branches
-    // on (incl. minValue/maxValue/step) keeps the mapper stable; the JS fns it calls
-    // (setDisplayValue, setVariable via writeVariable) are already stable across renders.
+    // rebuilds this mapper on EVERY render, resetting `prev` to undefined and
+    // defeating the `snapped === prev` guard so the JS callback over-fires.
+    // Keying on the values the worklet branches on (minValue/maxValue/step) keeps
+    // the mapper stable; the JS fn it calls (setVariable via writeVariable) is
+    // already stable across renders.
     (0, react_native_reanimated_1.useAnimatedReaction)(() => {
         // Inline snap (worklet — can't call the JS `snap` closure). Captures the
         // primitive minValue/maxValue/step (re-keyed via the deps array below).
@@ -127,11 +126,17 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
     }, (snapped, prev) => {
         if (snapped === prev)
             return;
-        if (showLabel)
-            (0, react_native_reanimated_1.runOnJS)(setDisplayValue)(snapped);
         if (writesVariable)
             (0, react_native_reanimated_1.runOnJS)(writeVariable)(snapped);
-    }, [showLabel, writesVariable, variableName, minValue, maxValue, step]);
+    }, [writesVariable, variableName, minValue, maxValue, step]);
+    // Native label text, formatted on the UI thread (snapped value + suffix).
+    // Mirrors AnimatedText: returns `defaultValue` too so a re-render reconcile
+    // can't revert the uncontrolled TextInput to a stale mount-time value.
+    const labelAnimatedProps = (0, react_native_reanimated_1.useAnimatedProps)(() => {
+        const snapped = Math.max(minValue, Math.min(maxValue, minValue + Math.round((progress.value - minValue) / step) * step));
+        const t = `${snapped}${labelSuffix}`;
+        return { text: t, defaultValue: t };
+    }, [minValue, maxValue, step, labelSuffix]);
     // Autoplay: animate initialValue -> maxValue, optionally looping, after `delay`.
     (0, react_1.useEffect)(() => {
         if (!autoplay)
@@ -183,12 +188,15 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
         paddingVertical: props.paddingVertical,
     };
     if (variant === "circular") {
-        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [containerStyle, { width: size, height: size, alignItems: "center", justifyContent: "center" }], children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { width: size, height: size, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: trackColor, strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)(AnimatedCircle, { cx: size / 2, cy: size / 2, r: radius, stroke: color, strokeWidth: strokeWidth, fill: "none", strokeDasharray: circumference, animatedProps: animatedCircleProps, strokeLinecap: "round", rotation: "-90", origin: `${size / 2}, ${size / 2}` })] }), props.showLabel ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: "absolute", alignItems: "center", justifyContent: "center" }, children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: {
+        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [containerStyle, { width: size, height: size, alignItems: "center", justifyContent: "center" }], children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { width: size, height: size, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: size / 2, cy: size / 2, r: radius, stroke: trackColor, strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)(AnimatedCircle, { cx: size / 2, cy: size / 2, r: radius, stroke: color, strokeWidth: strokeWidth, fill: "none", strokeDasharray: circumference, animatedProps: animatedCircleProps, strokeLinecap: "round", rotation: "-90", origin: `${size / 2}, ${size / 2}` })] }), props.showLabel ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: "absolute", alignItems: "center", justifyContent: "center" }, children: (0, jsx_runtime_1.jsx)(AnimatedTextInput, { editable: false, pointerEvents: "none", caretHidden: true, contextMenuHidden: true, underlineColorAndroid: "transparent", accessibilityRole: "text", animatedProps: labelAnimatedProps, style: {
+                            padding: 0,
+                            includeFontPadding: false,
+                            textAlign: "center",
                             color: labelColor,
                             fontSize: theme.typography.textStyles.heading2.fontSize,
                             fontWeight: theme.typography.fontWeight.bold,
                             fontFamily: theme.typography.textStyles.heading2.fontFamily,
-                        }, children: [displayValue, labelSuffix] }) })) : null] }));
+                        } }) })) : null] }));
     }
     // Linear variant
     const barHeight = (_u = props.thickness) !== null && _u !== void 0 ? _u : 8;
@@ -201,7 +209,9 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
                 }, children: (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [
                         { height: "100%", backgroundColor: color, borderRadius: (_x = props.borderRadius) !== null && _x !== void 0 ? _x : barHeight / 2 },
                         animatedFillStyle,
-                    ] }) }), props.showLabel ? ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: {
+                    ] }) }), props.showLabel ? ((0, jsx_runtime_1.jsx)(AnimatedTextInput, { editable: false, pointerEvents: "none", caretHidden: true, contextMenuHidden: true, underlineColorAndroid: "transparent", accessibilityRole: "text", animatedProps: labelAnimatedProps, style: {
+                    padding: 0,
+                    includeFontPadding: false,
                     marginLeft: 12,
                     color: labelColor,
                     fontSize: theme.typography.textStyles.label.fontSize,
@@ -209,7 +219,7 @@ const ProgressIndicatorElementComponent = ({ element, ctx }) => {
                     fontFamily: theme.typography.textStyles.label.fontFamily,
                     minWidth: 44,
                     textAlign: "right",
-                }, children: [displayValue, labelSuffix] })) : null] }));
+                } })) : null] }));
 };
 exports.ProgressIndicatorElementComponent = ProgressIndicatorElementComponent;
 //# sourceMappingURL=ProgressIndicatorElement.js.map