@lemoncat7/dsh-theme-xiaohei 0.4.6 → 0.5.0

package/lib/scene/wallpaper-character.js

@@ -1,222 +0,0 @@
-import { subscribeXiaoheiHostDom } from '../host-dom.js';
-import { XIAOHEI_HOST_SELECTORS } from '../host-contract.js';
-import { XIAOHEI_SCENE_LAYER_ID } from './ids.js';
-import { resolveCharacterPlacement } from './character-layout.js';
-import { createCharacterIdleController } from './character-idle.js';
-import { characterAssets, CHARACTER_POSE_NAMES } from './character-assets.js';
-import { createCharacterMotion } from './character-motion.js';
-export const XIAOHEI_WALLPAPER_CHARACTER_ID = 'dsh-theme-xiaohei/wallpaper-character';
-/** Places the layered character only when the host geometry is settled. */
-export function installXiaoheiWallpaperCharacter(doc = typeof document === 'undefined' ? undefined : document, loadPose = characterAssets.pose) {
-    const win = doc?.defaultView;
-    if (!doc || !win)
-        return () => { };
-    let disposed = false;
-    let frame;
-    let settled;
-    let host;
-    let targets = [];
-    let dirty = true;
-    let placement = { pose: 'hidden', left: 0, top: 0, width: 0, height: 0 };
-    const ready = new Map();
-    const loading = new Set();
-    const failed = new Set();
-    const motion = typeof win.matchMedia === 'function' ? createCharacterMotion(doc) : undefined;
-    const idle = createCharacterIdleController({ now: () => win.performance.now(),
-        setTimeout: (fn, delay) => win.setTimeout(fn, delay), clearTimeout: handle => win.clearTimeout(handle),
-    }, () => schedule());
-    const sizes = new WeakMap();
-    const observer = typeof win.ResizeObserver === 'function' ? new win.ResizeObserver(entries => {
-        for (const entry of entries) {
-            const previous = sizes.get(entry.target);
-            const width = entry.contentRect.width;
-            const height = entry.contentRect.height;
-            sizes.set(entry.target, { width, height });
-            // Appending streamed paragraphs changes flow height, not its horizontal
-            // safe area. Ignore that size change instead of measuring the whole UI.
-            if (!previous || previous.width !== width || (entry.target === targets[0] && previous.height !== height))
-                dirty = true;
-        }
-        if (dirty) {
-            schedule();
-            scheduleSettled();
-        }
-    }) : undefined;
-    function reconcile() {
-        if (disposed || !doc)
-            return;
-        // The glass owner already tracks the native column's animated geometry.
-        // Do not measure controls or rebuild a different rig at intermediate widths.
-        if (doc.documentElement?.hasAttribute('data-xiaohei-sidebar-resizing')) {
-            dirty = true;
-            if (host && host.dataset.pose !== 'hidden')
-                host.dataset.pose = 'hidden';
-            idle.setPaused(true);
-            motion?.setPose(undefined, 'hidden');
-            scheduleSettled();
-            return;
-        }
-        const layer = doc.getElementById(XIAOHEI_SCENE_LAYER_ID);
-        const next = [
-            doc.querySelector(XIAOHEI_HOST_SELECTORS.sidebarShell),
-            doc.querySelector('[data-conversation-scroll]'),
-            doc.querySelector('[data-chat-flow]'),
-            doc.querySelector(XIAOHEI_HOST_SELECTORS.composerCard),
-        ];
-        if (next.some((element, i) => element !== targets[i])) {
-            targets = next;
-            observer?.disconnect();
-            for (const element of targets)
-                if (element)
-                    observer?.observe(element);
-            dirty = true;
-        }
-        if (!layer) {
-            host?.remove();
-            host = undefined;
-            idle.setPaused(true);
-            motion?.setPose(undefined, 'hidden');
-            return;
-        }
-        if (!host || host.parentElement !== layer) {
-            host?.remove();
-            doc.getElementById(XIAOHEI_WALLPAPER_CHARACTER_ID)?.remove();
-            host = doc.createElement('div');
-            host.id = XIAOHEI_WALLPAPER_CHARACTER_ID;
-            host.className = 'xiaohei-wallpaper-character';
-            host.setAttribute('aria-hidden', 'true');
-            host.dataset.pose = 'hidden';
-            for (const pose of CHARACTER_POSE_NAMES) {
-                const part = doc.createElement('span');
-                part.className = `xiaohei-wallpaper-character__${pose}`;
-                host.append(part);
-            }
-            layer.append(host);
-            dirty = true;
-        }
-        if (!dirty) {
-            renderPose();
-            return;
-        }
-        dirty = false;
-        const [sidebar, scroll, flow, composer] = targets;
-        if (!sidebar || !scroll || !composer) {
-            placement = { ...placement, pose: 'hidden' };
-            renderPose();
-            return;
-        }
-        const sidebarBounds = sidebar.getBoundingClientRect();
-        const controls = sidebarBounds.width < 100
-            ? [...sidebar.querySelectorAll('button,a,input,[role="button"],[role="treeitem"]')]
-                .map(e => e.getBoundingClientRect()).filter(r => r.width > 0 && r.height > 0)
-            : [];
-        const composerBounds = composer.getBoundingClientRect();
-        // Native message content is inset 16px from its composer column. Use the
-        // same horizontal footprint on the empty welcome page; never use its Y.
-        const flowBounds = flow?.getBoundingClientRect() ?? {
-            left: composerBounds.left + 16, right: composerBounds.right - 16, top: 0, bottom: 0
-        };
-        placement = resolveCharacterPlacement({ sidebar: sidebarBounds,
-            scroll: scroll.getBoundingClientRect(), flow: flowBounds,
-            viewportWidth: win.innerWidth, viewportHeight: win.innerHeight, controls });
-        renderPose();
-    }
-    function renderPose() {
-        if (!host || disposed)
-            return;
-        idle.setPaused(doc.hidden || placement.pose !== 'seated');
-        const pose = doc.hidden ? 'hidden' : placement.pose === 'seated' ? idle.pose : placement.pose;
-        if (pose === 'hidden') {
-            if (host.dataset.pose !== 'hidden')
-                host.dataset.pose = 'hidden';
-            motion?.setPose(undefined, 'hidden');
-            return;
-        }
-        const appearance = doc.documentElement.dataset.xiaoheiAppearance === 'light' ? 'light' : 'dark';
-        const key = `${pose}-${appearance}`;
-        if (!ready.has(key)) {
-            motion?.setPose(undefined, 'hidden');
-            // Do not retain the old location across a layout change: it could now
-            // overlap a message. Idle changes keep the already decoded seated pose.
-            if (placement.pose !== 'seated' || !['seated', 'chin', 'doze'].includes(host.dataset.pose ?? ''))
-                host.dataset.pose = 'hidden';
-            if (!loading.has(key) && !failed.has(key)) {
-                loading.add(key);
-                // Fetch only the requested pose and palette, not the complete catalog.
-                void loadPose(pose, appearance).then(async (src) => {
-                    if (disposed)
-                        return;
-                    const image = new win.Image();
-                    image.src = src;
-                    await image.decode();
-                    if (disposed)
-                        return;
-                    loading.delete(key);
-                    ready.set(key, src);
-                    schedule();
-                }).catch(() => { loading.delete(key); failed.add(key); });
-            }
-            return;
-        }
-        // Each pose keeps its own coordinates during the short crossfade. No
-        // travelling from the right edge through the conversation to the sidebar.
-        const part = host.querySelector(`.xiaohei-wallpaper-character__${pose}`);
-        if (part.dataset.appearance !== appearance) {
-            part.style.setProperty(`--xiaohei-${pose}-art`, `url("${ready.get(key)}")`);
-            part.dataset.appearance = appearance;
-        }
-        for (const key of ['left', 'top', 'width', 'height']) {
-            const value = `${Math.round(placement[key] * 100) / 100}px`;
-            if (part.style[key] !== value)
-                part.style[key] = value;
-        }
-        if (!part.dataset.ready)
-            part.dataset.ready = 'true';
-        if (host.dataset.pose !== pose)
-            host.dataset.pose = pose;
-        motion?.setPose(part, pose);
-    }
-    function schedule() {
-        if (disposed || frame !== undefined)
-            return;
-        frame = win.requestAnimationFrame(() => { frame = undefined; reconcile(); });
-    }
-    function scheduleSettled() {
-        if (settled !== undefined)
-            win.clearTimeout(settled);
-        // Native rail/collapse transitions can move the sidebar after its last
-        // size notification. One final measurement catches that resting position.
-        settled = win.setTimeout(() => { settled = undefined; dirty = true; schedule(); }, 240);
-    }
-    const unsubscribe = subscribeXiaoheiHostDom(doc, schedule);
-    const appearanceObserver = new win.MutationObserver(schedule);
-    appearanceObserver.observe(doc.documentElement, { attributes: true, attributeFilter: ['data-xiaohei-appearance'] });
-    const resized = () => { dirty = true; schedule(); scheduleSettled(); };
-    win.addEventListener('resize', resized, { passive: true });
-    const activity = () => idle.activity();
-    const events = ['pointermove', 'pointerdown', 'keydown', 'input', 'wheel'];
-    for (const event of events)
-        doc.addEventListener(event, activity, { passive: true, capture: true });
-    const visibility = () => { if (doc.hidden)
-        idle.setPaused(true); schedule(); };
-    doc.addEventListener('visibilitychange', visibility);
-    schedule();
-    return () => {
-        disposed = true;
-        if (frame !== undefined)
-            win.cancelAnimationFrame(frame);
-        if (settled !== undefined)
-            win.clearTimeout(settled);
-        unsubscribe();
-        observer?.disconnect();
-        appearanceObserver.disconnect();
-        idle.dispose();
-        motion?.dispose();
-        for (const event of events)
-            doc.removeEventListener(event, activity, true);
-        doc.removeEventListener('visibilitychange', visibility);
-        win.removeEventListener('resize', resized);
-        host?.remove();
-    };
-}
-//# sourceMappingURL=wallpaper-character.js.map

package/lib/scene.d.ts

@@ -1,8 +0,0 @@
-/** Public scene facade. Runtime structure and visual styling evolve independently. */
-export { XIAOHEI_SCENE_CSS, XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_STYLE_ID, XIAOHEI_SCENE_WORLD_CLASS, } from './scene/styles.js';
-export { configureXiaoheiWorldRenderer, installXiaoheiScene, XIAOHEI_SCENE_PART_COUNT, } from './scene/runtime.js';
-export { injectXiaoheiSylvaAvatarModel, prepareXiaoheiSylvaAvatarFrame, XIAOHEI_SYLVA_AVATAR_MARKER, } from './scene/avatar-model.js';
-export { XIAOHEI_AVATAR_MOTION_RUNTIME } from './scene/avatar-motion.js';
-export { injectXiaoheiSylvaPerformanceProfile, XIAOHEI_SYLVA_PERFORMANCE_MARKER, } from './scene/sylva-performance.js';
-export { injectXiaoheiSylvaPointerBridge, prepareXiaoheiSylvaPointerFrame, resolveXiaoheiSylvaPointer, XIAOHEI_SYLVA_POINTER_CHANNEL, XIAOHEI_SYLVA_POINTER_MARKER, } from './scene/pointer-bridge.js';
-//# sourceMappingURL=scene.d.ts.map

package/lib/scene.js

@@ -1,8 +0,0 @@
-/** Public scene facade. Runtime structure and visual styling evolve independently. */
-export { XIAOHEI_SCENE_CSS, XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_STYLE_ID, XIAOHEI_SCENE_WORLD_CLASS, } from './scene/styles.js';
-export { configureXiaoheiWorldRenderer, installXiaoheiScene, XIAOHEI_SCENE_PART_COUNT, } from './scene/runtime.js';
-export { injectXiaoheiSylvaAvatarModel, prepareXiaoheiSylvaAvatarFrame, XIAOHEI_SYLVA_AVATAR_MARKER, } from './scene/avatar-model.js';
-export { XIAOHEI_AVATAR_MOTION_RUNTIME } from './scene/avatar-motion.js';
-export { injectXiaoheiSylvaPerformanceProfile, XIAOHEI_SYLVA_PERFORMANCE_MARKER, } from './scene/sylva-performance.js';
-export { injectXiaoheiSylvaPointerBridge, prepareXiaoheiSylvaPointerFrame, resolveXiaoheiSylvaPointer, XIAOHEI_SYLVA_POINTER_CHANNEL, XIAOHEI_SYLVA_POINTER_MARKER, } from './scene/pointer-bridge.js';
-//# sourceMappingURL=scene.js.map

package/lib/sidebar-glass.d.ts

@@ -1,16 +0,0 @@
-/** Stable id for the paint-only glass surface behind DSH's native sidebar. */
-export declare const XIAOHEI_SIDEBAR_GLASS_ID = "dsh-theme-xiaohei/sidebar-glass";
-export interface XiaoheiSidebarGlassBounds {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-}
-/** Keep the visual surface inside the native sidebar without changing layout. */
-export declare function resolveXiaoheiSidebarGlassBounds(rect: Pick<DOMRect, 'left' | 'top' | 'width' | 'height'>): XiaoheiSidebarGlassBounds;
-/**
- * Mount a visual-only glass surface in the scene layer. It mirrors the native
- * sidebar geometry but never becomes an ancestor of controls or fixed dialogs.
- */
-export declare function installXiaoheiSidebarGlass(doc?: Document | undefined): () => void;
-//# sourceMappingURL=sidebar-glass.d.ts.map

package/lib/sidebar-glass.js

@@ -1,168 +0,0 @@
-import { XIAOHEI_SCENE_LAYER_ID, XIAOHEI_SCENE_WORLD_CLASS } from './scene/ids.js';
-import { subscribeXiaoheiHostDom } from './host-dom.js';
-import { XIAOHEI_HOST_SELECTORS } from './host-contract.js';
-import { createSidebarReveal } from './sidebar-reveal.js';
-/** Stable id for the paint-only glass surface behind DSH's native sidebar. */
-export const XIAOHEI_SIDEBAR_GLASS_ID = 'dsh-theme-xiaohei/sidebar-glass';
-const HORIZONTAL_INSET_START = 7;
-const HORIZONTAL_INSET_END = 7;
-const VERTICAL_INSET = 8;
-const RESIZE_SETTLE_MS = 120;
-/** Keep the visual surface inside the native sidebar without changing layout. */
-export function resolveXiaoheiSidebarGlassBounds(rect) {
-    return {
-        left: rect.left + HORIZONTAL_INSET_START,
-        top: rect.top + VERTICAL_INSET,
-        width: Math.max(0, rect.width - HORIZONTAL_INSET_START - HORIZONTAL_INSET_END),
-        height: Math.max(0, rect.height - VERTICAL_INSET * 2),
-    };
-}
-/**
- * Mount a visual-only glass surface in the scene layer. It mirrors the native
- * sidebar geometry but never becomes an ancestor of controls or fixed dialogs.
- */
-export function installXiaoheiSidebarGlass(doc = typeof document === 'undefined' ? undefined : document) {
-    if (doc === undefined)
-        return () => { };
-    const browserWindow = doc.defaultView;
-    if (browserWindow === null)
-        return () => { };
-    const win = browserWindow;
-    let disposed = false;
-    let glass;
-    let sidebarColumn;
-    let animationFrame;
-    let resizeSettleTimer;
-    let resizing = false;
-    let appliedBounds;
-    let geometryDirty = true;
-    const reveal = createSidebarReveal(doc);
-    const clearResizeState = () => {
-        if (resizeSettleTimer !== undefined)
-            win.clearTimeout(resizeSettleTimer);
-        resizeSettleTimer = undefined;
-        resizing = false;
-        doc.documentElement.removeAttribute('data-xiaohei-sidebar-resizing');
-    };
-    const markResizeActivity = () => {
-        if (glass === undefined)
-            return;
-        if (!resizing) {
-            resizing = true;
-            doc.documentElement.setAttribute('data-xiaohei-sidebar-resizing', '');
-        }
-        if (resizeSettleTimer !== undefined)
-            win.clearTimeout(resizeSettleTimer);
-        resizeSettleTimer = win.setTimeout(() => {
-            resizeSettleTimer = undefined;
-            resizing = false;
-            doc.documentElement.removeAttribute('data-xiaohei-sidebar-resizing');
-        }, RESIZE_SETTLE_MS);
-    };
-    const resizeObserver = typeof win.ResizeObserver === 'function'
-        ? new win.ResizeObserver(() => {
-            if (disposed)
-                return;
-            // RO runs after host layout and before paint. Update the independent
-            // paint layer now, not in next frame's RAF (which visibly trails).
-            const changed = applyBounds();
-            geometryDirty = false;
-            if (changed)
-                markResizeActivity();
-        })
-        : undefined;
-    const applyBounds = () => {
-        if (glass === undefined || sidebarColumn === undefined)
-            return false;
-        const bounds = resolveXiaoheiSidebarGlassBounds(sidebarColumn.getBoundingClientRect());
-        reveal.resize(bounds.width + HORIZONTAL_INSET_START + HORIZONTAL_INSET_END);
-        const changed = appliedBounds !== undefined && (bounds.left !== appliedBounds.left || bounds.top !== appliedBounds.top ||
-            bounds.width !== appliedBounds.width || bounds.height !== appliedBounds.height);
-        if (bounds.left !== appliedBounds?.left) {
-            glass.style.setProperty('--xiaohei-sidebar-glass-left', `${bounds.left}px`);
-        }
-        if (bounds.top !== appliedBounds?.top) {
-            glass.style.setProperty('--xiaohei-sidebar-glass-top', `${bounds.top}px`);
-        }
-        if (bounds.width !== appliedBounds?.width) {
-            glass.style.setProperty('--xiaohei-sidebar-glass-width', `${bounds.width}px`);
-        }
-        if (bounds.height !== appliedBounds?.height) {
-            glass.style.setProperty('--xiaohei-sidebar-glass-height', `${bounds.height}px`);
-        }
-        appliedBounds = bounds;
-        return changed;
-    };
-    const reconcile = () => {
-        if (disposed)
-            return;
-        const sceneLayer = doc.getElementById(XIAOHEI_SCENE_LAYER_ID);
-        const nextSidebarColumn = doc.querySelector(XIAOHEI_HOST_SELECTORS.sidebarColumn) ?? undefined;
-        if (nextSidebarColumn !== sidebarColumn) {
-            resizeObserver?.disconnect();
-            sidebarColumn = nextSidebarColumn;
-            geometryDirty = true;
-            if (sidebarColumn !== undefined)
-                resizeObserver?.observe(sidebarColumn);
-        }
-        if (sceneLayer === null || sidebarColumn === undefined) {
-            reveal.setColumn(undefined);
-            clearResizeState();
-            glass?.remove();
-            glass = undefined;
-            appliedBounds = undefined;
-            geometryDirty = true;
-            return;
-        }
-        reveal.setColumn(sidebarColumn);
-        if (glass === undefined || glass.parentElement !== sceneLayer) {
-            doc.getElementById(XIAOHEI_SIDEBAR_GLASS_ID)?.remove();
-            glass = doc.createElement('div');
-            glass.id = XIAOHEI_SIDEBAR_GLASS_ID;
-            glass.setAttribute('aria-hidden', 'true');
-            appliedBounds = undefined;
-            geometryDirty = true;
-            const world = sceneLayer.querySelector(`.${XIAOHEI_SCENE_WORLD_CLASS}`);
-            // null is meaningful here: insertBefore(node, null) appends after a
-            // last-child wallpaper. Falling back to firstChild hides glass UNDER it.
-            sceneLayer.insertBefore(glass, world !== null ? world.nextSibling : sceneLayer.firstChild);
-        }
-        // Streamed text mutates the host tree frequently. Recheck slot identity,
-        // but do not force layout unless sidebar geometry actually changed.
-        if (geometryDirty) {
-            applyBounds();
-            geometryDirty = false;
-        }
-    };
-    function scheduleReconcile() {
-        if (disposed || animationFrame !== undefined)
-            return;
-        animationFrame = win.requestAnimationFrame(() => {
-            animationFrame = undefined;
-            reconcile();
-        });
-    }
-    const unsubscribeHostDom = subscribeXiaoheiHostDom(doc, scheduleReconcile);
-    const onViewportResize = () => {
-        geometryDirty = true;
-        scheduleReconcile();
-    };
-    win.addEventListener('resize', onViewportResize, { passive: true });
-    scheduleReconcile();
-    return () => {
-        disposed = true;
-        if (animationFrame !== undefined)
-            win.cancelAnimationFrame(animationFrame);
-        animationFrame = undefined;
-        unsubscribeHostDom();
-        resizeObserver?.disconnect();
-        reveal.dispose();
-        win.removeEventListener('resize', onViewportResize);
-        clearResizeState();
-        glass?.remove();
-        glass = undefined;
-        sidebarColumn = undefined;
-        appliedBounds = undefined;
-    };
-}
-//# sourceMappingURL=sidebar-glass.js.map

package/lib/sidebar-heixiu-escape.d.ts

@@ -1,44 +0,0 @@
-interface Point {
-    x: number;
-    y: number;
-}
-interface Box {
-    left: number;
-    top: number;
-    right: number;
-    bottom: number;
-}
-export interface XiaoheiSidebarEscapeSpace {
-    width: number;
-    height: number;
-    creatureWidth: number;
-    creatureHeight: number;
-    controls: readonly Box[];
-}
-export interface XiaoheiSidebarEscapeTarget {
-    creature: HTMLElement;
-    host: HTMLElement;
-    space: XiaoheiSidebarEscapeSpace;
-}
-interface XiaoheiSidebarEscapeControllerOptions {
-    doc: Document;
-    isDisabled: () => boolean;
-    resolveTarget: () => XiaoheiSidebarEscapeTarget | undefined;
-    onFreeze: (position: Point) => void;
-    onTeleport: (destination: Point) => void;
-    onComplete: (destination: Point) => void;
-}
-export interface XiaoheiSidebarEscapeController {
-    cancel: () => void;
-    dispose: () => void;
-    isRunning: () => boolean;
-}
-export declare const XIAOHEI_SIDEBAR_ESCAPE_CSS = "\n.xiaohei-sidebar-escape-layer {\n  position: absolute;\n  inset: 0;\n  z-index: 5;\n  overflow: hidden;\n  contain: layout paint style;\n  pointer-events: none;\n}\n\n.xiaohei-sidebar-escape-portal {\n  position: absolute;\n  left: var(--xiaohei-sidebar-portal-x, 50%);\n  top: var(--xiaohei-sidebar-portal-y, 50%);\n  display: block;\n  width: 2rem;\n  height: 2.8rem;\n  border-radius: 48% 52% 45% 55% / 54% 46% 55% 45%;\n  opacity: 0;\n  background:\n    radial-gradient(ellipse at 46% 50%, #010304 0%, #020608 57%, #0a2528 70%, rgb(77 194 171 / 40%) 77%, transparent 83%);\n  box-shadow:\n    inset 0 0 0.55rem rgb(0 0 0 / 94%),\n    0 0 0.65rem rgb(76 201 177 / 16%);\n  transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);\n  transform-origin: center;\n  will-change: transform, opacity;\n}\n\n.xiaohei-sidebar-escape-portal::after {\n  position: absolute;\n  inset: 14% 19%;\n  display: block;\n  content: '';\n  border-radius: inherit;\n  background: #000102;\n  box-shadow: inset 0.15rem 0 0.36rem rgb(18 68 67 / 42%);\n}\n\n.xiaohei-sidebar-escape-layer[data-xiaohei-sidebar-escape-phase='enter']\n  .xiaohei-sidebar-escape-portal--entry,\n.xiaohei-sidebar-escape-layer[data-xiaohei-sidebar-escape-phase='exit']\n  .xiaohei-sidebar-escape-portal--exit {\n  animation: xiaohei-sidebar-escape-portal-open 520ms cubic-bezier(.2, .76, .24, 1) both;\n}\n\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]::before {\n  opacity: 0;\n}\n\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]\n  .xiaohei-scene__heixiu-body {\n  position: absolute;\n  inset: 0;\n  display: block;\n  transition: none;\n  transform-origin: center;\n  will-change: transform, opacity;\n}\n\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase='enter']\n  .xiaohei-scene__heixiu-body {\n  animation: xiaohei-sidebar-heixiu-enter 460ms cubic-bezier(.42, 0, .72, .38) both;\n}\n\n.xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase='exit']\n  .xiaohei-scene__heixiu-body {\n  animation: xiaohei-sidebar-heixiu-exit 540ms cubic-bezier(.18, .76, .24, 1) both;\n}\n\n@keyframes xiaohei-sidebar-escape-portal-open {\n  0% {\n    opacity: 0;\n    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);\n  }\n  20%, 72% {\n    opacity: .94;\n    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(1, 1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(-50%, -50%, 0) rotate(var(--xiaohei-sidebar-portal-angle, 0deg)) scale3d(.06, .16, 1);\n  }\n}\n\n@keyframes xiaohei-sidebar-heixiu-enter {\n  0%, 15% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }\n  70% { opacity: .82; }\n  100% {\n    transform: translate3d(var(--xiaohei-sidebar-escape-in-x), var(--xiaohei-sidebar-escape-in-y), 0) scale(.08);\n    opacity: 0;\n  }\n}\n\n@keyframes xiaohei-sidebar-heixiu-exit {\n  0%, 16% {\n    transform: translate3d(var(--xiaohei-sidebar-escape-out-x), var(--xiaohei-sidebar-escape-out-y), 0) scale(.08);\n    opacity: 0;\n  }\n  38% { opacity: .72; }\n  100% { transform: translate3d(0, 0, 0) scale(1); opacity: 1; }\n}\n\nhtml[data-xiaohei-appearance='light'] .xiaohei-sidebar-escape-portal {\n  background:\n    radial-gradient(ellipse at 46% 50%, #010304 0%, #030708 58%, #123231 70%, rgb(46 142 121 / 34%) 77%, transparent 83%);\n  box-shadow:\n    inset 0 0 0.55rem rgb(0 0 0 / 94%),\n    0 0 0.58rem rgb(44 139 118 / 18%);\n}\n\n@media (prefers-reduced-motion: reduce), (hover: none) and (pointer: coarse), (forced-colors: active) {\n  .xiaohei-sidebar-escape-layer { display: none; }\n\n  .xiaohei-scene__heixiu--sidebar[data-xiaohei-sidebar-escape-phase]\n    .xiaohei-scene__heixiu-body {\n    animation: none;\n    will-change: auto;\n  }\n}\n";
-/** True when the pointer is close enough for the sidebar companion to flee. */
-export declare function isXiaoheiSidebarPointerNear(pointer: Point, creatureCenter: Point): boolean;
-/** Choose a low-obstruction endpoint that is meaningfully away from the pointer. */
-export declare function chooseXiaoheiSidebarEscapeDestination(space: XiaoheiSidebarEscapeSpace, pointer: Point, current: Point, random?: () => number): Point;
-/** Own pointer proximity and the enter/exit portal sequence; roaming owns position. */
-export declare function createXiaoheiSidebarEscapeController(options: XiaoheiSidebarEscapeControllerOptions): XiaoheiSidebarEscapeController;
-export {};
-//# sourceMappingURL=sidebar-heixiu-escape.d.ts.map