@rocapine/react-native-onboarding-ui 1.34.1 → 1.36.0

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

@@ -0,0 +1,327 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps, GradientEdge } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type BlurMaskStop = {
+    position: number;
+    opacity: number;
+};
+export type LinearBlurMask = {
+    type?: "linear";
+    from: GradientEdge;
+    to: GradientEdge;
+    stops: BlurMaskStop[];
+};
+export type RadialBlurMask = {
+    type: "radial";
+    center?: {
+        x: number;
+        y: number;
+    };
+    radius?: number;
+    stops: BlurMaskStop[];
+};
+export type BlurMask = LinearBlurMask | RadialBlurMask;
+export type ProgressiveBlurImageElementProps = BaseBoxProps & {
+    url: string;
+    aspectRatio?: number;
+    resizeMode?: "cover" | "contain" | "stretch" | "center";
+    intensity: number;
+    tint?: "light" | "dark" | "default";
+    mask: BlurMask;
+    maxBlurOpacity?: number;
+};
+export declare const ProgressiveBlurImageElementPropsSchema: 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>;
+    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>>;
+    url: z.ZodString;
+    aspectRatio: z.ZodOptional<z.ZodNumber>;
+    resizeMode: z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        contain: "contain";
+        stretch: "stretch";
+        cover: "cover";
+    }>>;
+    intensity: z.ZodNumber;
+    tint: z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        dark: "dark";
+        default: "default";
+    }>>;
+    mask: z.ZodUnion<readonly [z.ZodObject<{
+        type: z.ZodOptional<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<{
+            position: z.ZodNumber;
+            opacity: z.ZodNumber;
+        }, z.core.$strip>>;
+    }, z.core.$strip>, z.ZodObject<{
+        type: z.ZodLiteral<"radial">;
+        center: z.ZodOptional<z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, z.core.$strip>>;
+        radius: z.ZodOptional<z.ZodNumber>;
+        stops: z.ZodArray<z.ZodObject<{
+            position: z.ZodNumber;
+            opacity: z.ZodNumber;
+        }, z.core.$strip>>;
+    }, z.core.$strip>]>;
+    maxBlurOpacity: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+type BlurUIElement = Extract<UIElement, {
+    type: "ProgressiveBlurImage";
+}>;
+type Props = {
+    element: BlurUIElement;
+    ctx: RenderContext;
+};
+export declare const ProgressiveBlurImageElementComponent: ({ element }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=ProgressiveBlurImageElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveBlurImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAiC9C,MAAM,MAAM,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AACjE,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC;IAAC,EAAE,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAC;AAC9G,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG,cAAc,CAAC;AAEvD,MAAM,MAAM,gCAAgC,GAAG,YAAY,GAAG;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAuBF,eAAO,MAAM,sCAAsC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAQjD,CAAC;AA2CH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,sBAAsB,CAAA;CAAE,CAAC,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAyGF,eAAO,MAAM,oCAAoC,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAyG/E,CAAC"}

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

@@ -0,0 +1,240 @@
+"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;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressiveBlurImageElementComponent = exports.ProgressiveBlurImageElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const BaseBoxProps_1 = require("./BaseBoxProps");
+const shared_1 = require("./shared");
+const GradientBox_1 = require("./GradientBox");
+// expo-image (better webp/avif) — optional, falls back to RN Image.
+let ExpoImage = null;
+try {
+    ExpoImage = require("expo-image").Image;
+}
+catch (_a) {
+    // expo-image not installed — RN Image fallback below
+}
+// @react-native-masked-view/masked-view — optional. Absent → no progressive
+// mask, so we degrade to a flat gradient scrim rather than a full-screen blur.
+let MaskedView = null;
+try {
+    MaskedView = require("@react-native-masked-view/masked-view").default;
+}
+catch (_b) {
+    // masked-view not installed
+}
+// expo-linear-gradient — optional. Used for the LINEAR mask + tint/scrim
+// gradients. Absent → plain dark View scrim (radial masks use react-native-svg,
+// a required dep, so they don't depend on this).
+let LinearGradient = null;
+try {
+    LinearGradient = require("expo-linear-gradient").LinearGradient;
+}
+catch (_c) {
+    // expo-linear-gradient not installed
+}
+const BlurMaskStopSchema = zod_1.z.object({
+    position: zod_1.z.number().min(0).max(1),
+    opacity: zod_1.z.number().min(0).max(1),
+});
+const EDGE_ENUM = zod_1.z.enum(["top", "bottom", "left", "right", "topLeft", "topRight", "bottomLeft", "bottomRight"]);
+const LinearBlurMaskSchema = zod_1.z.object({
+    type: zod_1.z.literal("linear").optional(),
+    from: EDGE_ENUM,
+    to: EDGE_ENUM,
+    stops: zod_1.z.array(BlurMaskStopSchema).min(2, "blur mask requires at least 2 stops"),
+});
+const RadialBlurMaskSchema = zod_1.z.object({
+    type: zod_1.z.literal("radial"),
+    center: zod_1.z.object({ x: zod_1.z.number().min(0).max(1), y: zod_1.z.number().min(0).max(1) }).optional(),
+    radius: zod_1.z.number().positive().optional(),
+    stops: zod_1.z.array(BlurMaskStopSchema).min(2, "blur mask requires at least 2 stops"),
+});
+exports.ProgressiveBlurImageElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    url: zod_1.z.string().min(1, "url must not be empty"),
+    aspectRatio: zod_1.z.number().optional(),
+    resizeMode: zod_1.z.enum(["cover", "contain", "stretch", "center"]).optional(),
+    intensity: zod_1.z.number().min(0).max(100),
+    tint: zod_1.z.enum(["light", "dark", "default"]).optional(),
+    mask: zod_1.z.union([LinearBlurMaskSchema, RadialBlurMaskSchema]),
+    maxBlurOpacity: zod_1.z.number().min(0).max(1).optional(),
+});
+const CONTENT_FIT = {
+    cover: "cover",
+    contain: "contain",
+    stretch: "fill",
+    center: "none",
+};
+const EDGE_POINT = {
+    top: { x: 0.5, y: 0 },
+    bottom: { x: 0.5, y: 1 },
+    left: { x: 0, y: 0.5 },
+    right: { x: 1, y: 0.5 },
+    topLeft: { x: 0, y: 0 },
+    topRight: { x: 1, y: 0 },
+    bottomLeft: { x: 0, y: 1 },
+    bottomRight: { x: 1, y: 1 },
+};
+const renderRaster = (url, resizeMode, style, blurRadius) => ExpoImage ? ((0, jsx_runtime_1.jsx)(ExpoImage, { source: url, contentFit: CONTENT_FIT[resizeMode !== null && resizeMode !== void 0 ? resizeMode : "cover"], blurRadius: blurRadius, style: style })) : ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: url }, resizeMode: resizeMode, blurRadius: blurRadius, style: style }));
+// expo-blur's BlurView blurs the *backdrop behind it*, but a MaskedView renders
+// its child into an isolated offscreen layer with no backdrop to sample — so a
+// masked BlurView is transparent on iOS (no blur, no tint). Instead we mask a
+// real blurred *copy* of the image, which composites reliably on both platforms.
+// Map the 0–100 intensity onto an expo-image/RN blurRadius in px.
+const intensityToBlurRadius = (intensity) => Math.max(0, Math.round(intensity * 0.3));
+const isRadialMask = (mask) => mask.type === "radial";
+// ---------------------------------------------------------------------------
+// LINEAR helpers (expo-linear-gradient).
+// ---------------------------------------------------------------------------
+// Mask alpha (= blur strength) → black with that alpha. MaskedView keys off the
+// alpha channel of its mask element, so a transparent→opaque black ramp reveals
+// the blurred image copy only where the mask is opaque.
+const linearMaskColors = (mask, maxBlurOpacity) => mask.stops.map((s) => `rgba(0,0,0,${(s.opacity * maxBlurOpacity).toFixed(3)})`);
+// `tint` → an rgb triple for the darkening/lightening overlay. "default" = no tint.
+const tintRgb = (tint) => tint === "dark" ? "0,0,0" : tint === "light" ? "255,255,255" : null;
+// A linear color gradient following the mask shape (tint overlay / fallback
+// scrim). Tint alpha tracks the mask strength × maxBlurOpacity so a "dark" tint
+// actually reads dark (no extra dampening).
+const linearColorGradient = (mask, maxBlurOpacity, rgb) => ({
+    type: "linear",
+    from: mask.from,
+    to: mask.to,
+    stops: mask.stops.map((s) => ({
+        color: `rgba(${rgb},${(s.opacity * maxBlurOpacity).toFixed(3)})`,
+        position: s.position,
+    })),
+});
+// ---------------------------------------------------------------------------
+// RADIAL helpers (react-native-svg — a required dep, always available).
+// A radial color/alpha gradient rect; `objectBoundingBox` units map cx/cy/r to
+// 0..1 fractions of the box (so a non-square box yields the Figma ellipse).
+// ---------------------------------------------------------------------------
+const RadialSvg = ({ mask, id, color, opacityScale, }) => {
+    var _a, _b;
+    const c = (_a = mask.center) !== null && _a !== void 0 ? _a : { x: 0.5, y: 0.5 };
+    const r = (_b = mask.radius) !== null && _b !== void 0 ? _b : 0.75;
+    return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { style: react_native_1.StyleSheet.absoluteFillObject, width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(react_native_svg_1.RadialGradient, { id: id, cx: String(c.x), cy: String(c.y), r: String(r), gradientUnits: "objectBoundingBox", children: mask.stops.map((s, i) => ((0, jsx_runtime_1.jsx)(react_native_svg_1.Stop, { offset: String(s.position), stopColor: color, stopOpacity: String(Math.min(1, s.opacity * opacityScale)) }, i))) }) }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Rect, { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${id})` })] }));
+};
+// The JS package may be present (hoisted in a monorepo / installed) while the
+// NATIVE view manager is missing — e.g. a dev-client binary built before the
+// dep was added. Then `require` succeeds but rendering `<MaskedView>` throws
+// "View config not found for component RNCMaskedView". Probe the native registry
+// when we can; `hasViewManagerConfig` is absent on some arch/versions, so a
+// `false` only suppresses when we can actually tell (the boundary below is the
+// reliable backstop in all other cases).
+const nativeMaskedViewAvailable = () => {
+    const has = react_native_1.UIManager === null || react_native_1.UIManager === void 0 ? void 0 : react_native_1.UIManager.hasViewManagerConfig;
+    if (typeof has !== "function")
+        return true; // can't determine → let the boundary guard it
+    return !!has("RNCMaskedView");
+};
+// Backstop: if the masked-blur subtree throws at render/commit (native view
+// missing on the running binary), swap to the plain fallback instead of
+// crashing the whole onboarding screen.
+class ProgressiveBlurBoundary extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { failed: false };
+    }
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    componentDidCatch() {
+        // swallow — degradation is intentional, not an error to surface
+    }
+    render() {
+        return this.state.failed ? this.props.fallback : this.props.children;
+    }
+}
+const ProgressiveBlurImageElementComponent = ({ element }) => {
+    var _a, _b;
+    const p = element.props;
+    const maxBlurOpacity = (_a = p.maxBlurOpacity) !== null && _a !== void 0 ? _a : 1;
+    const radial = isRadialMask(p.mask);
+    const rgb = tintRgb(p.tint);
+    const containerStyle = {
+        flex: p.flex,
+        flexShrink: p.flexShrink,
+        flexGrow: p.flexGrow,
+        alignSelf: p.alignSelf,
+        aspectRatio: p.aspectRatio,
+        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,
+        borderRadius: p.borderRadius,
+        borderWidth: p.borderWidth,
+        borderColor: p.borderColor,
+        opacity: p.opacity,
+        overflow: ((_b = p.overflow) !== null && _b !== void 0 ? _b : "hidden"),
+        margin: p.margin,
+        marginHorizontal: p.marginHorizontal,
+        marginVertical: p.marginVertical,
+        backgroundColor: p.backgroundColor,
+    };
+    const sharpImage = renderRaster(p.url, p.resizeMode, react_native_1.StyleSheet.absoluteFillObject);
+    // Dark scrim (degraded path + error-boundary fallback). Radial → SVG (always
+    // available), linear → GradientBox (plain View when expo-linear-gradient absent).
+    // `isRadialMask(p.mask)` narrows the union in each branch.
+    const scrim = isRadialMask(p.mask) ? ((0, jsx_runtime_1.jsx)(RadialSvg, { mask: p.mask, id: `pbi-fb-${element.id}`, color: "black", opacityScale: maxBlurOpacity })) : ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: linearColorGradient(p.mask, maxBlurOpacity, "0,0,0"), style: react_native_1.StyleSheet.absoluteFillObject }));
+    const fallback = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: containerStyle, children: [sharpImage, scrim] }));
+    // Full path needs masked-view (+ its native view) and, for a LINEAR mask, the
+    // expo-linear-gradient dep. A RADIAL mask renders via react-native-svg (always
+    // available). expo-blur is intentionally not used — a masked BlurView is
+    // transparent on iOS (see renderRaster note).
+    const gradientDepReady = radial || !!LinearGradient;
+    const canProgressiveBlur = MaskedView && nativeMaskedViewAvailable() && gradientDepReady;
+    if (!canProgressiveBlur)
+        return fallback;
+    const Masked = MaskedView;
+    const Gradient = LinearGradient; // non-null for linear masks (gradientDepReady)
+    const blurredCopy = renderRaster(p.url, p.resizeMode, react_native_1.StyleSheet.absoluteFillObject, intensityToBlurRadius(p.intensity));
+    // Mask element: opaque where the blur should show.
+    const maskElement = isRadialMask(p.mask) ? ((0, jsx_runtime_1.jsx)(RadialSvg, { mask: p.mask, id: `pbi-mask-${element.id}`, color: "black", opacityScale: maxBlurOpacity })) : ((0, jsx_runtime_1.jsx)(Gradient, { colors: linearMaskColors(p.mask, maxBlurOpacity), start: EDGE_POINT[p.mask.from], end: EDGE_POINT[p.mask.to], locations: p.mask.stops.map((s) => s.position), style: react_native_1.StyleSheet.absoluteFillObject }));
+    // Tint overlay following the mask shape (the Figma dark tint).
+    const tintOverlay = rgb == null ? null : isRadialMask(p.mask) ? ((0, jsx_runtime_1.jsx)(RadialSvg, { mask: p.mask, id: `pbi-tint-${element.id}`, color: `rgb(${rgb})`, opacityScale: maxBlurOpacity })) : ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: linearColorGradient(p.mask, maxBlurOpacity, rgb), style: react_native_1.StyleSheet.absoluteFillObject }));
+    return ((0, jsx_runtime_1.jsx)(ProgressiveBlurBoundary, { fallback: fallback, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: containerStyle, children: [sharpImage, (0, jsx_runtime_1.jsx)(Masked, { style: react_native_1.StyleSheet.absoluteFillObject, maskElement: maskElement, children: blurredCopy }), tintOverlay] }) }));
+};
+exports.ProgressiveBlurImageElementComponent = ProgressiveBlurImageElementComponent;
+//# sourceMappingURL=ProgressiveBlurImageElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressiveBlurImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ProgressiveBlurImageElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,6BAAwB;AACxB,+CAA6E;AAC7E,qEAAyE;AACzE,iDAAgF;AAGhF,qCAA8C;AAC9C,+CAA4C;AAE5C,oEAAoE;AACpE,IAAI,SAAS,GAAoC,IAAI,CAAC;AACtD,IAAI,CAAC;IACH,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AAC1C,CAAC;AAAC,WAAM,CAAC;IACP,qDAAqD;AACvD,CAAC;AAED,4EAA4E;AAC5E,+EAA+E;AAC/E,IAAI,UAAU,GAAoC,IAAI,CAAC;AACvD,IAAI,CAAC;IACH,UAAU,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC,OAAO,CAAC;AACxE,CAAC;AAAC,WAAM,CAAC;IACP,4BAA4B;AAC9B,CAAC;AAED,yEAAyE;AACzE,gFAAgF;AAChF,iDAAiD;AACjD,IAAI,cAAc,GAAoC,IAAI,CAAC;AAC3D,IAAI,CAAC;IACH,cAAc,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAAC,cAAc,CAAC;AAClE,CAAC;AAAC,WAAM,CAAC;IACP,qCAAqC;AACvC,CAAC;AAyBD,MAAM,kBAAkB,GAAG,OAAC,CAAC,MAAM,CAAC;IAClC,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAClC,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;CAClC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,OAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;AAEjH,MAAM,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE;IACpC,IAAI,EAAE,SAAS;IACf,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,OAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,qCAAqC,CAAC;CACjF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IACpC,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;IACzB,MAAM,EAAE,OAAC,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE;IACzF,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;IACxC,KAAK,EAAE,OAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,qCAAqC,CAAC;CACjF,CAAC,CAAC;AAEU,QAAA,sCAAsC,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAC9E,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC;IAC/C,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAClC,UAAU,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;IACxE,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACrC,IAAI,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE;IACrD,IAAI,EAAE,OAAC,CAAC,KAAK,CAAC,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;IAC3D,cAAc,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;CACpD,CAAC,CAAC;AAIH,MAAM,WAAW,GAA8D;IAC7E,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,UAAU,GAA6C;IAC3D,GAAG,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;IACrB,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;IACxB,IAAI,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;IACtB,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE;IACvB,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACvB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IACxB,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;IAC1B,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,GAAW,EACX,UAAkC,EAClC,KAAU,EACV,UAAmB,EACC,EAAE,CACtB,SAAS,CAAC,CAAC,CAAC,CACV,uBAAC,SAAS,IAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,OAAO,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CACjH,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAO,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAChG,CAAC;AAEJ,gFAAgF;AAChF,+EAA+E;AAC/E,8EAA8E;AAC9E,iFAAiF;AACjF,kEAAkE;AAClE,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAU,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC;AAEtG,MAAM,YAAY,GAAG,CAAC,IAAc,EAA0B,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC;AASxF,8EAA8E;AAC9E,yCAAyC;AACzC,8EAA8E;AAE9E,gFAAgF;AAChF,gFAAgF;AAChF,wDAAwD;AACxD,MAAM,gBAAgB,GAAG,CAAC,IAAoB,EAAE,cAAsB,EAAY,EAAE,CAClF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAElF,oFAAoF;AACpF,MAAM,OAAO,GAAG,CAAC,IAAmC,EAAiB,EAAE,CACrE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;AAEtE,4EAA4E;AAC5E,gFAAgF;AAChF,4CAA4C;AAC5C,MAAM,mBAAmB,GAAG,CAC1B,IAAoB,EACpB,cAAsB,EACtB,GAAW,EACS,EAAE,CAAC,CAAC;IACxB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,EAAE,EAAE,IAAI,CAAC,EAAE;IACX,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5B,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAChE,QAAQ,EAAE,CAAC,CAAC,QAAQ;KACrB,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH,8EAA8E;AAC9E,wEAAwE;AACxE,+EAA+E;AAC/E,4EAA4E;AAC5E,8EAA8E;AAE9E,MAAM,SAAS,GAAG,CAAC,EACjB,IAAI,EACJ,EAAE,EACF,KAAK,EACL,YAAY,GAQb,EAAsB,EAAE;;IACvB,MAAM,CAAC,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IAC5C,MAAM,CAAC,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,IAAI,CAAC;IAC9B,OAAO,CACL,wBAAC,0BAAG,IAAC,KAAK,EAAE,yBAAU,CAAC,kBAAkB,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,aACnE,uBAAC,uBAAI,cACH,uBAAC,iCAAc,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAC,mBAAmB,YACtG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,uBAAC,uBAAI,IAEH,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC1B,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,YAAY,CAAC,CAAC,IAHrD,CAAC,CAIN,CACH,CAAC,GACa,GACZ,EACP,uBAAC,uBAAI,IAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,GAAI,IAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,iFAAiF;AACjF,4EAA4E;AAC5E,+EAA+E;AAC/E,yCAAyC;AACzC,MAAM,yBAAyB,GAAG,GAAY,EAAE;IAC9C,MAAM,GAAG,GAAI,wBAAiB,aAAjB,wBAAS,uBAAT,wBAAS,CAAU,oBAAoB,CAAC;IACrD,IAAI,OAAO,GAAG,KAAK,UAAU;QAAE,OAAO,IAAI,CAAC,CAAC,8CAA8C;IAC1F,OAAO,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,4EAA4E;AAC5E,wEAAwE;AACxE,wCAAwC;AACxC,MAAM,uBAAwB,SAAQ,eAAK,CAAC,SAG3C;IAHD;;QAIE,UAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAU5B,CAAC;IATC,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC;IACD,iBAAiB;QACf,gEAAgE;IAClE,CAAC;IACD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IACvE,CAAC;CACF;AAEM,MAAM,oCAAoC,GAAG,CAAC,EAAE,OAAO,EAAS,EAAsB,EAAE;;IAC7F,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;IACxB,MAAM,cAAc,GAAG,MAAA,CAAC,CAAC,cAAc,mCAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,cAAc,GAAG;QACrB,IAAI,EAAE,CAAC,CAAC,IAAI;QACZ,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,KAAK,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,KAAK,CAAC;QACnB,MAAM,EAAE,IAAA,YAAG,EAAC,CAAC,CAAC,MAAM,CAAC;QACrB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,QAAQ,EAAE,CAAC,CAAC,QAAQ;QACpB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,YAAY,EAAE,CAAC,CAAC,YAAY;QAC5B,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,OAAO,EAAE,CAAC,CAAC,OAAO;QAClB,QAAQ,EAAE,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,QAAQ,CAAQ;QACzC,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;QACpC,cAAc,EAAE,CAAC,CAAC,cAAc;QAChC,eAAe,EAAE,CAAC,CAAC,eAAe;KAC5B,CAAC;IAET,MAAM,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,EAAE,yBAAU,CAAC,kBAAkB,CAAC,CAAC;IAEpF,6EAA6E;IAC7E,kFAAkF;IAClF,2DAA2D;IAC3D,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACnC,uBAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,UAAU,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,EAAC,YAAY,EAAE,cAAc,GAAI,CACpG,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAW,IACV,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,cAAc,EAAE,OAAO,CAAC,EAC9D,KAAK,EAAE,yBAAU,CAAC,kBAAyB,GAC3C,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,wBAAC,mBAAI,IAAC,KAAK,EAAE,cAAc,aACxB,UAAU,EACV,KAAK,IACD,CACR,CAAC;IAEF,8EAA8E;IAC9E,+EAA+E;IAC/E,yEAAyE;IACzE,8CAA8C;IAC9C,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC,CAAC,cAAc,CAAC;IACpD,MAAM,kBAAkB,GAAG,UAAU,IAAI,yBAAyB,EAAE,IAAI,gBAAgB,CAAC;IAEzF,IAAI,CAAC,kBAAkB;QAAE,OAAO,QAAQ,CAAC;IAEzC,MAAM,MAAM,GAAG,UAAW,CAAC;IAC3B,MAAM,QAAQ,GAAG,cAA0C,CAAC,CAAC,+CAA+C;IAC5G,MAAM,WAAW,GAAG,YAAY,CAC9B,CAAC,CAAC,GAAG,EACL,CAAC,CAAC,UAAU,EACZ,yBAAU,CAAC,kBAAkB,EAC7B,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CACnC,CAAC;IAEF,mDAAmD;IACnD,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzC,uBAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,YAAY,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,EAAC,YAAY,EAAE,cAAc,GAAI,CACtG,CAAC,CAAC,CAAC,CACF,uBAAC,QAAQ,IACP,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,EAAE,cAAc,CAAC,EAChD,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAC9B,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAC1B,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC9C,KAAK,EAAE,yBAAU,CAAC,kBAAkB,GACpC,CACH,CAAC;IAEF,+DAA+D;IAC/D,MAAM,WAAW,GACf,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC1C,uBAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,YAAY,OAAO,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,GAAG,EAAE,YAAY,EAAE,cAAc,GAAI,CAC9G,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAW,IACV,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,cAAc,EAAE,GAAG,CAAC,EAC1D,KAAK,EAAE,yBAAU,CAAC,kBAAyB,GAC3C,CACH,CAAC;IAEJ,OAAO,CACL,uBAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,YACzC,wBAAC,mBAAI,IAAC,KAAK,EAAE,cAAc,aAExB,UAAU,EAEX,uBAAC,MAAM,IAAC,KAAK,EAAE,yBAAU,CAAC,kBAAkB,EAAE,WAAW,EAAE,WAAW,YACnE,WAAW,GACL,EACR,WAAW,IACP,GACiB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAzGW,QAAA,oCAAoC,wCAyG/C"}

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

@@ -3,9 +3,11 @@ import { z } from "zod";
 import { BaseBoxProps } from "./BaseBoxProps";
 import { UIElement } from "../types";
 import { RenderContext } from "./shared";
+import { type HapticStyle } from "./haptics";
 export type RadioGroupElementProps = BaseBoxProps & {
     variableName?: string;
     defaultValue?: string;
+    haptic?: HapticStyle;
     gap?: number;
     direction?: "vertical" | "horizontal";
     showTick?: boolean;
@@ -261,6 +263,14 @@ export declare const RadioGroupElementPropsSchema: z.ZodObject<{
     }, z.core.$strip>>;
     variableName: z.ZodOptional<z.ZodString>;
     defaultValue: z.ZodOptional<z.ZodString>;
+    haptic: z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        medium: "medium";
+        heavy: "heavy";
+        none: "none";
+        soft: "soft";
+        rigid: "rigid";
+    }>>;
     gap: z.ZodOptional<z.ZodNumber>;
     direction: z.ZodOptional<z.ZodEnum<{
         horizontal: "horizontal";

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RadioGroupElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAG9C,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA+BvC,CAAC;AAEH,KAAK,mBAAmB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAsHnE,CAAC"}
+{"version":3,"file":"RadioGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RadioGroupElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAO,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgCvC,CAAC;AAEH,KAAK,mBAAmB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAuHnE,CAAC"}

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

@@ -8,9 +8,11 @@ const react_native_1 = require("react-native");
 const BaseBoxProps_1 = require("./BaseBoxProps");
 const shared_1 = require("./shared");
 const GradientBox_1 = require("./GradientBox");
+const haptics_1 = require("./haptics");
 exports.RadioGroupElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
     variableName: zod_1.z.string().optional(),
     defaultValue: zod_1.z.string().optional(),
+    haptic: zod_1.z.enum(["none", "light", "medium", "heavy", "soft", "rigid"]).optional(),
     gap: zod_1.z.number().optional(),
     direction: zod_1.z.enum(["vertical", "horizontal"]).optional(),
     showTick: zod_1.z.boolean().optional(),
@@ -52,6 +54,7 @@ const RadioGroupComponent = ({ element, ctx }) => {
     }, [element.props.variableName, element.props.defaultValue, element.props.items, selectedValue]);
     const handleSelect = (value, label) => {
         if (element.props.variableName) {
+            (0, haptics_1.triggerHaptic)(element.props.haptic);
             setVariable(element.props.variableName, { value, label });
         }
     };