@tenphi/renderer 0.19.0

package/dist/client/search.js

@@ -0,0 +1,87 @@
+//#region src/client/search.ts
+/** Own the dialog lifecycle; Pagefind owns indexing, filtering and result rendering. */
+function initializeSearch(element, options, development, base) {
+	if (element.dataset.initialized) return;
+	element.dataset.initialized = "true";
+	const open = element.querySelector("[data-open-modal]");
+	const close = element.querySelector("[data-close-modal]");
+	const dialog = element.querySelector("dialog");
+	const frame = element.querySelector(".dialog-frame");
+	const status = element.querySelector("[data-search-status]");
+	const shortcut = open.querySelector("kbd");
+	if (/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+		shortcut.querySelector("kbd").textContent = "⌘";
+		open.setAttribute("aria-keyshortcuts", "Meta+K");
+	}
+	delete shortcut.dataset.pending;
+	let initialized;
+	let returnFocus = null;
+	const initialize = () => {
+		if (development) return Promise.resolve();
+		return initialized ??= (async () => {
+			const { PagefindUI } = await import("@pagefind/default-ui");
+			const translations = JSON.parse(element.dataset.translations ?? "{}");
+			const format = (url) => element.hasAttribute("data-strip-trailing-slash") ? url.replace(/(.)\/(#.*)?$/, "$1$2") : url;
+			new PagefindUI({
+				...options,
+				element: "#cookbook__search",
+				baseUrl: base,
+				bundlePath: `${base.replace(/\/$/, "")}/pagefind/`,
+				showImages: false,
+				showSubResults: true,
+				translations,
+				processResult(result) {
+					result = options.processResult?.(result) ?? result;
+					result.url = format(result.url);
+					result.sub_results?.forEach((child) => {
+						child.url = format(child.url);
+					});
+					return result;
+				}
+			});
+		})().catch((error) => {
+			initialized = void 0;
+			if (status) {
+				status.hidden = false;
+				const translations = JSON.parse(element.dataset.translations ?? "{}");
+				status.textContent = translations.error ?? "Search could not load. Close and try again.";
+			}
+			throw error;
+		});
+	};
+	const show = async () => {
+		if (dialog.open) return;
+		returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : open;
+		dialog.showModal();
+		document.body.setAttribute("data-search-modal-open", "");
+		if (!development && status) status.hidden = true;
+		try {
+			await initialize();
+			if (dialog.open) element.querySelector("input")?.focus();
+		} catch {}
+	};
+	open.addEventListener("click", () => {
+		show();
+	});
+	open.disabled = false;
+	close.addEventListener("click", () => dialog.close());
+	dialog.addEventListener("click", (event) => {
+		if (!(event.target instanceof Element)) return;
+		if (event.target.closest("a[href]") || !frame.contains(event.target)) dialog.close();
+	});
+	dialog.addEventListener("close", () => {
+		document.body.removeAttribute("data-search-modal-open");
+		returnFocus?.focus();
+	});
+	window.addEventListener("keydown", (event) => {
+		if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+			event.preventDefault();
+			if (dialog.open) dialog.close();
+			else show();
+		}
+	});
+}
+//#endregion
+export { initializeSearch };
+
+//# sourceMappingURL=search.js.map

package/dist/client/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../src/client/search.ts"],"sourcesContent":["type SearchResult = { url: string; sub_results?: SearchResult[] };\ntype PagefindOptions = Record<string, unknown> & {\n  processResult?: (result: SearchResult) => SearchResult | void;\n};\n\n/** Own the dialog lifecycle; Pagefind owns indexing, filtering and result rendering. */\nexport function initializeSearch(\n  element: HTMLElement,\n  options: PagefindOptions,\n  development: boolean,\n  base: string,\n): void {\n  if (element.dataset.initialized) return;\n  element.dataset.initialized = \"true\";\n  const open = element.querySelector<HTMLButtonElement>(\"[data-open-modal]\")!;\n  const close = element.querySelector<HTMLButtonElement>(\"[data-close-modal]\")!;\n  const dialog = element.querySelector(\"dialog\")!;\n  const frame = element.querySelector(\".dialog-frame\")!;\n  const status = element.querySelector<HTMLElement>(\"[data-search-status]\");\n  const shortcut = open.querySelector(\"kbd\")!;\n  if (/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {\n    shortcut.querySelector(\"kbd\")!.textContent = \"⌘\";\n    open.setAttribute(\"aria-keyshortcuts\", \"Meta+K\");\n  }\n  delete shortcut.dataset.pending;\n  let initialized: Promise<void> | undefined;\n  let returnFocus: HTMLElement | null = null;\n  const initialize = () => {\n    if (development) return Promise.resolve();\n    return (initialized ??= (async () => {\n      // @ts-expect-error Pagefind publishes no declarations for its default UI.\n      const { PagefindUI } = await import(\"@pagefind/default-ui\");\n      const translations = JSON.parse(element.dataset.translations ?? \"{}\");\n      const format = (url: string) =>\n        element.hasAttribute(\"data-strip-trailing-slash\")\n          ? url.replace(/(.)\\/(#.*)?$/, \"$1$2\")\n          : url;\n      new PagefindUI({\n        ...options,\n        element: \"#cookbook__search\",\n        baseUrl: base,\n        bundlePath: `${base.replace(/\\/$/, \"\")}/pagefind/`,\n        showImages: false,\n        showSubResults: true,\n        translations,\n        processResult(result: SearchResult) {\n          result = options.processResult?.(result) ?? result;\n          result.url = format(result.url);\n          result.sub_results?.forEach((child) => {\n            child.url = format(child.url);\n          });\n          return result;\n        },\n      });\n    })().catch((error: unknown) => {\n      initialized = undefined;\n      if (status) {\n        status.hidden = false;\n        // Reuse the localized Pagefind error, with a plain fallback.\n        const translations = JSON.parse(element.dataset.translations ?? \"{}\");\n        status.textContent =\n          translations.error ?? \"Search could not load. Close and try again.\";\n      }\n      throw error;\n    }));\n  };\n  const show = async () => {\n    if (dialog.open) return;\n    returnFocus =\n      document.activeElement instanceof HTMLElement\n        ? document.activeElement\n        : open;\n    dialog.showModal();\n    document.body.setAttribute(\"data-search-modal-open\", \"\");\n    if (!development && status) status.hidden = true;\n    try {\n      await initialize();\n      // Pagefind mounts synchronously. Only focus if the user has not closed it.\n      if (dialog.open) element.querySelector(\"input\")?.focus();\n    } catch {\n      /* Keep the close control usable when the search bundle fails. */\n    }\n  };\n  open.addEventListener(\"click\", () => {\n    void show();\n  });\n  open.disabled = false;\n  close.addEventListener(\"click\", () => dialog.close());\n  dialog.addEventListener(\"click\", (event) => {\n    if (!(event.target instanceof Element)) return;\n    if (event.target.closest(\"a[href]\") || !frame.contains(event.target))\n      dialog.close();\n  });\n  dialog.addEventListener(\"close\", () => {\n    document.body.removeAttribute(\"data-search-modal-open\");\n    returnFocus?.focus();\n  });\n  window.addEventListener(\"keydown\", (event) => {\n    if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"k\") {\n      event.preventDefault();\n      if (dialog.open) dialog.close();\n      else void show();\n    }\n  });\n}\n"],"mappings":";;AAMA,SAAgB,iBACd,SACA,SACA,aACA,MACM;CACN,IAAI,QAAQ,QAAQ,aAAa;CACjC,QAAQ,QAAQ,cAAc;CAC9B,MAAM,OAAO,QAAQ,cAAiC,mBAAmB;CACzE,MAAM,QAAQ,QAAQ,cAAiC,oBAAoB;CAC3E,MAAM,SAAS,QAAQ,cAAc,QAAQ;CAC7C,MAAM,QAAQ,QAAQ,cAAc,eAAe;CACnD,MAAM,SAAS,QAAQ,cAA2B,sBAAsB;CACxE,MAAM,WAAW,KAAK,cAAc,KAAK;CACzC,IAAI,0BAA0B,KAAK,UAAU,QAAQ,GAAG;EACtD,SAAS,cAAc,KAAK,CAAC,CAAE,cAAc;EAC7C,KAAK,aAAa,qBAAqB,QAAQ;CACjD;CACA,OAAO,SAAS,QAAQ;CACxB,IAAI;CACJ,IAAI,cAAkC;CACtC,MAAM,mBAAmB;EACvB,IAAI,aAAa,OAAO,QAAQ,QAAQ;EACxC,OAAQ,iBAAiB,YAAY;GAEnC,MAAM,EAAE,eAAe,MAAM,OAAO;GACpC,MAAM,eAAe,KAAK,MAAM,QAAQ,QAAQ,gBAAgB,IAAI;GACpE,MAAM,UAAU,QACd,QAAQ,aAAa,2BAA2B,IAC5C,IAAI,QAAQ,gBAAgB,MAAM,IAClC;GACN,IAAI,WAAW;IACb,GAAG;IACH,SAAS;IACT,SAAS;IACT,YAAY,GAAG,KAAK,QAAQ,OAAO,EAAE,EAAE;IACvC,YAAY;IACZ,gBAAgB;IAChB;IACA,cAAc,QAAsB;KAClC,SAAS,QAAQ,gBAAgB,MAAM,KAAK;KAC5C,OAAO,MAAM,OAAO,OAAO,GAAG;KAC9B,OAAO,aAAa,SAAS,UAAU;MACrC,MAAM,MAAM,OAAO,MAAM,GAAG;KAC9B,CAAC;KACD,OAAO;IACT;GACF,CAAC;EACH,EAAA,CAAG,CAAC,CAAC,OAAO,UAAmB;GAC7B,cAAc,KAAA;GACd,IAAI,QAAQ;IACV,OAAO,SAAS;IAEhB,MAAM,eAAe,KAAK,MAAM,QAAQ,QAAQ,gBAAgB,IAAI;IACpE,OAAO,cACL,aAAa,SAAS;GAC1B;GACA,MAAM;EACR,CAAC;CACH;CACA,MAAM,OAAO,YAAY;EACvB,IAAI,OAAO,MAAM;EACjB,cACE,SAAS,yBAAyB,cAC9B,SAAS,gBACT;EACN,OAAO,UAAU;EACjB,SAAS,KAAK,aAAa,0BAA0B,EAAE;EACvD,IAAI,CAAC,eAAe,QAAQ,OAAO,SAAS;EAC5C,IAAI;GACF,MAAM,WAAW;GAEjB,IAAI,OAAO,MAAM,QAAQ,cAAc,OAAO,CAAC,EAAE,MAAM;EACzD,QAAQ,CAER;CACF;CACA,KAAK,iBAAiB,eAAe;EACnC,KAAU;CACZ,CAAC;CACD,KAAK,WAAW;CAChB,MAAM,iBAAiB,eAAe,OAAO,MAAM,CAAC;CACpD,OAAO,iBAAiB,UAAU,UAAU;EAC1C,IAAI,EAAE,MAAM,kBAAkB,UAAU;EACxC,IAAI,MAAM,OAAO,QAAQ,SAAS,KAAK,CAAC,MAAM,SAAS,MAAM,MAAM,GACjE,OAAO,MAAM;CACjB,CAAC;CACD,OAAO,iBAAiB,eAAe;EACrC,SAAS,KAAK,gBAAgB,wBAAwB;EACtD,aAAa,MAAM;CACrB,CAAC;CACD,OAAO,iBAAiB,YAAY,UAAU;EAC5C,KAAK,MAAM,WAAW,MAAM,YAAY,MAAM,IAAI,YAAY,MAAM,KAAK;GACvE,MAAM,eAAe;GACrB,IAAI,OAAO,MAAM,OAAO,MAAM;QACzB,KAAU;EACjB;CACF,CAAC;AACH"}

package/dist/client/sidebar.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/client/sidebar.js

@@ -0,0 +1,93 @@
+//#region src/client/sidebar.ts
+var CookbookSidebar = class extends HTMLElement {
+	#listeners;
+	connectedCallback() {
+		this.#listeners?.abort();
+		this.#listeners = new AbortController();
+		const { signal } = this.#listeners;
+		const key = this.dataset.storageKey;
+		if (!key) return;
+		const desktop = matchMedia("(min-width: 50rem)");
+		const groups = this.querySelectorAll("details[data-sidebar-group]");
+		const scroller = this.closest("#cookbook__sidebar");
+		let saved = {};
+		try {
+			const value = JSON.parse(sessionStorage.getItem(key) || "{}");
+			if (value && typeof value === "object" && !Array.isArray(value)) saved = Object.fromEntries(Object.entries(value).filter(([, open]) => typeof open === "boolean"));
+		} catch {}
+		for (const group of groups) {
+			const savedOpen = saved[group.dataset.sidebarGroup];
+			if (group.querySelector(":scope > ul [aria-current=\"page\"]")) group.open = true;
+			else if (typeof savedOpen === "boolean") group.open = savedOpen;
+		}
+		try {
+			if (scroller && desktop.matches) {
+				const scroll = Number(sessionStorage.getItem(`${key}:scroll`));
+				if (Number.isFinite(scroll) && scroll >= 0) scroller.scrollTop = scroll;
+			}
+		} catch {}
+		for (const group of groups) {
+			const summary = group.querySelector(":scope > summary");
+			const link = summary?.querySelector("a[data-cookbook-group-link]");
+			let previousOpen = group.open;
+			const syncExpanded = () => link?.setAttribute("aria-expanded", String(group.open));
+			const saveOpen = () => {
+				previousOpen = group.open;
+				saved[group.dataset.sidebarGroup] = group.open;
+				try {
+					sessionStorage.setItem(key, JSON.stringify(saved));
+				} catch {}
+			};
+			syncExpanded();
+			window.addEventListener("pageshow", (event) => {
+				if (!event.persisted || !group.querySelector(":scope > ul [aria-current=\"page\"]")) return;
+				previousOpen = true;
+				group.open = true;
+				syncExpanded();
+			}, { signal });
+			if (link && summary) {
+				summary.addEventListener("click", (event) => {
+					if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+					if (!(event.target instanceof Node) || !link.contains(event.target)) {
+						event.preventDefault();
+						link.click();
+						return;
+					}
+					const current = link.getAttribute("aria-current") === "page";
+					group.open = current ? !group.open : true;
+					syncExpanded();
+					saveOpen();
+					if (current) event.preventDefault();
+				}, { signal });
+				link.addEventListener("keydown", (event) => {
+					if (event.key === " " && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey) {
+						event.preventDefault();
+						if (!event.repeat) link.click();
+					}
+				}, { signal });
+			}
+			group.addEventListener("toggle", () => {
+				syncExpanded();
+				if (group.open === previousOpen) return;
+				saveOpen();
+			}, { signal });
+		}
+		scroller?.addEventListener("scroll", () => {
+			if (!desktop.matches) return;
+			try {
+				sessionStorage.setItem(`${key}:scroll`, String(scroller.scrollTop));
+			} catch {}
+		}, {
+			passive: true,
+			signal
+		});
+	}
+	disconnectedCallback() {
+		this.#listeners?.abort();
+	}
+};
+if (!customElements.get("cookbook-sidebar")) customElements.define("cookbook-sidebar", CookbookSidebar);
+//#endregion
+export {};
+
+//# sourceMappingURL=sidebar.js.map

package/dist/client/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../src/client/sidebar.ts"],"sourcesContent":["export {};\n\nclass CookbookSidebar extends HTMLElement {\n  #listeners: AbortController | undefined;\n\n  connectedCallback() {\n    this.#listeners?.abort();\n    this.#listeners = new AbortController();\n    const { signal } = this.#listeners;\n    const key = this.dataset.storageKey;\n    if (!key) return;\n    const desktop = matchMedia(\"(min-width: 50rem)\");\n    const groups = this.querySelectorAll<HTMLDetailsElement>(\n      \"details[data-sidebar-group]\",\n    );\n    const scroller = this.closest<HTMLElement>(\"#cookbook__sidebar\");\n    let saved: Record<string, boolean> = {};\n    try {\n      const value: unknown = JSON.parse(sessionStorage.getItem(key) || \"{}\");\n      if (value && typeof value === \"object\" && !Array.isArray(value)) {\n        saved = Object.fromEntries(\n          Object.entries(value).filter(([, open]) => typeof open === \"boolean\"),\n        );\n      }\n    } catch {\n      // Native disclosures still work when session storage is unavailable.\n    }\n    for (const group of groups) {\n      const savedOpen = saved[group.dataset.sidebarGroup!];\n      // Always reveal the current page, even if its branch was closed before.\n      if (group.querySelector(':scope > ul [aria-current=\"page\"]'))\n        group.open = true;\n      else if (typeof savedOpen === \"boolean\") group.open = savedOpen;\n    }\n    try {\n      if (scroller && desktop.matches) {\n        const scroll = Number(sessionStorage.getItem(`${key}:scroll`));\n        if (Number.isFinite(scroll) && scroll >= 0) scroller.scrollTop = scroll;\n      }\n    } catch {\n      // Native disclosures still work when session storage is unavailable.\n    }\n    for (const group of groups) {\n      const summary = group.querySelector<HTMLElement>(\":scope > summary\");\n      const link = summary?.querySelector<HTMLAnchorElement>(\n        \"a[data-cookbook-group-link]\",\n      );\n      let previousOpen = group.open;\n      const syncExpanded = () =>\n        link?.setAttribute(\"aria-expanded\", String(group.open));\n      const saveOpen = () => {\n        previousOpen = group.open;\n        saved[group.dataset.sidebarGroup!] = group.open;\n        try {\n          sessionStorage.setItem(key, JSON.stringify(saved));\n        } catch {\n          // Remembering expansion is optional.\n        }\n      };\n      syncExpanded();\n      window.addEventListener(\n        \"pageshow\",\n        (event) => {\n          if (\n            !event.persisted ||\n            !group.querySelector(':scope > ul [aria-current=\"page\"]')\n          )\n            return;\n          // Back/Forward may restore the old DOM without reconnecting this\n          // element. Reveal its current page without changing saved choices.\n          previousOpen = true;\n          group.open = true;\n          syncExpanded();\n        },\n        { signal },\n      );\n      if (link && summary) {\n        summary.addEventListener(\n          \"click\",\n          (event) => {\n            if (\n              event.defaultPrevented ||\n              event.button !== 0 ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.altKey\n            )\n              return;\n            // The entire row follows the link, including the summary's edges.\n            if (\n              !(event.target instanceof Node) ||\n              !link.contains(event.target)\n            ) {\n              event.preventDefault();\n              link.click();\n              return;\n            }\n            const current = link.getAttribute(\"aria-current\") === \"page\";\n            group.open = current ? !group.open : true;\n            syncExpanded();\n            // Persist before navigation: the native toggle event is queued and\n            // may never run before the browser unloads this document.\n            saveOpen();\n            if (current) event.preventDefault();\n          },\n          { signal },\n        );\n        link.addEventListener(\n          \"keydown\",\n          (event) => {\n            if (\n              event.key === \" \" &&\n              !event.metaKey &&\n              !event.ctrlKey &&\n              !event.altKey &&\n              !event.shiftKey\n            ) {\n              event.preventDefault();\n              if (!event.repeat) link.click();\n            }\n          },\n          { signal },\n        );\n      }\n      group.addEventListener(\n        \"toggle\",\n        () => {\n          syncExpanded();\n          // Ignore queued events caused by parsing or restoring the markup.\n          if (group.open === previousOpen) return;\n          saveOpen();\n        },\n        { signal },\n      );\n    }\n    scroller?.addEventListener(\n      \"scroll\",\n      () => {\n        if (!desktop.matches) return;\n        try {\n          sessionStorage.setItem(`${key}:scroll`, String(scroller.scrollTop));\n        } catch {\n          // Scroll restoration is optional too.\n        }\n      },\n      { passive: true, signal },\n    );\n  }\n\n  disconnectedCallback() {\n    this.#listeners?.abort();\n  }\n}\nif (!customElements.get(\"cookbook-sidebar\")) {\n  customElements.define(\"cookbook-sidebar\", CookbookSidebar);\n}\n"],"mappings":"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"}

package/dist/client/tabs.d.ts

@@ -0,0 +1,6 @@
+//#region src/client/tabs.d.ts
+/** Enhance progressively: every panel remains readable when JavaScript is disabled. */
+declare function initializeTabs(): void;
+//#endregion
+export { initializeTabs };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/client/tabs.d.ts.map

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

package/dist/client/tabs.js

@@ -0,0 +1,64 @@
+//#region src/client/tabs.ts
+let nextId = 0;
+/** Enhance progressively: every panel remains readable when JavaScript is disabled. */
+function initializeTabs() {
+	for (const root of document.querySelectorAll("[data-cookbook-tabs]")) {
+		if (root.dataset.tabsReady) continue;
+		const list = root.querySelector(":scope > [data-tabs-list]");
+		const panels = [...root.querySelectorAll(":scope > [data-tab-panel]")];
+		if (!list || panels.length === 0) continue;
+		root.dataset.tabsReady = "true";
+		let prefix;
+		do
+			prefix = `cookbook-tabs-${++nextId}`;
+		while (document.getElementById(`${prefix}-tab-0`));
+		list.setAttribute("role", "tablist");
+		list.setAttribute("aria-label", root.getAttribute("aria-label") ?? "Examples");
+		const buttons = panels.map((panel, index) => {
+			const button = document.createElement("button");
+			button.type = "button";
+			button.id = `${prefix}-tab-${index}`;
+			button.textContent = panel.dataset.label ?? `Tab ${index + 1}`;
+			button.setAttribute("role", "tab");
+			panel.id = `${prefix}-panel-${index}`;
+			panel.setAttribute("role", "tabpanel");
+			panel.setAttribute("aria-labelledby", button.id);
+			panel.tabIndex = 0;
+			button.setAttribute("aria-controls", panel.id);
+			const heading = panel.querySelector(":scope > [data-tab-heading]");
+			if (heading) heading.hidden = true;
+			list.append(button);
+			return button;
+		});
+		const activate = (index, focus = false) => {
+			for (const [position, button] of buttons.entries()) {
+				const selected = position === index;
+				button.setAttribute("aria-selected", String(selected));
+				button.tabIndex = selected ? 0 : -1;
+				panels[position].hidden = !selected;
+			}
+			if (focus) buttons[index]?.focus();
+		};
+		buttons.forEach((button, index) => {
+			button.addEventListener("click", () => activate(index));
+			button.addEventListener("keydown", (event) => {
+				const rtl = getComputedStyle(root).direction === "rtl";
+				const forward = rtl ? "ArrowLeft" : "ArrowRight";
+				const backward = rtl ? "ArrowRight" : "ArrowLeft";
+				let target;
+				if (event.key === forward) target = (index + 1) % buttons.length;
+				else if (event.key === backward) target = (index + buttons.length - 1) % buttons.length;
+				else if (event.key === "Home") target = 0;
+				else if (event.key === "End") target = buttons.length - 1;
+				else return;
+				event.preventDefault();
+				activate(target, true);
+			});
+		});
+		activate(0);
+	}
+}
+//#endregion
+export { initializeTabs };
+
+//# sourceMappingURL=tabs.js.map

package/dist/client/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/client/tabs.ts"],"sourcesContent":["let nextId = 0;\n\n/** Enhance progressively: every panel remains readable when JavaScript is disabled. */\nexport function initializeTabs(): void {\n  for (const root of document.querySelectorAll<HTMLElement>(\n    \"[data-cookbook-tabs]\",\n  )) {\n    if (root.dataset.tabsReady) continue;\n    const list = root.querySelector<HTMLElement>(\":scope > [data-tabs-list]\");\n    const panels = [\n      ...root.querySelectorAll<HTMLElement>(\":scope > [data-tab-panel]\"),\n    ];\n    if (!list || panels.length === 0) continue;\n    root.dataset.tabsReady = \"true\";\n    let prefix: string;\n    do {\n      prefix = `cookbook-tabs-${++nextId}`;\n    } while (document.getElementById(`${prefix}-tab-0`));\n    list.setAttribute(\"role\", \"tablist\");\n    list.setAttribute(\n      \"aria-label\",\n      root.getAttribute(\"aria-label\") ?? \"Examples\",\n    );\n    const buttons = panels.map((panel, index) => {\n      const button = document.createElement(\"button\");\n      button.type = \"button\";\n      button.id = `${prefix}-tab-${index}`;\n      button.textContent = panel.dataset.label ?? `Tab ${index + 1}`;\n      button.setAttribute(\"role\", \"tab\");\n      panel.id = `${prefix}-panel-${index}`;\n      panel.setAttribute(\"role\", \"tabpanel\");\n      panel.setAttribute(\"aria-labelledby\", button.id);\n      panel.tabIndex = 0;\n      button.setAttribute(\"aria-controls\", panel.id);\n      const heading = panel.querySelector<HTMLElement>(\n        \":scope > [data-tab-heading]\",\n      );\n      if (heading) heading.hidden = true;\n      list.append(button);\n      return button;\n    });\n    const activate = (index: number, focus = false) => {\n      for (const [position, button] of buttons.entries()) {\n        const selected = position === index;\n        button.setAttribute(\"aria-selected\", String(selected));\n        button.tabIndex = selected ? 0 : -1;\n        panels[position]!.hidden = !selected;\n      }\n      if (focus) buttons[index]?.focus();\n    };\n    buttons.forEach((button, index) => {\n      button.addEventListener(\"click\", () => activate(index));\n      button.addEventListener(\"keydown\", (event) => {\n        const rtl = getComputedStyle(root).direction === \"rtl\";\n        const forward = rtl ? \"ArrowLeft\" : \"ArrowRight\";\n        const backward = rtl ? \"ArrowRight\" : \"ArrowLeft\";\n        let target: number;\n        if (event.key === forward) target = (index + 1) % buttons.length;\n        else if (event.key === backward)\n          target = (index + buttons.length - 1) % buttons.length;\n        else if (event.key === \"Home\") target = 0;\n        else if (event.key === \"End\") target = buttons.length - 1;\n        else return;\n        event.preventDefault();\n        activate(target, true);\n      });\n    });\n    activate(0);\n  }\n}\n"],"mappings":";AAAA,IAAI,SAAS;;AAGb,SAAgB,iBAAuB;CACrC,KAAK,MAAM,QAAQ,SAAS,iBAC1B,sBACF,GAAG;EACD,IAAI,KAAK,QAAQ,WAAW;EAC5B,MAAM,OAAO,KAAK,cAA2B,2BAA2B;EACxE,MAAM,SAAS,CACb,GAAG,KAAK,iBAA8B,2BAA2B,CACnE;EACA,IAAI,CAAC,QAAQ,OAAO,WAAW,GAAG;EAClC,KAAK,QAAQ,YAAY;EACzB,IAAI;EACJ;GACE,SAAS,iBAAiB,EAAE;SACrB,SAAS,eAAe,GAAG,OAAO,OAAO;EAClD,KAAK,aAAa,QAAQ,SAAS;EACnC,KAAK,aACH,cACA,KAAK,aAAa,YAAY,KAAK,UACrC;EACA,MAAM,UAAU,OAAO,KAAK,OAAO,UAAU;GAC3C,MAAM,SAAS,SAAS,cAAc,QAAQ;GAC9C,OAAO,OAAO;GACd,OAAO,KAAK,GAAG,OAAO,OAAO;GAC7B,OAAO,cAAc,MAAM,QAAQ,SAAS,OAAO,QAAQ;GAC3D,OAAO,aAAa,QAAQ,KAAK;GACjC,MAAM,KAAK,GAAG,OAAO,SAAS;GAC9B,MAAM,aAAa,QAAQ,UAAU;GACrC,MAAM,aAAa,mBAAmB,OAAO,EAAE;GAC/C,MAAM,WAAW;GACjB,OAAO,aAAa,iBAAiB,MAAM,EAAE;GAC7C,MAAM,UAAU,MAAM,cACpB,6BACF;GACA,IAAI,SAAS,QAAQ,SAAS;GAC9B,KAAK,OAAO,MAAM;GAClB,OAAO;EACT,CAAC;EACD,MAAM,YAAY,OAAe,QAAQ,UAAU;GACjD,KAAK,MAAM,CAAC,UAAU,WAAW,QAAQ,QAAQ,GAAG;IAClD,MAAM,WAAW,aAAa;IAC9B,OAAO,aAAa,iBAAiB,OAAO,QAAQ,CAAC;IACrD,OAAO,WAAW,WAAW,IAAI;IACjC,OAAO,SAAS,CAAE,SAAS,CAAC;GAC9B;GACA,IAAI,OAAO,QAAQ,MAAM,EAAE,MAAM;EACnC;EACA,QAAQ,SAAS,QAAQ,UAAU;GACjC,OAAO,iBAAiB,eAAe,SAAS,KAAK,CAAC;GACtD,OAAO,iBAAiB,YAAY,UAAU;IAC5C,MAAM,MAAM,iBAAiB,IAAI,CAAC,CAAC,cAAc;IACjD,MAAM,UAAU,MAAM,cAAc;IACpC,MAAM,WAAW,MAAM,eAAe;IACtC,IAAI;IACJ,IAAI,MAAM,QAAQ,SAAS,UAAU,QAAQ,KAAK,QAAQ;SACrD,IAAI,MAAM,QAAQ,UACrB,UAAU,QAAQ,QAAQ,SAAS,KAAK,QAAQ;SAC7C,IAAI,MAAM,QAAQ,QAAQ,SAAS;SACnC,IAAI,MAAM,QAAQ,OAAO,SAAS,QAAQ,SAAS;SACnD;IACL,MAAM,eAAe;IACrB,SAAS,QAAQ,IAAI;GACvB,CAAC;EACH,CAAC;EACD,SAAS,CAAC;CACZ;AACF"}

package/dist/components/Callout.astro

@@ -0,0 +1,15 @@
+---
+import { CalloutRoot } from "./TastyComponents.js";
+import type { CalloutProps as Props } from "./props.js";
+const {
+  kind = "note",
+  title = { note: "Note", tip: "Tip", caution: "Caution", danger: "Danger" }[
+    kind
+  ],
+} = Astro.props;
+---
+
+<CalloutRoot data-kind={kind} aria-label={title}>
+  <CalloutRoot.Title>{title}</CalloutRoot.Title>
+  <CalloutRoot.Body><slot /></CalloutRoot.Body>
+</CalloutRoot>

package/dist/components/Card.astro

@@ -0,0 +1,13 @@
+---
+import { CardLink, CardRoot } from "./TastyComponents.js";
+
+import type { CardProps as Props } from "./props.js";
+
+const { title, href } = Astro.props;
+const Root = href ? CardLink : CardRoot;
+---
+
+<Root className="td-card" href={href} data-tasty-anatomy="Card">
+  {title && <h3 data-tasty-anatomy="CardTitle">{title}</h3>}
+  <div data-tasty-anatomy="CardBody"><slot /></div>
+</Root>

package/dist/components/CodeGroup.astro

@@ -0,0 +1,47 @@
+---
+import { Code } from "astro:components";
+import Tabs from "./Tabs.astro";
+import Tab from "./Tab.astro";
+import { CodeGroupRoot } from "./TastyComponents.js";
+import { codeGroupHighlighting } from "../theme/shiki-theme.js";
+import type { CodeGroupProps as Props } from "./props.js";
+const { label = "Code examples", items } = Astro.props;
+const highlight = codeGroupHighlighting();
+---
+
+<CodeGroupRoot data-tasty-anatomy="CodeGroup">
+  <Tabs label={label}>
+    {
+      items.map((item) => (
+        <Tab label={item.label}>
+          {item.language && (
+            <CodeGroupRoot.Caption>{item.language}</CodeGroupRoot.Caption>
+          )}
+          <cookbook-code-block
+            class="td-code-block"
+            data-tasty-anatomy="MarkdownCodeBlock"
+          >
+            <Code
+              code={item.code}
+              lang={item.language ?? "text"}
+              theme={highlight.theme}
+              transformers={highlight.transformers}
+              embeddedLangs={highlight.langs}
+            />
+            <button
+              type="button"
+              data-copy-code
+              aria-label="Copy code"
+              title="Copy code"
+            >
+              <span data-copy-icon aria-hidden="true" />
+            </button>
+          </cookbook-code-block>
+        </Tab>
+      ))
+    }
+  </Tabs>
+</CodeGroupRoot>
+<script>
+  import "../client/code-copy.js";
+</script>

package/dist/components/ContrastIcon.astro

@@ -0,0 +1,29 @@
+---
+interface Props {
+  level: "normal" | "more";
+}
+
+const { level } = Astro.props;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-hidden="true"
+  focusable="false"
+>
+  <circle
+    cx="12"
+    cy="12"
+    r="8"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"></circle>
+  {
+    level === "more" ? (
+      <path d="M12 4a8 8 0 0 0 0 16Z" fill="currentColor" />
+    ) : (
+      <path d="M12 4v16" fill="none" stroke="currentColor" stroke-width="2" />
+    )
+  }
+</svg>

package/dist/components/EditLink.astro

@@ -0,0 +1,11 @@
+---
+const { editUrl } = Astro.locals.cookbookRoute;
+---
+
+{
+  editUrl && (
+    <a href={editUrl} class="cookbook-print-hidden">
+      {Astro.locals.t("page.editLink")}
+    </a>
+  )
+}