@thelol3882/sapar 0.0.0-stage → 0.3.0

package/dist/chunk-7B66QEMY.js

@@ -0,0 +1,536 @@
+import {
+  defaultAnnounceStep,
+  defaultProgress,
+  useSaparAdapter,
+  useTourStep
+} from "./chunk-VC6XLWM3.js";
+import {
+  resolvePresentation,
+  spotlightPath
+} from "./chunk-FM64UDKJ.js";
+
+// src/web/measure.ts
+function measureElement(element) {
+  if (!element?.isConnected) return null;
+  const { left, top, width, height } = element.getBoundingClientRect();
+  return { x: left, y: top, width, height };
+}
+
+// src/web/registry.ts
+var ANCHOR_ATTRIBUTE = "data-sapar";
+var elements = /* @__PURE__ */ new Map();
+var waiters = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Set();
+var isDevelopment = () => typeof process !== "undefined" && process.env.NODE_ENV !== "production";
+function notifyListeners() {
+  listeners.forEach((listener) => listener());
+}
+function registerAnchor(key, element) {
+  const existing = elements.get(key);
+  if (existing && existing !== element && existing.isConnected && isDevelopment()) {
+    console.warn(`[sapar] Duplicate anchor "${key}": the most recently registered element wins. Keys must be unique.`);
+  }
+  elements.set(key, element);
+  waiters.get(key)?.forEach((resolve) => resolve(element));
+  notifyListeners();
+  return () => {
+    if (elements.get(key) !== element) return;
+    elements.delete(key);
+    notifyListeners();
+  };
+}
+function getAnchorElement(key) {
+  const registered = elements.get(key);
+  if (registered?.isConnected) return registered;
+  if (typeof document === "undefined") return null;
+  return document.querySelector(`[${ANCHOR_ATTRIBUTE}="${CSS.escape(key)}"]`);
+}
+function waitForAnchor(key, timeoutMs) {
+  const present = getAnchorElement(key);
+  if (present) return Promise.resolve(present);
+  return new Promise((resolve) => {
+    const pending = waiters.get(key) ?? /* @__PURE__ */ new Set();
+    waiters.set(key, pending);
+    const observer = new MutationObserver(() => {
+      const element = getAnchorElement(key);
+      if (element) settle(element);
+    });
+    const timer = setTimeout(() => settle(null), timeoutMs);
+    function settle(element) {
+      clearTimeout(timer);
+      observer.disconnect();
+      pending.delete(settle);
+      if (pending.size === 0 && waiters.get(key) === pending) waiters.delete(key);
+      resolve(element);
+    }
+    pending.add(settle);
+    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: [ANCHOR_ATTRIBUTE] });
+  });
+}
+var removalObserver = null;
+function watchDocument() {
+  removalObserver = new MutationObserver(notifyListeners);
+  removalObserver.observe(document.body, {
+    childList: true,
+    subtree: true,
+    attributes: true,
+    attributeFilter: [ANCHOR_ATTRIBUTE]
+  });
+}
+function stopWatchingDocument() {
+  removalObserver?.disconnect();
+  removalObserver = null;
+}
+function subscribeToAnchors(listener) {
+  if (listeners.size === 0) watchDocument();
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+    if (listeners.size === 0) stopWatchingDocument();
+  };
+}
+
+// src/web/stores.ts
+function storageWithMemoryFallback(resolve) {
+  const memory = /* @__PURE__ */ new Map();
+  function readStored(key) {
+    try {
+      return resolve().getItem(key);
+    } catch {
+      return null;
+    }
+  }
+  return {
+    get: (key) => readStored(key) ?? memory.get(key) ?? null,
+    set(key, value) {
+      try {
+        resolve().setItem(key, value);
+      } catch {
+        memory.set(key, value);
+      }
+    },
+    remove(key) {
+      memory.delete(key);
+      try {
+        resolve().removeItem(key);
+      } catch {
+      }
+    }
+  };
+}
+var localStorageStore = () => storageWithMemoryFallback(() => window.localStorage);
+var browserSessionStore = () => storageWithMemoryFallback(() => window.sessionStorage);
+
+// src/web/adapter.ts
+var SCROLL_SETTLE_TIMEOUT_MS = 1e3;
+var SCROLL_STABLE_FRAMES = 2;
+var nextFrame = () => new Promise((resolve) => requestAnimationFrame(() => resolve()));
+async function waitForScrollSettle(element) {
+  const deadline = performance.now() + SCROLL_SETTLE_TIMEOUT_MS;
+  let previous = element.getBoundingClientRect();
+  let stableFrames = 0;
+  while (stableFrames < SCROLL_STABLE_FRAMES && element.isConnected && performance.now() < deadline) {
+    await nextFrame();
+    const current = element.getBoundingClientRect();
+    stableFrames = current.top === previous.top && current.left === previous.left ? stableFrames + 1 : 0;
+    previous = current;
+  }
+}
+function createHandle(key) {
+  return {
+    key,
+    measure: async () => measureElement(getAnchorElement(key)),
+    onPress(listener) {
+      const handleClick = (event) => {
+        const element = getAnchorElement(key);
+        if (element && event.target instanceof Node && element.contains(event.target)) listener();
+      };
+      document.addEventListener("click", handleClick, true);
+      return () => document.removeEventListener("click", handleClick, true);
+    }
+  };
+}
+function createWebAdapter(options) {
+  const { compactBreakpointPx = 768 } = options;
+  return {
+    platform: "web",
+    async resolveAnchor(key, { timeoutMs }) {
+      const element = await waitForAnchor(key, timeoutMs);
+      return element ? createHandle(key) : null;
+    },
+    async scrollIntoView(handle, { reducedMotion }) {
+      const element = getAnchorElement(handle.key);
+      if (!element) return;
+      element.scrollIntoView({ block: "center", inline: "nearest", behavior: reducedMotion ? "instant" : "smooth" });
+      await waitForScrollSettle(element);
+    },
+    currentRoute: options.currentRoute,
+    async navigate(route) {
+      await options.navigate(route);
+      await nextFrame();
+    },
+    prefersReducedMotion: () => typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+    isCompact: () => window.innerWidth < compactBreakpointPx,
+    session: options.session ?? browserSessionStore(),
+    now: Date.now
+  };
+}
+
+// src/web/BodyPortal.tsx
+import { useSyncExternalStore } from "react";
+import { createPortal } from "react-dom";
+var subscribeNever = () => () => {
+};
+function BodyPortal({ children }) {
+  const isClient = useSyncExternalStore(subscribeNever, () => true, () => false);
+  return isClient ? createPortal(children, document.body) : null;
+}
+
+// src/web/useTourAnchor.ts
+import { useCallback } from "react";
+function useTourAnchor(key) {
+  const ref = useCallback((node) => node ? registerAnchor(key, node) : void 0, [key]);
+  return { ref, [ANCHOR_ATTRIBUTE]: key };
+}
+
+// src/web/useElementRect.ts
+import { useEffect, useState } from "react";
+function sameRect(a, b) {
+  if (!a || !b) return a === b;
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function useElementRect(element) {
+  const [measured, setMeasured] = useState(null);
+  useEffect(() => {
+    if (!element) return;
+    let frame = 0;
+    const remeasure = () => {
+      frame = 0;
+      const rect = measureElement(element);
+      setMeasured(
+        (previous) => previous?.element === element && sameRect(previous.rect, rect) ? previous : { element, rect }
+      );
+    };
+    const schedule = () => {
+      if (frame === 0) frame = requestAnimationFrame(remeasure);
+    };
+    const observer = new ResizeObserver(schedule);
+    observer.observe(element);
+    window.addEventListener("scroll", schedule, { passive: true, capture: true });
+    window.addEventListener("resize", schedule, { passive: true });
+    remeasure();
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("scroll", schedule, true);
+      window.removeEventListener("resize", schedule);
+      cancelAnimationFrame(frame);
+    };
+  }, [element]);
+  return measured?.element === element ? measured.rect : measureElement(element);
+}
+
+// src/web/TourPopover.tsx
+import { autoUpdate, flip, offset as offsetBy, shift, useFloating } from "@floating-ui/react-dom";
+
+// src/web/dataAttributes.ts
+var flag = (on) => on ? "" : void 0;
+
+// src/web/environment.ts
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+function subscribeToReducedMotion(listener) {
+  const query = window.matchMedia(REDUCED_MOTION_QUERY);
+  query.addEventListener("change", listener);
+  return () => query.removeEventListener("change", listener);
+}
+function subscribeToResize(listener) {
+  window.addEventListener("resize", listener);
+  return () => window.removeEventListener("resize", listener);
+}
+function useReducedMotion() {
+  const adapter = useSaparAdapter();
+  return useSyncExternalStore2(
+    subscribeToReducedMotion,
+    () => adapter?.prefersReducedMotion() ?? false,
+    () => false
+  );
+}
+function useIsCompact() {
+  const adapter = useSaparAdapter();
+  return useSyncExternalStore2(
+    subscribeToResize,
+    () => adapter?.isCompact() ?? false,
+    () => false
+  );
+}
+
+// src/web/useAnchorElement.ts
+import { useSyncExternalStore as useSyncExternalStore3 } from "react";
+function useAnchorElement(key) {
+  return useSyncExternalStore3(
+    subscribeToAnchors,
+    () => key === void 0 ? null : getAnchorElement(key),
+    () => null
+  );
+}
+
+// src/web/TourPopover.tsx
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_OFFSET_PX = 12;
+var VIEWPORT_PADDING_PX = 8;
+var SHEET_STYLE = { position: "fixed", left: 0, right: 0, bottom: 0 };
+var CENTERED_STYLE = { position: "fixed", top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
+function Popover({
+  anchor,
+  placement,
+  offset = DEFAULT_OFFSET_PX,
+  presentation = "auto",
+  className,
+  style,
+  children
+}) {
+  const element = useAnchorElement(anchor);
+  const compact = useIsCompact();
+  const sheet = resolvePresentation({ presentation, compact, fits: void 0 }) === "sheet";
+  const centered = element === null;
+  const anchored = !sheet && !centered;
+  const floating = useFloating({
+    placement: placement === "auto" ? "bottom" : placement,
+    strategy: "fixed",
+    elements: { reference: anchored ? element : null },
+    middleware: [offsetBy(offset), flip(), shift({ padding: VIEWPORT_PADDING_PX })],
+    whileElementsMounted: autoUpdate
+  });
+  const layout = sheet ? SHEET_STYLE : centered ? CENTERED_STYLE : floating.floatingStyles;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: floating.refs.setFloating,
+      className,
+      style: { ...layout, ...style },
+      "data-placement": anchored ? floating.placement : void 0,
+      "data-presentation": sheet ? "sheet" : "anchored",
+      "data-compact": flag(sheet),
+      "data-centered": flag(centered),
+      children
+    }
+  );
+}
+function TourPopover(props) {
+  const tourStep = useTourStep();
+  if (!tourStep) return null;
+  return /* @__PURE__ */ jsx(BodyPortal, { children: /* @__PURE__ */ jsx(Popover, { ...props, anchor: tourStep.step.anchor, placement: tourStep.step.placement }) });
+}
+
+// src/web/TourSpotlight.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_BOUNDS = { width: 1e5, height: 1e5 };
+var DEFAULT_RADIUS = 8;
+var TRANSITION_MS = 150;
+function Spotlight({
+  anchor,
+  padding,
+  onClickOutside,
+  className,
+  style,
+  radius = DEFAULT_RADIUS
+}) {
+  const element = useAnchorElement(anchor);
+  const rect = useElementRect(element);
+  const reducedMotion = useReducedMotion();
+  return /* @__PURE__ */ jsx2(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className,
+      color: "rgb(0 0 0 / 0.5)",
+      "data-centered": flag(rect === null),
+      style: { position: "fixed", inset: 0, width: "100%", height: "100%", pointerEvents: "none", ...style },
+      children: /* @__PURE__ */ jsx2(
+        "path",
+        {
+          d: spotlightPath({ rect, padding, radius, bounds: PAGE_BOUNDS }),
+          fill: "currentColor",
+          fillRule: "evenodd",
+          onClick: onClickOutside,
+          style: {
+            pointerEvents: "auto",
+            transitionProperty: reducedMotion ? "none" : "d",
+            transitionDuration: `${TRANSITION_MS}ms`
+          }
+        }
+      )
+    }
+  );
+}
+function TourSpotlight({ onClickOutside, ...rest }) {
+  const tourStep = useTourStep();
+  if (!tourStep) return null;
+  return /* @__PURE__ */ jsx2(BodyPortal, { children: /* @__PURE__ */ jsx2(
+    Spotlight,
+    {
+      ...rest,
+      anchor: tourStep.step.anchor,
+      padding: tourStep.step.padding,
+      onClickOutside: onClickOutside ?? tourStep.skip
+    }
+  ) });
+}
+
+// src/web/TourOverlay.tsx
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+function TourOverlay({
+  spotlightClassName,
+  spotlightStyle,
+  popoverClassName,
+  popoverStyle,
+  onClickOutside,
+  presentation,
+  children
+}) {
+  const tourStep = useTourStep();
+  if (!tourStep) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3(TourSpotlight, { className: spotlightClassName, style: spotlightStyle, onClickOutside }),
+    /* @__PURE__ */ jsx3(TourPopover, { className: popoverClassName, style: popoverStyle, presentation, children: typeof children === "function" ? children(tourStep) : children })
+  ] });
+}
+
+// src/web/TourStep.tsx
+import {
+  createContext,
+  useContext,
+  useEffect as useEffect2,
+  useId,
+  useMemo,
+  useRef
+} from "react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var StepPartsContext = createContext(null);
+function useStepParts() {
+  const parts = useContext(StepPartsContext);
+  if (!parts) throw new Error("TourStep parts must be rendered inside <TourStep.Root>.");
+  return parts;
+}
+var VISUALLY_HIDDEN = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  margin: -1,
+  padding: 0,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function Dialog({
+  tourStep,
+  announceStep = defaultAnnounceStep,
+  onKeyDown,
+  children,
+  ...rest
+}) {
+  const ref = useRef(null);
+  const baseId = useId();
+  const parts = useMemo(
+    () => ({ tourStep, titleId: `${baseId}-title`, bodyId: `${baseId}-body` }),
+    [tourStep, baseId]
+  );
+  const { step, position, total } = tourStep;
+  useEffect2(() => ref.current?.focus({ preventScroll: true }), [step.key]);
+  function handleKeyDown(event) {
+    onKeyDown?.(event);
+    if (event.key !== "Escape") return;
+    event.stopPropagation();
+    tourStep.skip();
+  }
+  return /* @__PURE__ */ jsx4(StepPartsContext.Provider, { value: parts, children: /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      ...rest,
+      ref,
+      role: "dialog",
+      "aria-modal": false,
+      "aria-labelledby": parts.titleId,
+      "aria-describedby": parts.bodyId,
+      tabIndex: -1,
+      "data-first": flag(tourStep.isFirst),
+      "data-last": flag(tourStep.isLast),
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ jsx4("div", { "aria-live": "polite", style: VISUALLY_HIDDEN, children: announceStep({ position, total, title: step.title }) }),
+        children
+      ]
+    }
+  ) });
+}
+function Root(props) {
+  const tourStep = useTourStep();
+  return tourStep ? /* @__PURE__ */ jsx4(Dialog, { ...props, tourStep }) : null;
+}
+function Title({ children, ...rest }) {
+  const { tourStep, titleId } = useStepParts();
+  return /* @__PURE__ */ jsx4("h2", { ...rest, id: titleId, children: children ?? tourStep.step.title });
+}
+function Body({ children, ...rest }) {
+  const { tourStep, bodyId } = useStepParts();
+  return /* @__PURE__ */ jsx4("p", { ...rest, id: bodyId, children: children ?? tourStep.step.body });
+}
+function Progress({ children, ...rest }) {
+  const { position, total } = useStepParts().tourStep;
+  const count = { position, total };
+  const content = typeof children === "function" ? children(count) : children ?? defaultProgress(count);
+  return /* @__PURE__ */ jsx4("span", { ...rest, children: content });
+}
+function StepButton({ render, ...props }) {
+  const buttonProps = { type: "button", ...props };
+  return render ? render(buttonProps) : /* @__PURE__ */ jsx4("button", { ...buttonProps });
+}
+function runThen(handler, action) {
+  return (event) => {
+    handler?.(event);
+    void action();
+  };
+}
+function Next({
+  doneLabel = "Done",
+  nextLabel = "Next",
+  showOnPress = false,
+  children,
+  onClick,
+  ...rest
+}) {
+  const { tourStep } = useStepParts();
+  if (tourStep.step.advanceOn === "press" && !showOnPress) return null;
+  return /* @__PURE__ */ jsx4(StepButton, { ...rest, onClick: runThen(onClick, tourStep.next), children: children ?? (tourStep.isLast ? doneLabel : nextLabel) });
+}
+function Back({ children = "Back", onClick, ...rest }) {
+  const { tourStep } = useStepParts();
+  if (tourStep.isFirst) return null;
+  return /* @__PURE__ */ jsx4(StepButton, { ...rest, onClick: runThen(onClick, tourStep.previous), children });
+}
+function Skip({ children = "Skip", onClick, ...rest }) {
+  const { tourStep } = useStepParts();
+  return /* @__PURE__ */ jsx4(StepButton, { ...rest, onClick: runThen(onClick, tourStep.skip), children });
+}
+function Close({ children = "\xD7", ...rest }) {
+  return /* @__PURE__ */ jsx4(Skip, { "aria-label": "Close tour", ...rest, children });
+}
+var TourStep = { Root, Title, Body, Progress, Next, Back, Skip, Close };
+
+export {
+  registerAnchor,
+  getAnchorElement,
+  waitForAnchor,
+  localStorageStore,
+  browserSessionStore,
+  createWebAdapter,
+  BodyPortal,
+  useTourAnchor,
+  useElementRect,
+  TourPopover,
+  TourSpotlight,
+  TourOverlay,
+  TourStep
+};
+//# sourceMappingURL=chunk-7B66QEMY.js.map

package/dist/chunk-7B66QEMY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web/measure.ts","../src/web/registry.ts","../src/web/stores.ts","../src/web/adapter.ts","../src/web/BodyPortal.tsx","../src/web/useTourAnchor.ts","../src/web/useElementRect.ts","../src/web/TourPopover.tsx","../src/web/dataAttributes.ts","../src/web/environment.ts","../src/web/useAnchorElement.ts","../src/web/TourSpotlight.tsx","../src/web/TourOverlay.tsx","../src/web/TourStep.tsx"],"sourcesContent":["import type { AnchorRect } from '../core';\n\nexport function measureElement(element: HTMLElement | null): AnchorRect | null {\n    // A detached element reports an all-zero rect, which would read as a real anchor at the top-left corner.\n    if (!element?.isConnected) return null;\n    const { left, top, width, height } = element.getBoundingClientRect();\n    return { x: left, y: top, width, height };\n}\n","export const ANCHOR_ATTRIBUTE = 'data-sapar';\n\nconst elements = new Map<string, HTMLElement>();\nconst waiters = new Map<string, Set<(element: HTMLElement | null) => void>>();\nconst listeners = new Set<() => void>();\n\nconst isDevelopment = (): boolean => typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';\n\nfunction notifyListeners(): void {\n    listeners.forEach((listener) => listener());\n}\n\nexport function registerAnchor(key: string, element: HTMLElement): () => void {\n    const existing = elements.get(key);\n    // A disconnected predecessor is just a remount whose cleanup has not run yet.\n    if (existing && existing !== element && existing.isConnected && isDevelopment()) {\n        console.warn(`[sapar] Duplicate anchor \"${key}\": the most recently registered element wins. Keys must be unique.`);\n    }\n\n    elements.set(key, element);\n    waiters.get(key)?.forEach((resolve) => resolve(element));\n    notifyListeners();\n\n    return () => {\n        if (elements.get(key) !== element) return;\n        elements.delete(key);\n        notifyListeners();\n    };\n}\n\nexport function getAnchorElement(key: string): HTMLElement | null {\n    const registered = elements.get(key);\n    if (registered?.isConnected) return registered;\n    if (typeof document === 'undefined') return null;\n    return document.querySelector<HTMLElement>(`[${ANCHOR_ATTRIBUTE}=\"${CSS.escape(key)}\"]`);\n}\n\n/** Resolves `null` on timeout. Woken by registration, or by a DOM mutation for plain `data-sapar` markup. */\nexport function waitForAnchor(key: string, timeoutMs: number): Promise<HTMLElement | null> {\n    const present = getAnchorElement(key);\n    if (present) return Promise.resolve(present);\n\n    return new Promise((resolve) => {\n        const pending = waiters.get(key) ?? new Set();\n        waiters.set(key, pending);\n\n        const observer = new MutationObserver(() => {\n            const element = getAnchorElement(key);\n            if (element) settle(element);\n        });\n        const timer = setTimeout(() => settle(null), timeoutMs);\n\n        function settle(element: HTMLElement | null): void {\n            clearTimeout(timer);\n            observer.disconnect();\n            pending.delete(settle);\n            if (pending.size === 0 && waiters.get(key) === pending) waiters.delete(key);\n            resolve(element);\n        }\n\n        pending.add(settle);\n        observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: [ANCHOR_ATTRIBUTE] });\n    });\n}\n\n// Registration only reports hook anchors, and a hook's cleanup runs before React removes its node, so a removed\n// anchor (either spelling) is noticed from the DOM itself.\nlet removalObserver: MutationObserver | null = null;\n\nfunction watchDocument(): void {\n    removalObserver = new MutationObserver(notifyListeners);\n    removalObserver.observe(document.body, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: [ANCHOR_ATTRIBUTE],\n    });\n}\n\nfunction stopWatchingDocument(): void {\n    removalObserver?.disconnect();\n    removalObserver = null;\n}\n\nexport function subscribeToAnchors(listener: () => void): () => void {\n    if (listeners.size === 0) watchDocument();\n    listeners.add(listener);\n    return () => {\n        listeners.delete(listener);\n        if (listeners.size === 0) stopWatchingDocument();\n    };\n}\n","interface SyncStore {\n    get(key: string): string | null;\n    set(key: string, value: string): void;\n    remove(key: string): void;\n}\n\n// `resolve` is called per operation because merely touching `window.localStorage` can throw (blocked cookies, SSR).\nfunction storageWithMemoryFallback(resolve: () => Storage): SyncStore {\n    const memory = new Map<string, string>();\n\n    function readStored(key: string): string | null {\n        try {\n            return resolve().getItem(key);\n        } catch {\n            return null;\n        }\n    }\n\n    return {\n        get: (key) => readStored(key) ?? memory.get(key) ?? null,\n        set(key, value) {\n            try {\n                resolve().setItem(key, value);\n            } catch {\n                memory.set(key, value);\n            }\n        },\n        remove(key) {\n            memory.delete(key);\n            try {\n                resolve().removeItem(key);\n            } catch {\n                // Nothing persisted, nothing to remove.\n            }\n        },\n    };\n}\n\nexport const localStorageStore = (): SyncStore => storageWithMemoryFallback(() => window.localStorage);\n\nexport const browserSessionStore = (): SyncStore => storageWithMemoryFallback(() => window.sessionStorage);\n","import type { AnchorHandle, PlatformAdapter, SessionStore } from '../core';\nimport { measureElement } from './measure';\nimport { getAnchorElement, waitForAnchor } from './registry';\nimport { browserSessionStore } from './stores';\n\nexport interface WebAdapterOptions {\n    /** Push navigation, e.g. `router.push`. */\n    navigate: (route: string) => void | Promise<void>;\n    /** The route the host router currently reports. */\n    currentRoute: () => string;\n    /** Viewports narrower than this are compact. Default 768. */\n    compactBreakpointPx?: number;\n    session?: SessionStore;\n}\n\nconst SCROLL_SETTLE_TIMEOUT_MS = 1000;\nconst SCROLL_STABLE_FRAMES = 2;\n\nconst nextFrame = (): Promise<void> => new Promise((resolve) => requestAnimationFrame(() => resolve()));\n\n// Smooth scrolling has no spec'd duration, so watch the element until it stops moving.\nasync function waitForScrollSettle(element: HTMLElement): Promise<void> {\n    const deadline = performance.now() + SCROLL_SETTLE_TIMEOUT_MS;\n    let previous = element.getBoundingClientRect();\n    let stableFrames = 0;\n\n    while (stableFrames < SCROLL_STABLE_FRAMES && element.isConnected && performance.now() < deadline) {\n        await nextFrame();\n        const current = element.getBoundingClientRect();\n        stableFrames = current.top === previous.top && current.left === previous.left ? stableFrames + 1 : 0;\n        previous = current;\n    }\n}\n\n// The element is looked up on every call (and press is caught at the document) because React may remount it.\nfunction createHandle(key: string): AnchorHandle {\n    return {\n        key,\n        measure: async () => measureElement(getAnchorElement(key)),\n        onPress(listener) {\n            const handleClick = (event: MouseEvent): void => {\n                const element = getAnchorElement(key);\n                if (element && event.target instanceof Node && element.contains(event.target)) listener();\n            };\n            document.addEventListener('click', handleClick, true);\n            return () => document.removeEventListener('click', handleClick, true);\n        },\n    };\n}\n\nexport function createWebAdapter(options: WebAdapterOptions): PlatformAdapter {\n    const { compactBreakpointPx = 768 } = options;\n\n    return {\n        platform: 'web',\n        async resolveAnchor(key, { timeoutMs }) {\n            const element = await waitForAnchor(key, timeoutMs);\n            return element ? createHandle(key) : null;\n        },\n        async scrollIntoView(handle, { reducedMotion }) {\n            const element = getAnchorElement(handle.key);\n            if (!element) return;\n            element.scrollIntoView({ block: 'center', inline: 'nearest', behavior: reducedMotion ? 'instant' : 'smooth' });\n            await waitForScrollSettle(element);\n        },\n        currentRoute: options.currentRoute,\n        async navigate(route) {\n            await options.navigate(route);\n            await nextFrame();\n        },\n        prefersReducedMotion: () =>\n            typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches,\n        isCompact: () => window.innerWidth < compactBreakpointPx,\n        session: options.session ?? browserSessionStore(),\n        now: Date.now,\n    };\n}\n","'use client';\n\nimport { useSyncExternalStore, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst subscribeNever = (): (() => void) => () => {};\n\n/** Renders nothing on the server and during hydration, then portals into `document.body`. */\nexport function BodyPortal({ children }: { children: ReactNode }) {\n    const isClient = useSyncExternalStore(subscribeNever, () => true, () => false);\n    return isClient ? createPortal(children, document.body) : null;\n}\n","'use client';\n\nimport { useCallback, type RefCallback } from 'react';\nimport { ANCHOR_ATTRIBUTE, registerAnchor } from './registry';\n\nexport interface TourAnchorProps<K extends string, E extends HTMLElement> {\n    ref: RefCallback<E>;\n    [ANCHOR_ATTRIBUTE]: K;\n}\n\n/** Spread the result onto the element a tour step points at: `<button {...useTourAnchor('billing.upgrade')} />`. */\nexport function useTourAnchor<K extends string = string, E extends HTMLElement = HTMLElement>(\n    key: K,\n): TourAnchorProps<K, E> {\n    const ref = useCallback<RefCallback<E>>((node) => (node ? registerAnchor(key, node) : undefined), [key]);\n    return { ref, [ANCHOR_ATTRIBUTE]: key };\n}\n","'use client';\n\nimport { useEffect, useState } from 'react';\nimport type { AnchorRect } from '../core';\nimport { measureElement } from './measure';\n\nfunction sameRect(a: AnchorRect | null, b: AnchorRect | null): boolean {\n    if (!a || !b) return a === b;\n    return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n}\n\ninterface Measured {\n    element: HTMLElement;\n    rect: AnchorRect | null;\n}\n\n/** Live viewport rect of `element`, re-measured at most once per animation frame; null when there is none or it is detached. */\nexport function useElementRect(element: HTMLElement | null): AnchorRect | null {\n    // The rect is stored with the element it belongs to, so it can never be read for another one.\n    const [measured, setMeasured] = useState<Measured | null>(null);\n\n    useEffect(() => {\n        if (!element) return;\n        let frame = 0;\n\n        const remeasure = (): void => {\n            frame = 0;\n            const rect = measureElement(element);\n            setMeasured((previous) =>\n                previous?.element === element && sameRect(previous.rect, rect) ? previous : { element, rect },\n            );\n        };\n        const schedule = (): void => {\n            if (frame === 0) frame = requestAnimationFrame(remeasure);\n        };\n\n        const observer = new ResizeObserver(schedule);\n        observer.observe(element);\n        // Capture: scroll does not bubble, and the anchor may sit in a nested scroller.\n        window.addEventListener('scroll', schedule, { passive: true, capture: true });\n        window.addEventListener('resize', schedule, { passive: true });\n        remeasure();\n\n        return () => {\n            observer.disconnect();\n            window.removeEventListener('scroll', schedule, true);\n            window.removeEventListener('resize', schedule);\n            cancelAnimationFrame(frame);\n        };\n    }, [element]);\n\n    // Until the effect has measured a new element, measure it directly to avoid a frame without its rect.\n    return measured?.element === element ? measured.rect : measureElement(element);\n}\n","'use client';\n\nimport { autoUpdate, flip, offset as offsetBy, shift, useFloating } from '@floating-ui/react-dom';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { resolvePresentation, type Presentation, type Placement } from '../core';\nimport { useTourStep } from '../react';\nimport { BodyPortal } from './BodyPortal';\nimport { flag } from './dataAttributes';\nimport { useIsCompact } from './environment';\nimport { useAnchorElement } from './useAnchorElement';\n\nconst DEFAULT_OFFSET_PX = 12;\nconst VIEWPORT_PADDING_PX = 8;\n\nconst SHEET_STYLE: CSSProperties = { position: 'fixed', left: 0, right: 0, bottom: 0 };\nconst CENTERED_STYLE: CSSProperties = { position: 'fixed', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' };\n\nexport interface TourPopoverProps {\n    className?: string;\n    style?: CSSProperties;\n    /** Gap in px between the anchor and the popover. */\n    offset?: number;\n    /**\n     * `'anchored'` puts the popover next to the anchor (centred without one), `'sheet'` is a bottom sheet, and\n     * `'auto'` is a sheet on viewports narrower than the adapter's `compactBreakpointPx` (default 768). Default `'auto'`.\n     */\n    presentation?: Presentation;\n    children?: ReactNode;\n}\n\nfunction Popover({\n    anchor,\n    placement,\n    offset = DEFAULT_OFFSET_PX,\n    presentation = 'auto',\n    className,\n    style,\n    children,\n}: TourPopoverProps & { anchor: string | undefined; placement: Placement }) {\n    const element = useAnchorElement(anchor);\n    const compact = useIsCompact();\n    const sheet = resolvePresentation({ presentation, compact, fits: undefined }) === 'sheet';\n    const centered = element === null;\n    const anchored = !sheet && !centered;\n\n    const floating = useFloating({\n        placement: placement === 'auto' ? 'bottom' : placement,\n        strategy: 'fixed',\n        elements: { reference: anchored ? element : null },\n        middleware: [offsetBy(offset), flip(), shift({ padding: VIEWPORT_PADDING_PX })],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const layout = sheet ? SHEET_STYLE : centered ? CENTERED_STYLE : floating.floatingStyles;\n\n    return (\n        <div\n            ref={floating.refs.setFloating}\n            className={className}\n            style={{ ...layout, ...style }}\n            data-placement={anchored ? floating.placement : undefined}\n            data-presentation={sheet ? 'sheet' : 'anchored'}\n            data-compact={flag(sheet)}\n            data-centered={flag(centered)}\n        >\n            {children}\n        </div>\n    );\n}\n\nexport function TourPopover(props: TourPopoverProps) {\n    const tourStep = useTourStep();\n    if (!tourStep) return null;\n\n    return (\n        <BodyPortal>\n            <Popover {...props} anchor={tourStep.step.anchor} placement={tourStep.step.placement} />\n        </BodyPortal>\n    );\n}\n","/** Presence-style `data-*` value, matched by Tailwind's `data-[flag]:` variants. */\nexport const flag = (on: boolean): '' | undefined => (on ? '' : undefined);\n","'use client';\n\nimport { useSyncExternalStore } from 'react';\nimport { useSaparAdapter } from '../react';\n\nconst REDUCED_MOTION_QUERY = '(prefers-reduced-motion: reduce)';\n\nfunction subscribeToReducedMotion(listener: () => void): () => void {\n    const query = window.matchMedia(REDUCED_MOTION_QUERY);\n    query.addEventListener('change', listener);\n    return () => query.removeEventListener('change', listener);\n}\n\nfunction subscribeToResize(listener: () => void): () => void {\n    window.addEventListener('resize', listener);\n    return () => window.removeEventListener('resize', listener);\n}\n\nexport function useReducedMotion(): boolean {\n    const adapter = useSaparAdapter();\n    return useSyncExternalStore(\n        subscribeToReducedMotion,\n        () => adapter?.prefersReducedMotion() ?? false,\n        () => false,\n    );\n}\n\nexport function useIsCompact(): boolean {\n    const adapter = useSaparAdapter();\n    return useSyncExternalStore(\n        subscribeToResize,\n        () => adapter?.isCompact() ?? false,\n        () => false,\n    );\n}\n","'use client';\n\nimport { useSyncExternalStore } from 'react';\nimport { getAnchorElement, subscribeToAnchors } from './registry';\n\n/** The element currently behind `key`; follows remounts. */\nexport function useAnchorElement(key: string | undefined): HTMLElement | null {\n    return useSyncExternalStore(\n        subscribeToAnchors,\n        () => (key === undefined ? null : getAnchorElement(key)),\n        () => null,\n    );\n}\n","'use client';\n\nimport type { CSSProperties } from 'react';\nimport { spotlightPath } from '../core';\nimport { useTourStep } from '../react';\nimport { flag } from './dataAttributes';\nimport { useReducedMotion } from './environment';\nimport { BodyPortal } from './BodyPortal';\nimport { useAnchorElement } from './useAnchorElement';\nimport { useElementRect } from './useElementRect';\n\n// Larger than any viewport, so the dim layer never needs the window size.\nconst PAGE_BOUNDS = { width: 100_000, height: 100_000 };\nconst DEFAULT_RADIUS = 8;\nconst TRANSITION_MS = 150;\n\nexport interface TourSpotlightProps {\n    /** Colours the dim layer through `currentColor`, e.g. `text-black/50` (or `style.color`). */\n    className?: string;\n    style?: CSSProperties;\n    /** Corner radius of the cutout in px. */\n    radius?: number;\n    /** Called when the dim layer is clicked. Defaults to skipping the tour. */\n    onClickOutside?: () => void;\n}\n\nfunction Spotlight({\n    anchor,\n    padding,\n    onClickOutside,\n    className,\n    style,\n    radius = DEFAULT_RADIUS,\n}: TourSpotlightProps & { anchor: string | undefined; padding: number; onClickOutside: () => void }) {\n    const element = useAnchorElement(anchor);\n    const rect = useElementRect(element);\n    const reducedMotion = useReducedMotion();\n\n    return (\n        <svg\n            aria-hidden=\"true\"\n            className={className}\n            color=\"rgb(0 0 0 / 0.5)\"\n            data-centered={flag(rect === null)}\n            style={{ position: 'fixed', inset: 0, width: '100%', height: '100%', pointerEvents: 'none', ...style }}\n        >\n            {/* The hole is unpainted, so clicks inside it reach the real element underneath. */}\n            <path\n                d={spotlightPath({ rect, padding, radius, bounds: PAGE_BOUNDS })}\n                fill=\"currentColor\"\n                fillRule=\"evenodd\"\n                onClick={onClickOutside}\n                style={{\n                    pointerEvents: 'auto',\n                    transitionProperty: reducedMotion ? 'none' : 'd',\n                    transitionDuration: `${TRANSITION_MS}ms`,\n                }}\n            />\n        </svg>\n    );\n}\n\nexport function TourSpotlight({ onClickOutside, ...rest }: TourSpotlightProps) {\n    const tourStep = useTourStep();\n    if (!tourStep) return null;\n\n    return (\n        <BodyPortal>\n            <Spotlight\n                {...rest}\n                anchor={tourStep.step.anchor}\n                padding={tourStep.step.padding}\n                onClickOutside={onClickOutside ?? tourStep.skip}\n            />\n        </BodyPortal>\n    );\n}\n","'use client';\n\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useTourStep, type TourStepState } from '../react';\nimport { TourPopover, type TourPopoverProps } from './TourPopover';\nimport { TourSpotlight } from './TourSpotlight';\n\nexport interface TourOverlayProps extends Pick<TourPopoverProps, 'presentation'> {\n    spotlightClassName?: string;\n    spotlightStyle?: CSSProperties;\n    popoverClassName?: string;\n    popoverStyle?: CSSProperties;\n    onClickOutside?: () => void;\n    /** The step card, either directly or built from the running step. */\n    children: ReactNode | ((tourStep: TourStepState) => ReactNode);\n}\n\nexport function TourOverlay({\n    spotlightClassName,\n    spotlightStyle,\n    popoverClassName,\n    popoverStyle,\n    onClickOutside,\n    presentation,\n    children,\n}: TourOverlayProps) {\n    const tourStep = useTourStep();\n    if (!tourStep) return null;\n\n    return (\n        <>\n            <TourSpotlight className={spotlightClassName} style={spotlightStyle} onClickOutside={onClickOutside} />\n            <TourPopover className={popoverClassName} style={popoverStyle} presentation={presentation}>\n                {typeof children === 'function' ? children(tourStep) : children}\n            </TourPopover>\n        </>\n    );\n}\n","'use client';\n\nimport {\n    createContext,\n    useContext,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    type ComponentPropsWithoutRef,\n    type CSSProperties,\n    type KeyboardEvent,\n    type MouseEvent,\n    type ReactElement,\n    type ReactNode,\n} from 'react';\nimport {\n    defaultAnnounceStep,\n    defaultProgress,\n    useTourStep,\n    type StepAnnouncement,\n    type StepCount,\n    type TourStepState,\n} from '../react';\nimport { flag } from './dataAttributes';\n\ninterface StepParts {\n    tourStep: TourStepState;\n    titleId: string;\n    bodyId: string;\n}\n\nconst StepPartsContext = createContext<StepParts | null>(null);\n\nfunction useStepParts(): StepParts {\n    const parts = useContext(StepPartsContext);\n    if (!parts) throw new Error('TourStep parts must be rendered inside <TourStep.Root>.');\n    return parts;\n}\n\nconst VISUALLY_HIDDEN: CSSProperties = {\n    position: 'absolute',\n    width: 1,\n    height: 1,\n    margin: -1,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0, 0, 0, 0)',\n    whiteSpace: 'nowrap',\n    border: 0,\n};\n\nexport interface TourStepRootProps extends ComponentPropsWithoutRef<'div'> {\n    /** Text read by screen readers on each step change. */\n    announceStep?: (step: StepAnnouncement) => string;\n}\n\nfunction Dialog({\n    tourStep,\n    announceStep = defaultAnnounceStep,\n    onKeyDown,\n    children,\n    ...rest\n}: TourStepRootProps & { tourStep: TourStepState }) {\n    const ref = useRef<HTMLDivElement>(null);\n    const baseId = useId();\n    const parts = useMemo(\n        () => ({ tourStep, titleId: `${baseId}-title`, bodyId: `${baseId}-body` }),\n        [tourStep, baseId],\n    );\n    const { step, position, total } = tourStep;\n\n    useEffect(() => ref.current?.focus({ preventScroll: true }), [step.key]);\n\n    function handleKeyDown(event: KeyboardEvent<HTMLDivElement>): void {\n        onKeyDown?.(event);\n        if (event.key !== 'Escape') return;\n        event.stopPropagation();\n        tourStep.skip();\n    }\n\n    return (\n        <StepPartsContext.Provider value={parts}>\n            <div\n                {...rest}\n                ref={ref}\n                role=\"dialog\"\n                aria-modal={false}\n                aria-labelledby={parts.titleId}\n                aria-describedby={parts.bodyId}\n                tabIndex={-1}\n                data-first={flag(tourStep.isFirst)}\n                data-last={flag(tourStep.isLast)}\n                onKeyDown={handleKeyDown}\n            >\n                <div aria-live=\"polite\" style={VISUALLY_HIDDEN}>\n                    {announceStep({ position, total, title: step.title })}\n                </div>\n                {children}\n            </div>\n        </StepPartsContext.Provider>\n    );\n}\n\nfunction Root(props: TourStepRootProps) {\n    const tourStep = useTourStep();\n    return tourStep ? <Dialog {...props} tourStep={tourStep} /> : null;\n}\n\nfunction Title({ children, ...rest }: ComponentPropsWithoutRef<'h2'>) {\n    const { tourStep, titleId } = useStepParts();\n    return (\n        <h2 {...rest} id={titleId}>\n            {children ?? tourStep.step.title}\n        </h2>\n    );\n}\n\nfunction Body({ children, ...rest }: ComponentPropsWithoutRef<'p'>) {\n    const { tourStep, bodyId } = useStepParts();\n    return (\n        <p {...rest} id={bodyId}>\n            {children ?? tourStep.step.body}\n        </p>\n    );\n}\n\nexport interface TourStepProgressProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {\n    /** Defaults to `\"{position} / {total}\"`. */\n    children?: ReactNode | ((count: StepCount) => ReactNode);\n}\n\nfunction Progress({ children, ...rest }: TourStepProgressProps) {\n    const { position, total } = useStepParts().tourStep;\n    const count = { position, total };\n    const content = typeof children === 'function' ? children(count) : (children ?? defaultProgress(count));\n    return <span {...rest}>{content}</span>;\n}\n\ntype ButtonProps = ComponentPropsWithoutRef<'button'>;\n\nexport interface TourStepButtonProps extends ButtonProps {\n    /** Renders your own button (a design-system component) with the wired-up props. */\n    render?: (props: ButtonProps) => ReactElement;\n}\n\nfunction StepButton({ render, ...props }: TourStepButtonProps) {\n    const buttonProps: ButtonProps = { type: 'button', ...props };\n    return render ? render(buttonProps) : <button {...buttonProps} />;\n}\n\nfunction runThen(handler: ButtonProps['onClick'], action: () => unknown) {\n    return (event: MouseEvent<HTMLButtonElement>): void => {\n        handler?.(event);\n        void action();\n    };\n}\n\nexport interface TourStepNextProps extends TourStepButtonProps {\n    /** Labels for the last step and the others. Ignored when `children` is given. */\n    doneLabel?: ReactNode;\n    nextLabel?: ReactNode;\n    /** Steps that advance when the anchor is pressed hide this button unless set. */\n    showOnPress?: boolean;\n}\n\nfunction Next({\n    doneLabel = 'Done',\n    nextLabel = 'Next',\n    showOnPress = false,\n    children,\n    onClick,\n    ...rest\n}: TourStepNextProps) {\n    const { tourStep } = useStepParts();\n    if (tourStep.step.advanceOn === 'press' && !showOnPress) return null;\n\n    return (\n        <StepButton {...rest} onClick={runThen(onClick, tourStep.next)}>\n            {children ?? (tourStep.isLast ? doneLabel : nextLabel)}\n        </StepButton>\n    );\n}\n\nfunction Back({ children = 'Back', onClick, ...rest }: TourStepButtonProps) {\n    const { tourStep } = useStepParts();\n    if (tourStep.isFirst) return null;\n\n    return (\n        <StepButton {...rest} onClick={runThen(onClick, tourStep.previous)}>\n            {children}\n        </StepButton>\n    );\n}\n\nfunction Skip({ children = 'Skip', onClick, ...rest }: TourStepButtonProps) {\n    const { tourStep } = useStepParts();\n    return (\n        <StepButton {...rest} onClick={runThen(onClick, tourStep.skip)}>\n            {children}\n        </StepButton>\n    );\n}\n\nfunction Close({ children = '×', ...rest }: TourStepButtonProps) {\n    return (\n        <Skip aria-label=\"Close tour\" {...rest}>\n            {children}\n        </Skip>\n    );\n}\n\nexport const TourStep = { Root, Title, Body, Progress, Next, Back, Skip, Close };\n"],"mappings":"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","names":["useSyncExternalStore","useSyncExternalStore","useSyncExternalStore","useSyncExternalStore","jsx","jsx","useEffect","jsx","jsxs","useEffect"]}