@robertlinde/react-tour-kit 0.8.9 → 1.0.0

package/dist/react-platform/dom/scroll.util.js

@@ -0,0 +1,250 @@
+import { deflate, narrowClip } from '../../shared/geometry/box.util.js';
+import { requestFrame } from '../../shared/utils/frame.util.js';
+import { pageDirection, parentOf } from './elements.util.js';
+import { occludersOver } from './occluders.util.js';
+import { readViewport } from './viewport.util.js';
+const clippingOverflow = new Set(['hidden', 'scroll', 'auto', 'overlay', 'clip']);
+/**
+ * Overflow the user can scroll. `hidden` only clips: what it shows is up to the app (carousels,
+ * sliders, off-canvas menus), so the tour never scrolls it.
+ */
+const userScrollable = new Set(['scroll', 'auto', 'overlay']);
+/**
+ * True for elements whose overflow is the page's (CSS overflow propagation): `<html>`, and `<body>`
+ * unless `<html>` has an overflow of its own (then `<body>` is a scroll container like any other).
+ */
+function holdsPageOverflow(element) {
+    if (element === document.documentElement) {
+        return true;
+    }
+    return element === document.body && getComputedStyle(document.documentElement).overflowY === 'visible';
+}
+/** The page's own overflow per axis (from `<html>`, or from `<body>` when `<html>` has none). */
+export function readPageOverflow() {
+    const root = getComputedStyle(document.documentElement);
+    const style = root.overflowY === 'visible' && document.body ? getComputedStyle(document.body) : root;
+    return { x: style.overflowX, y: style.overflowY };
+}
+function isSet(value) {
+    return value !== '' && value !== 'none';
+}
+/**
+ * True when an element with `style` is the containing block of `position: absolute` (or `fixed`)
+ * descendants: their position, clipping and scrolling come from it, not from the elements between.
+ */
+function isContainingBlock(style, of) {
+    if (of === 'absolute' && style.position !== 'static') {
+        return true;
+    }
+    return (['transform', 'translate', 'rotate', 'scale', 'perspective', 'filter', 'backdrop-filter'].some((property) => isSet(style.getPropertyValue(property))) ||
+        /layout|paint|strict|content/u.test(style.getPropertyValue('contain')) ||
+        /transform|translate|rotate|scale|perspective|filter/u.test(style.getPropertyValue('will-change')) ||
+        !['', 'normal'].includes(style.getPropertyValue('container-type')) ||
+        style.getPropertyValue('content-visibility') === 'auto');
+}
+function escapeOf(position) {
+    return position === 'absolute' || position === 'fixed' ? position : undefined;
+}
+function paddingBox(element) {
+    const rect = element.getBoundingClientRect();
+    return {
+        x: rect.left + element.clientLeft,
+        y: rect.top + element.clientTop,
+        width: element.clientWidth,
+        height: element.clientHeight,
+    };
+}
+/** A computed length (`20px`, `10%`, `calc(10% + 20px)`) in pixels; percentages refer to `basis`. */
+export function resolveLength(value, basis) {
+    const expression = value.startsWith('calc(') && value.endsWith(')') ? value.slice(5, -1) : value;
+    let total = 0;
+    let sign = 1;
+    for (const token of expression.trim().split(/\s+/u)) {
+        if (token === '+' || token === '-') {
+            sign = token === '-' ? -1 : 1;
+            continue;
+        }
+        const match = /^(-?[\d.]+(?:e[+-]?\d+)?)(px|%)$/iu.exec(token);
+        if (!match?.[1]) {
+            // `auto`, or an expression this does not understand.
+            return Number.parseFloat(value) || 0;
+        }
+        const amount = Number(match[1]);
+        total += sign * (match[2] === '%' ? (amount / 100) * basis : amount);
+    }
+    return Number.isFinite(total) ? total : 0;
+}
+function scrollPadding(element, size) {
+    const style = getComputedStyle(element);
+    return {
+        top: resolveLength(style.scrollPaddingTop, size.height),
+        right: resolveLength(style.scrollPaddingRight, size.width),
+        bottom: resolveLength(style.scrollPaddingBottom, size.height),
+        left: resolveLength(style.scrollPaddingLeft, size.width),
+    };
+}
+/**
+ * Walks up from `element`, collecting the scroll containers and clipping that apply to it. An
+ * absolutely positioned element escapes the overflow of the ancestors between it and its
+ * containing block (a dropdown sticking out of a navigation bar); a fixed one escapes everything
+ * up to the page.
+ */
+export function inspectAncestors(element) {
+    const scrollers = [];
+    let clip;
+    let escaping = escapeOf(getComputedStyle(element).position);
+    for (let current = parentOf(element); current && current !== document.documentElement; current = parentOf(current)) {
+        if (holdsPageOverflow(current)) {
+            continue;
+        }
+        const style = getComputedStyle(current);
+        if (escaping) {
+            if (!isContainingBlock(style, escaping)) {
+                continue;
+            }
+            escaping = undefined;
+        }
+        const clips = clippingOverflow.has(style.overflowX) || clippingOverflow.has(style.overflowY);
+        // `display: contents` elements have no box, so their overflow does nothing.
+        if (clips && style.display !== 'contents') {
+            clip = narrowClip(clip, paddingBox(current));
+            const axes = {
+                x: userScrollable.has(style.overflowX) && current.scrollWidth > current.clientWidth + 1,
+                y: userScrollable.has(style.overflowY) && current.scrollHeight > current.clientHeight + 1,
+            };
+            if (axes.x || axes.y) {
+                scrollers.push({ element: current, axes });
+            }
+        }
+        escaping = escapeOf(style.position);
+    }
+    return { scrollers, clip, fixed: escaping === 'fixed' };
+}
+function isRtl(element) {
+    return getComputedStyle(element).direction === 'rtl';
+}
+/** Where the tour may scroll on each axis: from 0 to the end where it may, nowhere where it must not. */
+function scrollRange(offset, max, axes) {
+    return {
+        minOffset: { x: axes.x ? 0 : offset.x, y: axes.y ? 0 : offset.y },
+        maxOffset: { x: axes.x ? max.x : offset.x, y: axes.y ? max.y : offset.y },
+    };
+}
+/** A nested scroll container. Horizontal offsets are normalised to [0, max] in right-to-left containers too. */
+export function elementContainer(element, axes, occluders) {
+    const maxX = () => Math.max(0, element.scrollWidth - element.clientWidth);
+    const read = () => ({
+        x: isRtl(element) ? element.scrollLeft + maxX() : element.scrollLeft,
+        y: element.scrollTop,
+    });
+    return {
+        async measure() {
+            if (!element.isConnected) {
+                return undefined;
+            }
+            const box = paddingBox(element);
+            const area = deflate(box, scrollPadding(element, box));
+            const offset = read();
+            return {
+                area,
+                obstacles: occludersOver(area, occluders()),
+                offset,
+                ...scrollRange(offset, { x: maxX(), y: Math.max(0, element.scrollHeight - element.clientHeight) }, axes),
+            };
+        },
+        async scrollTo(offset, options) {
+            element.scrollTo({
+                left: isRtl(element) ? offset.x - maxX() : offset.x,
+                top: offset.y,
+                behavior: options.animated ? 'smooth' : 'instant',
+            });
+            await waitForScrollEnd(element, read, offset, options);
+        },
+    };
+}
+/**
+ * The page itself; its visible area is the visual viewport minus safe areas and the page's
+ * scroll-padding. `overflow` is the page's own (see `readPageOverflow`), not the tour's scroll lock.
+ */
+export function pageContainer(occluders, overflow) {
+    const root = () => document.scrollingElement ?? document.documentElement;
+    const maxX = () => Math.max(0, root().scrollWidth - root().clientWidth);
+    const read = () => ({
+        x: pageDirection() === 'rtl' ? globalThis.scrollX + maxX() : globalThis.scrollX,
+        y: globalThis.scrollY,
+    });
+    // The page scrolls unless the app keeps an axis from scrolling (`overflow-x: hidden` against
+    // stray horizontal overflow, off-canvas menus): then the tour leaves that axis alone too.
+    const axes = { x: !['hidden', 'clip'].includes(overflow.x), y: !['hidden', 'clip'].includes(overflow.y) };
+    return {
+        async measure() {
+            const viewport = readViewport();
+            const visible = deflate(viewport.rect, viewport.insets);
+            const size = { width: document.documentElement.clientWidth, height: document.documentElement.clientHeight };
+            const offset = read();
+            return {
+                area: deflate(visible, scrollPadding(document.documentElement, size)),
+                // Sticky headers, floating buttons, banners: the target is scrolled clear of them where possible.
+                obstacles: occluders(),
+                offset,
+                ...scrollRange(offset, { x: maxX(), y: Math.max(0, root().scrollHeight - root().clientHeight) }, axes),
+            };
+        },
+        async scrollTo(offset, options) {
+            globalThis.scrollTo({
+                left: pageDirection() === 'rtl' ? offset.x - maxX() : offset.x,
+                top: offset.y,
+                behavior: options.animated ? 'smooth' : 'instant',
+            });
+            await waitForScrollEnd(globalThis, read, offset, options);
+        },
+    };
+}
+/** Frames without movement after which a smooth scroll counts as finished (it moved, or it never started). */
+const stillFramesAfterMoving = 3;
+const stillFramesWithoutMoving = 8;
+/**
+ * Resolves once a scroll of `scroller` has finished: at `scrollend` where browsers support it, or
+ * once the offset has reached `requested`, or has stopped changing (scroll snapping can end the
+ * scroll elsewhere). Instant scrolls finish on the next frame.
+ */
+async function waitForScrollEnd(scroller, read, requested, { animated, signal }) {
+    if (signal.aborted) {
+        return;
+    }
+    await new Promise((resolve) => {
+        let cancelFrame;
+        let previous = read();
+        let stillFrames = 0;
+        let hasMoved = false;
+        const finish = () => {
+            cancelFrame();
+            scroller.removeEventListener('scrollend', finish);
+            signal.removeEventListener('abort', finish);
+            resolve();
+        };
+        const tick = () => {
+            const current = read();
+            const isStill = Math.abs(current.x - previous.x) < 0.5 && Math.abs(current.y - previous.y) < 0.5;
+            hasMoved ||= !isStill;
+            stillFrames = isStill ? stillFrames + 1 : 0;
+            previous = current;
+            const hasArrived = Math.abs(current.x - requested.x) <= 1 && Math.abs(current.y - requested.y) <= 1;
+            const isDone = !animated ||
+                (hasArrived && isStill) ||
+                stillFrames >= (hasMoved ? stillFramesAfterMoving : stillFramesWithoutMoving);
+            if (isDone) {
+                finish();
+            }
+            else {
+                cancelFrame = requestFrame(tick);
+            }
+        };
+        if (animated) {
+            scroller.addEventListener('scrollend', finish);
+        }
+        signal.addEventListener('abort', finish);
+        cancelFrame = requestFrame(tick);
+    });
+}
+//# sourceMappingURL=scroll.util.js.map

package/dist/react-platform/dom/scroll.util.js.map

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

package/dist/react-platform/dom/viewport.util.d.ts

@@ -0,0 +1,16 @@
+import type { Box, Insets, Viewport } from '../../shared/geometry/geometry.type.js';
+/**
+ * Safe-area insets (notch, home indicator) via `env(safe-area-inset-*)`. They are only non-zero
+ * when the page opts in with `viewport-fit=cover`.
+ */
+export declare function readSafeAreaInsets(): Insets;
+/** Registers a user of the safe-area probe; the returned function releases it and removes the probe when unused. */
+export declare function acquireSafeAreaProbe(): () => void;
+/**
+ * The part of the page the user sees, in the coordinate space of `position: fixed` elements
+ * (the layout viewport): the visual viewport (pinch-zoom, on-screen keyboard), without scrollbars.
+ */
+export declare function readVisibleRect(): Box;
+/** The visible area and its safe-area insets (notch, home indicator). */
+export declare function readViewport(): Viewport;
+//# sourceMappingURL=viewport.util.d.ts.map

package/dist/react-platform/dom/viewport.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.util.d.ts","sourceRoot":"","sources":["../../../src/react-platform/dom/viewport.util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,wCAAwC,CAAC;AAIlF;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAsB3C;AAID,oHAAoH;AACpH,wBAAgB,oBAAoB,IAAI,MAAM,IAAI,CASjD;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,GAAG,CAiBrC;AAED,yEAAyE;AACzE,wBAAgB,YAAY,IAAI,QAAQ,CAEvC"}

package/dist/react-platform/dom/viewport.util.js

@@ -0,0 +1,65 @@
+import { zeroInsets } from '../../shared/geometry/box.util.js';
+let probe;
+/**
+ * Safe-area insets (notch, home indicator) via `env(safe-area-inset-*)`. They are only non-zero
+ * when the page opts in with `viewport-fit=cover`.
+ */
+export function readSafeAreaInsets() {
+    if (typeof document === 'undefined' || !document.body) {
+        return zeroInsets;
+    }
+    if (!probe?.isConnected) {
+        probe = document.createElement('div');
+        probe.setAttribute('aria-hidden', 'true');
+        probe.dataset.rtkProbe = '';
+        probe.style.cssText =
+            'position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;' +
+                'padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)';
+        document.body.append(probe);
+    }
+    const style = getComputedStyle(probe);
+    return {
+        top: Number.parseFloat(style.paddingTop) || 0,
+        right: Number.parseFloat(style.paddingRight) || 0,
+        bottom: Number.parseFloat(style.paddingBottom) || 0,
+        left: Number.parseFloat(style.paddingLeft) || 0,
+    };
+}
+let probeUsers = 0;
+/** Registers a user of the safe-area probe; the returned function releases it and removes the probe when unused. */
+export function acquireSafeAreaProbe() {
+    probeUsers++;
+    return () => {
+        probeUsers--;
+        if (probeUsers === 0) {
+            probe?.remove();
+            probe = undefined;
+        }
+    };
+}
+/**
+ * The part of the page the user sees, in the coordinate space of `position: fixed` elements
+ * (the layout viewport): the visual viewport (pinch-zoom, on-screen keyboard), without scrollbars.
+ */
+export function readVisibleRect() {
+    const root = document.documentElement;
+    const layoutWidth = root.clientWidth || window.innerWidth;
+    const layoutHeight = root.clientHeight || window.innerHeight;
+    const visual = window.visualViewport;
+    if (!visual) {
+        return { x: 0, y: 0, width: layoutWidth, height: layoutHeight };
+    }
+    const x = Math.max(0, visual.offsetLeft);
+    const y = Math.max(0, visual.offsetTop);
+    return {
+        x,
+        y,
+        width: Math.max(0, Math.min(visual.width, layoutWidth - x)),
+        height: Math.max(0, Math.min(visual.height, layoutHeight - y)),
+    };
+}
+/** The visible area and its safe-area insets (notch, home indicator). */
+export function readViewport() {
+    return { rect: readVisibleRect(), insets: readSafeAreaInsets() };
+}
+//# sourceMappingURL=viewport.util.js.map

package/dist/react-platform/dom/viewport.util.js.map

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

package/dist/react-platform/dom/web-platform.d.ts

@@ -0,0 +1,15 @@
+import type { PlatformAdapter } from '../../shared/platform/platform.type.js';
+export type WebPlatform = PlatformAdapter & {
+    /**
+     * Adds the element the tour is drawn into at the end of `<body>`. Its changes are ignored, it is
+     * skipped when looking for elements covering the target, and its pointer, focus and key events
+     * stay inside it. Returns the element to render into and the cleanup.
+     */
+    readonly mountHost: () => {
+        readonly container: HTMLElement;
+        readonly unmount: () => void;
+    };
+};
+/** The web's raw facts for the tour: measuring elements, layout events, scroll containers, the visible area. */
+export declare function createWebPlatform(): WebPlatform;
+//# sourceMappingURL=web-platform.d.ts.map

package/dist/react-platform/dom/web-platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-platform.d.ts","sourceRoot":"","sources":["../../../src/react-platform/dom/web-platform.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,eAAe,EAAkB,MAAM,wCAAwC,CAAC;AAQ5G,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,MAAM;QAAC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAC,CAAC;CAC3F,CAAC;AAwDF,gHAAgH;AAChH,wBAAgB,iBAAiB,IAAI,WAAW,CAsI/C"}

package/dist/react-platform/dom/web-platform.js

@@ -0,0 +1,169 @@
+import { hasLayout, isRendered, resolveTarget, toBox } from './elements.util.js';
+import { clearOccluderCache, findOccluders, occludersOver } from './occluders.util.js';
+import { pageOverflow } from './scroll-lock.util.js';
+import { elementContainer, inspectAncestors, pageContainer } from './scroll.util.js';
+import { readViewport } from './viewport.util.js';
+/**
+ * Events that must not reach the app's listeners on `<body>`, `document` or `window`: "click
+ * outside" handlers of menus and popovers (which would close the menu a step highlights), focus
+ * traps of the app's own dialogs, and keyboard shortcuts. The page is inert while the tour is
+ * open, so nothing in it expects them.
+ */
+const isolatedEvents = [
+    'pointerdown',
+    'pointerup',
+    'mousedown',
+    'mouseup',
+    'touchstart',
+    'touchend',
+    'click',
+    'dblclick',
+    'auxclick',
+    'contextmenu',
+    'focusin',
+    'focusout',
+    'keydown',
+    'keyup',
+];
+/** Where a target is reported in documents without layout (jsdom), so tours still run in tests: at the top of the screen. */
+const placeholderRect = { x: 0, y: 0, width: 1, height: 1 };
+function measureElement(element, host) {
+    if (!element.isConnected || !isRendered(element)) {
+        return undefined;
+    }
+    if (!hasLayout()) {
+        return { rect: placeholderRect, clip: undefined, occluders: [] };
+    }
+    const rect = toBox(element.getBoundingClientRect());
+    return { rect, clip: inspectAncestors(element).clip, occluders: occludersOver(rect, findOccluders(element, host)) };
+}
+/** `prefers-reduced-motion`, live. */
+function reducedMotionQuery() {
+    const query = typeof globalThis.matchMedia === 'function' ? globalThis.matchMedia('(prefers-reduced-motion: reduce)') : undefined;
+    return {
+        get: () => query?.matches ?? false,
+        subscribe(listener) {
+            query?.addEventListener('change', listener);
+            return () => {
+                query?.removeEventListener('change', listener);
+            };
+        },
+    };
+}
+/** The web's raw facts for the tour: measuring elements, layout events, scroll containers, the visible area. */
+export function createWebPlatform() {
+    let host;
+    const isOwnNode = (node) => host?.contains(node) ?? false;
+    const measureTarget = (target) => {
+        const element = resolveTarget(target);
+        return element ? measureElement(element, host) : undefined;
+    };
+    return {
+        async measure(target) {
+            return measureTarget(target);
+        },
+        subscribe(target, onChange) {
+            // Size changes of the page and of the target (also elements that exist but have no size yet:
+            // expanding drawers, entrance transitions). Selector targets can be replaced by a new element.
+            const resize = typeof ResizeObserver === 'function'
+                ? new ResizeObserver(() => {
+                    onChange();
+                })
+                : undefined;
+            resize?.observe(document.documentElement);
+            let observed;
+            const follow = () => {
+                const next = target === undefined ? undefined : resolveTarget(target);
+                if (next !== observed) {
+                    if (observed) {
+                        resize?.unobserve(observed);
+                    }
+                    observed = next;
+                    if (next) {
+                        resize?.observe(next);
+                    }
+                }
+            };
+            const notify = () => {
+                follow();
+                onChange();
+            };
+            follow();
+            // Content inserted, removed or restyled anywhere (except the tour itself) can move the target.
+            const mutations = new MutationObserver((records) => {
+                if (records.some((record) => !isOwnNode(record.target))) {
+                    notify();
+                }
+            });
+            mutations.observe(document.documentElement, { childList: true, subtree: true, attributes: true });
+            const visual = globalThis.visualViewport;
+            globalThis.addEventListener('scroll', notify, { capture: true, passive: true });
+            globalThis.addEventListener('resize', notify, { passive: true });
+            visual?.addEventListener('resize', notify, { passive: true });
+            visual?.addEventListener('scroll', notify, { passive: true });
+            document.addEventListener('transitionend', notify, true);
+            document.addEventListener('animationend', notify, true);
+            return () => {
+                resize?.disconnect();
+                mutations.disconnect();
+                globalThis.removeEventListener('scroll', notify, { capture: true });
+                globalThis.removeEventListener('resize', notify);
+                visual?.removeEventListener('resize', notify);
+                visual?.removeEventListener('scroll', notify);
+                document.removeEventListener('transitionend', notify, true);
+                document.removeEventListener('animationend', notify, true);
+                clearOccluderCache();
+            };
+        },
+        // Layout is always announced: by the ResizeObserver above (or, without one, by the other events).
+        isAwaitingLayout: () => false,
+        async scrollContainers(target) {
+            const element = resolveTarget(target);
+            if (!element || !hasLayout()) {
+                return [];
+            }
+            const occluders = () => findOccluders(element, host);
+            const ancestors = inspectAncestors(element);
+            const containers = ancestors.scrollers.map((scroller) => elementContainer(scroller.element, scroller.axes, occluders));
+            // Inside a `position: fixed` element, scrolling the page does not move the target.
+            return ancestors.fixed ? containers : [...containers, pageContainer(occluders, pageOverflow())];
+        },
+        getViewport: readViewport,
+        reducedMotion: reducedMotionQuery(),
+        measuresWhileScrolling: true,
+        getPixelRatio: () => globalThis.devicePixelRatio || 1,
+        mountHost() {
+            const element = document.createElement('div');
+            element.dataset.rtkHost = '';
+            // No box of its own: the page's layout (flex or grid `<body>`, `:last-child` rules) stays as it is.
+            element.style.display = 'contents';
+            // React listens for events on the element it renders into: keep that one inside, so the tour's
+            // own handlers run before the events are stopped here.
+            const container = document.createElement('div');
+            container.style.display = 'contents';
+            element.append(container);
+            const stop = (event) => {
+                event.stopPropagation();
+            };
+            for (const type of isolatedEvents) {
+                element.addEventListener(type, stop);
+            }
+            document.body.append(element);
+            host = element;
+            return {
+                container,
+                unmount() {
+                    for (const type of isolatedEvents) {
+                        element.removeEventListener(type, stop);
+                    }
+                    element.remove();
+                    if (host === element) {
+                        host = undefined;
+                    }
+                    clearOccluderCache();
+                },
+            };
+        },
+    };
+}
+//# sourceMappingURL=web-platform.js.map

package/dist/react-platform/dom/web-platform.js.map

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

package/dist/react-platform/layer/styles.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Styles of the web tour layer. Everything is scoped to `rtk-` classes. Theme values arrive as
+ * CSS variables set on `.rtk-root`. All rules live in a cascade layer, so the app's own CSS wins
+ * over them without `!important` — except for the few properties marked `!important` here: what
+ * keeps the tour in place, clickable and readable, which global resets (Tailwind's preflight,
+ * normalize.css, Bootstrap, `dialog {…}` or `button {…}` rules) would otherwise change. Those
+ * still follow the CSS variables.
+ */
+export declare const tourCss = "\n@layer react-tour-kit {\n:where(.rtk-root) {\n  --rtk-primary: #2563eb;\n  --rtk-on-primary: #ffffff;\n  --rtk-bg: #ffffff;\n  --rtk-title: #111827;\n  --rtk-text: #4b5563;\n  --rtk-overlay: rgba(0, 0, 0, 0.5);\n  --rtk-radius: 12px;\n  --rtk-spotlight-radius: 8px;\n  --rtk-ease: cubic-bezier(0.2, 0, 0, 1);\n  --rtk-z-index: 2147483000;\n}\n\n.rtk-root {\n  position: fixed !important;\n  inset: 0 !important;\n  box-sizing: border-box !important;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  max-height: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  background: transparent !important;\n  color: var(--rtk-text);\n  overflow: visible !important;\n  outline: none;\n  transform: none !important;\n  filter: none !important;\n  /* The page may have disabled pointer events on <body> (modal libraries do while open). */\n  pointer-events: auto !important;\n  z-index: var(--rtk-z-index) !important;\n  opacity: 0 !important;\n  transition: opacity var(--rtk-fade-duration, 200ms) var(--rtk-ease);\n}\n.rtk-root::backdrop { background: transparent !important; backdrop-filter: none !important; }\n.rtk-root[data-visible] { opacity: 1 !important; }\n\n.rtk-backdrop { position: fixed !important; inset: 0 !important; touch-action: pinch-zoom; }\n.rtk-backdrop[data-closable] { cursor: pointer; }\n\n.rtk-spotlight {\n  /* Its geometry is set inline, which an `!important` rule here would override. */\n  position: fixed !important;\n  right: auto;\n  bottom: auto;\n  margin: 0 !important;\n  box-sizing: border-box !important;\n  padding: 0 !important;\n  border: 0 !important;\n  pointer-events: none !important;\n  border-radius: var(--rtk-spotlight-radius);\n  box-shadow: 0 0 0 2px var(--rtk-primary), 0 0 0 200vmax var(--rtk-overlay);\n  box-shadow: 0 0 0 2px var(--rtk-primary), 0 0 0 6px color-mix(in srgb, var(--rtk-primary) 30%, transparent), 0 0 0 200vmax var(--rtk-overlay);\n}\n.rtk-spotlight[data-collapsed] { box-shadow: 0 0 0 200vmax var(--rtk-overlay); }\n\n.rtk-tooltip {\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  margin: 0 !important;\n  box-sizing: border-box;\n  display: flow-root;\n  outline: none;\n  overflow: visible;\n  transform-origin: var(--rtk-origin, center);\n}\n.rtk-tooltip[data-overflowing] { overflow: auto; overscroll-behavior: contain; }\n.rtk-tooltip[data-hidden] { visibility: hidden; }\n.rtk-tooltip[data-entering] {\n  animation: rtk-enter var(--rtk-enter-duration, 200ms) var(--rtk-ease) var(--rtk-enter-delay, 0ms) both;\n}\n.rtk-measure {\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  box-sizing: border-box;\n  display: flow-root;\n}\n\n.rtk-card {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: 380px;\n  max-width: 100%;\n  max-height: var(--rtk-max-height, none);\n  border-radius: var(--rtk-radius);\n  background: var(--rtk-bg);\n  color: var(--rtk-text);\n  box-shadow: 0 12px 32px -8px rgba(15, 23, 42, 0.35), 0 4px 12px -6px rgba(15, 23, 42, 0.2);\n  font-size: 14px;\n  line-height: 1.5;\n  text-align: start;\n}\n.rtk-arrow {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n  background: var(--rtk-bg);\n  transform: rotate(45deg);\n}\n.rtk-arrow[data-side=\"bottom\"] { top: -5px; left: calc(var(--rtk-arrow-offset) - 5px); }\n.rtk-arrow[data-side=\"top\"] { bottom: -5px; left: calc(var(--rtk-arrow-offset) - 5px); }\n.rtk-arrow[data-side=\"right\"] { left: -5px; top: calc(var(--rtk-arrow-offset) - 5px); }\n.rtk-arrow[data-side=\"left\"] { right: -5px; top: calc(var(--rtk-arrow-offset) - 5px); }\n\n.rtk-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 12px 8px 0 16px;\n}\n.rtk-counter {\n  border-radius: 999px;\n  padding: 2px 10px;\n  background: var(--rtk-primary);\n  color: var(--rtk-on-primary);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.6;\n  font-variant-numeric: tabular-nums;\n}\n.rtk-close {\n  position: relative;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box !important;\n  width: 32px !important;\n  height: 32px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 8px;\n  background: transparent !important;\n  color: var(--rtk-text) !important;\n  cursor: pointer;\n}\n.rtk-close::before, .rtk-button--prev::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: currentColor;\n  opacity: 0;\n  transition: opacity 120ms;\n}\n.rtk-close:hover::before { opacity: 0.1; }\n.rtk-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding: 8px 16px 16px;\n}\n.rtk-title { margin: 0 0 4px; color: var(--rtk-title); font-size: 17px; font-weight: 600; line-height: 1.35; }\n.rtk-content { margin: 0; overflow-wrap: anywhere; }\n.rtk-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 0 16px 16px;\n}\n.rtk-button {\n  position: relative;\n  box-sizing: border-box !important;\n  min-height: 36px !important;\n  margin: 0 !important;\n  padding: 8px 14px !important;\n  border: 0 !important;\n  border-radius: 8px;\n  font-family: inherit;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  line-height: 1.4 !important;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.rtk-button--prev { background: transparent !important; color: var(--rtk-text) !important; }\n.rtk-button--prev::before { opacity: 0.08; }\n.rtk-button--prev:hover:not(:disabled)::before { opacity: 0.14; }\n.rtk-button--next { background: var(--rtk-primary) !important; color: var(--rtk-on-primary) !important; }\n.rtk-button--next:hover { filter: brightness(1.08); }\n.rtk-button:disabled { cursor: default; opacity: 0.4; }\n.rtk-dots { display: flex; align-items: center; justify-content: center; min-width: 0; }\n.rtk-dot, .rtk-ellipsis {\n  position: relative;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box !important;\n  width: 24px !important;\n  height: 24px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  background: transparent !important;\n  color: var(--rtk-text) !important;\n}\n.rtk-dot { cursor: pointer; border-radius: 50%; }\n.rtk-dot::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.3;\n  transition: opacity 150ms, transform 150ms;\n}\n.rtk-dot[aria-current=\"step\"] { color: var(--rtk-primary) !important; }\n.rtk-dot[aria-current=\"step\"]::before { opacity: 1; transform: scale(1.15); }\n.rtk-ellipsis::before { content: '\u2026'; opacity: 0.5; font-size: 12px; letter-spacing: 1px; }\n.rtk-close:focus-visible, .rtk-button:focus-visible, .rtk-dot:focus-visible {\n  outline: 2px solid var(--rtk-primary);\n  outline-offset: 2px;\n}\n.rtk-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* Position uses the individual `translate` property (applied first), the entrance uses `transform`,\n   so scaling happens around the tooltip's own centre and never moves its position. Durations,\n   offsets and reduced motion come from the shared motion settings, as variables. */\n@keyframes rtk-enter {\n  from {\n    opacity: 0;\n    transform: translate(var(--rtk-enter-x, 0), var(--rtk-enter-y, 0)) scale(var(--rtk-enter-scale, 1));\n  }\n}\n\n@media (forced-colors: active) {\n  .rtk-spotlight { outline: 3px solid Highlight; }\n  .rtk-card { border: 1px solid CanvasText; }\n  /* Without backgrounds, a border is what shows a button is one. */\n  .rtk-button { border: 1px solid ButtonText !important; }\n  .rtk-button:disabled { border-color: GrayText !important; }\n  .rtk-dot::before { background: CanvasText; }\n  .rtk-dot[aria-current=\"step\"]::before { background: Highlight; }\n}\n}\n";
+/** Adds the stylesheet to a document once. Constructable stylesheets are not subject to CSP `style-src` restrictions. */
+export declare function injectTourStyles(document_: Document): void;
+//# sourceMappingURL=styles.d.ts.map

package/dist/react-platform/layer/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/react-platform/layer/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,i+PAgQnB,CAAC;AAIF,yHAAyH;AACzH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,QAAQ,GAAG,IAAI,CAgB1D"}