@tenphi/renderer 0.26.0 → 0.28.0

package/dist/client/preview-height.d.ts

@@ -0,0 +1,16 @@
+//#region src/client/preview-height.d.ts
+/**
+ * The message a scripted preview frame and its page exchange. The frame's
+ * reporter (preview-document.ts) posts `{ type, height }` with its content
+ * height; the page posts `{ type }` to ask for the height again.
+ */
+declare const PREVIEW_HEIGHT_MESSAGE = "cookbook:preview-height";
+/**
+ * Size each preview frame to the height its document reports plus the frame's
+ * `data-buffer` length, a validated CSS length. The frame's `min-height` and
+ * `max-height` clamp the value, so this only sets `height`.
+ */
+declare function initializePreviewHeight(): void;
+//#endregion
+export { PREVIEW_HEIGHT_MESSAGE, initializePreviewHeight };
+//# sourceMappingURL=preview-height.d.ts.map

package/dist/client/preview-height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-height.d.ts","names":[],"sources":["../../src/client/preview-height.ts"],"mappings":";;;;;;cAKa;;;;;;iBAUG"}

package/dist/client/preview-height.js

@@ -0,0 +1,31 @@
+//#region src/client/preview-height.ts
+/**
+* The message a scripted preview frame and its page exchange. The frame's
+* reporter (preview-document.ts) posts `{ type, height }` with its content
+* height; the page posts `{ type }` to ask for the height again.
+*/
+const PREVIEW_HEIGHT_MESSAGE = "cookbook:preview-height";
+const previewFrames = () => document.querySelectorAll("[data-element=Preview] iframe");
+/**
+* Size each preview frame to the height its document reports plus the frame's
+* `data-buffer` length, a validated CSS length. The frame's `min-height` and
+* `max-height` clamp the value, so this only sets `height`.
+*/
+function initializePreviewHeight() {
+	addEventListener("message", resizePreviewFrame);
+	for (const frame of previewFrames()) frame.contentWindow?.postMessage({ type: PREVIEW_HEIGHT_MESSAGE }, "*");
+}
+function resizePreviewFrame({ data, source }) {
+	const height = data?.type === "cookbook:preview-height" && data.height;
+	if (typeof height !== "number" || !Number.isFinite(height) || height < 0) return;
+	for (const frame of previewFrames()) if (frame.contentWindow === source) {
+		const content = `${Math.ceil(height)}px`;
+		const { buffer } = frame.dataset;
+		frame.style.height = buffer ? `calc(${content} + ${buffer})` : content;
+		return;
+	}
+}
+//#endregion
+export { PREVIEW_HEIGHT_MESSAGE, initializePreviewHeight };
+
+//# sourceMappingURL=preview-height.js.map

package/dist/client/preview-height.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-height.js","names":[],"sources":["../../src/client/preview-height.ts"],"sourcesContent":["/**\n * The message a scripted preview frame and its page exchange. The frame's\n * reporter (preview-document.ts) posts `{ type, height }` with its content\n * height; the page posts `{ type }` to ask for the height again.\n */\nexport const PREVIEW_HEIGHT_MESSAGE = \"cookbook:preview-height\";\n\nconst previewFrames = () =>\n  document.querySelectorAll<HTMLIFrameElement>(\"[data-element=Preview] iframe\");\n\n/**\n * Size each preview frame to the height its document reports plus the frame's\n * `data-buffer` length, a validated CSS length. The frame's `min-height` and\n * `max-height` clamp the value, so this only sets `height`.\n */\nexport function initializePreviewHeight(): void {\n  addEventListener(\"message\", resizePreviewFrame);\n  // Frames usually load and report before this deferred module runs.\n  for (const frame of previewFrames())\n    frame.contentWindow?.postMessage({ type: PREVIEW_HEIGHT_MESSAGE }, \"*\");\n}\n\nfunction resizePreviewFrame({ data, source }: MessageEvent): void {\n  const height: unknown = data?.type === PREVIEW_HEIGHT_MESSAGE && data.height;\n  if (typeof height !== \"number\" || !Number.isFinite(height) || height < 0)\n    return;\n  for (const frame of previewFrames())\n    if (frame.contentWindow === source) {\n      const content = `${Math.ceil(height)}px`;\n      const { buffer } = frame.dataset;\n      frame.style.height = buffer ? `calc(${content} + ${buffer})` : content;\n      return;\n    }\n}\n"],"mappings":";;;;;;AAKA,MAAa,yBAAyB;AAEtC,MAAM,sBACJ,SAAS,iBAAoC,+BAA+B;;;;;;AAO9E,SAAgB,0BAAgC;CAC9C,iBAAiB,WAAW,kBAAkB;CAE9C,KAAK,MAAM,SAAS,cAAc,GAChC,MAAM,eAAe,YAAY,EAAE,MAAM,uBAAuB,GAAG,GAAG;AAC1E;AAEA,SAAS,mBAAmB,EAAE,MAAM,UAA8B;CAChE,MAAM,SAAkB,MAAM,SAAA,6BAAmC,KAAK;CACtE,IAAI,OAAO,WAAW,YAAY,CAAC,OAAO,SAAS,MAAM,KAAK,SAAS,GACrE;CACF,KAAK,MAAM,SAAS,cAAc,GAChC,IAAI,MAAM,kBAAkB,QAAQ;EAClC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,EAAE;EACrC,MAAM,EAAE,WAAW,MAAM;EACzB,MAAM,MAAM,SAAS,SAAS,QAAQ,QAAQ,KAAK,OAAO,KAAK;EAC/D;CACF;AACJ"}

package/dist/components/Preview.astro

@@ -2,7 +2,7 @@
 import { messages, requestLanguage } from "../localization.js";
 import { buildPreview } from "../preview-document.js";
 import { content } from "virtual:cookbook/config";
-import { PreviewRoot } from "./Preview.styles.js";
+import { PreviewRoot, previewHeightStyles } from "./Preview.styles.js";
 
 import type { PreviewProps as Props } from "./props.js";
 
@@ -18,13 +18,19 @@ const ui = messages(
 );
 ---
 
-<PreviewRoot className="td-preview" data-not-content="" aria-label={title}>
+<PreviewRoot
+  className="td-preview"
+  data-not-content=""
+  aria-label={title}
+  styles={preview.height && previewHeightStyles(preview.height)}
+>
   <PreviewRoot.Caption><strong>{title}</strong></PreviewRoot.Caption>
   <PreviewRoot.Stage>
     <PreviewRoot.Frame
       title={title}
       sandbox={preview.sandbox}
       srcDoc={preview.document}
+      data-buffer={preview.buffer}
     />
   </PreviewRoot.Stage>
   <PreviewRoot.Code>
@@ -32,3 +38,9 @@ const ui = messages(
     <PreviewRoot.Pre><code>{preview.source}</code></PreviewRoot.Pre>
   </PreviewRoot.Code>
 </PreviewRoot>
+
+<script>
+  import { initializePreviewHeight } from "../client/preview-height.js";
+
+  initializePreviewHeight();
+</script>

package/dist/components/Preview.styles.js

@@ -38,7 +38,10 @@ export const PreviewRoot = defineComponent("Preview", {
     Frame: {
       display: "block",
       width: "100%",
-      height: "min 10rem",
+      // A scripted preview grows to fit its content (client/preview-height.ts)
+      // between its minimum height and the window's height. The cap also stops
+      // content sized by the frame itself, such as `100vh`, growing forever.
+      height: "10rem 100vh",
       border: "0",
       fill: "#surface",
     },
@@ -78,3 +81,11 @@ export const PreviewRoot = defineComponent("Preview", {
   },
   elements: previewElements,
 });
+
+/**
+ * Render-time styles for one preview's `height` prop, a validated CSS length.
+ * It replaces the minimum height and keeps the window-height cap.
+ */
+export function previewHeightStyles(height) {
+  return { Frame: { height: `${height} 100vh` } };
+}

package/dist/components/props.d.ts

@@ -15,6 +15,10 @@ interface PreviewProps {
   javascript?: string;
   /** Public-directory paths, such as `/demo/button.js`, inlined as classic scripts before `javascript`. */
   scripts?: string[];
+  /** The frame's minimum height as a CSS length, such as `18rem`; defaults to `10rem`. */
+  height?: string;
+  /** Room below the content of a preview that runs scripts, as a CSS length such as `12rem`, for overlays like a listbox; defaults to `0`. */
+  buffer?: string;
 }
 type StepsProps = Record<string, never>;
 interface TabsProps {

package/dist/components/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","names":[],"sources":["../../src/components/props.ts"],"mappings":";UAAiB;EACf;EACA;;UAEe;EACf;EACA;EACA;;UAEe;EACf;EACA;EACA;EACA;;EAEA;;KAEU,aAAa;UACR;EACf;;UAEe;EACf;;UAEe;EACf;EACA;;UAEe;EACf;EACA,OAAO;IAAQ;IAAe;IAAc"}
+{"version":3,"file":"props.d.ts","names":[],"sources":["../../src/components/props.ts"],"mappings":";UAAiB;EACf;EACA;;UAEe;EACf;EACA;EACA;;UAEe;EACf;EACA;EACA;EACA;;EAEA;;EAEA;;EAEA;;KAEU,aAAa;UACR;EACf;;UAEe;EACf;;UAEe;EACf;EACA;;UAEe;EACf;EACA,OAAO;IAAQ;IAAe;IAAc"}

package/dist/components/props.ts

@@ -14,6 +14,10 @@ export interface PreviewProps {
   javascript?: string;
   /** Public-directory paths, such as `/demo/button.js`, inlined as classic scripts before `javascript`. */
   scripts?: string[];
+  /** The frame's minimum height as a CSS length, such as `18rem`; defaults to `10rem`. */
+  height?: string;
+  /** Room below the content of a preview that runs scripts, as a CSS length such as `12rem`, for overlays like a listbox; defaults to `0`. */
+  buffer?: string;
 }
 export type StepsProps = Record<string, never>;
 export interface TabsProps {

package/dist/preview-document.d.ts

@@ -1,14 +1,29 @@
 import { PreviewProps } from "./components/props.js";
 //#region src/preview-document.d.ts
 /**
- * Build a Preview's frame document and its "View source" text. Public scripts
- * are inlined so they run in the opaque-origin sandbox without a request.
+ * Runs first in a preview frame that allows scripts, so it keeps `parent` even
+ * if authored code declares its own. It measures the root element's box rather
+ * than `scrollHeight`, which never drops below the frame's own height: the
+ * root's height follows the content, so the frame can shrink, and growing the
+ * frame doesn't change the measurement. A horizontal scrollbar, if any, is
+ * added so that it doesn't overflow the content vertically. The frame's origin
+ * is opaque, so the message is posted to any origin.
  */
-declare function buildPreview({ html, css, javascript, scripts }: Omit<PreviewProps, "title">, publicDir: string, page: string): Promise<{
+declare const previewHeightReporter = "{\nconst root = document.documentElement;\nconst page = parent;\nconst report = () => page.postMessage({ type: \"cookbook:preview-height\", height: root.getBoundingClientRect().height + window.innerHeight - root.clientHeight }, \"*\");\nnew ResizeObserver(report).observe(root);\naddEventListener(\"message\", (event) => { if (event.data?.type === \"cookbook:preview-height\") report(); });\n}";
+/**
+ * Build a Preview's frame document, its "View source" text and the frame's
+ * settings. Public scripts are inlined so they run in the opaque-origin sandbox
+ * without a request. A frame that runs scripts also reports its content height
+ * so the page can size it, adding the buffer; a frame without scripts keeps its
+ * minimum height, and nothing measures its content to add a buffer to.
+ */
+declare function buildPreview({ html, css, javascript, scripts, height, buffer }: Omit<PreviewProps, "title">, publicDir: string, page: string): Promise<{
   document: string;
   source: string;
   sandbox: string;
+  height: string | undefined;
+  buffer: string | undefined;
 }>;
 //#endregion
-export { buildPreview };
+export { buildPreview, previewHeightReporter };
 //# sourceMappingURL=preview-document.d.ts.map

package/dist/preview-document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-document.d.ts","names":[],"sources":["../src/preview-document.ts"],"mappings":";;;;;;iBAQsB,eAElB,MACA,KACA,YACA,WACC,KAAK,wBACR,mBACA,eAAY"}
+{"version":3,"file":"preview-document.d.ts","names":[],"sources":["../src/preview-document.ts"],"mappings":";;;;;;;;;;;cAmBa;;;;;;;;iBAeS,eAElB,MACA,KACA,YACA,SACA,QACA,UACC,KAAK,wBACR,mBACA,eAAY"}

package/dist/preview-document.js

@@ -1,18 +1,44 @@
+import { PREVIEW_HEIGHT_MESSAGE } from "./client/preview-height.js";
 import { readFile } from "node:fs/promises";
 import { join } from "node:path";
 //#region src/preview-document.ts
+const CSS_LENGTH = /^(?:\d+|\d*\.\d+)(?:px|r?em|ch|ex|r?lh|[dls]?v(?:h|w|min|max)|cm|mm|in|pt|pc)$/;
 /**
-* Build a Preview's frame document and its "View source" text. Public scripts
-* are inlined so they run in the opaque-origin sandbox without a request.
+* Runs first in a preview frame that allows scripts, so it keeps `parent` even
+* if authored code declares its own. It measures the root element's box rather
+* than `scrollHeight`, which never drops below the frame's own height: the
+* root's height follows the content, so the frame can shrink, and growing the
+* frame doesn't change the measurement. A horizontal scrollbar, if any, is
+* added so that it doesn't overflow the content vertically. The frame's origin
+* is opaque, so the message is posted to any origin.
 */
-async function buildPreview({ html = "", css = "", javascript, scripts = [] }, publicDir, page) {
+const previewHeightReporter = `{
+const root = document.documentElement;
+const page = parent;
+const report = () => page.postMessage({ type: "${PREVIEW_HEIGHT_MESSAGE}", height: root.getBoundingClientRect().height + window.innerHeight - root.clientHeight }, "*");
+new ResizeObserver(report).observe(root);
+addEventListener("message", (event) => { if (event.data?.type === "${PREVIEW_HEIGHT_MESSAGE}") report(); });
+}`;
+/**
+* Build a Preview's frame document, its "View source" text and the frame's
+* settings. Public scripts are inlined so they run in the opaque-origin sandbox
+* without a request. A frame that runs scripts also reports its content height
+* so the page can size it, adding the buffer; a frame without scripts keeps its
+* minimum height, and nothing measures its content to add a buffer to.
+*/
+async function buildPreview({ html = "", css = "", javascript, scripts = [], height, buffer }, publicDir, page) {
+	for (const [name, value] of [["height", height], ["buffer", buffer]]) if (value !== void 0 && !CSS_LENGTH.test(value)) throw Error(`Preview on ${page}: ${name} ${value} must be a CSS length, such as 18rem or 320px.`);
 	const files = await Promise.all(scripts.map((src) => readPublicScript(src, publicDir, page)));
-	const markup = `<!doctype html><meta charset="utf-8"><style>${css}</style>${html}`;
+	const head = "<!doctype html><meta charset=\"utf-8\">";
+	const body = `<style>${css}</style>${html}`;
 	const authored = javascript ? inlineScript(javascript) : "";
+	const runsScripts = Boolean(scripts.length || javascript);
 	return {
-		document: markup + files.map(inlineScript).join("") + authored,
-		source: markup + scripts.map((src) => `<script src="${src}"><\/script>`).join("") + authored,
-		sandbox: scripts.length || javascript ? "allow-scripts" : ""
+		document: head + (runsScripts ? inlineScript(previewHeightReporter) : "") + body + files.map(inlineScript).join("") + authored,
+		source: head + body + scripts.map((src) => `<script src="${src}"><\/script>`).join("") + authored,
+		sandbox: runsScripts ? "allow-forms allow-scripts" : "allow-forms",
+		height,
+		buffer: runsScripts ? buffer : void 0
 	};
 }
 function inlineScript(code) {
@@ -28,6 +54,6 @@ async function readPublicScript(src, publicDir, page) {
 	}
 }
 //#endregion
-export { buildPreview };
+export { buildPreview, previewHeightReporter };
 
 //# sourceMappingURL=preview-document.js.map

package/dist/preview-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview-document.js","names":[],"sources":["../src/preview-document.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport type { PreviewProps } from \"./components/props.js\";\n\n/**\n * Build a Preview's frame document and its \"View source\" text. Public scripts\n * are inlined so they run in the opaque-origin sandbox without a request.\n */\nexport async function buildPreview(\n  {\n    html = \"\",\n    css = \"\",\n    javascript,\n    scripts = [],\n  }: Omit<PreviewProps, \"title\">,\n  publicDir: string,\n  page: string,\n) {\n  const files = await Promise.all(\n    scripts.map((src) => readPublicScript(src, publicDir, page)),\n  );\n  const markup = `<!doctype html><meta charset=\"utf-8\"><style>${css}</style>${html}`;\n  const authored = javascript ? inlineScript(javascript) : \"\";\n  return {\n    document: markup + files.map(inlineScript).join(\"\") + authored,\n    source:\n      markup +\n      scripts.map((src) => `<script src=\"${src}\"></script>`).join(\"\") +\n      authored,\n    sandbox: scripts.length || javascript ? \"allow-scripts\" : \"\",\n  };\n}\n\n// The HTML parser ends a script at the first `</script`, even inside a string.\nfunction inlineScript(code: string) {\n  return `<script>${code.replace(/<\\/(script)/gi, \"<\\\\/$1\")}</script>`;\n}\n\nasync function readPublicScript(src: string, publicDir: string, page: string) {\n  const error = `Preview on ${page}: script ${src} must be a readable file in the site's public directory, such as /demo/button.js.`;\n  if (!/^\\/(?!\\/)/.test(src) || src.split(/[\\\\/]/).includes(\"..\"))\n    throw Error(error);\n  try {\n    return await readFile(join(publicDir, src), \"utf8\");\n  } catch {\n    throw Error(error);\n  }\n}\n"],"mappings":";;;;;;;AAQA,eAAsB,aACpB,EACE,OAAO,IACP,MAAM,IACN,YACA,UAAU,CAAC,KAEb,WACA,MACA;CACA,MAAM,QAAQ,MAAM,QAAQ,IAC1B,QAAQ,KAAK,QAAQ,iBAAiB,KAAK,WAAW,IAAI,CAAC,CAC7D;CACA,MAAM,SAAS,+CAA+C,IAAI,UAAU;CAC5E,MAAM,WAAW,aAAa,aAAa,UAAU,IAAI;CACzD,OAAO;EACL,UAAU,SAAS,MAAM,IAAI,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI;EACtD,QACE,SACA,QAAQ,KAAK,QAAQ,gBAAgB,IAAI,aAAY,CAAC,CAAC,KAAK,EAAE,IAC9D;EACF,SAAS,QAAQ,UAAU,aAAa,kBAAkB;CAC5D;AACF;AAGA,SAAS,aAAa,MAAc;CAClC,OAAO,WAAW,KAAK,QAAQ,iBAAiB,QAAQ,EAAE;AAC5D;AAEA,eAAe,iBAAiB,KAAa,WAAmB,MAAc;CAC5E,MAAM,QAAQ,cAAc,KAAK,WAAW,IAAI;CAChD,IAAI,CAAC,YAAY,KAAK,GAAG,KAAK,IAAI,MAAM,OAAO,CAAC,CAAC,SAAS,IAAI,GAC5D,MAAM,MAAM,KAAK;CACnB,IAAI;EACF,OAAO,MAAM,SAAS,KAAK,WAAW,GAAG,GAAG,MAAM;CACpD,QAAQ;EACN,MAAM,MAAM,KAAK;CACnB;AACF"}
+{"version":3,"file":"preview-document.js","names":[],"sources":["../src/preview-document.ts"],"sourcesContent":["import { readFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport { PREVIEW_HEIGHT_MESSAGE } from \"./client/preview-height.js\";\nimport type { PreviewProps } from \"./components/props.js\";\n\n// The frame's height and buffer become CSS, so accept only a plain length.\n// Percentages are rejected because the frame's container has no fixed height.\nconst CSS_LENGTH =\n  /^(?:\\d+|\\d*\\.\\d+)(?:px|r?em|ch|ex|r?lh|[dls]?v(?:h|w|min|max)|cm|mm|in|pt|pc)$/;\n\n/**\n * Runs first in a preview frame that allows scripts, so it keeps `parent` even\n * if authored code declares its own. It measures the root element's box rather\n * than `scrollHeight`, which never drops below the frame's own height: the\n * root's height follows the content, so the frame can shrink, and growing the\n * frame doesn't change the measurement. A horizontal scrollbar, if any, is\n * added so that it doesn't overflow the content vertically. The frame's origin\n * is opaque, so the message is posted to any origin.\n */\nexport const previewHeightReporter = `{\nconst root = document.documentElement;\nconst page = parent;\nconst report = () => page.postMessage({ type: \"${PREVIEW_HEIGHT_MESSAGE}\", height: root.getBoundingClientRect().height + window.innerHeight - root.clientHeight }, \"*\");\nnew ResizeObserver(report).observe(root);\naddEventListener(\"message\", (event) => { if (event.data?.type === \"${PREVIEW_HEIGHT_MESSAGE}\") report(); });\n}`;\n\n/**\n * Build a Preview's frame document, its \"View source\" text and the frame's\n * settings. Public scripts are inlined so they run in the opaque-origin sandbox\n * without a request. A frame that runs scripts also reports its content height\n * so the page can size it, adding the buffer; a frame without scripts keeps its\n * minimum height, and nothing measures its content to add a buffer to.\n */\nexport async function buildPreview(\n  {\n    html = \"\",\n    css = \"\",\n    javascript,\n    scripts = [],\n    height,\n    buffer,\n  }: Omit<PreviewProps, \"title\">,\n  publicDir: string,\n  page: string,\n) {\n  for (const [name, value] of [\n    [\"height\", height],\n    [\"buffer\", buffer],\n  ])\n    if (value !== undefined && !CSS_LENGTH.test(value))\n      throw Error(\n        `Preview on ${page}: ${name} ${value} must be a CSS length, such as 18rem or 320px.`,\n      );\n  const files = await Promise.all(\n    scripts.map((src) => readPublicScript(src, publicDir, page)),\n  );\n  const head = '<!doctype html><meta charset=\"utf-8\">';\n  const body = `<style>${css}</style>${html}`;\n  const authored = javascript ? inlineScript(javascript) : \"\";\n  const runsScripts = Boolean(scripts.length || javascript);\n  return {\n    // The height reporter runs first, before authored code can shadow `parent`.\n    document:\n      head +\n      (runsScripts ? inlineScript(previewHeightReporter) : \"\") +\n      body +\n      files.map(inlineScript).join(\"\") +\n      authored,\n    source:\n      head +\n      body +\n      scripts.map((src) => `<script src=\"${src}\"></script>`).join(\"\") +\n      authored,\n    // A submitted form can navigate only the frame itself, as a link can.\n    sandbox: runsScripts ? \"allow-forms allow-scripts\" : \"allow-forms\",\n    height,\n    buffer: runsScripts ? buffer : undefined,\n  };\n}\n\n// The HTML parser ends a script at the first `</script`, even inside a string.\nfunction inlineScript(code: string) {\n  return `<script>${code.replace(/<\\/(script)/gi, \"<\\\\/$1\")}</script>`;\n}\n\nasync function readPublicScript(src: string, publicDir: string, page: string) {\n  const error = `Preview on ${page}: script ${src} must be a readable file in the site's public directory, such as /demo/button.js.`;\n  if (!/^\\/(?!\\/)/.test(src) || src.split(/[\\\\/]/).includes(\"..\"))\n    throw Error(error);\n  try {\n    return await readFile(join(publicDir, src), \"utf8\");\n  } catch {\n    throw Error(error);\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,aACJ;;;;;;;;;;AAWF,MAAa,wBAAwB;;;iDAGY,uBAAuB;;qEAEH,uBAAuB;;;;;;;;;AAU5F,eAAsB,aACpB,EACE,OAAO,IACP,MAAM,IACN,YACA,UAAU,CAAC,GACX,QACA,UAEF,WACA,MACA;CACA,KAAK,MAAM,CAAC,MAAM,UAAU,CAC1B,CAAC,UAAU,MAAM,GACjB,CAAC,UAAU,MAAM,CACnB,GACE,IAAI,UAAU,KAAA,KAAa,CAAC,WAAW,KAAK,KAAK,GAC/C,MAAM,MACJ,cAAc,KAAK,IAAI,KAAK,GAAG,MAAM,+CACvC;CACJ,MAAM,QAAQ,MAAM,QAAQ,IAC1B,QAAQ,KAAK,QAAQ,iBAAiB,KAAK,WAAW,IAAI,CAAC,CAC7D;CACA,MAAM,OAAO;CACb,MAAM,OAAO,UAAU,IAAI,UAAU;CACrC,MAAM,WAAW,aAAa,aAAa,UAAU,IAAI;CACzD,MAAM,cAAc,QAAQ,QAAQ,UAAU,UAAU;CACxD,OAAO;EAEL,UACE,QACC,cAAc,aAAa,qBAAqB,IAAI,MACrD,OACA,MAAM,IAAI,YAAY,CAAC,CAAC,KAAK,EAAE,IAC/B;EACF,QACE,OACA,OACA,QAAQ,KAAK,QAAQ,gBAAgB,IAAI,aAAY,CAAC,CAAC,KAAK,EAAE,IAC9D;EAEF,SAAS,cAAc,8BAA8B;EACrD;EACA,QAAQ,cAAc,SAAS,KAAA;CACjC;AACF;AAGA,SAAS,aAAa,MAAc;CAClC,OAAO,WAAW,KAAK,QAAQ,iBAAiB,QAAQ,EAAE;AAC5D;AAEA,eAAe,iBAAiB,KAAa,WAAmB,MAAc;CAC5E,MAAM,QAAQ,cAAc,KAAK,WAAW,IAAI;CAChD,IAAI,CAAC,YAAY,KAAK,GAAG,KAAK,IAAI,MAAM,OAAO,CAAC,CAAC,SAAS,IAAI,GAC5D,MAAM,MAAM,KAAK;CACnB,IAAI;EACF,OAAO,MAAM,SAAS,KAAK,WAAW,GAAG,GAAG,MAAM;CACpD,QAAQ;EACN,MAAM,MAAM,KAAK;CACnB;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/renderer",
-  "version": "0.26.0",
+  "version": "0.28.0",
   "description": "Astro renderer and Tasty theme for Cookbook",
   "type": "module",
   "sideEffects": [
@@ -61,7 +61,7 @@
     "@fontsource-variable/jetbrains-mono": "^5.3.0",
     "@fontsource-variable/onest": "^5.3.0",
     "@pagefind/default-ui": "1.5.2",
-    "@tenphi/docs": "0.26.0",
+    "@tenphi/docs": "0.28.0",
     "@tenphi/eslint-plugin-tasty": "1.6.0",
     "@tenphi/glaze": "2.0.1",
     "@tenphi/tasty": "3.9.10",