@korsolutions/guidon 1.0.19 → 1.0.21

package/dist/commonjs/components/GuidonOverlay.js

@@ -11,7 +11,6 @@ var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _store = require("../store.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const AnimatedSvg = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.default);
 const DEFAULT_THEME = {
   backdropColor: "#000000",
   backdropOpacity: 0.7,
@@ -97,18 +96,21 @@ function GuidonOverlay({
     // Native: full backdrop without cutout
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
       onPress: onBackdropPress,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedSvg, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
         style: [styles.container, animatedStyle],
-        width: screenWidth,
-        height: screenHeight,
-        viewBox: `0 0 ${screenWidth} ${screenHeight}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
-          x: "0",
-          y: "0",
-          width: "100%",
-          height: "100%",
-          fill: mergedTheme.backdropColor,
-          fillOpacity: mergedTheme.backdropOpacity
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
+          width: screenWidth,
+          height: screenHeight,
+          viewBox: `0 0 ${screenWidth} ${screenHeight}`,
+          style: _reactNative.StyleSheet.absoluteFill,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+            x: "0",
+            y: "0",
+            width: "100%",
+            height: "100%",
+            fill: mergedTheme.backdropColor,
+            fillOpacity: mergedTheme.backdropOpacity
+          })
         })
       })
     });
@@ -148,41 +150,44 @@ function GuidonOverlay({
   // Native implementation
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     onPress: onBackdropPress,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedSvg, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
       style: [styles.container, animatedStyle],
-      width: screenWidth,
-      height: screenHeight,
-      viewBox: `0 0 ${screenWidth} ${screenHeight}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Mask, {
-          id: "spotlight-mask",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+        width: screenWidth,
+        height: screenHeight,
+        viewBox: `0 0 ${screenWidth} ${screenHeight}`,
+        style: _reactNative.StyleSheet.absoluteFill,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Mask, {
+            id: "spotlight-mask",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: "100%",
+              fill: "white"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+              x: spotlight.x,
+              y: spotlight.y,
+              width: spotlight.width,
+              height: spotlight.height,
+              rx: mergedTheme.spotlightBorderRadius,
+              ry: mergedTheme.spotlightBorderRadius,
+              fill: "black"
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
+          mask: "url(#spotlight-mask)",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
             x: "0",
             y: "0",
             width: "100%",
             height: "100%",
-            fill: "white"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
-            x: spotlight.x,
-            y: spotlight.y,
-            width: spotlight.width,
-            height: spotlight.height,
-            rx: mergedTheme.spotlightBorderRadius,
-            ry: mergedTheme.spotlightBorderRadius,
-            fill: "black"
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.G, {
-        mask: "url(#spotlight-mask)",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
-          x: "0",
-          y: "0",
-          width: "100%",
-          height: "100%",
-          fill: mergedTheme.backdropColor,
-          fillOpacity: mergedTheme.backdropOpacity
-        })
-      })]
+            fill: mergedTheme.backdropColor,
+            fillOpacity: mergedTheme.backdropOpacity
+          })
+        })]
+      })
     })
   });
 }

package/dist/commonjs/components/GuidonOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSvg","Animated","createAnimatedComponent","Svg","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","useGuidonStore","state","config","currentStepIndex","targetMeasurements","isFloatingStep","useIsFloatingStep","waitingState","useWaitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","Dimensions","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","useMemo","x","y","shouldShow","animatedStyle","useAnimatedStyle","opacity","withTiming","duration","easing","Easing","inOut","ease","Platform","OS","jsx","TouchableWithoutFeedback","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","Rect","fill","fillOpacity","clipPath","jsxs","Defs","Mask","id","rx","ry","G","mask","StyleSheet","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","useGuidonStore","state","config","currentStepIndex","targetMeasurements","isFloatingStep","useIsFloatingStep","waitingState","useWaitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","Dimensions","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","useMemo","x","y","shouldShow","animatedStyle","useAnimatedStyle","opacity","withTiming","duration","easing","Easing","inOut","ease","Platform","OS","jsx","TouchableWithoutFeedback","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","StyleSheet","absoluteFill","Rect","fill","fillOpacity","clipPath","jsxs","Defs","Mask","id","rx","ry","G","mask","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,sBAAA,GAAAC,uBAAA,CAAAH,OAAA;AAKA,IAAAI,eAAA,GAAAD,uBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA8E,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG9E,MAAMkB,aAQL,GAAG;EACFC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,GAAG;EACpBC,qBAAqB,EAAE,CAAC;EACxBC,gBAAgB,EAAE;AACpB,CAAC;AAQM,SAASC,aAAaA,CAAC;EAC5BC,KAAK,GAAG,CAAC,CAAC;EACVC,iBAAiB,GAAG,GAAG;EACvBC;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAG,IAAAC,qBAAc,EAAEC,KAAkB,IAAKA,KAAK,CAACF,QAAQ,CAAC;EACvE,MAAMG,MAAM,GAAG,IAAAF,qBAAc,EAAEC,KAAkB,IAAKA,KAAK,CAACC,MAAM,CAAC;EACnE,MAAMC,gBAAgB,GAAG,IAAAH,qBAAc,EACpCC,KAAkB,IAAKA,KAAK,CAACE,gBAChC,CAAC;EACD,MAAMC,kBAAkB,GAAG,IAAAJ,qBAAc,EACtCC,KAAkB,IAAKA,KAAK,CAACG,kBAChC,CAAC;EAED,MAAMC,cAAc,GAAG,IAAAC,wBAAiB,EAAC,CAAC;EAC1C,MAAMC,YAAY,GAAG,IAAAC,sBAAe,EAAC,CAAC;EACtC,MAAMC,SAAS,GAAGF,YAAY,EAAEE,SAAS,IAAI,KAAK;EAElD,MAAMC,WAAW,GAAG;IAAE,GAAGpB,aAAa;IAAE,GAAGM;EAAM,CAAC;EAClD,MAAM;IAAEe,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGC,uBAAU,CAAChC,GAAG,CAAC,QAAQ,CAAC;;EAE7E;EACA,MAAMiC,WAAW,GAAGd,MAAM,EAAEe,KAAK,CAACd,gBAAgB,CAAC;EACnD,MAAMe,eAAe,GAAGF,WAAW,EAAEG,QAAQ;EAC7C,MAAMC,YAA4C,GAAGF,eAAe,GAChEd,kBAAkB,CAACc,eAAe,CAAC,GACnCG,SAAS;EAEb,MAAMC,gBAAgB,GAAGjB,cAAc,IAAII,SAAS;;EAEpD;EACA,MAAMc,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAI,CAACJ,YAAY,EAAE;MACjB,OAAO;QAAEK,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE,CAAC;QAAEf,KAAK,EAAE,CAAC;QAAEE,MAAM,EAAE;MAAE,CAAC;IAC5C;IACA,OAAO;MACLY,CAAC,EAAEL,YAAY,CAACK,CAAC,GAAGf,WAAW,CAAChB,gBAAgB;MAChDgC,CAAC,EAAEN,YAAY,CAACM,CAAC,GAAGhB,WAAW,CAAChB,gBAAgB;MAChDiB,KAAK,EAAES,YAAY,CAACT,KAAK,GAAGD,WAAW,CAAChB,gBAAgB,GAAG,CAAC;MAC5DmB,MAAM,EAAEO,YAAY,CAACP,MAAM,GAAGH,WAAW,CAAChB,gBAAgB,GAAG;IAC/D,CAAC;EACH,CAAC,EAAE,CAAC0B,YAAY,EAAEV,WAAW,CAAChB,gBAAgB,CAAC,CAAC;;EAEhD;EACA,MAAMiC,UAAU,GAAG5B,QAAQ,KAAKqB,YAAY,IAAIE,gBAAgB,CAAC;EACjE,MAAMM,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,OAAO;MACLC,OAAO,EAAE,IAAAC,iCAAU,EAACJ,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;QACtCK,QAAQ,EAAEnC,iBAAiB;QAC3BoC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,IAAI;MAClC,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACT,UAAU,EAAE9B,iBAAiB,CAAC,CAAC;EAEnC,IAAI,CAACE,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAIuB,gBAAgB,EAAE;IACpB,IAAIe,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzB,oBACE,IAAApE,WAAA,CAAAqE,GAAA,EAAC1E,YAAA,CAAA2E,wBAAwB;QAACC,OAAO,EAAE3C,eAAgB;QAAA4C,QAAA,eACjD,IAAAxE,WAAA,CAAAqE,GAAA,EAACzE,sBAAA,CAAAe,OAAQ,CAAC8D,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAElB,aAAa,CAAE;UAAAc,QAAA,eACtD,IAAAxE,WAAA,CAAAqE,GAAA;YACEK,KAAK,EAAE;cACLG,QAAQ,EAAE,UAAU;cACpBC,KAAK,EAAE,CAAC;cACRC,eAAe,EAAEvC,WAAW,CAACnB,aAAa;cAC1CuC,OAAO,EAAEpB,WAAW,CAAClB;YACvB;UAAE,CACH;QAAC,CACW;MAAC,CACQ,CAAC;IAE/B;;IAEA;IACA,oBACE,IAAAtB,WAAA,CAAAqE,GAAA,EAAC1E,YAAA,CAAA2E,wBAAwB;MAACC,OAAO,EAAE3C,eAAgB;MAAA4C,QAAA,eACjD,IAAAxE,WAAA,CAAAqE,GAAA,EAACzE,sBAAA,CAAAe,OAAQ,CAAC8D,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAElB,aAAa,CAAE;QAAAc,QAAA,eACtD,IAAAxE,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAAa,OAAG;UACF8B,KAAK,EAAEC,WAAY;UACnBC,MAAM,EAAEC,YAAa;UACrBoC,OAAO,EAAE,OAAOtC,WAAW,IAAIE,YAAY,EAAG;UAC9C8B,KAAK,EAAEO,uBAAU,CAACC,YAAa;UAAAV,QAAA,eAE/B,IAAAxE,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAAqF,IAAI;YACH5B,CAAC,EAAC,GAAG;YACLC,CAAC,EAAC,GAAG;YACLf,KAAK,EAAC,MAAM;YACZE,MAAM,EAAC,MAAM;YACbyC,IAAI,EAAE5C,WAAW,CAACnB,aAAc;YAChCgE,WAAW,EAAE7C,WAAW,CAAClB;UAAgB,CAC1C;QAAC,CACC;MAAC,CACO;IAAC,CACQ,CAAC;EAE/B;EAEA,IAAI,CAAC4B,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,IAAIiB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzB,oBACE,IAAApE,WAAA,CAAAqE,GAAA,EAAC1E,YAAA,CAAA2E,wBAAwB;MAACC,OAAO,EAAE3C,eAAgB;MAAA4C,QAAA,eACjD,IAAAxE,WAAA,CAAAqE,GAAA,EAACzE,sBAAA,CAAAe,OAAQ,CAAC8D,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAElB,aAAa,CAAE;QAAAc,QAAA,eACtD,IAAAxE,WAAA,CAAAqE,GAAA;UACEK,KAAK,EAAE;YACLG,QAAQ,EAAE,UAAU;YACpBC,KAAK,EAAE,CAAC;YACRC,eAAe,EAAEvC,WAAW,CAACnB,aAAa;YAC1CuC,OAAO,EAAEpB,WAAW,CAAClB,eAAe;YACpCgE,QAAQ,EAAE;AACxB;AACA;AACA,kBAAkBjC,SAAS,CAACE,CAAC;AAC7B,kBAAkBF,SAAS,CAACE,CAAC,MAAMF,SAAS,CAACG,CAAC;AAC9C,kBAAkBH,SAAS,CAACE,CAAC,GAAGF,SAAS,CAACZ,KAAK,MAAMY,SAAS,CAACG,CAAC;AAChE,kBAAkBH,SAAS,CAACE,CAAC,GAAGF,SAAS,CAACZ,KAAK,MAAMY,SAAS,CAACG,CAAC,GAAGH,SAAS,CAACV,MAAM;AACnF,kBAAkBU,SAAS,CAACE,CAAC,MAAMF,SAAS,CAACG,CAAC,GAAGH,SAAS,CAACV,MAAM;AACjE,kBAAkBU,SAAS,CAACE,CAAC;AAC7B;AACA;AACA;UACY;QAAE,CACH;MAAC,CACW;IAAC,CACQ,CAAC;EAE/B;;EAEA;EACA,oBACE,IAAAvD,WAAA,CAAAqE,GAAA,EAAC1E,YAAA,CAAA2E,wBAAwB;IAACC,OAAO,EAAE3C,eAAgB;IAAA4C,QAAA,eACjD,IAAAxE,WAAA,CAAAqE,GAAA,EAACzE,sBAAA,CAAAe,OAAQ,CAAC8D,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAElB,aAAa,CAAE;MAAAc,QAAA,eACtD,IAAAxE,WAAA,CAAAuF,IAAA,EAACzF,eAAA,CAAAa,OAAG;QACF8B,KAAK,EAAEC,WAAY;QACnBC,MAAM,EAAEC,YAAa;QACrBoC,OAAO,EAAE,OAAOtC,WAAW,IAAIE,YAAY,EAAG;QAC9C8B,KAAK,EAAEO,uBAAU,CAACC,YAAa;QAAAV,QAAA,gBAE/B,IAAAxE,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAA0F,IAAI;UAAAhB,QAAA,eACH,IAAAxE,WAAA,CAAAuF,IAAA,EAACzF,eAAA,CAAA2F,IAAI;YAACC,EAAE,EAAC,gBAAgB;YAAAlB,QAAA,gBACvB,IAAAxE,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAAqF,IAAI;cAAC5B,CAAC,EAAC,GAAG;cAACC,CAAC,EAAC,GAAG;cAACf,KAAK,EAAC,MAAM;cAACE,MAAM,EAAC,MAAM;cAACyC,IAAI,EAAC;YAAO,CAAE,CAAC,eAC5D,IAAApF,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAAqF,IAAI;cACH5B,CAAC,EAAEF,SAAS,CAACE,CAAE;cACfC,CAAC,EAAEH,SAAS,CAACG,CAAE;cACff,KAAK,EAAEY,SAAS,CAACZ,KAAM;cACvBE,MAAM,EAAEU,SAAS,CAACV,MAAO;cACzBgD,EAAE,EAAEnD,WAAW,CAACjB,qBAAsB;cACtCqE,EAAE,EAAEpD,WAAW,CAACjB,qBAAsB;cACtC6D,IAAI,EAAC;YAAO,CACb,CAAC;UAAA,CACE;QAAC,CACH,CAAC,eACP,IAAApF,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAA+F,CAAC;UAACC,IAAI,EAAC,sBAAsB;UAAAtB,QAAA,eAC5B,IAAAxE,WAAA,CAAAqE,GAAA,EAACvE,eAAA,CAAAqF,IAAI;YACH5B,CAAC,EAAC,GAAG;YACLC,CAAC,EAAC,GAAG;YACLf,KAAK,EAAC,MAAM;YACZE,MAAM,EAAC,MAAM;YACbyC,IAAI,EAAE5C,WAAW,CAACnB,aAAc;YAChCgE,WAAW,EAAE7C,WAAW,CAAClB;UAAgB,CAC1C;QAAC,CACD,CAAC;MAAA,CACD;IAAC,CACO;EAAC,CACQ,CAAC;AAE/B;AAEA,MAAMqD,MAAM,GAAGM,uBAAU,CAACc,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACT,GAAGK,uBAAU,CAACe,kBAAkB;IAChCC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/hooks/useGuidonScrollContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_store","useGuidonScrollContainer","scrollViewRef","options","currentStepIndex","useGuidonStore","s","config","isActive","targetMeasurements","padding","enabled","useEffect","Platform","OS","step","steps","targetId","scrollIntoView","measurements","timeoutId","setTimeout","current","scrollTo","y","Math","max","animated","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/useGuidonScrollContainer.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CACtCC,aAAuC,EACvCC,OAAyC,EACzC;EACA,MAAMC,gBAAgB,GAAG,IAAAC,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACF,gBAAgB,CAAC;EAClE,MAAMG,MAAM,GAAG,IAAAF,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC;EAC9C,MAAMC,QAAQ,GAAG,IAAAH,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACE,QAAQ,CAAC;EAClD,MAAMC,kBAAkB,GAAG,IAAAJ,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACG,kBAAkB,CAAC;EAEtE,MAAMC,OAAO,GAAGP,OAAO,EAAEO,OAAO,IAAI,GAAG;EACvC,MAAMC,OAAO,GAAGR,OAAO,EAAEQ,OAAO,IAAI,IAAI;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,CAACN,QAAQ,IAAI,CAACD,MAAM,IAAI,CAACI,OAAO,EAAE;IAE/D,MAAMI,IAAI,GAAGR,MAAM,CAACS,KAAK,CAACZ,gBAAgB,CAAC;IAC3C,IAAI,CAACW,IAAI,EAAEE,QAAQ,IAAIF,IAAI,CAACG,cAAc,KAAK,KAAK,EAAE;IAEtD,MAAMC,YAAY,GAAGV,kBAAkB,CAACM,IAAI,CAACE,QAAQ,CAAC;IACtD,IAAI,CAACE,YAAY,EAAE;;IAEnB;IACA,MAAMC,SAAS,GAAGC,UAAU,CAAC,MAAM;MACjCnB,aAAa,CAACoB,OAAO,EAAEC,QAAQ,GAAG;QAChCC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAACK,CAAC,GAAGd,OAAO,CAAC;QACxCiB,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAMC,YAAY,CAACR,SAAS,CAAC;EACtC,CAAC,EAAE,CACDhB,gBAAgB,EAChBI,QAAQ,EACRD,MAAM,EACNE,kBAAkB,EAClBP,aAAa,EACbQ,OAAO,EACPC,OAAO,CACR,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_store","useGuidonScrollContainer","scrollViewRef","options","currentStepIndex","useGuidonStore","s","config","isActive","targetMeasurements","padding","enabled","useEffect","Platform","OS","step","steps","targetId","scrollIntoView","measurements","timeoutId","setTimeout","current","scrollTo","y","Math","max","animated","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/useGuidonScrollContainer.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,wBAAwBA,CACtCC,aAA8C,EAC9CC,OAAyC,EACzC;EACA,MAAMC,gBAAgB,GAAG,IAAAC,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACF,gBAAgB,CAAC;EAClE,MAAMG,MAAM,GAAG,IAAAF,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC;EAC9C,MAAMC,QAAQ,GAAG,IAAAH,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACE,QAAQ,CAAC;EAClD,MAAMC,kBAAkB,GAAG,IAAAJ,qBAAc,EAAEC,CAAC,IAAKA,CAAC,CAACG,kBAAkB,CAAC;EAEtE,MAAMC,OAAO,GAAGP,OAAO,EAAEO,OAAO,IAAI,GAAG;EACvC,MAAMC,OAAO,GAAGR,OAAO,EAAEQ,OAAO,IAAI,IAAI;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACd;IACA,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,CAACN,QAAQ,IAAI,CAACD,MAAM,IAAI,CAACI,OAAO,EAAE;IAE/D,MAAMI,IAAI,GAAGR,MAAM,CAACS,KAAK,CAACZ,gBAAgB,CAAC;IAC3C,IAAI,CAACW,IAAI,EAAEE,QAAQ,IAAIF,IAAI,CAACG,cAAc,KAAK,KAAK,EAAE;IAEtD,MAAMC,YAAY,GAAGV,kBAAkB,CAACM,IAAI,CAACE,QAAQ,CAAC;IACtD,IAAI,CAACE,YAAY,EAAE;;IAEnB;IACA,MAAMC,SAAS,GAAGC,UAAU,CAAC,MAAM;MACjCnB,aAAa,CAACoB,OAAO,EAAEC,QAAQ,GAAG;QAChCC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAACK,CAAC,GAAGd,OAAO,CAAC;QACxCiB,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAMC,YAAY,CAACR,SAAS,CAAC;EACtC,CAAC,EAAE,CACDhB,gBAAgB,EAChBI,QAAQ,EACRD,MAAM,EACNE,kBAAkB,EAClBP,aAAa,EACbQ,OAAO,EACPC,OAAO,CACR,CAAC;AACJ","ignoreList":[]}

package/dist/module/components/GuidonOverlay.js

@@ -6,7 +6,6 @@ import Animated, { Easing, useAnimatedStyle, withTiming } from "react-native-rea
 import Svg, { Defs, G, Mask, Rect } from "react-native-svg";
 import { useGuidonStore, useIsFloatingStep, useWaitingState } from "../store.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AnimatedSvg = Animated.createAnimatedComponent(Svg);
 const DEFAULT_THEME = {
   backdropColor: "#000000",
   backdropOpacity: 0.7,
@@ -92,18 +91,21 @@ export function GuidonOverlay({
     // Native: full backdrop without cutout
     return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
       onPress: onBackdropPress,
-      children: /*#__PURE__*/_jsx(AnimatedSvg, {
+      children: /*#__PURE__*/_jsx(Animated.View, {
         style: [styles.container, animatedStyle],
-        width: screenWidth,
-        height: screenHeight,
-        viewBox: `0 0 ${screenWidth} ${screenHeight}`,
-        children: /*#__PURE__*/_jsx(Rect, {
-          x: "0",
-          y: "0",
-          width: "100%",
-          height: "100%",
-          fill: mergedTheme.backdropColor,
-          fillOpacity: mergedTheme.backdropOpacity
+        children: /*#__PURE__*/_jsx(Svg, {
+          width: screenWidth,
+          height: screenHeight,
+          viewBox: `0 0 ${screenWidth} ${screenHeight}`,
+          style: StyleSheet.absoluteFill,
+          children: /*#__PURE__*/_jsx(Rect, {
+            x: "0",
+            y: "0",
+            width: "100%",
+            height: "100%",
+            fill: mergedTheme.backdropColor,
+            fillOpacity: mergedTheme.backdropOpacity
+          })
         })
       })
     });
@@ -143,41 +145,44 @@ export function GuidonOverlay({
   // Native implementation
   return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     onPress: onBackdropPress,
-    children: /*#__PURE__*/_jsxs(AnimatedSvg, {
+    children: /*#__PURE__*/_jsx(Animated.View, {
       style: [styles.container, animatedStyle],
-      width: screenWidth,
-      height: screenHeight,
-      viewBox: `0 0 ${screenWidth} ${screenHeight}`,
-      children: [/*#__PURE__*/_jsx(Defs, {
-        children: /*#__PURE__*/_jsxs(Mask, {
-          id: "spotlight-mask",
-          children: [/*#__PURE__*/_jsx(Rect, {
+      children: /*#__PURE__*/_jsxs(Svg, {
+        width: screenWidth,
+        height: screenHeight,
+        viewBox: `0 0 ${screenWidth} ${screenHeight}`,
+        style: StyleSheet.absoluteFill,
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(Mask, {
+            id: "spotlight-mask",
+            children: [/*#__PURE__*/_jsx(Rect, {
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: "100%",
+              fill: "white"
+            }), /*#__PURE__*/_jsx(Rect, {
+              x: spotlight.x,
+              y: spotlight.y,
+              width: spotlight.width,
+              height: spotlight.height,
+              rx: mergedTheme.spotlightBorderRadius,
+              ry: mergedTheme.spotlightBorderRadius,
+              fill: "black"
+            })]
+          })
+        }), /*#__PURE__*/_jsx(G, {
+          mask: "url(#spotlight-mask)",
+          children: /*#__PURE__*/_jsx(Rect, {
             x: "0",
             y: "0",
             width: "100%",
             height: "100%",
-            fill: "white"
-          }), /*#__PURE__*/_jsx(Rect, {
-            x: spotlight.x,
-            y: spotlight.y,
-            width: spotlight.width,
-            height: spotlight.height,
-            rx: mergedTheme.spotlightBorderRadius,
-            ry: mergedTheme.spotlightBorderRadius,
-            fill: "black"
-          })]
-        })
-      }), /*#__PURE__*/_jsx(G, {
-        mask: "url(#spotlight-mask)",
-        children: /*#__PURE__*/_jsx(Rect, {
-          x: "0",
-          y: "0",
-          width: "100%",
-          height: "100%",
-          fill: mergedTheme.backdropColor,
-          fillOpacity: mergedTheme.backdropOpacity
-        })
-      })]
+            fill: mergedTheme.backdropColor,
+            fillOpacity: mergedTheme.backdropOpacity
+          })
+        })]
+      })
     })
   });
 }

package/dist/module/components/GuidonOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Dimensions","Platform","StyleSheet","TouchableWithoutFeedback","Animated","Easing","useAnimatedStyle","withTiming","Svg","Defs","G","Mask","Rect","useGuidonStore","useIsFloatingStep","useWaitingState","jsx","_jsx","jsxs","_jsxs","AnimatedSvg","createAnimatedComponent","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","state","config","currentStepIndex","targetMeasurements","isFloatingStep","waitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","get","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","x","y","shouldShow","animatedStyle","opacity","duration","easing","inOut","ease","OS","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","fill","fillOpacity","clipPath","id","rx","ry","mask","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useMemo","Dimensions","Platform","StyleSheet","TouchableWithoutFeedback","Animated","Easing","useAnimatedStyle","withTiming","Svg","Defs","G","Mask","Rect","useGuidonStore","useIsFloatingStep","useWaitingState","jsx","_jsx","jsxs","_jsxs","DEFAULT_THEME","backdropColor","backdropOpacity","spotlightBorderRadius","spotlightPadding","GuidonOverlay","theme","animationDuration","onBackdropPress","isActive","state","config","currentStepIndex","targetMeasurements","isFloatingStep","waitingState","isWaiting","mergedTheme","width","screenWidth","height","screenHeight","get","currentStep","steps","currentTargetId","targetId","measurements","undefined","showFullBackdrop","spotlight","x","y","shouldShow","animatedStyle","opacity","duration","easing","inOut","ease","OS","onPress","children","View","style","styles","container","position","inset","backgroundColor","viewBox","absoluteFill","fill","fillOpacity","clipPath","id","rx","ry","mask","create","absoluteFillObject","zIndex"],"sourceRoot":"../../../src","sources":["components/GuidonOverlay.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,wBAAwB,QACnB,cAAc;AACrB,OAAOC,QAAQ,IACbC,MAAM,EACNC,gBAAgB,EAChBC,UAAU,QACL,yBAAyB;AAChC,OAAOC,GAAG,IAAIC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC3D,SAASC,cAAc,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9E,MAAMC,aAQL,GAAG;EACFC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,GAAG;EACpBC,qBAAqB,EAAE,CAAC;EACxBC,gBAAgB,EAAE;AACpB,CAAC;AAQD,OAAO,SAASC,aAAaA,CAAC;EAC5BC,KAAK,GAAG,CAAC,CAAC;EACVC,iBAAiB,GAAG,GAAG;EACvBC;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAGhB,cAAc,CAAEiB,KAAkB,IAAKA,KAAK,CAACD,QAAQ,CAAC;EACvE,MAAME,MAAM,GAAGlB,cAAc,CAAEiB,KAAkB,IAAKA,KAAK,CAACC,MAAM,CAAC;EACnE,MAAMC,gBAAgB,GAAGnB,cAAc,CACpCiB,KAAkB,IAAKA,KAAK,CAACE,gBAChC,CAAC;EACD,MAAMC,kBAAkB,GAAGpB,cAAc,CACtCiB,KAAkB,IAAKA,KAAK,CAACG,kBAChC,CAAC;EAED,MAAMC,cAAc,GAAGpB,iBAAiB,CAAC,CAAC;EAC1C,MAAMqB,YAAY,GAAGpB,eAAe,CAAC,CAAC;EACtC,MAAMqB,SAAS,GAAGD,YAAY,EAAEC,SAAS,IAAI,KAAK;EAElD,MAAMC,WAAW,GAAG;IAAE,GAAGjB,aAAa;IAAE,GAAGM;EAAM,CAAC;EAClD,MAAM;IAAEY,KAAK,EAAEC,WAAW;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGzC,UAAU,CAAC0C,GAAG,CAAC,QAAQ,CAAC;;EAE7E;EACA,MAAMC,WAAW,GAAGZ,MAAM,EAAEa,KAAK,CAACZ,gBAAgB,CAAC;EACnD,MAAMa,eAAe,GAAGF,WAAW,EAAEG,QAAQ;EAC7C,MAAMC,YAA4C,GAAGF,eAAe,GAChEZ,kBAAkB,CAACY,eAAe,CAAC,GACnCG,SAAS;EAEb,MAAMC,gBAAgB,GAAGf,cAAc,IAAIE,SAAS;;EAEpD;EACA,MAAMc,SAAS,GAAGnD,OAAO,CAAC,MAAM;IAC9B,IAAI,CAACgD,YAAY,EAAE;MACjB,OAAO;QAAEI,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE,CAAC;QAAEd,KAAK,EAAE,CAAC;QAAEE,MAAM,EAAE;MAAE,CAAC;IAC5C;IACA,OAAO;MACLW,CAAC,EAAEJ,YAAY,CAACI,CAAC,GAAGd,WAAW,CAACb,gBAAgB;MAChD4B,CAAC,EAAEL,YAAY,CAACK,CAAC,GAAGf,WAAW,CAACb,gBAAgB;MAChDc,KAAK,EAAES,YAAY,CAACT,KAAK,GAAGD,WAAW,CAACb,gBAAgB,GAAG,CAAC;MAC5DgB,MAAM,EAAEO,YAAY,CAACP,MAAM,GAAGH,WAAW,CAACb,gBAAgB,GAAG;IAC/D,CAAC;EACH,CAAC,EAAE,CAACuB,YAAY,EAAEV,WAAW,CAACb,gBAAgB,CAAC,CAAC;;EAEhD;EACA,MAAM6B,UAAU,GAAGxB,QAAQ,KAAKkB,YAAY,IAAIE,gBAAgB,CAAC;EACjE,MAAMK,aAAa,GAAGhD,gBAAgB,CAAC,MAAM;IAC3C,OAAO;MACLiD,OAAO,EAAEhD,UAAU,CAAC8C,UAAU,GAAG,CAAC,GAAG,CAAC,EAAE;QACtCG,QAAQ,EAAE7B,iBAAiB;QAC3B8B,MAAM,EAAEpD,MAAM,CAACqD,KAAK,CAACrD,MAAM,CAACsD,IAAI;MAClC,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACN,UAAU,EAAE1B,iBAAiB,CAAC,CAAC;EAEnC,IAAI,CAACE,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAIoB,gBAAgB,EAAE;IACpB,IAAIhD,QAAQ,CAAC2D,EAAE,KAAK,KAAK,EAAE;MACzB,oBACE3C,IAAA,CAACd,wBAAwB;QAAC0D,OAAO,EAAEjC,eAAgB;QAAAkC,QAAA,eACjD7C,IAAA,CAACb,QAAQ,CAAC2D,IAAI;UAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,aAAa,CAAE;UAAAQ,QAAA,eACtD7C,IAAA;YACE+C,KAAK,EAAE;cACLG,QAAQ,EAAE,UAAU;cACpBC,KAAK,EAAE,CAAC;cACRC,eAAe,EAAEhC,WAAW,CAAChB,aAAa;cAC1CkC,OAAO,EAAElB,WAAW,CAACf;YACvB;UAAE,CACH;QAAC,CACW;MAAC,CACQ,CAAC;IAE/B;;IAEA;IACA,oBACEL,IAAA,CAACd,wBAAwB;MAAC0D,OAAO,EAAEjC,eAAgB;MAAAkC,QAAA,eACjD7C,IAAA,CAACb,QAAQ,CAAC2D,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,aAAa,CAAE;QAAAQ,QAAA,eACtD7C,IAAA,CAACT,GAAG;UACF8B,KAAK,EAAEC,WAAY;UACnBC,MAAM,EAAEC,YAAa;UACrB6B,OAAO,EAAE,OAAO/B,WAAW,IAAIE,YAAY,EAAG;UAC9CuB,KAAK,EAAE9D,UAAU,CAACqE,YAAa;UAAAT,QAAA,eAE/B7C,IAAA,CAACL,IAAI;YACHuC,CAAC,EAAC,GAAG;YACLC,CAAC,EAAC,GAAG;YACLd,KAAK,EAAC,MAAM;YACZE,MAAM,EAAC,MAAM;YACbgC,IAAI,EAAEnC,WAAW,CAAChB,aAAc;YAChCoD,WAAW,EAAEpC,WAAW,CAACf;UAAgB,CAC1C;QAAC,CACC;MAAC,CACO;IAAC,CACQ,CAAC;EAE/B;EAEA,IAAI,CAACyB,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,IAAI9C,QAAQ,CAAC2D,EAAE,KAAK,KAAK,EAAE;IACzB,oBACE3C,IAAA,CAACd,wBAAwB;MAAC0D,OAAO,EAAEjC,eAAgB;MAAAkC,QAAA,eACjD7C,IAAA,CAACb,QAAQ,CAAC2D,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,aAAa,CAAE;QAAAQ,QAAA,eACtD7C,IAAA;UACE+C,KAAK,EAAE;YACLG,QAAQ,EAAE,UAAU;YACpBC,KAAK,EAAE,CAAC;YACRC,eAAe,EAAEhC,WAAW,CAAChB,aAAa;YAC1CkC,OAAO,EAAElB,WAAW,CAACf,eAAe;YACpCoD,QAAQ,EAAE;AACxB;AACA;AACA,kBAAkBxB,SAAS,CAACC,CAAC;AAC7B,kBAAkBD,SAAS,CAACC,CAAC,MAAMD,SAAS,CAACE,CAAC;AAC9C,kBAAkBF,SAAS,CAACC,CAAC,GAAGD,SAAS,CAACZ,KAAK,MAAMY,SAAS,CAACE,CAAC;AAChE,kBAAkBF,SAAS,CAACC,CAAC,GAAGD,SAAS,CAACZ,KAAK,MAAMY,SAAS,CAACE,CAAC,GAAGF,SAAS,CAACV,MAAM;AACnF,kBAAkBU,SAAS,CAACC,CAAC,MAAMD,SAAS,CAACE,CAAC,GAAGF,SAAS,CAACV,MAAM;AACjE,kBAAkBU,SAAS,CAACC,CAAC;AAC7B;AACA;AACA;UACY;QAAE,CACH;MAAC,CACW;IAAC,CACQ,CAAC;EAE/B;;EAEA;EACA,oBACElC,IAAA,CAACd,wBAAwB;IAAC0D,OAAO,EAAEjC,eAAgB;IAAAkC,QAAA,eACjD7C,IAAA,CAACb,QAAQ,CAAC2D,IAAI;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,aAAa,CAAE;MAAAQ,QAAA,eACtD3C,KAAA,CAACX,GAAG;QACF8B,KAAK,EAAEC,WAAY;QACnBC,MAAM,EAAEC,YAAa;QACrB6B,OAAO,EAAE,OAAO/B,WAAW,IAAIE,YAAY,EAAG;QAC9CuB,KAAK,EAAE9D,UAAU,CAACqE,YAAa;QAAAT,QAAA,gBAE/B7C,IAAA,CAACR,IAAI;UAAAqD,QAAA,eACH3C,KAAA,CAACR,IAAI;YAACgE,EAAE,EAAC,gBAAgB;YAAAb,QAAA,gBACvB7C,IAAA,CAACL,IAAI;cAACuC,CAAC,EAAC,GAAG;cAACC,CAAC,EAAC,GAAG;cAACd,KAAK,EAAC,MAAM;cAACE,MAAM,EAAC,MAAM;cAACgC,IAAI,EAAC;YAAO,CAAE,CAAC,eAC5DvD,IAAA,CAACL,IAAI;cACHuC,CAAC,EAAED,SAAS,CAACC,CAAE;cACfC,CAAC,EAAEF,SAAS,CAACE,CAAE;cACfd,KAAK,EAAEY,SAAS,CAACZ,KAAM;cACvBE,MAAM,EAAEU,SAAS,CAACV,MAAO;cACzBoC,EAAE,EAAEvC,WAAW,CAACd,qBAAsB;cACtCsD,EAAE,EAAExC,WAAW,CAACd,qBAAsB;cACtCiD,IAAI,EAAC;YAAO,CACb,CAAC;UAAA,CACE;QAAC,CACH,CAAC,eACPvD,IAAA,CAACP,CAAC;UAACoE,IAAI,EAAC,sBAAsB;UAAAhB,QAAA,eAC5B7C,IAAA,CAACL,IAAI;YACHuC,CAAC,EAAC,GAAG;YACLC,CAAC,EAAC,GAAG;YACLd,KAAK,EAAC,MAAM;YACZE,MAAM,EAAC,MAAM;YACbgC,IAAI,EAAEnC,WAAW,CAAChB,aAAc;YAChCoD,WAAW,EAAEpC,WAAW,CAACf;UAAgB,CAC1C;QAAC,CACD,CAAC;MAAA,CACD;IAAC,CACO;EAAC,CACQ,CAAC;AAE/B;AAEA,MAAM2C,MAAM,GAAG/D,UAAU,CAAC6E,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACT,GAAGhE,UAAU,CAAC8E,kBAAkB;IAChCC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/hooks/useGuidonScrollContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","Platform","useGuidonStore","useGuidonScrollContainer","scrollViewRef","options","currentStepIndex","s","config","isActive","targetMeasurements","padding","enabled","OS","step","steps","targetId","scrollIntoView","measurements","timeoutId","setTimeout","current","scrollTo","y","Math","max","animated","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/useGuidonScrollContainer.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAwB,OAAO;AACjD,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,QAAQ,aAAU;;AAEzC;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CACtCC,aAAuC,EACvCC,OAAyC,EACzC;EACA,MAAMC,gBAAgB,GAAGJ,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACD,gBAAgB,CAAC;EAClE,MAAME,MAAM,GAAGN,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC;EAC9C,MAAMC,QAAQ,GAAGP,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACE,QAAQ,CAAC;EAClD,MAAMC,kBAAkB,GAAGR,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACG,kBAAkB,CAAC;EAEtE,MAAMC,OAAO,GAAGN,OAAO,EAAEM,OAAO,IAAI,GAAG;EACvC,MAAMC,OAAO,GAAGP,OAAO,EAAEO,OAAO,IAAI,IAAI;EAExCZ,SAAS,CAAC,MAAM;IACd;IACA,IAAIC,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAI,CAACJ,QAAQ,IAAI,CAACD,MAAM,IAAI,CAACI,OAAO,EAAE;IAE/D,MAAME,IAAI,GAAGN,MAAM,CAACO,KAAK,CAACT,gBAAgB,CAAC;IAC3C,IAAI,CAACQ,IAAI,EAAEE,QAAQ,IAAIF,IAAI,CAACG,cAAc,KAAK,KAAK,EAAE;IAEtD,MAAMC,YAAY,GAAGR,kBAAkB,CAACI,IAAI,CAACE,QAAQ,CAAC;IACtD,IAAI,CAACE,YAAY,EAAE;;IAEnB;IACA,MAAMC,SAAS,GAAGC,UAAU,CAAC,MAAM;MACjChB,aAAa,CAACiB,OAAO,EAAEC,QAAQ,GAAG;QAChCC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAACK,CAAC,GAAGZ,OAAO,CAAC;QACxCe,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAMC,YAAY,CAACR,SAAS,CAAC;EACtC,CAAC,EAAE,CACDb,gBAAgB,EAChBG,QAAQ,EACRD,MAAM,EACNE,kBAAkB,EAClBN,aAAa,EACbO,OAAO,EACPC,OAAO,CACR,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useEffect","Platform","useGuidonStore","useGuidonScrollContainer","scrollViewRef","options","currentStepIndex","s","config","isActive","targetMeasurements","padding","enabled","OS","step","steps","targetId","scrollIntoView","measurements","timeoutId","setTimeout","current","scrollTo","y","Math","max","animated","clearTimeout"],"sourceRoot":"../../../src","sources":["hooks/useGuidonScrollContainer.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAwB,OAAO;AACjD,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,cAAc,QAAQ,aAAU;;AAEzC;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CACtCC,aAA8C,EAC9CC,OAAyC,EACzC;EACA,MAAMC,gBAAgB,GAAGJ,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACD,gBAAgB,CAAC;EAClE,MAAME,MAAM,GAAGN,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC;EAC9C,MAAMC,QAAQ,GAAGP,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACE,QAAQ,CAAC;EAClD,MAAMC,kBAAkB,GAAGR,cAAc,CAAEK,CAAC,IAAKA,CAAC,CAACG,kBAAkB,CAAC;EAEtE,MAAMC,OAAO,GAAGN,OAAO,EAAEM,OAAO,IAAI,GAAG;EACvC,MAAMC,OAAO,GAAGP,OAAO,EAAEO,OAAO,IAAI,IAAI;EAExCZ,SAAS,CAAC,MAAM;IACd;IACA,IAAIC,QAAQ,CAACY,EAAE,KAAK,KAAK,IAAI,CAACJ,QAAQ,IAAI,CAACD,MAAM,IAAI,CAACI,OAAO,EAAE;IAE/D,MAAME,IAAI,GAAGN,MAAM,CAACO,KAAK,CAACT,gBAAgB,CAAC;IAC3C,IAAI,CAACQ,IAAI,EAAEE,QAAQ,IAAIF,IAAI,CAACG,cAAc,KAAK,KAAK,EAAE;IAEtD,MAAMC,YAAY,GAAGR,kBAAkB,CAACI,IAAI,CAACE,QAAQ,CAAC;IACtD,IAAI,CAACE,YAAY,EAAE;;IAEnB;IACA,MAAMC,SAAS,GAAGC,UAAU,CAAC,MAAM;MACjChB,aAAa,CAACiB,OAAO,EAAEC,QAAQ,GAAG;QAChCC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEP,YAAY,CAACK,CAAC,GAAGZ,OAAO,CAAC;QACxCe,QAAQ,EAAE;MACZ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,MAAMC,YAAY,CAACR,SAAS,CAAC;EACtC,CAAC,EAAE,CACDb,gBAAgB,EAChBG,QAAQ,EACRD,MAAM,EACNE,kBAAkB,EAClBN,aAAa,EACbO,OAAO,EACPC,OAAO,CACR,CAAC;AACJ","ignoreList":[]}

package/dist/typescript/commonjs/components/GuidonOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidonOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/GuidonOverlay.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,WAAW,EAAsB,MAAM,UAAU,CAAC;AAmB7E,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,iBAAuB,EACvB,eAAe,GAChB,EAAE,kBAAkB,sCAmKpB"}
+{"version":3,"file":"GuidonOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/GuidonOverlay.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,WAAW,EAAsB,MAAM,UAAU,CAAC;AAiB7E,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,iBAAuB,EACvB,eAAe,GAChB,EAAE,kBAAkB,sCAuKpB"}

package/dist/typescript/commonjs/hooks/useGuidonScrollContainer.d.ts

@@ -36,6 +36,6 @@ export interface UseGuidonScrollContainerOptions {
  * }
  * ```
  */
-export declare function useGuidonScrollContainer(scrollViewRef: RefObject<ScrollableRef>, options?: UseGuidonScrollContainerOptions): void;
+export declare function useGuidonScrollContainer(scrollViewRef: RefObject<ScrollableRef | null>, options?: UseGuidonScrollContainerOptions): void;
 export {};
 //# sourceMappingURL=useGuidonScrollContainer.d.ts.map

package/dist/typescript/commonjs/hooks/useGuidonScrollContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGuidonScrollContainer.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useGuidonScrollContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC,EACvC,OAAO,CAAC,EAAE,+BAA+B,QAsC1C"}
+{"version":3,"file":"useGuidonScrollContainer.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useGuidonScrollContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,EAC9C,OAAO,CAAC,EAAE,+BAA+B,QAsC1C"}

package/dist/typescript/module/components/GuidonOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidonOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/GuidonOverlay.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,WAAW,EAAsB,MAAM,UAAU,CAAC;AAmB7E,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,iBAAuB,EACvB,eAAe,GAChB,EAAE,kBAAkB,sCAmKpB"}
+{"version":3,"file":"GuidonOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/GuidonOverlay.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,WAAW,EAAsB,MAAM,UAAU,CAAC;AAiB7E,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,iBAAuB,EACvB,eAAe,GAChB,EAAE,kBAAkB,sCAuKpB"}

package/dist/typescript/module/hooks/useGuidonScrollContainer.d.ts

@@ -36,6 +36,6 @@ export interface UseGuidonScrollContainerOptions {
  * }
  * ```
  */
-export declare function useGuidonScrollContainer(scrollViewRef: RefObject<ScrollableRef>, options?: UseGuidonScrollContainerOptions): void;
+export declare function useGuidonScrollContainer(scrollViewRef: RefObject<ScrollableRef | null>, options?: UseGuidonScrollContainerOptions): void;
 export {};
 //# sourceMappingURL=useGuidonScrollContainer.d.ts.map

package/dist/typescript/module/hooks/useGuidonScrollContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGuidonScrollContainer.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useGuidonScrollContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC,EACvC,OAAO,CAAC,EAAE,+BAA+B,QAsC1C"}
+{"version":3,"file":"useGuidonScrollContainer.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useGuidonScrollContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,CAAC;AAEF,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,CACtC,aAAa,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,EAC9C,OAAO,CAAC,EAAE,+BAA+B,QAsC1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/guidon",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "A cross-platform walkthrough/onboarding component library for React Native with web support. Features spotlight effects, customizable tooltips, and flexible persistence options. ",
   "repository": "https://github.com/KorSoftwareSolutions/guidon.git",
   "author": "Christian Jimenez <christianjimenezfael@gmail.com>",

package/src/components/GuidonOverlay.tsx

@@ -14,8 +14,6 @@ import Svg, { Defs, G, Mask, Rect } from "react-native-svg";
 import { useGuidonStore, useIsFloatingStep, useWaitingState } from "../store";
 import type { GuidonStore, GuidonTheme, TargetMeasurements } from "../types";
 
-const AnimatedSvg = Animated.createAnimatedComponent(Svg);
-
 const DEFAULT_THEME: Required<
   Pick<
     GuidonTheme,
@@ -116,21 +114,23 @@ export function GuidonOverlay({
     // Native: full backdrop without cutout
     return (
       <TouchableWithoutFeedback onPress={onBackdropPress}>
-        <AnimatedSvg
-          style={[styles.container, animatedStyle]}
-          width={screenWidth}
-          height={screenHeight}
-          viewBox={`0 0 ${screenWidth} ${screenHeight}`}
-        >
-          <Rect
-            x="0"
-            y="0"
-            width="100%"
-            height="100%"
-            fill={mergedTheme.backdropColor}
-            fillOpacity={mergedTheme.backdropOpacity}
-          />
-        </AnimatedSvg>
+        <Animated.View style={[styles.container, animatedStyle]}>
+          <Svg
+            width={screenWidth}
+            height={screenHeight}
+            viewBox={`0 0 ${screenWidth} ${screenHeight}`}
+            style={StyleSheet.absoluteFill}
+          >
+            <Rect
+              x="0"
+              y="0"
+              width="100%"
+              height="100%"
+              fill={mergedTheme.backdropColor}
+              fillOpacity={mergedTheme.backdropOpacity}
+            />
+          </Svg>
+        </Animated.View>
       </TouchableWithoutFeedback>
     );
   }
@@ -171,37 +171,39 @@ export function GuidonOverlay({
   // Native implementation
   return (
     <TouchableWithoutFeedback onPress={onBackdropPress}>
-      <AnimatedSvg
-        style={[styles.container, animatedStyle]}
-        width={screenWidth}
-        height={screenHeight}
-        viewBox={`0 0 ${screenWidth} ${screenHeight}`}
-      >
-        <Defs>
-          <Mask id="spotlight-mask">
-            <Rect x="0" y="0" width="100%" height="100%" fill="white" />
+      <Animated.View style={[styles.container, animatedStyle]}>
+        <Svg
+          width={screenWidth}
+          height={screenHeight}
+          viewBox={`0 0 ${screenWidth} ${screenHeight}`}
+          style={StyleSheet.absoluteFill}
+        >
+          <Defs>
+            <Mask id="spotlight-mask">
+              <Rect x="0" y="0" width="100%" height="100%" fill="white" />
+              <Rect
+                x={spotlight.x}
+                y={spotlight.y}
+                width={spotlight.width}
+                height={spotlight.height}
+                rx={mergedTheme.spotlightBorderRadius}
+                ry={mergedTheme.spotlightBorderRadius}
+                fill="black"
+              />
+            </Mask>
+          </Defs>
+          <G mask="url(#spotlight-mask)">
             <Rect
-              x={spotlight.x}
-              y={spotlight.y}
-              width={spotlight.width}
-              height={spotlight.height}
-              rx={mergedTheme.spotlightBorderRadius}
-              ry={mergedTheme.spotlightBorderRadius}
-              fill="black"
+              x="0"
+              y="0"
+              width="100%"
+              height="100%"
+              fill={mergedTheme.backdropColor}
+              fillOpacity={mergedTheme.backdropOpacity}
             />
-          </Mask>
-        </Defs>
-        <G mask="url(#spotlight-mask)">
-          <Rect
-            x="0"
-            y="0"
-            width="100%"
-            height="100%"
-            fill={mergedTheme.backdropColor}
-            fillOpacity={mergedTheme.backdropOpacity}
-          />
-        </G>
-      </AnimatedSvg>
+          </G>
+        </Svg>
+      </Animated.View>
     </TouchableWithoutFeedback>
   );
 }

package/src/hooks/useGuidonScrollContainer.ts

@@ -38,7 +38,7 @@ export interface UseGuidonScrollContainerOptions {
  * ```
  */
 export function useGuidonScrollContainer(
-  scrollViewRef: RefObject<ScrollableRef>,
+  scrollViewRef: RefObject<ScrollableRef | null>,
   options?: UseGuidonScrollContainerOptions,
 ) {
   const currentStepIndex = useGuidonStore((s) => s.currentStepIndex);