@korsolutions/guidon 1.0.1 → 1.0.2

package/dist/commonjs/components/GuidonTooltip.js

@@ -0,0 +1,422 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuidonTooltip = GuidonTooltip;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+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 DEFAULT_THEME = {
+  tooltipBackgroundColor: '#ffffff',
+  tooltipBorderColor: '#e5e5e5',
+  tooltipBorderRadius: 12,
+  titleColor: '#1a1a1a',
+  descriptionColor: '#666666',
+  primaryColor: '#007AFF',
+  mutedColor: '#999999',
+  spotlightPadding: 8
+};
+const TOOLTIP_MARGIN = 16;
+const TOOLTIP_WIDTH = 300;
+const ESTIMATED_TOOLTIP_HEIGHT = 200;
+
+/**
+ * Calculate position for floating tooltips (steps without a target element)
+ */
+function calculateFloatingPosition(floatingPosition, screenWidth, screenHeight, tooltipWidth, insets) {
+  const MARGIN = 32;
+  const centerX = (screenWidth - tooltipWidth) / 2;
+  const centerY = (screenHeight - ESTIMATED_TOOLTIP_HEIGHT) / 2;
+  switch (floatingPosition) {
+    case 'center':
+      return {
+        top: centerY,
+        left: centerX
+      };
+    case 'top':
+      return {
+        top: insets.top + MARGIN,
+        left: centerX
+      };
+    case 'bottom':
+      return {
+        top: screenHeight - ESTIMATED_TOOLTIP_HEIGHT - insets.bottom - MARGIN,
+        left: centerX
+      };
+    case 'top-left':
+      return {
+        top: insets.top + MARGIN,
+        left: MARGIN
+      };
+    case 'top-right':
+      return {
+        top: insets.top + MARGIN,
+        left: screenWidth - tooltipWidth - MARGIN
+      };
+    case 'bottom-left':
+      return {
+        top: screenHeight - ESTIMATED_TOOLTIP_HEIGHT - insets.bottom - MARGIN,
+        left: MARGIN
+      };
+    case 'bottom-right':
+      return {
+        top: screenHeight - ESTIMATED_TOOLTIP_HEIGHT - insets.bottom - MARGIN,
+        left: screenWidth - tooltipWidth - MARGIN
+      };
+    default:
+      return {
+        top: centerY,
+        left: centerX
+      };
+  }
+}
+function GuidonTooltip({
+  theme = {},
+  animationDuration = 300,
+  renderCustomTooltip,
+  labels = {}
+}) {
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = _reactNative.Dimensions.get('window');
+  const isActive = (0, _store.useGuidonStore)(state => state.isActive);
+  const config = (0, _store.useGuidonStore)(state => state.config);
+  const currentStepIndex = (0, _store.useGuidonStore)(state => state.currentStepIndex);
+  const targetMeasurements = (0, _store.useGuidonStore)(state => state.targetMeasurements);
+  const next = (0, _store.useGuidonStore)(state => state.next);
+  const previous = (0, _store.useGuidonStore)(state => state.previous);
+  const skip = (0, _store.useGuidonStore)(state => state.skip);
+
+  // Check for floating or waiting states
+  const isFloatingStep = (0, _store.useIsFloatingStep)();
+  const waitingState = (0, _store.useWaitingState)();
+  const isWaiting = waitingState?.isWaiting ?? false;
+  const mergedTheme = {
+    ...DEFAULT_THEME,
+    ...theme
+  };
+  const mergedLabels = {
+    next: labels.next ?? 'Next',
+    previous: labels.previous ?? 'Back',
+    skip: labels.skip ?? 'Skip',
+    finish: labels.finish ?? 'Finish',
+    stepOf: labels.stepOf ?? ((c, t) => `${c} of ${t}`),
+    waitingDefault: labels.waitingDefault ?? 'Navigate to continue...'
+  };
+  const currentStep = config?.steps[currentStepIndex];
+  const totalSteps = config?.steps.length ?? 0;
+  const isFirstStep = currentStepIndex === 0;
+  const isLastStep = currentStepIndex === totalSteps - 1;
+  const measurements = currentStep?.targetId ? targetMeasurements[currentStep.targetId] : undefined;
+
+  // Calculate tooltip position
+  const tooltipPosition = (0, _react.useMemo)(() => {
+    // Handle floating steps (no target element)
+    if (isFloatingStep) {
+      const floatingPos = currentStep?.floatingPosition ?? 'center';
+      return calculateFloatingPosition(floatingPos, screenWidth, screenHeight, TOOLTIP_WIDTH, insets);
+    }
+
+    // Handle waiting state or no measurements - center the tooltip
+    if (!measurements) {
+      return {
+        top: screenHeight / 2 - ESTIMATED_TOOLTIP_HEIGHT / 2,
+        left: screenWidth / 2 - TOOLTIP_WIDTH / 2
+      };
+    }
+    const targetBottom = measurements.y + measurements.height + mergedTheme.spotlightPadding;
+    const targetTop = measurements.y - mergedTheme.spotlightPadding;
+
+    // Determine preferred position
+    let position = currentStep?.tooltipPosition ?? 'auto';
+    if (position === 'auto') {
+      // Auto-detect best position
+      const spaceAbove = targetTop - insets.top;
+      const spaceBelow = screenHeight - targetBottom - insets.bottom;
+      position = spaceBelow >= 200 ? 'bottom' : spaceAbove >= 200 ? 'top' : 'bottom';
+    }
+    let top;
+    let left = Math.max(TOOLTIP_MARGIN, Math.min(measurements.x + measurements.width / 2 - TOOLTIP_WIDTH / 2, screenWidth - TOOLTIP_WIDTH - TOOLTIP_MARGIN));
+    if (position === 'top') {
+      top = targetTop - TOOLTIP_MARGIN - 150; // Approximate tooltip height
+    } else {
+      top = targetBottom + TOOLTIP_MARGIN;
+    }
+
+    // Ensure tooltip is within screen bounds
+    top = Math.max(insets.top + TOOLTIP_MARGIN, Math.min(top, screenHeight - 200 - insets.bottom));
+    return {
+      top,
+      left,
+      position
+    };
+  }, [measurements, screenWidth, screenHeight, insets, currentStep?.tooltipPosition, currentStep?.floatingPosition, mergedTheme.spotlightPadding, isFloatingStep]);
+
+  // Determine if tooltip should be visible
+  // Show for: normal steps with measurements, floating steps, or waiting states
+  const shouldShowTooltip = isActive && currentStep && (measurements || isFloatingStep || isWaiting);
+
+  // Animated styles
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: (0, _reactNativeReanimated.withTiming)(shouldShowTooltip ? 1 : 0, {
+        duration: animationDuration,
+        easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+      }),
+      transform: [{
+        translateY: (0, _reactNativeReanimated.withSpring)(shouldShowTooltip ? 0 : 20, {
+          damping: 15,
+          stiffness: 150
+        })
+      }]
+    };
+  }, [shouldShowTooltip, animationDuration]);
+  if (!isActive || !currentStep) {
+    return null;
+  }
+
+  // Show waiting indicator when target element isn't mounted yet
+  if (isWaiting) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.tooltipContainer, {
+        top: tooltipPosition.top,
+        left: tooltipPosition.left,
+        width: TOOLTIP_WIDTH,
+        backgroundColor: mergedTheme.tooltipBackgroundColor,
+        borderColor: mergedTheme.tooltipBorderColor,
+        borderRadius: mergedTheme.tooltipBorderRadius
+      }, animatedStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.waitingContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          color: mergedTheme.primaryColor
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.waitingText, {
+            color: mergedTheme.descriptionColor
+          }],
+          children: waitingState?.message || mergedLabels.waitingDefault
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: skip,
+        style: styles.skipButton,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.skipText, {
+            color: mergedTheme.mutedColor
+          }],
+          children: mergedLabels.skip
+        })
+      })]
+    });
+  }
+
+  // For non-floating steps, we need measurements
+  if (!isFloatingStep && !measurements) {
+    return null;
+  }
+
+  // Render custom tooltip if provided
+  if (renderCustomTooltip) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.tooltipContainer, {
+        top: tooltipPosition.top,
+        left: tooltipPosition.left,
+        width: TOOLTIP_WIDTH
+      }, animatedStyle],
+      children: renderCustomTooltip({
+        step: currentStep,
+        currentIndex: currentStepIndex,
+        totalSteps,
+        onNext: next,
+        onPrevious: previous,
+        onSkip: skip
+      })
+    });
+  }
+
+  // Default tooltip UI
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    style: [styles.tooltipContainer, {
+      top: tooltipPosition.top,
+      left: tooltipPosition.left,
+      width: TOOLTIP_WIDTH,
+      backgroundColor: mergedTheme.tooltipBackgroundColor,
+      borderColor: mergedTheme.tooltipBorderColor,
+      borderRadius: mergedTheme.tooltipBorderRadius
+    }, animatedStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.progressContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.progressText, {
+          color: mergedTheme.mutedColor
+        }],
+        children: mergedLabels.stepOf(currentStepIndex + 1, totalSteps)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.progressDots,
+        children: Array.from({
+          length: totalSteps
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.progressDot, {
+            backgroundColor: i === currentStepIndex ? mergedTheme.primaryColor : mergedTheme.mutedColor,
+            opacity: i === currentStepIndex ? 1 : 0.3
+          }]
+        }, i))
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, {
+          color: mergedTheme.titleColor
+        }],
+        children: currentStep.title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.description, {
+          color: mergedTheme.descriptionColor
+        }],
+        children: currentStep.description
+      }), currentStep.customContent]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.buttonContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: skip,
+        style: styles.skipButton,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.skipText, {
+            color: mergedTheme.mutedColor
+          }],
+          children: mergedLabels.skip
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.navButtons,
+        children: [!isFirstStep && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: previous,
+          style: [styles.navButton, styles.backButton],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.backButtonText, {
+              color: mergedTheme.primaryColor
+            }],
+            children: mergedLabels.previous
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: next,
+          style: [styles.navButton, styles.nextButton, {
+            backgroundColor: mergedTheme.primaryColor
+          }],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.nextButtonText,
+            children: isLastStep ? mergedLabels.finish : mergedLabels.next
+          })
+        })]
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  tooltipContainer: {
+    position: 'absolute',
+    zIndex: 1000,
+    borderWidth: 1,
+    padding: 16,
+    ..._reactNative.Platform.select({
+      ios: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: 4
+        },
+        shadowOpacity: 0.15,
+        shadowRadius: 12
+      },
+      android: {
+        elevation: 8
+      },
+      web: {
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)'
+      }
+    })
+  },
+  progressContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 12
+  },
+  progressText: {
+    fontSize: 12,
+    fontWeight: '500'
+  },
+  progressDots: {
+    flexDirection: 'row',
+    gap: 4
+  },
+  progressDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3
+  },
+  content: {
+    marginBottom: 16
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600',
+    marginBottom: 8
+  },
+  description: {
+    fontSize: 14,
+    lineHeight: 20
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  skipButton: {
+    paddingVertical: 8,
+    paddingHorizontal: 4
+  },
+  skipText: {
+    fontSize: 14
+  },
+  navButtons: {
+    flexDirection: 'row',
+    gap: 8
+  },
+  navButton: {
+    paddingVertical: 10,
+    paddingHorizontal: 16,
+    borderRadius: 8
+  },
+  backButton: {
+    backgroundColor: 'transparent'
+  },
+  backButtonText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  nextButton: {},
+  nextButtonText: {
+    color: '#ffffff',
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  waitingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12,
+    paddingVertical: 8,
+    marginBottom: 12
+  },
+  waitingText: {
+    fontSize: 14,
+    lineHeight: 20
+  }
+});
+//# sourceMappingURL=GuidonTooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSafeAreaContext","_store","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_THEME","tooltipBackgroundColor","tooltipBorderColor","tooltipBorderRadius","titleColor","descriptionColor","primaryColor","mutedColor","spotlightPadding","TOOLTIP_MARGIN","TOOLTIP_WIDTH","ESTIMATED_TOOLTIP_HEIGHT","calculateFloatingPosition","floatingPosition","screenWidth","screenHeight","tooltipWidth","insets","MARGIN","centerX","centerY","top","left","bottom","GuidonTooltip","theme","animationDuration","renderCustomTooltip","labels","useSafeAreaInsets","width","height","Dimensions","isActive","useGuidonStore","state","config","currentStepIndex","targetMeasurements","next","previous","skip","isFloatingStep","useIsFloatingStep","waitingState","useWaitingState","isWaiting","mergedTheme","mergedLabels","finish","stepOf","c","waitingDefault","currentStep","steps","totalSteps","length","isFirstStep","isLastStep","measurements","targetId","undefined","tooltipPosition","useMemo","floatingPos","targetBottom","y","targetTop","position","spaceAbove","spaceBelow","Math","max","min","x","shouldShowTooltip","animatedStyle","useAnimatedStyle","opacity","withTiming","duration","easing","Easing","inOut","ease","transform","translateY","withSpring","damping","stiffness","jsxs","View","style","styles","tooltipContainer","backgroundColor","borderColor","borderRadius","children","waitingContainer","jsx","ActivityIndicator","color","Text","waitingText","message","TouchableOpacity","onPress","skipButton","skipText","step","currentIndex","onNext","onPrevious","onSkip","progressContainer","progressText","progressDots","Array","from","map","_","progressDot","content","title","description","customContent","buttonContainer","navButtons","navButton","backButton","backButtonText","nextButton","nextButtonText","StyleSheet","create","zIndex","borderWidth","padding","Platform","select","ios","shadowColor","shadowOffset","shadowOpacity","shadowRadius","android","elevation","web","boxShadow","flexDirection","alignItems","justifyContent","marginBottom","fontSize","fontWeight","gap","lineHeight","paddingVertical","paddingHorizontal"],"sourceRoot":"../../../src","sources":["components/GuidonTooltip.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GuidonOverlay", {
+  enumerable: true,
+  get: function () {
+    return _GuidonOverlay.GuidonOverlay;
+  }
+});
+Object.defineProperty(exports, "GuidonProvider", {
+  enumerable: true,
+  get: function () {
+    return _GuidonProvider.GuidonProvider;
+  }
+});
+Object.defineProperty(exports, "GuidonTarget", {
+  enumerable: true,
+  get: function () {
+    return _GuidonTarget.GuidonTarget;
+  }
+});
+Object.defineProperty(exports, "GuidonTooltip", {
+  enumerable: true,
+  get: function () {
+    return _GuidonTooltip.GuidonTooltip;
+  }
+});
+Object.defineProperty(exports, "useGuidonContext", {
+  enumerable: true,
+  get: function () {
+    return _GuidonProvider.useGuidonContext;
+  }
+});
+var _GuidonTarget = require("./GuidonTarget.js");
+var _GuidonOverlay = require("./GuidonOverlay.js");
+var _GuidonTooltip = require("./GuidonTooltip.js");
+var _GuidonProvider = require("./GuidonProvider.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_GuidonTarget","require","_GuidonOverlay","_GuidonTooltip","_GuidonProvider"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA","ignoreList":[]}

package/dist/commonjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useGuidonRef", {
+  enumerable: true,
+  get: function () {
+    return _useGuidonRef.useGuidonRef;
+  }
+});
+var _useGuidonRef = require("./useGuidonRef.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useGuidonRef","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/commonjs/hooks/useGuidonRef.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGuidonRef = useGuidonRef;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _store = require("../store.js");
+/**
+ * Element type that can be measured
+ * Supports both web elements and React Native Views
+ */
+
+/**
+ * Hook that returns a ref to attach to an element for guidon targeting.
+ * Alternative to the GuidonTarget wrapper component.
+ *
+ * @param targetId - The target ID that matches a step's targetId
+ * @returns A ref to attach to the target element
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const buttonRef = useGuidonRef<View>('my-button');
+ *   return <Button ref={buttonRef}>Click me</Button>;
+ * }
+ * ```
+ *
+ * @example Web usage
+ * ```tsx
+ * function MyComponent() {
+ *   const divRef = useGuidonRef<HTMLDivElement>('my-div');
+ *   return <div ref={divRef}>Highlight me</div>;
+ * }
+ * ```
+ */
+function useGuidonRef(targetId) {
+  const ref = (0, _react.useRef)(null);
+  const measurementFrameRef = (0, _react.useRef)(null);
+  const registerTarget = (0, _store.useGuidonStore)(state => state.registerTarget);
+  const unregisterTarget = (0, _store.useGuidonStore)(state => state.unregisterTarget);
+  const isActive = (0, _store.useGuidonStore)(state => state.isActive);
+  const config = (0, _store.useGuidonStore)(state => state.config);
+  const currentStepIndex = (0, _store.useGuidonStore)(state => state.currentStepIndex);
+
+  // Check if this target is needed anywhere in the walkthrough
+  const isTargetNeeded = isActive && config?.steps.some(step => step.targetId === targetId);
+
+  // Check if this specific target is needed for the current step
+  const isCurrentTarget = config?.steps[currentStepIndex]?.targetId === targetId;
+  const measureElement = (0, _react.useCallback)(() => {
+    if (!ref.current || !isTargetNeeded) return;
+    if (_reactNative.Platform.OS === 'web') {
+      // Web measurement using getBoundingClientRect
+      const element = ref.current;
+      if (element && typeof element.getBoundingClientRect === 'function') {
+        const rect = element.getBoundingClientRect();
+        const measurements = {
+          x: rect.left + window.scrollX,
+          y: rect.top + window.scrollY,
+          width: rect.width,
+          height: rect.height
+        };
+        registerTarget(targetId, measurements);
+      }
+    } else {
+      // Native measurement using measureInWindow
+      const nativeRef = ref.current;
+      if (nativeRef && typeof nativeRef.measureInWindow === 'function') {
+        nativeRef.measureInWindow((x, y, width, height) => {
+          if (width > 0 && height > 0) {
+            const measurements = {
+              x,
+              y,
+              width,
+              height
+            };
+            registerTarget(targetId, measurements);
+          }
+        });
+      }
+    }
+  }, [targetId, isTargetNeeded, registerTarget]);
+
+  // Measure when guidon becomes active or when this target becomes relevant
+  (0, _react.useEffect)(() => {
+    if (!isTargetNeeded) return;
+
+    // Use requestAnimationFrame to ensure layout is complete
+    measurementFrameRef.current = requestAnimationFrame(() => {
+      measureElement();
+    });
+    return () => {
+      if (measurementFrameRef.current) {
+        cancelAnimationFrame(measurementFrameRef.current);
+      }
+    };
+  }, [isTargetNeeded, measureElement]);
+
+  // Re-measure when this target becomes the current step
+  (0, _react.useEffect)(() => {
+    if (!isCurrentTarget) return;
+    const timer = setTimeout(() => {
+      measureElement();
+    }, 50);
+    return () => clearTimeout(timer);
+  }, [isCurrentTarget, measureElement]);
+
+  // Web: handle scroll and resize
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== 'web' || !isTargetNeeded) return;
+    const handleScrollOrResize = () => {
+      measureElement();
+    };
+    window.addEventListener('scroll', handleScrollOrResize, true);
+    window.addEventListener('resize', handleScrollOrResize);
+    return () => {
+      window.removeEventListener('scroll', handleScrollOrResize, true);
+      window.removeEventListener('resize', handleScrollOrResize);
+    };
+  }, [isTargetNeeded, measureElement]);
+
+  // Unregister on unmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      unregisterTarget(targetId);
+    };
+  }, [targetId, unregisterTarget]);
+  return ref;
+}
+//# sourceMappingURL=useGuidonRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_store","useGuidonRef","targetId","ref","useRef","measurementFrameRef","registerTarget","useGuidonStore","state","unregisterTarget","isActive","config","currentStepIndex","isTargetNeeded","steps","some","step","isCurrentTarget","measureElement","useCallback","current","Platform","OS","element","getBoundingClientRect","rect","measurements","x","left","window","scrollX","y","top","scrollY","width","height","nativeRef","measureInWindow","useEffect","requestAnimationFrame","cancelAnimationFrame","timer","setTimeout","clearTimeout","handleScrollOrResize","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["hooks/useGuidonRef.ts"],"mappings":"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","ignoreList":[]}