@robertlinde/react-tour-kit 0.0.1

package/dist/react-native-platform/tour-provider.js

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourProvider = TourProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../shared/index.js");
+const tour_tooltip_1 = require("./components/tour-tooltip");
+const tour_overlay_1 = require("./components/tour-overlay");
+const platform_adapter_1 = require("./platform-adapter");
+const { Modal } = require('react-native');
+const defaultPlacement = 'bottom';
+const scrollDelayMs = 350;
+const positionRetryDelayMs = 100;
+const initialPositionDelayMs = 50;
+const maxPositionAttempts = 20;
+const domUpdateDelayMs = 100;
+function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform = platform_adapter_1.nativePlatformAdapter, }) {
+    const resolvedTheme = (0, react_1.useMemo)(() => (0, index_js_1.resolveTheme)(theme), [theme]);
+    const [isActive, setIsActive] = (0, react_1.useState)(false);
+    const [currentStep, setCurrentStep] = (0, react_1.useState)(0);
+    const [steps, setSteps] = (0, react_1.useState)([]);
+    const [currentTourId, setCurrentTourId] = (0, react_1.useState)(undefined);
+    const [tooltipPosition, setTooltipPosition] = (0, react_1.useState)({ top: 0, left: 0 });
+    const [isPositioned, setIsPositioned] = (0, react_1.useState)(false);
+    const [highlightRect, setHighlightRect] = (0, react_1.useState)(undefined);
+    const tooltipRef = (0, react_1.useRef)(null);
+    const [positionKey, setPositionKey] = (0, react_1.useState)(0);
+    const Tooltip = TooltipComponent ?? tour_tooltip_1.TourTooltip;
+    const Overlay = OverlayComponent ?? tour_overlay_1.TourOverlay;
+    const startTour = (0, react_1.useCallback)((tourSteps, tourId) => {
+        if (tourSteps.length > 0) {
+            setSteps(tourSteps);
+            setCurrentStep(0);
+            setCurrentTourId(tourId);
+            setIsActive(true);
+        }
+    }, []);
+    const endTour = (0, react_1.useCallback)(() => {
+        if (onTourEnd) {
+            onTourEnd(currentTourId);
+        }
+        setIsActive(false);
+        setCurrentStep(0);
+        setSteps([]);
+        setCurrentTourId(undefined);
+        setHighlightRect(undefined);
+        setTooltipPosition({ top: 0, left: 0 });
+        setIsPositioned(false);
+    }, [currentTourId, onTourEnd]);
+    const nextStep = (0, react_1.useCallback)(() => {
+        if (currentStep < steps.length - 1) {
+            setCurrentStep((previous) => previous + 1);
+        }
+        else {
+            endTour();
+        }
+    }, [currentStep, steps.length, endTour]);
+    const previousStep = (0, react_1.useCallback)(() => {
+        if (currentStep > 0) {
+            setCurrentStep((previous) => previous - 1);
+        }
+    }, [currentStep]);
+    const goToStep = (0, react_1.useCallback)((step) => {
+        if (step >= 0 && step < steps.length) {
+            setCurrentStep(step);
+        }
+    }, [steps.length]);
+    const updatePositions = (0, react_1.useCallback)(() => {
+        if (!isActive || steps.length === 0) {
+            return;
+        }
+        const currentTourStep = steps[currentStep];
+        if (!currentTourStep) {
+            return;
+        }
+        void (async () => {
+            const rect = await platform.measureElement(currentTourStep.target);
+            if (!rect) {
+                if (currentStep < steps.length - 1) {
+                    setCurrentStep((previous) => previous + 1);
+                }
+                else {
+                    endTour();
+                }
+                return;
+            }
+            setHighlightRect(rect);
+            const placement = currentTourStep.placement ?? defaultPlacement;
+            const tooltipDimensions = platform.measureTooltip(tooltipRef);
+            const viewportDimensions = platform.getViewportDimensions();
+            const position = (0, index_js_1.calculateTooltipPosition)(rect, placement, tooltipDimensions, viewportDimensions);
+            setTooltipPosition(position);
+            setIsPositioned(true);
+        })();
+    }, [isActive, currentStep, steps, endTour, platform]);
+    (0, react_1.useEffect)(() => {
+        if (!isActive || steps.length === 0) {
+            return;
+        }
+        const currentTourStep = steps[currentStep];
+        if (!currentTourStep) {
+            return;
+        }
+        const runStep = async () => {
+            if (currentTourStep.onBeforeStep) {
+                await currentTourStep.onBeforeStep();
+                await new Promise((resolve) => {
+                    setTimeout(resolve, domUpdateDelayMs);
+                });
+            }
+            const rect = await platform.measureElement(currentTourStep.target);
+            if (!rect) {
+                if (currentStep < steps.length - 1) {
+                    setCurrentStep((previous) => previous + 1);
+                }
+                else {
+                    endTour();
+                }
+                return;
+            }
+            setHighlightRect(rect);
+            setIsPositioned(false);
+            await platform.scrollToElement(currentTourStep.target);
+            setTimeout(() => {
+                setPositionKey((k) => k + 1);
+            }, scrollDelayMs);
+        };
+        void runStep();
+    }, [isActive, currentStep, steps, endTour, platform]);
+    (0, react_1.useEffect)(() => {
+        if (!isActive || !highlightRect || steps.length === 0) {
+            return;
+        }
+        const currentTourStep = steps[currentStep];
+        if (!currentTourStep) {
+            return;
+        }
+        let attempts = 0;
+        let timeoutId;
+        let animationFrameId;
+        const tryPosition = () => {
+            attempts++;
+            animationFrameId = platform.scheduleFrame(() => {
+                void (async () => {
+                    const rect = await platform.measureElement(currentTourStep.target);
+                    if (!rect || rect.width === 0 || rect.height === 0) {
+                        if (attempts < maxPositionAttempts) {
+                            timeoutId = setTimeout(tryPosition, positionRetryDelayMs);
+                        }
+                        return;
+                    }
+                    setHighlightRect(rect);
+                    const placement = currentTourStep.placement ?? defaultPlacement;
+                    const tooltipDimensions = platform.measureTooltip(tooltipRef);
+                    const viewportDimensions = platform.getViewportDimensions();
+                    const position = (0, index_js_1.calculateTooltipPosition)(rect, placement, tooltipDimensions, viewportDimensions);
+                    setTooltipPosition(position);
+                    setIsPositioned(true);
+                })();
+            });
+        };
+        timeoutId = setTimeout(tryPosition, initialPositionDelayMs);
+        return () => {
+            clearTimeout(timeoutId);
+            if (animationFrameId) {
+                platform.cancelFrame(animationFrameId);
+            }
+        };
+    }, [isActive, currentStep, steps, highlightRect, positionKey, platform]);
+    (0, react_1.useEffect)(() => {
+        if (!isActive) {
+            return;
+        }
+        return platform.subscribeToKeyboard({
+            onEscape: endTour,
+            onNext: nextStep,
+            onPrev: previousStep,
+        });
+    }, [isActive, endTour, nextStep, previousStep, platform]);
+    (0, react_1.useEffect)(() => {
+        if (!isActive) {
+            return;
+        }
+        return platform.subscribeToLayout(updatePositions);
+    }, [isActive, updatePositions, platform]);
+    const currentTourStep = steps[currentStep];
+    const contextValue = (0, react_1.useMemo)(() => ({
+        isActive,
+        currentStep,
+        steps,
+        currentTourId,
+        startTour,
+        endTour,
+        nextStep,
+        prevStep: previousStep,
+        goToStep,
+    }), [isActive, currentStep, steps, currentTourId, startTour, endTour, nextStep, previousStep, goToStep]);
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.TourContext, { value: contextValue, children: [children, (0, jsx_runtime_1.jsx)(Modal, { transparent: true, visible: Boolean(isActive && highlightRect), animationType: "fade", children: highlightRect ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Overlay, { highlightRect: highlightRect, theme: resolvedTheme, onClose: endTour }), currentTourStep ? ((0, jsx_runtime_1.jsx)(Tooltip, { ref: tooltipRef, content: currentTourStep.content, currentStep: currentStep, isPositioned: isPositioned, position: tooltipPosition, theme: resolvedTheme, title: currentTourStep.title, totalSteps: steps.length, onClose: endTour, onGoToStep: goToStep, onNext: nextStep, onPrev: previousStep })) : null] })) : null })] }));
+}
+//# sourceMappingURL=tour-provider.js.map

package/dist/react-native-platform/tour-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-provider.js","sourceRoot":"","sources":["../../src/react-native-platform/tour-provider.tsx"],"names":[],"mappings":"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"}

package/dist/react-native-platform/types/tour-provider.props.type.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentType, type ReactNode } from 'react';
+import { type PlatformAdapter, type TourOverlayProps, type TourTheme, type TourTooltipProps } from 'src/shared';
+export type TourProviderProps = {
+    readonly children: ReactNode;
+    readonly TooltipComponent?: ComponentType<TourTooltipProps>;
+    readonly OverlayComponent?: ComponentType<TourOverlayProps>;
+    readonly onTourEnd?: (tourId: string | undefined) => void;
+    readonly theme?: TourTheme;
+    readonly platform?: PlatformAdapter;
+};

package/dist/react-native-platform/types/tour-provider.props.type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=tour-provider.props.type.js.map

package/dist/react-native-platform/types/tour-provider.props.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-provider.props.type.js","sourceRoot":"","sources":["../../../src/react-native-platform/types/tour-provider.props.type.ts"],"names":[],"mappings":""}

package/dist/react-native.d.ts

@@ -0,0 +1,8 @@
+export { TourProvider, type TourProviderProps } from './react-native-platform';
+export { TourContext, useTour } from './shared';
+export { useTourTarget } from './react-native-platform';
+export { TourOverlay, TourTooltip } from './react-native-platform';
+export type { TourStep, TourContextType, TourTooltipProps, TourOverlayProps, TourTheme } from './shared';
+export type { Rect, TourTarget } from './shared';
+export { calculateTooltipPosition } from './shared';
+export { nativePlatformAdapter, targetRegistry } from './react-native-platform';

package/dist/react-native.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.targetRegistry = exports.nativePlatformAdapter = exports.calculateTooltipPosition = exports.TourTooltip = exports.TourOverlay = exports.useTourTarget = exports.useTour = exports.TourContext = exports.TourProvider = void 0;
+var react_native_platform_1 = require("./react-native-platform");
+Object.defineProperty(exports, "TourProvider", { enumerable: true, get: function () { return react_native_platform_1.TourProvider; } });
+var shared_1 = require("./shared");
+Object.defineProperty(exports, "TourContext", { enumerable: true, get: function () { return shared_1.TourContext; } });
+Object.defineProperty(exports, "useTour", { enumerable: true, get: function () { return shared_1.useTour; } });
+var react_native_platform_2 = require("./react-native-platform");
+Object.defineProperty(exports, "useTourTarget", { enumerable: true, get: function () { return react_native_platform_2.useTourTarget; } });
+var react_native_platform_3 = require("./react-native-platform");
+Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return react_native_platform_3.TourOverlay; } });
+Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return react_native_platform_3.TourTooltip; } });
+var shared_2 = require("./shared");
+Object.defineProperty(exports, "calculateTooltipPosition", { enumerable: true, get: function () { return shared_2.calculateTooltipPosition; } });
+var react_native_platform_4 = require("./react-native-platform");
+Object.defineProperty(exports, "nativePlatformAdapter", { enumerable: true, get: function () { return react_native_platform_4.nativePlatformAdapter; } });
+Object.defineProperty(exports, "targetRegistry", { enumerable: true, get: function () { return react_native_platform_4.targetRegistry; } });
+//# sourceMappingURL=react-native.js.map

package/dist/react-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native.js","sourceRoot":"","sources":["../src/react-native.ts"],"names":[],"mappings":";;;AAKA,iEAA6E;AAArE,qHAAA,YAAY,OAAA;AAEpB,mCAA8C;AAAtC,qGAAA,WAAW,OAAA;AAAE,iGAAA,OAAO,OAAA;AAE5B,iEAAsD;AAA9C,sHAAA,aAAa,OAAA;AAIrB,iEAAiE;AAAzD,oHAAA,WAAW,OAAA;AAAE,oHAAA,WAAW,OAAA;AAUhC,mCAAkD;AAA1C,kHAAA,wBAAwB,OAAA;AAIhC,iEAA8E;AAAtE,8HAAA,qBAAqB,OAAA;AAAE,uHAAA,cAAc,OAAA"}

package/dist/react-platform/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TourOverlay } from './tour-overlay';
+export { TourTooltip } from './tour-tooltip';

package/dist/react-platform/components/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourTooltip = exports.TourOverlay = void 0;
+var tour_overlay_1 = require("./tour-overlay");
+Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
+var tour_tooltip_1 = require("./tour-tooltip");
+Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
+//# sourceMappingURL=index.js.map

package/dist/react-platform/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-platform/components/index.ts"],"names":[],"mappings":";;;AAAA,+CAA2C;AAAnC,2GAAA,WAAW,OAAA;AAEnB,+CAA2C;AAAnC,2GAAA,WAAW,OAAA"}

package/dist/react-platform/components/tour-overlay.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { type TourOverlayProps } from '../../shared';
+export declare function TourOverlay({ highlightRect, onClose, theme }: TourOverlayProps): JSX.Element;

package/dist/react-platform/components/tour-overlay.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourOverlay = TourOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const highlightPadding = 8;
+const borderRadius = 8;
+function TourOverlay({ highlightRect, onClose, theme }) {
+    const primaryColorRgba = `${theme.primaryColor}4D`;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            position: 'fixed',
+            inset: 0,
+            zIndex: 9998,
+        }, onClick: onClose, children: [(0, jsx_runtime_1.jsxs)("svg", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    height: '100%',
+                    width: '100%',
+                }, children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("mask", { id: "tour-mask", children: [(0, jsx_runtime_1.jsx)("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: highlightRect.left - highlightPadding, y: highlightRect.top - highlightPadding, width: highlightRect.width + highlightPadding * 2, height: highlightRect.height + highlightPadding * 2, rx: borderRadius, fill: "black" })] }) }), (0, jsx_runtime_1.jsx)("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: theme.overlayColor, mask: "url(#tour-mask)" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    borderRadius: '8px',
+                    border: `2px solid ${theme.primaryColor}`,
+                    boxShadow: `0 0 0 4px ${primaryColorRgba}`,
+                    pointerEvents: 'none',
+                    top: highlightRect.top - highlightPadding,
+                    left: highlightRect.left - highlightPadding,
+                    width: highlightRect.width + highlightPadding * 2,
+                    height: highlightRect.height + highlightPadding * 2,
+                } })] }));
+}
+//# sourceMappingURL=tour-overlay.js.map

package/dist/react-platform/components/tour-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-overlay.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-overlay.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAQb,kCAoDC;;AAvDD,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,SAAgB,WAAW,CAAC,EAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAmB;IAE3E,MAAM,gBAAgB,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;IAEnD,OAAO,CACL,iCACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,IAAI;SACb,EACD,OAAO,EAAE,OAAO,aAEhB,iCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,MAAM;iBACd,aAED,2CACE,kCAAM,EAAE,EAAC,WAAW,aAClB,iCAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5D,iCACE,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,gBAAgB,EACxC,CAAC,EAAE,aAAa,CAAC,GAAG,GAAG,gBAAgB,EACvC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC,EACjD,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC,EACnD,EAAE,EAAE,YAAY,EAChB,IAAI,EAAC,OAAO,GACZ,IACG,GACF,EACP,iCAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAC,iBAAiB,GAAG,IAC5F,EAEN,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,aAAa,KAAK,CAAC,YAAY,EAAE;oBACzC,SAAS,EAAE,aAAa,gBAAgB,EAAE;oBAC1C,aAAa,EAAE,MAAM;oBACrB,GAAG,EAAE,aAAa,CAAC,GAAG,GAAG,gBAAgB;oBACzC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,gBAAgB;oBAC3C,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,gBAAgB,GAAG,CAAC;oBACjD,MAAM,EAAE,aAAa,CAAC,MAAM,GAAG,gBAAgB,GAAG,CAAC;iBACpD,GACD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react-platform/components/tour-tooltip.d.ts

@@ -0,0 +1,2 @@
+import { type TourTooltipProps } from '../../shared';
+export declare const TourTooltip: import("react").ForwardRefExoticComponent<TourTooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react-platform/components/tour-tooltip.js

@@ -0,0 +1,126 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TourTooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function TourTooltipComponent({ title, content, currentStep, totalSteps, position, isPositioned, onClose, onNext, onPrev, onGoToStep, theme, }, ref) {
+    const isLastStep = currentStep === totalSteps - 1;
+    const isFirstStep = currentStep === 0;
+    const styles = {
+        container: {
+            position: 'fixed',
+            zIndex: 9999,
+            width: '400px',
+            maxWidth: 'calc(100vw - 2rem)',
+        },
+        card: {
+            backgroundColor: theme.tooltipBackground,
+            borderRadius: '8px',
+            boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+            overflow: 'hidden',
+        },
+        header: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '16px 16px 0 16px',
+        },
+        stepTag: {
+            backgroundColor: theme.primaryColor,
+            color: 'white',
+            padding: '4px 8px',
+            borderRadius: '4px',
+            fontSize: '12px',
+            fontWeight: 600,
+        },
+        closeButton: {
+            background: 'none',
+            border: 'none',
+            cursor: 'pointer',
+            padding: '8px',
+            borderRadius: '50%',
+            color: theme.contentColor,
+            fontSize: '16px',
+        },
+        body: {
+            padding: '16px',
+        },
+        title: {
+            margin: '0 0 8px 0',
+            fontSize: '18px',
+            fontWeight: 600,
+            color: theme.titleColor,
+        },
+        content: {
+            margin: 0,
+            fontSize: '14px',
+            color: theme.contentColor,
+            lineHeight: 1.5,
+        },
+        footer: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '0 16px 16px 16px',
+        },
+        navButton: {
+            background: 'none',
+            border: 'none',
+            cursor: 'pointer',
+            padding: '8px 16px',
+            borderRadius: '4px',
+            fontSize: '14px',
+            color: theme.contentColor,
+        },
+        navButtonDisabled: {
+            opacity: 0.5,
+            cursor: 'not-allowed',
+        },
+        nextButton: {
+            backgroundColor: theme.primaryColor,
+            color: 'white',
+            border: 'none',
+            cursor: 'pointer',
+            padding: '8px 16px',
+            borderRadius: '4px',
+            fontSize: '14px',
+            fontWeight: 500,
+        },
+        dotsContainer: {
+            display: 'flex',
+            gap: '6px',
+        },
+        dot: {
+            width: '8px',
+            height: '8px',
+            borderRadius: '50%',
+            border: 'none',
+            cursor: 'pointer',
+            padding: 0,
+        },
+        dotActive: {
+            backgroundColor: theme.primaryColor,
+        },
+        dotInactive: {
+            backgroundColor: '#d1d5db',
+        },
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: {
+            ...styles.container,
+            top: `${position.top}px`,
+            left: `${position.left}px`,
+            opacity: isPositioned ? 1 : 0,
+            pointerEvents: isPositioned ? 'auto' : 'none',
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: styles.card, children: [(0, jsx_runtime_1.jsxs)("div", { style: styles.header, children: [(0, jsx_runtime_1.jsxs)("span", { style: styles.stepTag, children: [currentStep + 1, " / ", totalSteps] }), (0, jsx_runtime_1.jsx)("button", { type: "button", style: styles.closeButton, "aria-label": "Close tour", onClick: onClose, children: "\u2715" })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.body, children: [(0, jsx_runtime_1.jsx)("h3", { style: styles.title, children: title }), (0, jsx_runtime_1.jsx)("p", { style: styles.content, children: content })] }), (0, jsx_runtime_1.jsxs)("div", { style: styles.footer, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", style: {
+                                ...styles.navButton,
+                                ...(isFirstStep ? styles.navButtonDisabled : {}),
+                            }, disabled: isFirstStep, onClick: onPrev, children: "\u2190 Back" }), (0, jsx_runtime_1.jsx)("div", { style: styles.dotsContainer, children: Array.from({ length: totalSteps }).map((_, index) => ((0, jsx_runtime_1.jsx)("button", { type: "button", style: {
+                                    ...styles.dot,
+                                    ...(index === currentStep ? styles.dotActive : styles.dotInactive),
+                                }, "aria-label": `Go to step ${index + 1}`, onClick: () => {
+                                    onGoToStep(index);
+                                } }, `step-${index}`))) }), (0, jsx_runtime_1.jsx)("button", { type: "button", style: styles.nextButton, onClick: onNext, children: isLastStep ? 'Finish' : 'Next →' })] })] }) }));
+}
+exports.TourTooltip = (0, react_1.forwardRef)(TourTooltipComponent);
+//# sourceMappingURL=tour-tooltip.js.map

package/dist/react-platform/components/tour-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tour-tooltip.js","sourceRoot":"","sources":["../../../src/react-platform/components/tour-tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/react-platform/index.d.ts

@@ -0,0 +1,6 @@
+export { TourProvider } from './tour-provider';
+export type { TourProviderProps } from './types/tour-provider.props.type';
+export { TourOverlay } from './components/tour-overlay';
+export { TourTooltip } from './components/tour-tooltip';
+export { webPlatformAdapter } from './platform-adapter';
+export { findVisibleElement } from './utils';

package/dist/react-platform/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findVisibleElement = exports.webPlatformAdapter = exports.TourTooltip = exports.TourOverlay = exports.TourProvider = void 0;
+var tour_provider_1 = require("./tour-provider");
+Object.defineProperty(exports, "TourProvider", { enumerable: true, get: function () { return tour_provider_1.TourProvider; } });
+var tour_overlay_1 = require("./components/tour-overlay");
+Object.defineProperty(exports, "TourOverlay", { enumerable: true, get: function () { return tour_overlay_1.TourOverlay; } });
+var tour_tooltip_1 = require("./components/tour-tooltip");
+Object.defineProperty(exports, "TourTooltip", { enumerable: true, get: function () { return tour_tooltip_1.TourTooltip; } });
+var platform_adapter_1 = require("./platform-adapter");
+Object.defineProperty(exports, "webPlatformAdapter", { enumerable: true, get: function () { return platform_adapter_1.webPlatformAdapter; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "findVisibleElement", { enumerable: true, get: function () { return utils_1.findVisibleElement; } });
+//# sourceMappingURL=index.js.map

package/dist/react-platform/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-platform/index.ts"],"names":[],"mappings":";;;AAEA,iDAA6C;AAArC,6GAAA,YAAY,OAAA;AAGpB,0DAAsD;AAA9C,2GAAA,WAAW,OAAA;AAEnB,0DAAsD;AAA9C,2GAAA,WAAW,OAAA;AAInB,uDAAsD;AAA9C,sHAAA,kBAAkB,OAAA;AAI1B,iCAA2C;AAAnC,2GAAA,kBAAkB,OAAA"}

package/dist/react-platform/platform-adapter.d.ts

@@ -0,0 +1,2 @@
+import { type PlatformAdapter } from '../shared';
+export declare const webPlatformAdapter: PlatformAdapter;

package/dist/react-platform/platform-adapter.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webPlatformAdapter = void 0;
+const utils_1 = require("./utils");
+function domRectToRect(domRect) {
+    return {
+        top: domRect.top,
+        left: domRect.left,
+        width: domRect.width,
+        height: domRect.height,
+        bottom: domRect.bottom,
+        right: domRect.right,
+    };
+}
+exports.webPlatformAdapter = {
+    async measureElement(target) {
+        if (typeof target !== 'string') {
+            const element = target.current;
+            if (!element) {
+                return undefined;
+            }
+            return domRectToRect(element.getBoundingClientRect());
+        }
+        const element = (0, utils_1.findVisibleElement)(target);
+        if (!element) {
+            return undefined;
+        }
+        return domRectToRect(element.getBoundingClientRect());
+    },
+    measureTooltip(ref) {
+        const element = ref.current;
+        return {
+            width: element?.offsetWidth ?? 0,
+            height: element?.offsetHeight ?? 0,
+        };
+    },
+    getViewportDimensions() {
+        return {
+            width: window.innerWidth,
+            height: window.innerHeight,
+        };
+    },
+    async scrollToElement(target) {
+        const element = typeof target === 'string' ? (0, utils_1.findVisibleElement)(target) : target.current;
+        if (element) {
+            element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    },
+    subscribeToKeyboard(handlers) {
+        const handleKeyDown = (event) => {
+            switch (event.key) {
+                case 'Escape': {
+                    handlers.onEscape();
+                    break;
+                }
+                case 'ArrowRight': {
+                    handlers.onNext();
+                    break;
+                }
+                case 'ArrowLeft': {
+                    handlers.onPrev();
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+        };
+        globalThis.addEventListener('keydown', handleKeyDown);
+        return () => {
+            globalThis.removeEventListener('keydown', handleKeyDown);
+        };
+    },
+    subscribeToLayout(callback) {
+        window.addEventListener('resize', callback);
+        window.addEventListener('scroll', callback, true);
+        return () => {
+            window.removeEventListener('resize', callback);
+            window.removeEventListener('scroll', callback, true);
+        };
+    },
+    scheduleFrame(callback) {
+        return requestAnimationFrame(callback);
+    },
+    cancelFrame(id) {
+        cancelAnimationFrame(id);
+    },
+    findElement(target) {
+        if (typeof target === 'string') {
+            return (0, utils_1.findVisibleElement)(target);
+        }
+        return target.current ?? undefined;
+    },
+};
+//# sourceMappingURL=platform-adapter.js.map

package/dist/react-platform/platform-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-adapter.js","sourceRoot":"","sources":["../../src/react-platform/platform-adapter.ts"],"names":[],"mappings":"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"}

package/dist/react-platform/tour-provider.d.ts

@@ -0,0 +1,3 @@
+import { type JSX } from 'react';
+import { type TourProviderProps } from '.';
+export declare function TourProvider({ children, TooltipComponent, OverlayComponent, onTourEnd, theme, platform, }: TourProviderProps): JSX.Element;