@sanity-labs/slides 0.0.0

package/dist/dev/dev-server/client/entry.d.ts

@@ -0,0 +1,2 @@
+import '../../styles.css';
+//# sourceMappingURL=entry.d.ts.map

package/dist/dev/dev-server/client/entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../../../src/dev/dev-server/client/entry.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC"}

package/dist/dev/dev-server/client/entry.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../../styles.css';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { DeckViewer } from '../../deck-viewer.js';
+// @ts-expect-error -- resolved at runtime by the dev-server Vite plugin
+import { template } from 'virtual:slides-dev/template';
+const node = document.getElementById('root');
+if (!node)
+    throw new Error('slides-dev: missing #root in index.html');
+createRoot(node).render(_jsx(StrictMode, { children: _jsx(DeckViewer, { template: template }) }));
+//# sourceMappingURL=entry.js.map

package/dist/dev/dev-server/client/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../src/dev/dev-server/client/entry.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,wEAAwE;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAC7C,IAAI,CAAC,IAAI;IAAE,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;AAEtE,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CACrB,KAAC,UAAU,cACT,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACvB,CACd,CAAC"}

package/dist/dev/dev-server/output.d.ts

@@ -0,0 +1,8 @@
+export declare const formatBanner: (templateName: string, startedInMs: number) => string;
+export declare const formatReady: (params: {
+    url: string;
+    templatePath: string;
+    host: boolean;
+}) => string;
+export declare const formatStartupError: (err: unknown) => string;
+//# sourceMappingURL=output.d.ts.map

package/dist/dev/dev-server/output.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"output.d.ts","sourceRoot":"","sources":["../../../src/dev/dev-server/output.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,EAAE,aAAa,MAAM,KAAG,MAKxE,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,QAAQ;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf,KAAG,MASH,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,KAAK,OAAO,KAAG,MAWjD,CAAC"}

package/dist/dev/dev-server/output.js

@@ -0,0 +1,32 @@
+import pc from 'picocolors';
+const PKG = 'react-pptx-dev';
+export const formatBanner = (templateName, startedInMs) => {
+    const title = pc.bold(pc.magenta('slides-dev'));
+    const tmpl = pc.dim('•') + ' ' + pc.cyan(templateName);
+    const took = pc.dim(`ready in ${startedInMs}ms`);
+    return `\n  ${title}  ${tmpl}  ${took}\n`;
+};
+export const formatReady = (params) => {
+    const arrow = pc.green('➜');
+    const lines = [];
+    lines.push(`  ${arrow}  ${pc.bold('Local:')}    ${pc.cyan(params.url)}`);
+    if (!params.host) {
+        lines.push(`  ${arrow}  ${pc.bold('Network:')}  ${pc.dim('use --host to expose')}`);
+    }
+    lines.push(`  ${arrow}  ${pc.bold('Template:')} ${pc.dim(params.templatePath)}`);
+    return lines.join('\n') + '\n';
+};
+const stripResolverPrefix = (message) => message.replace(/^slides-dev:\s*/, '');
+export const formatStartupError = (err) => {
+    const message = err instanceof Error ? err.message : String(err);
+    return [
+        '',
+        `  ${pc.red(pc.bold('Failed to start slides-dev'))}`,
+        '',
+        `  ${stripResolverPrefix(message)}`,
+        '',
+        `  ${pc.dim(`See ${PKG} --help for usage.`)}`,
+        '',
+    ].join('\n');
+};
+//# sourceMappingURL=output.js.map

package/dist/dev/dev-server/output.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output.js","sourceRoot":"","sources":["../../../src/dev/dev-server/output.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,GAAG,GAAG,gBAAgB,CAAC;AAC7B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,YAAoB,EAAE,WAAmB,EAAU,EAAE;IAChF,MAAM,KAAK,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,YAAY,WAAW,IAAI,CAAC,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC;AAC5C,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAI3B,EAAU,EAAE;IACX,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACzE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACjB,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACtF,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjF,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AACjC,CAAC,CAAC;AACF,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;AAExF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAY,EAAU,EAAE;IACzD,MAAM,OAAO,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACjE,OAAO;QACL,EAAE;QACF,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC,EAAE;QACpD,EAAE;QACF,KAAK,mBAAmB,CAAC,OAAO,CAAC,EAAE;QACnC,EAAE;QACF,KAAK,EAAE,CAAC,GAAG,CAAC,OAAO,GAAG,oBAAoB,CAAC,EAAE;QAC7C,EAAE;KACH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC,CAAC"}

package/dist/dev/dev-server/server-only-stub.d.ts

@@ -0,0 +1,7 @@
+export declare class PptxSlidesRuntime {
+    constructor();
+}
+export declare const DEFAULT_PPTX_FONT_SUBSTITUTION: Readonly<Record<string, string>>;
+export declare const translateOpsToPptx: () => never;
+export declare const hexToPptxColor: () => never;
+//# sourceMappingURL=server-only-stub.d.ts.map

package/dist/dev/dev-server/server-only-stub.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-only-stub.d.ts","sourceRoot":"","sources":["../../../src/dev/dev-server/server-only-stub.ts"],"names":[],"mappings":"AAGA,qBAAa,iBAAiB;;CAI7B;AACD,eAAO,MAAM,8BAA8B,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAqB,CAAC;AAElG,eAAO,MAAM,kBAAkB,QAAO,KAA0C,CAAC;AACjF,eAAO,MAAM,cAAc,QAAO,KAAsC,CAAC"}

package/dist/dev/dev-server/server-only-stub.js

@@ -0,0 +1,12 @@
+const browserOnly = (name) => {
+    throw new Error(`${name} is not available in the slides-dev browser viewer.`);
+};
+export class PptxSlidesRuntime {
+    constructor() {
+        browserOnly('PptxSlidesRuntime');
+    }
+}
+export const DEFAULT_PPTX_FONT_SUBSTITUTION = Object.freeze({});
+export const translateOpsToPptx = () => browserOnly('translateOpsToPptx');
+export const hexToPptxColor = () => browserOnly('hexToPptxColor');
+//# sourceMappingURL=server-only-stub.js.map

package/dist/dev/dev-server/server-only-stub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-only-stub.js","sourceRoot":"","sources":["../../../src/dev/dev-server/server-only-stub.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG,CAAC,IAAY,EAAS,EAAE;IAC1C,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,qDAAqD,CAAC,CAAC;AAChF,CAAC,CAAC;AACF,MAAM,OAAO,iBAAiB;IAC5B;QACE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACnC,CAAC;CACF;AACD,MAAM,CAAC,MAAM,8BAA8B,GAAqC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAElG,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAU,EAAE,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAU,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/dev/dev-server/start.d.ts

@@ -0,0 +1,14 @@
+import { type ViteDevServer } from 'vite';
+export type StartDevServerOptions = {
+    readonly cwd: string;
+    readonly host?: string;
+    readonly port?: number;
+};
+export type DevServerHandle = {
+    readonly server: ViteDevServer;
+    readonly url: string;
+    readonly templatePath: string;
+    readonly startedInMs: number;
+};
+export declare const startDevServer: (options: StartDevServerOptions) => Promise<DevServerHandle>;
+//# sourceMappingURL=start.d.ts.map

package/dist/dev/dev-server/start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.d.ts","sourceRoot":"","sources":["../../../src/dev/dev-server/start.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgB,KAAK,aAAa,EAAE,MAAM,MAAM,CAAC;AAKxD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,cAAc,GAAU,SAAS,qBAAqB,KAAG,OAAO,CAAC,eAAe,CAuF5F,CAAC"}

package/dist/dev/dev-server/start.js

@@ -0,0 +1,135 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { readFile } from 'node:fs/promises';
+import { dirname, resolve as pathResolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import { createServer } from 'vite';
+const VIRTUAL_ID = 'virtual:slides-dev/template';
+const RESOLVED_VIRTUAL_ID = `\0${VIRTUAL_ID}`;
+const here = dirname(fileURLToPath(import.meta.url));
+const CLIENT_ROOT = pathResolve(here, 'client');
+const SERVER_ONLY_STUB = pathResolve(here, 'server-only-stub.ts');
+const SERVER_ONLY_RE = /\/(core|react-pptx)\/(src|dist)\/(pptx-runtime|op-translator-pptx)\.[tj]s$/;
+export const startDevServer = async (options) => {
+    const startedAt = performance.now();
+    const templatePath = await resolveTemplatePath(options);
+    const templateExportName = pickTemplateExportName(templatePath);
+    const server = await createServer({
+        root: CLIENT_ROOT,
+        server: {
+            host: options.host ?? 'localhost',
+            port: options.port ?? 5173,
+            fs: { allow: [CLIENT_ROOT, options.cwd, pathResolve(options.cwd, '../..')] },
+        },
+        ssr: {
+            noExternal: ['pptxgenjs'],
+        },
+        plugins: [
+            react(),
+            tailwindcss(),
+            {
+                name: 'slides-dev:export',
+                configureServer(viteServer) {
+                    viteServer.middlewares.use('/api/export.pptx', async (_req, res) => {
+                        try {
+                            const [mod, reconcilerMod, runtimeMod] = await Promise.all([
+                                viteServer.ssrLoadModule(templatePath),
+                                viteServer.ssrLoadModule('react-pptx/reconciler'),
+                                viteServer.ssrLoadModule('react-pptx/pptx-runtime'),
+                            ]);
+                            const { renderToOps } = reconcilerMod;
+                            const { PptxSlidesRuntime } = runtimeMod;
+                            const template = mod[templateExportName];
+                            if (!template)
+                                throw new Error('Template export not found');
+                            const tree = template.preview ? template.preview() : null;
+                            if (!tree)
+                                throw new Error('Template has no preview()');
+                            const { ops } = renderToOps({ tree, template, deckId: 'export' });
+                            const runtime = new PptxSlidesRuntime({});
+                            const { deckId } = await runtime.createDeckFromMaster(template.name, template.name);
+                            await runtime.applyOps(deckId, ops);
+                            const buffer = await runtime.toBuffer(deckId);
+                            res.setHeader('Content-Type', 'application/vnd.openxmlformats-officedocument.presentationml.presentation');
+                            res.setHeader('Content-Disposition', `attachment; filename="${template.name}.pptx"`);
+                            res.end(buffer);
+                        }
+                        catch (err) {
+                            res.statusCode = 500;
+                            res.setHeader('Content-Type', 'text/plain');
+                            res.end(err instanceof Error ? err.message : String(err));
+                        }
+                    });
+                },
+            },
+            {
+                name: 'slides-dev:stub-server-only',
+                enforce: 'pre',
+                load(id, options) {
+                    if (options?.ssr)
+                        return null;
+                    const cleanId = id.split('?')[0] ?? '';
+                    if (SERVER_ONLY_RE.test(cleanId)) {
+                        return { code: readFileSync(SERVER_ONLY_STUB, 'utf8') };
+                    }
+                    return null;
+                },
+            },
+            {
+                name: 'slides-dev:virtual-template',
+                resolveId(source) {
+                    if (source === VIRTUAL_ID)
+                        return RESOLVED_VIRTUAL_ID;
+                    return null;
+                },
+                load(id) {
+                    if (id !== RESOLVED_VIRTUAL_ID)
+                        return null;
+                    return `export { ${templateExportName} as template } from ${JSON.stringify(templatePath)};`;
+                },
+            },
+        ],
+        optimizeDeps: {
+            include: ['react', 'react-dom', 'react-dom/client'],
+        },
+    });
+    await server.listen();
+    const url = server.resolvedUrls?.local[0] ?? `http://localhost:${options.port ?? 5173}/`;
+    const startedInMs = Math.round(performance.now() - startedAt);
+    return { server, url, templatePath, startedInMs };
+};
+const resolveTemplatePath = async (options) => {
+    const pkgPath = pathResolve(options.cwd, 'package.json');
+    if (!existsSync(pkgPath)) {
+        throw new Error(`slides-dev: ${options.cwd} has no package.json — run from a template package directory.`);
+    }
+    const pkg = JSON.parse(await readFile(pkgPath, 'utf8'));
+    if (!pkg.main) {
+        throw new Error(`slides-dev: ${pkgPath} has no "main" field — point it at the file that exports your Template.`);
+    }
+    const templatePath = pathResolve(options.cwd, pkg.main);
+    if (!existsSync(templatePath)) {
+        throw new Error(`slides-dev: template entry "${templatePath}" not found.`);
+    }
+    return templatePath;
+};
+const pickTemplateExportName = (templatePath) => {
+    const patterns = [
+        /export\s+const\s+([A-Za-z_$][\w$]*)\s*=\s*defineTemplate\s*\(/,
+        /export\s+const\s+([A-Za-z_$][\w$]*)\s*:\s*Template/,
+    ];
+    try {
+        const src = readFileSync(templatePath, 'utf8');
+        for (const pattern of patterns) {
+            const m = src.match(pattern);
+            if (m && m[1])
+                return m[1];
+        }
+    }
+    catch {
+        /* empty */
+    }
+    return 'default';
+};
+//# sourceMappingURL=start.js.map

package/dist/dev/dev-server/start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start.js","sourceRoot":"","sources":["../../../src/dev/dev-server/start.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAsB,MAAM,MAAM,CAAC;AAExD,MAAM,UAAU,GAAG,6BAA6B,CAAC;AACjD,MAAM,mBAAmB,GAAG,KAAK,UAAU,EAAE,CAAC;AAe9C,MAAM,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACrD,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAChD,MAAM,gBAAgB,GAAG,WAAW,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;AAElE,MAAM,cAAc,GAAG,4EAA4E,CAAC;AAEpG,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,EAAE,OAA8B,EAA4B,EAAE;IAC/F,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAEhE,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC;QAChC,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE;YACN,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,WAAW;YACjC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,IAAI;YAC1B,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE;SAC7E;QACD,GAAG,EAAE;YACH,UAAU,EAAE,CAAC,WAAW,CAAC;SAC1B;QACD,OAAO,EAAE;YACP,KAAK,EAAE;YACP,WAAW,EAAE;YACb;gBACE,IAAI,EAAE,mBAAmB;gBACzB,eAAe,CAAC,UAAU;oBACxB,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;wBACjE,IAAI,CAAC;4BACH,MAAM,CAAC,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gCACzD,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC;gCACtC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC;gCACjD,UAAU,CAAC,aAAa,CAAC,yBAAyB,CAAC;6BACpD,CAAC,CAAC;4BACH,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC;4BACtC,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC;4BACzC,MAAM,QAAQ,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;4BACzC,IAAI,CAAC,QAAQ;gCAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;4BAC5D,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;4BAC1D,IAAI,CAAC,IAAI;gCAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;4BACxD,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;4BAClE,MAAM,OAAO,GAAG,IAAI,iBAAiB,CAAC,EAAE,CAAC,CAAC;4BAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;4BACpF,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;4BACpC,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;4BAC9C,GAAG,CAAC,SAAS,CACX,cAAc,EACd,2EAA2E,CAC5E,CAAC;4BACF,GAAG,CAAC,SAAS,CAAC,qBAAqB,EAAE,yBAAyB,QAAQ,CAAC,IAAI,QAAQ,CAAC,CAAC;4BACrF,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;wBAClB,CAAC;wBAAC,OAAO,GAAG,EAAE,CAAC;4BACb,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC;4BACrB,GAAG,CAAC,SAAS,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;4BAC5C,GAAG,CAAC,GAAG,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;wBAC5D,CAAC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC;aACF;YAED;gBACE,IAAI,EAAE,6BAA6B;gBACnC,OAAO,EAAE,KAAc;gBACvB,IAAI,CAAC,EAAE,EAAE,OAAO;oBACd,IAAI,OAAO,EAAE,GAAG;wBAAE,OAAO,IAAI,CAAC;oBAC9B,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACvC,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;wBACjC,OAAO,EAAE,IAAI,EAAE,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,EAAE,CAAC;oBAC1D,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;YACD;gBACE,IAAI,EAAE,6BAA6B;gBACnC,SAAS,CAAC,MAAM;oBACd,IAAI,MAAM,KAAK,UAAU;wBAAE,OAAO,mBAAmB,CAAC;oBACtD,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,IAAI,CAAC,EAAE;oBACL,IAAI,EAAE,KAAK,mBAAmB;wBAAE,OAAO,IAAI,CAAC;oBAC5C,OAAO,YAAY,kBAAkB,uBAAuB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;gBAC9F,CAAC;aACF;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,CAAC;SACpD;KACF,CAAC,CAAC;IAEH,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC;IACtB,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,oBAAoB,OAAO,CAAC,IAAI,IAAI,IAAI,GAAG,CAAC;IACzF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,CAAC;IAC9D,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,KAAK,EAAE,OAA8B,EAAmB,EAAE;IACpF,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IACzD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CACb,eAAe,OAAO,CAAC,GAAG,+DAA+D,CAC1F,CAAC;IACJ,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,CAAsB,CAAC;IAC7E,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,eAAe,OAAO,yEAAyE,CAChG,CAAC;IACJ,CAAC;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,+BAA+B,YAAY,cAAc,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,YAAoB,EAAU,EAAE;IAC9D,MAAM,QAAQ,GAAa;QACzB,+DAA+D;QAC/D,oDAAoD;KACrD,CAAC;IACF,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QAC/C,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;YAC/B,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAAC,MAAM,CAAC;QACP,WAAW;IACb,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/dist/dev/index.d.ts

@@ -0,0 +1,5 @@
+export { composeDeck, type ComposeDeckInput, type ComposedDeck } from './compose-deck.js';
+export { SlideCanvas, type SlideCanvasProps } from './slide-canvas.js';
+export { DeckViewer, type DeckViewerProps } from './deck-viewer.js';
+export { deriveAutoPreview } from './auto-examples.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/dev/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/dev/index.js

@@ -0,0 +1,5 @@
+export { composeDeck } from './compose-deck.js';
+export { SlideCanvas } from './slide-canvas.js';
+export { DeckViewer } from './deck-viewer.js';
+export { deriveAutoPreview } from './auto-examples.js';
+//# sourceMappingURL=index.js.map

package/dist/dev/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA4C,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/dev/lib/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/dev/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/dev/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,MAAsB,CAAC"}

package/dist/dev/lib/cn.js

@@ -0,0 +1,3 @@
+import clsx, {} from 'clsx';
+export const cn = (...inputs) => clsx(inputs);
+//# sourceMappingURL=cn.js.map

package/dist/dev/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/dev/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAmB,MAAM,MAAM,CAAC;AAE7C,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAoB,EAAU,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC"}

package/dist/dev/slide-canvas.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, ReactElement } from 'react';
+import type { Canvas } from '../core/geometry.js';
+import type { FakeDeck, FakeSlide } from '../core/fake-runtime.js';
+export type SlideCanvasProps = {
+    readonly slide: FakeSlide;
+    readonly deck: FakeDeck;
+    readonly canvas: Canvas;
+    readonly background?: string;
+    readonly style?: CSSProperties;
+};
+export declare const SlideCanvas: ({ slide, deck, canvas, background, style, }: SlideCanvasProps) => ReactElement;
+//# sourceMappingURL=slide-canvas.d.ts.map

package/dist/dev/slide-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-canvas.d.ts","sourceRoot":"","sources":["../../src/dev/slide-canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAa,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAG9E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,6CAMzB,gBAAgB,KAAG,YAqBrB,CAAC"}

package/dist/dev/slide-canvas.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EMU_PER_POINT } from '../core/geometry.js';
+export const SlideCanvas = ({ slide, deck, canvas, background = '#ffffff', style, }) => {
+    const rootStyle = {
+        position: 'relative',
+        width: `${canvas.w}px`,
+        height: `${canvas.h}px`,
+        background,
+        overflow: 'hidden',
+        isolation: 'isolate',
+        textAlign: 'left',
+        ...style,
+    };
+    return (_jsx("div", { "data-slide-id": slide.slideId, style: rootStyle, children: slide.shapeIds.map((id) => {
+            const shape = deck.shapes.get(id);
+            if (!shape)
+                return null;
+            return _jsx(Shape, { shape: shape }, id);
+        }) }));
+};
+const Shape = ({ shape }) => {
+    const { x, y, w, h } = emuRectToPt(shape.rect);
+    const baseStyle = {
+        position: 'absolute',
+        left: `${x}px`,
+        top: `${y}px`,
+        width: `${w}px`,
+        height: `${h}px`,
+    };
+    if (shape.imageUrl) {
+        return (_jsx("img", { src: shape.imageUrl, alt: shape.altText ?? '', style: { ...baseStyle, objectFit: 'fill', display: 'block' }, "data-object-id": shape.objectId }));
+    }
+    const { fillColor, outlineColor, outlineWeight } = shape.shapeProperties;
+    const boxStyle = {
+        ...baseStyle,
+        ...(fillColor ? { background: fillColor } : {}),
+        ...(outlineColor ? { border: `${outlineWeight ?? 1}px solid ${outlineColor}` } : {}),
+    };
+    if (shape.text.length === 0) {
+        return _jsx("div", { "data-object-id": shape.objectId, style: boxStyle });
+    }
+    const paragraphStyle = composeParagraphStyle(shape);
+    const segments = composeTextSegments(shape.text, shape.textStyleSpans);
+    return (_jsx("div", { "data-object-id": shape.objectId, style: {
+            ...boxStyle,
+            display: 'flex',
+            alignItems: 'flex-start',
+            whiteSpace: 'pre-wrap',
+        }, children: _jsx("div", { style: { width: '100%', ...paragraphStyle }, children: segments.map((seg, i) => (_jsx("span", { style: textStyleToCss(seg.style), children: seg.text }, i))) }) }));
+};
+const emuRectToPt = (rect) => ({
+    x: rect.x / EMU_PER_POINT,
+    y: rect.y / EMU_PER_POINT,
+    w: rect.w / EMU_PER_POINT,
+    h: rect.h / EMU_PER_POINT,
+});
+const composeTextSegments = (text, spans) => {
+    if (spans.length === 0)
+        return [{ text, style: {} }];
+    const cuts = new Set([0, text.length]);
+    for (const span of spans) {
+        cuts.add(Math.max(0, Math.min(span.range.start, text.length)));
+        cuts.add(Math.max(0, Math.min(span.range.end, text.length)));
+    }
+    const ordered = [...cuts].sort((a, b) => a - b);
+    const segments = [];
+    for (let i = 0; i < ordered.length - 1; i++) {
+        const start = ordered[i];
+        const end = ordered[i + 1];
+        if (start >= end)
+            continue;
+        let style = {};
+        for (const span of spans) {
+            if (span.range.start <= start && span.range.end >= end) {
+                style = { ...style, ...span.style };
+            }
+        }
+        segments.push({ text: text.slice(start, end), style });
+    }
+    return segments;
+};
+const composeParagraphStyle = (shape) => {
+    const spans = shape.paragraphStyleSpans;
+    if (spans.length === 0)
+        return {};
+    const merged = spans.reduce((acc, s) => ({ ...acc, ...s.style }), {});
+    return paragraphStyleToCss(merged);
+};
+const textStyleToCss = (style) => {
+    const css = {};
+    if (style.fontFamily) {
+        const family = /\s/.test(style.fontFamily) ? `"${style.fontFamily}"` : style.fontFamily;
+        css.fontFamily = `${family}, system-ui, sans-serif`;
+    }
+    if (style.fontSize !== undefined)
+        css.fontSize = `${style.fontSize}px`;
+    if (style.bold)
+        css.fontWeight = 'bold';
+    if (style.italic)
+        css.fontStyle = 'italic';
+    if (style.underline)
+        css.textDecoration = 'underline';
+    if (style.foregroundColor)
+        css.color = style.foregroundColor;
+    if (style.backgroundColor)
+        css.background = style.backgroundColor;
+    return css;
+};
+const paragraphStyleToCss = (style) => {
+    const css = {};
+    if (style.alignment) {
+        const map = { START: 'left', CENTER: 'center', END: 'right', JUSTIFIED: 'justify' };
+        css.textAlign = map[style.alignment];
+    }
+    if (style.lineSpacing !== undefined)
+        css.lineHeight = style.lineSpacing;
+    if (style.spaceAbove !== undefined)
+        css.marginTop = `${style.spaceAbove}px`;
+    if (style.spaceBelow !== undefined)
+        css.marginBottom = `${style.spaceBelow}px`;
+    return css;
+};
+//# sourceMappingURL=slide-canvas.js.map

package/dist/dev/slide-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-canvas.js","sourceRoot":"","sources":["../../src/dev/slide-canvas.tsx"],"names":[],"mappings":"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"}

package/dist/dev/styles.css

@@ -0,0 +1,37 @@
+@import 'tailwindcss';
+@source './**/*.{ts,tsx}';
+
+@theme {
+  --color-paper: #ffffff;
+  --color-ink: #0b0b0b;
+  --color-brand: #ff5500;
+  --color-focus: #2276fc;
+
+  --color-surface: #ffffff;
+  --color-surface-muted: #f7f7f7;
+  --color-border: rgb(11 11 11 / 0.08);
+  --color-border-strong: rgb(11 11 11 / 0.16);
+  --color-text-muted: rgb(11 11 11 / 0.6);
+
+  --font-sans:
+    InterVariable, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    sans-serif;
+}
+
+@layer base {
+  html,
+  body {
+    height: 100%;
+  }
+  body {
+    margin: 0;
+    background: var(--color-surface-muted);
+    color: var(--color-ink);
+    font-family: var(--font-sans);
+    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
+    -webkit-font-smoothing: antialiased;
+  }
+  #root {
+    height: 100%;
+  }
+}

package/dist/dev/ui/icon-button.d.ts

@@ -0,0 +1,12 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    readonly icon: ReactNode;
+    readonly label: string;
+    readonly selected?: boolean;
+};
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    readonly icon: ReactNode;
+    readonly label: string;
+    readonly selected?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/dev/ui/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/dev/ui/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU;mBALN,SAAS;oBACR,MAAM;wBACF,OAAO;qDAuB5B,CAAC"}

package/dist/dev/ui/icon-button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+export const IconButton = forwardRef(({ icon, label, selected = false, className, ...rest }, ref) => (_jsx("button", { ref: ref, type: "button", "aria-label": label, "aria-pressed": selected || undefined, "data-selected": selected || undefined, className: cn('relative inline-flex size-8 shrink-0 items-center justify-center rounded-full text-ink/70', 'transition-colors hover:bg-ink/5 hover:text-ink', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus', 'data-selected:bg-ink/10 data-selected:text-ink data-selected:hover:bg-ink/15', className), ...rest, children: icon })));
+IconButton.displayName = 'IconButton';
+//# sourceMappingURL=icon-button.js.map

package/dist/dev/ui/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/dev/ui/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9D,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACD,KAAK,kBACH,QAAQ,IAAI,SAAS,mBACpB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,iDAAiD,EACjD,oFAAoF,EACpF,8EAA8E,EAC9E,SAAS,CACV,KACG,IAAI,YAEP,IAAI,GACE,CACV,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/dev/ui/kbd.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export declare const Kbd: ({ children, className, }: {
+    readonly children: ReactNode;
+    readonly className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=kbd.d.ts.map

package/dist/dev/ui/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/dev/ui/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,GAAG,GAAI,0BAGjB;IACD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,4CAUA,CAAC"}

package/dist/dev/ui/kbd.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export const Kbd = ({ children, className, }) => (_jsx("kbd", { className: cn('inline-flex h-5 min-w-5 items-center justify-center rounded border border-border bg-surface-muted px-1.5', 'font-mono text-xs font-medium text-text-muted', className), children: children }));
+//# sourceMappingURL=kbd.js.map

package/dist/dev/ui/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../src/dev/ui/kbd.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,+CAA+C,EAC/C,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC"}

package/dist/dev/ui/text-button.d.ts

@@ -0,0 +1,10 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export type TextButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    readonly icon?: ReactNode;
+    readonly selected?: boolean;
+};
+export declare const TextButton: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    readonly icon?: ReactNode;
+    readonly selected?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=text-button.d.ts.map

package/dist/dev/ui/text-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../src/dev/ui/text-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU;oBAJL,SAAS;wBACL,OAAO;qDAwB5B,CAAC"}

package/dist/dev/ui/text-button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+export const TextButton = forwardRef(({ icon, selected = false, className, children, ...rest }, ref) => (_jsxs("button", { ref: ref, type: "button", "aria-pressed": selected || undefined, "data-selected": selected || undefined, className: cn('inline-flex h-8 shrink-0 items-center gap-1.5 rounded-full px-3 text-xs font-medium text-ink/80', 'transition-colors hover:bg-ink/5 hover:text-ink', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus', 'data-selected:bg-ink/10 data-selected:text-ink data-selected:hover:bg-ink/15', icon ? 'pl-2.5' : '', className), ...rest, children: [icon ? _jsx("span", { className: "shrink-0 text-ink/60", children: icon }) : null, children] })));
+TextButton.displayName = 'TextButton';
+//# sourceMappingURL=text-button.js.map

package/dist/dev/ui/text-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../src/dev/ui/text-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6C,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAOlC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjE,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,kBACC,QAAQ,IAAI,SAAS,mBACpB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,iDAAiD,EACjD,oFAAoF,EACpF,8EAA8E,EAC9E,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EACpB,SAAS,CACV,KACG,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAClE,QAAQ,IACF,CACV,CACF,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/dev/url-state.d.ts

@@ -0,0 +1,7 @@
+export type ViewerUrlState = {
+    readonly slide: number;
+};
+export declare const DEFAULT_URL_STATE: ViewerUrlState;
+export declare const parseUrlState: (hash: string) => ViewerUrlState;
+export declare const serializeUrlState: (state: ViewerUrlState) => string;
+//# sourceMappingURL=url-state.d.ts.map

package/dist/dev/url-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-state.d.ts","sourceRoot":"","sources":["../../src/dev/url-state.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAA6B,CAAC;AAE9D,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,KAAG,cAK5C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,cAAc,KAAG,MAGzD,CAAC"}

package/dist/dev/url-state.js

@@ -0,0 +1,13 @@
+export const DEFAULT_URL_STATE = { slide: 0 };
+export const parseUrlState = (hash) => {
+    const params = new URLSearchParams(hash.replace(/^#/, ''));
+    const raw = Number.parseInt(params.get('slide') ?? '', 10);
+    const slide = Number.isFinite(raw) && raw >= 0 ? raw : 0;
+    return { slide };
+};
+export const serializeUrlState = (state) => {
+    if (state.slide === 0)
+        return '';
+    return `#slide=${state.slide}`;
+};
+//# sourceMappingURL=url-state.js.map

package/dist/dev/url-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-state.js","sourceRoot":"","sources":["../../src/dev/url-state.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAmB,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAE9D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAY,EAAkB,EAAE;IAC5D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,KAAK,EAAE,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAqB,EAAU,EAAE;IACjE,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACjC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,CAAC;AACjC,CAAC,CAAC"}