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

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

@@ -7,6 +7,8 @@ export type ImageElementProps = BaseBoxProps & {
     url: string;
     aspectRatio?: number;
     resizeMode?: "cover" | "contain" | "stretch" | "center";
+    /** Uniform Gaussian blur radius (px). 0/undefined = sharp. Ignored for SVGs. */
+    blurRadius?: number;
 };
 export declare const ImageElementPropsSchema: z.ZodObject<{
     width: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodString]>>;
@@ -245,6 +247,7 @@ export declare const ImageElementPropsSchema: z.ZodObject<{
         stretch: "stretch";
         cover: "cover";
     }>>;
+    blurRadius: z.ZodOptional<z.ZodNumber>;
 }, z.core.$strip>;
 type ImageUIElement = Extract<UIElement, {
     type: "Image";

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

@@ -1 +1 @@
-{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.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,EAAyB,MAAM,UAAU,CAAC;AAahE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIlC,CAAC;AAmCH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAsGhE,CAAC"}
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.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,EAAyB,MAAM,UAAU,CAAC;AAahE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxD,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAKlC,CAAC;AAyCH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAsGhE,CAAC"}

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

@@ -22,6 +22,7 @@ exports.ImageElementPropsSchema = 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(),
+    blurRadius: zod_1.z.number().min(0).optional(),
 });
 // RN resizeMode → expo-image contentFit.
 const CONTENT_FIT = {
@@ -42,8 +43,9 @@ const SVG_ASPECT = {
 // with `.svg` URLs just work, no schema change.
 const isSvgUrl = (url) => url.split(/[?#]/)[0].toLowerCase().endsWith(".svg");
 // Pick expo-image when installed (better webp/avif), else RN Image. resizeMode
-// passes through unchanged on RN; maps to contentFit on expo-image.
-const renderRaster = (url, resizeMode, style) => ExpoImage ? ((0, jsx_runtime_1.jsx)(ExpoImage, { source: url, contentFit: CONTENT_FIT[resizeMode !== null && resizeMode !== void 0 ? resizeMode : "cover"], style: style })) : ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: url }, resizeMode: resizeMode, style: style }));
+// passes through unchanged on RN; maps to contentFit on expo-image. `blurRadius`
+// is a native prop on both — undefined leaves the image sharp.
+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 }));
 const ImageElementComponent = ({ element }) => {
     var _a, _b, _c;
     const p = element.props;
@@ -61,7 +63,7 @@ const ImageElementComponent = ({ element }) => {
             height: "100%",
             borderRadius: p.borderRadius,
             overflow: ((_b = p.overflow) !== null && _b !== void 0 ? _b : "hidden"),
-        }));
+        }, p.blurRadius));
         if (p.backgroundGradient) {
             return ((0, jsx_runtime_1.jsx)(GradientBox_1.GradientBox, { gradient: p.backgroundGradient, style: wrapperStyle, children: innerImage }));
         }
@@ -97,7 +99,7 @@ const ImageElementComponent = ({ element }) => {
     if (isSvg) {
         return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: simpleStyle, children: (0, jsx_runtime_1.jsx)(react_native_svg_1.SvgUri, { uri: p.url, width: "100%", height: "100%", preserveAspectRatio: SVG_ASPECT[(_c = p.resizeMode) !== null && _c !== void 0 ? _c : "contain"] }) }));
     }
-    return renderRaster(p.url, p.resizeMode, simpleStyle);
+    return renderRaster(p.url, p.resizeMode, simpleStyle, p.blurRadius);
 };
 exports.ImageElementComponent = ImageElementComponent;
 //# sourceMappingURL=ImageElement.js.map

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

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

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