@flowsterix/react 0.10.1 → 0.11.1

package/dist/index.cjs

@@ -1,73 +1,44 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  AnimationAdapterProvider: () => AnimationAdapterProvider,
-  DialogRegistryProvider: () => DialogRegistryProvider,
-  OverlayBackdrop: () => OverlayBackdrop,
-  TourFocusManager: () => TourFocusManager,
-  TourPopoverPortal: () => TourPopoverPortal,
-  TourProvider: () => TourProvider,
-  createPathString: () => createPathString,
-  createWaitForPredicateController: () => createWaitForPredicateController,
-  defaultAnimationAdapter: () => defaultAnimationAdapter,
-  defaultLabels: () => defaultLabels,
-  getCurrentRoutePath: () => getCurrentRoutePath,
-  notifyRouteChange: () => notifyRouteChange,
-  reducedMotionAnimationAdapter: () => reducedMotionAnimationAdapter,
-  subscribeToRouteChanges: () => subscribeToRouteChanges,
-  useAdvanceRules: () => useAdvanceRules,
-  useAnimationAdapter: () => useAnimationAdapter,
-  useBodyScrollLock: () => useBodyScrollLock,
-  useDelayAdvance: () => useDelayAdvance,
-  useDialogRegistry: () => useDialogRegistry,
-  useDialogRegistryOptional: () => useDialogRegistryOptional,
-  useHiddenTargetFallback: () => useHiddenTargetFallback,
-  useHudDescription: () => useHudDescription,
-  useHudMotion: () => useHudMotion,
-  useHudShortcuts: () => useHudShortcuts,
-  useHudState: () => useHudState,
-  useHudTargetIssue: () => useHudTargetIssue,
-  usePreferredAnimationAdapter: () => usePreferredAnimationAdapter,
-  useRadixDialogAdapter: () => useRadixDialogAdapter,
-  useRadixTourDialog: () => useRadixTourDialog,
-  useTour: () => useTour,
-  useTourControls: () => useTourControls,
-  useTourEvents: () => useTourEvents,
-  useTourFocusDominance: () => useTourFocusDominance,
-  useTourHud: () => useTourHud,
-  useTourLabels: () => useTourLabels,
-  useTourOverlay: () => useTourOverlay,
-  useTourTarget: () => useTourTarget,
-  useViewportRect: () => useViewportRect,
-  waitForDom: () => waitForDom
-});
-module.exports = __toCommonJS(index_exports);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkFCOKCGV3cjs = require('./chunk-FCOKCGV3.cjs');
+require('./chunk-HPVLOLCD.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkD5LQLRSUcjs = require('./chunk-D5LQLRSU.cjs');
 
 // src/context.tsx
-var import_core = require("@flowsterix/core");
-var import_react6 = require("react");
+
+
+
+
+
+
+
+
+var _core = require('@flowsterix/core');
+
+
+
+
+
+
+
+
+var _react = require('react');
 
 // src/labels.ts
-var import_react = require("react");
+
 var defaultLabels = {
   back: "Back",
   next: "Next",
@@ -89,34 +60,40 @@ var defaultLabels = {
     detachedBody: "Navigate back to the screen that contains this element or reopen it before continuing the tour."
   }
 };
-var LabelsContext = (0, import_react.createContext)(defaultLabels);
+var LabelsContext = _react.createContext.call(void 0, defaultLabels);
 var LabelsProvider = LabelsContext.Provider;
 function useTourLabels() {
-  return (0, import_react.useContext)(LabelsContext);
+  return _react.useContext.call(void 0, LabelsContext);
 }
 
 // src/dialog/DialogRegistryContext.tsx
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var DialogRegistryContext = (0, import_react2.createContext)(void 0);
+
+
+
+
+
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var DialogRegistryContext = _react.createContext.call(void 0, void 0);
 var DialogRegistryProvider = ({ children }) => {
-  const controllersRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
-  const register = (0, import_react2.useCallback)(
+  const controllersRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const register = _react.useCallback.call(void 0, 
     (dialogId, controller) => {
       controllersRef.current.set(dialogId, controller);
     },
     []
   );
-  const unregister = (0, import_react2.useCallback)((dialogId) => {
+  const unregister = _react.useCallback.call(void 0, (dialogId) => {
     controllersRef.current.delete(dialogId);
   }, []);
-  const getController = (0, import_react2.useCallback)((dialogId) => {
+  const getController = _react.useCallback.call(void 0, (dialogId) => {
     return controllersRef.current.get(dialogId);
   }, []);
-  const isRegistered = (0, import_react2.useCallback)((dialogId) => {
+  const isRegistered = _react.useCallback.call(void 0, (dialogId) => {
     return controllersRef.current.has(dialogId);
   }, []);
-  const value = (0, import_react2.useMemo)(
+  const value = _react.useMemo.call(void 0, 
     () => ({
       register,
       unregister,
@@ -125,10 +102,10 @@ var DialogRegistryProvider = ({ children }) => {
     }),
     [register, unregister, getController, isRegistered]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogRegistryContext.Provider, { value, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogRegistryContext.Provider, { value, children });
 };
 var useDialogRegistry = () => {
-  const context = (0, import_react2.useContext)(DialogRegistryContext);
+  const context = _react.useContext.call(void 0, DialogRegistryContext);
   if (!context) {
     throw new Error(
       "useDialogRegistry must be used within a DialogRegistryProvider"
@@ -137,11 +114,11 @@ var useDialogRegistry = () => {
   return context;
 };
 var useDialogRegistryOptional = () => {
-  return (0, import_react2.useContext)(DialogRegistryContext);
+  return _react.useContext.call(void 0, DialogRegistryContext);
 };
 
 // src/hooks/useDialogAutomation.ts
-var import_react3 = require("react");
+
 var resolveAutoOpen = (config) => {
   if (!config) return { onEnter: true, onResume: true };
   const { autoOpen } = config;
@@ -150,22 +127,22 @@ var resolveAutoOpen = (config) => {
     return { onEnter: true, onResume: true };
   }
   return {
-    onEnter: autoOpen.onEnter ?? true,
-    onResume: autoOpen.onResume ?? true
+    onEnter: _nullishCoalesce(autoOpen.onEnter, () => ( true)),
+    onResume: _nullishCoalesce(autoOpen.onResume, () => ( true))
   };
 };
 var useDialogAutomation = (params) => {
   const { flow, state, events, registry, onDialogNotMounted } = params;
-  const previousDialogIdRef = (0, import_react3.useRef)(void 0);
-  (0, import_react3.useEffect)(() => {
+  const previousDialogIdRef = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
     if (!events || !flow || !registry) return;
     const unsubscribeEnter = events.on("stepEnter", (payload) => {
       const step = payload.currentStep;
       const dialogId = step.dialogId;
       const previousDialogId = previousDialogIdRef.current;
-      if (previousDialogId && previousDialogId !== dialogId && flow.dialogs?.[previousDialogId]) {
+      if (previousDialogId && previousDialogId !== dialogId && _optionalChain([flow, 'access', _ => _.dialogs, 'optionalAccess', _2 => _2[previousDialogId]])) {
         const config = flow.dialogs[previousDialogId];
-        const autoClose = config.autoClose ?? "differentDialog";
+        const autoClose = _nullishCoalesce(config.autoClose, () => ( "differentDialog"));
         if (autoClose === "always" || autoClose === "differentDialog") {
           const controller = registry.getController(previousDialogId);
           if (controller) {
@@ -175,7 +152,7 @@ var useDialogAutomation = (params) => {
           }
         }
       }
-      if (dialogId && flow.dialogs?.[dialogId]) {
+      if (dialogId && _optionalChain([flow, 'access', _3 => _3.dialogs, 'optionalAccess', _4 => _4[dialogId]])) {
         const config = flow.dialogs[dialogId];
         const autoOpenConfig = resolveAutoOpen(config);
         const isResume = payload.reason === "resume";
@@ -197,10 +174,10 @@ var useDialogAutomation = (params) => {
       const step = payload.previousStep;
       const dialogId = step.dialogId;
       const nextStep = payload.currentStep;
-      if (nextStep?.dialogId === dialogId) return;
-      if (dialogId && flow.dialogs?.[dialogId]) {
+      if (_optionalChain([nextStep, 'optionalAccess', _5 => _5.dialogId]) === dialogId) return;
+      if (dialogId && _optionalChain([flow, 'access', _6 => _6.dialogs, 'optionalAccess', _7 => _7[dialogId]])) {
         const config = flow.dialogs[dialogId];
-        const autoClose = config.autoClose ?? "differentDialog";
+        const autoClose = _nullishCoalesce(config.autoClose, () => ( "differentDialog"));
         if (autoClose === "never") return;
         const controller = registry.getController(dialogId);
         if (controller) {
@@ -212,12 +189,12 @@ var useDialogAutomation = (params) => {
     });
     const handleFlowEnd = () => {
       const dialogId = previousDialogIdRef.current;
-      if (dialogId && flow.dialogs?.[dialogId]) {
+      if (dialogId && _optionalChain([flow, 'access', _8 => _8.dialogs, 'optionalAccess', _9 => _9[dialogId]])) {
         const config = flow.dialogs[dialogId];
-        const autoClose = config.autoClose ?? "differentDialog";
+        const autoClose = _nullishCoalesce(config.autoClose, () => ( "differentDialog"));
         if (autoClose !== "never") {
           const controller = registry.getController(dialogId);
-          controller?.close();
+          _optionalChain([controller, 'optionalAccess', _10 => _10.close, 'call', _11 => _11()]);
         }
       }
       previousDialogIdRef.current = void 0;
@@ -233,7 +210,7 @@ var useDialogAutomation = (params) => {
       unsubscribeComplete();
     };
   }, [events, flow, registry, onDialogNotMounted]);
-  (0, import_react3.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!flow || !state || state.status !== "running") return;
     if (state.stepIndex < 0 || state.stepIndex >= flow.steps.length) return;
     const currentStep = flow.steps[state.stepIndex];
@@ -242,19 +219,19 @@ var useDialogAutomation = (params) => {
 };
 
 // src/motion/animationAdapter.tsx
-var import_react4 = require("motion/react");
-var import_react5 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var _react3 = require('motion/react');
+
+
 var defaultAdapter = {
   components: {
-    MotionDiv: import_react4.motion.div,
-    MotionSection: import_react4.motion.section,
-    MotionSvg: import_react4.motion.svg,
-    MotionDefs: import_react4.motion.defs,
-    MotionMask: import_react4.motion.mask,
-    MotionRect: import_react4.motion.rect,
-    MotionSpan: import_react4.motion.span,
-    MotionButton: import_react4.motion.button
+    MotionDiv: _react3.motion.div,
+    MotionSection: _react3.motion.section,
+    MotionSvg: _react3.motion.svg,
+    MotionDefs: _react3.motion.defs,
+    MotionMask: _react3.motion.mask,
+    MotionRect: _react3.motion.rect,
+    MotionSpan: _react3.motion.span,
+    MotionButton: _react3.motion.button
   },
   transitions: {
     overlayHighlight: {
@@ -287,16 +264,16 @@ var defaultAdapter = {
     }
   }
 };
-var AnimationAdapterContext = (0, import_react5.createContext)(defaultAdapter);
+var AnimationAdapterContext = _react.createContext.call(void 0, defaultAdapter);
 var AnimationAdapterProvider = ({
   adapter,
   children
 }) => {
-  const value = (0, import_react5.useMemo)(() => adapter ?? defaultAdapter, [adapter]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AnimationAdapterContext.Provider, { value, children });
+  const value = _react.useMemo.call(void 0, () => _nullishCoalesce(adapter, () => ( defaultAdapter)), [adapter]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AnimationAdapterContext.Provider, { value, children });
 };
 var useAnimationAdapter = () => {
-  return (0, import_react5.useContext)(AnimationAdapterContext);
+  return _react.useContext.call(void 0, AnimationAdapterContext);
 };
 var defaultAnimationAdapter = defaultAdapter;
 var reducedMotionAnimationAdapter = {
@@ -335,12 +312,12 @@ var usePreferredAnimationAdapter = (options) => {
     defaultAdapter: defaultOption = defaultAnimationAdapter,
     reducedMotionAdapter: reducedOption = reducedMotionAnimationAdapter,
     enabled = true
-  } = options ?? {};
-  const [prefersReduced, setPrefersReduced] = (0, import_react5.useState)(() => {
+  } = _nullishCoalesce(options, () => ( {}));
+  const [prefersReduced, setPrefersReduced] = _react.useState.call(void 0, () => {
     if (!enabled || typeof window === "undefined") return false;
     return window.matchMedia(REDUCED_MOTION_QUERY).matches;
   });
-  (0, import_react5.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!enabled || typeof window === "undefined") return;
     const mediaQuery = window.matchMedia(REDUCED_MOTION_QUERY);
     const handleChange = (event) => {
@@ -356,243 +333,13 @@ var usePreferredAnimationAdapter = (options) => {
   return prefersReduced ? reducedOption : defaultOption;
 };
 
-// src/utils/dom.ts
-var isBrowser = typeof window !== "undefined" && typeof document !== "undefined";
-var createRect = ({
-  top,
-  left,
-  width,
-  height
-}) => ({
-  top,
-  left,
-  width,
-  height,
-  right: left + width,
-  bottom: top + height
-});
-var toClientRect = (rect) => createRect({
-  top: rect.top,
-  left: rect.left,
-  width: rect.width,
-  height: rect.height
-});
-var getViewportRect = () => {
-  if (!isBrowser) {
-    return createRect({ top: 0, left: 0, width: 0, height: 0 });
-  }
-  const clientWidth = document.documentElement.clientWidth;
-  const clientHeight = document.documentElement.clientHeight;
-  const width = clientWidth > 0 ? clientWidth : window.innerWidth;
-  const height = clientHeight > 0 ? clientHeight : window.innerHeight;
-  return createRect({
-    top: 0,
-    left: 0,
-    width,
-    height
-  });
-};
-var expandRect = (rect, padding) => {
-  if (!isBrowser) return rect;
-  const viewport = getViewportRect();
-  const spaceTop = rect.top;
-  const spaceBottom = viewport.height - rect.bottom;
-  const spaceLeft = rect.left;
-  const spaceRight = viewport.width - rect.right;
-  const verticalPadding = Math.min(padding, spaceTop, spaceBottom);
-  const horizontalPadding = Math.min(padding, spaceLeft, spaceRight);
-  return createRect({
-    top: rect.top - verticalPadding,
-    left: rect.left - horizontalPadding,
-    width: rect.width + horizontalPadding * 2,
-    height: rect.height + verticalPadding * 2
-  });
-};
-var getClientRect = (element) => toClientRect(element.getBoundingClientRect());
-var SCROLLABLE_OVERFLOW = /(auto|scroll|overlay)/i;
-var isElementScrollable = (node) => {
-  if (!isBrowser) return false;
-  const style = window.getComputedStyle(node);
-  if (style.position === "fixed") return false;
-  return SCROLLABLE_OVERFLOW.test(style.overflow) || SCROLLABLE_OVERFLOW.test(style.overflowX) || SCROLLABLE_OVERFLOW.test(style.overflowY);
-};
-var getScrollParents = (element) => {
-  if (!isBrowser) return [];
-  const parents = [];
-  const seen = /* @__PURE__ */ new Set();
-  let current = element.parentElement;
-  while (current && current !== document.documentElement) {
-    if (current !== document.body && isElementScrollable(current)) {
-      if (!seen.has(current)) {
-        parents.push(current);
-        seen.add(current);
-      }
-    }
-    current = current.parentElement;
-  }
-  const scrollingElement = document.scrollingElement;
-  if (scrollingElement && scrollingElement instanceof Element && !seen.has(scrollingElement) && isElementScrollable(scrollingElement)) {
-    parents.push(scrollingElement);
-    seen.add(scrollingElement);
-  }
-  return parents;
-};
-var portalHost = () => isBrowser ? document.body : null;
-var cachedMaskSupport = null;
-var detectMaskSupport = () => {
-  if (!isBrowser) return false;
-  if ("CSS" in window) {
-    try {
-      if (window.CSS.supports("mask-image", "linear-gradient(#000,#000)")) {
-        return true;
-      }
-      if (window.CSS.supports("-webkit-mask-image", "linear-gradient(#000,#000)")) {
-        return true;
-      }
-    } catch (error) {
-      if (typeof console !== "undefined") {
-        console.warn("Flowsterix: CSS.supports check failed", error);
-      }
-    }
-  }
-  const probe = document.createElement("div");
-  return "maskImage" in probe.style || "webkitMaskImage" in probe.style;
-};
-var supportsMasking = () => {
-  if (!isBrowser) return false;
-  if (cachedMaskSupport === null) {
-    cachedMaskSupport = detectMaskSupport();
-  }
-  return cachedMaskSupport;
-};
-
-// src/router/routeGating.ts
-var DEFAULT_POLL_MS = 150;
-var normalizePathname = (pathname) => {
-  if (typeof pathname !== "string" || pathname.length === 0) {
-    return "/";
-  }
-  return pathname.startsWith("/") ? pathname : `/${pathname}`;
-};
-var normalizePrefixedSegment = (value, prefix) => {
-  if (typeof value !== "string" || value.length === 0) {
-    return "";
-  }
-  return value.startsWith(prefix) ? value : `${prefix}${value}`;
-};
-var getWindowPath = () => {
-  if (!isBrowser) return "/";
-  const { pathname, search, hash } = window.location;
-  return normalizePathname(pathname) + normalizePrefixedSegment(search, "?") + normalizePrefixedSegment(hash, "#");
-};
-var normalizeExternalPath = (path) => {
-  if (path.length === 0) {
-    return "/";
-  }
-  try {
-    const parsed = new URL(path, "http://flowsterix.local");
-    return normalizePathname(parsed.pathname) + normalizePrefixedSegment(parsed.search, "?") + normalizePrefixedSegment(parsed.hash, "#");
-  } catch {
-    const [withoutHash, hash = ""] = path.split("#");
-    const [base, search = ""] = withoutHash.split("?");
-    return normalizePathname(base) + normalizePrefixedSegment(search ? `?${search}` : "", "?") + normalizePrefixedSegment(hash ? `#${hash}` : "", "#");
-  }
-};
-var RouteGatingChannel = class {
-  #listeners = /* @__PURE__ */ new Set();
-  #currentPath = getWindowPath();
-  #teardown = null;
-  #attachDefaultListeners() {
-    if (!isBrowser) return;
-    if (this.#teardown) return;
-    let lastPath = getWindowPath();
-    const emitIfChanged = () => {
-      const nextPath = getWindowPath();
-      if (nextPath === lastPath) return;
-      lastPath = nextPath;
-      this.notify(nextPath);
-    };
-    const handler = () => emitIfChanged();
-    window.addEventListener("popstate", handler);
-    window.addEventListener("hashchange", handler);
-    const pollId = window.setInterval(emitIfChanged, DEFAULT_POLL_MS);
-    this.#teardown = () => {
-      window.removeEventListener("popstate", handler);
-      window.removeEventListener("hashchange", handler);
-      window.clearInterval(pollId);
-      this.#teardown = null;
-    };
-  }
-  #detachDefaultListeners() {
-    if (this.#listeners.size > 0) return;
-    this.#teardown?.();
-    this.#teardown = null;
-  }
-  getCurrentPath() {
-    if (isBrowser) {
-      this.#currentPath = getWindowPath();
-    }
-    return this.#currentPath;
-  }
-  notify(path) {
-    const resolved = typeof path === "string" && path.length > 0 ? normalizeExternalPath(path) : this.getCurrentPath();
-    if (resolved === this.#currentPath) {
-      this.#currentPath = resolved;
-      return;
-    }
-    this.#currentPath = resolved;
-    for (const listener of Array.from(this.#listeners)) {
-      try {
-        listener(resolved);
-      } catch (error) {
-        console.warn("[tour][route-gating] listener error", error);
-      }
-    }
-  }
-  subscribe(listener) {
-    if (this.#listeners.has(listener)) {
-      return () => {
-        this.#listeners.delete(listener);
-        this.#detachDefaultListeners();
-      };
-    }
-    this.#listeners.add(listener);
-    if (this.#listeners.size === 1) {
-      this.#attachDefaultListeners();
-    }
-    const current = this.getCurrentPath();
-    try {
-      listener(current);
-    } catch (error) {
-      console.warn("[tour][route-gating] listener error", error);
-    }
-    return () => {
-      this.#listeners.delete(listener);
-      this.#detachDefaultListeners();
-    };
-  }
-};
-var routeGatingChannel = new RouteGatingChannel();
-var getCurrentRoutePath = () => routeGatingChannel.getCurrentPath();
-var notifyRouteChange = (path) => {
-  routeGatingChannel.notify(path);
-};
-var subscribeToRouteChanges = (listener) => {
-  return routeGatingChannel.subscribe(listener);
-};
-var matchRoute = (params) => {
-  const { pattern, path } = params;
-  if (!pattern) return true;
-  if (typeof pattern === "string") return path === pattern;
-  return pattern.test(path);
-};
-
 // src/context.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var TourContext = (0, import_react6.createContext)(void 0);
+
+var DEVTOOLS_BRIDGE_KEY = "__FLOWSTERIX_DEVTOOLS_BRIDGE__";
+var TourContext = _react.createContext.call(void 0, void 0);
 var DEFAULT_STORAGE_PREFIX = "tour";
 var useFlowMap = (flows) => {
-  return (0, import_react6.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     const map = /* @__PURE__ */ new Map();
     for (const flow of flows) {
       map.set(flow.id, flow);
@@ -616,35 +363,35 @@ var TourProvider = ({
   labels: labelsProp,
   onVersionMismatch
 }) => {
-  const mergedLabels = (0, import_react6.useMemo)(
+  const mergedLabels = _react.useMemo.call(void 0, 
     () => ({ ...defaultLabels, ...labelsProp }),
     [labelsProp]
   );
   const flowMap = useFlowMap(flows);
-  const storeRef = (0, import_react6.useRef)(null);
-  const unsubscribeRef = (0, import_react6.useRef)(null);
-  const stepHooksUnsubscribeRef = (0, import_react6.useRef)(null);
-  const fallbackStorageRef = (0, import_react6.useRef)(void 0);
-  const pendingResumeRef = (0, import_react6.useRef)(/* @__PURE__ */ new Set());
-  const autoStartRequestedRef = (0, import_react6.useRef)(null);
-  const [activeFlowId, setActiveFlowId] = (0, import_react6.useState)(null);
-  const [state, setState] = (0, import_react6.useState)(null);
-  const [events, setEvents] = (0, import_react6.useState)(
+  const storeRef = _react.useRef.call(void 0, null);
+  const unsubscribeRef = _react.useRef.call(void 0, null);
+  const stepHooksUnsubscribeRef = _react.useRef.call(void 0, null);
+  const fallbackStorageRef = _react.useRef.call(void 0, void 0);
+  const pendingResumeRef = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
+  const autoStartRequestedRef = _react.useRef.call(void 0, null);
+  const [activeFlowId, setActiveFlowId] = _react.useState.call(void 0, null);
+  const [state, setState] = _react.useState.call(void 0, null);
+  const [events, setEvents] = _react.useState.call(void 0, 
     null
   );
-  const [debugEnabled, setDebugEnabled] = (0, import_react6.useState)(defaultDebug);
-  const [delayInfo, setDelayInfo] = (0, import_react6.useState)(null);
-  const teardownStore = (0, import_react6.useCallback)(() => {
-    unsubscribeRef.current?.();
+  const [debugEnabled, setDebugEnabled] = _react.useState.call(void 0, defaultDebug);
+  const [delayInfo, setDelayInfo] = _react.useState.call(void 0, null);
+  const teardownStore = _react.useCallback.call(void 0, () => {
+    _optionalChain([unsubscribeRef, 'access', _12 => _12.current, 'optionalCall', _13 => _13()]);
     unsubscribeRef.current = null;
-    stepHooksUnsubscribeRef.current?.();
+    _optionalChain([stepHooksUnsubscribeRef, 'access', _14 => _14.current, 'optionalCall', _15 => _15()]);
     stepHooksUnsubscribeRef.current = null;
-    storeRef.current?.destroy();
+    _optionalChain([storeRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.destroy, 'call', _18 => _18()]);
     storeRef.current = null;
     setDelayInfo(null);
     pendingResumeRef.current.clear();
   }, []);
-  (0, import_react6.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     return () => {
       teardownStore();
       setState(null);
@@ -652,7 +399,7 @@ var TourProvider = ({
       setActiveFlowId(null);
     };
   }, [teardownStore]);
-  (0, import_react6.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!activeFlowId) return;
     const definition = flowMap.get(activeFlowId);
     if (!definition) {
@@ -675,7 +422,7 @@ var TourProvider = ({
       console.warn(`[tour][step] ${phase} hook failed`, error);
     }
   };
-  const ensureStore = (0, import_react6.useCallback)(
+  const ensureStore = _react.useCallback.call(void 0, 
     (flowId) => {
       const existing = storeRef.current;
       if (existing && existing.definition.id === flowId) {
@@ -686,12 +433,12 @@ var TourProvider = ({
       if (!definition) {
         throw new Error(`Flow with id "${flowId}" is not registered.`);
       }
-      if (!storageAdapter && !fallbackStorageRef.current && isBrowser) {
-        fallbackStorageRef.current = (0, import_core.createLocalStorageAdapter)();
+      if (!storageAdapter && !fallbackStorageRef.current && _chunkD5LQLRSUcjs.isBrowser) {
+        fallbackStorageRef.current = _core.createLocalStorageAdapter.call(void 0, );
       }
-      const resolvedStorageAdapter = storageAdapter ? storageAdapter : fallbackStorageRef.current;
-      const store = (0, import_core.createFlowStore)(definition, {
-        storageAdapter: resolvedStorageAdapter,
+      const resolvedStorageAdapter2 = storageAdapter ? storageAdapter : fallbackStorageRef.current;
+      const store = _core.createFlowStore.call(void 0, definition, {
+        storageAdapter: resolvedStorageAdapter2,
         storageKey: storageNamespace ? `${storageNamespace}:${definition.id}` : void 0,
         persistOnChange,
         analytics,
@@ -734,7 +481,7 @@ var TourProvider = ({
       teardownStore
     ]
   );
-  const getActiveStore = (0, import_react6.useCallback)(() => {
+  const getActiveStore = _react.useCallback.call(void 0, () => {
     const store = storeRef.current;
     if (!store) {
       throw new Error(
@@ -746,7 +493,7 @@ var TourProvider = ({
   const isPromiseLike2 = (value) => {
     return typeof value === "object" && value !== null && typeof value.then === "function";
   };
-  const invokeStepHook = (0, import_react6.useCallback)(
+  const invokeStepHook = _react.useCallback.call(void 0, 
     async (hook, context, phase) => {
       if (!hook) return;
       try {
@@ -760,7 +507,7 @@ var TourProvider = ({
     },
     []
   );
-  const runResumeHooks = (0, import_react6.useCallback)(
+  const runResumeHooks = _react.useCallback.call(void 0, 
     async (definition, flowState, strategy) => {
       if (flowState.status !== "running") return;
       if (strategy === "current") {
@@ -800,25 +547,25 @@ var TourProvider = ({
     },
     [invokeStepHook]
   );
-  const resolveResumeStrategy = (0, import_react6.useCallback)(
+  const resolveResumeStrategy = _react.useCallback.call(void 0, 
     (definition, options) => {
-      return options?.resumeStrategy ?? definition.resumeStrategy ?? "chain";
+      return _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'optionalAccess', _19 => _19.resumeStrategy]), () => ( definition.resumeStrategy)), () => ( "chain"));
     },
     []
   );
-  const startFlow = (0, import_react6.useCallback)(
+  const startFlow = _react.useCallback.call(void 0, 
     (flowId, options) => {
       const store = ensureStore(flowId);
       const previousState = store.getState();
       setActiveFlowId(flowId);
-      if (options?.resume) {
+      if (_optionalChain([options, 'optionalAccess', _20 => _20.resume])) {
         pendingResumeRef.current.add(flowId);
       } else {
         pendingResumeRef.current.delete(flowId);
       }
       const result = store.start(options);
       const nextState = store.getState();
-      if (!options?.resume) {
+      if (!_optionalChain([options, 'optionalAccess', _21 => _21.resume])) {
         return result;
       }
       if (previousState.stepIndex >= 0 && nextState.status === "running") {
@@ -835,18 +582,18 @@ var TourProvider = ({
     },
     [ensureStore, resolveResumeStrategy, runResumeHooks]
   );
-  const [eligibleFlows, setEligibleFlows] = (0, import_react6.useState)([]);
-  (0, import_react6.useEffect)(() => {
+  const [eligibleFlows, setEligibleFlows] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
     const autoStartFlows = flows.filter((f) => f.autoStart);
     if (autoStartFlows.length === 0) {
       setEligibleFlows([]);
       return;
     }
-    if (!storageAdapter && !fallbackStorageRef.current && isBrowser) {
-      fallbackStorageRef.current = (0, import_core.createLocalStorageAdapter)();
+    if (!storageAdapter && !fallbackStorageRef.current && _chunkD5LQLRSUcjs.isBrowser) {
+      fallbackStorageRef.current = _core.createLocalStorageAdapter.call(void 0, );
     }
-    const resolvedStorageAdapter = storageAdapter ?? fallbackStorageRef.current;
-    if (!resolvedStorageAdapter) {
+    const resolvedStorageAdapter2 = _nullishCoalesce(storageAdapter, () => ( fallbackStorageRef.current));
+    if (!resolvedStorageAdapter2) {
       setEligibleFlows(
         autoStartFlows.map((flow) => ({
           flow,
@@ -863,7 +610,7 @@ var TourProvider = ({
       );
       const snapshots = await Promise.all(
         storageKeys.map(
-          (key) => (0, import_core.resolveMaybePromise)(resolvedStorageAdapter.get(key))
+          (key) => _core.resolveMaybePromise.call(void 0, resolvedStorageAdapter2.get(key))
         )
       );
       if (cancelled) return;
@@ -875,10 +622,10 @@ var TourProvider = ({
           eligible.push({ flow, resolvedState: null, stepIndex: 0 });
           continue;
         }
-        const storedVersionStr = typeof snapshot.version === "number" ? (0, import_core.serializeVersion)({ major: snapshot.version, minor: 0 }) : snapshot.version;
-        const storedVersion = (0, import_core.parseVersion)(storedVersionStr);
-        const stepIdMap = (0, import_core.buildStepIdMap)(flow);
-        const { state: resolvedState } = (0, import_core.handleVersionMismatch)({
+        const storedVersionStr = typeof snapshot.version === "number" ? _core.serializeVersion.call(void 0, { major: snapshot.version, minor: 0 }) : snapshot.version;
+        const storedVersion = _core.parseVersion.call(void 0, storedVersionStr);
+        const stepIdMap = _core.buildStepIdMap.call(void 0, flow);
+        const { state: resolvedState } = _core.handleVersionMismatch.call(void 0, {
           storedState: snapshot.value,
           storedVersion,
           definition: flow,
@@ -900,7 +647,7 @@ var TourProvider = ({
       cancelled = true;
     };
   }, [flows, storageAdapter, storageNamespace]);
-  (0, import_react6.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (eligibleFlows.length === 0) {
       autoStartRequestedRef.current = null;
       return;
@@ -909,7 +656,7 @@ var TourProvider = ({
     const findMatchingFlow = (path) => {
       for (const { flow, stepIndex } of eligibleFlows) {
         const step = flow.steps[stepIndex];
-        if (!step.route || matchRoute({ pattern: step.route, path })) {
+        if (!step.route || _chunkD5LQLRSUcjs.matchRoute.call(void 0, { pattern: step.route, path })) {
           return flow;
         }
       }
@@ -923,9 +670,9 @@ var TourProvider = ({
         startFlow(flow.id, { resume: true });
       }
     };
-    const currentPath = getCurrentRoutePath();
+    const currentPath = _chunkD5LQLRSUcjs.getCurrentRoutePath.call(void 0, );
     tryStart(currentPath);
-    const unsubscribe = subscribeToRouteChanges((path) => {
+    const unsubscribe = _chunkD5LQLRSUcjs.subscribeToRouteChanges.call(void 0, (path) => {
       tryStart(path);
     });
     return () => {
@@ -935,14 +682,14 @@ var TourProvider = ({
       }
     };
   }, [activeFlowId, eligibleFlows, startFlow]);
-  const next = (0, import_react6.useCallback)(() => getActiveStore().next(), [getActiveStore]);
-  const back = (0, import_react6.useCallback)(() => getActiveStore().back(), [getActiveStore]);
-  const goToStep = (0, import_react6.useCallback)(
+  const next = _react.useCallback.call(void 0, () => getActiveStore().next(), [getActiveStore]);
+  const back = _react.useCallback.call(void 0, () => getActiveStore().back(), [getActiveStore]);
+  const goToStep = _react.useCallback.call(void 0, 
     (step) => getActiveStore().goToStep(step),
     [getActiveStore]
   );
-  const pause = (0, import_react6.useCallback)(() => getActiveStore().pause(), [getActiveStore]);
-  const resume = (0, import_react6.useCallback)(() => {
+  const pause = _react.useCallback.call(void 0, () => getActiveStore().pause(), [getActiveStore]);
+  const resume = _react.useCallback.call(void 0, () => {
     const store = getActiveStore();
     const previousState = store.getState();
     if (previousState.status === "paused") {
@@ -960,31 +707,31 @@ var TourProvider = ({
     }
     return result;
   }, [getActiveStore, resolveResumeStrategy, runResumeHooks]);
-  const cancel = (0, import_react6.useCallback)(
+  const cancel = _react.useCallback.call(void 0, 
     (reason) => getActiveStore().cancel(reason),
     [getActiveStore]
   );
-  const complete = (0, import_react6.useCallback)(
+  const complete = _react.useCallback.call(void 0, 
     () => getActiveStore().complete(),
     [getActiveStore]
   );
-  const advanceStep = (0, import_react6.useCallback)(
+  const advanceStep = _react.useCallback.call(void 0, 
     (stepId) => getActiveStore().advanceStep(stepId),
     [getActiveStore]
   );
-  const toggleDebug = (0, import_react6.useCallback)(() => {
+  const toggleDebug = _react.useCallback.call(void 0, () => {
     setDebugEnabled((previous) => !previous);
   }, []);
-  const activeStep = (0, import_react6.useMemo)(() => {
+  const activeStep = _react.useMemo.call(void 0, () => {
     if (!state || !storeRef.current) return null;
     if (state.stepIndex < 0) return null;
-    return storeRef.current.definition.steps[state.stepIndex] ?? null;
+    return _nullishCoalesce(storeRef.current.definition.steps[state.stepIndex], () => ( null));
   }, [state]);
-  const activeDialogConfig = (0, import_react6.useMemo)(() => {
-    if (!activeStep?.dialogId || !storeRef.current) return void 0;
-    return storeRef.current.definition.dialogs?.[activeStep.dialogId];
+  const activeDialogConfig = _react.useMemo.call(void 0, () => {
+    if (!_optionalChain([activeStep, 'optionalAccess', _22 => _22.dialogId]) || !storeRef.current) return void 0;
+    return _optionalChain([storeRef, 'access', _23 => _23.current, 'access', _24 => _24.definition, 'access', _25 => _25.dialogs, 'optionalAccess', _26 => _26[activeStep.dialogId]]);
   }, [activeStep]);
-  (0, import_react6.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!activeFlowId) return;
     if (!pendingResumeRef.current.has(activeFlowId)) return;
     if (!state || state.status !== "running") return;
@@ -999,7 +746,49 @@ var TourProvider = ({
     pendingResumeRef.current.delete(activeFlowId);
     void runResumeHooks(definition, state, resumeStrategy);
   }, [activeFlowId, flowMap, resolveResumeStrategy, runResumeHooks, state]);
-  const contextValue = (0, import_react6.useMemo)(
+  const resolvedStorageAdapter = _react.useMemo.call(void 0, () => {
+    if (storageAdapter) return storageAdapter;
+    return _nullishCoalesce(fallbackStorageRef.current, () => ( null));
+  }, [storageAdapter]);
+  const getStorageKey = _react.useCallback.call(void 0, 
+    (flowId) => storageNamespace ? `${storageNamespace}:${flowId}` : `${DEFAULT_STORAGE_PREFIX}:${flowId}`,
+    [storageNamespace]
+  );
+  const getFlowState = _react.useCallback.call(void 0, 
+    async (flowId) => {
+      if (!resolvedStorageAdapter) return null;
+      const key = getStorageKey(flowId);
+      const snapshot = await _core.resolveMaybePromise.call(void 0, resolvedStorageAdapter.get(key));
+      if (!snapshot) return null;
+      return snapshot.value;
+    },
+    [resolvedStorageAdapter, getStorageKey]
+  );
+  const deleteFlowStorage = _react.useCallback.call(void 0, 
+    async (flowId) => {
+      if (!resolvedStorageAdapter) return;
+      const key = getStorageKey(flowId);
+      await _core.resolveMaybePromise.call(void 0, resolvedStorageAdapter.remove(key));
+    },
+    [resolvedStorageAdapter, getStorageKey]
+  );
+  const updateFlowStorage = _react.useCallback.call(void 0, 
+    async (flowId, newState) => {
+      if (!resolvedStorageAdapter) return;
+      const key = getStorageKey(flowId);
+      const definition = flowMap.get(flowId);
+      if (!definition) return;
+      await _core.resolveMaybePromise.call(void 0, 
+        resolvedStorageAdapter.set(key, {
+          version: newState.version,
+          value: newState,
+          updatedAt: Date.now()
+        })
+      );
+    },
+    [resolvedStorageAdapter, getStorageKey, flowMap]
+  );
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       flows: flowMap,
       activeFlowId,
@@ -1022,7 +811,10 @@ var TourProvider = ({
       delayInfo,
       setDelayInfo,
       backdropInteraction: backdropInteractionProp,
-      lockBodyScroll: lockBodyScrollProp
+      lockBodyScroll: lockBodyScrollProp,
+      getFlowState,
+      deleteFlowStorage,
+      updateFlowStorage
     }),
     [
       activeFlowId,
@@ -1046,7 +838,10 @@ var TourProvider = ({
       state,
       toggleDebug,
       backdropInteractionProp,
-      lockBodyScrollProp
+      lockBodyScrollProp,
+      getFlowState,
+      deleteFlowStorage,
+      updateFlowStorage
     ]
   );
   const resolvedAnimationAdapter = usePreferredAnimationAdapter({
@@ -1054,8 +849,71 @@ var TourProvider = ({
     reducedMotionAdapter,
     enabled: autoDetectReducedMotion
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AnimationAdapterProvider, { adapter: resolvedAnimationAdapter, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LabelsProvider, { value: mergedLabels, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogRegistryProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TourContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const devToolsContextValue = _react.useMemo.call(void 0, () => {
+    return {
+      flows: flowMap,
+      activeFlowId,
+      state,
+      storageAdapter: resolvedStorageAdapter,
+      storageNamespace: _nullishCoalesce(storageNamespace, () => ( DEFAULT_STORAGE_PREFIX)),
+      cancelFlow: (flowId) => {
+        if (activeFlowId === flowId && storeRef.current) {
+          storeRef.current.cancel();
+        }
+      },
+      deleteFlowStorage,
+      updateFlowStorage,
+      getFlowState
+    };
+  }, [
+    flowMap,
+    activeFlowId,
+    state,
+    resolvedStorageAdapter,
+    storageNamespace,
+    deleteFlowStorage,
+    updateFlowStorage,
+    getFlowState
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (typeof window === "undefined") return;
+    const bridgeValue = {
+      flows: flowMap,
+      activeFlowId,
+      state,
+      cancel: () => {
+        if (storeRef.current) {
+          storeRef.current.cancel();
+        }
+      },
+      getFlowState,
+      deleteFlowStorage,
+      updateFlowStorage
+    };
+    const w = window;
+    if (!w[DEVTOOLS_BRIDGE_KEY]) {
+      w[DEVTOOLS_BRIDGE_KEY] = { value: null, listeners: /* @__PURE__ */ new Set() };
+    }
+    const bridge = w[DEVTOOLS_BRIDGE_KEY];
+    bridge.value = bridgeValue;
+    for (const listener of bridge.listeners) {
+      listener(bridgeValue);
+    }
+  }, [flowMap, activeFlowId, state, getFlowState, deleteFlowStorage, updateFlowStorage]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      if (typeof window === "undefined") return;
+      const w = window;
+      if (w[DEVTOOLS_BRIDGE_KEY]) {
+        w[DEVTOOLS_BRIDGE_KEY].value = null;
+        for (const listener of w[DEVTOOLS_BRIDGE_KEY].listeners) {
+          listener(null);
+        }
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AnimationAdapterProvider, { adapter: resolvedAnimationAdapter, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabelsProvider, { value: mergedLabels, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogRegistryProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TourContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFCOKCGV3cjs.DevToolsContext.Provider, { value: devToolsContextValue, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       DialogAutomationBridge,
       {
         flow: activeFlowId ? flowMap.get(activeFlowId) : void 0,
@@ -1064,7 +922,7 @@ var TourProvider = ({
       }
     ),
     children
-  ] }) }) }) });
+  ] }) }) }) }) });
 };
 var DialogAutomationBridge = ({
   flow,
@@ -1088,7 +946,7 @@ var DialogAutomationBridge = ({
   return null;
 };
 var useTour = () => {
-  const context = (0, import_react6.useContext)(TourContext);
+  const context = _react.useContext.call(void 0, TourContext);
   if (!context) {
     throw new Error("useTour must be used within a TourProvider");
   }
@@ -1096,14 +954,14 @@ var useTour = () => {
 };
 var useTourEvents = (event, handler) => {
   const { events } = useTour();
-  (0, import_react6.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!events) return;
     return events.on(event, handler);
   }, [event, events, handler]);
 };
 
 // src/hooks/useTourTarget.ts
-var import_react7 = require("react");
+
 
 // src/hooks/scrollMargin.ts
 var DEFAULT_SCROLL_MARGIN = 16;
@@ -1124,10 +982,10 @@ var resolveScrollMargin = (margin, fallback = DEFAULT_SCROLL_MARGIN) => {
     };
   }
   return {
-    top: sanitize(margin?.top, fallback),
-    bottom: sanitize(margin?.bottom, fallback),
-    left: sanitize(margin?.left, fallback),
-    right: sanitize(margin?.right, fallback)
+    top: sanitize(_optionalChain([margin, 'optionalAccess', _27 => _27.top]), fallback),
+    bottom: sanitize(_optionalChain([margin, 'optionalAccess', _28 => _28.bottom]), fallback),
+    left: sanitize(_optionalChain([margin, 'optionalAccess', _29 => _29.left]), fallback),
+    right: sanitize(_optionalChain([margin, 'optionalAccess', _30 => _30.right]), fallback)
   };
 };
 
@@ -1146,8 +1004,8 @@ var createWaitForPredicateController = ({
   onChange,
   warn = defaultWarn
 }) => {
-  const hasPredicate = Boolean(waitFor?.predicate && context);
-  const hasSubscription = Boolean(waitFor?.subscribe && context);
+  const hasPredicate = Boolean(_optionalChain([waitFor, 'optionalAccess', _31 => _31.predicate]) && context);
+  const hasSubscription = Boolean(_optionalChain([waitFor, 'optionalAccess', _32 => _32.subscribe]) && context);
   let satisfied = !hasPredicate && !hasSubscription;
   let destroyed = false;
   let pollId = null;
@@ -1157,10 +1015,10 @@ var createWaitForPredicateController = ({
     const normalized = Boolean(nextValue);
     if (satisfied === normalized) return;
     satisfied = normalized;
-    onChange?.(satisfied);
+    _optionalChain([onChange, 'optionalCall', _33 => _33(satisfied)]);
   };
   const evaluate = () => {
-    if (!waitFor?.predicate || !context || destroyed) {
+    if (!_optionalChain([waitFor, 'optionalAccess', _34 => _34.predicate]) || !context || destroyed) {
       return;
     }
     const checkId = ++lastCheckId;
@@ -1189,7 +1047,7 @@ var createWaitForPredicateController = ({
     update(Boolean(result));
   };
   const attachSubscription = () => {
-    if (!waitFor?.subscribe || !context) return;
+    if (!_optionalChain([waitFor, 'optionalAccess', _35 => _35.subscribe]) || !context) return;
     try {
       const cleanup = waitFor.subscribe({
         ...context,
@@ -1213,9 +1071,9 @@ var createWaitForPredicateController = ({
     destroyed = false;
     satisfied = !hasPredicate && !hasSubscription;
     lastCheckId = 0;
-    if (waitFor?.predicate && context) {
+    if (_optionalChain([waitFor, 'optionalAccess', _36 => _36.predicate]) && context) {
       evaluate();
-      const pollMs = Math.max(0, waitFor.pollMs ?? 200);
+      const pollMs = Math.max(0, _nullishCoalesce(waitFor.pollMs, () => ( 200)));
       if (pollMs > 0) {
         pollId = window.setInterval(evaluate, pollMs);
       }
@@ -1275,7 +1133,7 @@ var computeRectSource = (rect, storedRect, isScreen) => {
   return "none";
 };
 var computeVisibilityState = (element, rect, isScreen) => {
-  if (!isBrowser) return "unknown";
+  if (!_chunkD5LQLRSUcjs.isBrowser) return "unknown";
   if (isScreen) return "visible";
   if (!element) return "missing";
   if (!document.documentElement.contains(element)) return "detached";
@@ -1291,7 +1149,7 @@ var computeVisibilityState = (element, rect, isScreen) => {
   return "visible";
 };
 var scrollContainerBy = (container, topDelta, leftDelta, behavior) => {
-  if (!isBrowser) return;
+  if (!_chunkD5LQLRSUcjs.isBrowser) return;
   if (Math.abs(topDelta) < 0.5 && Math.abs(leftDelta) < 0.5) {
     return;
   }
@@ -1300,7 +1158,7 @@ var scrollContainerBy = (container, topDelta, leftDelta, behavior) => {
     window.scrollBy({
       top: topDelta,
       left: leftDelta,
-      behavior: behavior ?? "auto"
+      behavior: _nullishCoalesce(behavior, () => ( "auto"))
     });
     return;
   }
@@ -1309,7 +1167,7 @@ var scrollContainerBy = (container, topDelta, leftDelta, behavior) => {
     elementContainer.scrollBy({
       top: topDelta,
       left: leftDelta,
-      behavior: behavior ?? "auto"
+      behavior: _nullishCoalesce(behavior, () => ( "auto"))
     });
     return;
   }
@@ -1318,8 +1176,8 @@ var scrollContainerBy = (container, topDelta, leftDelta, behavior) => {
 };
 var alignWithinViewport = (element, margin, behavior, mode) => {
   if (mode === "preserve") return;
-  const viewportRect = getViewportRect();
-  const finalRect = getClientRect(element);
+  const viewportRect = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
+  const finalRect = _chunkD5LQLRSUcjs.getClientRect.call(void 0, element);
   const availableHeight = viewportRect.height - (margin.top + margin.bottom);
   if (availableHeight <= 0) return;
   const desiredTop = mode === "center" ? margin.top + (availableHeight - finalRect.height) / 2 : margin.top;
@@ -1327,21 +1185,21 @@ var alignWithinViewport = (element, margin, behavior, mode) => {
   if (Math.abs(delta) < 0.5) return;
   window.scrollBy({
     top: delta,
-    behavior: behavior ?? "auto"
+    behavior: _nullishCoalesce(behavior, () => ( "auto"))
   });
 };
 var ensureElementInView = (element, margin, options) => {
-  const behavior = options?.behavior ?? "auto";
-  const mode = options?.mode ?? "preserve";
-  if (!isBrowser) return;
-  const scrollParents = getScrollParents(element);
+  const behavior = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _37 => _37.behavior]), () => ( "auto"));
+  const mode = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _38 => _38.mode]), () => ( "preserve"));
+  if (!_chunkD5LQLRSUcjs.isBrowser) return;
+  const scrollParents = _chunkD5LQLRSUcjs.getScrollParents.call(void 0, element);
   const rootScroller = document.scrollingElement;
   if (rootScroller && !scrollParents.includes(rootScroller)) {
     scrollParents.push(rootScroller);
   }
   for (const container of scrollParents) {
-    const containerRect = container === rootScroller || container === document.body || container === document.documentElement ? getViewportRect() : getClientRect(container);
-    const targetRect = getClientRect(element);
+    const containerRect = container === rootScroller || container === document.body || container === document.documentElement ? _chunkD5LQLRSUcjs.getViewportRect.call(void 0, ) : _chunkD5LQLRSUcjs.getClientRect.call(void 0, container);
+    const targetRect = _chunkD5LQLRSUcjs.getClientRect.call(void 0, element);
     let topDelta = 0;
     if (targetRect.top < containerRect.top + margin.top) {
       topDelta = targetRect.top - (containerRect.top + margin.top);
@@ -1358,8 +1216,8 @@ var ensureElementInView = (element, margin, options) => {
       scrollContainerBy(container, topDelta, leftDelta, behavior);
     }
   }
-  const viewportRect = getViewportRect();
-  const finalRect = getClientRect(element);
+  const viewportRect = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
+  const finalRect = _chunkD5LQLRSUcjs.getClientRect.call(void 0, element);
   let viewportTopDelta = 0;
   if (finalRect.top < viewportRect.top + margin.top) {
     viewportTopDelta = finalRect.top - (viewportRect.top + margin.top);
@@ -1382,7 +1240,7 @@ var ensureElementInView = (element, margin, options) => {
   alignWithinViewport(element, margin, behavior, mode);
 };
 var resolveStepTarget = (target) => {
-  if (!isBrowser) return null;
+  if (!_chunkD5LQLRSUcjs.isBrowser) return null;
   if (target === "screen") {
     return document.body;
   }
@@ -1392,13 +1250,13 @@ var resolveStepTarget = (target) => {
       if (node) {
         return node;
       }
-    } catch {
+    } catch (e) {
     }
   }
   if (target.selector) {
     try {
       return document.querySelector(target.selector);
-    } catch {
+    } catch (e2) {
       return null;
     }
   }
@@ -1406,14 +1264,14 @@ var resolveStepTarget = (target) => {
 };
 var useTourTarget = () => {
   const { activeStep, state, activeFlowId, flows } = useTour();
-  const [targetInfo, setTargetInfo] = (0, import_react7.useState)(INITIAL_TARGET_INFO);
-  const autoScrollStateRef = (0, import_react7.useRef)({ stepId: null, checks: 0, stalledChecks: 0, done: false, lastRect: null });
-  const autoScrollRafRef = (0, import_react7.useRef)(null);
-  const autoScrollTimeoutRef = (0, import_react7.useRef)(null);
-  const lastRectRef = (0, import_react7.useRef)(null);
-  const initialScrollStepRef = (0, import_react7.useRef)(null);
+  const [targetInfo, setTargetInfo] = _react.useState.call(void 0, INITIAL_TARGET_INFO);
+  const autoScrollStateRef = _react.useRef.call(void 0, { stepId: null, checks: 0, stalledChecks: 0, done: false, lastRect: null });
+  const autoScrollRafRef = _react.useRef.call(void 0, null);
+  const autoScrollTimeoutRef = _react.useRef.call(void 0, null);
+  const lastRectRef = _react.useRef.call(void 0, null);
+  const initialScrollStepRef = _react.useRef.call(void 0, null);
   const cancelAutoScrollLoop = () => {
-    if (!isBrowser) return;
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (autoScrollTimeoutRef.current !== null) {
       globalThis.clearTimeout(autoScrollTimeoutRef.current);
       autoScrollTimeoutRef.current = null;
@@ -1423,16 +1281,16 @@ var useTourTarget = () => {
       autoScrollRafRef.current = null;
     }
   };
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!activeStep) {
       initialScrollStepRef.current = null;
     }
     return () => {
       initialScrollStepRef.current = null;
     };
-  }, [activeStep?.id]);
-  (0, import_react7.useLayoutEffect)(() => {
-    if (!isBrowser) return;
+  }, [_optionalChain([activeStep, 'optionalAccess', _39 => _39.id])]);
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (!activeStep) return;
     if (targetInfo.status !== "ready") return;
     if (targetInfo.isScreen) return;
@@ -1442,10 +1300,10 @@ var useTourTarget = () => {
     }
     initialScrollStepRef.current = activeStep.id;
     const margin = resolveScrollMargin(
-      activeStep.targetBehavior?.scrollMargin,
+      _optionalChain([activeStep, 'access', _40 => _40.targetBehavior, 'optionalAccess', _41 => _41.scrollMargin]),
       DEFAULT_SCROLL_MARGIN
     );
-    const scrollMode = activeStep.targetBehavior?.scrollMode ?? DEFAULT_SCROLL_MODE;
+    const scrollMode = _nullishCoalesce(_optionalChain([activeStep, 'access', _42 => _42.targetBehavior, 'optionalAccess', _43 => _43.scrollMode]), () => ( DEFAULT_SCROLL_MODE));
     const hasLiveRect = targetInfo.rectSource === "live";
     const scrollBehavior = hasLiveRect ? "smooth" : "auto";
     ensureElementInView(targetInfo.element, margin, {
@@ -1453,9 +1311,9 @@ var useTourTarget = () => {
       mode: scrollMode
     });
   }, [
-    activeStep?.id,
-    activeStep?.targetBehavior?.scrollMargin,
-    activeStep?.targetBehavior?.scrollMode,
+    _optionalChain([activeStep, 'optionalAccess', _44 => _44.id]),
+    _optionalChain([activeStep, 'optionalAccess', _45 => _45.targetBehavior, 'optionalAccess', _46 => _46.scrollMargin]),
+    _optionalChain([activeStep, 'optionalAccess', _47 => _47.targetBehavior, 'optionalAccess', _48 => _48.scrollMode]),
     targetInfo.rect,
     targetInfo.lastResolvedRect,
     targetInfo.element,
@@ -1463,7 +1321,7 @@ var useTourTarget = () => {
     targetInfo.status,
     targetInfo.rectSource
   ]);
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!activeStep || !state || state.status !== "running") {
       setTargetInfo(INITIAL_TARGET_INFO);
       autoScrollStateRef.current = {
@@ -1476,8 +1334,8 @@ var useTourTarget = () => {
       cancelAutoScrollLoop();
       return;
     }
-    if (!isBrowser) {
-      const storedRect = lastResolvedRectByStep.get(activeStep.id) ?? null;
+    if (!_chunkD5LQLRSUcjs.isBrowser) {
+      const storedRect = _nullishCoalesce(lastResolvedRectByStep.get(activeStep.id), () => ( null));
       setTargetInfo({
         element: null,
         rect: null,
@@ -1492,12 +1350,12 @@ var useTourTarget = () => {
       return;
     }
     const currentStep = activeStep;
-    const activeFlow = activeFlowId ? flows.get(activeFlowId) ?? null : null;
+    const activeFlow = activeFlowId ? _nullishCoalesce(flows.get(activeFlowId), () => ( null)) : null;
     const isScreen = currentStep.target === "screen";
-    const waitForSelectorRaw = currentStep.waitFor?.selector;
+    const waitForSelectorRaw = _optionalChain([currentStep, 'access', _49 => _49.waitFor, 'optionalAccess', _50 => _50.selector]);
     const waitForSelector = typeof waitForSelectorRaw === "string" ? waitForSelectorRaw.trim() : void 0;
     const hasWaitForSelector = Boolean(waitForSelector);
-    const waitForTimeout = Math.max(0, currentStep.waitFor?.timeout ?? 8e3);
+    const waitForTimeout = Math.max(0, _nullishCoalesce(_optionalChain([currentStep, 'access', _51 => _51.waitFor, 'optionalAccess', _52 => _52.timeout]), () => ( 8e3)));
     const waitContext = activeFlow ? {
       flow: activeFlow,
       state,
@@ -1559,12 +1417,12 @@ var useTourTarget = () => {
     };
     const isWaitForSatisfied = () => {
       const selectorReady = !hasWaitForSelector || isWaitForSelectorSatisfied();
-      const predicateReady = waitForPredicateController?.isSatisfied() ?? true;
+      const predicateReady = _nullishCoalesce(_optionalChain([waitForPredicateController, 'optionalAccess', _53 => _53.isSatisfied, 'call', _54 => _54()]), () => ( true));
       return selectorReady && predicateReady;
     };
     function updateTargetState(status, rectOverride) {
       if (cancelled) return;
-      const rect = typeof rectOverride !== "undefined" ? rectOverride : isScreen ? getViewportRect() : element ? getClientRect(element) : null;
+      const rect = typeof rectOverride !== "undefined" ? rectOverride : isScreen ? _chunkD5LQLRSUcjs.getViewportRect.call(void 0, ) : element ? _chunkD5LQLRSUcjs.getClientRect.call(void 0, element) : null;
       if (status === "ready" && hasWaitForSelector && waitForStartedAt === null) {
         waitForStartedAt = Date.now();
       }
@@ -1586,7 +1444,7 @@ var useTourTarget = () => {
       if (waitConditionMet) {
         clearWaitForPoll();
       }
-      const storedRect = lastResolvedRectByStep.get(currentStep.id) ?? null;
+      const storedRect = _nullishCoalesce(lastResolvedRectByStep.get(currentStep.id), () => ( null));
       const shouldUpdate = !hasEmitted || rectChanged(rect) || lastStatus !== nextStatus || element !== lastElement;
       if (!shouldUpdate) {
         return;
@@ -1594,16 +1452,16 @@ var useTourTarget = () => {
       lastRectRef.current = rect ? { ...rect } : null;
       lastStatus = nextStatus;
       hasEmitted = true;
-      lastElement = element ?? null;
+      lastElement = _nullishCoalesce(element, () => ( null));
       const shouldPersistRect = nextStatus === "ready" && !isScreen && rectHasMeaningfulSize(rect);
       if (shouldPersistRect && rect) {
         lastResolvedRectByStep.set(currentStep.id, { ...rect });
       }
       const lastResolvedRect = shouldPersistRect && rect ? { ...rect } : storedRect ? { ...storedRect } : null;
-      const visibility = computeVisibilityState(element ?? null, rect, isScreen);
+      const visibility = computeVisibilityState(_nullishCoalesce(element, () => ( null)), rect, isScreen);
       const rectSource = computeRectSource(rect, lastResolvedRect, isScreen);
       setTargetInfo({
-        element: element ?? null,
+        element: _nullishCoalesce(element, () => ( null)),
         rect,
         lastResolvedRect,
         isScreen,
@@ -1632,14 +1490,14 @@ var useTourTarget = () => {
       }
     }
     function startRafMonitor() {
-      if (isScreen || !isBrowser) return;
+      if (isScreen || !_chunkD5LQLRSUcjs.isBrowser) return;
       stopRaf();
       const tick = () => {
         if (cancelled) return;
         if (!element) {
           updateTargetState("resolving", null);
         } else {
-          const rect = getClientRect(element);
+          const rect = _chunkD5LQLRSUcjs.getClientRect.call(void 0, element);
           if (rectChanged(rect)) {
             updateTargetState("ready", rect);
           }
@@ -1681,14 +1539,14 @@ var useTourTarget = () => {
           window.visualViewport.addEventListener("resize", onViewportChange);
           window.visualViewport.addEventListener("scroll", onViewportChange);
           cleanupFns.push(() => {
-            window.visualViewport?.removeEventListener(
+            _optionalChain([window, 'access', _55 => _55.visualViewport, 'optionalAccess', _56 => _56.removeEventListener, 'call', _57 => _57(
               "resize",
               onViewportChange
-            );
-            window.visualViewport?.removeEventListener(
+            )]);
+            _optionalChain([window, 'access', _58 => _58.visualViewport, 'optionalAccess', _59 => _59.removeEventListener, 'call', _60 => _60(
               "scroll",
               onViewportChange
-            );
+            )]);
           });
         }
       } else if (element) {
@@ -1704,7 +1562,7 @@ var useTourTarget = () => {
           window.removeEventListener("scroll", onReposition, true);
         });
         const onAncestorScroll = () => commitInfo("ready");
-        scrollParents = getScrollParents(element);
+        scrollParents = _chunkD5LQLRSUcjs.getScrollParents.call(void 0, element);
         if (scrollParents.length > 0) {
           scrollParents.forEach(
             (parent) => parent.addEventListener("scroll", onAncestorScroll, {
@@ -1735,7 +1593,7 @@ var useTourTarget = () => {
             subtree: true
           });
           cleanupFns.push(() => {
-            mutationObserver?.disconnect();
+            _optionalChain([mutationObserver, 'optionalAccess', _61 => _61.disconnect, 'call', _62 => _62()]);
             mutationObserver = null;
           });
         }
@@ -1782,12 +1640,12 @@ var useTourTarget = () => {
       clearResolvePolling();
       clearWaitForPoll();
       resetObservers();
-      waitForPredicateController?.stop();
+      _optionalChain([waitForPredicateController, 'optionalAccess', _63 => _63.stop, 'call', _64 => _64()]);
       waitForPredicateController = null;
     };
   }, [activeStep, activeFlowId, flows, state]);
-  (0, import_react7.useEffect)(() => {
-    if (!isBrowser) return;
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (!activeStep) {
       cancelAutoScrollLoop();
       return;
@@ -1817,16 +1675,16 @@ var useTourTarget = () => {
       return;
     }
     const { element } = targetInfo;
-    const scrollMode = activeStep.targetBehavior?.scrollMode ?? "center";
+    const scrollMode = _nullishCoalesce(_optionalChain([activeStep, 'access', _65 => _65.targetBehavior, 'optionalAccess', _66 => _66.scrollMode]), () => ( "center"));
     const runCheck = () => {
       autoScrollRafRef.current = null;
-      if (!isBrowser) return;
+      if (!_chunkD5LQLRSUcjs.isBrowser) return;
       if (autoState.stepId !== activeStep.id) return;
       if (!element.isConnected) return;
-      const rect = getClientRect(element);
-      const viewport = getViewportRect();
+      const rect = _chunkD5LQLRSUcjs.getClientRect.call(void 0, element);
+      const viewport = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
       const margin = resolveScrollMargin(
-        activeStep.targetBehavior?.scrollMargin,
+        _optionalChain([activeStep, 'access', _67 => _67.targetBehavior, 'optionalAccess', _68 => _68.scrollMargin]),
         DEFAULT_SCROLL_MARGIN
       );
       const fitsHeight = rect.height <= viewport.height - (margin.top + margin.bottom);
@@ -1862,23 +1720,23 @@ var useTourTarget = () => {
     cancelAutoScrollLoop();
     autoScrollRafRef.current = window.requestAnimationFrame(runCheck);
     return cancelAutoScrollLoop;
-  }, [activeStep, activeStep?.targetBehavior?.scrollMode, targetInfo]);
+  }, [activeStep, _optionalChain([activeStep, 'optionalAccess', _69 => _69.targetBehavior, 'optionalAccess', _70 => _70.scrollMode]), targetInfo]);
   return targetInfo;
 };
 
 // src/hooks/useHudState.ts
-var import_react12 = require("react");
+
 
 // src/hooks/useAdvanceRules.ts
-var import_react8 = require("react");
-var DEFAULT_POLL_MS2 = 250;
+
+var DEFAULT_POLL_MS = 250;
 var isListenerTarget = (value) => {
   return !!value && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function";
 };
 var resolveEventTarget = (rule, target) => {
-  if (!isBrowser) return null;
+  if (!_chunkD5LQLRSUcjs.isBrowser) return null;
   if (!rule.on || rule.on === "target") {
-    return target.element ?? null;
+    return _nullishCoalesce(target.element, () => ( null));
   }
   if (rule.on === "window") {
     return window;
@@ -1888,7 +1746,7 @@ var resolveEventTarget = (rule, target) => {
   }
   try {
     return document.querySelector(rule.on);
-  } catch {
+  } catch (e3) {
     return null;
   }
 };
@@ -1909,8 +1767,8 @@ var useAdvanceRules = (target) => {
     complete,
     setDelayInfo
   } = useTour();
-  (0, import_react8.useEffect)(() => {
-    if (!isBrowser) return;
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (!state || state.status !== "running") return;
     if (!activeStep) return;
     const definition = activeFlowId ? flows.get(activeFlowId) : void 0;
@@ -1924,7 +1782,7 @@ var useAdvanceRules = (target) => {
       while (cleanupFns.length > 0) {
         const dispose = cleanupFns.pop();
         try {
-          dispose?.();
+          _optionalChain([dispose, 'optionalCall', _71 => _71()]);
         } catch (error) {
           console.warn("[tour][advance] cleanup failed", error);
         }
@@ -2010,7 +1868,7 @@ var useAdvanceRules = (target) => {
           break;
         }
         case "predicate": {
-          const pollMs = Math.max(50, rule.pollMs ?? DEFAULT_POLL_MS2);
+          const pollMs = Math.max(50, _nullishCoalesce(rule.pollMs, () => ( DEFAULT_POLL_MS)));
           const timeoutMs = rule.timeoutMs;
           const executeCheck = () => {
             if (resolved) return;
@@ -2043,12 +1901,12 @@ var useAdvanceRules = (target) => {
               finish();
             }
           };
-          const initialPath = getCurrentRoutePath();
+          const initialPath = _chunkD5LQLRSUcjs.getCurrentRoutePath.call(void 0, );
           checkRoute(initialPath);
           if (hasResolved()) {
             break;
           }
-          const unsubscribe = subscribeToRouteChanges((path) => {
+          const unsubscribe = _chunkD5LQLRSUcjs.subscribeToRouteChanges.call(void 0, (path) => {
             checkRoute(path);
           });
           addCleanup(unsubscribe);
@@ -2080,7 +1938,7 @@ var useAdvanceRules = (target) => {
 };
 
 // src/hooks/useHiddenTargetFallback.ts
-var import_react9 = require("react");
+
 var DEFAULT_DELAY_MS = 900;
 var DEFAULT_GRACE_PERIOD_MS = 400;
 var useHiddenTargetFallback = ({
@@ -2089,15 +1947,15 @@ var useHiddenTargetFallback = ({
   viewportRect,
   onSkip
 }) => {
-  const [usingScreenFallback, setUsingScreenFallback] = (0, import_react9.useState)(false);
-  const [isInGracePeriod, setIsInGracePeriod] = (0, import_react9.useState)(false);
-  const timeoutRef = (0, import_react9.useRef)(null);
-  const graceTimeoutRef = (0, import_react9.useRef)(null);
-  const skipTriggeredRef = (0, import_react9.useRef)(false);
-  const hiddenMode = step?.targetBehavior?.hidden ?? "screen";
+  const [usingScreenFallback, setUsingScreenFallback] = _react.useState.call(void 0, false);
+  const [isInGracePeriod, setIsInGracePeriod] = _react.useState.call(void 0, false);
+  const timeoutRef = _react.useRef.call(void 0, null);
+  const graceTimeoutRef = _react.useRef.call(void 0, null);
+  const skipTriggeredRef = _react.useRef.call(void 0, false);
+  const hiddenMode = _nullishCoalesce(_optionalChain([step, 'optionalAccess', _72 => _72.targetBehavior, 'optionalAccess', _73 => _73.hidden]), () => ( "screen"));
   const hiddenDelayMs = Math.max(
     0,
-    step?.targetBehavior?.hiddenDelayMs ?? DEFAULT_DELAY_MS
+    _nullishCoalesce(_optionalChain([step, 'optionalAccess', _74 => _74.targetBehavior, 'optionalAccess', _75 => _75.hiddenDelayMs]), () => ( DEFAULT_DELAY_MS))
   );
   const clearPendingTimeout = () => {
     if (timeoutRef.current !== null) {
@@ -2111,19 +1969,21 @@ var useHiddenTargetFallback = ({
       graceTimeoutRef.current = null;
     }
   };
-  (0, import_react9.useEffect)(() => {
+  const stepChangeTimeRef = _react.useRef.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    stepChangeTimeRef.current = Date.now();
     skipTriggeredRef.current = false;
     setUsingScreenFallback(false);
-    setIsInGracePeriod(false);
+    setIsInGracePeriod(true);
     clearPendingTimeout();
     clearGraceTimeout();
     return () => {
       clearPendingTimeout();
       clearGraceTimeout();
     };
-  }, [step?.id]);
-  (0, import_react9.useEffect)(() => {
-    if (!isBrowser) return void 0;
+  }, [_optionalChain([step, 'optionalAccess', _76 => _76.id])]);
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return void 0;
     if (!step) return void 0;
     clearPendingTimeout();
     clearGraceTimeout();
@@ -2131,11 +1991,22 @@ var useHiddenTargetFallback = ({
     const isMissingWithNoRect = target.visibility === "missing" && target.status === "resolving" && target.rect === null && target.lastResolvedRect === null;
     const isMissingAfterNavigation = target.visibility === "missing" && target.status === "resolving" && target.rect === null;
     const shouldHandleHiddenTarget = !target.isScreen && (isHiddenOrDetached || isMissingWithNoRect || isMissingAfterNavigation);
-    if (!shouldHandleHiddenTarget) {
+    const timeSinceStepChange = Date.now() - stepChangeTimeRef.current;
+    const MIN_GRACE_AFTER_STEP_CHANGE = 300;
+    if (!shouldHandleHiddenTarget && target.visibility !== "unknown") {
+      if (timeSinceStepChange < MIN_GRACE_AFTER_STEP_CHANGE) {
+        graceTimeoutRef.current = globalThis.setTimeout(() => {
+          setIsInGracePeriod(false);
+        }, MIN_GRACE_AFTER_STEP_CHANGE - timeSinceStepChange);
+        return void 0;
+      }
       setUsingScreenFallback(false);
       setIsInGracePeriod(false);
       return void 0;
     }
+    if (target.visibility === "unknown") {
+      return void 0;
+    }
     setIsInGracePeriod(true);
     if (hiddenMode !== "screen") {
       setUsingScreenFallback(false);
@@ -2168,7 +2039,7 @@ var useHiddenTargetFallback = ({
     hiddenDelayMs,
     onSkip
   ]);
-  const resolvedTarget = (0, import_react9.useMemo)(() => {
+  const resolvedTarget = _react.useMemo.call(void 0, () => {
     if (!usingScreenFallback) {
       return target;
     }
@@ -2190,61 +2061,16 @@ var useHiddenTargetFallback = ({
 };
 
 // src/hooks/useRouteMismatch.ts
-var import_react10 = require("react");
-
-// src/router/utils.ts
-var ensurePrefix = (value, prefix) => value.startsWith(prefix) ? value : `${prefix}${value}`;
-var isNonEmptyString = (value) => typeof value === "string" && value.length > 0;
-var toSearchString = (value) => {
-  if (!isNonEmptyString(value)) {
-    if (value instanceof URLSearchParams) {
-      const serialized = value.toString();
-      return serialized.length > 0 ? `?${serialized}` : "";
-    }
-    if (typeof value === "object" && value !== null) {
-      try {
-        const params = new URLSearchParams();
-        for (const [key, raw] of Object.entries(
-          value
-        )) {
-          if (raw === void 0 || raw === null) continue;
-          params.set(key, String(raw));
-        }
-        const serialized = params.toString();
-        return serialized.length > 0 ? `?${serialized}` : "";
-      } catch {
-        return "";
-      }
-    }
-    return "";
-  }
-  if (value === "?") return "";
-  return value.startsWith("?") ? value : ensurePrefix(value, "?");
-};
-var toHashString = (value) => {
-  if (!isNonEmptyString(value)) {
-    return "";
-  }
-  if (value === "#") return "";
-  return value.startsWith("#") ? value : ensurePrefix(value, "#");
-};
-var createPathString = (pathname, search, hash) => {
-  const normalizedPath = isNonEmptyString(pathname) ? pathname.startsWith("/") ? pathname : `/${pathname}` : "/";
-  const searchPart = toSearchString(search);
-  const hashPart = toHashString(hash);
-  return `${normalizedPath}${searchPart}${hashPart}`;
-};
 
-// src/hooks/useRouteMismatch.ts
 var useRouteMismatch = (step) => {
-  const [currentPath, setCurrentPath] = (0, import_react10.useState)(() => getCurrentRoutePath());
-  (0, import_react10.useEffect)(() => {
-    return subscribeToRouteChanges((path) => {
+  const [currentPath, setCurrentPath] = _react.useState.call(void 0, () => _chunkD5LQLRSUcjs.getCurrentRoutePath.call(void 0, ));
+  _react.useEffect.call(void 0, () => {
+    return _chunkD5LQLRSUcjs.subscribeToRouteChanges.call(void 0, (path) => {
       setCurrentPath(path);
     });
   }, []);
-  const expectedRoute = step?.route;
-  const isRouteMismatch = step !== null && expectedRoute !== void 0 && !matchRoute({ pattern: expectedRoute, path: currentPath });
+  const expectedRoute = _optionalChain([step, 'optionalAccess', _77 => _77.route]);
+  const isRouteMismatch = step !== null && expectedRoute !== void 0 && !_chunkD5LQLRSUcjs.matchRoute.call(void 0, { pattern: expectedRoute, path: currentPath });
   return {
     isRouteMismatch,
     currentPath,
@@ -2253,17 +2079,17 @@ var useRouteMismatch = (step) => {
 };
 
 // src/hooks/useViewportRect.ts
-var import_react11 = require("react");
+
 var useViewportRect = () => {
-  const [viewport, setViewport] = (0, import_react11.useState)(
-    () => getViewportRect()
+  const [viewport, setViewport] = _react.useState.call(void 0, 
+    () => _chunkD5LQLRSUcjs.getViewportRect.call(void 0, )
   );
-  const rafRef = (0, import_react11.useRef)(null);
-  (0, import_react11.useEffect)(() => {
-    if (!isBrowser) return;
+  const rafRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     const updateViewport = () => {
       rafRef.current = null;
-      setViewport(getViewportRect());
+      setViewport(_chunkD5LQLRSUcjs.getViewportRect.call(void 0, ));
     };
     const scheduleUpdate = () => {
       if (rafRef.current !== null) return;
@@ -2278,8 +2104,8 @@ var useViewportRect = () => {
     addListener(window, "resize", scheduleUpdate);
     addListener(window, "orientationchange", scheduleUpdate);
     addListener(window, "scroll", scheduleUpdate);
-    addListener(window.visualViewport ?? null, "resize", scheduleUpdate);
-    addListener(window.visualViewport ?? null, "scroll", scheduleUpdate);
+    addListener(_nullishCoalesce(window.visualViewport, () => ( null)), "resize", scheduleUpdate);
+    addListener(_nullishCoalesce(window.visualViewport, () => ( null)), "scroll", scheduleUpdate);
     return () => {
       listeners.forEach(
         ({ target, type, handler }) => target.removeEventListener(type, handler)
@@ -2301,28 +2127,28 @@ var normalizeFlowFilter = (value) => {
 };
 var useHudState = (options = {}) => {
   const { flowId } = options;
-  const flowFilter = (0, import_react12.useMemo)(() => normalizeFlowFilter(flowId), [flowId]);
+  const flowFilter = _react.useMemo.call(void 0, () => normalizeFlowFilter(flowId), [flowId]);
   const { state, activeStep, activeFlowId, flows, next, complete, pause, resume } = useTour();
   const target = useTourTarget();
   const viewportRect = useViewportRect();
   useAdvanceRules(target);
-  const matchesFlowFilter = (0, import_react12.useMemo)(() => {
+  const matchesFlowFilter = _react.useMemo.call(void 0, () => {
     if (!flowFilter || flowFilter.length === 0) return true;
     if (!activeFlowId) return false;
     return flowFilter.includes(activeFlowId);
   }, [activeFlowId, flowFilter]);
-  const isRunning = state?.status === "running";
+  const isRunning = _optionalChain([state, 'optionalAccess', _78 => _78.status]) === "running";
   const runningState = isRunning && matchesFlowFilter ? state : null;
   const runningStep = runningState && activeStep ? activeStep : null;
-  const [shouldRender, setShouldRender] = (0, import_react12.useState)(
+  const [shouldRender, setShouldRender] = _react.useState.call(void 0, 
     Boolean(runningStep)
   );
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (runningStep) {
       setShouldRender(true);
     }
-  }, [runningStep?.id]);
-  (0, import_react12.useEffect)(() => {
+  }, [_optionalChain([runningStep, 'optionalAccess', _79 => _79.id])]);
+  _react.useEffect.call(void 0, () => {
     if (!shouldRender) return;
     if (runningStep) return;
     if (target.status !== "idle") return;
@@ -2334,19 +2160,19 @@ var useHudState = (options = {}) => {
     };
   }, [runningStep, shouldRender, target.status]);
   const { isRouteMismatch, currentPath } = useRouteMismatch(activeStep);
-  const pausedForMissingTargetRef = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const pausedForMissingTargetRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (!isRouteMismatch) return;
     if (!runningState || runningState.status !== "running") return;
     pause();
   }, [isRouteMismatch, runningState, pause]);
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isRouteMismatch) return;
     if (pausedForMissingTargetRef.current !== null) return;
     if (!state || state.status !== "paused") return;
     resume();
   }, [isRouteMismatch, state, resume]);
-  const skipHiddenStep = (0, import_react12.useCallback)(() => {
+  const skipHiddenStep = _react.useCallback.call(void 0, () => {
     if (!runningState || runningState.status !== "running") return;
     if (!activeFlowId) return;
     const flow = flows.get(activeFlowId);
@@ -2364,9 +2190,9 @@ var useHudState = (options = {}) => {
     viewportRect,
     onSkip: skipHiddenStep
   });
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isRouteMismatch) return;
-    if (activeStep?.route !== void 0) return;
+    if (_optionalChain([activeStep, 'optionalAccess', _80 => _80.route]) !== void 0) return;
     if (isInGracePeriod) return;
     if (target.visibility !== "missing") return;
     if (target.isScreen) return;
@@ -2375,7 +2201,7 @@ var useHudState = (options = {}) => {
     pause();
   }, [
     isRouteMismatch,
-    activeStep?.route,
+    _optionalChain([activeStep, 'optionalAccess', _81 => _81.route]),
     isInGracePeriod,
     target.visibility,
     target.isScreen,
@@ -2383,20 +2209,20 @@ var useHudState = (options = {}) => {
     currentPath,
     pause
   ]);
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (pausedForMissingTargetRef.current === null) return;
     if (!state || state.status !== "paused") return;
     if (currentPath === pausedForMissingTargetRef.current) return;
     pausedForMissingTargetRef.current = null;
     resume();
   }, [currentPath, state, resume]);
-  (0, import_react12.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     pausedForMissingTargetRef.current = null;
-  }, [activeStep?.id]);
+  }, [_optionalChain([activeStep, 'optionalAccess', _82 => _82.id])]);
   const canRenderStep = Boolean(runningStep && runningState);
   const focusTrapActive = canRenderStep;
-  const flowHudOptions = matchesFlowFilter && activeFlowId ? flows.get(activeFlowId)?.hud ?? null : null;
-  const hudRenderMode = flowHudOptions?.render ?? "default";
+  const flowHudOptions = matchesFlowFilter && activeFlowId ? _nullishCoalesce(_optionalChain([flows, 'access', _83 => _83.get, 'call', _84 => _84(activeFlowId), 'optionalAccess', _85 => _85.hud]), () => ( null)) : null;
+  const hudRenderMode = _nullishCoalesce(_optionalChain([flowHudOptions, 'optionalAccess', _86 => _86.render]), () => ( "default"));
   return {
     state,
     runningState,
@@ -2415,24 +2241,24 @@ var useHudState = (options = {}) => {
 };
 
 // src/hooks/useHudDescription.ts
-var import_react13 = require("react");
+
 var sanitizeForId = (value) => {
   const normalized = value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
   return normalized.length > 0 ? normalized : "step";
 };
 var useHudDescription = (options) => {
   const { step, fallbackAriaDescribedBy } = options;
-  const targetDescription = (0, import_react13.useMemo)(() => {
+  const targetDescription = _react.useMemo.call(void 0, () => {
     if (!step) return null;
     if (typeof step.target !== "object") return null;
     const description = step.target.description;
     return typeof description === "string" ? description : null;
   }, [step]);
-  const descriptionId = (0, import_react13.useMemo)(() => {
+  const descriptionId = _react.useMemo.call(void 0, () => {
     if (!step || !targetDescription) return void 0;
     return `tour-step-${sanitizeForId(step.id)}-description`;
   }, [step, targetDescription]);
-  const combinedAriaDescribedBy = (0, import_react13.useMemo)(() => {
+  const combinedAriaDescribedBy = _react.useMemo.call(void 0, () => {
     const parts = [fallbackAriaDescribedBy, descriptionId].filter(Boolean);
     return parts.length > 0 ? parts.join(" ") : void 0;
   }, [descriptionId, fallbackAriaDescribedBy]);
@@ -2444,10 +2270,10 @@ var useHudDescription = (options) => {
 };
 
 // src/hooks/useHudShortcuts.ts
-var import_react15 = require("react");
+
 
 // src/hooks/useTourControls.ts
-var import_react14 = require("react");
+
 var hasManualAdvance = (rules) => rules.some((rule) => rule.type === "manual");
 var didPreviousAdvanceViaRoute = (rules) => rules.some((rule) => rule.type === "route");
 var useTourControls = () => {
@@ -2462,7 +2288,7 @@ var useTourControls = () => {
     flows,
     activeStep
   } = tour;
-  const computed = (0, import_react14.useMemo)(() => {
+  const computed = _react.useMemo.call(void 0, () => {
     if (!state || state.status !== "running" || !activeStep) {
       return {
         isActive: false,
@@ -2475,16 +2301,16 @@ var useTourControls = () => {
       };
     }
     const definition = activeFlowId ? flows.get(activeFlowId) : null;
-    const totalSteps = definition?.steps.length ?? 0;
+    const totalSteps = _nullishCoalesce(_optionalChain([definition, 'optionalAccess', _87 => _87.steps, 'access', _88 => _88.length]), () => ( 0));
     const stepIndex = state.stepIndex;
     const isFirst2 = stepIndex <= 0;
     const isLast2 = totalSteps > 0 && stepIndex >= totalSteps - 1;
     const previousStep = !definition || stepIndex <= 0 ? null : definition.steps[stepIndex - 1];
-    const advanceRules = activeStep.advance ?? [];
+    const advanceRules = _nullishCoalesce(activeStep.advance, () => ( []));
     const hasAdvanceRules = advanceRules.length > 0;
-    const previousAdvanceRules = previousStep?.advance ?? [];
-    const backControlState = activeStep.controls?.back ?? "auto";
-    const nextControlState = activeStep.controls?.next ?? "auto";
+    const previousAdvanceRules = _nullishCoalesce(_optionalChain([previousStep, 'optionalAccess', _89 => _89.advance]), () => ( []));
+    const backControlState = _nullishCoalesce(_optionalChain([activeStep, 'access', _90 => _90.controls, 'optionalAccess', _91 => _91.back]), () => ( "auto"));
+    const nextControlState = _nullishCoalesce(_optionalChain([activeStep, 'access', _92 => _92.controls, 'optionalAccess', _93 => _93.next]), () => ( "auto"));
     const showBackButton2 = backControlState !== "hidden" && !isFirst2 && !didPreviousAdvanceViaRoute(previousAdvanceRules);
     const backDisabled2 = backControlState === "disabled";
     const manualAdvancePresent = hasManualAdvance(advanceRules);
@@ -2511,11 +2337,11 @@ var useTourControls = () => {
   } = computed;
   const canGoBack = showBackButton && !backDisabled;
   const canGoNext = showNextButton && !nextDisabled;
-  const goBack = (0, import_react14.useCallback)(() => {
+  const goBack = _react.useCallback.call(void 0, () => {
     if (!canGoBack) return;
     back();
   }, [back, canGoBack]);
-  const goNext = (0, import_react14.useCallback)(() => {
+  const goNext = _react.useCallback.call(void 0, () => {
     if (!canGoNext) return;
     if (isLast) {
       complete();
@@ -2523,7 +2349,7 @@ var useTourControls = () => {
       next();
     }
   }, [canGoNext, complete, isLast, next]);
-  return (0, import_react14.useMemo)(
+  return _react.useMemo.call(void 0, 
     () => ({
       showBackButton,
       backDisabled,
@@ -2564,12 +2390,12 @@ var isInteractiveElement = (node) => {
   return Boolean(node.closest(interactiveSelector));
 };
 var useHudShortcuts = (target, options) => {
-  const enabled = options?.enabled ?? true;
-  const escapeEnabled = options?.escape ?? true;
+  const enabled = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _94 => _94.enabled]), () => ( true));
+  const escapeEnabled = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _95 => _95.escape]), () => ( true));
   const { state } = useTour();
   const { cancel, canGoBack, goBack, canGoNext, goNext, isActive } = useTourControls();
-  (0, import_react15.useEffect)(() => {
-    if (!isBrowser) return void 0;
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return void 0;
     if (!enabled) return void 0;
     if (!target) return void 0;
     if (!state || state.status !== "running") return void 0;
@@ -2632,14 +2458,14 @@ var useHudShortcuts = (target, options) => {
 };
 
 // src/hooks/useTourHud.ts
-var import_react18 = require("react");
+
 
 // src/hooks/useBodyScrollLock.ts
-var import_react16 = require("react");
+
 var lockCount = 0;
 var previousOverflow = null;
 var acquireLock = () => {
-  if (!isBrowser) return;
+  if (!_chunkD5LQLRSUcjs.isBrowser) return;
   if (lockCount === 0) {
     previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -2647,16 +2473,16 @@ var acquireLock = () => {
   lockCount += 1;
 };
 var releaseLock = () => {
-  if (!isBrowser) return;
+  if (!_chunkD5LQLRSUcjs.isBrowser) return;
   if (lockCount === 0) return;
   lockCount -= 1;
   if (lockCount === 0) {
-    document.body.style.overflow = previousOverflow ?? "";
+    document.body.style.overflow = _nullishCoalesce(previousOverflow, () => ( ""));
     previousOverflow = null;
   }
 };
 var useBodyScrollLock = (enabled) => {
-  (0, import_react16.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!enabled) return;
     acquireLock();
     return () => {
@@ -2666,7 +2492,7 @@ var useBodyScrollLock = (enabled) => {
 };
 
 // src/hooks/useHudTargetIssue.ts
-var import_react17 = require("react");
+
 var deriveTargetIssue = (params) => {
   const { target, labels } = params;
   if (target.isScreen) return null;
@@ -2698,18 +2524,18 @@ var deriveTargetIssue = (params) => {
 };
 var useHudTargetIssue = (target, options) => {
   const labels = useTourLabels();
-  const delayMs = Math.max(0, options?.delayMs ?? 500);
-  const [armed, setArmed] = (0, import_react17.useState)(false);
-  const rawIssue = (0, import_react17.useMemo)(
+  const delayMs = Math.max(0, _nullishCoalesce(_optionalChain([options, 'optionalAccess', _96 => _96.delayMs]), () => ( 500)));
+  const [armed, setArmed] = _react.useState.call(void 0, false);
+  const rawIssue = _react.useMemo.call(void 0, 
     () => deriveTargetIssue({ target, labels }),
     [target.isScreen, target.rectSource, target.status, target.visibility, labels]
   );
-  (0, import_react17.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!rawIssue) {
       setArmed(false);
       return;
     }
-    if (!isBrowser) {
+    if (!_chunkD5LQLRSUcjs.isBrowser) {
       setArmed(true);
       return;
     }
@@ -2718,7 +2544,7 @@ var useHudTargetIssue = (target, options) => {
       setArmed(false);
       globalThis.clearTimeout(timeoutId);
     };
-  }, [delayMs, rawIssue?.type]);
+  }, [delayMs, _optionalChain([rawIssue, 'optionalAccess', _97 => _97.type])]);
   return {
     issue: armed ? rawIssue : null,
     rawIssue
@@ -2734,24 +2560,24 @@ var useTourHud = (options = {}) => {
     overlayRadius,
     bodyScrollLock = DEFAULT_BODY_SCROLL_LOCK
   } = options;
-  const shortcuts = options.shortcuts ?? DEFAULT_SHORTCUTS;
+  const shortcuts = _nullishCoalesce(options.shortcuts, () => ( DEFAULT_SHORTCUTS));
   const { backdropInteraction, lockBodyScroll } = useTour();
   const hudState = useHudState();
   const disableDefaultHud = hudState.hudRenderMode === "none";
-  const [popoverNode, setPopoverNode] = (0, import_react18.useState)(null);
-  const popoverOptions = hudState.flowHudOptions?.popover;
+  const [popoverNode, setPopoverNode] = _react.useState.call(void 0, null);
+  const popoverOptions = _optionalChain([hudState, 'access', _98 => _98.flowHudOptions, 'optionalAccess', _99 => _99.popover]);
   const description = useHudDescription({
     step: hudState.runningStep,
-    fallbackAriaDescribedBy: popoverOptions?.ariaDescribedBy
+    fallbackAriaDescribedBy: _optionalChain([popoverOptions, 'optionalAccess', _100 => _100.ariaDescribedBy])
   });
   const targetIssue = useHudTargetIssue(hudState.hudTarget);
   const shouldLockBodyScroll = Boolean(
-    bodyScrollLock && (hudState.flowHudOptions?.behavior?.lockBodyScroll ?? lockBodyScroll) && hudState.focusTrapActive
+    bodyScrollLock && (_nullishCoalesce(_optionalChain([hudState, 'access', _101 => _101.flowHudOptions, 'optionalAccess', _102 => _102.behavior, 'optionalAccess', _103 => _103.lockBodyScroll]), () => ( lockBodyScroll))) && hudState.focusTrapActive
   );
   useBodyScrollLock(shouldLockBodyScroll);
   const shortcutOptions = typeof shortcuts === "object" ? shortcuts : {};
   const shortcutsEnabled = Boolean(
-    (typeof shortcuts === "boolean" ? shortcuts : shortcuts.enabled ?? true) && hudState.shouldRender
+    (typeof shortcuts === "boolean" ? shortcuts : _nullishCoalesce(shortcuts.enabled, () => ( true))) && hudState.shouldRender
   );
   useHudShortcuts(shortcutsEnabled ? hudState.hudTarget : null, {
     ...shortcutOptions,
@@ -2760,40 +2586,40 @@ var useTourHud = (options = {}) => {
   const overlay = {
     padding: overlayPadding,
     radius: overlayRadius,
-    interactionMode: hudState.flowHudOptions?.backdrop?.interaction ?? backdropInteraction
+    interactionMode: _nullishCoalesce(_optionalChain([hudState, 'access', _104 => _104.flowHudOptions, 'optionalAccess', _105 => _105.backdrop, 'optionalAccess', _106 => _106.interaction]), () => ( backdropInteraction))
   };
-  const popover = (0, import_react18.useMemo)(() => {
+  const popover = _react.useMemo.call(void 0, () => {
     return {
-      offset: popoverOptions?.offset ?? 32,
-      role: popoverOptions?.role ?? "dialog",
-      ariaLabel: popoverOptions?.ariaLabel,
-      ariaDescribedBy: popoverOptions?.ariaDescribedBy,
-      ariaModal: popoverOptions?.ariaModal ?? false,
-      width: popoverOptions?.width,
-      maxWidth: popoverOptions?.maxWidth,
-      placement: hudState.runningStep?.placement
+      offset: _nullishCoalesce(_optionalChain([popoverOptions, 'optionalAccess', _107 => _107.offset]), () => ( 32)),
+      role: _nullishCoalesce(_optionalChain([popoverOptions, 'optionalAccess', _108 => _108.role]), () => ( "dialog")),
+      ariaLabel: _optionalChain([popoverOptions, 'optionalAccess', _109 => _109.ariaLabel]),
+      ariaDescribedBy: _optionalChain([popoverOptions, 'optionalAccess', _110 => _110.ariaDescribedBy]),
+      ariaModal: _nullishCoalesce(_optionalChain([popoverOptions, 'optionalAccess', _111 => _111.ariaModal]), () => ( false)),
+      width: _optionalChain([popoverOptions, 'optionalAccess', _112 => _112.width]),
+      maxWidth: _optionalChain([popoverOptions, 'optionalAccess', _113 => _113.maxWidth]),
+      placement: _optionalChain([hudState, 'access', _114 => _114.runningStep, 'optionalAccess', _115 => _115.placement])
     };
-  }, [hudState.runningStep?.placement, popoverOptions]);
-  const descriptionResult = (0, import_react18.useMemo)(() => {
+  }, [_optionalChain([hudState, 'access', _116 => _116.runningStep, 'optionalAccess', _117 => _117.placement]), popoverOptions]);
+  const descriptionResult = _react.useMemo.call(void 0, () => {
     return {
       ...description,
       text: description.targetDescription
     };
   }, [description]);
-  const focusManager = (0, import_react18.useMemo)(
+  const focusManager = _react.useMemo.call(void 0, 
     () => ({
       active: hudState.focusTrapActive,
       target: hudState.hudTarget,
       popoverNode,
       setPopoverNode,
-      guardElementFocusRing: hudState.flowHudOptions?.guardElementFocusRing
+      guardElementFocusRing: _optionalChain([hudState, 'access', _118 => _118.flowHudOptions, 'optionalAccess', _119 => _119.guardElementFocusRing])
     }),
     [
       hudState.focusTrapActive,
       hudState.hudTarget,
       popoverNode,
       setPopoverNode,
-      hudState.flowHudOptions?.guardElementFocusRing
+      _optionalChain([hudState, 'access', _120 => _120.flowHudOptions, 'optionalAccess', _121 => _121.guardElementFocusRing])
     ]
   );
   return {
@@ -2810,7 +2636,7 @@ var useTourHud = (options = {}) => {
 };
 
 // src/hooks/useTourOverlay.ts
-var import_react19 = require("react");
+
 var DEFAULT_PADDING = 12;
 var DEFAULT_RADIUS = 12;
 var DEFAULT_EDGE_BUFFER = 0;
@@ -2823,10 +2649,10 @@ var useTourOverlay = (options) => {
     interactionMode = "passthrough",
     isInGracePeriod = false
   } = options;
-  const hasShownRef = (0, import_react19.useRef)(false);
-  const lastReadyTargetRef = (0, import_react19.useRef)(null);
-  (0, import_react19.useEffect)(() => {
-    if (!isBrowser) return;
+  const hasShownRef = _react.useRef.call(void 0, false);
+  const lastReadyTargetRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (target.status === "ready") {
       hasShownRef.current = true;
       lastReadyTargetRef.current = {
@@ -2835,17 +2661,17 @@ var useTourOverlay = (options) => {
       };
       return;
     }
-    if (target.status === "idle") {
+    if (target.status === "idle" && !isInGracePeriod) {
       hasShownRef.current = false;
       lastReadyTargetRef.current = null;
     }
-  }, [target]);
-  const viewport = getViewportRect();
+  }, [target, isInGracePeriod]);
+  const viewport = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
   const cachedTarget = lastReadyTargetRef.current;
   const highlightTarget = target.status === "ready" ? target : cachedTarget;
-  const resolvedRect = highlightTarget?.rect ?? target.rect;
-  const resolvedIsScreen = highlightTarget?.isScreen ?? target.isScreen;
-  const expandedRect = resolvedIsScreen || !resolvedRect ? viewport : expandRect(resolvedRect, padding);
+  const resolvedRect = _nullishCoalesce(_optionalChain([highlightTarget, 'optionalAccess', _122 => _122.rect]), () => ( target.rect));
+  const resolvedIsScreen = _nullishCoalesce(_optionalChain([highlightTarget, 'optionalAccess', _123 => _123.isScreen]), () => ( target.isScreen));
+  const expandedRect = resolvedIsScreen || !resolvedRect ? viewport : _chunkD5LQLRSUcjs.expandRect.call(void 0, resolvedRect, padding);
   const safeBuffer = Math.max(0, edgeBuffer);
   const insetTop = expandedRect.top <= 0 ? Math.min(safeBuffer, Math.max(0, expandedRect.height) / 2) : 0;
   const insetLeft = expandedRect.left <= 0 ? Math.min(safeBuffer, Math.max(0, expandedRect.width) / 2) : 0;
@@ -2875,15 +2701,15 @@ var useTourOverlay = (options) => {
     height: highlightHeight,
     radius: highlightRadius
   } : null;
-  const maskCapable = (0, import_react19.useMemo)(() => supportsMasking(), []);
+  const maskCapable = _react.useMemo.call(void 0, () => _chunkD5LQLRSUcjs.supportsMasking.call(void 0, ), []);
   const isActive = target.status === "ready" || target.status === "resolving" && cachedTarget !== null || isInGracePeriod;
   const shouldMask = maskCapable && isActive;
-  const maskId = (0, import_react19.useMemo)(
+  const maskId = _react.useMemo.call(void 0, 
     () => `tour-overlay-mask-${Math.random().toString(36).slice(2, 10)}`,
     []
   );
   const maskUrl = shouldMask ? `url(#${maskId})` : void 0;
-  const fallbackSegments = (0, import_react19.useMemo)(() => {
+  const fallbackSegments = _react.useMemo.call(void 0, () => {
     if (!isActive || shouldMask || !hasHighlightBounds || !highlightRect) {
       return null;
     }
@@ -2936,7 +2762,7 @@ var useTourOverlay = (options) => {
     viewport.height,
     viewport.width
   ]);
-  const blockerSegments = (0, import_react19.useMemo)(() => {
+  const blockerSegments = _react.useMemo.call(void 0, () => {
     if (interactionMode !== "block") {
       return null;
     }
@@ -3006,7 +2832,7 @@ var useTourOverlay = (options) => {
       rect: highlightRect,
       centerX: highlightCenterX,
       centerY: highlightCenterY,
-      target: highlightTarget ?? null,
+      target: _nullishCoalesce(highlightTarget, () => ( null)),
       isScreen: resolvedIsScreen
     },
     shouldMask,
@@ -3024,7 +2850,7 @@ var DEFAULT_ENABLED = true;
 var useTourFocusDominance = (options = {}) => {
   const { enabled = DEFAULT_ENABLED } = options;
   const { state } = useTour();
-  const isRunning = state?.status === "running";
+  const isRunning = _optionalChain([state, 'optionalAccess', _124 => _124.status]) === "running";
   const active = Boolean(enabled && isRunning);
   return {
     active,
@@ -3066,7 +2892,7 @@ var waitForDom = () => new Promise(
 );
 
 // src/hooks/useRadixTourDialog.ts
-var import_react20 = require("react");
+
 var resolveAutoOpen2 = (config) => {
   if (!config) return { onEnter: true, onResume: true };
   const { autoOpen } = config;
@@ -3075,8 +2901,8 @@ var resolveAutoOpen2 = (config) => {
     return { onEnter: true, onResume: true };
   }
   return {
-    onEnter: autoOpen.onEnter ?? true,
-    onResume: autoOpen.onResume ?? true
+    onEnter: _nullishCoalesce(autoOpen.onEnter, () => ( true)),
+    onResume: _nullishCoalesce(autoOpen.onResume, () => ( true))
   };
 };
 var useRadixTourDialog = (params) => {
@@ -3084,27 +2910,27 @@ var useRadixTourDialog = (params) => {
   const { activeFlowId, state, flows, goToStep, events } = useTour();
   const registry = useDialogRegistryOptional();
   const { suspendExternalFocusTrap } = useTourFocusDominance();
-  const [internalOpen, setInternalOpen] = (0, import_react20.useState)(false);
-  const lastStepIndexRef = (0, import_react20.useRef)(-1);
-  const isResumeRef = (0, import_react20.useRef)(false);
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, false);
+  const lastStepIndexRef = _react.useRef.call(void 0, -1);
+  const isResumeRef = _react.useRef.call(void 0, false);
   const flow = activeFlowId ? flows.get(activeFlowId) : void 0;
-  const dialogConfig = flow?.dialogs?.[dialogId];
+  const dialogConfig = _optionalChain([flow, 'optionalAccess', _125 => _125.dialogs, 'optionalAccess', _126 => _126[dialogId]]);
   const currentStep = flow && state && state.stepIndex >= 0 ? flow.steps[state.stepIndex] : void 0;
-  const isStepActive = currentStep?.dialogId === dialogId;
+  const isStepActive = _optionalChain([currentStep, 'optionalAccess', _127 => _127.dialogId]) === dialogId;
   const autoOpenConfig = resolveAutoOpen2(dialogConfig);
-  const autoClose = dialogConfig?.autoClose ?? "differentDialog";
-  const shouldBeOpen = (0, import_react20.useMemo)(() => {
+  const autoClose = _nullishCoalesce(_optionalChain([dialogConfig, 'optionalAccess', _128 => _128.autoClose]), () => ( "differentDialog"));
+  const shouldBeOpen = _react.useMemo.call(void 0, () => {
     if (!isStepActive) return false;
     return true;
   }, [isStepActive]);
-  (0, import_react20.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!events) return;
     const unsubscribe = events.on("flowResume", () => {
       isResumeRef.current = true;
     });
     return unsubscribe;
   }, [events]);
-  (0, import_react20.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!state || state.status !== "running") return;
     if (!flow) return;
     const currentStepIndex = state.stepIndex;
@@ -3124,7 +2950,7 @@ var useRadixTourDialog = (params) => {
     if (previousStepIndex === currentStepIndex) return;
     lastStepIndexRef.current = currentStepIndex;
     const previousStep = previousStepIndex >= 0 ? flow.steps[previousStepIndex] : void 0;
-    const wasActive = previousStep?.dialogId === dialogId;
+    const wasActive = _optionalChain([previousStep, 'optionalAccess', _129 => _129.dialogId]) === dialogId;
     if (isStepActive && !wasActive) {
       const shouldAutoOpen = wasResume ? autoOpenConfig.onResume : autoOpenConfig.onEnter;
       if (shouldAutoOpen) {
@@ -3145,7 +2971,7 @@ var useRadixTourDialog = (params) => {
     autoOpenConfig.onResume,
     autoClose
   ]);
-  (0, import_react20.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!events) return;
     const unsubscribeEnter = events.on("stepEnter", (payload) => {
       const step = payload.currentStep;
@@ -3162,7 +2988,7 @@ var useRadixTourDialog = (params) => {
       const step = payload.previousStep;
       if (step.dialogId !== dialogId) return;
       const nextStep = payload.currentStep;
-      if (nextStep?.dialogId === dialogId) {
+      if (_optionalChain([nextStep, 'optionalAccess', _130 => _130.dialogId]) === dialogId) {
         return;
       }
       if (autoClose === "always" || autoClose === "differentDialog") {
@@ -3176,12 +3002,12 @@ var useRadixTourDialog = (params) => {
       unsubscribeExit();
     };
   }, [events, dialogId, autoOpenConfig, autoClose]);
-  const handleDismiss = (0, import_react20.useCallback)(() => {
+  const handleDismiss = _react.useCallback.call(void 0, () => {
     if (!dialogConfig) return;
     setInternalOpen(false);
     goToStep(dialogConfig.onDismissGoToStepId);
   }, [dialogConfig, goToStep]);
-  const onOpenChange = (0, import_react20.useCallback)(
+  const onOpenChange = _react.useCallback.call(void 0, 
     (open) => {
       if (open) {
         setInternalOpen(true);
@@ -3195,7 +3021,7 @@ var useRadixTourDialog = (params) => {
     },
     [isStepActive, dialogConfig, handleDismiss]
   );
-  (0, import_react20.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!registry) return;
     const controller = {
       open: () => setInternalOpen(true),
@@ -3205,7 +3031,7 @@ var useRadixTourDialog = (params) => {
     registry.register(dialogId, controller);
     return () => registry.unregister(dialogId);
   }, [registry, dialogId, internalOpen]);
-  const preventDismiss = (0, import_react20.useCallback)(
+  const preventDismiss = _react.useCallback.call(void 0, 
     (event) => {
       if (suspendExternalFocusTrap) {
         event.preventDefault();
@@ -3213,7 +3039,7 @@ var useRadixTourDialog = (params) => {
     },
     [suspendExternalFocusTrap]
   );
-  const handleEscapeKeyDown = (0, import_react20.useCallback)(
+  const handleEscapeKeyDown = _react.useCallback.call(void 0, 
     (event) => {
       if (isStepActive && dialogConfig) {
         event.preventDefault();
@@ -3222,7 +3048,7 @@ var useRadixTourDialog = (params) => {
     },
     [isStepActive, dialogConfig, handleDismiss]
   );
-  const handleInteractOutside = (0, import_react20.useCallback)(
+  const handleInteractOutside = _react.useCallback.call(void 0, 
     (event) => {
       if (suspendExternalFocusTrap) {
         event.preventDefault();
@@ -3254,16 +3080,16 @@ var useRadixTourDialog = (params) => {
 };
 
 // src/hooks/useDelayAdvance.ts
-var import_react21 = require("react");
+
 var getTimestamp = () => typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
 var useDelayAdvance = () => {
   const { delayInfo, activeStep, state } = useTour();
-  const [now, setNow] = (0, import_react21.useState)(() => getTimestamp());
-  (0, import_react21.useEffect)(() => {
+  const [now, setNow] = _react.useState.call(void 0, () => getTimestamp());
+  _react.useEffect.call(void 0, () => {
     if (!delayInfo) return;
     if (!activeStep || activeStep.id !== delayInfo.stepId) return;
     if (!state || state.status !== "running") return;
-    if (!isBrowser) return;
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     let frameId = null;
     const tick = () => {
       setNow(getTimestamp());
@@ -3276,14 +3102,14 @@ var useDelayAdvance = () => {
       }
     };
   }, [delayInfo, activeStep, state]);
-  (0, import_react21.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!delayInfo) {
       setNow(getTimestamp());
     }
   }, [delayInfo]);
-  return (0, import_react21.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     const matchingStep = !!delayInfo && !!activeStep && activeStep.id === delayInfo.stepId;
-    const isRunning = matchingStep && state?.status === "running";
+    const isRunning = matchingStep && _optionalChain([state, 'optionalAccess', _131 => _131.status]) === "running";
     if (!delayInfo) {
       return {
         isActive: false,
@@ -3334,10 +3160,10 @@ var useDelayAdvance = () => {
 };
 
 // src/components/OverlayBackdrop.tsx
-var import_react22 = require("react");
-var import_react_dom = require("react-dom");
-var import_react23 = require("motion/react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+
+var _reactdom = require('react-dom');
+
+
 var styles = {
   root: {
     position: "fixed",
@@ -3407,8 +3233,8 @@ var OverlayBackdrop = ({
   showInteractionBlocker = true,
   transitionsOverride
 }) => {
-  if (!isBrowser) return null;
-  const host = portalHost();
+  if (!_chunkD5LQLRSUcjs.isBrowser) return null;
+  const host = _chunkD5LQLRSUcjs.portalHost.call(void 0, );
   if (!host) return null;
   const adapter = useAnimationAdapter();
   const {
@@ -3423,28 +3249,28 @@ var OverlayBackdrop = ({
     viewport
   } = overlay;
   const hasHighlightBounds = Boolean(highlight.rect);
-  const prevScreenTargetRef = (0, import_react22.useRef)(null);
+  const prevScreenTargetRef = _react.useRef.call(void 0, null);
   const shouldSnapHighlight = prevScreenTargetRef.current === true && !highlight.isScreen && hasHighlightBounds;
-  (0, import_react22.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     prevScreenTargetRef.current = highlight.isScreen;
   }, [highlight.isScreen]);
   const resolvedBlur = typeof blurAmount === "number" ? `${blurAmount}px` : "0px";
   const defaultInsetShadow = "inset 0 0 0 2px rgba(56,189,248,0.4), inset 0 0 0 8px rgba(15,23,42,0.3)";
   const highlightAppearance = shadow ? { boxShadow: shadow } : { boxShadow: defaultInsetShadow };
   const { MotionDiv, MotionSvg, MotionDefs, MotionMask, MotionRect } = adapter.components;
-  const highlightTransition = transitionsOverride?.overlayHighlight ?? adapter.transitions.overlayHighlight ?? DEFAULT_HIGHLIGHT_TRANSITION;
+  const highlightTransition = _nullishCoalesce(_nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _132 => _132.overlayHighlight]), () => ( adapter.transitions.overlayHighlight)), () => ( DEFAULT_HIGHLIGHT_TRANSITION));
   const snapTransition = { type: "tween", duration: 0 };
   const resolvedHighlightTransition = shouldSnapHighlight ? snapTransition : highlightTransition;
-  const overlayTransition = transitionsOverride?.overlayFade ?? adapter.transitions.overlayFade ?? DEFAULT_OVERLAY_TRANSITION;
-  const highlightCollapseTransition = highlight.isScreen ? snapTransition : transitionsOverride?.overlayHighlightCollapse ?? DEFAULT_HIGHLIGHT_COLLAPSE_TRANSITION;
+  const overlayTransition = _nullishCoalesce(_nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _133 => _133.overlayFade]), () => ( adapter.transitions.overlayFade)), () => ( DEFAULT_OVERLAY_TRANSITION));
+  const highlightCollapseTransition = highlight.isScreen ? snapTransition : _nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _134 => _134.overlayHighlightCollapse]), () => ( DEFAULT_HIGHLIGHT_COLLAPSE_TRANSITION));
   const highlightRectTransition = hasHighlightBounds ? resolvedHighlightTransition : highlightCollapseTransition;
   const highlightRectAnimation = shouldMask ? {
-    x: highlight.rect?.left ?? highlight.centerX,
-    y: highlight.rect?.top ?? highlight.centerY,
-    width: highlight.rect?.width ?? 0,
-    height: highlight.rect?.height ?? 0,
-    rx: highlight.rect?.radius ?? 0,
-    ry: highlight.rect?.radius ?? 0
+    x: _nullishCoalesce(_optionalChain([highlight, 'access', _135 => _135.rect, 'optionalAccess', _136 => _136.left]), () => ( highlight.centerX)),
+    y: _nullishCoalesce(_optionalChain([highlight, 'access', _137 => _137.rect, 'optionalAccess', _138 => _138.top]), () => ( highlight.centerY)),
+    width: _nullishCoalesce(_optionalChain([highlight, 'access', _139 => _139.rect, 'optionalAccess', _140 => _140.width]), () => ( 0)),
+    height: _nullishCoalesce(_optionalChain([highlight, 'access', _141 => _141.rect, 'optionalAccess', _142 => _142.height]), () => ( 0)),
+    rx: _nullishCoalesce(_optionalChain([highlight, 'access', _143 => _143.rect, 'optionalAccess', _144 => _144.radius]), () => ( 0)),
+    ry: _nullishCoalesce(_optionalChain([highlight, 'access', _145 => _145.rect, 'optionalAccess', _146 => _146.radius]), () => ( 0))
   } : {
     x: highlight.centerX,
     y: highlight.centerY,
@@ -3456,9 +3282,9 @@ var OverlayBackdrop = ({
   const highlightRingAnimation = hasHighlightBounds ? {
     top: highlight.centerY,
     left: highlight.centerX,
-    width: highlight.rect?.width ?? 0,
-    height: highlight.rect?.height ?? 0,
-    borderRadius: highlight.rect?.radius ?? 0,
+    width: _nullishCoalesce(_optionalChain([highlight, 'access', _147 => _147.rect, 'optionalAccess', _148 => _148.width]), () => ( 0)),
+    height: _nullishCoalesce(_optionalChain([highlight, 'access', _149 => _149.rect, 'optionalAccess', _150 => _150.height]), () => ( 0)),
+    borderRadius: _nullishCoalesce(_optionalChain([highlight, 'access', _151 => _151.rect, 'optionalAccess', _152 => _152.radius]), () => ( 0)),
     opacity: 1,
     transform: "translate(-50%, -50%)"
   } : {
@@ -3484,8 +3310,8 @@ var OverlayBackdrop = ({
   if (color) {
     overlayStyle.backgroundColor = color;
   }
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       MotionDiv,
       {
         className: rootClassName,
@@ -3493,7 +3319,7 @@ var OverlayBackdrop = ({
         "aria-hidden": ariaHidden,
         "data-tour-overlay": "",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.AnimatePresence, { mode: "popLayout", children: shouldMask ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: shouldMask ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             MotionSvg,
             {
               width: "0",
@@ -3505,10 +3331,10 @@ var OverlayBackdrop = ({
               animate: { opacity: 1 },
               exit: { opacity: 0 },
               transition: overlayTransition,
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MotionDefs, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MotionDefs, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                 MotionMask,
                 {
-                  id: maskId ?? void 0,
+                  id: _nullishCoalesce(maskId, () => ( void 0)),
                   initial: false,
                   maskUnits: "userSpaceOnUse",
                   maskContentUnits: "userSpaceOnUse",
@@ -3517,7 +3343,7 @@ var OverlayBackdrop = ({
                   animate: { width: viewport.width, height: viewport.height },
                   transition: highlightTransition,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       MotionRect,
                       {
                         x: "0",
@@ -3533,7 +3359,7 @@ var OverlayBackdrop = ({
                         exit: { opacity: 0 }
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                       MotionRect,
                       {
                         initial: false,
@@ -3552,7 +3378,7 @@ var OverlayBackdrop = ({
             },
             "tour-mask"
           ) : null }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.AnimatePresence, { mode: "popLayout", children: showBaseOverlay ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: showBaseOverlay ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             MotionDiv,
             {
               className: overlayClassName,
@@ -3561,7 +3387,7 @@ var OverlayBackdrop = ({
                 ...styles.overlay,
                 ...overlayStyle,
                 zIndex,
-                backgroundColor: color ?? void 0
+                backgroundColor: _nullishCoalesce(color, () => ( void 0))
               },
               initial: {
                 opacity: 0,
@@ -3580,7 +3406,7 @@ var OverlayBackdrop = ({
             },
             "tour-overlay"
           ) : null }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.AnimatePresence, { mode: "popLayout", children: fallbackSegments ? fallbackSegments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: fallbackSegments ? fallbackSegments.map((segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             MotionDiv,
             {
               className: segmentClassName,
@@ -3592,7 +3418,7 @@ var OverlayBackdrop = ({
                 left: segment.left,
                 width: segment.width,
                 height: segment.height,
-                backgroundColor: color ?? void 0
+                backgroundColor: _nullishCoalesce(color, () => ( void 0))
               },
               initial: {
                 opacity: 0,
@@ -3610,13 +3436,13 @@ var OverlayBackdrop = ({
             },
             `tour-overlay-fallback-${segment.key}`
           )) : null }),
-          showInteractionBlocker && blockerSegments ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          showInteractionBlocker && blockerSegments ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
               style: { ...styles.blockerContainer, zIndex },
               "data-tour-overlay-layer": "interaction-blocker",
               "aria-hidden": true,
-              children: blockerSegments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              children: blockerSegments.map((segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "div",
                 {
                   style: {
@@ -3631,7 +3457,7 @@ var OverlayBackdrop = ({
               ))
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react23.AnimatePresence, { mode: "popLayout", children: showHighlightRing && isActive && hasHighlightBounds ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.AnimatePresence, { mode: "popLayout", children: showHighlightRing && isActive && hasHighlightBounds ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             MotionDiv,
             {
               className: ringClassName,
@@ -3662,9 +3488,15 @@ var OverlayBackdrop = ({
 };
 
 // src/components/TourPopoverPortal.tsx
-var import_react24 = require("react");
-var import_react_dom2 = require("react-dom");
-var import_dom13 = require("@floating-ui/dom");
+
+
+
+
+
+
+
+
+var _dom = require('@floating-ui/dom');
 var FLOATING_OFFSET = 8;
 var DOCKED_MARGIN = 24;
 var MOBILE_BREAKPOINT = 640;
@@ -3710,52 +3542,53 @@ var TourPopoverPortal = ({
   layoutId,
   containerComponent,
   contentComponent,
-  transitionsOverride
+  transitionsOverride,
+  isInGracePeriod = false
 }) => {
-  if (!isBrowser) return null;
-  const host = portalHost();
+  if (!_chunkD5LQLRSUcjs.isBrowser) return null;
+  const host = _chunkD5LQLRSUcjs.portalHost.call(void 0, );
   if (!host) return null;
   const adapter = useAnimationAdapter();
-  const Container = containerComponent ?? adapter.components.MotionDiv;
-  const Content = contentComponent ?? adapter.components.MotionDiv;
-  const popoverEntranceTransition = transitionsOverride?.popoverEntrance ?? adapter.transitions.popoverEntrance ?? DEFAULT_POPOVER_ENTRANCE_TRANSITION;
-  const popoverExitTransition = transitionsOverride?.popoverExit ?? adapter.transitions.popoverExit ?? DEFAULT_POPOVER_EXIT_TRANSITION;
-  const popoverContentTransition = transitionsOverride?.popoverContent ?? adapter.transitions.popoverContent ?? DEFAULT_POPOVER_CONTENT_TRANSITION;
+  const Container = _nullishCoalesce(containerComponent, () => ( adapter.components.MotionDiv));
+  const Content = _nullishCoalesce(contentComponent, () => ( adapter.components.MotionDiv));
+  const popoverEntranceTransition = _nullishCoalesce(_nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _153 => _153.popoverEntrance]), () => ( adapter.transitions.popoverEntrance)), () => ( DEFAULT_POPOVER_ENTRANCE_TRANSITION));
+  const popoverExitTransition = _nullishCoalesce(_nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _154 => _154.popoverExit]), () => ( adapter.transitions.popoverExit)), () => ( DEFAULT_POPOVER_EXIT_TRANSITION));
+  const popoverContentTransition = _nullishCoalesce(_nullishCoalesce(_optionalChain([transitionsOverride, 'optionalAccess', _155 => _155.popoverContent]), () => ( adapter.transitions.popoverContent)), () => ( DEFAULT_POPOVER_CONTENT_TRANSITION));
   const viewport = useViewportRect();
   const prefersMobileLayout = viewport.width <= MOBILE_BREAKPOINT || viewport.height <= MOBILE_HEIGHT_BREAKPOINT;
-  const prefersMobileRef = (0, import_react24.useRef)(prefersMobileLayout);
-  (0, import_react24.useEffect)(() => {
+  const prefersMobileRef = _react.useRef.call(void 0, prefersMobileLayout);
+  _react.useEffect.call(void 0, () => {
     prefersMobileRef.current = prefersMobileLayout;
   }, [prefersMobileLayout]);
-  const lastReadyTargetRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const lastReadyTargetRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (target.status === "ready" && target.rect) {
       lastReadyTargetRef.current = {
         rect: { ...target.rect },
         isScreen: target.isScreen
       };
-    } else if (target.status === "idle") {
+    } else if (target.status === "idle" && !isInGracePeriod) {
       lastReadyTargetRef.current = null;
     }
-  }, [target.isScreen, target.rect, target.status]);
+  }, [target.isScreen, target.rect, target.status, isInGracePeriod]);
   const cachedTarget = lastReadyTargetRef.current;
-  const resolvedRect = target.rect ?? target.lastResolvedRect ?? cachedTarget?.rect ?? null;
-  const resolvedIsScreen = target.status === "ready" ? target.isScreen : cachedTarget?.isScreen ?? target.isScreen;
+  const resolvedRect = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(target.rect, () => ( target.lastResolvedRect)), () => ( _optionalChain([cachedTarget, 'optionalAccess', _156 => _156.rect]))), () => ( null));
+  const resolvedIsScreen = target.status === "ready" ? target.isScreen : _nullishCoalesce(_optionalChain([cachedTarget, 'optionalAccess', _157 => _157.isScreen]), () => ( target.isScreen));
   const shouldHidePopover = !resolvedRect && !target.isScreen;
-  const fallbackRect = resolvedRect ?? viewport;
+  const fallbackRect = _nullishCoalesce(resolvedRect, () => ( viewport));
   const fallbackIsScreen = resolvedIsScreen;
-  const [floatingSize, setFloatingSize] = (0, import_react24.useState)(null);
+  const [floatingSize, setFloatingSize] = _react.useState.call(void 0, null);
   const clampVertical = (value) => Math.min(viewport.height - 24, Math.max(24, value));
   const clampHorizontal = (value) => Math.min(viewport.width - 24, Math.max(24, value));
-  const screenCenteredTop = viewport.height / 2 - (floatingSize?.height ?? 0) / 2;
-  const screenCenteredLeft = viewport.width / 2 - (floatingSize?.width ?? 0) / 2;
-  const floatingWidth = floatingSize?.width ?? 0;
+  const screenCenteredTop = viewport.height / 2 - (_nullishCoalesce(_optionalChain([floatingSize, 'optionalAccess', _158 => _158.height]), () => ( 0))) / 2;
+  const screenCenteredLeft = viewport.width / 2 - (_nullishCoalesce(_optionalChain([floatingSize, 'optionalAccess', _159 => _159.width]), () => ( 0))) / 2;
+  const floatingWidth = _nullishCoalesce(_optionalChain([floatingSize, 'optionalAccess', _160 => _160.width]), () => ( 0));
   const baseTop = fallbackIsScreen ? screenCenteredTop : fallbackRect.top + fallbackRect.height + offset;
   const top = fallbackIsScreen ? clampVertical(screenCenteredTop) : clampVertical(baseTop);
   const leftBase = fallbackIsScreen ? screenCenteredLeft : fallbackRect.left + fallbackRect.width / 2 - floatingWidth / 2;
   const left = clampHorizontal(leftBase);
   const fallbackTransform = "translate3d(0px, 0px, 0px)";
-  const fallbackPosition = (0, import_react24.useMemo)(
+  const fallbackPosition = _react.useMemo.call(void 0, 
     () => ({
       top,
       left,
@@ -3763,7 +3596,7 @@ var TourPopoverPortal = ({
     }),
     [fallbackTransform, left, top]
   );
-  const centerInitialPosition = (0, import_react24.useMemo)(
+  const centerInitialPosition = _react.useMemo.call(void 0, 
     () => ({
       top: viewport.height / 2,
       left: viewport.width / 2,
@@ -3771,24 +3604,24 @@ var TourPopoverPortal = ({
     }),
     [viewport.height, viewport.width]
   );
-  const floatingRef = (0, import_react24.useRef)(null);
-  const cachedFloatingPositionRef = (0, import_react24.useRef)(null);
-  const appliedFloatingCacheRef = (0, import_react24.useRef)(null);
-  const deferredScreenSnapRef = (0, import_react24.useRef)(null);
-  const [layoutMode, setLayoutMode] = (0, import_react24.useState)(
+  const floatingRef = _react.useRef.call(void 0, null);
+  const cachedFloatingPositionRef = _react.useRef.call(void 0, null);
+  const appliedFloatingCacheRef = _react.useRef.call(void 0, null);
+  const deferredScreenSnapRef = _react.useRef.call(void 0, null);
+  const [layoutMode, setLayoutMode] = _react.useState.call(void 0, 
     () => prefersMobileLayout ? "mobile" : "floating"
   );
-  const [floatingPosition, setFloatingPosition] = (0, import_react24.useState)(fallbackPosition);
-  const [dragPosition, setDragPosition] = (0, import_react24.useState)(null);
-  const [isDragging, setIsDragging] = (0, import_react24.useState)(false);
-  const dragStateRef = (0, import_react24.useRef)(null);
-  const overflowRetryRef = (0, import_react24.useRef)({
+  const [floatingPosition, setFloatingPosition] = _react.useState.call(void 0, fallbackPosition);
+  const [dragPosition, setDragPosition] = _react.useState.call(void 0, null);
+  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
+  const dragStateRef = _react.useRef.call(void 0, null);
+  const overflowRetryRef = _react.useRef.call(void 0, {
     stepId: null,
     attempts: 0
   });
-  const overflowRetryTimeoutRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useLayoutEffect)(() => {
-    if (!isBrowser) return;
+  const overflowRetryTimeoutRef = _react.useRef.call(void 0, null);
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     const node = floatingRef.current;
     if (!node) return;
     const updateSize = () => {
@@ -3801,30 +3634,30 @@ var TourPopoverPortal = ({
     observer.observe(node);
     return () => observer.disconnect();
   }, [target.stepId]);
-  const resolvedPlacement = placement ?? "bottom";
+  const resolvedPlacement = _nullishCoalesce(placement, () => ( "bottom"));
   const isAutoPlacement = resolvedPlacement.startsWith("auto");
   const autoAlignment = resolvedPlacement.endsWith(
     "-start"
   ) ? "start" : resolvedPlacement.endsWith("-end") ? "end" : void 0;
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     setDragPosition(null);
     setLayoutMode(prefersMobileRef.current ? "mobile" : "floating");
     cachedFloatingPositionRef.current = null;
     appliedFloatingCacheRef.current = null;
   }, [target.stepId]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (layoutMode !== "manual") {
       setDragPosition(null);
     }
   }, [layoutMode]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     cachedFloatingPositionRef.current = floatingPosition;
     const cacheKey = getFloatingCacheKey(target);
     if (cacheKey) {
       floatingPositionCache.set(cacheKey, floatingPosition);
     }
   }, [floatingPosition, target.isScreen, target.stepId]);
-  const dockedPosition = (0, import_react24.useMemo)(
+  const dockedPosition = _react.useMemo.call(void 0, 
     () => ({
       top: viewport.height - DOCKED_MARGIN,
       left: viewport.width - DOCKED_MARGIN,
@@ -3832,7 +3665,7 @@ var TourPopoverPortal = ({
     }),
     [viewport.height, viewport.width]
   );
-  const mobilePosition = (0, import_react24.useMemo)(
+  const mobilePosition = _react.useMemo.call(void 0, 
     () => ({
       top: viewport.height - MOBILE_HORIZONTAL_GUTTER,
       left: viewport.width / 2,
@@ -3840,17 +3673,17 @@ var TourPopoverPortal = ({
     }),
     [viewport.height, viewport.width]
   );
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (layoutMode === "docked") {
       setFloatingPosition(dockedPosition);
     }
   }, [dockedPosition, layoutMode]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (layoutMode === "mobile") {
       setFloatingPosition(mobilePosition);
     }
   }, [layoutMode, mobilePosition]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (prefersMobileLayout) {
       if (layoutMode !== "mobile") {
         setLayoutMode("mobile");
@@ -3863,13 +3696,13 @@ var TourPopoverPortal = ({
       setFloatingPosition(fallbackPosition);
     }
   }, [fallbackPosition, layoutMode, prefersMobileLayout]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (layoutMode !== "floating") return;
     const stepId = target.stepId;
     if (!stepId) return;
     if (appliedFloatingCacheRef.current === stepId) return;
     const cacheKey = getFloatingCacheKey(target);
-    const cached = cacheKey ? floatingPositionCache.get(cacheKey) ?? null : null;
+    const cached = cacheKey ? _nullishCoalesce(floatingPositionCache.get(cacheKey), () => ( null)) : null;
     if (cached) {
       appliedFloatingCacheRef.current = stepId;
       setFloatingPosition(cached);
@@ -3887,7 +3720,7 @@ var TourPopoverPortal = ({
     target.stepId
   ]);
   const shouldDeferScreenSnap = layoutMode === "floating" && target.isScreen && Boolean(layoutId);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     return () => {
       if (deferredScreenSnapRef.current !== null) {
         cancelAnimationFrame(deferredScreenSnapRef.current);
@@ -3895,7 +3728,7 @@ var TourPopoverPortal = ({
       }
     };
   }, []);
-  (0, import_react24.useLayoutEffect)(() => {
+  _react.useLayoutEffect.call(void 0, () => {
     if (layoutMode !== "floating") return;
     if (target.status === "ready" && !target.isScreen) return;
     if (shouldDeferScreenSnap) return;
@@ -3907,7 +3740,7 @@ var TourPopoverPortal = ({
     target.isScreen,
     target.status
   ]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!shouldDeferScreenSnap) return;
     if (deferredScreenSnapRef.current !== null) {
       cancelAnimationFrame(deferredScreenSnapRef.current);
@@ -3934,15 +3767,15 @@ var TourPopoverPortal = ({
       }
     };
   }, [fallbackPosition, shouldDeferScreenSnap]);
-  (0, import_react24.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     return () => {
       if (overflowRetryTimeoutRef.current !== null) {
         window.clearTimeout(overflowRetryTimeoutRef.current);
       }
     };
   }, []);
-  (0, import_react24.useLayoutEffect)(() => {
-    if (!isBrowser) return;
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     const floatingEl = floatingRef.current;
     const rectInfo = target.rect;
     if (!floatingEl) return;
@@ -3951,7 +3784,7 @@ var TourPopoverPortal = ({
     if (layoutMode === "mobile" || layoutMode === "manual") return;
     const cancelState = { cancelled: false };
     const retryState = overflowRetryRef.current;
-    const currentStepId = target.stepId ?? null;
+    const currentStepId = _nullishCoalesce(target.stepId, () => ( null));
     if (retryState.stepId !== currentStepId) {
       retryState.stepId = currentStepId;
       retryState.attempts = 0;
@@ -3963,7 +3796,7 @@ var TourPopoverPortal = ({
       }
     };
     const virtualReference = {
-      contextElement: target.element ?? void 0,
+      contextElement: _nullishCoalesce(target.element, () => ( void 0)),
       getBoundingClientRect: () => DOMRectReadOnly.fromRect({
         width: rectInfo.width,
         height: rectInfo.height,
@@ -3973,31 +3806,31 @@ var TourPopoverPortal = ({
     };
     const computePlacement = isAutoPlacement ? void 0 : resolvedPlacement;
     const middleware = [
-      (0, import_dom13.offset)(offset),
+      _dom.offset.call(void 0, offset),
       ...isAutoPlacement ? [
-        (0, import_dom13.autoPlacement)({
+        _dom.autoPlacement.call(void 0, {
           padding: FLOATING_OFFSET,
           alignment: autoAlignment
         })
       ] : [
-        (0, import_dom13.flip)({
+        _dom.flip.call(void 0, {
           padding: FLOATING_OFFSET,
           fallbackStrategy: "bestFit",
           crossAxis: true,
           fallbackPlacements: ["bottom", "top", "right", "left"]
         })
       ],
-      (0, import_dom13.shift)({ padding: FLOATING_OFFSET })
+      _dom.shift.call(void 0, { padding: FLOATING_OFFSET })
     ];
     const updatePosition = async () => {
-      const { x, y } = await (0, import_dom13.computePosition)(virtualReference, floatingEl, {
+      const { x, y } = await _dom.computePosition.call(void 0, virtualReference, floatingEl, {
         placement: computePlacement,
         strategy: "fixed",
         middleware
       });
       if (cancelState.cancelled) return;
       const floatingBox = floatingEl.getBoundingClientRect();
-      const viewportRect = getViewportRect();
+      const viewportRect = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
       const viewportTop = viewportRect.top;
       const viewportBottom = viewportRect.top + viewportRect.height;
       const viewportLeft = viewportRect.left;
@@ -4083,7 +3916,7 @@ var TourPopoverPortal = ({
     target.status,
     target.stepId
   ]);
-  (0, import_react24.useLayoutEffect)(() => {
+  _react.useLayoutEffect.call(void 0, () => {
     if (layoutMode !== "manual" || !dragPosition) return;
     setFloatingPosition({
       top: dragPosition.top,
@@ -4092,10 +3925,10 @@ var TourPopoverPortal = ({
     });
   }, [dragPosition, layoutMode]);
   const clampToViewport = (rawLeft, rawTop) => {
-    const rect = getViewportRect();
+    const rect = _chunkD5LQLRSUcjs.getViewportRect.call(void 0, );
     const floatingEl = floatingRef.current;
-    const floatingElWidth = floatingEl?.offsetWidth ?? 0;
-    const floatingElHeight = floatingEl?.offsetHeight ?? 0;
+    const floatingElWidth = _nullishCoalesce(_optionalChain([floatingEl, 'optionalAccess', _161 => _161.offsetWidth]), () => ( 0));
+    const floatingElHeight = _nullishCoalesce(_optionalChain([floatingEl, 'optionalAccess', _162 => _162.offsetHeight]), () => ( 0));
     const minLeft = rect.left + FLOATING_OFFSET;
     const maxLeft = rect.left + rect.width - floatingElWidth - FLOATING_OFFSET;
     const minTop = rect.top + FLOATING_OFFSET;
@@ -4132,7 +3965,7 @@ var TourPopoverPortal = ({
       if (supportsRelease && hasCapture) {
         try {
           floatingEl.releasePointerCapture(dragState.pointerId);
-        } catch {
+        } catch (e4) {
         }
       }
     }
@@ -4163,16 +3996,16 @@ var TourPopoverPortal = ({
     if (supportsPointerCapture) {
       try {
         floatingEl.setPointerCapture(event.pointerId);
-      } catch {
+      } catch (e5) {
       }
     }
     event.preventDefault();
   };
-  (0, import_react24.useEffect)(() => endDrag, []);
+  _react.useEffect.call(void 0, () => endDrag, []);
   const shouldUseFallbackInitial = layoutMode !== "mobile" && (Boolean(target.lastResolvedRect) || Boolean(cachedTarget));
   const floatingCacheKey = layoutMode === "mobile" ? null : getFloatingCacheKey(target);
-  const persistedFloatingInitial = floatingCacheKey && floatingPositionCache.has(floatingCacheKey) ? floatingPositionCache.get(floatingCacheKey) ?? null : null;
-  const cachedFloatingInitial = layoutMode === "mobile" ? null : cachedFloatingPositionRef.current ?? persistedFloatingInitial;
+  const persistedFloatingInitial = floatingCacheKey && floatingPositionCache.has(floatingCacheKey) ? _nullishCoalesce(floatingPositionCache.get(floatingCacheKey), () => ( null)) : null;
+  const cachedFloatingInitial = layoutMode === "mobile" ? null : _nullishCoalesce(cachedFloatingPositionRef.current, () => ( persistedFloatingInitial));
   const hasCachedFloatingInitial = Boolean(cachedFloatingInitial);
   const resolvedInitialPosition = layoutMode === "mobile" ? mobilePosition : hasCachedFloatingInitial && cachedFloatingInitial ? cachedFloatingInitial : shouldUseFallbackInitial ? fallbackPosition : centerInitialPosition;
   const initialTop = resolvedInitialPosition.top;
@@ -4188,12 +4021,12 @@ var TourPopoverPortal = ({
   };
   const setFloatingNode = (node) => {
     floatingRef.current = node;
-    onContainerChange?.(node);
+    _optionalChain([onContainerChange, 'optionalCall', _163 => _163(node)]);
   };
   const containerProps = {
     ref: setFloatingNode,
-    role: role ?? "dialog",
-    "aria-modal": ariaModal ?? false,
+    role: _nullishCoalesce(role, () => ( "dialog")),
+    "aria-modal": _nullishCoalesce(ariaModal, () => ( false)),
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     tabIndex: -1,
@@ -4226,7 +4059,7 @@ var TourPopoverPortal = ({
     ...layoutId ? { layoutId } : {}
   };
   const contentProps = {
-    key: target.stepId ?? void 0,
+    key: _nullishCoalesce(target.stepId, () => ( void 0)),
     "data-tour-popover-content": "",
     initial: { opacity: 0, translateX: 0, filter: "blur(4px)" },
     animate: { opacity: 1, translateX: 0, filter: "blur(0px)" },
@@ -4256,12 +4089,12 @@ var TourPopoverPortal = ({
     descriptionProps
   };
   if (shouldHidePopover) return null;
-  return (0, import_react_dom2.createPortal)(children(context), host);
+  return _reactdom.createPortal.call(void 0, children(context), host);
 };
 
 // src/components/TourFocusManager.tsx
-var import_react25 = require("react");
-var import_react_dom3 = require("react-dom");
+
+
 
 // src/utils/focus.ts
 var FOCUSABLE_SELECTOR = 'a[href], area[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), summary, [contenteditable="true"], [tabindex]';
@@ -4315,13 +4148,13 @@ var getFocusableIn = (root) => {
 var focusElement = (element, options) => {
   if (!element) return;
   try {
-    element.focus(options ?? { preventScroll: true });
-  } catch {
+    element.focus(_nullishCoalesce(options, () => ( { preventScroll: true })));
+  } catch (e6) {
   }
 };
 
 // src/components/TourFocusManager.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+
 var runMicrotask = (callback) => {
   if (typeof queueMicrotask === "function") {
     queueMicrotask(callback);
@@ -4337,18 +4170,18 @@ var TourFocusManager = ({
   highlightRect,
   guardElementFocusRing
 }) => {
-  const previousFocusRef = (0, import_react25.useRef)(null);
-  const guardNodesRef = (0, import_react25.useRef)({
+  const previousFocusRef = _react.useRef.call(void 0, null);
+  const guardNodesRef = _react.useRef.call(void 0, {
     "target-start": null,
     "target-end": null,
     "popover-start": null,
     "popover-end": null
   });
-  const lastTabDirectionRef = (0, import_react25.useRef)("forward");
-  const suppressGuardHopRef = (0, import_react25.useRef)(null);
-  const [targetRingActive, setTargetRingActive] = (0, import_react25.useState)(false);
-  const [popoverRingActive, setPopoverRingActive] = (0, import_react25.useState)(false);
-  const [popoverRect, setPopoverRect] = (0, import_react25.useState)(null);
+  const lastTabDirectionRef = _react.useRef.call(void 0, "forward");
+  const suppressGuardHopRef = _react.useRef.call(void 0, null);
+  const [targetRingActive, setTargetRingActive] = _react.useState.call(void 0, false);
+  const [popoverRingActive, setPopoverRingActive] = _react.useState.call(void 0, false);
+  const [popoverRect, setPopoverRect] = _react.useState.call(void 0, null);
   const restoreFocus = () => {
     const previous = previousFocusRef.current;
     previousFocusRef.current = null;
@@ -4358,15 +4191,15 @@ var TourFocusManager = ({
       });
     }
   };
-  (0, import_react25.useLayoutEffect)(() => {
-    if (!isBrowser) return;
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (!active) {
       restoreFocus();
       return;
     }
     if (previousFocusRef.current) return;
-    const doc = popoverNode?.ownerDocument ?? target.element?.ownerDocument;
-    const activeEl = (doc ?? document).activeElement;
+    const doc = _nullishCoalesce(_optionalChain([popoverNode, 'optionalAccess', _164 => _164.ownerDocument]), () => ( _optionalChain([target, 'access', _165 => _165.element, 'optionalAccess', _166 => _166.ownerDocument])));
+    const activeEl = (_nullishCoalesce(doc, () => ( document))).activeElement;
     if (activeEl instanceof HTMLElement) {
       previousFocusRef.current = activeEl;
     }
@@ -4374,10 +4207,10 @@ var TourFocusManager = ({
       restoreFocus();
     };
   }, [active, popoverNode, target.element]);
-  (0, import_react25.useEffect)(() => {
-    if (!isBrowser) return;
+  _react.useEffect.call(void 0, () => {
+    if (!_chunkD5LQLRSUcjs.isBrowser) return;
     if (!active) return;
-    const doc = popoverNode?.ownerDocument ?? target.element?.ownerDocument ?? document;
+    const doc = _nullishCoalesce(_nullishCoalesce(_optionalChain([popoverNode, 'optionalAccess', _167 => _167.ownerDocument]), () => ( _optionalChain([target, 'access', _168 => _168.element, 'optionalAccess', _169 => _169.ownerDocument]))), () => ( document));
     const createGuard = (key) => {
       const node = doc.createElement("div");
       node.tabIndex = 0;
@@ -4407,7 +4240,7 @@ var TourFocusManager = ({
     const removeGuards = () => {
       for (const key of Object.keys(guardNodesRef.current)) {
         const node = guardNodesRef.current[key];
-        if (node?.parentNode) {
+        if (_optionalChain([node, 'optionalAccess', _170 => _170.parentNode])) {
           node.parentNode.removeChild(node);
         }
         guardNodesRef.current[key] = null;
@@ -4416,7 +4249,7 @@ var TourFocusManager = ({
     };
     const ensureGuards = () => {
       const targetElement = !target.isScreen && target.element instanceof HTMLElement ? target.element : null;
-      const popoverElement = popoverNode ?? null;
+      const popoverElement = _nullishCoalesce(popoverNode, () => ( null));
       if (targetElement) {
         if (!guardNodesRef.current["target-start"]) {
           guardNodesRef.current["target-start"] = createGuard("target-start");
@@ -4435,7 +4268,7 @@ var TourFocusManager = ({
       } else {
         for (const key of ["target-start", "target-end"]) {
           const node = guardNodesRef.current[key];
-          if (node?.parentNode) {
+          if (_optionalChain([node, 'optionalAccess', _171 => _171.parentNode])) {
             node.parentNode.removeChild(node);
           }
           guardNodesRef.current[key] = null;
@@ -4459,7 +4292,7 @@ var TourFocusManager = ({
       } else {
         for (const key of ["popover-start", "popover-end"]) {
           const node = guardNodesRef.current[key];
-          if (node?.parentNode) {
+          if (_optionalChain([node, 'optionalAccess', _172 => _172.parentNode])) {
             node.parentNode.removeChild(node);
           }
           guardNodesRef.current[key] = null;
@@ -4479,7 +4312,7 @@ var TourFocusManager = ({
         }
         nodes.push(...getFocusableIn(targetElement));
       }
-      if (nodes.length === 0 && popoverNode?.hasAttribute("tabindex")) {
+      if (nodes.length === 0 && _optionalChain([popoverNode, 'optionalAccess', _173 => _173.hasAttribute, 'call', _174 => _174("tabindex")])) {
         nodes.push(popoverNode);
       }
       const unique = [];
@@ -4493,7 +4326,7 @@ var TourFocusManager = ({
     };
     const isWithinTrap = (element) => {
       if (!(element instanceof HTMLElement)) return false;
-      if (popoverNode?.contains(element)) return true;
+      if (_optionalChain([popoverNode, 'optionalAccess', _175 => _175.contains, 'call', _176 => _176(element)])) return true;
       if (target.element instanceof HTMLElement && target.element.contains(element)) {
         return true;
       }
@@ -4502,7 +4335,7 @@ var TourFocusManager = ({
       );
     };
     const ensureFocus = () => {
-      const firstGuard = guardNodesRef.current["target-start"] ?? guardNodesRef.current["popover-start"];
+      const firstGuard = _nullishCoalesce(guardNodesRef.current["target-start"], () => ( guardNodesRef.current["popover-start"]));
       if (firstGuard) {
         focusElement(firstGuard);
         return;
@@ -4537,10 +4370,10 @@ var TourFocusManager = ({
           }
         }
         const key = targetNode.getAttribute("data-tour-focus-guard");
-        if (key?.startsWith("target")) {
+        if (_optionalChain([key, 'optionalAccess', _177 => _177.startsWith, 'call', _178 => _178("target")])) {
           setTargetRingActive(true);
           setPopoverRingActive(false);
-        } else if (key?.startsWith("popover")) {
+        } else if (_optionalChain([key, 'optionalAccess', _179 => _179.startsWith, 'call', _180 => _180("popover")])) {
           setTargetRingActive(false);
           setPopoverRingActive(true);
         }
@@ -4568,23 +4401,23 @@ var TourFocusManager = ({
     target.stepId,
     target.visibility
   ]);
-  (0, import_react25.useLayoutEffect)(() => {
+  _react.useLayoutEffect.call(void 0, () => {
     if (popoverRingActive && popoverNode) {
       setPopoverRect(popoverNode.getBoundingClientRect());
     } else {
       setPopoverRect(null);
     }
   }, [popoverRingActive, popoverNode]);
-  if (!isBrowser) return null;
-  const host = portalHost();
+  if (!_chunkD5LQLRSUcjs.isBrowser) return null;
+  const host = _chunkD5LQLRSUcjs.portalHost.call(void 0, );
   if (!host) return null;
-  const boxShadow = guardElementFocusRing?.boxShadow ?? DEFAULT_BOX_SHADOW;
+  const boxShadow = _nullishCoalesce(_optionalChain([guardElementFocusRing, 'optionalAccess', _181 => _181.boxShadow]), () => ( DEFAULT_BOX_SHADOW));
   const showTargetRing = targetRingActive && highlightRect;
   const showPopoverRing = popoverRingActive && popoverRect;
   if (!showTargetRing && !showPopoverRing) return null;
-  return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      showTargetRing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      showTargetRing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           style: {
@@ -4601,7 +4434,7 @@ var TourFocusManager = ({
           "aria-hidden": true
         }
       ),
-      showPopoverRing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      showPopoverRing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
           style: {
@@ -4624,7 +4457,7 @@ var TourFocusManager = ({
 };
 
 // src/motion/useHudMotion.ts
-var import_react26 = require("react");
+
 var DEFAULT_HIGHLIGHT_TRANSITION2 = {
   duration: 0.35,
   ease: "easeOut",
@@ -4651,61 +4484,60 @@ var DEFAULT_POPOVER_CONTENT_TRANSITION2 = {
 };
 var useHudMotion = () => {
   const adapter = useAnimationAdapter();
-  return (0, import_react26.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     const components = {
       ...adapter.components
     };
     return {
       components,
       transitions: {
-        highlight: adapter.transitions.overlayHighlight ?? DEFAULT_HIGHLIGHT_TRANSITION2,
-        overlayFade: adapter.transitions.overlayFade ?? DEFAULT_OVERLAY_TRANSITION2,
-        popoverEntrance: adapter.transitions.popoverEntrance ?? DEFAULT_POPOVER_ENTRANCE_TRANSITION2,
-        popoverExit: adapter.transitions.popoverExit ?? DEFAULT_POPOVER_EXIT_TRANSITION2,
-        popoverContent: adapter.transitions.popoverContent ?? DEFAULT_POPOVER_CONTENT_TRANSITION2
+        highlight: _nullishCoalesce(adapter.transitions.overlayHighlight, () => ( DEFAULT_HIGHLIGHT_TRANSITION2)),
+        overlayFade: _nullishCoalesce(adapter.transitions.overlayFade, () => ( DEFAULT_OVERLAY_TRANSITION2)),
+        popoverEntrance: _nullishCoalesce(adapter.transitions.popoverEntrance, () => ( DEFAULT_POPOVER_ENTRANCE_TRANSITION2)),
+        popoverExit: _nullishCoalesce(adapter.transitions.popoverExit, () => ( DEFAULT_POPOVER_EXIT_TRANSITION2)),
+        popoverContent: _nullishCoalesce(adapter.transitions.popoverContent, () => ( DEFAULT_POPOVER_CONTENT_TRANSITION2))
       }
     };
   }, [adapter]);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AnimationAdapterProvider,
-  DialogRegistryProvider,
-  OverlayBackdrop,
-  TourFocusManager,
-  TourPopoverPortal,
-  TourProvider,
-  createPathString,
-  createWaitForPredicateController,
-  defaultAnimationAdapter,
-  defaultLabels,
-  getCurrentRoutePath,
-  notifyRouteChange,
-  reducedMotionAnimationAdapter,
-  subscribeToRouteChanges,
-  useAdvanceRules,
-  useAnimationAdapter,
-  useBodyScrollLock,
-  useDelayAdvance,
-  useDialogRegistry,
-  useDialogRegistryOptional,
-  useHiddenTargetFallback,
-  useHudDescription,
-  useHudMotion,
-  useHudShortcuts,
-  useHudState,
-  useHudTargetIssue,
-  usePreferredAnimationAdapter,
-  useRadixDialogAdapter,
-  useRadixTourDialog,
-  useTour,
-  useTourControls,
-  useTourEvents,
-  useTourFocusDominance,
-  useTourHud,
-  useTourLabels,
-  useTourOverlay,
-  useTourTarget,
-  useViewportRect,
-  waitForDom
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AnimationAdapterProvider = AnimationAdapterProvider; exports.DialogRegistryProvider = DialogRegistryProvider; exports.OverlayBackdrop = OverlayBackdrop; exports.TourFocusManager = TourFocusManager; exports.TourPopoverPortal = TourPopoverPortal; exports.TourProvider = TourProvider; exports.createPathString = _chunkD5LQLRSUcjs.createPathString; exports.createWaitForPredicateController = createWaitForPredicateController; exports.defaultAnimationAdapter = defaultAnimationAdapter; exports.defaultLabels = defaultLabels; exports.getCurrentRoutePath = _chunkD5LQLRSUcjs.getCurrentRoutePath; exports.notifyRouteChange = _chunkD5LQLRSUcjs.notifyRouteChange; exports.reducedMotionAnimationAdapter = reducedMotionAnimationAdapter; exports.subscribeToRouteChanges = _chunkD5LQLRSUcjs.subscribeToRouteChanges; exports.useAdvanceRules = useAdvanceRules; exports.useAnimationAdapter = useAnimationAdapter; exports.useBodyScrollLock = useBodyScrollLock; exports.useDelayAdvance = useDelayAdvance; exports.useDialogRegistry = useDialogRegistry; exports.useDialogRegistryOptional = useDialogRegistryOptional; exports.useHiddenTargetFallback = useHiddenTargetFallback; exports.useHudDescription = useHudDescription; exports.useHudMotion = useHudMotion; exports.useHudShortcuts = useHudShortcuts; exports.useHudState = useHudState; exports.useHudTargetIssue = useHudTargetIssue; exports.usePreferredAnimationAdapter = usePreferredAnimationAdapter; exports.useRadixDialogAdapter = useRadixDialogAdapter; exports.useRadixTourDialog = useRadixTourDialog; exports.useTour = useTour; exports.useTourControls = useTourControls; exports.useTourEvents = useTourEvents; exports.useTourFocusDominance = useTourFocusDominance; exports.useTourHud = useTourHud; exports.useTourLabels = useTourLabels; exports.useTourOverlay = useTourOverlay; exports.useTourTarget = useTourTarget; exports.useViewportRect = useViewportRect; exports.waitForDom = waitForDom;