@flowsterix/react 0.12.1 → 0.14.0

package/dist/index.mjs

@@ -15,7 +15,7 @@ import {
   portalHost,
   subscribeToRouteChanges,
   supportsMasking
-} from "./chunk-B44EX7YT.mjs";
+} from "./chunk-J2JMZXGD.mjs";
 
 // src/context.tsx
 import {
@@ -716,8 +716,12 @@ var TourProvider = ({
     [getActiveStore]
   );
   const advanceStep = useCallback2(
-    (stepId) => getActiveStore().advanceStep(stepId),
-    [getActiveStore]
+    (stepId) => {
+      const store = storeRef.current;
+      if (!store) return null;
+      return store.advanceStep(stepId);
+    },
+    []
   );
   const toggleDebug = useCallback2(() => {
     setDebugEnabled((previous) => !previous);
@@ -2460,11 +2464,11 @@ var useHudShortcuts = (target, options) => {
 // src/hooks/useTourHud.ts
 import { useMemo as useMemo9, useState as useState9 } from "react";
 
-// src/hooks/useBodyScrollLock.ts
-import { useEffect as useEffect11 } from "react";
+// src/hooks/useConstrainedScrollLock.ts
+import { useEffect as useEffect11, useRef as useRef8 } from "react";
 var lockCount = 0;
 var previousOverflow = null;
-var acquireLock = () => {
+var acquireHardLock = () => {
   if (!isBrowser) return;
   if (lockCount === 0) {
     previousOverflow = document.body.style.overflow;
@@ -2472,7 +2476,7 @@ var acquireLock = () => {
   }
   lockCount += 1;
 };
-var releaseLock = () => {
+var releaseHardLock = () => {
   if (!isBrowser) return;
   if (lockCount === 0) return;
   lockCount -= 1;
@@ -2481,14 +2485,57 @@ var releaseLock = () => {
     previousOverflow = null;
   }
 };
-var useBodyScrollLock = (enabled) => {
+var useConstrainedScrollLock = ({
+  enabled,
+  targetRect,
+  viewportHeight,
+  padding = 0,
+  bottomInset = 0
+}) => {
+  const isConstrainedModeRef = useRef8(false);
+  const boundsRef = useRef8({ minY: 0, maxY: 0 });
+  const targetHeight = targetRect ? targetRect.height + padding * 2 : 0;
+  const effectiveViewportHeight = viewportHeight - bottomInset;
+  const isConstrainedMode = enabled && Boolean(targetRect) && targetHeight > effectiveViewportHeight;
   useEffect11(() => {
-    if (!enabled) return;
-    acquireLock();
+    if (!enabled || !isBrowser) return;
+    const targetHeight2 = targetRect ? targetRect.height + padding * 2 : 0;
+    const effectiveViewportHeight2 = viewportHeight - bottomInset;
+    const targetExceedsViewport = targetRect && targetHeight2 > effectiveViewportHeight2;
+    if (!targetExceedsViewport) {
+      acquireHardLock();
+      isConstrainedModeRef.current = false;
+      return () => {
+        releaseHardLock();
+      };
+    }
+    isConstrainedModeRef.current = true;
+    const targetTop = targetRect.top - padding;
+    const targetBottom = targetRect.bottom + padding;
+    const currentScroll = window.scrollY;
+    const minY = currentScroll + targetTop;
+    const maxY = currentScroll + targetBottom - effectiveViewportHeight2;
+    boundsRef.current = {
+      minY: Math.max(0, minY),
+      maxY: Math.max(0, maxY)
+    };
+    const handleScroll = () => {
+      const { minY: minY2, maxY: maxY2 } = boundsRef.current;
+      const currentY = window.scrollY;
+      if (currentY < minY2) {
+        window.scrollTo({ top: minY2, behavior: "auto" });
+      } else if (currentY > maxY2) {
+        window.scrollTo({ top: maxY2, behavior: "auto" });
+      }
+    };
+    handleScroll();
+    window.addEventListener("scroll", handleScroll, { passive: false });
     return () => {
-      releaseLock();
+      window.removeEventListener("scroll", handleScroll);
+      isConstrainedModeRef.current = false;
     };
-  }, [enabled]);
+  }, [enabled, targetRect, viewportHeight, padding, bottomInset]);
+  return { isConstrainedMode };
 };
 
 // src/hooks/useHudTargetIssue.ts
@@ -2558,7 +2605,8 @@ var useTourHud = (options = {}) => {
   const {
     overlayPadding,
     overlayRadius,
-    bodyScrollLock = DEFAULT_BODY_SCROLL_LOCK
+    bodyScrollLock = DEFAULT_BODY_SCROLL_LOCK,
+    scrollLockBottomInset
   } = options;
   const shortcuts = options.shortcuts ?? DEFAULT_SHORTCUTS;
   const { backdropInteraction, lockBodyScroll } = useTour();
@@ -2571,10 +2619,17 @@ var useTourHud = (options = {}) => {
     fallbackAriaDescribedBy: popoverOptions?.ariaDescribedBy
   });
   const targetIssue = useHudTargetIssue(hudState.hudTarget);
+  const viewport = useViewportRect();
   const shouldLockBodyScroll = Boolean(
     bodyScrollLock && (hudState.flowHudOptions?.behavior?.lockBodyScroll ?? lockBodyScroll) && hudState.focusTrapActive
   );
-  useBodyScrollLock(shouldLockBodyScroll);
+  const { isConstrainedMode: isConstrainedScrollActive } = useConstrainedScrollLock({
+    enabled: shouldLockBodyScroll,
+    targetRect: hudState.hudTarget.rect,
+    viewportHeight: viewport.height,
+    padding: overlayPadding ?? 12,
+    bottomInset: scrollLockBottomInset
+  });
   const shortcutOptions = typeof shortcuts === "object" ? shortcuts : {};
   const shortcutsEnabled = Boolean(
     (typeof shortcuts === "boolean" ? shortcuts : shortcuts.enabled ?? true) && hudState.shouldRender
@@ -2631,12 +2686,13 @@ var useTourHud = (options = {}) => {
     focusManager,
     targetIssue,
     shouldLockBodyScroll,
-    shortcutsEnabled
+    shortcutsEnabled,
+    isConstrainedScrollActive
   };
 };
 
 // src/hooks/useTourOverlay.ts
-import { useEffect as useEffect13, useMemo as useMemo10, useRef as useRef8 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo10, useRef as useRef9 } from "react";
 var DEFAULT_PADDING = 12;
 var DEFAULT_RADIUS = 12;
 var DEFAULT_EDGE_BUFFER = 0;
@@ -2649,8 +2705,8 @@ var useTourOverlay = (options) => {
     interactionMode = "passthrough",
     isInGracePeriod = false
   } = options;
-  const hasShownRef = useRef8(false);
-  const lastReadyTargetRef = useRef8(null);
+  const hasShownRef = useRef9(false);
+  const lastReadyTargetRef = useRef9(null);
   useEffect13(() => {
     if (!isBrowser) return;
     if (target.status === "ready") {
@@ -2892,7 +2948,7 @@ var waitForDom = () => new Promise(
 );
 
 // src/hooks/useRadixTourDialog.ts
-import { useCallback as useCallback5, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef9, useState as useState10 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef10, useState as useState10 } from "react";
 var resolveAutoOpen2 = (config) => {
   if (!config) return { onEnter: true, onResume: true };
   const { autoOpen } = config;
@@ -2911,8 +2967,8 @@ var useRadixTourDialog = (params) => {
   const registry = useDialogRegistryOptional();
   const { suspendExternalFocusTrap } = useTourFocusDominance();
   const [internalOpen, setInternalOpen] = useState10(false);
-  const lastStepIndexRef = useRef9(-1);
-  const isResumeRef = useRef9(false);
+  const lastStepIndexRef = useRef10(-1);
+  const isResumeRef = useRef10(false);
   const flow = activeFlowId ? flows.get(activeFlowId) : void 0;
   const dialogConfig = flow?.dialogs?.[dialogId];
   const currentStep = flow && state && state.stepIndex >= 0 ? flow.steps[state.stepIndex] : void 0;
@@ -3160,7 +3216,7 @@ var useDelayAdvance = () => {
 };
 
 // src/components/OverlayBackdrop.tsx
-import { useEffect as useEffect16, useRef as useRef10 } from "react";
+import { useEffect as useEffect16, useRef as useRef11 } from "react";
 import { createPortal } from "react-dom";
 import { AnimatePresence } from "motion/react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -3249,7 +3305,7 @@ var OverlayBackdrop = ({
     viewport
   } = overlay;
   const hasHighlightBounds = Boolean(highlight.rect);
-  const prevScreenTargetRef = useRef10(null);
+  const prevScreenTargetRef = useRef11(null);
   const shouldSnapHighlight = prevScreenTargetRef.current === true && !highlight.isScreen && hasHighlightBounds;
   useEffect16(() => {
     prevScreenTargetRef.current = highlight.isScreen;
@@ -3488,7 +3544,7 @@ var OverlayBackdrop = ({
 };
 
 // src/components/TourPopoverPortal.tsx
-import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useMemo as useMemo13, useRef as useRef11, useState as useState12 } from "react";
+import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect2, useMemo as useMemo13, useRef as useRef12, useState as useState12 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import {
   autoPlacement,
@@ -3556,11 +3612,11 @@ var TourPopoverPortal = ({
   const popoverContentTransition = transitionsOverride?.popoverContent ?? adapter.transitions.popoverContent ?? DEFAULT_POPOVER_CONTENT_TRANSITION;
   const viewport = useViewportRect();
   const prefersMobileLayout = viewport.width <= MOBILE_BREAKPOINT || viewport.height <= MOBILE_HEIGHT_BREAKPOINT;
-  const prefersMobileRef = useRef11(prefersMobileLayout);
+  const prefersMobileRef = useRef12(prefersMobileLayout);
   useEffect17(() => {
     prefersMobileRef.current = prefersMobileLayout;
   }, [prefersMobileLayout]);
-  const lastReadyTargetRef = useRef11(null);
+  const lastReadyTargetRef = useRef12(null);
   useEffect17(() => {
     if (target.status === "ready" && target.rect) {
       lastReadyTargetRef.current = {
@@ -3604,22 +3660,22 @@ var TourPopoverPortal = ({
     }),
     [viewport.height, viewport.width]
   );
-  const floatingRef = useRef11(null);
-  const cachedFloatingPositionRef = useRef11(null);
-  const appliedFloatingCacheRef = useRef11(null);
-  const deferredScreenSnapRef = useRef11(null);
+  const floatingRef = useRef12(null);
+  const cachedFloatingPositionRef = useRef12(null);
+  const appliedFloatingCacheRef = useRef12(null);
+  const deferredScreenSnapRef = useRef12(null);
   const [layoutMode, setLayoutMode] = useState12(
     () => prefersMobileLayout ? "mobile" : "floating"
   );
   const [floatingPosition, setFloatingPosition] = useState12(fallbackPosition);
   const [dragPosition, setDragPosition] = useState12(null);
   const [isDragging, setIsDragging] = useState12(false);
-  const dragStateRef = useRef11(null);
-  const overflowRetryRef = useRef11({
+  const dragStateRef = useRef12(null);
+  const overflowRetryRef = useRef12({
     stepId: null,
     attempts: 0
   });
-  const overflowRetryTimeoutRef = useRef11(null);
+  const overflowRetryTimeoutRef = useRef12(null);
   useLayoutEffect2(() => {
     if (!isBrowser) return;
     const node = floatingRef.current;
@@ -4093,7 +4149,7 @@ var TourPopoverPortal = ({
 };
 
 // src/components/TourFocusManager.tsx
-import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useRef as useRef12, useState as useState13 } from "react";
+import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState13 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 
 // src/utils/focus.ts
@@ -4170,15 +4226,15 @@ var TourFocusManager = ({
   highlightRect,
   guardElementFocusRing
 }) => {
-  const previousFocusRef = useRef12(null);
-  const guardNodesRef = useRef12({
+  const previousFocusRef = useRef13(null);
+  const guardNodesRef = useRef13({
     "target-start": null,
     "target-end": null,
     "popover-start": null,
     "popover-end": null
   });
-  const lastTabDirectionRef = useRef12("forward");
-  const suppressGuardHopRef = useRef12(null);
+  const lastTabDirectionRef = useRef13("forward");
+  const suppressGuardHopRef = useRef13(null);
   const [targetRingActive, setTargetRingActive] = useState13(false);
   const [popoverRingActive, setPopoverRingActive] = useState13(false);
   const [popoverRect, setPopoverRect] = useState13(null);
@@ -4500,6 +4556,37 @@ var useHudMotion = () => {
     };
   }, [adapter]);
 };
+
+// src/hooks/useBodyScrollLock.ts
+import { useEffect as useEffect19 } from "react";
+var lockCount2 = 0;
+var previousOverflow2 = null;
+var acquireLock = () => {
+  if (!isBrowser) return;
+  if (lockCount2 === 0) {
+    previousOverflow2 = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  lockCount2 += 1;
+};
+var releaseLock = () => {
+  if (!isBrowser) return;
+  if (lockCount2 === 0) return;
+  lockCount2 -= 1;
+  if (lockCount2 === 0) {
+    document.body.style.overflow = previousOverflow2 ?? "";
+    previousOverflow2 = null;
+  }
+};
+var useBodyScrollLock = (enabled) => {
+  useEffect19(() => {
+    if (!enabled) return;
+    acquireLock();
+    return () => {
+      releaseLock();
+    };
+  }, [enabled]);
+};
 export {
   AnimationAdapterProvider,
   DialogRegistryProvider,
@@ -4518,6 +4605,7 @@ export {
   useAdvanceRules,
   useAnimationAdapter,
   useBodyScrollLock,
+  useConstrainedScrollLock,
   useDelayAdvance,
   useDialogRegistry,
   useDialogRegistryOptional,

package/dist/router/index.cjs

@@ -6,7 +6,7 @@
 
 
 
-var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
+var _chunk7SAJNRGZcjs = require('../chunk-7SAJNRGZ.cjs');
 
 
 
@@ -14,4 +14,4 @@ var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
 
 
 
-exports.createPathString = _chunkD5LQLRSUcjs.createPathString; exports.getCurrentRoutePath = _chunkD5LQLRSUcjs.getCurrentRoutePath; exports.matchRoute = _chunkD5LQLRSUcjs.matchRoute; exports.notifyRouteChange = _chunkD5LQLRSUcjs.notifyRouteChange; exports.routeGatingChannel = _chunkD5LQLRSUcjs.routeGatingChannel; exports.subscribeToRouteChanges = _chunkD5LQLRSUcjs.subscribeToRouteChanges;
+exports.createPathString = _chunk7SAJNRGZcjs.createPathString; exports.getCurrentRoutePath = _chunk7SAJNRGZcjs.getCurrentRoutePath; exports.matchRoute = _chunk7SAJNRGZcjs.matchRoute; exports.notifyRouteChange = _chunk7SAJNRGZcjs.notifyRouteChange; exports.routeGatingChannel = _chunk7SAJNRGZcjs.routeGatingChannel; exports.subscribeToRouteChanges = _chunk7SAJNRGZcjs.subscribeToRouteChanges;

package/dist/router/index.mjs

@@ -6,7 +6,7 @@ import {
   notifyRouteChange,
   routeGatingChannel,
   subscribeToRouteChanges
-} from "../chunk-B44EX7YT.mjs";
+} from "../chunk-J2JMZXGD.mjs";
 export {
   createPathString,
   getCurrentRoutePath,

package/dist/router/nextAppRouterAdapter.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
+var _chunk7SAJNRGZcjs = require('../chunk-7SAJNRGZ.cjs');
 
 // src/router/nextAppRouterAdapter.tsx
 var _navigation = require('next/navigation'); var NextNavigation = _interopRequireWildcard(_navigation);
@@ -22,12 +22,12 @@ var useNextAppRouterTourAdapter = () => {
   const searchValue = _nullishCoalesce(_optionalChain([searchParams, 'optionalAccess', _ => _.toString, 'call', _2 => _2()]), () => ( ""));
   _react.useEffect.call(void 0, () => {
     if (typeof pathname !== "string") return;
-    const path = _chunkD5LQLRSUcjs.createPathString.call(void 0, 
+    const path = _chunk7SAJNRGZcjs.createPathString.call(void 0, 
       pathname,
       searchValue.length > 0 ? `?${searchValue}` : "",
       void 0
     );
-    _chunkD5LQLRSUcjs.notifyRouteChange.call(void 0, path);
+    _chunk7SAJNRGZcjs.notifyRouteChange.call(void 0, path);
   }, [pathname, searchValue]);
 };
 

package/dist/router/nextAppRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-B44EX7YT.mjs";
+} from "../chunk-J2JMZXGD.mjs";
 
 // src/router/nextAppRouterAdapter.tsx
 import * as NextNavigation from "next/navigation";

package/dist/router/nextPagesRouterAdapter.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
-var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
+var _chunk7SAJNRGZcjs = require('../chunk-7SAJNRGZ.cjs');
 
 // src/router/nextPagesRouterAdapter.tsx
 var _router = require('next/router'); var NextRouter = _interopRequireWildcard(_router);
@@ -19,8 +19,8 @@ var useNextPagesRouterTourAdapter = () => {
   const router = useRouter2();
   const pathCandidate = typeof router.asPath === "string" && router.asPath.length > 0 ? router.asPath : router.pathname;
   _react.useEffect.call(void 0, () => {
-    const path = typeof pathCandidate === "string" && pathCandidate.length > 0 ? pathCandidate : _chunkD5LQLRSUcjs.createPathString.call(void 0, _nullishCoalesce(router.pathname, () => ( "/")));
-    _chunkD5LQLRSUcjs.notifyRouteChange.call(void 0, path);
+    const path = typeof pathCandidate === "string" && pathCandidate.length > 0 ? pathCandidate : _chunk7SAJNRGZcjs.createPathString.call(void 0, _nullishCoalesce(router.pathname, () => ( "/")));
+    _chunk7SAJNRGZcjs.notifyRouteChange.call(void 0, path);
   }, [pathCandidate, router.pathname]);
 };
 

package/dist/router/nextPagesRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-B44EX7YT.mjs";
+} from "../chunk-J2JMZXGD.mjs";
 
 // src/router/nextPagesRouterAdapter.tsx
 import * as NextRouter from "next/router";

package/dist/router/reactRouterAdapter.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
+var _chunk7SAJNRGZcjs = require('../chunk-7SAJNRGZ.cjs');
 
 // src/router/reactRouterAdapter.tsx
 var _react = require('react');
@@ -18,12 +18,12 @@ var useReactRouterTourAdapter = () => {
   }
   const location = useLocation2();
   _react.useEffect.call(void 0, () => {
-    const path = _chunkD5LQLRSUcjs.createPathString.call(void 0, 
+    const path = _chunk7SAJNRGZcjs.createPathString.call(void 0, 
       location.pathname,
       location.search,
       location.hash
     );
-    _chunkD5LQLRSUcjs.notifyRouteChange.call(void 0, path);
+    _chunk7SAJNRGZcjs.notifyRouteChange.call(void 0, path);
   }, [location.pathname, location.search, location.hash]);
 };
 

package/dist/router/reactRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-B44EX7YT.mjs";
+} from "../chunk-J2JMZXGD.mjs";
 
 // src/router/reactRouterAdapter.tsx
 import { useEffect } from "react";

package/dist/router/tanstackRouterAdapter.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkD5LQLRSUcjs = require('../chunk-D5LQLRSU.cjs');
+var _chunk7SAJNRGZcjs = require('../chunk-7SAJNRGZ.cjs');
 
 // src/router/tanstackRouterAdapter.tsx
 var _reactrouter = require('@tanstack/react-router'); var TanStackRouter = _interopRequireWildcard(_reactrouter);
@@ -55,8 +55,8 @@ var useTanStackRouterTourAdapter = () => {
     const resolvedPathname = typeof location.pathname === "string" && location.pathname.length > 0 ? location.pathname : "/";
     const resolvedSearch = "searchStr" in location && typeof location.searchStr === "string" ? location.searchStr : typeof location.search === "string" ? location.search : "";
     const resolvedHash = typeof location.hash === "string" ? location.hash : "";
-    const path = typeof location.href === "string" && location.href.length > 0 ? location.href : _chunkD5LQLRSUcjs.createPathString.call(void 0, resolvedPathname, resolvedSearch, resolvedHash);
-    _chunkD5LQLRSUcjs.notifyRouteChange.call(void 0, path);
+    const path = typeof location.href === "string" && location.href.length > 0 ? location.href : _chunk7SAJNRGZcjs.createPathString.call(void 0, resolvedPathname, resolvedSearch, resolvedHash);
+    _chunk7SAJNRGZcjs.notifyRouteChange.call(void 0, path);
   }, [location]);
 };
 

package/dist/router/tanstackRouterAdapter.mjs

@@ -1,7 +1,7 @@
 import {
   createPathString,
   notifyRouteChange
-} from "../chunk-B44EX7YT.mjs";
+} from "../chunk-J2JMZXGD.mjs";
 
 // src/router/tanstackRouterAdapter.tsx
 import { useRouterState } from "@tanstack/react-router";

package/dist/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAC4C,CAAA;AAElE,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+BAKxB,QAAQ,KAAG,cAOZ,CAAA;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,GAAG,eAAe,KAAG,cAM3D,CAAA;AAEJ,eAAO,MAAM,eAAe,QAAO,cAgBlC,CAAA;AAED,eAAO,MAAM,UAAU,GACrB,MAAM,cAAc,EACpB,SAAS,MAAM,KACd,cAqBF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,cAAc,EAAE,eAAU,YAUhE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,cACF,CAAA;AAe/C,eAAO,MAAM,gBAAgB,GAAI,SAAS,OAAO,KAAG,KAAK,CAAC,OAAO,CA4BhE,CAAA;AAED,eAAO,MAAM,UAAU,0BAA2C,CAAA;AA4BlE,eAAO,MAAM,eAAe,eAM3B,CAAA"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAC4C,CAAA;AAElE,KAAK,QAAQ,GAAG;IACd,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+BAKxB,QAAQ,KAAG,cAOZ,CAAA;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,GAAG,eAAe,KAAG,cAM3D,CAAA;AAEJ,eAAO,MAAM,eAAe,QAAO,cAgBlC,CAAA;AAED,eAAO,MAAM,UAAU,GACrB,MAAM,cAAc,EACpB,SAAS,MAAM,KACd,cAsBF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,cAAc,EAAE,eAAU,YAUhE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,KAAG,cACF,CAAA;AAe/C,eAAO,MAAM,gBAAgB,GAAI,SAAS,OAAO,KAAG,KAAK,CAAC,OAAO,CA4BhE,CAAA;AAED,eAAO,MAAM,UAAU,0BAA2C,CAAA;AA4BlE,eAAO,MAAM,eAAe,eAM3B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowsterix/react",
-  "version": "0.12.1",
+  "version": "0.14.0",
   "description": "React bindings for Flowsterix - guided tours and onboarding flows",
   "license": "MIT",
   "repository": {