@kawaijs/renderer-dom 0.1.10 → 0.1.12

package/dist/index.js

@@ -1,17 +1,83 @@
 export * from './renderer.js';
-import { StoryVM } from '@kawaijs/runtime';
+export * from './share-meta.js';
+export * from './embed.js';
+export * from './touch.js';
+import { StoryVM, decodeContinueToken, resolveContinueToken } from '@kawaijs/runtime';
 import { DOMRenderer, preloadStoryAssets } from './renderer.js';
+import { resolveEmbedMode } from './embed.js';
+/**
+ * Resolve a public deep-link label from options or the current URL.
+ * Returns undefined when missing / invalid / internal.
+ */
+export function resolveDeepLinkLabel(story, options) {
+    const fromOpt = options?.startLabel?.trim();
+    let candidate = fromOpt || undefined;
+    if (!candidate && typeof window !== 'undefined') {
+        const search = options?.search ?? window.location.search;
+        const params = new URLSearchParams(search);
+        candidate = (params.get('at') ?? params.get('label') ?? '').trim() || undefined;
+    }
+    if (!candidate || candidate.startsWith('__'))
+        return undefined;
+    if (!story.labels[candidate])
+        return undefined;
+    return candidate;
+}
+export function resolveLangCode(options) {
+    const fromOpt = options?.lang?.trim().toLowerCase();
+    if (fromOpt)
+        return fromOpt;
+    let search = options?.search;
+    if (search === undefined && typeof window !== 'undefined') {
+        search = window.location.search;
+    }
+    if (!search)
+        return undefined;
+    const code = new URLSearchParams(search).get('lang')?.trim().toLowerCase();
+    return code || undefined;
+}
 /**
  * High-level helper to initialize and mount a visual novel into the DOM.
  */
 export function mountKawaApp(story, container, options) {
     preloadStoryAssets(story, options?.assetResolver);
+    const continueToken = options?.ignoreContinueLink
+        ? undefined
+        : resolveContinueToken(options?.search, options?.hash);
+    const continueSlot = continueToken ? decodeContinueToken(continueToken) : null;
+    const deepLink = continueSlot ? undefined : resolveDeepLinkLabel(story, options);
+    const embed = options?.embed ?? resolveEmbedMode(options?.search);
+    const lang = resolveLangCode(options);
+    const { startLabel: _ignored, search: _search, hash: _hash, ignoreContinueLink: _icl, lang: _lang, ...rendererOptions } = options ?? {};
+    const skipMenu = Boolean(deepLink || embed || continueSlot);
     const vm = new StoryVM(story);
     const renderer = new DOMRenderer(vm, {
         container,
-        ...options
+        ...rendererOptions,
+        embed,
+        syncUrlLabel: rendererOptions.syncUrlLabel ?? Boolean(deepLink || embed),
+        mainMenu: skipMenu
+            ? { ...rendererOptions.mainMenu, enabled: false }
+            : rendererOptions.mainMenu
     });
-    vm.start();
+    if (continueSlot) {
+        const res = vm.loadFromSlot(continueSlot);
+        if (!res.success) {
+            if (!renderer.isMainMenuActive()) {
+                vm.start(deepLink);
+            }
+        }
+    }
+    else if (deepLink) {
+        vm.start(deepLink);
+    }
+    else if (!renderer.isMainMenuActive()) {
+        vm.start();
+    }
+    vm.hydrateAchievements();
+    if (lang) {
+        vm.setLang(lang);
+    }
     return { vm, renderer };
 }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAA2B,MAAM,eAAe,CAAC;AAEzF;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAmB,EACnB,SAAsB,EACtB,OAA+C;IAE/C,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;IAElD,MAAM,EAAE,GAAG,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,QAAQ,GAAG,IAAI,WAAW,CAAC,EAAE,EAAE;QACnC,SAAS;QACT,GAAG,OAAO;KACX,CAAC,CAAC;IAEH,EAAE,CAAC,KAAK,EAAE,CAAC;IACX,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC;AAC1B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/layout/viewport-adapter.d.ts

@@ -0,0 +1,52 @@
+export interface VirtualCanvasConfig {
+    readonly width: number;
+    readonly height: number;
+    readonly scaleMode: 'contain' | 'cover' | 'stretch';
+}
+export interface ViewportMetrics {
+    readonly containerWidth: number;
+    readonly containerHeight: number;
+    readonly virtualWidth: number;
+    readonly virtualHeight: number;
+    readonly stageWidth: number;
+    readonly stageHeight: number;
+    readonly scale: number;
+    readonly offsetX: number;
+    readonly offsetY: number;
+}
+/**
+ * Layout Contract Implementation:
+ * Story coordinates -> Virtual canvas (1920x1080) -> Viewport adapter -> DOM layout
+ *
+ * Ensures scene semantics, positioning, and visual composition remain completely
+ * decoupled from physical screen and browser dimensions.
+ */
+export declare class ViewportAdapter {
+    private readonly container;
+    private readonly stageEl;
+    private readonly config;
+    private resizeObserver?;
+    private windowResizeListener?;
+    private currentMetrics;
+    constructor(container: HTMLElement, stageEl: HTMLElement, config?: Partial<VirtualCanvasConfig>);
+    computeMetrics(): ViewportMetrics;
+    applyMetrics(): void;
+    /**
+     * Translates story coordinates (normalized 0..1) to virtual canvas coordinates.
+     */
+    storyToVirtual(normX: number, normY: number): {
+        x: number;
+        y: number;
+    };
+    /**
+     * Translates story coordinates directly to stage pixels.
+     */
+    storyToStagePixels(normX: number, normY: number): {
+        px: number;
+        py: number;
+    };
+    getMetrics(): ViewportMetrics;
+    private initObserver;
+    destroy(): void;
+}
+//# sourceMappingURL=viewport-adapter.d.ts.map

package/dist/layout/viewport-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport-adapter.d.ts","sourceRoot":"","sources":["../../src/layout/viewport-adapter.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACrD;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAc;IACxC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAc;IACtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAsB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAiB;IACxC,OAAO,CAAC,oBAAoB,CAAC,CAAa;IAC1C,OAAO,CAAC,cAAc,CAAkB;gBAE5B,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC;IAcxF,cAAc,IAAI,eAAe;IA8CjC,YAAY,IAAI,IAAI;IAc3B;;OAEG;IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;IAO7E;;OAEG;IACI,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE;IAQ5E,UAAU,IAAI,eAAe;IAIpC,OAAO,CAAC,YAAY;IAYb,OAAO,IAAI,IAAI;CAQvB"}

package/dist/layout/viewport-adapter.js

@@ -0,0 +1,123 @@
+/**
+ * Layout Contract Implementation:
+ * Story coordinates -> Virtual canvas (1920x1080) -> Viewport adapter -> DOM layout
+ *
+ * Ensures scene semantics, positioning, and visual composition remain completely
+ * decoupled from physical screen and browser dimensions.
+ */
+export class ViewportAdapter {
+    container;
+    stageEl;
+    config;
+    resizeObserver;
+    windowResizeListener;
+    currentMetrics;
+    constructor(container, stageEl, config) {
+        this.container = container;
+        this.stageEl = stageEl;
+        this.config = {
+            width: config?.width ?? 1920,
+            height: config?.height ?? 1080,
+            scaleMode: config?.scaleMode ?? 'contain'
+        };
+        this.currentMetrics = this.computeMetrics();
+        this.applyMetrics();
+        this.initObserver();
+    }
+    computeMetrics() {
+        const containerRect = this.container.getBoundingClientRect();
+        const containerWidth = Math.max(containerRect.width, 320);
+        const containerHeight = Math.max(containerRect.height, 180);
+        const { width: virtualWidth, height: virtualHeight, scaleMode } = this.config;
+        let scale = 1;
+        let stageWidth = virtualWidth;
+        let stageHeight = virtualHeight;
+        if (scaleMode === 'contain') {
+            const scaleX = containerWidth / virtualWidth;
+            const scaleY = containerHeight / virtualHeight;
+            scale = Math.min(scaleX, scaleY);
+            stageWidth = Math.round(virtualWidth * scale);
+            stageHeight = Math.round(virtualHeight * scale);
+        }
+        else if (scaleMode === 'cover') {
+            const scaleX = containerWidth / virtualWidth;
+            const scaleY = containerHeight / virtualHeight;
+            scale = Math.max(scaleX, scaleY);
+            stageWidth = Math.round(virtualWidth * scale);
+            stageHeight = Math.round(virtualHeight * scale);
+        }
+        else {
+            // stretch
+            stageWidth = containerWidth;
+            stageHeight = containerHeight;
+            scale = containerWidth / virtualWidth;
+        }
+        const offsetX = Math.max(0, Math.round((containerWidth - stageWidth) / 2));
+        const offsetY = Math.max(0, Math.round((containerHeight - stageHeight) / 2));
+        return {
+            containerWidth,
+            containerHeight,
+            virtualWidth,
+            virtualHeight,
+            stageWidth,
+            stageHeight,
+            scale,
+            offsetX,
+            offsetY
+        };
+    }
+    applyMetrics() {
+        const m = this.computeMetrics();
+        this.currentMetrics = m;
+        this.stageEl.style.setProperty('--kawa-virtual-width', `${m.virtualWidth}px`);
+        this.stageEl.style.setProperty('--kawa-virtual-height', `${m.virtualHeight}px`);
+        this.stageEl.style.setProperty('--kawa-stage-width', `${m.stageWidth}px`);
+        this.stageEl.style.setProperty('--kawa-stage-height', `${m.stageHeight}px`);
+        this.stageEl.style.setProperty('--kawa-stage-scale', `${m.scale}`);
+        this.stageEl.style.width = `${m.stageWidth}px`;
+        this.stageEl.style.height = `${m.stageHeight}px`;
+    }
+    /**
+     * Translates story coordinates (normalized 0..1) to virtual canvas coordinates.
+     */
+    storyToVirtual(normX, normY) {
+        return {
+            x: normX * this.config.width,
+            y: normY * this.config.height
+        };
+    }
+    /**
+     * Translates story coordinates directly to stage pixels.
+     */
+    storyToStagePixels(normX, normY) {
+        const virt = this.storyToVirtual(normX, normY);
+        return {
+            px: Math.round(virt.x * this.currentMetrics.scale),
+            py: Math.round(virt.y * this.currentMetrics.scale)
+        };
+    }
+    getMetrics() {
+        return this.currentMetrics;
+    }
+    initObserver() {
+        if (typeof ResizeObserver !== 'undefined') {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.applyMetrics();
+            });
+            this.resizeObserver.observe(this.container);
+        }
+        else if (typeof window !== 'undefined') {
+            this.windowResizeListener = () => this.applyMetrics();
+            window.addEventListener('resize', this.windowResizeListener);
+        }
+    }
+    destroy() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.windowResizeListener && typeof window !== 'undefined') {
+            window.removeEventListener('resize', this.windowResizeListener);
+        }
+    }
+}
+//# sourceMappingURL=viewport-adapter.js.map

package/dist/layout/viewport-adapter.js.map

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

package/dist/modals/about-modal.d.ts

@@ -0,0 +1,3 @@
+import type { MainMenuOptions } from '../types.js';
+export declare function showAboutModal(rootEl: HTMLElement, options?: MainMenuOptions): void;
+//# sourceMappingURL=about-modal.d.ts.map

package/dist/modals/about-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"about-modal.d.ts","sourceRoot":"","sources":["../../src/modals/about-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAgEnF"}

package/dist/modals/about-modal.js

@@ -0,0 +1,59 @@
+import { SVG_ICONS } from '../icons.js';
+import { escapeHtml } from '../utils/rich-text.js';
+import { trapFocus } from '../utils/focus-trap.js';
+export function showAboutModal(rootEl, options) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card kawa-about-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'About Visual Novel');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${SVG_ICONS.info} <span>About</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close about modal');
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body kawa-about-body';
+    const gameTitle = escapeHtml(options?.title || 'Kawaijs Visual Novel');
+    const gameSub = escapeHtml(options?.subtitle || 'A modern web-native visual novel');
+    // customFooter is intentionally HTML for developer-authored footers; escape by default
+    // unless it looks like intentional markup from the engine default.
+    const rawFooter = options?.customFooter;
+    const customFooter = rawFooter ? escapeHtml(rawFooter) : 'Powered by Kawaijs Engine';
+    body.innerHTML = `
+    <div class="kawa-about-content">
+      <div class="kawa-about-logo-badge">${SVG_ICONS.sakura}</div>
+      <h2 class="kawa-about-game-title">${gameTitle}</h2>
+      <p class="kawa-about-game-sub">${gameSub}</p>
+      <div class="kawa-about-divider"></div>
+      <p class="kawa-about-info">Built with <strong>Kawaijs</strong> — a web-native visual novel engine and toolchain inspired by Ren'Py.</p>
+      <div class="kawa-about-footer-text">${customFooter}</div>
+    </div>
+  `;
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=about-modal.js.map

package/dist/modals/about-modal.js.map

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

package/dist/modals/achievements-modal.d.ts

@@ -0,0 +1,4 @@
+import type { StoryVM } from '@kawaijs/runtime';
+import type { AchievementDefinition } from '@kawaijs/ast';
+export declare function showAchievementsModal(rootEl: HTMLElement, vm: StoryVM, catalog?: readonly AchievementDefinition[]): void;
+//# sourceMappingURL=achievements-modal.d.ts.map

package/dist/modals/achievements-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"achievements-modal.d.ts","sourceRoot":"","sources":["../../src/modals/achievements-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAoB,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAK1D,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,OAAO,EACX,OAAO,GAAE,SAAS,qBAAqB,EAAO,GAC7C,IAAI,CA6GN"}

package/dist/modals/achievements-modal.js

@@ -0,0 +1,103 @@
+import { SVG_ICONS } from '../icons.js';
+import { trapFocus } from '../utils/focus-trap.js';
+import { escapeHtml } from '../utils/rich-text.js';
+export function showAchievementsModal(rootEl, vm, catalog = []) {
+    const existing = rootEl.querySelector('.kawa-modal-overlay:not(.kawa-confirm-overlay)');
+    if (existing)
+        existing.remove();
+    const unlocked = vm.getState().achievements;
+    const byId = new Map();
+    for (const a of catalog)
+        byId.set(a.id, a);
+    for (const a of Object.values(unlocked)) {
+        if (!byId.has(a.id)) {
+            byId.set(a.id, { id: a.id, title: a.title, description: a.description });
+        }
+    }
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', 'Achievements');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `${SVG_ICONS.bookmark} <span>Achievements</span>`;
+    const releaseFocus = trapFocus(card);
+    const close = () => {
+        releaseFocus();
+        overlay.remove();
+    };
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close();
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    const list = document.createElement('div');
+    list.className = 'kawa-achievements-list';
+    const entries = Array.from(byId.values());
+    if (entries.length === 0) {
+        const empty = document.createElement('p');
+        empty.className = 'kawa-slot-empty-text';
+        empty.textContent = 'No achievements yet. Use unlock "id" in your script.';
+        list.appendChild(empty);
+    }
+    else {
+        for (const def of entries) {
+            const got = unlocked[def.id];
+            const row = document.createElement('div');
+            row.className = `kawa-achievement-row ${got ? 'unlocked' : 'locked'}`;
+            row.innerHTML = `
+        <div class="kawa-achievement-title">${escapeHtml(def.title || def.id)}</div>
+        <div class="kawa-achievement-desc">${escapeHtml(got?.description || def.description || (got ? 'Unlocked' : 'Locked'))}</div>
+        ${got
+                ? `<div class="kawa-achievement-time">${new Date(got.unlockedAt).toLocaleString()}</div>`
+                : ''}
+      `;
+            list.appendChild(row);
+        }
+    }
+    const exportBtn = document.createElement('button');
+    exportBtn.type = 'button';
+    exportBtn.className = 'kawa-slot-btn kawa-slot-btn-link';
+    exportBtn.style.width = '100%';
+    exportBtn.style.marginTop = '12px';
+    exportBtn.innerHTML = `${SVG_ICONS.save} <span>Export JSON</span>`;
+    exportBtn.addEventListener('click', async (e) => {
+        e.preventDefault();
+        const payload = JSON.stringify(vm.exportAchievementsJson(), null, 2);
+        try {
+            if (navigator.clipboard?.writeText) {
+                await navigator.clipboard.writeText(payload);
+                exportBtn.querySelector('span').textContent = 'Copied!';
+            }
+            else {
+                window.prompt('Achievements JSON:', payload);
+            }
+        }
+        catch {
+            window.prompt('Achievements JSON:', payload);
+        }
+    });
+    body.appendChild(list);
+    body.appendChild(exportBtn);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+    overlay.addEventListener('click', (e) => {
+        if (e.target === overlay)
+            close();
+    });
+}
+//# sourceMappingURL=achievements-modal.js.map

package/dist/modals/achievements-modal.js.map

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

package/dist/modals/confirm-modal.d.ts

@@ -0,0 +1,9 @@
+export declare function showConfirmModal(rootEl: HTMLElement, options: {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel?: () => void;
+}): void;
+//# sourceMappingURL=confirm-modal.d.ts.map

package/dist/modals/confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-modal.d.ts","sourceRoot":"","sources":["../../src/modals/confirm-modal.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE;IACP,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,IAAI,CAyFN"}

package/dist/modals/confirm-modal.js

@@ -0,0 +1,80 @@
+import { SVG_ICONS } from '../icons.js';
+import { escapeHtml } from '../utils/rich-text.js';
+import { trapFocus } from '../utils/focus-trap.js';
+export function showConfirmModal(rootEl, options) {
+    // Stack on top of existing modals — do not destroy the parent overlay.
+    const overlay = document.createElement('div');
+    overlay.className = 'kawa-modal-overlay kawa-confirm-overlay';
+    overlay.style.zIndex = '10050';
+    const card = document.createElement('div');
+    card.className = 'kawa-modal-card kawa-confirm-card';
+    card.setAttribute('role', 'dialog');
+    card.setAttribute('aria-modal', 'true');
+    card.setAttribute('aria-label', options.title || 'Confirmation');
+    const header = document.createElement('div');
+    header.className = 'kawa-modal-header';
+    const title = document.createElement('div');
+    title.className = 'kawa-modal-title';
+    title.innerHTML = `<span>${escapeHtml(options.title || 'Confirmation')}</span>`;
+    const closeBtn = document.createElement('button');
+    closeBtn.type = 'button';
+    closeBtn.className = 'kawa-btn';
+    closeBtn.innerHTML = `${SVG_ICONS.close} <span>Close</span>`;
+    closeBtn.setAttribute('aria-label', 'Close');
+    const releaseFocus = trapFocus(card);
+    const close = (cancelled) => {
+        releaseFocus();
+        overlay.remove();
+        if (cancelled)
+            options.onCancel?.();
+    };
+    closeBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close(true);
+    });
+    header.appendChild(title);
+    header.appendChild(closeBtn);
+    const body = document.createElement('div');
+    body.className = 'kawa-modal-body';
+    body.style.padding = '20px 8px';
+    const msg = document.createElement('p');
+    msg.className = 'kawa-confirm-msg';
+    msg.textContent = options.message;
+    msg.style.fontSize = '1.05rem';
+    msg.style.color = '#e2e8f0';
+    msg.style.textAlign = 'center';
+    msg.style.margin = '0 0 24px 0';
+    body.appendChild(msg);
+    const actions = document.createElement('div');
+    actions.style.display = 'flex';
+    actions.style.gap = '12px';
+    actions.style.justifyContent = 'center';
+    const confirmBtn = document.createElement('button');
+    confirmBtn.type = 'button';
+    confirmBtn.className = 'kawa-btn active';
+    confirmBtn.style.padding = '8px 20px';
+    confirmBtn.textContent = options.confirmText || 'Confirm';
+    confirmBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        releaseFocus();
+        overlay.remove();
+        options.onConfirm();
+    });
+    const cancelBtn = document.createElement('button');
+    cancelBtn.type = 'button';
+    cancelBtn.className = 'kawa-btn';
+    cancelBtn.style.padding = '8px 20px';
+    cancelBtn.textContent = options.cancelText || 'Cancel';
+    cancelBtn.addEventListener('click', (e) => {
+        e.preventDefault();
+        close(true);
+    });
+    actions.appendChild(cancelBtn);
+    actions.appendChild(confirmBtn);
+    body.appendChild(actions);
+    card.appendChild(header);
+    card.appendChild(body);
+    overlay.appendChild(card);
+    rootEl.appendChild(overlay);
+}
+//# sourceMappingURL=confirm-modal.js.map

package/dist/modals/confirm-modal.js.map

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

package/dist/modals/gallery-modal.d.ts

@@ -0,0 +1,4 @@
+import type { StoryVM } from '@kawaijs/runtime';
+import type { AssetType, GalleryItem } from '../types.js';
+export declare function showGalleryModal(rootEl: HTMLElement, vm: StoryVM, galleryItems: readonly GalleryItem[] | undefined, assetResolver: (path: string, type: AssetType) => string): void;
+//# sourceMappingURL=gallery-modal.d.ts.map

package/dist/modals/gallery-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-modal.d.ts","sourceRoot":"","sources":["../../src/modals/gallery-modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAW1D,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,OAAO,EACX,YAAY,EAAE,SAAS,WAAW,EAAE,YAAK,EACzC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,GACvD,IAAI,CA8FN"}