hono-decks 1.0.4 → 1.2.0

package/dist/advanced.js

@@ -1,6 +1,6 @@
 import { Hono } from "hono";
 import { raw } from "hono/html";
-import { jsx } from "hono/jsx/jsx-runtime";
+import { Fragment, jsx } from "hono/jsx/jsx-runtime";
 import { HtmlEscapedCallbackPhase, resolveCallback } from "hono/utils/html";
 //#region src/source/manifest-source.ts
 function manifestDeckSource(manifest) {
@@ -440,6 +440,18 @@ function renderRegisteredComponent(name, definition, props, children, assets = [
 		children: element
 	});
 }
+function renderJsxValueSync(value) {
+	const resolved = value;
+	if (typeof resolved === "string") return resolved;
+	if (resolved === null || resolved === void 0 || typeof resolved === "boolean") return "";
+	if (typeof resolved === "number") return String(resolved);
+	const html = jsx(Fragment, { children: resolved }).toString();
+	if (html instanceof Promise) {
+		html.catch(() => void 0);
+		throw new Error("Async Hono JSX callbacks are not supported in sync rendering.");
+	}
+	return html;
+}
 async function renderJsxValue(value) {
 	const resolved = value instanceof Promise ? await value : value;
 	if (typeof resolved === "string") return resolved;
@@ -654,6 +666,108 @@ function controlIconPaths(name) {
 	}
 }
 //#endregion
+//#region src/renderer/presentation-style.ts
+const PRESENTATION_DESIGN_WIDTH = 1920;
+const 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:light;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-background:#fff;--hono-decks-color:#172033;--hono-decks-muted-color:#475569;--hono-decks-accent-color:#0369a1;--hono-decks-border-color:#cbd5e1;--hono-decks-inline-code-background:#f1f5f9;--hono-decks-code-background:#f1f5f9;--hono-decks-card-background:#f1f5f9;--hono-decks-card-image-background:#e2e8f0;--hono-decks-warning-background:#fef3c7;--hono-decks-warning-color:#854d0e;background:var(--hono-decks-background);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;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);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:center}
+.slide{box-sizing:border-box;aspect-ratio:16/9;background:var(--hono-decks-background);color:var(--hono-decks-color);padding:1.8rem;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}
+.mdx-hero{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);gap:1.8rem;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:3rem;line-height:1.02}
+.mdx-hero-subtitle{margin:1rem 0 0;font-size:1.125rem;line-height:1.45;color:var(--hono-decks-muted-color)}
+.mdx-hero-image{width:100%;height:auto;max-height:756px;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:1.8rem;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:1.8rem;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}}`;
+}
+//#endregion
 //#region src/server/document.ts
 async function resolveDeckDocument(input, options, overrides) {
 	const page = {
@@ -705,8 +819,8 @@ function renderPresentationScript(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;
+  const DESIGN_WIDTH = ${PRESENTATION_DESIGN_WIDTH};
+  const DESIGN_HEIGHT = ${PRESENTATION_DESIGN_HEIGHT};
   let index = 0;
   let previousIndex = 0;
   let stepIndex = 0;
@@ -1091,6 +1205,10 @@ function renderPresentationScript(nonce) {
   });
 
   document.addEventListener("keydown", (event) => {
+    if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey) return;
+    const target = event.target;
+    if (target instanceof HTMLElement && (target.isContentEditable || target.closest("input,textarea,select,button,a[href],[role=textbox],[role=button],[role=slider]"))) return;
+    if (["ArrowRight", "ArrowLeft", " "].includes(event.key)) event.preventDefault();
     if (event.key === "ArrowRight" || event.key === " ") handleCommand("next");
     if (event.key === "ArrowLeft") handleCommand("previous");
     if (event.key === "f") handleCommand("fullscreen");
@@ -1110,6 +1228,9 @@ function renderPresentationScript(nonce) {
   window.__honoDecksPresentationRuntime = { command: handleCommand };
 
   window.addEventListener("resize", fitDeck);
+  if (typeof ResizeObserver !== "undefined" && stage instanceof HTMLElement) {
+    new ResizeObserver(fitDeck).observe(stage);
+  }
   fitDeck();
   const initialState = readInitialState();
   show(initialState.index, initialState.stepIndex);
@@ -1120,109 +1241,6 @@ function escapeHtml$6(value) {
 	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
 }
 //#endregion
-//#region src/renderer/presentation-style.ts
-const PRESENTATION_DESIGN_WIDTH = 1920;
-const 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}}`;
-}
-//#endregion
 //#region src/renderer/presentation-page.ts
 function presentationPageTitle(deck) {
 	return deck.meta.title ?? deck.slug;
@@ -1540,10 +1558,10 @@ function renderCompiledSlide(slide, assets = [], input = {}) {
 	].filter(Boolean).join(" ");
 	const notes = slide.notes ?? slide.meta.notes;
 	const notesHtml = input.speakerNotes === false || !notes ? "" : `<aside class="speaker-notes" hidden>${escapeHtml$4(notes)}</aside>`;
-	const html = slide.nodes?.length ? renderSlideNodes(slide.nodes, {
-		components,
-		assets
-	}) : rewriteLocalAssetUrls(slide.html, assets);
+	const html = renderSlideBodySync(slide, assets, {
+		...input,
+		components
+	});
 	const style = slideStyleAttribute(slide, assets);
 	const transition = slide.meta.transition ? ` data-transition="${escapeHtml$4(safeClass(slide.meta.transition))}"` : "";
 	return `<section class="${classes}" data-slide-index="${slide.index}" data-slide-state="${slideState}"${slide.meta.title ? ` aria-label="${escapeHtml$4(slide.meta.title)}"` : ""}${transition}${style}><div class="hono-decks-slide-content">${html}</div>${notesHtml}</section>`;
@@ -1573,12 +1591,36 @@ function slideStyleAttribute(slide, assets) {
 	if (slide.meta.transitionEasing) declarations.push(`--hono-decks-slide-transition-easing:${slide.meta.transitionEasing}`);
 	return declarations.length ? ` style="${escapeHtml$4(declarations.join(";"))}"` : "";
 }
+function renderSlideBodySync(slide, assets, input) {
+	try {
+		if (slide.render) {
+			const value = slide.render({ components: createMdxComponents(input.components ?? builtInSlideComponents, { assets }) });
+			if (value && typeof value === "object" && "then" in value && typeof value.then === "function") {
+				Promise.resolve(value).catch(() => void 0);
+				throw new RenderError("Async slide rendering requires renderCompiledSlideAsync() or renderCompiledDeckAsync().", "async-slide-render");
+			}
+			return renderJsxValueSync(value);
+		}
+		if (slide.nodes?.length) return renderSlideNodes(slide.nodes, {
+			components: input.components,
+			assets
+		});
+		return rewriteLocalAssetUrls(requireSlideHtml(slide), 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$1(error)}. Use the async rendering API for async JSX.`, "slide-render-error", error);
+	}
+}
+function requireSlideHtml(slide) {
+	if (typeof slide.html !== "string") throw new RenderError("Slide has no renderable body. Import createDecks() from the generated module; compileDecks() returns build information only.", "slide-body-missing");
+	return slide.html;
+}
 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);
+		}) : rewriteLocalAssetUrls(requireSlideHtml(slide), 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$1(error)}`, "slide-render-error", error);
@@ -1605,7 +1647,7 @@ function formatErrorMessage$1(error) {
 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";
+		const cacheControl = options.cacheControl ?? "no-cache";
 		if (cacheControl !== false) headers["cache-control"] = cacheControl;
 		return c.body(clientEntry, 200, headers);
 	};
@@ -1905,6 +1947,7 @@ function renderViewerScript(nonce) {
     }
 
     function handleKeydown(event) {
+      if (event.defaultPrevented) return;
       if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "p" && printPath) {
         event.preventDefault();
         const printUrl = new URL(printPath, window.location.href);
@@ -1912,6 +1955,10 @@ function renderViewerScript(nonce) {
         window.location.assign(printUrl);
         return;
       }
+      if (event.metaKey || event.ctrlKey || event.altKey) return;
+      const target = event.target;
+      if (target instanceof HTMLElement && (target.isContentEditable || target.closest("input,textarea,select,button,a[href],[role=textbox],[role=button],[role=slider]"))) return;
+      if (["ArrowRight", "ArrowLeft", " "].includes(event.key)) event.preventDefault();
       if (event.key === "ArrowRight" || event.key === " ") sendCommand("next");
       if (event.key === "ArrowLeft") sendCommand("previous");
       if (event.key === "f") void toggleViewerFullscreen();
@@ -1975,7 +2022,7 @@ function baseViewerStyle() {
 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}
+*:focus-visible{outline:2px solid currentColor;outline-offset:2px}
 [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}
@@ -1993,7 +2040,7 @@ ${viewerViewportRule()}
 .hono-decks-mobile-navigation:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
 .hono-decks-mobile-navigation:active{background:rgba(15,23,42,.28);color:#eef2ff;opacity:1}
 .hono-decks-mobile-navigation .hono-decks-control-icon{width:22px;height:22px}
-.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-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;border-radius:4px;background:rgba(15,23,42,.9);color:#eef2ff;padding:4px 6px;font:inherit;font-size:12px;line-height:1;opacity:1;pointer-events:none;white-space:nowrap}
 .hono-decks-viewer-controls{position:absolute;left:50%;bottom:max(.25rem,env(safe-area-inset-bottom,0));display:flex;gap:8px;align-items:center;justify-content:center;max-width:calc(100% - 1rem);min-width:0;z-index:4;transform:translateX(-50%)}
 .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}
@@ -2010,7 +2057,7 @@ ${viewerViewportRule()}
 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} *:focus-visible{outline:2px solid currentColor;outline-offset:2px}
 ${root} .hono-decks-viewer-shell{position:relative;display:grid;grid-template-rows:minmax(0,1fr);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}
@@ -2023,7 +2070,7 @@ ${root} .hono-decks-mobile-navigation-next{right:.25rem}
 ${root} .hono-decks-mobile-navigation:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
 ${root} .hono-decks-mobile-navigation:active{background:rgba(15,23,42,.28);color:#eef2ff;opacity:1}
 ${root} .hono-decks-mobile-navigation .hono-decks-control-icon{width:22px;height:22px}
-${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-viewport>[data-hono-decks-position]{position:absolute;left:50%;bottom:8px;z-index:3;transform:translateX(-50%);border:0;border-radius:4px;background:rgba(15,23,42,.9);color:#eef2ff;padding:4px 6px;font:inherit;font-size:12px;line-height:1;opacity:1;pointer-events:none;white-space:nowrap}
 ${root} .hono-decks-viewer-controls{position:absolute;left:50%;bottom:max(.25rem,env(safe-area-inset-bottom,0));display:flex;gap:8px;align-items:center;justify-content:center;max-width:calc(100% - 1rem);min-width:0;z-index:4;transform:translateX(-50%)}
 ${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}
@@ -2664,7 +2711,7 @@ function decksRouter(options) {
 			slug,
 			surface: "render"
 		}, 404);
-		const clientEntry = options.clientEntry ?? resolveGeneratedClientEntryUrl(options, mountPath);
+		const clientEntry = options.clientEntry ?? (deck.clientEntryRequired === false ? void 0 : resolveGeneratedClientEntryUrl(options, mountPath));
 		try {
 			const document = await resolveRouterDocument(c, options, "render", mountPath, deck);
 			return c.html(await renderCompiledDeckPageAsync({
@@ -2769,7 +2816,7 @@ function decksRouter(options) {
 			slug,
 			surface: "presentation"
 		}, 404);
-		const clientEntry = options.clientEntry ?? resolveGeneratedClientEntryUrl(options, mountPath);
+		const clientEntry = options.clientEntry ?? (deck.clientEntryRequired === false ? void 0 : resolveGeneratedClientEntryUrl(options, mountPath));
 		try {
 			const document = await resolveRouterDocument(c, options, "presentation", mountPath, deck);
 			return c.html(await renderCompiledDeckPageAsync({