@usetheo/ui 0.13.2 → 0.14.0

package/dist/slide/plugins/mermaid/index.js

@@ -1,218 +0,0 @@
-import { useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var SVG_TAG_NAMES = [
-  "div",
-  // Custom element used to bridge into our React renderer (mapped via components).
-  "theo-mermaid",
-  // root + grouping
-  "svg",
-  "g",
-  "defs",
-  "use",
-  "symbol",
-  "marker",
-  "pattern",
-  "mask",
-  "clipPath",
-  // shapes
-  "path",
-  "rect",
-  "circle",
-  "ellipse",
-  "line",
-  "polyline",
-  "polygon",
-  // text
-  "text",
-  "tspan",
-  "textPath",
-  "title",
-  "desc",
-  // gradients + filters (used by some flowchart themes)
-  "linearGradient",
-  "radialGradient",
-  "stop",
-  "filter",
-  "feGaussianBlur",
-  "feOffset",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feMerge",
-  "feMergeNode",
-  "feFlood",
-  // foreign content (HTML labels)
-  "foreignObject",
-  "span",
-  "br"
-];
-var SVG_ATTRIBUTES = {
-  "*": [
-    "id",
-    "className",
-    "style",
-    "transform",
-    "fill",
-    "stroke",
-    "strokeWidth",
-    "strokeDasharray",
-    "strokeLinecap",
-    "strokeLinejoin",
-    "opacity",
-    "fillOpacity",
-    "strokeOpacity",
-    "ariaLabel",
-    "ariaHidden",
-    "role"
-  ],
-  svg: ["xmlns", "viewBox", "width", "height", "preserveAspectRatio", "xmlnsXlink", "version"],
-  path: ["d", "markerEnd", "markerStart", "markerMid"],
-  rect: ["x", "y", "width", "height", "rx", "ry"],
-  circle: ["cx", "cy", "r"],
-  ellipse: ["cx", "cy", "rx", "ry"],
-  line: ["x1", "y1", "x2", "y2"],
-  polyline: ["points"],
-  polygon: ["points"],
-  text: [
-    "x",
-    "y",
-    "dx",
-    "dy",
-    "textAnchor",
-    "dominantBaseline",
-    "fontSize",
-    "fontFamily",
-    "fontWeight"
-  ],
-  tspan: ["x", "y", "dx", "dy"],
-  textPath: ["xlinkHref", "href", "startOffset"],
-  marker: ["markerUnits", "markerWidth", "markerHeight", "refX", "refY", "orient", "viewBox"],
-  use: ["xlinkHref", "href", "x", "y", "width", "height"],
-  linearGradient: ["x1", "y1", "x2", "y2", "gradientUnits"],
-  radialGradient: ["cx", "cy", "r", "fx", "fy", "gradientUnits"],
-  stop: ["offset", "stopColor", "stopOpacity"],
-  foreignObject: ["x", "y", "width", "height"],
-  div: ["data-state", "data-theo-mermaid-source", "className"],
-  "theo-mermaid": ["source"]
-};
-var MermaidDiagram = ({ source, theme }) => {
-  const [svg, setSvg] = useState(null);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    setSvg(null);
-    setError(null);
-    (async () => {
-      try {
-        const mermaid = (await import('mermaid')).default;
-        if (cancelled) return;
-        mermaid.initialize({ startOnLoad: false, theme: theme ?? "default" });
-        const id = `theo-mmd-${Math.random().toString(36).slice(2, 10)}`;
-        const result = await mermaid.render(id, source);
-        if (!cancelled) {
-          setSvg(result.svg);
-        }
-      } catch (e) {
-        if (cancelled) return;
-        const msg = e instanceof Error ? e.message : String(e);
-        const moduleNotFound = msg.includes("Cannot find module") || msg.includes("Could not resolve") || msg.includes("Failed to fetch") || msg.includes("Failed to resolve module") || msg.includes("ERR_MODULE_NOT_FOUND");
-        if (moduleNotFound) {
-          setError("Mermaid not installed. Run: pnpm add mermaid");
-        } else {
-          setError(`Mermaid render failed: ${msg}`);
-        }
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [source, theme]);
-  if (error) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "mermaid-diagram",
-        "data-theo-slide-mermaid": true,
-        "data-state": "error",
-        role: "img",
-        "aria-label": error,
-        className: "theo-slide-mermaid-host",
-        children: /* @__PURE__ */ jsx("pre", { style: { fontSize: "0.8em", opacity: 0.7, whiteSpace: "pre-wrap" }, children: source })
-      }
-    );
-  }
-  if (svg) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-theo-slide-mermaid": true,
-        "data-state": "ready",
-        role: "img",
-        "aria-label": "Mermaid diagram",
-        className: "theo-slide-mermaid-host",
-        dangerouslySetInnerHTML: { __html: svg }
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-theo-slide-mermaid": true,
-      "data-state": "loading",
-      role: "img",
-      "aria-label": "Mermaid diagram",
-      className: "theo-slide-mermaid-host",
-      children: /* @__PURE__ */ jsx("pre", { style: { fontSize: "0.7em", opacity: 0.4, whiteSpace: "pre-wrap" }, children: source })
-    }
-  );
-};
-function mermaidPlugin(opts = {}) {
-  return {
-    name: "mermaid",
-    sanitizeSchemaExtension: {
-      tagNames: SVG_TAG_NAMES,
-      attributes: SVG_ATTRIBUTES
-    },
-    components: {
-      // The hastTransform below replaces mermaid <pre> with a `<div>` carrying
-      // `data-theo-mermaid-source`. We can't override `div` globally — instead,
-      // we use a custom tagName `theo-mermaid` that the React renderer maps.
-      "theo-mermaid": ((props) => /* @__PURE__ */ jsx(MermaidDiagram, { source: props.source ?? "", theme: opts.theme }))
-    },
-    async hastTransform(tree) {
-      let visit;
-      try {
-        visit = (await import('unist-util-visit')).visit;
-      } catch (e) {
-        throw new Error(`[slide/plugins/mermaid] peer-dep 'unist-util-visit' missing: ${e}`);
-      }
-      visit(
-        tree,
-        "element",
-        (node, _idx, parent) => {
-          if (node.tagName !== "code") return;
-          const className = node.properties?.className ?? [];
-          if (!className.includes("language-mermaid")) return;
-          if (!parent || parent.tagName !== "pre") return;
-          const codeNode = node.children?.[0];
-          const source = codeNode && codeNode.type === "text" ? codeNode.value : "";
-          Object.assign(parent, {
-            type: "element",
-            tagName: "theo-mermaid",
-            // Note: `source` is passed as a non-standard property; the React
-            // component picks it up. We avoid `data-*` attributes here so we
-            // don't have to whitelist them in sanitize.
-            properties: { source },
-            children: []
-          });
-        }
-      );
-      return tree;
-    }
-  };
-}
-
-export { MermaidDiagram, mermaidPlugin };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/slide/plugins/mermaid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/primitives/slide/plugins/mermaid/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["\"use client\";\n\nimport type { Element, Root as HastRoot } from \"hast\";\n/**\n * Slide rich-content plugin — Mermaid diagrams.\n *\n * Peer-dep: `mermaid` (optional, ~370 KB raw — lazy + opt-in mandatory).\n * Render is client-only because Mermaid measures DOM nodes during layout;\n * SSR / static render emits a labelled placeholder + source-code fallback.\n *\n * Pipeline contribution (D11 of the rich-content plan):\n *   - `hastTransform`: detect `<pre><code class=\"language-mermaid\">…</code></pre>`\n *     and replace with `<div class=\"theo-slide-mermaid-host\" data-theo-mermaid-source=\"…\">`.\n *   - `components.div`: when div has `data-theo-mermaid-source`, render the\n *     `<MermaidDiagram>` React component that lazy-imports `mermaid` and\n *     injects the SVG via `dangerouslySetInnerHTML` after `mermaid.render()`.\n *\n * EC-4: complete SVG tag + attribute allow-list (~30 tags) so the rendered SVG\n * survives sanitize. Critical: without these, sanitize strips the SVG entirely.\n *\n * EC-10: SSR placeholder is distinguishable from a render error. Error path\n * surfaces the Mermaid source code in a `<pre>` so consumers can debug + the\n * print path still shows the code (PDF cannot run dynamic Mermaid).\n */\nimport { type FC, useEffect, useState } from \"react\";\nimport type { SlidePlugin } from \"../../plugin.js\";\n\n// EC-4: comprehensive SVG tag list (mermaid 11.x output across diagram types).\nconst SVG_TAG_NAMES = [\n  \"div\",\n  // Custom element used to bridge into our React renderer (mapped via components).\n  \"theo-mermaid\",\n  // root + grouping\n  \"svg\",\n  \"g\",\n  \"defs\",\n  \"use\",\n  \"symbol\",\n  \"marker\",\n  \"pattern\",\n  \"mask\",\n  \"clipPath\",\n  // shapes\n  \"path\",\n  \"rect\",\n  \"circle\",\n  \"ellipse\",\n  \"line\",\n  \"polyline\",\n  \"polygon\",\n  // text\n  \"text\",\n  \"tspan\",\n  \"textPath\",\n  \"title\",\n  \"desc\",\n  // gradients + filters (used by some flowchart themes)\n  \"linearGradient\",\n  \"radialGradient\",\n  \"stop\",\n  \"filter\",\n  \"feGaussianBlur\",\n  \"feOffset\",\n  \"feColorMatrix\",\n  \"feComponentTransfer\",\n  \"feComposite\",\n  \"feMerge\",\n  \"feMergeNode\",\n  \"feFlood\",\n  // foreign content (HTML labels)\n  \"foreignObject\",\n  \"span\",\n  \"br\",\n];\n\nconst SVG_ATTRIBUTES: Record<string, string[]> = {\n  \"*\": [\n    \"id\",\n    \"className\",\n    \"style\",\n    \"transform\",\n    \"fill\",\n    \"stroke\",\n    \"strokeWidth\",\n    \"strokeDasharray\",\n    \"strokeLinecap\",\n    \"strokeLinejoin\",\n    \"opacity\",\n    \"fillOpacity\",\n    \"strokeOpacity\",\n    \"ariaLabel\",\n    \"ariaHidden\",\n    \"role\",\n  ],\n  svg: [\"xmlns\", \"viewBox\", \"width\", \"height\", \"preserveAspectRatio\", \"xmlnsXlink\", \"version\"],\n  path: [\"d\", \"markerEnd\", \"markerStart\", \"markerMid\"],\n  rect: [\"x\", \"y\", \"width\", \"height\", \"rx\", \"ry\"],\n  circle: [\"cx\", \"cy\", \"r\"],\n  ellipse: [\"cx\", \"cy\", \"rx\", \"ry\"],\n  line: [\"x1\", \"y1\", \"x2\", \"y2\"],\n  polyline: [\"points\"],\n  polygon: [\"points\"],\n  text: [\n    \"x\",\n    \"y\",\n    \"dx\",\n    \"dy\",\n    \"textAnchor\",\n    \"dominantBaseline\",\n    \"fontSize\",\n    \"fontFamily\",\n    \"fontWeight\",\n  ],\n  tspan: [\"x\", \"y\", \"dx\", \"dy\"],\n  textPath: [\"xlinkHref\", \"href\", \"startOffset\"],\n  marker: [\"markerUnits\", \"markerWidth\", \"markerHeight\", \"refX\", \"refY\", \"orient\", \"viewBox\"],\n  use: [\"xlinkHref\", \"href\", \"x\", \"y\", \"width\", \"height\"],\n  linearGradient: [\"x1\", \"y1\", \"x2\", \"y2\", \"gradientUnits\"],\n  radialGradient: [\"cx\", \"cy\", \"r\", \"fx\", \"fy\", \"gradientUnits\"],\n  stop: [\"offset\", \"stopColor\", \"stopOpacity\"],\n  foreignObject: [\"x\", \"y\", \"width\", \"height\"],\n  div: [\"data-state\", \"data-theo-mermaid-source\", \"className\"],\n  \"theo-mermaid\": [\"source\"],\n};\n\nexport interface MermaidPluginOptions {\n  /** Mermaid theme name. Defaults to `\"default\"`. */\n  theme?: \"default\" | \"forest\" | \"dark\" | \"neutral\" | \"base\";\n}\n\n/**\n * React component that renders Mermaid lazily on mount.\n *\n * SSR / pre-load: renders the source as `<pre>` + `role=\"img\"` for a11y.\n * Client: lazy-loads `mermaid`, calls `mermaid.render()`, then injects the\n *         resulting SVG via `dangerouslySetInnerHTML` so React owns the DOM\n *         subtree (avoids reconciliation crashes when state flips back to the\n *         placeholder — `ref.innerHTML` would mutate under React's feet).\n *\n * The Mermaid output is a TRUSTED string from the `mermaid` lib itself (not\n * user-controlled markup) — the user-supplied source is the DSL, not raw HTML.\n * Using dangerouslySetInnerHTML here is a controlled escape hatch.\n *\n * Peer-dep guard: if `import(\"mermaid\")` fails, falls back to the same\n * pre-formatted source view + an `aria-label` hint (EC-10).\n */\nexport const MermaidDiagram: FC<{ source: string; theme?: string }> = ({ source, theme }) => {\n  const [svg, setSvg] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    // Reset state when source/theme changes so the placeholder shows again\n    // while the new diagram renders.\n    setSvg(null);\n    setError(null);\n    (async () => {\n      try {\n        // biome-ignore lint/suspicious/noExplicitAny: mermaid default export untyped\n        const mermaid: any = (await import(\"mermaid\")).default;\n        if (cancelled) return;\n        mermaid.initialize({ startOnLoad: false, theme: theme ?? \"default\" });\n        const id = `theo-mmd-${Math.random().toString(36).slice(2, 10)}`;\n        const result = await mermaid.render(id, source);\n        if (!cancelled) {\n          setSvg(result.svg);\n        }\n      } catch (e) {\n        if (cancelled) return;\n        const msg = e instanceof Error ? e.message : String(e);\n        // Recognize the various module-resolution failure messages emitted by\n        // Node, Vite, Rollup, Webpack, Vitest, and browser dynamic-import.\n        const moduleNotFound =\n          msg.includes(\"Cannot find module\") ||\n          msg.includes(\"Could not resolve\") ||\n          msg.includes(\"Failed to fetch\") ||\n          msg.includes(\"Failed to resolve module\") ||\n          msg.includes(\"ERR_MODULE_NOT_FOUND\");\n        if (moduleNotFound) {\n          setError(\"Mermaid not installed. Run: pnpm add mermaid\");\n        } else {\n          setError(`Mermaid render failed: ${msg}`);\n        }\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [source, theme]);\n\n  if (error) {\n    return (\n      <div\n        data-slot=\"mermaid-diagram\"\n        data-theo-slide-mermaid\n        data-state=\"error\"\n        role=\"img\"\n        aria-label={error}\n        className=\"theo-slide-mermaid-host\"\n      >\n        <pre style={{ fontSize: \"0.8em\", opacity: 0.7, whiteSpace: \"pre-wrap\" }}>{source}</pre>\n      </div>\n    );\n  }\n  if (svg) {\n    // SVG is React-owned via dangerouslySetInnerHTML so the next state change\n    // (e.g. new `source` prop → back to placeholder) can unmount cleanly.\n    return (\n      <div\n        data-theo-slide-mermaid\n        data-state=\"ready\"\n        role=\"img\"\n        aria-label=\"Mermaid diagram\"\n        className=\"theo-slide-mermaid-host\"\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: mermaid.render() output is trusted (lib-generated SVG, not user markup)\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    );\n  }\n  return (\n    <div\n      data-theo-slide-mermaid\n      data-state=\"loading\"\n      role=\"img\"\n      aria-label=\"Mermaid diagram\"\n      className=\"theo-slide-mermaid-host\"\n    >\n      <pre style={{ fontSize: \"0.7em\", opacity: 0.4, whiteSpace: \"pre-wrap\" }}>{source}</pre>\n    </div>\n  );\n};\n\nexport function mermaidPlugin(opts: MermaidPluginOptions = {}): SlidePlugin {\n  return {\n    name: \"mermaid\",\n    sanitizeSchemaExtension: {\n      tagNames: SVG_TAG_NAMES,\n      attributes: SVG_ATTRIBUTES,\n    },\n    components: {\n      // The hastTransform below replaces mermaid <pre> with a `<div>` carrying\n      // `data-theo-mermaid-source`. We can't override `div` globally — instead,\n      // we use a custom tagName `theo-mermaid` that the React renderer maps.\n      \"theo-mermaid\": ((props: { source?: string }) => (\n        <MermaidDiagram source={props.source ?? \"\"} theme={opts.theme} />\n      )) as FC<unknown>,\n    },\n    async hastTransform(tree: HastRoot): Promise<HastRoot> {\n      // unist-util-visit is a peer-dep of the slide stack — should always be\n      // present. Guard anyway per EC-2.\n      // biome-ignore lint/suspicious/noExplicitAny: unist-util-visit untyped at runtime\n      let visit: any;\n      try {\n        visit = (await import(\"unist-util-visit\")).visit;\n      } catch (e) {\n        throw new Error(`[slide/plugins/mermaid] peer-dep 'unist-util-visit' missing: ${e}`);\n      }\n      visit(\n        tree,\n        \"element\",\n        (\n          node: Element,\n          _idx: number | undefined,\n          parent: { tagName?: string; type?: string; children?: unknown[] } | undefined,\n        ) => {\n          if (node.tagName !== \"code\") return;\n          const className = (node.properties?.className as string[] | undefined) ?? [];\n          if (!className.includes(\"language-mermaid\")) return;\n          if (!parent || parent.tagName !== \"pre\") return;\n          const codeNode = node.children?.[0];\n          const source = codeNode && codeNode.type === \"text\" ? codeNode.value : \"\";\n          // Replace the entire <pre> with our custom element. hast-util-to-jsx-runtime\n          // maps element tagName to a React component if found in `components` map.\n          Object.assign(parent, {\n            type: \"element\",\n            tagName: \"theo-mermaid\",\n            // Note: `source` is passed as a non-standard property; the React\n            // component picks it up. We avoid `data-*` attributes here so we\n            // don't have to whitelist them in sanitize.\n            properties: { source },\n            children: [],\n          });\n        },\n      );\n      return tree;\n    },\n  };\n}\n"]}

package/dist/slide/plugins/shiki/index.js

@@ -1,87 +0,0 @@
-// src/components/primitives/slide/plugins/shiki/index.ts
-var DEFAULT_LANGS = [
-  "ts",
-  "tsx",
-  "js",
-  "jsx",
-  "python",
-  "go",
-  "rust",
-  "java",
-  "json",
-  "yaml",
-  "bash",
-  "shell",
-  "html",
-  "css",
-  "sql",
-  "markdown"
-];
-function shikiPlugin(opts = {}) {
-  const themes = opts.themes ?? { light: "github-light", dark: "github-dark" };
-  const langs = opts.langs ?? DEFAULT_LANGS;
-  let highlighter = null;
-  let peerDepMissing = false;
-  async function getHighlighter() {
-    if (highlighter) return highlighter;
-    if (peerDepMissing) return null;
-    try {
-      const shiki = await import('shiki');
-      highlighter = await shiki.createHighlighter({
-        themes: [themes.light, themes.dark],
-        langs
-      });
-      return highlighter;
-    } catch (e) {
-      peerDepMissing = true;
-      throw new Error(
-        `[slide/plugins/shiki] peer-dep 'shiki' not installed or failed to load. Run: pnpm add shiki. Original: ${e instanceof Error ? e.message : String(e)}`
-      );
-    }
-  }
-  return {
-    name: "shiki",
-    sanitizeSchemaExtension: {
-      tagNames: ["span", "pre", "code"],
-      // Shiki emits inline `style` and `class` on tokens; "*" applies to every tag.
-      attributes: {
-        "*": ["style", "className"],
-        pre: ["style", "className", "tabIndex"],
-        code: ["style", "className"],
-        span: ["style", "className"]
-      }
-    },
-    async hastTransform(tree) {
-      const hl = await getHighlighter();
-      if (!hl) return tree;
-      const { visit } = await import('unist-util-visit');
-      const { fromHtml } = await import('hast-util-from-html');
-      visit(tree, "element", (node, _idx, parent) => {
-        if (node.tagName !== "code") return;
-        const className = node.properties?.className ?? [];
-        const langClass = className.find((c) => c.startsWith("language-"));
-        if (!langClass) return;
-        const lang = langClass.replace("language-", "");
-        if (!langs.includes(lang)) return;
-        const first = node.children?.[0];
-        const codeText = first && first.type === "text" ? first.value : "";
-        let html;
-        try {
-          html = hl.codeToHtml(codeText, { lang, themes });
-        } catch {
-          return;
-        }
-        const newTree = fromHtml(html, { fragment: true });
-        const top = newTree.children[0];
-        if (parent?.tagName === "pre" && parent.children?.length === 1 && top) {
-          Object.assign(parent, top);
-        }
-      });
-      return tree;
-    }
-  };
-}
-
-export { shikiPlugin };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/slide/plugins/shiki/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/primitives/slide/plugins/shiki/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Slide rich-content plugin — Shiki syntax highlighting.\n *\n * Lazy + opt-in (ADR D9, D13 of the rich-content plan). Peer-dep `shiki` is\n * declared optional in `package.json`; the plugin guards every dynamic import\n * so a missing peer-dep is reported (D16) rather than crashing the slide.\n *\n * Pipeline contribution:\n *   - `hastTransform`: walks `<pre><code class=\"language-XXX\">` nodes, replaces\n *     them with the pre-rendered `<pre><code>` tree emitted by Shiki.\n *   - `sanitizeSchemaExtension`: allows `<span>` with `style` and `class`\n *     (Shiki emits inline styles for tokens).\n *\n * Performance:\n *   - Highlighter is created lazily on first use and cached.\n *   - Grammars listed in `langs` are pre-loaded once; unknown langs pass-through\n *     as plain `<pre><code>` (defaultSchema allows that).\n *\n * @example\n *   import { shikiPlugin } from \"@theokit/ui/slide/plugins/shiki\";\n *   import \"shiki\";  // installed as peer-dep\n *   <Slide markdown={md} plugins={[shikiPlugin({ langs: [\"ts\",\"python\"] })]} />\n */\nimport type { Element, Root as HastRoot } from \"hast\";\nimport type { SlidePlugin } from \"../../plugin.js\";\n\nexport interface ShikiPluginOptions {\n  /** Dual-theme map — light/dark Shiki theme names. Defaults to `github-light` / `github-dark`. */\n  themes?: { light: string; dark: string };\n  /** Languages to pre-load. Unknown languages pass-through. Defaults to a tech-stack baseline. */\n  langs?: string[];\n}\n\nconst DEFAULT_LANGS = [\n  \"ts\",\n  \"tsx\",\n  \"js\",\n  \"jsx\",\n  \"python\",\n  \"go\",\n  \"rust\",\n  \"java\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"html\",\n  \"css\",\n  \"sql\",\n  \"markdown\",\n];\n\nexport function shikiPlugin(opts: ShikiPluginOptions = {}): SlidePlugin {\n  const themes = opts.themes ?? { light: \"github-light\", dark: \"github-dark\" };\n  const langs = opts.langs ?? DEFAULT_LANGS;\n  // biome-ignore lint/suspicious/noExplicitAny: shiki has no exported type for `Highlighter` at the top level\n  let highlighter: any = null;\n  let peerDepMissing = false;\n\n  // biome-ignore lint/suspicious/noExplicitAny: shiki Highlighter is untyped here\n  async function getHighlighter(): Promise<any> {\n    if (highlighter) return highlighter;\n    if (peerDepMissing) return null;\n    try {\n      const shiki = await import(\"shiki\");\n      highlighter = await shiki.createHighlighter({\n        themes: [themes.light, themes.dark],\n        langs,\n      });\n      return highlighter;\n    } catch (e) {\n      peerDepMissing = true;\n      // Surface via D16 path (composePlugins catches → PLUGIN_ERROR).\n      throw new Error(\n        `[slide/plugins/shiki] peer-dep 'shiki' not installed or failed to load. Run: pnpm add shiki. Original: ${e instanceof Error ? e.message : String(e)}`,\n      );\n    }\n  }\n\n  return {\n    name: \"shiki\",\n    sanitizeSchemaExtension: {\n      tagNames: [\"span\", \"pre\", \"code\"],\n      // Shiki emits inline `style` and `class` on tokens; \"*\" applies to every tag.\n      attributes: {\n        \"*\": [\"style\", \"className\"],\n        pre: [\"style\", \"className\", \"tabIndex\"],\n        code: [\"style\", \"className\"],\n        span: [\"style\", \"className\"],\n      },\n    },\n    async hastTransform(tree: HastRoot): Promise<HastRoot> {\n      const hl = await getHighlighter();\n      if (!hl) return tree; // peer-dep missing AND we've already reported it once\n      const { visit } = await import(\"unist-util-visit\");\n      const { fromHtml } = await import(\"hast-util-from-html\");\n      // Walk: find <code class=\"language-XXX\">, replace its parent <pre> subtree\n      // with the highlighted output (which is also a <pre><code>...</code></pre>).\n      // biome-ignore lint/suspicious/noExplicitAny: hast unist-util-visit untyped here\n      visit(tree, \"element\", (node: Element, _idx: number | undefined, parent: any) => {\n        if (node.tagName !== \"code\") return;\n        const className = (node.properties?.className as string[] | undefined) ?? [];\n        const langClass = className.find((c) => c.startsWith(\"language-\"));\n        if (!langClass) return;\n        const lang = langClass.replace(\"language-\", \"\");\n        if (!langs.includes(lang)) return;\n        const first = node.children?.[0];\n        const codeText = first && first.type === \"text\" ? first.value : \"\";\n        let html: string;\n        try {\n          html = hl.codeToHtml(codeText, { lang, themes });\n        } catch {\n          // Shiki failed on this snippet (e.g. malformed input). Leave the plain\n          // <pre><code> in place — the consumer still gets readable text.\n          return;\n        }\n        const newTree = fromHtml(html, { fragment: true });\n        const top = newTree.children[0];\n        if (parent?.tagName === \"pre\" && parent.children?.length === 1 && top) {\n          Object.assign(parent, top);\n        }\n      });\n      return tree;\n    },\n  };\n}\n"]}

package/dist/slide/themes/default.css

@@ -1,256 +0,0 @@
-/*
- * Slide primitive — `default` theme.
- *
- * Inherit-first design (mirrors the Whiteboard SVG using `currentColor`):
- * the slide's foreground and background come from the parent. The consumer's
- * surface (Tailwind classes, `<ThemeProvider>`, dashboard chrome) decides
- * light/dark — the theme just provides typography + relative tints derived
- * from `currentColor` via `color-mix()`.
- *
- * Result: the slide automatically follows the host's color scheme without
- * needing a `colorScheme` prop or `prefers-color-scheme` media query.
- *
- * All selectors are scoped to `.theo-slide[data-theo-slide-theme="default"]`
- * so themes coexist on the same page without bleed.
- */
-
-@import "./layouts.css";
-
-.theo-slide[data-theo-slide-theme="default"] {
-  --theo-slide-canvas-width: 1280px;
-  --theo-slide-canvas-height: 720px;
-  --theo-slide-padding: 64px;
-  --theo-slide-font-base: 28px;
-  --theo-slide-font-family: var(
-    --vf-font-family-sans,
-    system-ui,
-    -apple-system,
-    "Segoe UI",
-    sans-serif
-  );
-  --theo-slide-font-mono: var(--vf-font-family-mono, ui-monospace, "JetBrains Mono", monospace);
-
-  /* Derived tints — relative to the inherited `currentColor`. They lighten or
-     darken automatically depending on whether the parent's color is dark
-     (light surface) or light (dark surface). */
-  --theo-slide-color-muted: color-mix(in srgb, currentColor 60%, transparent);
-  --theo-slide-color-tint-strong: color-mix(in srgb, currentColor 12%, transparent);
-  --theo-slide-color-tint-weak: color-mix(in srgb, currentColor 6%, transparent);
-  --theo-slide-color-border: color-mix(in srgb, currentColor 20%, transparent);
-
-  color: inherit;
-  background: transparent;
-  font-family: var(--theo-slide-font-family);
-  font-size: var(--theo-slide-font-base);
-  line-height: 1.5;
-}
-
-.theo-slide[data-theo-slide-theme="default"] h1,
-.theo-slide[data-theo-slide-theme="default"] h2,
-.theo-slide[data-theo-slide-theme="default"] h3,
-.theo-slide[data-theo-slide-theme="default"] h4,
-.theo-slide[data-theo-slide-theme="default"] h5,
-.theo-slide[data-theo-slide-theme="default"] h6 {
-  color: inherit;
-  line-height: 1.2;
-  margin: 0 0 0.5em 0;
-  font-weight: 600;
-}
-
-.theo-slide[data-theo-slide-theme="default"] h1 {
-  font-size: 1.8em;
-}
-.theo-slide[data-theo-slide-theme="default"] h2 {
-  font-size: 1.4em;
-}
-.theo-slide[data-theo-slide-theme="default"] h3 {
-  font-size: 1.2em;
-}
-.theo-slide[data-theo-slide-theme="default"] h4 {
-  font-size: 1.05em;
-}
-.theo-slide[data-theo-slide-theme="default"] h5 {
-  font-size: 1em;
-}
-.theo-slide[data-theo-slide-theme="default"] h6 {
-  font-size: 0.9em;
-  color: var(--theo-slide-color-muted);
-}
-
-.theo-slide[data-theo-slide-theme="default"] p {
-  margin: 0 0 0.75em 0;
-}
-
-.theo-slide[data-theo-slide-theme="default"] ul,
-.theo-slide[data-theo-slide-theme="default"] ol {
-  margin: 0 0 0.75em 0;
-  padding-left: 1.5em;
-}
-
-.theo-slide[data-theo-slide-theme="default"] li {
-  margin: 0.25em 0;
-}
-
-.theo-slide[data-theo-slide-theme="default"] blockquote {
-  margin: 0 0 0.75em 0;
-  padding: 0.25em 0.75em;
-  border-left: 4px solid var(--theo-slide-color-border);
-  color: var(--theo-slide-color-muted);
-}
-
-.theo-slide[data-theo-slide-theme="default"] a {
-  color: currentColor;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  font-weight: 600;
-}
-
-.theo-slide[data-theo-slide-theme="default"] code {
-  font-family: var(--theo-slide-font-mono);
-  font-size: 0.9em;
-  padding: 0.1em 0.4em;
-  border-radius: 4px;
-  background: var(--theo-slide-color-tint-strong);
-  color: inherit;
-}
-
-.theo-slide[data-theo-slide-theme="default"] pre {
-  font-family: var(--theo-slide-font-mono);
-  background: var(--theo-slide-color-tint-strong);
-  color: inherit;
-  padding: 0.75em 1em;
-  border-radius: 8px;
-  overflow: auto;
-  font-size: 0.85em;
-}
-
-.theo-slide[data-theo-slide-theme="default"] pre code {
-  padding: 0;
-  background: transparent;
-  font-size: inherit;
-}
-
-.theo-slide[data-theo-slide-theme="default"] hr {
-  border: none;
-  border-top: 1px solid var(--theo-slide-color-border);
-  margin: 1em 0;
-}
-
-.theo-slide[data-theo-slide-theme="default"] table {
-  border-collapse: collapse;
-  margin: 0 0 0.75em 0;
-}
-
-.theo-slide[data-theo-slide-theme="default"] th,
-.theo-slide[data-theo-slide-theme="default"] td {
-  border: 1px solid var(--theo-slide-color-border);
-  padding: 0.4em 0.75em;
-  text-align: left;
-}
-
-.theo-slide[data-theo-slide-theme="default"] thead th {
-  background: var(--theo-slide-color-tint-weak);
-  font-weight: 600;
-}
-
-.theo-slide[data-theo-slide-theme="default"] tbody tr:nth-child(even) td {
-  background: var(--theo-slide-color-tint-weak);
-}
-
-.theo-slide[data-theo-slide-theme="default"] img {
-  max-width: 100%;
-  height: auto;
-  border-radius: 6px;
-}
-
-.theo-slide[data-theo-slide-theme="default"] em {
-  font-style: italic;
-}
-.theo-slide[data-theo-slide-theme="default"] strong {
-  font-weight: 600;
-}
-.theo-slide[data-theo-slide-theme="default"] del {
-  text-decoration: line-through;
-  color: var(--theo-slide-color-muted);
-}
-.theo-slide[data-theo-slide-theme="default"] kbd {
-  font-family: var(--theo-slide-font-mono);
-  font-size: 0.85em;
-  padding: 0.1em 0.4em;
-  border: 1px solid var(--theo-slide-color-border);
-  border-radius: 4px;
-  background: var(--theo-slide-color-tint-weak);
-}
-
-/* ─────────────────────────────────────────────────────────────────
- * GFM alerts — `> [!NOTE]`, `> [!TIP]`, `> [!IMPORTANT]`,
- *              `> [!WARNING]`, `> [!CAUTION]`
- * Pre-processed in mdast (alerts.ts) → <aside class="theo-slide-alert"
- * data-theo-slide-alert-type="…"> rich-content plan T1.2.
- * ───────────────────────────────────────────────────────────────── */
-.theo-slide[data-theo-slide-theme="default"] aside.theo-slide-alert {
-  margin: 0 0 0.75em 0;
-  padding: 0.75em 1em;
-  border-left: 4px solid currentColor;
-  border-radius: 0.4em;
-  background: color-mix(in srgb, currentColor 8%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside.theo-slide-alert::before {
-  display: block;
-  margin-bottom: 0.35em;
-  font-weight: 600;
-  font-size: 0.9em;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-.theo-slide[data-theo-slide-theme="default"] aside.theo-slide-alert > :first-child {
-  margin-top: 0;
-}
-.theo-slide[data-theo-slide-theme="default"] aside.theo-slide-alert > :last-child {
-  margin-bottom: 0;
-}
-
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="note"] {
-  border-color: #3b82f6;
-  background: color-mix(in srgb, #3b82f6 10%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="note"]::before {
-  content: "ⓘ Note";
-  color: #3b82f6;
-}
-
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="tip"] {
-  border-color: #10b981;
-  background: color-mix(in srgb, #10b981 10%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="tip"]::before {
-  content: "✓ Tip";
-  color: #10b981;
-}
-
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="important"] {
-  border-color: #a855f7;
-  background: color-mix(in srgb, #a855f7 10%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="important"]::before {
-  content: "! Important";
-  color: #a855f7;
-}
-
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="warning"] {
-  border-color: #f59e0b;
-  background: color-mix(in srgb, #f59e0b 10%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="warning"]::before {
-  content: "⚠ Warning";
-  color: #f59e0b;
-}
-
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="caution"] {
-  border-color: #ef4444;
-  background: color-mix(in srgb, #ef4444 10%, transparent);
-}
-.theo-slide[data-theo-slide-theme="default"] aside[data-theo-slide-alert-type="caution"]::before {
-  content: "✗ Caution";
-  color: #ef4444;
-}