hono-decks 0.1.0

package/dist/advanced.js

@@ -0,0 +1,3162 @@
+// src/source/manifest-source.ts
+function manifestDeckSource(manifest) {
+  const decks = new Map(manifest.decks.map((deck) => [deck.slug, deck]));
+  return {
+    async listDecks() {
+      return manifest.decks.map((deck) => ({
+        slug: deck.slug,
+        title: deck.meta.title,
+        description: deck.meta.description,
+        draft: deck.meta.draft,
+        sourcePath: deck.sourcePath
+      }));
+    },
+    async getCompiledDeck(_c, slug) {
+      return decks.get(slug) ?? null;
+    },
+    async getAsset(_c, slug, assetPath) {
+      const deck = decks.get(slug);
+      if (!deck) return null;
+      const asset = findLocalAsset(deck.assets, slug, assetPath);
+      if (!asset || asset.body == null) return null;
+      return new Response(asset.body, {
+        headers: localAssetHeaders(asset)
+      });
+    }
+  };
+}
+function localAssetHeaders(asset) {
+  const headers = {};
+  if (asset.contentType) headers["content-type"] = asset.contentType;
+  if (asset.cacheControl !== false) headers["cache-control"] = asset.cacheControl ?? "public, max-age=300";
+  return headers;
+}
+function findLocalAsset(assets, slug, assetPath) {
+  const normalized = assetPath.replace(/^\/+/, "");
+  return assets.find((asset) => {
+    if (asset.type !== "local") return false;
+    const suffix = `/${slug}/assets/${normalized}`;
+    return asset.publicPath.endsWith(suffix);
+  });
+}
+
+// src/server/router.ts
+import { Hono } from "hono";
+import { raw as raw2 } from "hono/html";
+
+// src/deck/model.ts
+var SLIDE_TRANSITIONS = [
+  "none",
+  "fade",
+  "fade-out",
+  "slide-left",
+  "slide-right",
+  "slide-up",
+  "slide-down",
+  "view-transition"
+];
+var RenderError = class extends Error {
+  constructor(message, code, cause) {
+    super(message);
+    this.code = code;
+    this.cause = cause;
+    this.name = "RenderError";
+  }
+};
+
+// src/renderer/asset-rewrite.ts
+function rewriteLocalAssetUrls(html, assets) {
+  const localAssets = assets.filter((asset) => asset.type === "local");
+  if (localAssets.length === 0) return html;
+  return html.replace(/\b(src|href)=["']([^"']+)["']/g, (match, attr, value) => {
+    const asset = findAssetForHtmlUrl(localAssets, value);
+    return asset ? `${attr}="${escapeHtml(asset.publicPath)}"` : match;
+  }).replace(/<dd>([^<]+)<\/dd>/g, (match, value) => {
+    const asset = findAssetForHtmlUrl(localAssets, decodeHtml(value));
+    return asset ? `<dd>${escapeHtml(asset.publicPath)}</dd>` : match;
+  });
+}
+function backgroundStyle(value, assets) {
+  const asset = findAssetForHtmlUrl(assets.filter((candidate) => candidate.type === "local"), value);
+  const url = asset?.publicPath ?? value;
+  return `background-image:url("${escapeCssUrl(url)}")`;
+}
+function findAssetForHtmlUrl(assets, value) {
+  const normalized = decodeURIComponent(value).replace(/^\.?\//, "");
+  return assets.find((asset) => {
+    const assetPath = localAssetRelativePath(asset);
+    return normalized === assetPath || normalized === `assets/${assetPath}`;
+  });
+}
+function localAssetRelativePath(asset) {
+  const marker = "/assets/";
+  const normalized = asset.sourcePath.replaceAll("\\", "/");
+  const markerIndex = normalized.indexOf(marker);
+  return markerIndex === -1 ? normalized.split("/").at(-1) ?? normalized : normalized.slice(markerIndex + marker.length);
+}
+function escapeCssUrl(value) {
+  return value.replaceAll("\\", "\\\\").replaceAll('"', '\\"');
+}
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function decodeHtml(value) {
+  return value.replaceAll("&quot;", '"').replaceAll("&#39;", "'").replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&amp;", "&");
+}
+
+// src/renderer/jsx-renderer.ts
+import { jsx } from "hono/jsx/jsx-runtime";
+import { HtmlEscapedCallbackPhase, resolveCallback } from "hono/utils/html";
+var builtInSlideComponents = defineSlideComponents({
+  Fire: (props) => {
+    if (props.order !== void 0) {
+      throw new Error('The Fire "order" prop is not supported. Fires reveal in source order.');
+    }
+    const effect = stringProp(props.effect);
+    const at = fireAtProp(props.at);
+    return jsx("div", {
+      "data-hono-decks-fire": true,
+      ...at ? { "data-fire-at": at } : {},
+      ...effect ? { "data-fire-effect": safeToken(effect).toLowerCase() } : {},
+      children: props.children
+    });
+  },
+  Hero: (props) => jsx("section", {
+    class: `mdx-hero${props.featured === true ? " is-featured" : ""}${props.image || props.src ? " has-image" : ""}`,
+    "data-component": "Hero",
+    children: [
+      heroImage(props),
+      jsx("div", {
+        class: "mdx-hero-copy",
+        children: [
+          typeof props.eyebrow === "string" && props.eyebrow ? jsx("p", { class: "mdx-hero-eyebrow", children: props.eyebrow }) : "",
+          typeof props.title === "string" && props.title ? jsx("h1", { children: props.title }) : "",
+          typeof props.subtitle === "string" && props.subtitle ? jsx("p", { class: "mdx-hero-subtitle", children: props.subtitle }) : typeof props.description === "string" && props.description ? jsx("p", { class: "mdx-hero-subtitle", children: props.description }) : ""
+        ]
+      })
+    ]
+  }),
+  CodeBlock: (props) => {
+    const lang = stringProp(props.lang);
+    const filename = stringProp(props.filename ?? props.title);
+    const highlight = stringProp(props.highlight);
+    const code = codeBlockText(props.children);
+    const highlightedHtml = typeof props.highlightedHtml === "string" ? props.highlightedHtml : void 0;
+    return jsx("figure", {
+      class: "hono-decks-code-block",
+      ...lang ? { "data-lang": lang } : {},
+      ...filename ? { "data-filename": filename } : {},
+      ...highlight ? { "data-highlight": highlight } : {},
+      children: [
+        filename ? jsx("figcaption", { class: "hono-decks-code-caption", children: filename }) : "",
+        highlightedHtml ? jsx("div", {
+          class: "hono-decks-code-highlight",
+          dangerouslySetInnerHTML: { __html: highlightedHtml }
+        }) : jsx("pre", {
+          children: jsx("code", {
+            ...lang ? { class: `language-${safeToken(lang)}`, "data-lang": lang } : {},
+            children: code
+          })
+        })
+      ]
+    });
+  },
+  EmbedFrame: (props) => {
+    const src = stringProp(props.src);
+    const provider = stringProp(props.provider)?.trim().toLowerCase();
+    const title = stringProp(props.title) ?? "Embedded content";
+    const aspectRatio = stringProp(props.aspectRatio) ?? "16 / 9";
+    const loading = stringProp(props.loading) ?? "lazy";
+    const allow = stringProp(props.allow) ?? "fullscreen; picture-in-picture";
+    const sandbox = props.sandbox === false ? void 0 : stringProp(props.sandbox) ?? "allow-scripts allow-same-origin allow-presentation allow-popups";
+    const referrerPolicy = stringProp(props.referrerPolicy ?? props.referrerpolicy) ?? "strict-origin-when-cross-origin";
+    const fallbackHref = stringProp(props.fallbackHref ?? props.fallbackUrl ?? props.href) ?? src;
+    const fallback = codeBlockText(props.children) || "Open embed";
+    const printPoster = provider === "youtube" ? youtubePrintPoster(src) : void 0;
+    return jsx("figure", {
+      class: "hono-decks-embed-frame",
+      "data-component": "EmbedFrame",
+      ...provider ? { "data-provider": safeToken(provider).toLowerCase() } : {},
+      children: [
+        jsx("div", {
+          class: "hono-decks-embed-viewport",
+          style: `aspect-ratio:${safeAspectRatio(aspectRatio)}`,
+          children: [
+            src ? jsx("iframe", {
+              src,
+              title,
+              loading,
+              referrerpolicy: referrerPolicy,
+              ...sandbox ? { sandbox } : {},
+              ...allow ? { allow } : {},
+              allowfullscreen: true
+            }) : "",
+            fallbackHref ? jsx("a", {
+              class: "hono-decks-embed-print-fallback",
+              href: fallbackHref,
+              children: [
+                printPoster ? jsx("img", {
+                  class: "hono-decks-embed-print-poster",
+                  src: printPoster,
+                  alt: `${title} thumbnail`
+                }) : "",
+                jsx("span", { children: fallback })
+              ]
+            }) : ""
+          ]
+        }),
+        src ? jsx("figcaption", {
+          class: "hono-decks-embed-fallback",
+          children: jsx("a", { href: fallbackHref, target: "_blank", rel: "noreferrer", children: fallback })
+        }) : ""
+      ]
+    });
+  },
+  SocialEmbed: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const provider = stringProp(props.provider ?? props.service);
+    const author = stringProp(props.author);
+    const label = stringProp(props.label) ?? (provider ? `Open on ${provider}` : "Open social post");
+    const quote = codeBlockText(props.children);
+    return jsx("figure", {
+      class: "hono-decks-social-embed",
+      "data-component": "SocialEmbed",
+      ...provider ? { "data-provider": safeToken(provider).toLowerCase() } : {},
+      children: jsx("blockquote", {
+        class: "hono-decks-social-card",
+        ...href ? { cite: href } : {},
+        children: [
+          quote ? jsx("p", { children: quote }) : "",
+          jsx("footer", {
+            children: [
+              author ? jsx("span", { class: "hono-decks-social-author", children: author }) : "",
+              href ? jsx("a", {
+                href,
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              }) : ""
+            ]
+          })
+        ]
+      })
+    });
+  },
+  TweetEmbed: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const label = stringProp(props.label) ?? "Open post on X";
+    return jsx("figure", {
+      class: "hono-decks-tweet-embed",
+      "data-component": "TweetEmbed",
+      children: [
+        jsx("blockquote", {
+          class: "twitter-tweet",
+          "data-dnt": "true",
+          children: href ? jsx("a", {
+            href,
+            target: "_blank",
+            rel: "noreferrer",
+            children: label
+          }) : label
+        }),
+        href ? jsx("script", {
+          async: true,
+          src: "https://platform.twitter.com/widgets.js",
+          charset: "utf-8"
+        }) : "",
+        href ? jsx("a", {
+          class: "hono-decks-tweet-print-fallback",
+          href,
+          children: label
+        }) : ""
+      ]
+    });
+  },
+  LinkCard: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const title = stringProp(props.title) ?? href ?? "Link";
+    const description = stringProp(props.description);
+    const image = stringProp(props.image ?? props.imageUrl);
+    const siteName = stringProp(props.siteName ?? props.site);
+    const label = codeBlockText(props.children) || "Open link";
+    return jsx("figure", {
+      class: "hono-decks-link-card",
+      "data-component": "LinkCard",
+      children: href ? jsx("a", {
+        class: "hono-decks-link-card-anchor",
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+          image ? jsx("img", { class: "hono-decks-link-card-image", src: image, alt: title }) : "",
+          jsx("span", {
+            class: "hono-decks-link-card-body",
+            children: [
+              siteName ? jsx("span", { class: "hono-decks-link-card-site", children: siteName }) : "",
+              jsx("span", { class: "hono-decks-link-card-title", children: title }),
+              description ? jsx("span", { class: "hono-decks-link-card-description", children: description }) : "",
+              jsx("span", { class: "hono-decks-link-card-label", children: label })
+            ]
+          })
+        ]
+      }) : [
+        image ? jsx("img", { class: "hono-decks-link-card-image", src: image, alt: title }) : "",
+        siteName ? jsx("span", { class: "hono-decks-link-card-site", children: siteName }) : "",
+        jsx("span", { class: "hono-decks-link-card-title", children: title }),
+        description ? jsx("span", { class: "hono-decks-link-card-description", children: description }) : ""
+      ]
+    });
+  }
+});
+function defineSlideComponents(input) {
+  const registry = {};
+  for (const [name, value] of Object.entries(input)) {
+    registry[name] = typeof value === "function" ? { component: value } : value;
+  }
+  return registry;
+}
+function createMdxComponents(registry, input = {}) {
+  const components = {
+    img: (props) => jsx("img", rewriteAssetProps(props, input.assets)),
+    a: (props) => jsx("a", rewriteAssetProps(props, input.assets))
+  };
+  for (const [name, definition] of Object.entries(registry)) {
+    components[name] = (props = {}) => renderRegisteredComponent(name, definition, props, props.children, input.assets);
+  }
+  return components;
+}
+function heroImage(props) {
+  const image = typeof props.image === "string" ? props.image : typeof props.src === "string" ? props.src : void 0;
+  if (!image) return "";
+  const alt = typeof props.alt === "string" && props.alt ? props.alt : typeof props.title === "string" ? props.title : "Hero image";
+  return jsx("img", { class: "mdx-hero-image", src: image, alt });
+}
+function stringProp(value) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return void 0;
+}
+function fireAtProp(value) {
+  if (value === void 0 || value === null) return void 0;
+  if (typeof value === "number") {
+    if (Number.isInteger(value) && value >= 0) return String(value);
+    throw new Error('The Fire "at" prop accepts a non-negative integer or a relative string such as "+1".');
+  }
+  if (typeof value === "string") {
+    const at = value.trim();
+    if (/^(?:\d+|[+-]\d+)$/.test(at)) return at;
+  }
+  throw new Error('The Fire "at" prop accepts a non-negative integer or a relative string such as "+1".');
+}
+function safeToken(value) {
+  return value.trim().replace(/[^A-Za-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "text";
+}
+function safeAspectRatio(value) {
+  return /^\s*\d+(\.\d+)?\s*(\/|:)\s*\d+(\.\d+)?\s*$/.test(value) ? value.replace(":", " / ") : "16 / 9";
+}
+function youtubePrintPoster(src) {
+  if (!src) return void 0;
+  try {
+    const url = new URL(src);
+    if (!["youtube.com", "www.youtube.com", "youtube-nocookie.com", "www.youtube-nocookie.com"].includes(url.hostname)) {
+      return void 0;
+    }
+    const match = url.pathname.match(/^\/embed\/([A-Za-z0-9_-]+)$/);
+    return match ? `https://i.ytimg.com/vi/${match[1]}/hqdefault.jpg` : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function codeBlockText(value) {
+  if (Array.isArray(value)) return value.map(codeBlockText).join("");
+  if (value === null || value === void 0 || typeof value === "boolean") return "";
+  if (typeof value === "string" || typeof value === "number") return String(value);
+  if (isJsxValue(value)) return codeBlockText(value.props?.children);
+  return String(value);
+}
+function renderSlideNodes(nodes, input = {}) {
+  return normalizeVoidElementSpacing(nodes.map((node) => String(renderSlideNode(node, input))).join(""));
+}
+async function renderSlideNodesAsync(nodes, input = {}) {
+  const rendered = await Promise.all(nodes.map((node) => renderJsxValue(renderSlideNode(node, input))));
+  return normalizeVoidElementSpacing(rendered.join(""));
+}
+function renderSlideNode(node, input) {
+  switch (node.type) {
+    case "text":
+      return String(node.value);
+    case "code":
+      return jsx("pre", {
+        children: jsx("code", {
+          ...node.lang ? { "data-lang": node.lang } : {},
+          children: node.value
+        })
+      });
+    case "element":
+      return jsx(node.tag, {
+        ...rewriteAssetProps(node.props, input.assets),
+        children: node.children.map((child) => renderSlideNode(child, input))
+      });
+    case "component":
+      return renderComponentNode(node, input);
+  }
+}
+function renderComponentNode(node, input) {
+  const definition = input.components?.[node.name];
+  if (!definition) return renderComponentPlaceholder(node);
+  const children = node.children.map((child) => renderSlideNode(child, input));
+  return renderRegisteredComponent(node.name, definition, node.props, children, input.assets);
+}
+function renderRegisteredComponent(name, definition, props, children, assets = []) {
+  const rewritten = rewriteAssetProps(props, assets);
+  const componentProps = stripRuntimeProps(rewritten);
+  const element = definition.component({ ...componentProps, children });
+  if (!definition.client && rewritten.client !== true) return element;
+  return jsx("div", {
+    "data-hono-decks-island": definition.clientId ?? name,
+    "data-hono-decks-props": JSON.stringify(serializableProps(name, componentProps)),
+    children: element
+  });
+}
+async function renderJsxValue(value) {
+  const resolved = value instanceof Promise ? await value : value;
+  if (typeof resolved === "string") return resolved;
+  if (resolved === null || resolved === void 0 || typeof resolved === "boolean") return "";
+  if (typeof resolved === "number") return String(resolved);
+  return await resolveCallback(resolved, HtmlEscapedCallbackPhase.Stringify, false, {});
+}
+function renderComponentPlaceholder(node) {
+  return jsx("div", {
+    class: "mdx-component",
+    "data-component": node.name,
+    children: [
+      jsx("strong", { children: `<${node.name} />` }),
+      Object.keys(node.props).length > 0 ? jsx("dl", {
+        children: Object.entries(node.props).map(
+          ([key, value]) => jsx("div", {
+            children: [jsx("dt", { children: key }), jsx("dd", { children: String(value) })]
+          })
+        )
+      }) : ""
+    ]
+  });
+}
+function stripRuntimeProps(props) {
+  const clean = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (key === "client" || key === "client:island" || key === "children" || value === void 0) continue;
+    clean[key] = value;
+  }
+  return clean;
+}
+function rewriteAssetProps(props, assets = []) {
+  const rewritten = { ...props };
+  for (const key of ["src", "href", "image", "background"]) {
+    const value = rewritten[key];
+    if (typeof value !== "string") continue;
+    const asset = findAssetForHtmlUrl2(assets, value);
+    if (asset) rewritten[key] = asset.publicPath;
+  }
+  return rewritten;
+}
+function serializableProps(componentName, props) {
+  const result = {};
+  for (const [key, value] of Object.entries(props)) {
+    result[key] = serializeClientIslandProp(value, `${componentName}.${key}`);
+  }
+  return result;
+}
+function serializeClientIslandProp(value, path) {
+  if (value === null) return null;
+  if (typeof value === "string" || typeof value === "boolean") return value;
+  if (typeof value === "number") {
+    if (!Number.isFinite(value)) {
+      throw new Error(`Client island prop "${path}" must be JSON-serializable; non-finite numbers are not supported.`);
+    }
+    return value;
+  }
+  if (typeof value === "function") {
+    throw new Error(`Client island prop "${path}" must be JSON-serializable; functions cannot be passed to the client.`);
+  }
+  if (value === void 0 || typeof value === "symbol" || typeof value === "bigint") {
+    throw new Error(`Client island prop "${path}" must be JSON-serializable; ${typeof value} values are not supported.`);
+  }
+  if (isJsxValue(value)) {
+    throw new Error(`Client island prop "${path}" must be JSON-serializable; JSX values cannot be passed to the client.`);
+  }
+  if (value instanceof Date) {
+    throw new Error(`Client island prop "${path}" must be JSON-serializable; Date values must be converted to strings.`);
+  }
+  if (Array.isArray(value)) return value.map((item, index) => serializeClientIslandProp(item, `${path}[${index}]`));
+  if (!isPlainObject(value)) {
+    throw new Error(`Client island prop "${path}" must be JSON-serializable; class instances are not supported.`);
+  }
+  const result = {};
+  for (const [key, item] of Object.entries(value)) {
+    result[key] = serializeClientIslandProp(item, `${path}.${key}`);
+  }
+  return result;
+}
+function isJsxValue(value) {
+  return typeof value === "object" && value !== null && "tag" in value && "props" in value && "type" in value;
+}
+function isPlainObject(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function findAssetForHtmlUrl2(assets, value) {
+  const normalized = decodeURIComponent(value).replace(/^\.?\//, "");
+  return assets.filter((asset) => asset.type === "local").find((asset) => {
+    const assetPath = localAssetRelativePath2(asset.sourcePath);
+    return normalized === assetPath || normalized === `assets/${assetPath}`;
+  });
+}
+function localAssetRelativePath2(sourcePath) {
+  const marker = "/assets/";
+  const normalized = sourcePath.replaceAll("\\", "/");
+  const markerIndex = normalized.indexOf(marker);
+  return markerIndex === -1 ? normalized.split("/").at(-1) ?? normalized : normalized.slice(markerIndex + marker.length);
+}
+function normalizeVoidElementSpacing(html) {
+  return html.replace(/<(img|br|hr)([^>]*)\/>/g, "<$1$2 />");
+}
+
+// src/renderer/control-icons.ts
+import { jsx as jsx2 } from "hono/jsx/jsx-runtime";
+function renderControlIcon(name, className = "hono-decks-control-icon") {
+  return jsx2("svg", {
+    class: className,
+    "data-hono-decks-control-icon": true,
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    focusable: "false",
+    fill: "none",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    children: controlIconPaths(name)
+  });
+}
+function renderControlIconHtml(name, className = "hono-decks-control-icon") {
+  return `<svg class="${className}" data-hono-decks-control-icon viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${controlIconPathHtml(name)}</svg>`;
+}
+function controlIconLabel(name) {
+  switch (name) {
+    case "deck-list":
+      return "Deck list";
+    case "home":
+      return "Home";
+    case "viewer":
+      return "Viewer";
+    case "projection":
+      return "Projection";
+    case "presenter":
+      return "Presenter";
+    case "previous":
+      return "Previous slide";
+    case "next":
+      return "Next slide";
+    case "fullscreen":
+      return "Toggle fullscreen";
+    case "print":
+      return "Print view";
+    case "details":
+      return "Details";
+    case "export-pdf":
+      return "Export PDF";
+    case "export-png":
+      return "Export PNG";
+  }
+}
+function controlIconPathHtml(name) {
+  switch (name) {
+    case "deck-list":
+      return '<path d="M4 5h16" /><path d="M4 12h16" /><path d="M4 19h16" />';
+    case "home":
+      return '<path d="M3 11l9-8 9 8" /><path d="M5 10v10h14V10" /><path d="M9 20v-6h6v6" />';
+    case "viewer":
+      return '<path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" /><circle cx="12" cy="12" r="3" />';
+    case "projection":
+      return '<path d="M4 5h16v10H4z" /><path d="M8 19h8" /><path d="M12 15v4" />';
+    case "presenter":
+      return '<path d="M4 5h16v10H4z" /><path d="M8 21l4-6 4 6" /><path d="M9 9h6" />';
+    case "previous":
+      return '<path d="M15 6l-6 6 6 6" />';
+    case "next":
+      return '<path d="M9 6l6 6-6 6" />';
+    case "fullscreen":
+      return '<path d="M8 3H5a2 2 0 0 0-2 2v3" /><path d="M16 3h3a2 2 0 0 1 2 2v3" /><path d="M8 21H5a2 2 0 0 1-2-2v-3" /><path d="M16 21h3a2 2 0 0 0 2-2v-3" />';
+    case "print":
+      return '<path d="M6 9V3h12v6" /><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" /><path d="M6 14h12v7H6z" />';
+    case "details":
+      return '<circle cx="12" cy="12" r="9" /><path d="M12 11v5" /><path d="M12 8h.01" />';
+    case "export-pdf":
+      return '<path d="M14 3v4a2 2 0 0 0 2 2h4" /><path d="M5 3h9l6 6v12H5z" /><path d="M8 15h8" /><path d="M8 18h5" />';
+    case "export-png":
+      return '<rect x="4" y="5" width="16" height="14" rx="2" /><path d="M8 14l2.5-2.5L14 15l2-2 2 2" /><circle cx="9" cy="9" r="1" />';
+  }
+}
+function controlIconPaths(name) {
+  switch (name) {
+    case "deck-list":
+      return [
+        jsx2("path", { d: "M4 5h16" }),
+        jsx2("path", { d: "M4 12h16" }),
+        jsx2("path", { d: "M4 19h16" })
+      ];
+    case "home":
+      return [
+        jsx2("path", { d: "M3 11l9-8 9 8" }),
+        jsx2("path", { d: "M5 10v10h14V10" }),
+        jsx2("path", { d: "M9 20v-6h6v6" })
+      ];
+    case "viewer":
+      return [
+        jsx2("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" }),
+        jsx2("circle", { cx: "12", cy: "12", r: "3" })
+      ];
+    case "projection":
+      return [
+        jsx2("path", { d: "M4 5h16v10H4z" }),
+        jsx2("path", { d: "M8 19h8" }),
+        jsx2("path", { d: "M12 15v4" })
+      ];
+    case "presenter":
+      return [
+        jsx2("path", { d: "M4 5h16v10H4z" }),
+        jsx2("path", { d: "M8 21l4-6 4 6" }),
+        jsx2("path", { d: "M9 9h6" })
+      ];
+    case "previous":
+      return [jsx2("path", { d: "M15 6l-6 6 6 6" })];
+    case "next":
+      return [jsx2("path", { d: "M9 6l6 6-6 6" })];
+    case "fullscreen":
+      return [
+        jsx2("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        jsx2("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
+        jsx2("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
+        jsx2("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ];
+    case "print":
+      return [
+        jsx2("path", { d: "M6 9V3h12v6" }),
+        jsx2("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+        jsx2("path", { d: "M6 14h12v7H6z" })
+      ];
+    case "details":
+      return [
+        jsx2("circle", { cx: "12", cy: "12", r: "9" }),
+        jsx2("path", { d: "M12 11v5" }),
+        jsx2("path", { d: "M12 8h.01" })
+      ];
+    case "export-pdf":
+      return [
+        jsx2("path", { d: "M14 3v4a2 2 0 0 0 2 2h4" }),
+        jsx2("path", { d: "M5 3h9l6 6v12H5z" }),
+        jsx2("path", { d: "M8 15h8" }),
+        jsx2("path", { d: "M8 18h5" })
+      ];
+    case "export-png":
+      return [
+        jsx2("rect", { x: "4", y: "5", width: "16", height: "14", rx: "2" }),
+        jsx2("path", { d: "M8 14l2.5-2.5L14 15l2-2 2 2" }),
+        jsx2("circle", { cx: "9", cy: "9", r: "1" })
+      ];
+  }
+}
+
+// src/server/document.ts
+async function resolveDeckDocument(input, options, overrides) {
+  const page = {
+    lang: options?.lang,
+    nonce: options?.nonce,
+    head: options?.head,
+    ...options?.surfaces?.[input.surface],
+    ...definedDocumentOptions(overrides)
+  };
+  const langValue = await resolveDocumentValue(page.lang, input);
+  const nonce = await resolveDocumentValue(page.nonce, input);
+  const headValue = await resolveDocumentValue(page.head, input);
+  return {
+    lang: langValue?.trim() || "ja",
+    ...nonce ? { nonce } : {},
+    head: headValue === void 0 || headValue === null || headValue === false ? "" : await renderJsxValue(headValue)
+  };
+}
+function documentNonceAttribute(nonce) {
+  return nonce ? ` nonce="${escapeHtml2(nonce)}"` : "";
+}
+function definedDocumentOptions(options) {
+  if (!options) return {};
+  return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== void 0));
+}
+async function resolveDocumentValue(value, input) {
+  return typeof value === "function" ? await value(input) : await value;
+}
+function escapeHtml2(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+
+// src/renderer/presentation-script.ts
+function renderLiveReloadScript(eventsPath, nonce) {
+  return `<script${documentNonceAttribute(nonce)}>
+(() => {
+  const eventsUrl = ${JSON.stringify(eventsPath)};
+  const events = new EventSource(eventsUrl);
+  events.addEventListener("deck:updated", () => location.reload());
+})();
+</script>`;
+}
+function renderClientEntryScript(clientEntry, nonce) {
+  return `<script type="module" src="${escapeHtml3(clientEntry)}"${documentNonceAttribute(nonce)}></script>`;
+}
+function renderPresentationScript(nonce) {
+  return `<script${documentNonceAttribute(nonce)}>
+(() => {
+  const slides = Array.from(document.querySelectorAll(".slide"));
+  const stage = document.querySelector("[data-hono-decks-stage]");
+  const deck = document.querySelector("[data-hono-decks-deck]");
+  const DESIGN_WIDTH = 1920;
+  const DESIGN_HEIGHT = 1080;
+  let index = 0;
+  let previousIndex = 0;
+  let stepIndex = 0;
+  let stepCount = 0;
+  let isTransitioning = false;
+  let pendingNavigation = null;
+  let transitionToken = 0;
+
+  function fitDeck() {
+    if (!(stage instanceof HTMLElement) || !(deck instanceof HTMLElement)) return;
+    const bounds = stage.getBoundingClientRect();
+    const scale = Math.min(bounds.width / DESIGN_WIDTH, bounds.height / DESIGN_HEIGHT);
+    deck.style.transform = "scale(" + scale + ")";
+  }
+
+  function publishState() {
+    const state = { type: "hono-decks:state", index, stepIndex, stepCount, slideCount: slides.length };
+    writePaginationState();
+    if (window.parent !== window) window.parent.postMessage(state, "*");
+    if (window.opener && window.opener !== window) window.opener.postMessage(state, window.location.origin);
+  }
+
+  function readInitialState() {
+    const params = new URLSearchParams(window.location.search);
+    const slide = Number(params.get("slide"));
+    const step = Number(params.get("step"));
+    const initialIndex = Number.isInteger(slide) ? Math.max(0, Math.min(slides.length - 1, slide - 1)) : 0;
+    const initialStepIndex = Number.isInteger(step) ? Math.max(0, step) : 0;
+    return { index: initialIndex, stepIndex: initialStepIndex };
+  }
+
+  function writePaginationState() {
+    const url = new URL(window.location.href);
+    const params = url.searchParams;
+    params.set("slide", String(index + 1));
+    params.set("step", String(stepIndex));
+    window.history.replaceState(null, "", url);
+  }
+
+  function slideFires(slide) {
+    return Array.from(slide?.querySelectorAll("[data-hono-decks-fire]") ?? []);
+  }
+
+  function fireSchedule(slide) {
+    let cursor = 0;
+    const entries = slideFires(slide).map((fire) => {
+      const rawAt = fire.getAttribute("data-fire-at");
+      let position;
+      if (rawAt !== null && /^d+$/.test(rawAt)) {
+        position = Number(rawAt);
+      } else {
+        const offset = rawAt !== null && /^[+-]d+$/.test(rawAt) ? Number(rawAt) : 1;
+        cursor += offset;
+        position = cursor;
+      }
+      return { fire, position };
+    });
+    return { entries, stepCount: Math.max(0, ...entries.map(({ position }) => position)) };
+  }
+
+  function fireCountForSlide(slideIndex) {
+    return fireSchedule(slides[slideIndex]).stepCount;
+  }
+
+  function setFiresVisible(fires, visible) {
+    fires.forEach((fire) => {
+      fire.toggleAttribute("data-fire-hidden", !visible);
+      fire.setAttribute("aria-hidden", visible ? "false" : "true");
+    });
+  }
+
+  function updateFires(nextStepIndex) {
+    const schedule = fireSchedule(slides[index]);
+    stepCount = schedule.stepCount;
+    stepIndex = Math.max(0, Math.min(stepCount, nextStepIndex));
+    schedule.entries.forEach(({ fire, position }) => {
+      const visible = position <= stepIndex;
+      fire.toggleAttribute("data-fire-hidden", !visible);
+      fire.setAttribute("aria-hidden", visible ? "false" : "true");
+    });
+  }
+
+  function activeTransitionTiming(slide) {
+    const style = getComputedStyle(slide);
+    return {
+      duration: style.getPropertyValue("--hono-decks-slide-transition-duration").trim(),
+      easing: style.getPropertyValue("--hono-decks-slide-transition-easing").trim(),
+    };
+  }
+
+  function applyActiveTransitionTiming(slide, timing) {
+    if (timing?.duration) {
+      slide.style.setProperty("--hono-decks-active-transition-duration", timing.duration);
+    } else {
+      slide.style.removeProperty("--hono-decks-active-transition-duration");
+    }
+    if (timing?.easing) {
+      slide.style.setProperty("--hono-decks-active-transition-easing", timing.easing);
+    } else {
+      slide.style.removeProperty("--hono-decks-active-transition-easing");
+    }
+  }
+
+  function setSlideState(slide, state, direction, transition, timing) {
+    if (!slide) return;
+    slide.setAttribute("data-slide-state", state);
+    if (transition && transition !== "none" && state !== "inactive") {
+      slide.setAttribute("data-active-transition", transition);
+      applyActiveTransitionTiming(slide, timing);
+    } else {
+      slide.removeAttribute("data-active-transition");
+      applyActiveTransitionTiming(slide);
+    }
+    if (direction) {
+      slide.setAttribute("data-slide-direction", direction);
+    } else {
+      slide.removeAttribute("data-slide-direction");
+    }
+    slide.hidden = state === "inactive";
+  }
+
+  function transitionForSlide(slide) {
+    return slide?.getAttribute("data-transition") || "none";
+  }
+
+  function parseCssTime(value) {
+    const time = value.trim();
+    if (!time) return Number.NaN;
+    if (time.endsWith("ms")) return Number.parseFloat(time);
+    if (time.endsWith("s")) return Number.parseFloat(time) * 1000;
+    return Number.NaN;
+  }
+
+  function parseCssTimeList(value) {
+    return value.split(",").map(parseCssTime).filter((time) => Number.isFinite(time));
+  }
+
+  function listValue(values, index) {
+    return values.length ? values[index % values.length] : 0;
+  }
+
+  function transitionDurationMs(slide) {
+    if (!slide) return 240;
+    const style = getComputedStyle(slide);
+    const durations = parseCssTimeList(style.transitionDuration);
+    const delays = parseCssTimeList(style.transitionDelay);
+    const count = Math.max(durations.length, delays.length);
+    if (count === 0) return 240;
+    let max = 0;
+    for (let index = 0; index < count; index += 1) {
+      max = Math.max(max, listValue(durations, index) + listValue(delays, index));
+    }
+    return max;
+  }
+
+  function prefersReducedMotion() {
+    return window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === true;
+  }
+
+  function queueNavigation(targetIndex, nextStepIndex = 0) {
+    pendingNavigation = {
+      targetIndex: Math.max(0, Math.min(slides.length - 1, targetIndex)),
+      nextStepIndex,
+    };
+  }
+
+  function drainPendingNavigation() {
+    const pending = pendingNavigation;
+    pendingNavigation = null;
+    if (pending) show(pending.targetIndex, pending.nextStepIndex);
+  }
+
+  function applyInstantSlideChange(targetIndex, nextStepIndex = 0, direction) {
+    previousIndex = index;
+    index = Math.max(0, Math.min(slides.length - 1, targetIndex));
+    slides.forEach((slide, slideIndex) => {
+      setSlideState(slide, slideIndex === index ? "active" : "inactive", slideIndex === index ? direction : undefined);
+    });
+    updateFires(nextStepIndex);
+    publishState();
+  }
+
+  function finishSlideTransition(outgoing, incoming, direction) {
+    setSlideState(outgoing, "inactive");
+    setSlideState(incoming, "active", direction);
+    isTransitioning = false;
+    drainPendingNavigation();
+  }
+
+  function isTransitionEndEvent(event, slide) {
+    return event.target === slide && (event.propertyName === "opacity" || event.propertyName === "transform" || event.propertyName === "all");
+  }
+
+  function waitForSlideTransition(outgoing, incoming, direction, token) {
+    let finished = false;
+    const watchedSlides = [outgoing, incoming].filter(Boolean);
+    const expectedDuration = Math.max(transitionDurationMs(outgoing), transitionDurationMs(incoming));
+    const startedAt = performance.now();
+    function cleanup() {
+      watchedSlides.forEach((slide) => {
+        slide.removeEventListener("transitionend", onTransitionEnd);
+        slide.removeEventListener("transitioncancel", onTransitionEnd);
+      });
+      window.clearTimeout(timeout);
+    }
+    function finish() {
+      if (finished || token !== transitionToken) return;
+      finished = true;
+      cleanup();
+      finishSlideTransition(outgoing, incoming, direction);
+    }
+    function onTransitionEnd(event) {
+      if (!watchedSlides.some((slide) => isTransitionEndEvent(event, slide))) return;
+      const elapsed = performance.now() - startedAt;
+      if (elapsed >= Math.max(expectedDuration - 20, 0)) finish();
+    }
+    watchedSlides.forEach((slide) => {
+      slide.addEventListener("transitionend", onTransitionEnd);
+      slide.addEventListener("transitioncancel", onTransitionEnd);
+    });
+    const timeout = window.setTimeout(finish, expectedDuration + 80);
+  }
+
+  function show(nextIndex, nextStepIndex = 0) {
+    const targetIndex = Math.max(0, Math.min(slides.length - 1, nextIndex));
+    const direction = targetIndex >= index ? "forward" : "backward";
+    if (document.body.hasAttribute("data-overview-mode") || targetIndex === index) {
+      applyInstantSlideChange(targetIndex, nextStepIndex, direction);
+      return;
+    }
+    if (isTransitioning) {
+      queueNavigation(targetIndex, nextStepIndex);
+      return;
+    }
+
+    const outgoing = slides[index];
+    const incoming = slides[targetIndex];
+    const transition = transitionForSlide(incoming);
+    const timing = activeTransitionTiming(incoming);
+    if (transition === "none" || prefersReducedMotion()) {
+      applyInstantSlideChange(targetIndex, nextStepIndex, direction);
+      return;
+    }
+
+    if (transition === "view-transition" && typeof document.startViewTransition === "function") {
+      isTransitioning = true;
+      const viewTransition = document.startViewTransition(() => {
+        applyInstantSlideChange(targetIndex, nextStepIndex, direction);
+      });
+      Promise.resolve(viewTransition.finished).finally(() => {
+        isTransitioning = false;
+        drainPendingNavigation();
+      });
+      return;
+    }
+
+    isTransitioning = true;
+    const token = ++transitionToken;
+    previousIndex = index;
+    index = targetIndex;
+    slides.forEach((slide) => {
+      if (slide !== outgoing && slide !== incoming) setSlideState(slide, "inactive");
+    });
+    setSlideState(outgoing, "active", direction, transition, timing);
+    setSlideState(incoming, "entering", direction, transition, timing);
+    updateFires(nextStepIndex);
+    publishState();
+    requestAnimationFrame(() => {
+      setSlideState(outgoing, "leaving", direction, transition, timing);
+      setSlideState(incoming, "active", direction, transition, timing);
+      waitForSlideTransition(outgoing, incoming, direction, token);
+    });
+  }
+
+  function next() {
+    const isAtDeckEnd = index >= slides.length - 1 && stepIndex >= stepCount;
+    if (isAtDeckEnd) return;
+    if (isTransitioning) {
+      queueNavigation(index + 1, 0);
+      return;
+    }
+    if (stepIndex < stepCount) {
+      updateFires(stepIndex + 1);
+      publishState();
+      return;
+    }
+    show(index + 1, 0);
+  }
+
+  function previous() {
+    if (isTransitioning) {
+      const targetIndex = Math.max(0, index - 1);
+      queueNavigation(targetIndex, fireCountForSlide(targetIndex));
+      return;
+    }
+    if (stepIndex > 0) {
+      updateFires(stepIndex - 1);
+      publishState();
+      return;
+    }
+    if (index > 0) {
+      const previousIndex = index - 1;
+      show(previousIndex, fireCountForSlide(previousIndex));
+      return;
+    }
+    show(0, 0);
+  }
+
+  function toggleOverview() {
+    const enabled = document.body.toggleAttribute("data-overview-mode");
+    transitionToken += 1;
+    isTransitioning = false;
+    pendingNavigation = null;
+    slides.forEach((slide) => {
+      slide.hidden = false;
+      slide.setAttribute("data-slide-state", "active");
+      slide.removeAttribute("data-slide-direction");
+      slide.removeAttribute("data-active-transition");
+    });
+    setFiresVisible(Array.from(document.querySelectorAll("[data-hono-decks-fire]")), enabled);
+    if (!enabled) show(index);
+  }
+
+  function togglePresenter() {
+    const enabled = document.body.toggleAttribute("data-presenter-mode");
+    document.querySelectorAll(".speaker-notes").forEach((note) => { note.hidden = !enabled; });
+  }
+
+  function handleCommand(action, commandIndex, commandStepIndex) {
+    if (action === "previous") previous();
+    if (action === "next") next();
+    if (action === "goTo" && Number.isInteger(commandIndex)) {
+      show(commandIndex, Number.isInteger(commandStepIndex) ? commandStepIndex : 0);
+    }
+    if (action === "fullscreen") void toggleFullscreen();
+    if (action === "presenter") togglePresenter();
+    if (action === "overview") toggleOverview();
+  }
+
+  async function toggleFullscreen() {
+    if (document.fullscreenElement) {
+      await document.exitFullscreen?.();
+      return;
+    }
+    await document.documentElement.requestFullscreen?.();
+  }
+
+  slides.forEach((slide, slideIndex) => {
+    slide.addEventListener("click", () => {
+      if (!document.body.hasAttribute("data-overview-mode")) return;
+      document.body.removeAttribute("data-overview-mode");
+      show(slideIndex);
+    });
+  });
+
+  document.addEventListener("keydown", (event) => {
+    if (event.key === "ArrowRight" || event.key === " ") handleCommand("next");
+    if (event.key === "ArrowLeft") handleCommand("previous");
+    if (event.key === "f") handleCommand("fullscreen");
+    if (event.key === "p") handleCommand("presenter");
+    if (event.key === "o") handleCommand("overview");
+  });
+
+  window.addEventListener("message", (event) => {
+    const message = event.data;
+    if (!message || message.type !== "hono-decks:command") return;
+    handleCommand(message.action, message.index, message.stepIndex);
+  });
+
+  window.__honoDecksPresentationRuntime = { command: handleCommand };
+
+  window.addEventListener("resize", fitDeck);
+  fitDeck();
+  const initialState = readInitialState();
+  show(initialState.index, initialState.stepIndex);
+})();
+</script>`;
+}
+function escapeHtml3(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+
+// src/renderer/presentation-style.ts
+var PRESENTATION_DESIGN_WIDTH = 1920;
+var PRESENTATION_DESIGN_HEIGHT = 1080;
+function presentationDesignCssVariables() {
+  return `--hono-decks-width:${PRESENTATION_DESIGN_WIDTH}px;--hono-decks-height:${PRESENTATION_DESIGN_HEIGHT}px`;
+}
+function basePresentationStyle() {
+  return `
+:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:32px;${presentationDesignCssVariables()};--hono-decks-transition-duration:.24s;--hono-decks-transition-easing:ease;--hono-decks-color:#eef2ff;--hono-decks-muted-color:#cbd5e1;--hono-decks-accent-color:#8bd3ff;--hono-decks-border-color:rgba(148,163,184,.24);--hono-decks-inline-code-background:rgba(15,23,42,.72);--hono-decks-code-background:rgba(15,23,42,.78);--hono-decks-card-background:rgba(15,23,42,.78);--hono-decks-card-image-background:rgba(255,255,255,.08);--hono-decks-warning-background:rgba(255,193,7,.12);--hono-decks-warning-color:#ffe59b;color:var(--hono-decks-color)}
+html,body{margin:0;width:100%;height:100%;overflow:hidden}
+.hono-decks-stage{width:100vw;height:100vh;overflow:hidden;position:relative;display:grid;place-items:center}
+.hono-decks-deck{display:grid;gap:1rem;width:var(--hono-decks-width);height:var(--hono-decks-height);box-sizing:border-box;transform-origin:left top}
+.slide{box-sizing:border-box;aspect-ratio:16/9;padding:clamp(1.2rem,3vw,3rem);overflow:hidden}
+.hono-decks-slide-content{width:100%;height:100%}
+.slide.layout-cover,.slide.layout-statement{display:flex;flex-direction:column;justify-content:center}
+.slide.layout-cover>.hono-decks-slide-content,.slide.layout-statement>.hono-decks-slide-content{display:flex;flex-direction:column;justify-content:center}
+.slide code{font-family:"SFMono-Regular","Cascadia Code","Liberation Mono",Menlo,Consolas,monospace;font-size:.9em;line-height:1.45}
+.slide :not(pre)>code{border-radius:6px;background:var(--hono-decks-inline-code-background);padding:.12em .34em}
+.slide pre{max-width:100%;overflow:auto;box-sizing:border-box;border:1px solid var(--hono-decks-border-color);border-radius:8px;background:var(--hono-decks-code-background);padding:1rem;tab-size:2;white-space:pre}
+.slide pre code{display:block;min-width:max-content;background:transparent;padding:0}
+.slide table{width:100%;margin:1rem 0;border-collapse:collapse}
+.slide th,.slide td{border:1px solid var(--hono-decks-border-color);padding:.4em .75em;text-align:left}
+.slide th{background:var(--hono-decks-card-background);font-weight:700}
+.slide del{color:var(--hono-decks-muted-color)}
+.slide li.task-list-item{list-style:none;margin-left:-1.4em}
+.slide li.task-list-item input[type=checkbox]{margin-right:.5em;vertical-align:middle}
+.hono-decks-code-block{margin:1rem 0;max-width:100%}
+.hono-decks-code-caption{display:inline-flex;margin:0 0 .4rem;border:1px solid var(--hono-decks-border-color);border-radius:6px;padding:.2rem .5rem;background:var(--hono-decks-inline-code-background);color:var(--hono-decks-muted-color);font-size:.82rem}
+.hono-decks-embed-frame{margin:1rem 0;max-width:100%}
+.hono-decks-embed-viewport{width:min(100%,72rem);overflow:hidden}
+.hono-decks-embed-viewport iframe{display:block;width:100%;height:100%;border:0}
+.hono-decks-embed-print-fallback{display:none}
+.hono-decks-embed-print-poster{display:block;width:100%;height:100%;object-fit:cover}
+.hono-decks-embed-fallback{margin:.45rem 0 0;color:var(--hono-decks-muted-color);font-size:.84rem}
+.hono-decks-embed-fallback a{color:inherit}
+.hono-decks-social-embed{margin:1rem 0;max-width:min(100%,42rem)}
+.hono-decks-social-card{margin:0;border:1px solid var(--hono-decks-border-color);border-radius:8px;background:var(--hono-decks-card-background);padding:1rem}
+.hono-decks-social-card p{margin:0 0 .75rem;line-height:1.55}
+.hono-decks-social-card footer{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;color:var(--hono-decks-muted-color);font-size:.9rem}
+.hono-decks-social-card a{color:inherit}
+.hono-decks-tweet-embed{margin:1rem 0;max-width:min(100%,42rem)}
+.hono-decks-tweet-embed .twitter-tweet{margin:0;border:1px solid var(--hono-decks-border-color);border-radius:8px;background:var(--hono-decks-card-background);padding:1rem}
+.hono-decks-tweet-embed .twitter-tweet a{color:inherit}
+.hono-decks-tweet-print-fallback{display:none}
+.hono-decks-link-card{margin:1rem 0;max-width:min(100%,42rem)}
+.hono-decks-link-card-anchor{display:grid;grid-template-columns:minmax(9rem,32%) minmax(0,1fr);gap:.75rem;align-items:stretch;border:1px solid var(--hono-decks-border-color);border-radius:8px;background:var(--hono-decks-card-background);padding:1rem;color:inherit;text-decoration:none}
+.hono-decks-link-card-body{display:grid;gap:.35rem;min-width:0}
+.hono-decks-link-card-image{width:100%;height:100%;max-height:10rem;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--hono-decks-card-image-background)}
+.hono-decks-link-card-site{color:var(--hono-decks-accent-color);font-size:.8rem;text-transform:uppercase}
+.hono-decks-link-card-title{font-weight:700}
+.hono-decks-link-card-description{color:var(--hono-decks-muted-color);line-height:1.45}
+.hono-decks-link-card-label{color:var(--hono-decks-accent-color);font-size:.88rem}
+@media (max-width: 640px){.hono-decks-link-card-anchor{grid-template-columns:1fr}.hono-decks-link-card-image{height:auto;max-height:12rem}}
+.mdx-hero{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:clamp(1rem,3vw,3rem);align-items:center}
+.mdx-hero:not(.has-image){grid-template-columns:1fr}
+.mdx-hero-copy{min-width:0}
+.mdx-hero-eyebrow{margin:0 0 .75rem;color:var(--hono-decks-accent-color);text-transform:uppercase;font-size:.85rem;letter-spacing:0}
+.mdx-hero h1{margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:1.02}
+.mdx-hero-subtitle{margin:1rem 0 0;font-size:clamp(1rem,1.8vw,1.5rem);line-height:1.45;color:var(--hono-decks-muted-color)}
+.mdx-hero-image{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:8px}
+[data-hono-decks-fire]{--fire-duration:.18s;--fire-easing:ease;--fire-opacity:0;--fire-transform:translateY(.35rem);--fire-filter:none;visibility:visible;opacity:1;transform:none;filter:none;transition:visibility 0s linear 0s,opacity var(--fire-duration) var(--fire-easing),transform var(--fire-duration) var(--fire-easing),filter var(--fire-duration) var(--fire-easing)}
+[data-hono-decks-fire][data-fire-hidden]{visibility:hidden;opacity:var(--fire-opacity);transform:var(--fire-transform);filter:var(--fire-filter);transition-delay:var(--fire-duration),0s,0s,0s}
+[data-fire-effect=none]{--fire-duration:0s;--fire-transform:none}
+[data-fire-effect=fade]{--fire-transform:none}
+[data-fire-effect=fade-up]{--fire-transform:translateY(.85rem)}
+[data-fire-effect=scale]{--fire-transform:scale(.96)}
+body:not([data-overview-mode]) .hono-decks-deck{position:relative}
+body:not([data-overview-mode]) .slide{position:absolute;inset:0;width:100%;height:100%}
+.slide[data-active-transition]{transition:opacity var(--hono-decks-active-transition-duration,var(--hono-decks-slide-transition-duration,var(--hono-decks-transition-duration))) var(--hono-decks-active-transition-easing,var(--hono-decks-slide-transition-easing,var(--hono-decks-transition-easing))),transform var(--hono-decks-active-transition-duration,var(--hono-decks-slide-transition-duration,var(--hono-decks-transition-duration))) var(--hono-decks-active-transition-easing,var(--hono-decks-slide-transition-easing,var(--hono-decks-transition-easing)));will-change:opacity,transform}
+.slide[data-slide-state="inactive"]{visibility:hidden;pointer-events:none}
+.slide[data-slide-state="active"]{visibility:visible;opacity:1;transform:translate3d(0,0,0) scale(1)}
+.slide[data-active-transition="fade"][data-slide-state="entering"],.slide[data-active-transition="fade"][data-slide-state="leaving"],.slide[data-active-transition="view-transition"][data-slide-state="entering"],.slide[data-active-transition="view-transition"][data-slide-state="leaving"]{opacity:0}
+.slide[data-active-transition="fade-out"][data-slide-state="entering"]{opacity:1}
+.slide[data-active-transition="fade-out"][data-slide-state="leaving"]{opacity:0}
+.slide[data-active-transition="slide-left"][data-slide-direction="forward"][data-slide-state="entering"],.slide[data-active-transition="slide-right"][data-slide-direction="backward"][data-slide-state="leaving"]{transform:translate3d(100%,0,0)}
+.slide[data-active-transition="slide-left"][data-slide-direction="forward"][data-slide-state="leaving"],.slide[data-active-transition="slide-right"][data-slide-direction="backward"][data-slide-state="entering"]{transform:translate3d(-100%,0,0)}
+.slide[data-active-transition="slide-left"][data-slide-direction="backward"][data-slide-state="entering"],.slide[data-active-transition="slide-right"][data-slide-direction="forward"][data-slide-state="leaving"]{transform:translate3d(-100%,0,0)}
+.slide[data-active-transition="slide-left"][data-slide-direction="backward"][data-slide-state="leaving"],.slide[data-active-transition="slide-right"][data-slide-direction="forward"][data-slide-state="entering"]{transform:translate3d(100%,0,0)}
+.slide[data-active-transition="slide-up"][data-slide-direction="forward"][data-slide-state="entering"],.slide[data-active-transition="slide-down"][data-slide-direction="backward"][data-slide-state="leaving"]{transform:translate3d(0,100%,0)}
+.slide[data-active-transition="slide-up"][data-slide-direction="forward"][data-slide-state="leaving"],.slide[data-active-transition="slide-down"][data-slide-direction="backward"][data-slide-state="entering"]{transform:translate3d(0,-100%,0)}
+.slide[data-active-transition="slide-up"][data-slide-direction="backward"][data-slide-state="entering"],.slide[data-active-transition="slide-down"][data-slide-direction="forward"][data-slide-state="leaving"]{transform:translate3d(0,-100%,0)}
+.slide[data-active-transition="slide-up"][data-slide-direction="backward"][data-slide-state="leaving"],.slide[data-active-transition="slide-down"][data-slide-direction="forward"][data-slide-state="entering"]{transform:translate3d(0,100%,0)}
+body:not([data-overview-mode]) .slide[hidden]{display:none}
+body[data-overview-mode] .hono-decks-deck{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
+body[data-overview-mode] .slide{cursor:pointer}
+body[data-presenter-mode] .speaker-notes{display:block;margin-top:1rem;padding:.75rem;border-radius:8px;background:var(--hono-decks-card-image-background)}
+.hono-decks-warnings{margin:1rem;padding:.75rem;border-radius:14px;background:var(--hono-decks-warning-background);color:var(--hono-decks-warning-color)}
+@media screen{html[data-hono-decks-print-preview]{width:auto;height:auto;min-height:100%;overflow:visible}
+body[data-hono-decks-print-preview]{min-height:100vh;overflow:auto;color-scheme:light;color:#000;--hono-decks-print-gap:6mm;--hono-decks-print-slot-height:80mm;--hono-decks-print-scale:.28}
+body[data-hono-decks-print-preview] .hono-decks-stage{display:block;width:auto;height:auto;min-height:100vh;overflow:visible;padding:12mm 0;box-sizing:border-box}
+body[data-hono-decks-print-preview] .hono-decks-deck{display:grid;grid-template-columns:1fr;grid-auto-rows:var(--hono-decks-print-slot-height);gap:var(--hono-decks-print-gap);width:calc(var(--hono-decks-print-slot-height) * 16 / 9);max-width:calc(100vw - 24px);height:auto;margin:0 auto;transform:none!important}
+body[data-hono-decks-print-preview] .slide{position:static;width:100%;max-width:100%;height:var(--hono-decks-print-slot-height);aspect-ratio:16/9;justify-self:center;align-self:center;padding:0;box-shadow:0 2px 10px rgba(15,23,42,.16);transition:none!important;transform:none!important}
+body[data-hono-decks-print-preview] .slide.layout-cover,body[data-hono-decks-print-preview] .slide.layout-statement{display:block}
+body[data-hono-decks-print-preview] .hono-decks-slide-content{width:var(--hono-decks-width);height:var(--hono-decks-height);box-sizing:border-box;padding:clamp(1.2rem,3vw,3rem);transform:scale(var(--hono-decks-print-scale));transform-origin:left top;overflow:hidden}
+body[data-hono-decks-print-preview]:not([data-overview-mode]) .slide[hidden]{display:block!important}
+body[data-hono-decks-print-preview] .slide[data-slide-state]{visibility:visible!important;opacity:1!important;transform:none!important}
+body[data-hono-decks-print-preview] [data-hono-decks-fire]{visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important}}
+@page{size:A4 portrait;margin:12mm}
+@media print{:root{color-scheme:light;color:#000;--hono-decks-print-gap:6mm;--hono-decks-print-slot-height:80mm;--hono-decks-print-scale:.28}html,body{width:auto;height:auto;overflow:visible}.hono-decks-stage{display:block;width:auto;height:auto;overflow:visible}.hono-decks-deck{display:grid;grid-template-columns:1fr;grid-auto-rows:var(--hono-decks-print-slot-height);gap:var(--hono-decks-print-gap);width:calc(var(--hono-decks-print-slot-height) * 16 / 9);height:auto;margin:0 auto;transform:none!important}body:not([data-overview-mode]) .slide{position:relative}.slide{position:relative;width:100%;max-width:100%;height:var(--hono-decks-print-slot-height);aspect-ratio:16/9;justify-self:center;align-self:center;padding:0;page-break-after:auto;break-after:auto;break-inside:avoid;box-shadow:none;transition:none!important;transform:none!important}.slide.layout-cover,.slide.layout-statement{display:block}.hono-decks-slide-content{position:absolute;inset:0 auto auto 0;width:var(--hono-decks-width);height:var(--hono-decks-height);box-sizing:border-box;padding:clamp(1.2rem,3vw,3rem);zoom:var(--hono-decks-print-scale);overflow:hidden}.slide:nth-of-type(3n):not(:last-child){page-break-after:always;break-after:page}body:not([data-overview-mode]) .slide[hidden]{display:block!important}.slide[data-slide-state]{visibility:visible!important;opacity:1!important;transform:none!important}[data-hono-decks-fire]{visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important}}
+@media print{.hono-decks-embed-viewport iframe,.hono-decks-tweet-embed iframe,.hono-decks-tweet-embed .twitter-tweet{display:none!important}.hono-decks-embed-print-fallback{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;background:var(--hono-decks-card-background);color:var(--hono-decks-accent-color);text-decoration:none}.hono-decks-embed-print-fallback:has(.hono-decks-embed-print-poster){display:block}.hono-decks-embed-print-poster+span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hono-decks-tweet-print-fallback{display:flex;min-height:12rem;align-items:center;justify-content:center;border:1px solid var(--hono-decks-border-color);border-radius:8px;background:var(--hono-decks-card-background);color:var(--hono-decks-accent-color);text-decoration:none}}
+@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}.slide[data-active-transition]{transform:none!important}}`;
+}
+
+// src/renderer/presentation-page.ts
+function presentationPageTitle(deck) {
+  return deck.meta.title ?? deck.slug;
+}
+function renderCompiledDeckPage(input) {
+  const { deck } = input;
+  const document = input.document ?? { lang: "ja", head: "" };
+  const nonceAttribute = documentNonceAttribute(document.nonce);
+  const warnings = renderWarnings(deck);
+  const htmlAttrs = input.printPreview ? ' data-hono-decks-print-preview="true"' : "";
+  const bodyAttrs = [
+    input.printPreview ? 'data-hono-decks-print-preview="true"' : "",
+    input.speakerNotes === false ? 'data-hono-decks-projection="true"' : ""
+  ].filter(Boolean);
+  return `<!doctype html>
+<html lang="${escapeHtml4(document.lang)}"${htmlAttrs}>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${escapeHtml4(presentationPageTitle(deck))}</title>
+  <style${nonceAttribute}>${basePresentationStyle()}${deck.themeStyle ?? ""}${input.style ?? ""}</style>
+  ${document.head}
+</head>
+<body${bodyAttrs.length ? ` ${bodyAttrs.join(" ")}` : ""}>
+  ${warnings}
+  ${renderCompiledDeck(deck, {
+    components: mergeComponentInputs(deck.componentRegistry, input.components),
+    speakerNotes: input.speakerNotes
+  })}
+  ${input.printPreview ? renderPrintPreviewScript(document.nonce) : renderPresentationScript(document.nonce)}
+  ${!input.printPreview && input.liveReloadPath ? renderLiveReloadScript(input.liveReloadPath, document.nonce) : ""}
+  ${!input.printPreview && input.clientEntry ? renderClientEntryScript(input.clientEntry, document.nonce) : ""}
+</body>
+</html>`;
+}
+async function renderCompiledDeckPageAsync(input) {
+  const { deck } = input;
+  const document = input.document ?? { lang: "ja", head: "" };
+  const nonceAttribute = documentNonceAttribute(document.nonce);
+  const warnings = renderWarnings(deck);
+  const htmlAttrs = input.printPreview ? ' data-hono-decks-print-preview="true"' : "";
+  const bodyAttrs = [
+    input.printPreview ? 'data-hono-decks-print-preview="true"' : "",
+    input.speakerNotes === false ? 'data-hono-decks-projection="true"' : ""
+  ].filter(Boolean);
+  return `<!doctype html>
+<html lang="${escapeHtml4(document.lang)}"${htmlAttrs}>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${escapeHtml4(presentationPageTitle(deck))}</title>
+  <style${nonceAttribute}>${basePresentationStyle()}${deck.themeStyle ?? ""}${input.style ?? ""}</style>
+  ${document.head}
+</head>
+<body${bodyAttrs.length ? ` ${bodyAttrs.join(" ")}` : ""}>
+  ${warnings}
+  ${await renderCompiledDeckAsync(deck, {
+    components: mergeComponentInputs(deck.componentRegistry, input.components),
+    speakerNotes: input.speakerNotes
+  })}
+  ${input.printPreview ? renderPrintPreviewScript(document.nonce) : renderPresentationScript(document.nonce)}
+  ${!input.printPreview && input.liveReloadPath ? renderLiveReloadScript(input.liveReloadPath, document.nonce) : ""}
+  ${!input.printPreview && input.clientEntry ? renderClientEntryScript(input.clientEntry, document.nonce) : ""}
+</body>
+</html>`;
+}
+async function renderPresenterPageAsync(input) {
+  const { deck } = input;
+  const document = input.document ?? { lang: "ja", head: "" };
+  const nonceAttribute = documentNonceAttribute(document.nonce);
+  const components = mergeComponentInputs(deck.componentRegistry, input.components);
+  const mountPath = input.mountPath.replace(/\/$/, "") || "/";
+  const deckPath = `${mountPath === "/" ? "" : mountPath}/${encodeURIComponent(deck.slug)}`;
+  const stateQuery = input.presenterStateQuery ?? "";
+  const deckHref = `${deckPath}${stateQuery}`;
+  const projectionPath = `${deckPath}/presentation${stateQuery}`;
+  const previews = await Promise.all(
+    deck.slides.map(
+      (slide) => renderCompiledSlideAsync(slide, deck.assets, { components, deck, speakerNotes: false, slideState: "active" })
+    )
+  );
+  const notes = deck.slides.map((slide) => slide.notes ?? slide.meta.notes);
+  return `<!doctype html>
+<html lang="${escapeHtml4(document.lang)}">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${escapeHtml4(presentationPageTitle(deck))} - Presenter</title>
+  <style${nonceAttribute}>${basePresenterStyle()}${deck.themeStyle ?? ""}${input.style ?? ""}</style>
+  ${document.head}
+</head>
+<body>
+  <main class="hono-decks-presenter" data-hono-decks-presenter data-slide-index="0">
+    <section class="hono-decks-presenter-current" data-hono-decks-presenter-current aria-label="Current slide">
+      <nav class="hono-decks-presenter-controls" data-hono-decks-presenter-controls aria-label="Presenter controls">
+        <a href="${escapeHtml4(mountPath)}" title="Deck list" aria-label="Deck list">${renderControlIconHtml("home")}</a>
+        <a href="${escapeHtml4(deckHref)}" title="Viewer" aria-label="Viewer">${renderControlIconHtml("viewer")}</a>
+        <button type="button" data-action="openProjection" data-projection-url="${escapeHtml4(projectionPath)}" title="Projection" aria-label="Projection">${renderControlIconHtml("projection")}</button>
+        <button type="button" data-action="previous" title="Previous slide" aria-label="Previous slide">${renderControlIconHtml("previous")}</button>
+        <span data-hono-decks-presenter-position>1 / ${deck.slides.length}</span>
+        <button type="button" data-action="next" title="Next slide" aria-label="Next slide">${renderControlIconHtml("next")}</button>
+        <span data-hono-decks-presenter-connection>Connected</span>
+      </nav>
+      <iframe title="${escapeHtml4(presentationPageTitle(deck))}" src="${escapeHtml4(projectionPath)}"></iframe>
+    </section>
+    <aside class="hono-decks-presenter-panel" aria-label="Presenter panel">
+      <section class="hono-decks-presenter-next" data-hono-decks-presenter-next aria-label="Next slide preview">
+        <h2>Next slide</h2>
+        <div class="hono-decks-presenter-preview-list">
+          ${previews.map(
+    (preview, index) => `<div class="hono-decks-presenter-preview" data-hono-decks-presenter-preview data-slide-index="${index}"${index === 1 ? "" : " hidden"}>${preview}</div>`
+  ).join("\n")}
+          <p class="hono-decks-presenter-no-next" data-hono-decks-presenter-no-next${deck.slides.length > 1 ? " hidden" : ""}>No next slide</p>
+        </div>
+      </section>
+      <section class="hono-decks-presenter-notes" data-hono-decks-presenter-notes aria-label="Speaker notes">
+        <h2>Speaker notes</h2>
+        ${notes.map(
+    (note, index) => `<article data-hono-decks-presenter-note data-slide-index="${index}"${index === 0 ? "" : " hidden"}>${note ? escapeHtml4(note) : "<p>No speaker notes.</p>"}</article>`
+  ).join("\n")}
+      </section>
+    </aside>
+  </main>
+  ${renderPresenterScript(deck.slides.length, document.nonce)}
+</body>
+</html>`;
+}
+function renderWarnings(deck) {
+  return deck.warnings.length ? `<aside class="hono-decks-warnings">${deck.warnings.map((warning) => `<p>${escapeHtml4(warning.message)}</p>`).join("")}</aside>` : "";
+}
+function renderPrintPreviewScript(nonce) {
+  return `<script${documentNonceAttribute(nonce)}>
+(() => {
+  const params = new URLSearchParams(window.location.search);
+  if (params.get("autoprint") !== "1") return;
+  window.addEventListener("load", () => {
+    window.requestAnimationFrame(() => window.print());
+  }, { once: true });
+})();
+  </script>`;
+}
+function mergeComponentInputs(base, overrides) {
+  if (!base) return overrides;
+  if (!overrides) return base;
+  return { ...base, ...overrides };
+}
+function basePresenterStyle() {
+  return `${basePresentationStyle()}
+body{margin:0;min-height:100vh;background:#050816;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
+.hono-decks-presenter{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:16px;min-height:100vh;padding:16px}
+.hono-decks-presenter-current,.hono-decks-presenter-panel{min-width:0}
+.hono-decks-presenter-current{display:grid;grid-template-rows:auto 1fr;gap:12px;align-items:center}
+.hono-decks-presenter-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
+.hono-decks-presenter-controls a,.hono-decks-presenter-controls button,.hono-decks-presenter-controls span{border:1px solid rgba(148,163,184,.32);border-radius:8px;background:rgba(15,23,42,.78);color:inherit;padding:8px 10px;font:inherit;font-size:14px}
+.hono-decks-presenter-controls a,.hono-decks-presenter-controls button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:38px;box-sizing:border-box;text-decoration:none;cursor:pointer}
+.hono-decks-presenter-controls a *,.hono-decks-presenter-controls button *{pointer-events:none;cursor:pointer}
+.hono-decks-control-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;pointer-events:none}
+.hono-decks-presenter-current iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#000}
+.hono-decks-presenter-panel{display:grid;grid-template-rows:auto 1fr;gap:16px}
+.hono-decks-presenter-next,.hono-decks-presenter-notes{min-width:0;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:rgba(15,23,42,.78);padding:12px}
+.hono-decks-presenter-next h2,.hono-decks-presenter-notes h2{margin:0 0 8px;font-size:16px;color:#93c5fd}
+.hono-decks-presenter-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#020617}
+body:not([data-overview-mode]) .hono-decks-presenter-preview .slide{position:absolute;inset:0 auto auto 0;width:var(--hono-decks-width);height:var(--hono-decks-height);aspect-ratio:16/9;max-width:none;transform-origin:left top;transition:none!important}
+.hono-decks-presenter-preview .hono-decks-slide-content{transform-origin:top left}
+.hono-decks-presenter-no-next:not([hidden]){display:grid;place-items:center;aspect-ratio:16/9;margin:0;border-radius:6px;background:#020617;color:#93a4bd;font-size:14px}
+.hono-decks-presenter-notes article{white-space:pre-wrap;font-size:18px;line-height:1.6}
+@media (max-width:900px){.hono-decks-presenter{grid-template-columns:1fr}.hono-decks-presenter-panel{grid-template-rows:auto auto}}`;
+}
+function renderPresenterScript(slideCount, nonce) {
+  return `<script${documentNonceAttribute(nonce)}>
+(() => {
+  const root = document.querySelector("[data-hono-decks-presenter]");
+  const frame = document.querySelector("[data-hono-decks-presenter-current] iframe");
+  const previews = Array.from(document.querySelectorAll("[data-hono-decks-presenter-preview]"));
+  const notes = Array.from(document.querySelectorAll("[data-hono-decks-presenter-note]"));
+  const noNext = document.querySelector("[data-hono-decks-presenter-no-next]");
+  const position = document.querySelector("[data-hono-decks-presenter-position]");
+  const DESIGN_WIDTH = 1920;
+  const DESIGN_HEIGHT = 1080;
+  let projectionWindow = null;
+  let currentIndex = 0;
+  let currentStepIndex = 0;
+
+  function fitPresenterPreview(preview) {
+    const slide = preview?.querySelector(".slide");
+    if (!(preview instanceof HTMLElement) || !(slide instanceof HTMLElement)) return;
+    const bounds = preview.getBoundingClientRect();
+    if (bounds.width <= 0 || bounds.height <= 0) return;
+    const scale = Math.min(bounds.width / DESIGN_WIDTH, bounds.height / DESIGN_HEIGHT);
+    slide.style.transform = "scale(" + scale + ")";
+  }
+
+  function fitVisiblePresenterPreviews() {
+    previews.forEach((preview) => {
+      if (!preview.hidden) fitPresenterPreview(preview);
+    });
+  }
+
+  function show(index, stepIndex = 0) {
+    const nextIndex = index + 1;
+    currentIndex = index;
+    currentStepIndex = stepIndex;
+    writePresenterPaginationState();
+    root?.setAttribute("data-slide-index", String(index));
+    if (position) position.textContent = String(index + 1) + " / ${slideCount}";
+    previews.forEach((preview) => {
+      preview.hidden = Number(preview.getAttribute("data-slide-index")) !== nextIndex;
+    });
+    if (noNext) noNext.hidden = previews.some((preview) => Number(preview.getAttribute("data-slide-index")) === nextIndex);
+    notes.forEach((note) => {
+      note.hidden = Number(note.getAttribute("data-slide-index")) !== index;
+    });
+    fitVisiblePresenterPreviews();
+  }
+
+  function writePresenterPaginationState() {
+    const url = new URL(window.location.href);
+    const params = url.searchParams;
+    params.set("slide", String(currentIndex + 1));
+    params.set("step", String(currentStepIndex));
+    window.history.replaceState(null, "", url);
+  }
+
+  function sendCommand(action) {
+    const message = { type: "hono-decks:command", action };
+    frame?.contentWindow?.postMessage(message, window.location.origin);
+    if (projectionWindow?.closed) projectionWindow = null;
+    projectionWindow?.postMessage(message, window.location.origin);
+  }
+
+  function syncProjectionState(source, index, stepIndex) {
+    const message = { type: "hono-decks:command", action: "goTo", index, stepIndex };
+    if (source !== frame?.contentWindow) frame?.contentWindow?.postMessage(message, window.location.origin);
+    if (projectionWindow?.closed) projectionWindow = null;
+    if (projectionWindow && source !== projectionWindow) projectionWindow.postMessage(message, window.location.origin);
+  }
+
+  function openProjection(button) {
+    const projectionUrl = button.getAttribute("data-projection-url");
+    if (!projectionUrl) return;
+    const url = new URL(projectionUrl, window.location.href);
+    url.searchParams.set("slide", String(currentIndex + 1));
+    url.searchParams.set("step", String(currentStepIndex));
+    const features = "popup=yes,width=1920,height=1080,left=0,top=0,menubar=no,toolbar=no,location=no,status=no";
+    projectionWindow = window.open(url.href, "hono-decks-projection", features);
+    projectionWindow?.focus?.();
+    window.setTimeout(() => {
+      projectionWindow?.postMessage(
+        { type: "hono-decks:command", action: "goTo", index: currentIndex, stepIndex: currentStepIndex },
+        window.location.origin,
+      );
+    }, 250);
+  }
+
+  fitVisiblePresenterPreviews();
+  window.addEventListener("resize", fitVisiblePresenterPreviews);
+  document.querySelectorAll("[data-action='previous']").forEach((button) => {
+    button.addEventListener("click", () => sendCommand("previous"));
+  });
+  document.querySelectorAll("[data-action='next']").forEach((button) => {
+    button.addEventListener("click", () => sendCommand("next"));
+  });
+  document.querySelectorAll("[data-action='openProjection']").forEach((button) => {
+    button.addEventListener("click", () => openProjection(button));
+  });
+
+  window.addEventListener("message", (event) => {
+    if (event.origin !== window.location.origin) return;
+    const message = event.data;
+    if (!message || message.type !== "hono-decks:state") return;
+    if (event.source !== frame?.contentWindow && event.source !== projectionWindow && !window.opener) return;
+    if (event.source !== frame?.contentWindow) projectionWindow = event.source;
+    if (Number.isInteger(message.index)) {
+      const stepIndex = Number.isInteger(message.stepIndex) ? message.stepIndex : 0;
+      const alreadyCurrent = message.index === currentIndex && stepIndex === currentStepIndex;
+      show(message.index, stepIndex);
+      if (!alreadyCurrent) syncProjectionState(event.source, message.index, stepIndex);
+    }
+  });
+})();
+</script>`;
+}
+function escapeHtml4(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+
+// src/renderer/compiled-render.ts
+function renderCompiledDeck(deck, input = {}) {
+  const components = normalizeComponents(input.components);
+  return `<main class="hono-decks-stage" data-hono-decks-stage data-deck-slug="${escapeHtml5(deck.slug)}"><div class="hono-decks-deck" data-hono-decks-deck>${deck.slides.map((slide) => renderCompiledSlide(slide, deck.assets, { components, deck, speakerNotes: input.speakerNotes })).join("\n")}</div></main>`;
+}
+async function renderCompiledDeckAsync(deck, input = {}) {
+  const components = normalizeComponents(input.components);
+  const slides = await Promise.all(
+    deck.slides.map(
+      (slide) => renderCompiledSlideAsync(slide, deck.assets, { components, deck, speakerNotes: input.speakerNotes })
+    )
+  );
+  return `<main class="hono-decks-stage" data-hono-decks-stage data-deck-slug="${escapeHtml5(deck.slug)}"><div class="hono-decks-deck" data-hono-decks-deck>${slides.join(
+    "\n"
+  )}</div></main>`;
+}
+function renderCompiledSlide(slide, assets = [], input = {}) {
+  const components = normalizeComponents(input.components);
+  const slideState = input.slideState ?? "inactive";
+  const layout = slide.meta.layout ?? "default";
+  const classes = ["slide", `layout-${safeClass(layout)}`, slide.meta.className ? safeClass(slide.meta.className) : ""].filter(Boolean).join(" ");
+  const notes = slide.notes ?? slide.meta.notes;
+  const notesHtml = input.speakerNotes === false || !notes ? "" : `<aside class="speaker-notes" hidden>${escapeHtml5(notes)}</aside>`;
+  const html = slide.nodes?.length ? renderSlideNodes(slide.nodes, { components, assets }) : rewriteLocalAssetUrls(slide.html, assets);
+  const style = slideStyleAttribute(slide, assets);
+  const transition = slide.meta.transition ? ` data-transition="${escapeHtml5(safeClass(slide.meta.transition))}"` : "";
+  return `<section class="${classes}" data-slide-index="${slide.index}" data-slide-state="${slideState}"${slide.meta.title ? ` aria-label="${escapeHtml5(slide.meta.title)}"` : ""}${transition}${style}><div class="hono-decks-slide-content">${html}</div>${notesHtml}</section>`;
+}
+async function renderCompiledSlideAsync(slide, assets = [], input = {}) {
+  const components = normalizeComponents(input.components);
+  const slideState = input.slideState ?? "inactive";
+  const layout = slide.meta.layout ?? "default";
+  const classes = ["slide", `layout-${safeClass(layout)}`, slide.meta.className ? safeClass(slide.meta.className) : ""].filter(Boolean).join(" ");
+  const notes = slide.notes ?? slide.meta.notes;
+  const notesHtml = input.speakerNotes === false || !notes ? "" : `<aside class="speaker-notes" hidden>${escapeHtml5(notes)}</aside>`;
+  const html = await renderSlideBodyAsync(slide, assets, { ...input, components });
+  const style = slideStyleAttribute(slide, assets);
+  const transition = slide.meta.transition ? ` data-transition="${escapeHtml5(safeClass(slide.meta.transition))}"` : "";
+  return `<section class="${classes}" data-slide-index="${slide.index}" data-slide-state="${slideState}"${slide.meta.title ? ` aria-label="${escapeHtml5(slide.meta.title)}"` : ""}${transition}${style}><div class="hono-decks-slide-content">${html}</div>${notesHtml}</section>`;
+}
+function slideStyleAttribute(slide, assets) {
+  const declarations = [];
+  if (slide.meta.background) declarations.push(backgroundStyle(slide.meta.background, assets));
+  if (slide.meta.transitionDuration) {
+    declarations.push(`--hono-decks-slide-transition-duration:${slide.meta.transitionDuration}`);
+  }
+  if (slide.meta.transitionEasing) {
+    declarations.push(`--hono-decks-slide-transition-easing:${slide.meta.transitionEasing}`);
+  }
+  return declarations.length ? ` style="${escapeHtml5(declarations.join(";"))}"` : "";
+}
+async function renderSlideBodyAsync(slide, assets, input) {
+  try {
+    return slide.render ? await renderJsxValue(
+      slide.render({ components: createMdxComponents(input.components ?? builtInSlideComponents, { assets }) })
+    ) : slide.nodes?.length ? await renderSlideNodesAsync(slide.nodes, { components: input.components, assets }) : rewriteLocalAssetUrls(slide.html, assets);
+  } catch (error) {
+    if (error instanceof RenderError) throw error;
+    throw new RenderError(
+      `Render failed in ${input.deck?.sourcePath ?? "unknown deck"} slide ${slide.index + 1}: ${formatErrorMessage(error)}`,
+      "slide-render-error",
+      error
+    );
+  }
+}
+function normalizeComponents(components) {
+  return {
+    ...builtInSlideComponents,
+    ...components ? defineSlideComponents(components) : {}
+  };
+}
+function safeClass(value) {
+  return value.toLowerCase().replace(/[^a-z0-9_-]+/g, "-");
+}
+function escapeHtml5(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function formatErrorMessage(error) {
+  if (error instanceof Error) return error.message;
+  return String(error);
+}
+
+// src/server/client-entry.ts
+function serveDecksClientEntry(clientEntry, options = {}) {
+  return (c) => {
+    const headers = {
+      "content-type": options.contentType ?? "text/javascript; charset=utf-8"
+    };
+    const cacheControl = options.cacheControl ?? "public, max-age=300";
+    if (cacheControl !== false) headers["cache-control"] = cacheControl;
+    return c.body(clientEntry, 200, headers);
+  };
+}
+
+// src/server/path-utils.ts
+function extractAssetPath(path, slug) {
+  const marker = `/${slug}/assets/`;
+  const markerIndex = path.indexOf(marker);
+  if (markerIndex === -1) return "";
+  return path.slice(markerIndex + marker.length);
+}
+function stripPathSuffix(path, suffix) {
+  return path.endsWith(suffix) ? path.slice(0, -suffix.length) : path;
+}
+function inferMountPath(path, slug) {
+  const marker = `/${slug}`;
+  const markerIndex = path.indexOf(marker);
+  if (markerIndex === -1) return "";
+  return path.slice(0, markerIndex) || "/";
+}
+function resolveGeneratedClientEntryUrl(options, mountPath) {
+  if (!options.clientEntryAsset) return void 0;
+  const basePath = mountPath === "/" ? "" : mountPath.replace(/\/$/, "");
+  return `${basePath}${normalizeClientEntryAssetPath(options.clientEntryAssetPath)}`;
+}
+function normalizeClientEntryAssetPath(path = "/_assets/client.js") {
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return normalized.replace(/\/{2,}/g, "/");
+}
+
+// src/server/paths.ts
+function createDeckPaths(mountPath, slug) {
+  const mount = normalizeMountPath(mountPath);
+  const viewer = `${mount === "/" ? "" : mount}/${encodeURIComponent(slug)}`;
+  return {
+    viewer,
+    render: `${viewer}/render`,
+    print: `${viewer}/print`,
+    presentation: `${viewer}/presentation`,
+    presenter: `${viewer}/presenter`,
+    embed: `${viewer}/embed`,
+    exportPdf: `${viewer}/export.pdf`,
+    exportPng: `${viewer}/export.png`,
+    ogImage: `${viewer}/og.png`,
+    assets: `${viewer}/assets`
+  };
+}
+function normalizeMountPath(value) {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed === "/") return "/";
+  return `/${trimmed.replace(/^\/+|\/+$/g, "")}`;
+}
+
+// src/server/browser-export.ts
+async function renderDeckBrowserExport(c, options, format) {
+  const slug = c.req.param("slug");
+  if (!slug) return c.json({ error: "Deck not found", slug: "" }, 404);
+  const deck = await options.source.getCompiledDeck(c, slug);
+  if (!deck || options.dev !== true && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+  const exportOptions = options.export;
+  if (!exportOptions) return c.json({ error: "Browser export not configured", slug, format }, 503);
+  const mountPath = stripPathSuffix(c.req.path, `/${slug}/export.${format}`);
+  const resolverInput = {
+    c,
+    deck,
+    slug,
+    mountPath,
+    paths: createDeckPaths(mountPath, slug),
+    format
+  };
+  if (!await isBrowserExportAuthorized(exportOptions, resolverInput)) {
+    return c.json({ error: "Browser export not authorized", slug, format }, 403);
+  }
+  const browser = await exportOptions.browser(resolverInput);
+  if (!browser) return c.json({ error: "Browser export not configured", slug, format }, 503);
+  const printUrl = new URL(resolverInput.paths.print, c.req.url).toString();
+  const action = format === "pdf" ? "pdf" : "screenshot";
+  const response = await browser.quickAction(action, createBrowserRunExportRequest(exportOptions, printUrl, format));
+  const headers = new Headers(response.headers);
+  if (!headers.has("content-type")) headers.set("content-type", format === "pdf" ? "application/pdf" : "image/png");
+  headers.set("content-disposition", `attachment; filename="${exportFilename(exportOptions, deck, format)}"`);
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers
+  });
+}
+function isPdfExportEnabled(options) {
+  return Boolean(options && options.pdf !== void 0 && options.pdf !== false);
+}
+function isPngExportEnabled(options) {
+  return Boolean(options && options.png !== void 0 && options.png !== false);
+}
+async function resolveAuthorizedExportPaths(c, deck, mountPath, options) {
+  if (!options) return {};
+  const slug = deck.slug;
+  const paths = createDeckPaths(mountPath, slug);
+  const pdf = isPdfExportEnabled(options) && await isBrowserExportAuthorized(options, { c, deck, slug, mountPath, paths, format: "pdf" });
+  const png = isPngExportEnabled(options) && await isBrowserExportAuthorized(options, { c, deck, slug, mountPath, paths, format: "png" });
+  return { pdf, png };
+}
+async function isBrowserExportAuthorized(options, input) {
+  return options.authorize ? options.authorize(input) : true;
+}
+function createBrowserRunExportRequest(options, printUrl, format) {
+  if (format === "pdf") {
+    const request2 = exportOptionObject(options.pdf).request ?? {};
+    return {
+      ...request2,
+      url: printUrl,
+      gotoOptions: {
+        waitUntil: "networkidle2",
+        timeout: 45e3,
+        ...recordValue(request2.gotoOptions)
+      },
+      pdfOptions: {
+        format: "a4",
+        printBackground: true,
+        preferCSSPageSize: true,
+        ...recordValue(request2.pdfOptions)
+      }
+    };
+  }
+  const request = exportOptionObject(options.png).request ?? {};
+  return {
+    ...request,
+    url: printUrl,
+    gotoOptions: {
+      waitUntil: "networkidle2",
+      timeout: 45e3,
+      ...recordValue(request.gotoOptions)
+    },
+    viewport: {
+      width: 794,
+      height: 1123,
+      deviceScaleFactor: 2,
+      ...recordValue(request.viewport)
+    },
+    screenshotOptions: {
+      type: "png",
+      fullPage: true,
+      ...recordValue(request.screenshotOptions)
+    }
+  };
+}
+function exportFilename(options, deck, format) {
+  const option = exportOptionObject(format === "pdf" ? options.pdf : options.png);
+  const name = typeof option.filename === "function" ? option.filename(deck) : option.filename;
+  return `${safeFilename(name ?? deck.meta.title ?? deck.slug)}.${format}`;
+}
+function exportOptionObject(option) {
+  return typeof option === "object" && option ? option : {};
+}
+function recordValue(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function safeFilename(value) {
+  const normalized = value.trim().replaceAll(/[^a-zA-Z0-9._-]+/g, "-").replaceAll(/^-+|-+$/g, "");
+  return normalized || "deck";
+}
+
+// src/server/viewer.ts
+import { raw } from "hono/html";
+import { jsx as jsx3 } from "hono/jsx/jsx-runtime";
+
+// src/server/viewer-script.ts
+var VIEWER_STATE_MESSAGE_TYPE = "hono-decks:state";
+var VIEWER_COMMAND_MESSAGE_TYPE = "hono-decks:command";
+function renderViewerScript(nonce) {
+  const nonceAttribute = nonce ? ` nonce="${escapeHtml6(nonce)}"` : "";
+  return `<script data-hono-decks-viewer-runtime${nonceAttribute}>
+(() => {
+  const roots = Array.from(document.querySelectorAll("[data-hono-decks-viewer]"));
+  const runtime = window.__honoDecksViewerRuntime ??= { controllers: new Map(), globalInitialized: false };
+  const controllers = runtime.controllers;
+
+  for (const root of roots) {
+    if (root.hasAttribute("data-hono-decks-initialized")) continue;
+    root.setAttribute("data-hono-decks-initialized", "true");
+
+    const viewport = root.querySelector("[data-viewer-viewport]");
+    const iframe = root.querySelector("iframe");
+    const frameOrigin = iframe?.src ? new URL(iframe.src, window.location.href).origin : window.location.origin;
+    const position = root.querySelector("[data-slide-position]");
+    const navigationLayers = root.querySelectorAll("[data-viewer-navigation]");
+    const printPath = root.getAttribute("data-hono-decks-print-path") || "";
+    let pointerStartX = null;
+    let pointerStartY = null;
+    let suppressNavigationClick = false;
+    let suppressNavigationClickTimer = null;
+
+    if (position && viewport) viewport.append(position);
+
+    function sendCommand(action, index) {
+      const target = iframe?.contentWindow;
+      try {
+        const command = target?.__honoDecksPresentationRuntime?.command;
+        if (typeof command === "function") {
+          command(action, index);
+          return;
+        }
+      } catch {
+        // Cross-origin frames cannot expose their runtime. Use postMessage below.
+      }
+      target?.postMessage({ type: ${JSON.stringify(VIEWER_COMMAND_MESSAGE_TYPE)}, action, index }, frameOrigin);
+    }
+
+    function navigationClick(event) {
+      if (suppressNavigationClick) {
+        clearNavigationClickSuppression();
+        event.preventDefault();
+        return;
+      }
+      const action = event.currentTarget?.getAttribute("data-viewer-navigation");
+      if (action === "previous" || action === "next") {
+        sendCommand(action);
+        viewport?.focus({ preventScroll: true });
+      }
+    }
+
+    function clearNavigationClickSuppression() {
+      suppressNavigationClick = false;
+      if (suppressNavigationClickTimer !== null) window.clearTimeout(suppressNavigationClickTimer);
+      suppressNavigationClickTimer = null;
+    }
+
+    function suppressCurrentNavigationClick() {
+      clearNavigationClickSuppression();
+      suppressNavigationClick = true;
+      suppressNavigationClickTimer = window.setTimeout(clearNavigationClickSuppression, 0);
+    }
+
+    function viewerPointerDown(event) {
+      pointerStartX = event.clientX;
+      pointerStartY = event.clientY;
+    }
+
+    function viewerPointerUp(event) {
+      if (pointerStartX === null || pointerStartY === null) return;
+      const deltaX = event.clientX - pointerStartX;
+      const deltaY = event.clientY - pointerStartY;
+      pointerStartX = null;
+      pointerStartY = null;
+      if (Math.abs(deltaX) < 48 || Math.abs(deltaX) < Math.abs(deltaY)) return;
+      suppressCurrentNavigationClick();
+      sendCommand(deltaX < 0 ? "next" : "previous");
+    }
+
+    function viewerPointerCancel() {
+      pointerStartX = null;
+      pointerStartY = null;
+      clearNavigationClickSuppression();
+    }
+
+    function isPortraitMobile() {
+      return window.matchMedia("(orientation: portrait) and (pointer: coarse)").matches;
+    }
+
+    async function lockViewerLandscape() {
+      const orientation = window.screen?.orientation;
+      if (!orientation || typeof orientation.lock !== "function") return;
+      try {
+        await orientation.lock("landscape");
+      } catch {
+        // Orientation locking is optional; fullscreen remains available when unsupported.
+      }
+    }
+
+    function unlockViewerOrientation() {
+      const orientation = window.screen?.orientation;
+      if (!orientation || typeof orientation.unlock !== "function") return;
+      orientation.unlock();
+    }
+
+    async function toggleViewerFullscreen() {
+      if (document.fullscreenElement) {
+        unlockViewerOrientation();
+        await document.exitFullscreen?.();
+        return;
+      }
+      await root.requestFullscreen?.();
+      if (document.fullscreenElement && isPortraitMobile()) await lockViewerLandscape();
+    }
+
+    function writeViewerPaginationState(message) {
+      if (!Number.isInteger(message.index)) return;
+      const url = new URL(window.location.href);
+      const params = url.searchParams;
+      params.set("slide", String(message.index + 1));
+      params.set("step", String(Number.isInteger(message.stepIndex) ? message.stepIndex : 0));
+      window.history.replaceState(null, "", url);
+    }
+
+    function handleMessage(event) {
+      if (event.source !== iframe?.contentWindow) return;
+      if (event.origin !== frameOrigin) return;
+      const message = event.data;
+      if (!message || message.type !== ${JSON.stringify(VIEWER_STATE_MESSAGE_TYPE)}) return;
+      writeViewerPaginationState(message);
+      root.setAttribute("data-step-index", String(message.stepIndex ?? 0));
+      root.setAttribute("data-step-count", String(message.stepCount ?? 0));
+      if (position) {
+        const slideText = String(message.index + 1) + " / " + String(message.slideCount ?? "?");
+        position.textContent = slideText;
+      }
+    }
+
+    function handleKeydown(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "p" && printPath) {
+        event.preventDefault();
+        const printUrl = new URL(printPath, window.location.href);
+        printUrl.searchParams.set("autoprint", "1");
+        window.location.assign(printUrl);
+        return;
+      }
+      if (event.key === "ArrowRight" || event.key === " ") sendCommand("next");
+      if (event.key === "ArrowLeft") sendCommand("previous");
+      if (event.key === "f") void toggleViewerFullscreen();
+    }
+
+    root.querySelectorAll("[data-action='previous']").forEach((control) => {
+      control.addEventListener("click", () => sendCommand("previous"));
+    });
+    root.querySelectorAll("[data-action='next']").forEach((control) => {
+      control.addEventListener("click", () => sendCommand("next"));
+    });
+    root.querySelectorAll("[data-action='fullscreen']").forEach((control) => {
+      control.addEventListener("click", () => { void toggleViewerFullscreen(); });
+    });
+    root.querySelectorAll("[data-action='goTo']").forEach((control) => {
+      control.addEventListener("click", () => {
+        const index = Number(control.getAttribute("data-slide-index"));
+        if (Number.isFinite(index)) sendCommand("goTo", index);
+      });
+    });
+    navigationLayers.forEach((layer) => layer.addEventListener("click", navigationClick));
+    viewport?.addEventListener("pointerdown", viewerPointerDown);
+    viewport?.addEventListener("pointerup", viewerPointerUp);
+    viewport?.addEventListener("pointercancel", viewerPointerCancel);
+    window.addEventListener("message", handleMessage);
+    controllers.set(root, { handleKeydown, unlockViewerOrientation });
+  }
+
+  if (!runtime.globalInitialized) {
+    runtime.globalInitialized = true;
+    document.addEventListener("fullscreenchange", () => {
+      if (document.fullscreenElement) return;
+      controllers.forEach((controller) => controller.unlockViewerOrientation());
+    });
+
+    document.addEventListener("keydown", (event) => {
+      const activeRoot = document.activeElement?.closest?.("[data-hono-decks-viewer]");
+      const onlyRoot = controllers.size === 1 ? controllers.keys().next().value : null;
+      controllers.get(activeRoot || onlyRoot)?.handleKeydown(event);
+    });
+  }
+})();
+  </script>`;
+}
+function escapeHtml6(value) {
+  return value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+
+// src/server/viewer-style.ts
+var VIEWER_ASPECT_RATIO = "16/9";
+function viewerViewportRule() {
+  return `.hono-decks-viewport{width:min(100%,calc((100vh - 58px) * 16 / 9));aspect-ratio:${VIEWER_ASPECT_RATIO};position:relative;overflow:hidden;touch-action:pan-y}
+@supports (height:100dvh){.hono-decks-viewport{width:min(100%,calc((100dvh - 58px) * 16 / 9))}}
+@supports (width:1cqw){.hono-decks-viewport{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,calc(100cqw * 9 / 16))}}`;
+}
+function baseViewerStyle() {
+  return `
+:root{color-scheme:dark;background:#050816;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
+html,body{margin:0;width:100%;height:100%;min-height:100vh}
+@supports (height:100dvh){html,body{height:100dvh;min-height:100dvh}}
+body{overflow:hidden}
+*:focus-visible{outline:none}
+[data-hono-decks-viewer]{width:100%;height:100vh;min-height:0;display:grid;place-items:center;box-sizing:border-box;overflow:hidden}
+@supports (height:100dvh){[data-hono-decks-viewer]{height:100dvh}}
+.hono-decks-viewer-header{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
+.hono-decks-viewer-title{margin:0;font-size:1rem;line-height:1.25}
+.hono-decks-viewer-meta{margin:.2rem 0 0;color:#cbd5e1;font-size:.82rem}
+.hono-decks-viewer-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
+.hono-decks-viewer-stage{display:grid;place-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;container-type:size}
+${viewerViewportRule()}
+.hono-decks-viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}
+.hono-decks-frame-stage{width:100%;height:100%}
+.hono-decks-frame-stage iframe{width:100%;height:100%;border:0;display:block}
+.hono-decks-viewer-navigation-layer{position:absolute;top:0;bottom:0;width:50%;z-index:2;margin:0;border:0;padding:0;appearance:none;background:transparent;color:transparent;cursor:pointer;touch-action:pan-y}
+.hono-decks-viewer-navigation-previous{left:0}
+.hono-decks-viewer-navigation-next{right:0}
+.hono-decks-viewport>[data-hono-decks-position]{position:absolute;left:50%;bottom:max(8px,env(safe-area-inset-bottom,0));z-index:3;transform:translateX(-50%);border:0;background:transparent;color:inherit;padding:0;font:inherit;font-size:12px;line-height:1;opacity:.38;pointer-events:none;white-space:nowrap}
+.hono-decks-viewer-controls{display:flex;gap:8px;align-items:center;justify-content:center;max-width:100%;min-width:0;z-index:1}
+.hono-decks-viewer-controls [data-hono-decks-navigation-control="previous"],.hono-decks-viewer-controls [data-hono-decks-navigation-control="next"],.hono-decks-viewer-controls [data-hono-decks-position]{position:absolute;visibility:hidden;pointer-events:none}
+.hono-decks-viewer-controls button,.hono-decks-viewer-controls a,.hono-decks-viewer-controls span{border:1px solid rgba(148,163,184,.32);border-radius:8px;background:rgba(15,23,42,.78);color:inherit;padding:8px 10px;font:inherit;font-size:14px}
+.hono-decks-viewer-controls span{flex:0 0 auto;white-space:nowrap}
+.hono-decks-viewer-toc button,.hono-decks-viewer-controls button,.hono-decks-viewer-controls a{font:inherit}
+.hono-decks-viewer-controls button,.hono-decks-viewer-controls a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;box-sizing:border-box;text-decoration:none;cursor:pointer}
+.hono-decks-viewer-controls button *,.hono-decks-viewer-controls a *{pointer-events:none;cursor:pointer}
+.hono-decks-control-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;pointer-events:none}
+@media (max-width:480px){.hono-decks-viewer-controls{gap:4px}.hono-decks-viewer-controls button,.hono-decks-viewer-controls a{width:36px;height:36px}.hono-decks-viewer-controls button,.hono-decks-viewer-controls a,.hono-decks-viewer-controls span{padding:7px 8px}}
+@media (pointer:coarse){.hono-decks-viewer-controls [data-hono-decks-navigation-control="fullscreen"],.hono-decks-viewer-controls [data-hono-decks-print]{display:none}}
+@media (orientation:landscape) and (max-height:600px){.hono-decks-viewer-shell{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr)}.hono-decks-viewer-controls{flex-direction:column}.hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}
+@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}`;
+}
+function embeddedViewerStyle() {
+  const root = "[data-hono-decks-viewer][data-hono-decks-embed]";
+  return `${root}{color-scheme:dark;background:#050816;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:12px;width:100%;min-width:0;box-sizing:border-box}
+${root} *:focus-visible{outline:none}
+${root} .hono-decks-viewer-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;width:100%;min-width:0;min-height:0;box-sizing:border-box}
+${root} .hono-decks-viewer-stage{display:grid;place-items:center;width:100%;min-width:0;min-height:0;container-type:inline-size}
+${root} .hono-decks-viewport{width:100%;aspect-ratio:${VIEWER_ASPECT_RATIO};position:relative;overflow:hidden;touch-action:pan-y}
+${root} .hono-decks-viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}
+${root} .hono-decks-frame-stage,${root} .hono-decks-frame-stage iframe{width:100%;height:100%}
+${root} .hono-decks-frame-stage iframe{border:0;display:block}
+${root} .hono-decks-viewer-navigation-layer{position:absolute;top:0;bottom:0;width:50%;z-index:2;margin:0;border:0;padding:0;appearance:none;background:transparent;color:transparent;cursor:pointer;touch-action:pan-y}
+${root} .hono-decks-viewer-navigation-previous{left:0}
+${root} .hono-decks-viewer-navigation-next{right:0}
+${root} .hono-decks-viewport>[data-hono-decks-position]{position:absolute;left:50%;bottom:8px;z-index:3;transform:translateX(-50%);border:0;background:transparent;color:inherit;padding:0;font:inherit;font-size:12px;line-height:1;opacity:.5;pointer-events:none;white-space:nowrap}
+${root} .hono-decks-viewer-controls{display:flex;gap:8px;align-items:center;justify-content:center;max-width:100%;min-width:0;z-index:4}
+${root} .hono-decks-viewer-controls [data-hono-decks-navigation-control="previous"],${root} .hono-decks-viewer-controls [data-hono-decks-navigation-control="next"],${root} .hono-decks-viewer-controls [data-hono-decks-position]{position:absolute;visibility:hidden;pointer-events:none}
+${root} .hono-decks-viewer-controls button,${root} .hono-decks-viewer-controls a,${root} .hono-decks-viewer-controls span{border:1px solid rgba(148,163,184,.32);border-radius:8px;background:rgba(15,23,42,.78);color:inherit;padding:8px 10px;font:inherit;font-size:14px}
+${root} .hono-decks-viewer-controls button,${root} .hono-decks-viewer-controls a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;box-sizing:border-box;text-decoration:none;cursor:pointer}
+${root} .hono-decks-viewer-controls button *,${root} .hono-decks-viewer-controls a *{pointer-events:none;cursor:pointer}
+${root} .hono-decks-control-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;pointer-events:none}
+${root} .hono-decks-viewer-toc button{font:inherit}
+@media (prefers-reduced-motion: reduce){${root},${root} *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}`;
+}
+
+// src/server/viewer.ts
+async function createDeckViewerParts(input) {
+  const slug = input.deck.slug;
+  const title = input.deck.meta.title ?? slug;
+  const basePath = input.mountPath.replace(/\/$/, "");
+  const paths = createDeckPaths(basePath, slug);
+  const imagePath = await resolveOpenGraphImagePath(input.openGraph, { deck: input.deck, paths });
+  const renderUrl = `${paths.render}${input.viewerStateQuery ?? ""}`;
+  const slides = createDeckToc(input.deck);
+  const meta = {
+    title,
+    description: input.deck.meta.description,
+    paths,
+    availablePages: { print: input.availablePages?.print !== false },
+    availableExports: input.exportPaths ?? {},
+    ...imagePath ? { imagePath } : {}
+  };
+  const controlsInput = input.controls === false ? false : input.controls ?? {};
+  const controlsContext = { slug, title, mountPath: basePath, meta, slides };
+  const controls = controlsInput === false ? null : renderViewerControls(controlsInput, controlsContext);
+  return {
+    slug,
+    title,
+    renderUrl,
+    frame: {
+      content: renderViewerFrame({ title, renderUrl }),
+      html: renderViewerFrameHtml({ title, renderUrl })
+    },
+    controls: controls ? { content: controls, html: await renderJsxValue(controls) } : null,
+    toc: { content: renderViewerToc(slides), html: renderViewerTocHtml(slides) },
+    slides,
+    meta
+  };
+}
+async function createDeckViewerEmbed(input) {
+  const parts = await createDeckViewerParts(input);
+  const root = jsx3("section", {
+    class: ["hono-decks-embedded-viewer", input.className].filter(Boolean).join(" "),
+    "data-hono-decks-viewer": true,
+    "data-hono-decks-embed": true,
+    "data-deck-slug": parts.slug,
+    ...parts.meta.availablePages.print ? { "data-hono-decks-print-path": parts.meta.paths.print } : {},
+    "aria-label": parts.title,
+    children: [
+      jsx3("div", {
+        class: "hono-decks-viewer-shell",
+        children: [parts.frame.content, parts.controls?.content]
+      }),
+      input.toc ? parts.toc.content : null
+    ]
+  });
+  const rootHtml = await renderJsxValue(root);
+  const nonceAttribute = input.nonce ? ` nonce="${escapeHtml7(input.nonce)}"` : "";
+  const embedHtml = `<style data-hono-decks-embed-style${nonceAttribute}>${embeddedViewerStyle()}${input.style ?? ""}</style>${rootHtml}${renderViewerScript(input.nonce)}`;
+  return {
+    ...parts,
+    embed: raw(embedHtml),
+    embedHtml
+  };
+}
+async function renderDeckViewerPage(input) {
+  const parts = await createDeckViewerParts({
+    deck: input.deck,
+    mountPath: input.mountPath,
+    viewerStateQuery: input.viewerStateQuery,
+    controls: input.viewer?.controls,
+    openGraph: input.viewer?.openGraph,
+    availablePages: input.availablePages,
+    exportPaths: await resolveAuthorizedExportPaths(input.c, input.deck, input.mountPath, input.exportOptions)
+  });
+  const renderInput = {
+    ...parts,
+    c: input.c,
+    deck: input.deck,
+    mountPath: input.mountPath
+  };
+  const customContent = input.viewer?.render ? await input.viewer.render(renderInput) : void 0;
+  const content = jsx3("main", {
+    "data-hono-decks-viewer": true,
+    "data-deck-slug": parts.slug,
+    ...parts.meta.availablePages.print ? { "data-hono-decks-print-path": parts.meta.paths.print } : {},
+    ...customContent ? { "aria-label": parts.title } : { "aria-labelledby": "hono-decks-viewer-title" },
+    children: customContent ?? [
+      jsx3("header", {
+        class: "hono-decks-viewer-header",
+        children: [
+          jsx3("h1", { id: "hono-decks-viewer-title", class: "hono-decks-viewer-title", children: parts.title }),
+          jsx3("p", {
+            class: "hono-decks-viewer-meta",
+            children: `${parts.slides.length} ${parts.slides.length === 1 ? "slide" : "slides"}`
+          })
+        ]
+      }),
+      jsx3("div", {
+        class: "hono-decks-viewer-shell",
+        children: [parts.frame.content, parts.controls?.content]
+      })
+    ]
+  });
+  const viewerHead = typeof input.viewer?.head === "function" ? await input.viewer.head(renderInput) : await input.viewer?.head;
+  const viewerLang = typeof input.viewer?.lang === "function" ? await input.viewer.lang(renderInput) : input.viewer?.lang;
+  const viewerNonce = typeof input.viewer?.nonce === "function" ? await input.viewer.nonce(renderInput) : input.viewer?.nonce;
+  const document = await resolveDeckDocument(
+    {
+      c: input.c,
+      surface: "viewer",
+      deck: input.deck,
+      slug: input.deck.slug,
+      mountPath: input.mountPath,
+      title: parts.title
+    },
+    input.document,
+    { head: viewerHead, lang: viewerLang, nonce: viewerNonce }
+  );
+  const nonceAttribute = documentNonceAttribute(document.nonce);
+  const socialHead = renderViewerSocialHead(input.c, parts.meta);
+  return `<!doctype html>
+<html lang="${escapeHtml7(document.lang)}">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+  <title>${escapeHtml7(parts.title)}</title>
+  ${socialHead}
+  <style${nonceAttribute}>${baseViewerStyle()}${input.viewer?.style ?? ""}</style>
+  ${document.head}
+</head>
+<body>
+  ${await renderJsxValue(await content)}
+  ${renderViewerScript(document.nonce)}
+</body>
+</html>`;
+}
+async function resolveOpenGraphImagePath(options, input) {
+  if (!options) return void 0;
+  if (options === true) return input.paths.ogImage;
+  if (typeof options.imagePath === "function") return options.imagePath(input);
+  return options.imagePath ?? input.paths.ogImage;
+}
+function renderViewerSocialHead(c, meta) {
+  if (!meta.imagePath) return "";
+  const pageUrl = new URL(meta.paths.viewer, c.req.url).href;
+  const imageUrl = new URL(meta.imagePath, c.req.url).href;
+  const description = meta.description ? `
+  <meta name="description" content="${escapeHtml7(meta.description)}" />
+  <meta property="og:description" content="${escapeHtml7(meta.description)}" />
+  <meta name="twitter:description" content="${escapeHtml7(meta.description)}" />` : "";
+  return `<meta property="og:type" content="website" />
+  <meta property="og:title" content="${escapeHtml7(meta.title)}" />${description}
+  <meta property="og:url" content="${escapeHtml7(pageUrl)}" />
+  <meta property="og:image" content="${escapeHtml7(imageUrl)}" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt" content="${escapeHtml7(meta.title)}" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="${escapeHtml7(meta.title)}" />
+  <meta name="twitter:image" content="${escapeHtml7(imageUrl)}" />`;
+}
+function createDeckToc(deck) {
+  return deck.slides.map((slide) => ({
+    index: slide.index,
+    title: slide.meta.title,
+    label: slide.meta.title ?? `Slide ${slide.index + 1}`
+  }));
+}
+function renderViewerFrame(input) {
+  return jsx3("div", {
+    class: "hono-decks-viewer-stage",
+    "data-hono-decks-frame": true,
+    children: jsx3("div", {
+      class: "hono-decks-viewport",
+      "data-viewer-viewport": true,
+      tabindex: "0",
+      children: [
+        jsx3("div", {
+          class: "hono-decks-frame-stage",
+          "data-viewer-stage": true,
+          children: jsx3("iframe", {
+            title: input.title,
+            src: input.renderUrl
+          })
+        }),
+        jsx3("button", {
+          class: "hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-previous",
+          type: "button",
+          "data-viewer-navigation": "previous",
+          "aria-label": "Previous slide"
+        }),
+        jsx3("button", {
+          class: "hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-next",
+          type: "button",
+          "data-viewer-navigation": "next",
+          "aria-label": "Next slide"
+        })
+      ]
+    })
+  });
+}
+function renderViewerFrameHtml(input) {
+  return `<div class="hono-decks-viewer-stage" data-hono-decks-frame><div class="hono-decks-viewport" data-viewer-viewport tabindex="0"><div class="hono-decks-frame-stage" data-viewer-stage><iframe title="${escapeHtml7(input.title)}" src="${escapeHtml7(input.renderUrl)}"></iframe></div><button class="hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-previous" type="button" data-viewer-navigation="previous" aria-label="Previous slide"></button><button class="hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-next" type="button" data-viewer-navigation="next" aria-label="Next slide"></button></div></div>`;
+}
+function renderViewerControls(options, context) {
+  return jsx3("nav", {
+    ...controlAttributes(options.attributes),
+    class: controlsClassName(options),
+    "data-hono-decks-viewer-controls": true,
+    "aria-label": options.ariaLabel ?? "Viewer controls",
+    children: resolveViewerControlItems(options, context).map((item) => renderViewerControlItem(item, options, context))
+  });
+}
+function renderViewerToc(slides) {
+  return jsx3("nav", {
+    class: "hono-decks-viewer-toc",
+    "data-hono-decks-toc": true,
+    "aria-label": "Slide navigation",
+    children: jsx3("ol", {
+      children: slides.map(
+        (slide) => jsx3("li", {
+          children: jsx3("button", {
+            type: "button",
+            "data-action": "goTo",
+            "data-slide-index": String(slide.index),
+            children: slide.label
+          })
+        })
+      )
+    })
+  });
+}
+function renderViewerTocHtml(slides) {
+  const items = slides.map(
+    (slide) => `<li><button type="button" data-action="goTo" data-slide-index="${slide.index}">${escapeHtml7(slide.label)}</button></li>`
+  ).join("");
+  return `<nav class="hono-decks-viewer-toc" data-hono-decks-toc aria-label="Slide navigation"><ol>${items}</ol></nav>`;
+}
+function escapeHtml7(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
+}
+function safeFilename2(value) {
+  const normalized = value.trim().replaceAll(/[^a-zA-Z0-9._-]+/g, "-").replaceAll(/^-+|-+$/g, "");
+  return normalized || "deck";
+}
+function buildViewerControlDefaults(context) {
+  return {
+    back: { type: "default", key: "back" },
+    previous: { type: "default", key: "previous" },
+    position: { type: "default", key: "position" },
+    next: { type: "default", key: "next" },
+    fullscreen: { type: "default", key: "fullscreen" },
+    print: context.meta.availablePages.print ? { type: "default", key: "print" } : null,
+    exportPdf: context.meta.availableExports.pdf ? { type: "default", key: "exportPdf" } : null,
+    exportPng: context.meta.availableExports.png ? { type: "default", key: "exportPng" } : null
+  };
+}
+function resolveViewerControlItems(options, context) {
+  const defaults = buildViewerControlDefaults(context);
+  const baseItems = [
+    defaults.back,
+    defaults.previous,
+    defaults.position,
+    defaults.next,
+    defaults.fullscreen,
+    defaults.print,
+    defaults.exportPdf,
+    defaults.exportPng
+  ];
+  const items = typeof options.items === "function" ? options.items(defaults, context) : options.items ?? [
+    ...resolveViewerControlSlotItems(options.before, context),
+    ...filterHiddenDefaultItems(baseItems, options.hidden),
+    ...resolveViewerControlSlotItems(options.after, context)
+  ];
+  return items.filter((item) => Boolean(item)).map((item) => applyViewerControlLabels(item, options.labels));
+}
+function renderViewerControlItem(item, options, context) {
+  const renderDefault = () => renderBaseViewerControlItem(item, options, context);
+  return options.renderItem?.(item, context, renderDefault) ?? renderDefault();
+}
+function renderBaseViewerControlItem(item, options, context) {
+  if (item.type === "link") {
+    const ariaLabel = item.icon ? String(item.attributes?.["aria-label"] ?? item.label) : void 0;
+    return jsx3("a", {
+      ...linkAttributes(item.attributes),
+      ...safeHref(item.href) ? { href: safeHref(item.href) } : {},
+      ...item.download ? { download: item.download } : {},
+      ...classAttribute(options.itemClassName, item.className),
+      ...item.icon ? { "aria-label": ariaLabel, title: ariaLabel } : {},
+      children: item.icon ? renderControlIcon(item.icon) : item.label
+    });
+  }
+  if (item.type === "render") {
+    return item.render({ context });
+  }
+  return renderDefaultViewerControlItem(item, options, context);
+}
+function renderDefaultViewerControlItem(item, options, context) {
+  const itemProps = {
+    ...linkAttributes(item.attributes),
+    ...classAttribute(options.itemClassName, item.className)
+  };
+  switch (item.key) {
+    case "back":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.mountPath,
+        "data-hono-decks-back-link": true,
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("deck-list"), title: controlIconLabel("deck-list") } : {},
+        children: item.label ?? renderControlIcon("deck-list")
+      });
+    case "previous":
+      return renderIconButton("previous", item, itemProps);
+    case "position":
+      return jsx3("span", {
+        ...itemProps,
+        "data-slide-position": true,
+        "data-hono-decks-position": true,
+        children: item.label ?? "1 / ?"
+      });
+    case "next":
+      return renderIconButton("next", item, itemProps);
+    case "fullscreen":
+      return renderIconButton("fullscreen", item, itemProps);
+    case "print":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.print,
+        "data-hono-decks-print": true,
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("print"), title: controlIconLabel("print") } : {},
+        children: item.label ?? renderControlIcon("print")
+      });
+    case "exportPdf":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.exportPdf,
+        download: `${safeFilename2(context.meta.title)}.pdf`,
+        "data-hono-decks-export": "pdf",
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("export-pdf"), title: controlIconLabel("export-pdf") } : {},
+        children: item.label ?? renderControlIcon("export-pdf")
+      });
+    case "exportPng":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.exportPng,
+        download: `${safeFilename2(context.meta.title)}.png`,
+        "data-hono-decks-export": "png",
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("export-png"), title: controlIconLabel("export-png") } : {},
+        children: item.label ?? renderControlIcon("export-png")
+      });
+  }
+}
+function renderIconButton(action, item, itemProps) {
+  const iconName = controlIconNameForKey(action);
+  const label = controlIconLabel(iconName);
+  return jsx3("button", {
+    ...itemProps,
+    type: "button",
+    "data-action": action,
+    "data-hono-decks-navigation-control": action,
+    ...item.label === void 0 ? { "aria-label": label, title: label } : {},
+    children: item.label ?? renderControlIcon(iconName)
+  });
+}
+function controlIconNameForKey(key) {
+  switch (key) {
+    case "back":
+      return "deck-list";
+    case "previous":
+      return "previous";
+    case "next":
+      return "next";
+    case "fullscreen":
+      return "fullscreen";
+    case "print":
+      return "print";
+    case "exportPdf":
+      return "export-pdf";
+    case "exportPng":
+      return "export-png";
+    case "position":
+      return "viewer";
+  }
+}
+function controlsClassName(options) {
+  return ["hono-decks-viewer-controls", options.className].filter(Boolean).join(" ");
+}
+function resolveViewerControlSlotItems(items, context) {
+  return typeof items === "function" ? items(context) : items ?? [];
+}
+function filterHiddenDefaultItems(items, hidden) {
+  if (!hidden?.length) return items;
+  const hiddenKeys = new Set(hidden);
+  return items.filter((item) => !item || item.type !== "default" || !hiddenKeys.has(item.key));
+}
+function applyViewerControlLabels(item, labels) {
+  if (item.type !== "default" || item.label !== void 0) return item;
+  const label = labels?.[item.key];
+  return label === void 0 ? item : { ...item, label };
+}
+function linkAttributes(attributes) {
+  const props = {};
+  for (const [name, value] of Object.entries(attributes ?? {})) {
+    if (!isSafeAttributeName(name) || value === false || value === void 0) continue;
+    props[name] = value;
+  }
+  return props;
+}
+function controlAttributes(attributes) {
+  const props = linkAttributes(attributes);
+  delete props.class;
+  delete props["aria-label"];
+  delete props["data-hono-decks-viewer-controls"];
+  return props;
+}
+function classAttribute(...classNames) {
+  const className = classNames.filter(Boolean).join(" ");
+  return className ? { class: className } : {};
+}
+function isSafeAttributeName(value) {
+  return /^[A-Za-z_:][A-Za-z0-9:_.-]*$/.test(value) && !/^on/i.test(value);
+}
+function safeHref(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return void 0;
+  if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return value;
+  if (/^(javascript:|data:|vbscript:)/i.test(trimmed)) return void 0;
+  if (/^[^/?#.]+:/i.test(trimmed)) return void 0;
+  return value;
+}
+
+// src/server/external-embed.ts
+async function renderDeckExternalEmbedResponse(input) {
+  const { c, deck, slug, mountPath } = input.context;
+  const enabled = input.options.enabled;
+  if (enabled === false || typeof enabled === "function" && !await enabled(input.context)) {
+    return c.json({ error: "Embed route not found", slug }, 404);
+  }
+  const document = await resolveDeckDocument(
+    {
+      c,
+      surface: "embed",
+      deck,
+      slug,
+      mountPath,
+      title: deck.meta.title ?? slug
+    },
+    input.document,
+    input.options.document
+  );
+  const viewerOptions = typeof input.options.viewer === "function" ? await input.options.viewer(input.context) : input.options.viewer;
+  const viewer = await createDeckViewerEmbed({
+    deck,
+    mountPath,
+    ...viewerOptions,
+    availablePages: input.availablePages,
+    nonce: document.nonce
+  });
+  const renderInput = { ...input.context, viewer, document };
+  const body = input.options.render ? await input.options.render(renderInput) : viewer.embed;
+  const html = await renderExternalEmbedDocument({
+    title: deck.meta.title ?? slug,
+    body: await renderJsxValue(body),
+    document,
+    pageStyle: input.options.pageStyle,
+    robots: input.options.robots
+  });
+  const frameAncestorsValue = typeof input.options.frameAncestors === "function" ? await input.options.frameAncestors(input.context) : input.options.frameAncestors;
+  const response = c.html(html);
+  const headers = new Headers(response.headers);
+  headers.delete("x-frame-options");
+  headers.set(
+    "content-security-policy",
+    withFrameAncestors(headers.get("content-security-policy"), normalizeFrameAncestors(frameAncestorsValue))
+  );
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers
+  });
+}
+async function renderExternalEmbedDocument(input) {
+  const nonceAttribute = documentNonceAttribute(input.document.nonce);
+  const robots = input.robots === false ? "" : `<meta name="robots" content="${escapeHtml8(input.robots ?? "noindex")}"/>`;
+  return `<!doctype html>
+<html lang="${escapeHtml8(input.document.lang)}" data-hono-decks-external-embed-document>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+  ${robots}
+  <title>${escapeHtml8(input.title)}</title>
+  <style id="hono-decks-external-embed-css"${nonceAttribute}>${externalEmbedPageStyle()}${input.pageStyle ?? ""}</style>
+  ${input.document.head}
+</head>
+<body>${input.body}</body>
+</html>`;
+}
+function normalizeFrameAncestors(value) {
+  const values = Array.isArray(value) ? value : value?.split(/[\s,]+/) ?? [];
+  const ancestors = /* @__PURE__ */ new Set(["'self'"]);
+  for (const candidate of values) {
+    const token = candidate.trim();
+    if (!token || token === "'self'") continue;
+    if (token === "*") return ["*"];
+    if (token === "'none'") return ["'none'"];
+    try {
+      const url = new URL(token);
+      if ((url.protocol === "https:" || url.protocol === "http:") && !url.username && !url.password) {
+        ancestors.add(url.origin);
+      }
+    } catch {
+    }
+  }
+  return [...ancestors];
+}
+function withFrameAncestors(currentPolicy, ancestors) {
+  const directives = (currentPolicy ?? "").split(";").map((directive) => directive.trim()).filter((directive) => directive && !/^frame-ancestors(?:\s|$)/i.test(directive));
+  directives.push(`frame-ancestors ${ancestors.join(" ")}`);
+  return directives.join("; ");
+}
+function externalEmbedPageStyle() {
+  return `:root{color-scheme:dark;background:#050816}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh}@supports (height:100dvh){body{min-height:100dvh}}.hono-decks-embedded-viewer{width:100%;height:100%;min-height:0}.hono-decks-embedded-viewer .hono-decks-viewer-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr)}.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100%}@supports (height:100dvh){.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}.hono-decks-embedded-viewer .hono-decks-viewer-controls{position:absolute;right:max(10px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:4}`;
+}
+function escapeHtml8(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+
+// src/server/router.ts
+function decksRouter(options) {
+  const router = new Hono();
+  if (options.clientEntryAsset) {
+    router.get(normalizeClientEntryAssetPath(options.clientEntryAssetPath), serveDecksClientEntry(options.clientEntryAsset));
+  }
+  for (const extension of options.extensions ?? []) {
+    router.route(extension.path, extension.router);
+  }
+  router.get("/", async (c) => {
+    const dev = await isDevEnabled(c, options);
+    const decks = (await options.source.listDecks(c)).filter((deck) => dev || !deck.draft);
+    const mountPath = c.req.path.replace(/\/$/, "");
+    const pageInput = { c, surface: "index", mountPath, dev, decks };
+    if (!await isPageSurfaceEnabled(options, pageInput)) {
+      return c.json({ error: "Deck index not found" }, 404);
+    }
+    const indexOptions = options.pages?.index === false ? void 0 : options.pages?.index;
+    const title = await resolveIndexTitle(indexOptions?.title, pageInput);
+    const document = await resolveRouterDocument(c, options, "index", mountPath, void 0, title);
+    const defaultContentHtml = renderDeckIndexContent(decks, mountPath);
+    const defaultContent = raw2(defaultContentHtml);
+    const content = indexOptions?.render ? await renderJsxValue(indexOptions.render({ ...pageInput, title, document, defaultContent })) : defaultContentHtml;
+    return c.html(renderDeckIndex(content, title, document));
+  });
+  router.get("/:slug/assets/*", async (c) => {
+    const slug = c.req.param("slug");
+    const assetPath = extractAssetPath(c.req.path, slug);
+    const deck = await options.source.getCompiledDeck(c, slug);
+    if (!deck || !await isDevEnabled(c, options) && deck.meta.draft) {
+      return c.json({ error: "Asset not found", slug, assetPath }, 404);
+    }
+    const response = await options.source.getAsset?.(c, slug, assetPath);
+    if (!response) return c.json({ error: "Asset not found", slug, assetPath }, 404);
+    return response;
+  });
+  router.get("/:slug/render", async (c) => {
+    const slug = c.req.param("slug");
+    const deck = await options.source.getCompiledDeck(c, slug);
+    const dev = await isDevEnabled(c, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = stripPathSuffix(c.req.path, `/${slug}/render`);
+    if (!await isPageSurfaceEnabled(options, { c, surface: "render", mountPath, dev, deck, slug })) {
+      return c.json({ error: "Deck route not found", slug, surface: "render" }, 404);
+    }
+    const clientEntry = options.clientEntry ?? resolveGeneratedClientEntryUrl(options, mountPath);
+    try {
+      const document = await resolveRouterDocument(c, options, "render", mountPath, deck);
+      return c.html(
+        await renderCompiledDeckPageAsync({
+          deck,
+          mountPath,
+          style: options.style,
+          components: options.components,
+          clientEntry,
+          liveReloadPath: dev ? options.liveReloadPath?.(slug, mountPath) : void 0,
+          document
+        })
+      );
+    } catch (error) {
+      const message = error instanceof RenderError ? error.message : `Render failed in ${deck.sourcePath}: ${formatErrorMessage2(error)}`;
+      return c.text(message, 500);
+    }
+  });
+  router.get("/:slug/print", async (c) => {
+    const slug = c.req.param("slug");
+    const deck = await options.source.getCompiledDeck(c, slug);
+    const dev = await isDevEnabled(c, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = stripPathSuffix(c.req.path, `/${slug}/print`);
+    if (!await isPageSurfaceEnabled(options, { c, surface: "print", mountPath, dev, deck, slug })) {
+      return c.json({ error: "Deck route not found", slug, surface: "print" }, 404);
+    }
+    try {
+      const document = await resolveRouterDocument(c, options, "print", mountPath, deck);
+      return c.html(
+        await renderCompiledDeckPageAsync({
+          deck,
+          mountPath,
+          style: options.style,
+          components: options.components,
+          printPreview: true,
+          document
+        })
+      );
+    } catch (error) {
+      const message = error instanceof RenderError ? error.message : `Render failed in ${deck.sourcePath}: ${formatErrorMessage2(error)}`;
+      return c.text(message, 500);
+    }
+  });
+  if (isPdfExportEnabled(options.export)) {
+    router.get(
+      "/:slug/export.pdf",
+      async (c) => renderDeckBrowserExport(c, { ...options, dev: await isDevEnabled(c, options) }, "pdf")
+    );
+  }
+  if (isPngExportEnabled(options.export)) {
+    router.get(
+      "/:slug/export.png",
+      async (c) => renderDeckBrowserExport(c, { ...options, dev: await isDevEnabled(c, options) }, "png")
+    );
+  }
+  const embedOptions = options.embed;
+  if (embedOptions) {
+    router.get("/:slug/embed", async (c) => {
+      const slug = c.req.param("slug");
+      const deck = await options.source.getCompiledDeck(c, slug);
+      const dev = await isDevEnabled(c, options);
+      if (!deck || !dev && deck.meta.draft) {
+        return c.json({ error: "Deck not found", slug }, 404);
+      }
+      const mountPath = stripPathSuffix(c.req.path, `/${slug}/embed`);
+      const availablePages = await resolveViewerAvailablePages(c, options, deck, slug, mountPath, dev);
+      return renderDeckExternalEmbedResponse({
+        context: { c, deck, slug, mountPath },
+        options: embedOptions,
+        document: options.document,
+        availablePages
+      });
+    });
+  }
+  router.get("/:slug/presentation", async (c) => {
+    const slug = c.req.param("slug");
+    const deck = await options.source.getCompiledDeck(c, slug);
+    const dev = await isDevEnabled(c, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = stripPathSuffix(c.req.path, `/${slug}/presentation`);
+    if (!await isPageSurfaceEnabled(options, { c, surface: "presentation", mountPath, dev, deck, slug })) {
+      return c.json({ error: "Deck route not found", slug, surface: "presentation" }, 404);
+    }
+    const clientEntry = options.clientEntry ?? resolveGeneratedClientEntryUrl(options, mountPath);
+    try {
+      const document = await resolveRouterDocument(c, options, "presentation", mountPath, deck);
+      return c.html(
+        await renderCompiledDeckPageAsync({
+          deck,
+          mountPath,
+          style: options.style,
+          components: options.components,
+          clientEntry,
+          speakerNotes: false,
+          liveReloadPath: dev ? options.liveReloadPath?.(slug, mountPath) : void 0,
+          document
+        })
+      );
+    } catch (error) {
+      const message = error instanceof RenderError ? error.message : `Render failed in ${deck.sourcePath}: ${formatErrorMessage2(error)}`;
+      return c.text(message, 500);
+    }
+  });
+  router.get("/:slug/presenter", async (c) => {
+    const slug = c.req.param("slug");
+    const deck = await options.source.getCompiledDeck(c, slug);
+    const dev = await isDevEnabled(c, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = stripPathSuffix(c.req.path, `/${slug}/presenter`);
+    if (!await isPageSurfaceEnabled(options, { c, surface: "presenter", mountPath, dev, deck, slug })) {
+      return c.json({ error: "Presenter route not found", slug }, 404);
+    }
+    if (!await isPresenterEnabled(c, options, deck, slug, mountPath)) {
+      return c.json({ error: "Presenter route not found", slug }, 404);
+    }
+    try {
+      const document = await resolveRouterDocument(c, options, "presenter", mountPath, deck);
+      return c.html(
+        await renderPresenterPageAsync({
+          deck,
+          mountPath,
+          presenterStateQuery: paginationQueryFromRequest(c),
+          style: options.style,
+          components: options.components,
+          document
+        })
+      );
+    } catch (error) {
+      const message = error instanceof RenderError ? error.message : `Render failed in ${deck.sourcePath}: ${formatErrorMessage2(error)}`;
+      return c.text(message, 500);
+    }
+  });
+  router.get("/:slug", async (c) => {
+    const slug = c.req.param("slug");
+    const deck = await options.source.getCompiledDeck(c, slug);
+    const dev = await isDevEnabled(c, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = stripPathSuffix(c.req.path, `/${slug}`);
+    if (!await isPageSurfaceEnabled(options, { c, surface: "viewer", mountPath, dev, deck, slug })) {
+      return c.json({ error: "Deck route not found", slug, surface: "viewer" }, 404);
+    }
+    const availablePages = await resolveViewerAvailablePages(c, options, deck, slug, mountPath, dev);
+    return c.html(
+      await renderDeckViewerPage({
+        c,
+        deck,
+        mountPath,
+        viewerStateQuery: paginationQueryFromRequest(c),
+        viewer: {
+          ...options.viewer,
+          controls: await resolveViewerControls(c, options, deck, slug, mountPath)
+        },
+        availablePages,
+        exportOptions: options.export,
+        document: options.document
+      })
+    );
+  });
+  return router;
+}
+function paginationQueryFromRequest(c) {
+  const source = new URL(c.req.url);
+  const params = new URLSearchParams();
+  const slide = positiveIntegerParam(source.searchParams.get("slide"));
+  const step = nonNegativeIntegerParam(source.searchParams.get("step"));
+  if (slide !== void 0) params.set("slide", String(slide));
+  if (step !== void 0) params.set("step", String(step));
+  const query = params.toString();
+  return query ? `?${query}` : "";
+}
+function positiveIntegerParam(value) {
+  if (value === null) return void 0;
+  const parsed = Number(value);
+  return Number.isInteger(parsed) && parsed > 0 ? parsed : void 0;
+}
+function nonNegativeIntegerParam(value) {
+  if (value === null) return void 0;
+  const parsed = Number(value);
+  return Number.isInteger(parsed) && parsed >= 0 ? parsed : void 0;
+}
+function deckContext(options) {
+  return async (c, next) => {
+    const slug = c.req.param("slug");
+    if (!slug) return c.json({ error: "Deck not found", slug: "" }, 404);
+    const sourceContext = c;
+    const deck = await options.source.getCompiledDeck(sourceContext, slug);
+    const dev = await isDevEnabled(sourceContext, options);
+    if (!deck || !dev && deck.meta.draft) return c.json({ error: "Deck not found", slug }, 404);
+    const mountPath = options.mountPath ?? inferMountPath(c.req.path, slug);
+    const availablePages = await resolveViewerAvailablePages(sourceContext, options, deck, slug, mountPath, dev);
+    const viewer = await createDeckViewerParts({
+      deck,
+      mountPath,
+      controls: options.viewer?.controls,
+      openGraph: options.viewer?.openGraph,
+      availablePages
+    });
+    c.set("deck", deck);
+    c.set("deckViewer", viewer);
+    c.set("deckToc", viewer.slides);
+    c.set("deckMeta", viewer.meta);
+    await next();
+  };
+}
+async function resolveViewerAvailablePages(c, options, deck, slug, mountPath, dev) {
+  return {
+    print: await isPageSurfaceEnabled(options, { c, surface: "print", mountPath, dev, deck, slug })
+  };
+}
+async function isDevEnabled(c, options) {
+  if (typeof options.dev === "function") return Boolean(await options.dev({ c }));
+  if (typeof options.dev === "boolean") return options.dev;
+  return inferToolchainDevMode();
+}
+function inferToolchainDevMode() {
+  try {
+    return process.env.NODE_ENV === "development";
+  } catch {
+    return false;
+  }
+}
+async function resolveViewerControls(c, options, deck, slug, mountPath) {
+  const controls = options.viewer?.controls;
+  if (controls === false) return false;
+  const presenterControl = await resolvePresenterViewerControl(c, options, deck, slug, mountPath);
+  if (!presenterControl) return controls;
+  const nextControls = controls ? { ...controls } : {};
+  if (nextControls.items) return nextControls;
+  const placement = presenterControl.placement ?? "after";
+  const item = presenterControl.item;
+  if (placement === "before") {
+    nextControls.before = mergeControlSlotItems(nextControls.before, item, "before");
+  } else {
+    nextControls.after = mergeControlSlotItems(nextControls.after, item, "after");
+  }
+  return nextControls;
+}
+async function resolvePresenterViewerControl(c, options, deck, slug, mountPath) {
+  const presenter = options.presenter;
+  if (!presenter || !presenter.viewerControl) return null;
+  if (!await isPresenterEnabled(c, options, deck, slug, mountPath)) return null;
+  const control = presenter.viewerControl === true ? {} : presenter.viewerControl;
+  const presenterPath = createDeckPaths(mountPath, slug).presenter;
+  return {
+    item: {
+      type: "link",
+      key: control.key ?? "presenter",
+      href: presenterPath,
+      label: control.label ?? "Presenter",
+      icon: control.icon ?? "presenter",
+      className: control.className,
+      attributes: control.attributes
+    },
+    placement: control.placement ?? "after"
+  };
+}
+function mergeControlSlotItems(slot, item, placement) {
+  if (!slot) return [item];
+  if (Array.isArray(slot)) return placement === "before" ? [item, ...slot] : [...slot, item];
+  return (context) => {
+    const items = slot(context);
+    return placement === "before" ? [item, ...items] : [...items, item];
+  };
+}
+async function isPresenterEnabled(c, options, deck, slug, mountPath) {
+  const presenter = options.presenter;
+  if (presenter === false) return false;
+  const enabled = presenter?.enabled;
+  if (enabled === void 0) return true;
+  if (typeof enabled === "boolean") return enabled;
+  return Boolean(
+    await enabled({
+      c,
+      deck,
+      slug,
+      mountPath: mountPath.replace(/\/$/, ""),
+      dev: await isDevEnabled(c, options),
+      presenterPath: createDeckPaths(mountPath, slug).presenter,
+      presentationPath: createDeckPaths(mountPath, slug).presentation
+    })
+  );
+}
+function renderDeckIndexContent(decks, mountPath) {
+  const basePath = mountPath.replace(/\/$/, "");
+  const items = decks.map((deck) => {
+    const href = `${basePath}/${encodeURIComponent(deck.slug)}`;
+    const title = escapeHtml9(deck.title ?? deck.slug);
+    const description = deck.description ? `<p>${escapeHtml9(deck.description)}</p>` : "";
+    return `<li><a href="${href}">${title}</a>${description}</li>`;
+  }).join("");
+  return `<main>
+    <h1>Hono Decks</h1>
+    <ul>${items}</ul>
+  </main>`;
+}
+function renderDeckIndex(content, title, document) {
+  return `<!doctype html>
+<html lang="${escapeHtml9(document.lang)}">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>${escapeHtml9(title)}</title>
+  ${document.head}
+</head>
+<body>
+  ${content}
+</body>
+</html>`;
+}
+async function resolveIndexTitle(title, input) {
+  const resolved = typeof title === "function" ? await title(input) : title;
+  return resolved?.trim() || "Hono Decks";
+}
+async function isPageSurfaceEnabled(options, input) {
+  const configured = input.surface === "index" ? options.pages?.index === false ? false : options.pages?.index?.enabled : options.pages?.[input.surface];
+  if (typeof configured === "function") return Boolean(await configured(input));
+  return configured !== false;
+}
+async function resolveRouterDocument(c, options, surface, mountPath, deck, titleOverride) {
+  const title = titleOverride ?? deck?.meta.title ?? deck?.slug ?? "Hono Decks";
+  return resolveDeckDocument(
+    {
+      c,
+      surface,
+      deck,
+      slug: deck?.slug,
+      mountPath,
+      title: surface === "presenter" ? `${title} - Presenter` : title
+    },
+    options.document
+  );
+}
+function escapeHtml9(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
+}
+function formatErrorMessage2(error) {
+  if (error instanceof Error) return error.message;
+  return String(error);
+}
+
+// src/server/define-decks.ts
+function defineDecks(options) {
+  const manifest = Array.isArray(options.decks) ? { decks: options.decks } : options.manifest;
+  if (!manifest) throw new Error("defineDecks requires either decks or manifest.");
+  const source = manifestDeckSource(manifest);
+  const baseOptions = {
+    ...options,
+    source
+  };
+  return {
+    source,
+    router(overrides = {}) {
+      const nextSource = overrides.source ?? source;
+      return decksRouter(mergeDecksRouterOptions(baseOptions, { ...overrides, source: nextSource }));
+    }
+  };
+}
+function defineDecksConfig(config) {
+  return config;
+}
+function configureDecks(defined, config) {
+  const mountPath = normalizeMountPath(config.mountPath);
+  const source = config.source?.(defined.source) ?? defined.source;
+  const configuredRouter = mergeDecksRouterOptions(
+    { source, ...config.router },
+    { source }
+  );
+  return {
+    mountPath,
+    source,
+    router(overrides = {}) {
+      return defined.router(mergeDecksRouterOptions(configuredRouter, overrides));
+    },
+    context(overrides = {}) {
+      const merged = mergeDecksRouterOptions(configuredRouter, overrides);
+      return deckContext({
+        source,
+        mountPath,
+        dev: merged.dev,
+        pages: merged.pages,
+        viewer: merged.viewer
+      });
+    },
+    paths(slug) {
+      return createDeckPaths(mountPath, slug);
+    }
+  };
+}
+function mergeDecksRouterOptions(base, overrides) {
+  const viewer = mergeViewerOptions(base.viewer, overrides.viewer);
+  const presenter = mergePresenterOptions(base.presenter, overrides.presenter);
+  const document = mergeDocumentOptions(base.document, overrides.document);
+  const pages = mergePagesOptions(base.pages, overrides.pages);
+  const embed = mergeExternalEmbedOptions(base.embed, overrides.embed);
+  const exportOptions = overrides.export === false ? false : base.export === false ? overrides.export : base.export || overrides.export ? { ...base.export, ...overrides.export } : void 0;
+  const components = base.components || overrides.components ? { ...base.components, ...overrides.components } : void 0;
+  return {
+    ...base,
+    ...overrides,
+    ...viewer === void 0 ? {} : { viewer },
+    ...presenter === void 0 ? {} : { presenter },
+    ...document === void 0 ? {} : { document },
+    ...pages === void 0 ? {} : { pages },
+    ...embed === void 0 ? {} : { embed },
+    ...exportOptions === void 0 ? {} : { export: exportOptions },
+    ...components === void 0 ? {} : { components },
+    source: overrides.source ?? base.source
+  };
+}
+function mergePagesOptions(base, override) {
+  if (!base) return override;
+  if (!override) return base;
+  const index = override.index === false ? false : override.index === void 0 ? base.index : base.index === false || base.index === void 0 ? override.index : { ...base.index, ...override.index };
+  return {
+    ...base,
+    ...override,
+    ...index === void 0 ? {} : { index }
+  };
+}
+function mergeExternalEmbedOptions(base, override) {
+  if (override === false) return false;
+  if (override === void 0) return base;
+  if (base === false || base === void 0) return override;
+  const viewer = typeof base.viewer === "object" && typeof override.viewer === "object" ? { ...base.viewer, ...override.viewer } : override.viewer ?? base.viewer;
+  const document = base.document || override.document ? { ...base.document, ...override.document } : void 0;
+  return {
+    ...base,
+    ...override,
+    ...viewer === void 0 ? {} : { viewer },
+    ...document === void 0 ? {} : { document }
+  };
+}
+function mergeDocumentOptions(base, override) {
+  if (!base) return override;
+  if (!override) return base;
+  return {
+    ...base,
+    ...override,
+    surfaces: base.surfaces || override.surfaces ? { ...base.surfaces, ...override.surfaces } : void 0
+  };
+}
+function mergeViewerOptions(base, override) {
+  if (!base) return override;
+  if (!override) return base;
+  const controls = mergeControls(base.controls, override.controls);
+  const openGraph = mergeOpenGraph(base.openGraph, override.openGraph);
+  return {
+    ...base,
+    ...override,
+    ...controls === void 0 ? {} : { controls },
+    ...openGraph === void 0 ? {} : { openGraph }
+  };
+}
+function mergeOpenGraph(base, override) {
+  if (override === void 0) return base;
+  if (base === void 0 || typeof base === "boolean" || typeof override === "boolean") return override;
+  return { ...base, ...override };
+}
+function mergeControls(base, override) {
+  if (override === void 0) return base;
+  if (base === void 0 || base === false || override === false) return override;
+  return {
+    ...base,
+    ...override,
+    attributes: base.attributes || override.attributes ? { ...base.attributes, ...override.attributes } : void 0,
+    labels: base.labels || override.labels ? { ...base.labels, ...override.labels } : void 0,
+    hidden: base.hidden || override.hidden ? [.../* @__PURE__ */ new Set([...base.hidden ?? [], ...override.hidden ?? []])] : void 0,
+    before: mergeControlSlots(base.before, override.before),
+    after: mergeControlSlots(base.after, override.after)
+  };
+}
+function mergeControlSlots(base, override) {
+  if (override === void 0) return base;
+  if (base === void 0) return override;
+  if (Array.isArray(base) && Array.isArray(override)) return [...base, ...override];
+  return override;
+}
+function mergePresenterOptions(base, override) {
+  if (override === void 0) return base;
+  if (override === false || base === false || base === void 0) return override;
+  const viewerControl = typeof base.viewerControl === "object" && typeof override.viewerControl === "object" ? { ...base.viewerControl, ...override.viewerControl } : override.viewerControl ?? base.viewerControl;
+  return { ...base, ...override, viewerControl };
+}
+
+// src/source/r2-assets.ts
+function withR2Assets(source, options) {
+  return {
+    async listDecks(c) {
+      return source.listDecks(c);
+    },
+    async getCompiledDeck(c, slug) {
+      return source.getCompiledDeck(c, slug);
+    },
+    async getAsset(c, slug, assetPath) {
+      const deck = await source.getCompiledDeck(c, slug);
+      const asset = deck ? findRoutableAsset(deck.assets, slug, assetPath) : void 0;
+      const bucket = asset ? await resolveBucket(options.bucket, c) : void 0;
+      if (deck && asset && bucket) {
+        const object = await bucket.get(resolveR2Key({ deck, asset, slug, assetPath }, options));
+        if (object) {
+          const response = await responseFromR2Object(object, { deck, asset, slug, assetPath }, options);
+          if (response) return response;
+        }
+      }
+      return source.getAsset?.(c, slug, assetPath) ?? null;
+    }
+  };
+}
+async function resolveBucket(bucket, c) {
+  return typeof bucket === "function" ? bucket(c) : bucket;
+}
+function findRoutableAsset(assets, slug, assetPath) {
+  const normalized = assetPath.replace(/^\/+/, "");
+  return assets.find((asset) => {
+    if (asset.type !== "local" && asset.type !== "r2") return false;
+    const suffix = `/${slug}/assets/${normalized}`;
+    return asset.publicPath.endsWith(suffix);
+  });
+}
+function resolveR2Key(input, options) {
+  if (options.key) return options.key(input);
+  if (input.asset.r2Key) return input.asset.r2Key;
+  const key = input.asset.sourcePath || `${input.slug}/assets/${input.assetPath}`;
+  const prefix = options.keyPrefix?.replace(/\/+$/, "");
+  return prefix ? `${prefix}/${key.replace(/^\/+/, "")}` : key.replace(/^\/+/, "");
+}
+async function responseFromR2Object(object, input, options) {
+  const body = object.body ?? (object.arrayBuffer ? await object.arrayBuffer() : void 0);
+  if (body == null) return null;
+  const headers = new Headers();
+  object.writeHttpMetadata?.(headers);
+  applyHttpMetadata(headers, object.httpMetadata);
+  if (!headers.has("content-type") && input.asset.contentType) headers.set("content-type", input.asset.contentType);
+  const cacheControl = resolveCacheControl(input, options);
+  if (cacheControl) {
+    headers.set("cache-control", cacheControl);
+  } else if (cacheControl !== false && input.asset.cacheControl && !headers.has("cache-control")) {
+    headers.set("cache-control", input.asset.cacheControl);
+  }
+  return new Response(body, { headers });
+}
+function applyHttpMetadata(headers, metadata) {
+  if (!metadata) return;
+  if (metadata.contentType && !headers.has("content-type")) headers.set("content-type", metadata.contentType);
+  if (metadata.cacheControl && !headers.has("cache-control")) headers.set("cache-control", metadata.cacheControl);
+  if (metadata.contentDisposition && !headers.has("content-disposition")) {
+    headers.set("content-disposition", metadata.contentDisposition);
+  }
+  if (metadata.contentEncoding && !headers.has("content-encoding")) headers.set("content-encoding", metadata.contentEncoding);
+  if (metadata.contentLanguage && !headers.has("content-language")) headers.set("content-language", metadata.contentLanguage);
+}
+function resolveCacheControl(input, options) {
+  return typeof options.cacheControl === "function" ? options.cacheControl(input) : options.cacheControl;
+}
+export {
+  SLIDE_TRANSITIONS,
+  builtInSlideComponents,
+  configureDecks,
+  controlIconLabel,
+  createDeckPaths,
+  createDeckViewerEmbed,
+  createDeckViewerParts,
+  deckContext,
+  decksRouter,
+  defineDecks,
+  defineDecksConfig,
+  defineSlideComponents,
+  manifestDeckSource,
+  mergeDecksRouterOptions,
+  renderCompiledDeck,
+  renderCompiledDeckAsync,
+  renderCompiledDeckPage,
+  renderCompiledDeckPageAsync,
+  renderCompiledSlide,
+  renderCompiledSlideAsync,
+  renderControlIcon,
+  renderControlIconHtml,
+  serveDecksClientEntry,
+  withR2Assets
+};