@tenphi/starlight 0.1.0 → 0.5.0

package/README.md

@@ -1,4 +1,4 @@
 # @tenphi/starlight
 
-The supported Astro/Starlight renderer for Tasty Docs. The default export is a
+The supported Astro/Starlight renderer for Cookbook. The default export is a
 complete Astro integration; consumers do not compose Starlight themselves.

package/dist/client/appearance.js

@@ -1,5 +1,5 @@
 //#region src/client/appearance.ts
-const STORAGE_KEY = "tasty-docs-appearance";
+const STORAGE_KEY = "cookbook-appearance";
 const themes = /* @__PURE__ */ new Set([
 	"light",
 	"dark",

package/dist/client/appearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"appearance.js","names":[],"sources":["../../src/client/appearance.ts"],"sourcesContent":["const STORAGE_KEY = \"tasty-docs-appearance\";\n\ntype Theme = \"light\" | \"dark\" | \"system\";\ntype Contrast = \"normal\" | \"more\" | \"system\";\ntype Appearance = { theme?: Theme; contrast?: Contrast };\n\nconst themes = new Set([\"light\", \"dark\", \"system\"]);\nconst contrasts = new Set([\"normal\", \"more\", \"system\"]);\n\nexport function applyAppearance(value: Appearance): void {\n  const root = document.documentElement;\n  if (value.theme && value.theme !== \"system\") root.dataset.theme = value.theme;\n  else delete root.dataset.theme;\n  if (value.contrast && value.contrast !== \"system\")\n    root.dataset.contrast = value.contrast;\n  else delete root.dataset.contrast;\n}\n\nexport function saveAppearance(value: Appearance): void {\n  localStorage.setItem(STORAGE_KEY, JSON.stringify(value));\n  applyAppearance(value);\n}\n\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) applyAppearance(normalizeAppearance(JSON.parse(stored)));\n} catch {\n  // Storage may be unavailable; CSS media queries remain the fallback.\n}\n\nconst theme = document.querySelector<HTMLSelectElement>(\"[data-docs-theme]\");\nconst contrast = document.querySelector<HTMLSelectElement>(\n  \"[data-docs-contrast]\",\n);\nlet current: Appearance = { theme: \"system\", contrast: \"system\" };\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) current = normalizeAppearance(JSON.parse(stored));\n} catch {\n  // The controls retain system defaults when storage is unavailable.\n}\nif (theme) theme.value = current.theme ?? \"system\";\nif (contrast) contrast.value = current.contrast ?? \"system\";\nconst update = () => {\n  current = {\n    theme: normalizeTheme(theme?.value),\n    contrast: normalizeContrast(contrast?.value),\n  };\n  saveAppearance(current);\n};\ntheme?.addEventListener(\"change\", update);\ncontrast?.addEventListener(\"change\", update);\n\nfunction normalizeAppearance(value: unknown): Appearance {\n  if (!value || typeof value !== \"object\") return {};\n  const record = value as Record<string, unknown>;\n  return {\n    theme: normalizeTheme(record.theme),\n    contrast: normalizeContrast(record.contrast),\n  };\n}\n\nfunction normalizeTheme(value: unknown): Theme {\n  return typeof value === \"string\" && themes.has(value)\n    ? (value as Theme)\n    : \"system\";\n}\n\nfunction normalizeContrast(value: unknown): Contrast {\n  return typeof value === \"string\" && contrasts.has(value)\n    ? (value as Contrast)\n    : \"system\";\n}\n"],"mappings":";AAAA,MAAM,cAAc;AAMpB,MAAM,yBAAS,IAAI,IAAI;CAAC;CAAS;CAAQ;AAAQ,CAAC;AAClD,MAAM,4BAAY,IAAI,IAAI;CAAC;CAAU;CAAQ;AAAQ,CAAC;AAEtD,SAAgB,gBAAgB,OAAyB;CACvD,MAAM,OAAO,SAAS;CACtB,IAAI,MAAM,SAAS,MAAM,UAAU,UAAU,KAAK,QAAQ,QAAQ,MAAM;MACnE,OAAO,KAAK,QAAQ;CACzB,IAAI,MAAM,YAAY,MAAM,aAAa,UACvC,KAAK,QAAQ,WAAW,MAAM;MAC3B,OAAO,KAAK,QAAQ;AAC3B;AAEA,SAAgB,eAAe,OAAyB;CACtD,aAAa,QAAQ,aAAa,KAAK,UAAU,KAAK,CAAC;CACvD,gBAAgB,KAAK;AACvB;AAEA,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,gBAAgB,oBAAoB,KAAK,MAAM,MAAM,CAAC,CAAC;AACrE,QAAQ,CAER;AAEA,MAAM,QAAQ,SAAS,cAAiC,mBAAmB;AAC3E,MAAM,WAAW,SAAS,cACxB,sBACF;AACA,IAAI,UAAsB;CAAE,OAAO;CAAU,UAAU;AAAS;AAChE,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,UAAU,oBAAoB,KAAK,MAAM,MAAM,CAAC;AAC9D,QAAQ,CAER;AACA,IAAI,OAAO,MAAM,QAAQ,QAAQ,SAAS;AAC1C,IAAI,UAAU,SAAS,QAAQ,QAAQ,YAAY;AACnD,MAAM,eAAe;CACnB,UAAU;EACR,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,UAAU,KAAK;CAC7C;CACA,eAAe,OAAO;AACxB;AACA,OAAO,iBAAiB,UAAU,MAAM;AACxC,UAAU,iBAAiB,UAAU,MAAM;AAE3C,SAAS,oBAAoB,OAA4B;CACvD,IAAI,CAAC,SAAS,OAAO,UAAU,UAAU,OAAO,CAAC;CACjD,MAAM,SAAS;CACf,OAAO;EACL,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,OAAO,QAAQ;CAC7C;AACF;AAEA,SAAS,eAAe,OAAuB;CAC7C,OAAO,OAAO,UAAU,YAAY,OAAO,IAAI,KAAK,IAC/C,QACD;AACN;AAEA,SAAS,kBAAkB,OAA0B;CACnD,OAAO,OAAO,UAAU,YAAY,UAAU,IAAI,KAAK,IAClD,QACD;AACN"}
+{"version":3,"file":"appearance.js","names":[],"sources":["../../src/client/appearance.ts"],"sourcesContent":["const STORAGE_KEY = \"cookbook-appearance\";\n\ntype Theme = \"light\" | \"dark\" | \"system\";\ntype Contrast = \"normal\" | \"more\" | \"system\";\ntype Appearance = { theme?: Theme; contrast?: Contrast };\n\nconst themes = new Set([\"light\", \"dark\", \"system\"]);\nconst contrasts = new Set([\"normal\", \"more\", \"system\"]);\n\nexport function applyAppearance(value: Appearance): void {\n  const root = document.documentElement;\n  if (value.theme && value.theme !== \"system\") root.dataset.theme = value.theme;\n  else delete root.dataset.theme;\n  if (value.contrast && value.contrast !== \"system\")\n    root.dataset.contrast = value.contrast;\n  else delete root.dataset.contrast;\n}\n\nexport function saveAppearance(value: Appearance): void {\n  localStorage.setItem(STORAGE_KEY, JSON.stringify(value));\n  applyAppearance(value);\n}\n\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) applyAppearance(normalizeAppearance(JSON.parse(stored)));\n} catch {\n  // Storage may be unavailable; CSS media queries remain the fallback.\n}\n\nconst theme = document.querySelector<HTMLSelectElement>(\"[data-docs-theme]\");\nconst contrast = document.querySelector<HTMLSelectElement>(\n  \"[data-docs-contrast]\",\n);\nlet current: Appearance = { theme: \"system\", contrast: \"system\" };\ntry {\n  const stored = localStorage.getItem(STORAGE_KEY);\n  if (stored) current = normalizeAppearance(JSON.parse(stored));\n} catch {\n  // The controls retain system defaults when storage is unavailable.\n}\nif (theme) theme.value = current.theme ?? \"system\";\nif (contrast) contrast.value = current.contrast ?? \"system\";\nconst update = () => {\n  current = {\n    theme: normalizeTheme(theme?.value),\n    contrast: normalizeContrast(contrast?.value),\n  };\n  saveAppearance(current);\n};\ntheme?.addEventListener(\"change\", update);\ncontrast?.addEventListener(\"change\", update);\n\nfunction normalizeAppearance(value: unknown): Appearance {\n  if (!value || typeof value !== \"object\") return {};\n  const record = value as Record<string, unknown>;\n  return {\n    theme: normalizeTheme(record.theme),\n    contrast: normalizeContrast(record.contrast),\n  };\n}\n\nfunction normalizeTheme(value: unknown): Theme {\n  return typeof value === \"string\" && themes.has(value)\n    ? (value as Theme)\n    : \"system\";\n}\n\nfunction normalizeContrast(value: unknown): Contrast {\n  return typeof value === \"string\" && contrasts.has(value)\n    ? (value as Contrast)\n    : \"system\";\n}\n"],"mappings":";AAAA,MAAM,cAAc;AAMpB,MAAM,yBAAS,IAAI,IAAI;CAAC;CAAS;CAAQ;AAAQ,CAAC;AAClD,MAAM,4BAAY,IAAI,IAAI;CAAC;CAAU;CAAQ;AAAQ,CAAC;AAEtD,SAAgB,gBAAgB,OAAyB;CACvD,MAAM,OAAO,SAAS;CACtB,IAAI,MAAM,SAAS,MAAM,UAAU,UAAU,KAAK,QAAQ,QAAQ,MAAM;MACnE,OAAO,KAAK,QAAQ;CACzB,IAAI,MAAM,YAAY,MAAM,aAAa,UACvC,KAAK,QAAQ,WAAW,MAAM;MAC3B,OAAO,KAAK,QAAQ;AAC3B;AAEA,SAAgB,eAAe,OAAyB;CACtD,aAAa,QAAQ,aAAa,KAAK,UAAU,KAAK,CAAC;CACvD,gBAAgB,KAAK;AACvB;AAEA,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,gBAAgB,oBAAoB,KAAK,MAAM,MAAM,CAAC,CAAC;AACrE,QAAQ,CAER;AAEA,MAAM,QAAQ,SAAS,cAAiC,mBAAmB;AAC3E,MAAM,WAAW,SAAS,cACxB,sBACF;AACA,IAAI,UAAsB;CAAE,OAAO;CAAU,UAAU;AAAS;AAChE,IAAI;CACF,MAAM,SAAS,aAAa,QAAQ,WAAW;CAC/C,IAAI,QAAQ,UAAU,oBAAoB,KAAK,MAAM,MAAM,CAAC;AAC9D,QAAQ,CAER;AACA,IAAI,OAAO,MAAM,QAAQ,QAAQ,SAAS;AAC1C,IAAI,UAAU,SAAS,QAAQ,QAAQ,YAAY;AACnD,MAAM,eAAe;CACnB,UAAU;EACR,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,UAAU,KAAK;CAC7C;CACA,eAAe,OAAO;AACxB;AACA,OAAO,iBAAiB,UAAU,MAAM;AACxC,UAAU,iBAAiB,UAAU,MAAM;AAE3C,SAAS,oBAAoB,OAA4B;CACvD,IAAI,CAAC,SAAS,OAAO,UAAU,UAAU,OAAO,CAAC;CACjD,MAAM,SAAS;CACf,OAAO;EACL,OAAO,eAAe,OAAO,KAAK;EAClC,UAAU,kBAAkB,OAAO,QAAQ;CAC7C;AACF;AAEA,SAAS,eAAe,OAAuB;CAC7C,OAAO,OAAO,UAAU,YAAY,OAAO,IAAI,KAAK,IAC/C,QACD;AACN;AAEA,SAAS,kBAAkB,OAA0B;CACnD,OAAO,OAAO,UAAU,YAAY,UAAU,IAAI,KAAK,IAClD,QACD;AACN"}

package/dist/client/search.js

@@ -6,10 +6,23 @@ const status = document.querySelector("[data-docs-search-status]");
 const results = document.querySelector("[data-docs-search-results]");
 const base = document.querySelector("[data-docs-base]")?.dataset.docsBase ?? "/";
 const basePath = base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`;
-open?.addEventListener("click", () => {
+const openDialog = () => {
 	dialog?.showModal();
 	input?.focus();
+};
+open?.addEventListener("click", openDialog);
+window.addEventListener("keydown", (event) => {
+	if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+		if (dialog?.open) dialog.close();
+		else openDialog();
+		event.preventDefault();
+	}
 });
+const shortcutKey = document.querySelector("[data-docs-search-shortcut]")?.querySelector("kbd");
+if (shortcutKey && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+	shortcutKey.textContent = "⌘";
+	open?.setAttribute("aria-keyshortcuts", "Meta+K");
+}
 let pagefind;
 input?.addEventListener("input", async () => {
 	const query = input.value.trim();

package/dist/client/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","names":[],"sources":["../../src/client/search.ts"],"sourcesContent":["export {};\n\nconst open = document.querySelector<HTMLButtonElement>(\n  \"[data-docs-search-open]\",\n);\nconst dialog = document.querySelector<HTMLDialogElement>(\"[data-docs-search]\");\nconst input = document.querySelector<HTMLInputElement>(\n  \"[data-docs-search-input]\",\n);\nconst status = document.querySelector<HTMLElement>(\"[data-docs-search-status]\");\nconst results = document.querySelector<HTMLUListElement>(\n  \"[data-docs-search-results]\",\n);\nconst base =\n  document.querySelector<HTMLElement>(\"[data-docs-base]\")?.dataset.docsBase ??\n  \"/\";\nconst basePath = base === \"/\" ? \"\" : `/${base.replace(/^\\/+|\\/+$/g, \"\")}`;\n\nopen?.addEventListener(\"click\", () => {\n  dialog?.showModal();\n  input?.focus();\n});\n\ntype Pagefind = {\n  search(query: string): Promise<{\n    results: Array<{\n      data(): Promise<{ url: string; meta: { title?: string } }>;\n    }>;\n  }>;\n};\nlet pagefind: Promise<Pagefind> | undefined;\ninput?.addEventListener(\"input\", async () => {\n  const query = input.value.trim();\n  if (!status || !results) return;\n  if (!query) {\n    status.textContent = \"\";\n    results.replaceChildren();\n    return;\n  }\n  status.textContent = \"Searching…\";\n  const modulePath = `${basePath}/pagefind/pagefind.js`;\n  pagefind ??= import(/* @vite-ignore */ modulePath);\n  const response = await (await pagefind).search(query);\n  const records = await Promise.all(\n    response.results.slice(0, 12).map((result) => result.data()),\n  );\n  results.replaceChildren(\n    ...records.map((record) => {\n      const item = document.createElement(\"li\");\n      const link = document.createElement(\"a\");\n      link.href = `${basePath}${record.url}`;\n      link.textContent = record.meta.title ?? record.url;\n      item.append(link);\n      return item;\n    }),\n  );\n  status.textContent = `${records.length} result${records.length === 1 ? \"\" : \"s\"}`;\n});\n"],"mappings":";AAEA,MAAM,OAAO,SAAS,cACpB,yBACF;AACA,MAAM,SAAS,SAAS,cAAiC,oBAAoB;AAC7E,MAAM,QAAQ,SAAS,cACrB,0BACF;AACA,MAAM,SAAS,SAAS,cAA2B,2BAA2B;AAC9E,MAAM,UAAU,SAAS,cACvB,4BACF;AACA,MAAM,OACJ,SAAS,cAA2B,kBAAkB,CAAC,EAAE,QAAQ,YACjE;AACF,MAAM,WAAW,SAAS,MAAM,KAAK,IAAI,KAAK,QAAQ,cAAc,EAAE;AAEtE,MAAM,iBAAiB,eAAe;CACpC,QAAQ,UAAU;CAClB,OAAO,MAAM;AACf,CAAC;AASD,IAAI;AACJ,OAAO,iBAAiB,SAAS,YAAY;CAC3C,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,CAAC,UAAU,CAAC,SAAS;CACzB,IAAI,CAAC,OAAO;EACV,OAAO,cAAc;EACrB,QAAQ,gBAAgB;EACxB;CACF;CACA,OAAO,cAAc;CACrB,MAAM,aAAa,GAAG,SAAS;CAC/B,aAAa;;EAA0B;;CACvC,MAAM,WAAW,OAAO,MAAM,SAAA,CAAU,OAAO,KAAK;CACpD,MAAM,UAAU,MAAM,QAAQ,IAC5B,SAAS,QAAQ,MAAM,GAAG,EAAE,CAAC,CAAC,KAAK,WAAW,OAAO,KAAK,CAAC,CAC7D;CACA,QAAQ,gBACN,GAAG,QAAQ,KAAK,WAAW;EACzB,MAAM,OAAO,SAAS,cAAc,IAAI;EACxC,MAAM,OAAO,SAAS,cAAc,GAAG;EACvC,KAAK,OAAO,GAAG,WAAW,OAAO;EACjC,KAAK,cAAc,OAAO,KAAK,SAAS,OAAO;EAC/C,KAAK,OAAO,IAAI;EAChB,OAAO;CACT,CAAC,CACH;CACA,OAAO,cAAc,GAAG,QAAQ,OAAO,SAAS,QAAQ,WAAW,IAAI,KAAK;AAC9E,CAAC"}
+{"version":3,"file":"search.js","names":[],"sources":["../../src/client/search.ts"],"sourcesContent":["export {};\n\nconst open = document.querySelector<HTMLButtonElement>(\n  \"[data-docs-search-open]\",\n);\nconst dialog = document.querySelector<HTMLDialogElement>(\"[data-docs-search]\");\nconst input = document.querySelector<HTMLInputElement>(\n  \"[data-docs-search-input]\",\n);\nconst status = document.querySelector<HTMLElement>(\"[data-docs-search-status]\");\nconst results = document.querySelector<HTMLUListElement>(\n  \"[data-docs-search-results]\",\n);\nconst base =\n  document.querySelector<HTMLElement>(\"[data-docs-base]\")?.dataset.docsBase ??\n  \"/\";\nconst basePath = base === \"/\" ? \"\" : `/${base.replace(/^\\/+|\\/+$/g, \"\")}`;\n\nconst openDialog = () => {\n  dialog?.showModal();\n  input?.focus();\n};\n\nopen?.addEventListener(\"click\", openDialog);\n\nwindow.addEventListener(\"keydown\", (event) => {\n  if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"k\") {\n    if (dialog?.open) dialog.close();\n    else openDialog();\n    event.preventDefault();\n  }\n});\n\nconst shortcut = document.querySelector<HTMLElement>(\n  \"[data-docs-search-shortcut]\",\n);\nconst shortcutKey = shortcut?.querySelector(\"kbd\");\nif (shortcutKey && /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {\n  shortcutKey.textContent = \"⌘\";\n  open?.setAttribute(\"aria-keyshortcuts\", \"Meta+K\");\n}\n\ntype Pagefind = {\n  search(query: string): Promise<{\n    results: Array<{\n      data(): Promise<{ url: string; meta: { title?: string } }>;\n    }>;\n  }>;\n};\nlet pagefind: Promise<Pagefind> | undefined;\ninput?.addEventListener(\"input\", async () => {\n  const query = input.value.trim();\n  if (!status || !results) return;\n  if (!query) {\n    status.textContent = \"\";\n    results.replaceChildren();\n    return;\n  }\n  status.textContent = \"Searching…\";\n  const modulePath = `${basePath}/pagefind/pagefind.js`;\n  pagefind ??= import(/* @vite-ignore */ modulePath);\n  const response = await (await pagefind).search(query);\n  const records = await Promise.all(\n    response.results.slice(0, 12).map((result) => result.data()),\n  );\n  results.replaceChildren(\n    ...records.map((record) => {\n      const item = document.createElement(\"li\");\n      const link = document.createElement(\"a\");\n      link.href = `${basePath}${record.url}`;\n      link.textContent = record.meta.title ?? record.url;\n      item.append(link);\n      return item;\n    }),\n  );\n  status.textContent = `${records.length} result${records.length === 1 ? \"\" : \"s\"}`;\n});\n"],"mappings":";AAEA,MAAM,OAAO,SAAS,cACpB,yBACF;AACA,MAAM,SAAS,SAAS,cAAiC,oBAAoB;AAC7E,MAAM,QAAQ,SAAS,cACrB,0BACF;AACA,MAAM,SAAS,SAAS,cAA2B,2BAA2B;AAC9E,MAAM,UAAU,SAAS,cACvB,4BACF;AACA,MAAM,OACJ,SAAS,cAA2B,kBAAkB,CAAC,EAAE,QAAQ,YACjE;AACF,MAAM,WAAW,SAAS,MAAM,KAAK,IAAI,KAAK,QAAQ,cAAc,EAAE;AAEtE,MAAM,mBAAmB;CACvB,QAAQ,UAAU;CAClB,OAAO,MAAM;AACf;AAEA,MAAM,iBAAiB,SAAS,UAAU;AAE1C,OAAO,iBAAiB,YAAY,UAAU;CAC5C,KAAK,MAAM,WAAW,MAAM,YAAY,MAAM,IAAI,YAAY,MAAM,KAAK;EACvE,IAAI,QAAQ,MAAM,OAAO,MAAM;OAC1B,WAAW;EAChB,MAAM,eAAe;CACvB;AACF,CAAC;AAKD,MAAM,cAHW,SAAS,cACxB,6BAEyB,CAAC,EAAE,cAAc,KAAK;AACjD,IAAI,eAAe,0BAA0B,KAAK,UAAU,QAAQ,GAAG;CACrE,YAAY,cAAc;CAC1B,MAAM,aAAa,qBAAqB,QAAQ;AAClD;AASA,IAAI;AACJ,OAAO,iBAAiB,SAAS,YAAY;CAC3C,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,CAAC,UAAU,CAAC,SAAS;CACzB,IAAI,CAAC,OAAO;EACV,OAAO,cAAc;EACrB,QAAQ,gBAAgB;EACxB;CACF;CACA,OAAO,cAAc;CACrB,MAAM,aAAa,GAAG,SAAS;CAC/B,aAAa;;EAA0B;;CACvC,MAAM,WAAW,OAAO,MAAM,SAAA,CAAU,OAAO,KAAK;CACpD,MAAM,UAAU,MAAM,QAAQ,IAC5B,SAAS,QAAQ,MAAM,GAAG,EAAE,CAAC,CAAC,KAAK,WAAW,OAAO,KAAK,CAAC,CAC7D;CACA,QAAQ,gBACN,GAAG,QAAQ,KAAK,WAAW;EACzB,MAAM,OAAO,SAAS,cAAc,IAAI;EACxC,MAAM,OAAO,SAAS,cAAc,GAAG;EACvC,KAAK,OAAO,GAAG,WAAW,OAAO;EACjC,KAAK,cAAc,OAAO,KAAK,SAAS,OAAO;EAC/C,KAAK,OAAO,IAAI;EAChB,OAAO;CACT,CAAC,CACH;CACA,OAAO,cAAc,GAAG,QAAQ,OAAO,SAAS,QAAQ,WAAW,IAAI,KAAK;AAC9E,CAAC"}

package/dist/components/MobileNavigationTabs.astro

@@ -0,0 +1,40 @@
+---
+import { layout } from "virtual:cookbook/layout";
+import { activeNavigationTab, navigationPath } from "../navigation.js";
+
+interface Props {
+  base?: string;
+  currentPath: string;
+}
+
+const { base = "/", currentPath } = Astro.props;
+const basePath = base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`;
+const activeTab = activeNavigationTab(
+  layout.tabs,
+  navigationPath(currentPath, basePath || "/"),
+);
+
+function tabHref(link: string): string {
+  return link.startsWith("/") ? `${basePath}${link}` || "/" : link;
+}
+---
+
+{
+  layout.tabs.length > 0 && (
+    <nav class="td-mobile-tabs print:hidden" aria-label="Sections">
+      <span class="td-mobile-tabs__label">Sections</span>
+      <ul>
+        {layout.tabs.map((tab, index) => (
+          <li>
+            <a
+              href={tabHref(tab.link)}
+              aria-current={index === activeTab ? "page" : undefined}
+            >
+              {tab.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  )
+}

package/dist/components/NavigationTree.astro

@@ -0,0 +1,98 @@
+---
+import type { DocsRoute, NavigationItem } from "@tenphi/docs";
+import { normalizeNavigationPath } from "../navigation.js";
+
+interface Props {
+  items: NavigationItem[];
+  routes: DocsRoute[];
+  current: string;
+  base: string;
+  nested?: boolean;
+}
+
+const { items, routes, current, base, nested = false } = Astro.props;
+const routeTitle = new Map(routes.map((route) => [route.route, route.title]));
+const withBase = (route: string) =>
+  route.startsWith("/")
+    ? `${base === "/" ? "" : `/${base.replace(/^\/+|\/+$/g, "")}`}${route}` ||
+      "/"
+    : route;
+const labelFor = (route: string) =>
+  routeTitle.get(normalizeNavigationPath(route)) ??
+  normalizeNavigationPath(route).split("/").filter(Boolean).at(-1) ??
+  "Home";
+const isCurrent = (route: string) =>
+  route.startsWith("/") && normalizeNavigationPath(route) === current;
+const generatedItems = (directory: string): NavigationItem[] => {
+  const root = normalizeNavigationPath(directory);
+  return routes
+    .filter(
+      (route) =>
+        root === "/" ||
+        route.route === root ||
+        route.route.startsWith(`${root}/`),
+    )
+    .map((route) => route.route);
+};
+---
+
+<ul class:list={{ "td-shell__nav-root": !nested }}>
+  {
+    items.map((item) => {
+      if (typeof item === "string") {
+        return (
+          <li>
+            <a
+              href={withBase(item)}
+              aria-current={isCurrent(item) ? "page" : undefined}
+            >
+              {labelFor(item)}
+            </a>
+          </li>
+        );
+      }
+      if ("items" in item) {
+        return (
+          <li>
+            <details open>
+              <summary>{item.label}</summary>
+              <Astro.self
+                items={item.items}
+                routes={routes}
+                current={current}
+                base={base}
+                nested
+              />
+            </details>
+          </li>
+        );
+      }
+      if ("autogenerate" in item) {
+        return (
+          <li>
+            <details open>
+              <summary>{item.label}</summary>
+              <Astro.self
+                items={generatedItems(item.autogenerate.directory)}
+                routes={routes}
+                current={current}
+                base={base}
+                nested
+              />
+            </details>
+          </li>
+        );
+      }
+      return (
+        <li>
+          <a
+            href={withBase(item.link)}
+            aria-current={isCurrent(item.link) ? "page" : undefined}
+          >
+            {item.label}
+          </a>
+        </li>
+      );
+    })
+  }
+</ul>

package/dist/icons/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m5 12 6 6"/><path d="m5 12 6-6"/></svg>

package/dist/icons/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m13 18 6-6"/><path d="m13 6 6 6"/></svg>

package/dist/icons/chevron-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>

package/dist/icons/chevron-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></svg>

package/dist/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg>

package/dist/icons/contrast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0-18 0M12 3v18"/></svg>

package/dist/icons/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z"/><path d="M4.012 16.737A2.005 2.005 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1"/></svg>

package/dist/icons/device-desktop.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM7 20h10M9 16v4M15 16v4"/></svg>

package/dist/icons/menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h16"/></svg>

package/dist/icons/moon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z"/></svg>

package/dist/icons/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0"/><path d="m21 21-6-6"/></svg>

package/dist/icons/sun.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12a4 4 0 1 0 8 0 4 4 0 1 0-8 0M3 12h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7-.7.7m0 11.4.7.7m-12.1-.7-.7.7"/></svg>

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { t as createStarlightCollection } from "./content-B9C0vXAq.js";
-import { DocsConfig, DocsDiagnostic, ThemeConfig } from "@tenphi/docs";
+import { DocsConfig, DocsDiagnostic, ThemeConfig, ThemeTokens, TypographyPreset } from "@tenphi/docs";
 import { AstroIntegration } from "astro";
 //#region src/starlight-runtime.d.ts
 interface StarlightOptions {
@@ -13,11 +13,11 @@ interface StarlightOptions {
 declare function starlight(options: StarlightOptions): AstroIntegration;
 //#endregion
 //#region src/integration.d.ts
-interface TastyDocsOptions {
+interface CookbookOptions {
   config?: DocsConfig;
   root?: string;
 }
-declare function tastyDocs(options?: TastyDocsOptions): AstroIntegration;
+declare function cookbook(options?: CookbookOptions): AstroIntegration;
 declare function tastyStarlight(config: Parameters<typeof starlight>[0]): AstroIntegration;
 //#endregion
 //#region src/theme/index.d.ts
@@ -25,11 +25,17 @@ interface ResolvedDocsTheme {
   css: string;
   colors: {
     surface: Record<string, string>;
+    surface2: Record<string, string>;
+    surface3: Record<string, string>;
+    text: Record<string, string>;
+    textSoft: Record<string, string>;
     accentText: Record<string, string>;
     accentSurface: Record<string, string>;
     accentSurfaceText: Record<string, string>;
     focus: Record<string, string>;
   };
+  tokens: ThemeTokens;
+  presets: Record<string, TypographyPreset>;
   contrast: {
     light: number;
     dark: number;
@@ -40,5 +46,20 @@ interface ResolvedDocsTheme {
 }
 declare function resolveDocsTheme(theme?: ThemeConfig): ResolvedDocsTheme;
 //#endregion
-export { type ResolvedDocsTheme, type TastyDocsOptions, createStarlightCollection, tastyDocs as default, resolveDocsTheme, tastyStarlight };
+//#region src/theme/defaults.d.ts
+declare const DEFAULT_THEME_TOKENS: {
+  $gap: string;
+  $radius: string;
+  "$card-radius": string;
+  "$border-width": string;
+  "$outline-width": string;
+  "$outline-offset": string;
+  "$layout-width": string;
+  "$content-width": string;
+  "$sidebar-width": string;
+  "$control-height": string;
+};
+declare const DEFAULT_TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
+//#endregion
+export { type CookbookOptions, DEFAULT_THEME_TOKENS, DEFAULT_TYPOGRAPHY_PRESETS, type ResolvedDocsTheme, createStarlightCollection, cookbook as default, resolveDocsTheme, tastyStarlight };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/starlight-runtime.d.ts","../src/integration.ts","../src/theme/index.ts"],"mappings":";;;;UAEiB;EACf;EACA;EACA;EACA,mBAAmB;EACnB;GACC;;iBAGqB,UAAU,SAAS,mBAAmB;;;UCU7C;EACf,SAAS;EACT;;iBAGsB,UACtB,UAAS,mBACR;iBAkNa,eACd,QAAQ,kBAAkB,gBACzB;;;UCrOc;EACf;EACA;IACE,SAAS;IACT,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,OAAO;;EAET;IACE;IACA;IACA;IACA;;EAEF,aAAa;;iBAGC,iBAAiB,QAAO,cAAmB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/starlight-runtime.d.ts","../src/integration.ts","../src/theme/index.ts","../src/theme/defaults.ts"],"mappings":";;;;UAEiB;EACf;EACA;EACA;EACA,mBAAmB;EACnB;GACC;;iBAGqB,UAAU,SAAS,mBAAmB;;;UCqB7C;EACf,SAAS;EACT;;iBAGsB,SACtB,UAAS,kBACR;iBAsZa,eACd,QAAQ,kBAAkB,gBACzB;;;UC7ac;EACf;EACA;IACE,SAAS;IACT,UAAU;IACV,UAAU;IACV,MAAM;IACN,UAAU;IACV,YAAY;IACZ,eAAe;IACf,mBAAmB;IACnB,OAAO;;EAET,QAAQ;EACR,SAAS,eAAe;EACxB;IACE;IACA;IACA;IACA;;EAEF,aAAa;;iBAGC,iBAAiB,QAAO,cAAmB;;;cCpC9C;;;;;;;;;;;;cAkBA,4BAA4B,eAAe"}