@usetheo/ui 0.12.0 → 0.13.1

package/dist/primitives/system-prompt-editor/index.js

@@ -1,4 +1,5 @@
-export { SystemPromptEditor } from '../../chunk-BNQAJGEN.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { SystemPromptEditor } from '../../chunk-H5QPJNVD.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/table/index.js

@@ -1,4 +1,5 @@
-export { Table } from '../../chunk-YRSKXEOD.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { Table } from '../../chunk-KHBXI6AV.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tabs/index.js

@@ -1,4 +1,4 @@
-export { Tabs } from '../../chunk-GBJB5WLT.js';
-import '../../chunk-ZSRJCIWF.js';
+export { Tabs } from '../../chunk-E26M7ATD.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/task-plan/index.js

@@ -1,4 +1,4 @@
-export { TaskNode, TaskPlan } from '../../chunk-XUJYEADU.js';
-import '../../chunk-ZSRJCIWF.js';
+export { TaskNode, TaskPlan } from '../../chunk-YUFFAWNB.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/terminal-panel/index.js

@@ -1,5 +1,5 @@
-export { TerminalPanel } from '../../chunk-LEEH63B2.js';
+export { TerminalPanel } from '../../chunk-3ZXZGZOX.js';
 import '../../chunk-UGKI466V.js';
-import '../../chunk-ZSRJCIWF.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/textarea/index.js

@@ -1,4 +1,4 @@
-export { Textarea } from '../../chunk-WWNH5ENT.js';
-import '../../chunk-ZSRJCIWF.js';
+export { Textarea } from '../../chunk-ESJUISWY.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/thinking-level-selector/index.js

@@ -0,0 +1,5 @@
+export { ThinkingLevelSelector } from '../../chunk-OZFUUO2Q.js';
+import '../../chunk-ML7WLNIK.js';
+import '../../chunk-EWDN56AS.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/primitives/thinking-level-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/primitives/timestamp/index.js

@@ -1,4 +1,6 @@
-export { Timestamp } from '../../chunk-4ZBZBRG5.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { Timestamp } from '../../chunk-ETTL6XGU.js';
+import '../../chunk-ML7WLNIK.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/toast/index.js

@@ -1,4 +1,5 @@
-export { Toast, Toaster, useToast } from '../../chunk-I7WYM63C.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { Toast, Toaster, useToast } from '../../chunk-HTJVHFNW.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/token-usage-chart/index.js

@@ -1,4 +1,4 @@
-export { TokenUsageChart } from '../../chunk-AXKBNRZW.js';
-import '../../chunk-ZSRJCIWF.js';
+export { TokenUsageChart, splitUsagePoints, toUsageMetrics } from '../../chunk-QCQTTOMD.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tool-call/index.js

@@ -1,4 +1,5 @@
-export { ToolCall } from '../../chunk-SP4CP5HY.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { ToolCall } from '../../chunk-PXT47DRZ.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tool-call-card/index.js

@@ -1,4 +1,5 @@
-export { ToolCallCard } from '../../chunk-CWFMFKDI.js';
-import '../../chunk-ZSRJCIWF.js';
+"use client";
+export { ToolCallCard } from '../../chunk-VZX4HLBM.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tool-result/index.js

@@ -1,4 +1,4 @@
-export { ToolResult } from '../../chunk-HG4WEERE.js';
-import '../../chunk-ZSRJCIWF.js';
+export { ToolResult } from '../../chunk-YDKRUSB5.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tools-list/index.js

@@ -1,4 +1,4 @@
-export { ToolsList } from '../../chunk-JQXLPVWP.js';
-import '../../chunk-ZSRJCIWF.js';
+export { ToolsList } from '../../chunk-4SMYNLTA.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/tooltip/index.js

@@ -1,4 +1,4 @@
-export { TooltipWithStatics as Tooltip } from '../../chunk-FUT45NFW.js';
-import '../../chunk-ZSRJCIWF.js';
+export { TooltipWithStatics as Tooltip } from '../../chunk-7RFWVNQA.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/topnav/index.js

@@ -1,4 +1,4 @@
-export { TopNav } from '../../chunk-74NZ5U3E.js';
-import '../../chunk-ZSRJCIWF.js';
+export { TopNav } from '../../chunk-FJZKA2LV.js';
+import '../../chunk-EWDN56AS.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/primitives/update-banner/index.js

@@ -0,0 +1,4 @@
+export { UpdateBanner } from '../../chunk-JXOCE27Z.js';
+import '../../chunk-EWDN56AS.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/primitives/update-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/screens/theo-code-shell.d.ts

@@ -0,0 +1,9 @@
+import { type Mode } from "../types/mode.js";
+interface TheoCodeShellProps {
+    /** Override the outer wrapper className. Default fills the parent box. */
+    className?: string;
+    /** Initial mode. Default "code". */
+    initialMode?: Mode;
+}
+export declare function TheoCodeShell({ className, initialMode }: TheoCodeShellProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/screens/theo-code-shell.data.d.ts

@@ -0,0 +1,147 @@
+/**
+ * theo-code-shell.data.ts — extracted mock data for the TheoCodeShell screen.
+ *
+ * The screen is a non-exported Ladle story (it lives in `src/screens/` but is
+ * never re-exported from `src/index.ts`). The split keeps the orchestrating
+ * component under a manageable size while leaving the ~900 lines of mock
+ * fixtures in one focused module.
+ */
+import { type LucideIcon } from "lucide-react";
+import type { AgentDraft } from "../components/composites/agent-editor/agent-editor.js";
+import type { AgentStreamItem } from "../components/composites/agent-stream/agent-stream.js";
+import type { Deployment } from "../components/composites/deployment-row/deployment-row.js";
+import type { Domain } from "../components/composites/domain-config/domain-config.js";
+import type { EnvVar } from "../components/composites/env-var-editor/env-var-editor.js";
+import type { RollbackTarget } from "../components/composites/rollback-ui/rollback-ui.js";
+import type { LogLine } from "../components/primitives/build-log-stream/build-log-stream.js";
+import type { MentionItem } from "../components/primitives/mention-menu/mention-menu.js";
+import type { SessionRunStatus } from "../components/primitives/session-list-item/session-list-item.js";
+import type { Skill } from "../components/primitives/skill-card/skill-card.js";
+import type { AgentEvent } from "../types/agent.js";
+import type { UIMessage } from "../types/chat.js";
+import type { Mode } from "../types/mode.js";
+import type { Rule } from "../types/rule.js";
+export declare const SESSIONS: Array<{
+    id: string;
+    title: string;
+    status: SessionRunStatus;
+    mode: Mode;
+    timestamp: string;
+    unread?: number;
+}>;
+export declare const MESSAGES: UIMessage[];
+export declare const AGENT_EVENTS: AgentEvent[];
+export declare const MODELS: ({
+    id: string;
+    label: string;
+    tag: "smart";
+} | {
+    id: string;
+    label: string;
+    tag: "default";
+} | {
+    id: string;
+    label: string;
+    tag: "fast";
+})[];
+export declare const INTENTS: {
+    id: string;
+    label: string;
+    description: string;
+    icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+}[];
+export declare const SLASH_COMMANDS: MentionItem[];
+export declare const FILE_MENTIONS: MentionItem[];
+export declare const MEMORY_MENTIONS: MentionItem[];
+/** Per-mode workspace items rendered in the Sidebar "Workspace" section. */
+export type WorkspaceItemId = "memory" | "conversations" | "observability" | "subagents" | "hooks" | "deployments" | "builds" | "environments" | "domains" | "secrets" | "audit";
+export interface WorkspaceItem {
+    id: WorkspaceItemId;
+    label: string;
+    icon: LucideIcon;
+}
+export declare const WORKSPACE_BY_MODE: Record<Mode, WorkspaceItem[]>;
+export declare const DOMAINS_LIB: Domain[];
+export declare const SECRETS_LIB: EnvVar[];
+export declare const ENVIRONMENTS_LIB: {
+    name: string;
+    status: string;
+    projectCount: number;
+    region: string;
+}[];
+export declare const AUDIT_LIB: ({
+    id: string;
+    actor: {
+        kind: "user";
+        name: string;
+    };
+    action: string;
+    target: string;
+    timestamp: string;
+    severity: "warning";
+} | {
+    id: string;
+    actor: {
+        kind: "agent";
+        name: string;
+    };
+    action: string;
+    target: string;
+    timestamp: string;
+    severity?: undefined;
+} | {
+    id: string;
+    actor: {
+        kind: "system";
+        name: string;
+    };
+    action: string;
+    target: string;
+    timestamp: string;
+    severity?: undefined;
+} | {
+    id: string;
+    actor: {
+        kind: "user";
+        name: string;
+    };
+    action: string;
+    target: string;
+    timestamp: string;
+    severity?: undefined;
+})[];
+export declare const INFRA_MESSAGES: UIMessage[];
+export declare const RECENT_DEPLOYS: Deployment[];
+export declare const INFRA_LOGS: LogLine[];
+export declare const ROLLBACK_HISTORY: RollbackTarget[];
+export declare const DEFAULT_SYSTEM_PROMPT = "You are Theo Code, an autonomous coding agent.\n\nOperate inside the active workspace. Use the available tools to read, plan, edit, and verify code changes. Always run typecheck and tests after substantive edits.\n\nWhen uncertain, ask before destructive actions.";
+export declare const SKILLS_LIB: Skill[];
+export declare const AGENTS_LIB: AgentDraft[];
+export declare const RULES_LIB: Rule[];
+export declare const CODE_STREAM: AgentStreamItem[];
+/** Tool the agent used to produce this change. Matches Theo Code / Claude Code tool names. */
+export type AgentTool = "Write" | "Edit" | "MultiEdit" | "NotebookEdit" | "Bash";
+export interface FileChange {
+    id: string;
+    path: string;
+    /** Which agent tool produced this change. */
+    tool: AgentTool;
+    stats: {
+        added: number;
+        removed: number;
+    };
+    hunks: Array<{
+        id: string;
+        header?: string;
+        collapsed?: boolean;
+        lines: Array<{
+            kind: "added" | "removed" | "unchanged" | "meta";
+            oldNumber?: number;
+            newNumber?: number;
+            content: string;
+        }>;
+    }>;
+}
+export declare const FILE_CHANGES: FileChange[];
+/** Visual treatment for each tool pill — colour signals intent at a glance. */
+export declare const TOOL_PILL: Record<AgentTool, string>;

package/dist/slide/index.js

@@ -1,3 +1,4 @@
-export { MAX_RAW_FRONTMATTER, Slide, collectTagCounts, composePlugins, extractFrontmatter, getSlideSanitizeSchema, hastToReact, isSlideTheme, mdastToHast, parseBody, parseSlide, sanitizeHast, slideFrontmatter, slideFrontmatterJsonSchema, slideInput, slideTheme, slideThemes, useSlideFit, validateSlide } from '../chunk-5UGQXB2P.js';
+"use client";
+export { MAX_RAW_FRONTMATTER, Slide, collectTagCounts, composePlugins, extractFrontmatter, getSlideSanitizeSchema, hastToReact, isSlideTheme, mdastToHast, parseBody, parseSlide, sanitizeHast, slideFrontmatter, slideFrontmatterJsonSchema, slideInput, slideTheme, slideThemes, useSlideFit, validateSlide } from '../chunk-CVFSNA4K.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-// src/components/primitives/slide/plugins/mermaid/index.tsx
 var SVG_TAG_NAMES = [
   "div",
   // Custom element used to bridge into our React renderer (mapped via components).
@@ -133,6 +132,7 @@ var MermaidDiagram = ({ source, theme }) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
+        "data-slot": "mermaid-diagram",
         "data-theo-slide-mermaid": true,
         "data-state": "error",
         role: "img",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/slide/plugins/mermaid/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import 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-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"]}
+{"version":3,"sources":["../../../../src/components/primitives/slide/plugins/mermaid/index.tsx"],"names":[],"mappings":";;;AA4BA,IAAM,aAAA,GAAgB;AAAA,EACpB,KAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,KAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA;AAAA,EAEA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA;AAAA,EAEA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,qBAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA;AAAA,EAEA,eAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA;AAEA,IAAM,cAAA,GAA2C;AAAA,EAC/C,GAAA,EAAK;AAAA,IACH,IAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,GAAA,EAAK,CAAC,OAAA,EAAS,SAAA,EAAW,SAAS,QAAA,EAAU,qBAAA,EAAuB,cAAc,SAAS,CAAA;AAAA,EAC3F,IAAA,EAAM,CAAC,GAAA,EAAK,WAAA,EAAa,eAAe,WAAW,CAAA;AAAA,EACnD,MAAM,CAAC,GAAA,EAAK,KAAK,OAAA,EAAS,QAAA,EAAU,MAAM,IAAI,CAAA;AAAA,EAC9C,MAAA,EAAQ,CAAC,IAAA,EAAM,IAAA,EAAM,GAAG,CAAA;AAAA,EACxB,OAAA,EAAS,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI,CAAA;AAAA,EAChC,IAAA,EAAM,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI,CAAA;AAAA,EAC7B,QAAA,EAAU,CAAC,QAAQ,CAAA;AAAA,EACnB,OAAA,EAAS,CAAC,QAAQ,CAAA;AAAA,EAClB,IAAA,EAAM;AAAA,IACJ,GAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,KAAA,EAAO,CAAC,GAAA,EAAK,GAAA,EAAK,MAAM,IAAI,CAAA;AAAA,EAC5B,QAAA,EAAU,CAAC,WAAA,EAAa,MAAA,EAAQ,aAAa,CAAA;AAAA,EAC7C,MAAA,EAAQ,CAAC,aAAA,EAAe,aAAA,EAAe,gBAAgB,MAAA,EAAQ,MAAA,EAAQ,UAAU,SAAS,CAAA;AAAA,EAC1F,KAAK,CAAC,WAAA,EAAa,QAAQ,GAAA,EAAK,GAAA,EAAK,SAAS,QAAQ,CAAA;AAAA,EACtD,gBAAgB,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,eAAe,CAAA;AAAA,EACxD,gBAAgB,CAAC,IAAA,EAAM,MAAM,GAAA,EAAK,IAAA,EAAM,MAAM,eAAe,CAAA;AAAA,EAC7D,IAAA,EAAM,CAAC,QAAA,EAAU,WAAA,EAAa,aAAa,CAAA;AAAA,EAC3C,aAAA,EAAe,CAAC,GAAA,EAAK,GAAA,EAAK,SAAS,QAAQ,CAAA;AAAA,EAC3C,GAAA,EAAK,CAAC,YAAA,EAAc,0BAAA,EAA4B,WAAW,CAAA;AAAA,EAC3D,cAAA,EAAgB,CAAC,QAAQ;AAC3B,CAAA;AAuBO,IAAM,cAAA,GAAyD,CAAC,EAAE,MAAA,EAAQ,OAAM,KAAM;AAC3F,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAwB,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAGhB,IAAA,MAAA,CAAO,IAAI,CAAA;AACX,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,CAAC,YAAY;AACX,MAAA,IAAI;AAEF,QAAA,MAAM,OAAA,GAAA,CAAgB,MAAM,OAAO,SAAS,CAAA,EAAG,OAAA;AAC/C,QAAA,IAAI,SAAA,EAAW;AACf,QAAA,OAAA,CAAQ,WAAW,EAAE,WAAA,EAAa,OAAO,KAAA,EAAO,KAAA,IAAS,WAAW,CAAA;AACpE,QAAA,MAAM,EAAA,GAAK,CAAA,SAAA,EAAY,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAC9D,QAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,MAAA,CAAO,IAAI,MAAM,CAAA;AAC9C,QAAA,IAAI,CAAC,SAAA,EAAW;AACd,UAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AAAA,QACnB;AAAA,MACF,SAAS,CAAA,EAAG;AACV,QAAA,IAAI,SAAA,EAAW;AACf,QAAA,MAAM,MAAM,CAAA,YAAa,KAAA,GAAQ,CAAA,CAAE,OAAA,GAAU,OAAO,CAAC,CAAA;AAGrD,QAAA,MAAM,iBACJ,GAAA,CAAI,QAAA,CAAS,oBAAoB,CAAA,IACjC,GAAA,CAAI,SAAS,mBAAmB,CAAA,IAChC,IAAI,QAAA,CAAS,iBAAiB,KAC9B,GAAA,CAAI,QAAA,CAAS,0BAA0B,CAAA,IACvC,GAAA,CAAI,SAAS,sBAAsB,CAAA;AACrC,QAAA,IAAI,cAAA,EAAgB;AAClB,UAAA,QAAA,CAAS,8CAA8C,CAAA;AAAA,QACzD,CAAA,MAAO;AACL,UAAA,QAAA,CAAS,CAAA,uBAAA,EAA0B,GAAG,CAAA,CAAE,CAAA;AAAA,QAC1C;AAAA,MACF;AAAA,IACF,CAAA,GAAG;AACH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAElB,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,iBAAA;AAAA,QACV,yBAAA,EAAuB,IAAA;AAAA,QACvB,YAAA,EAAW,OAAA;AAAA,QACX,IAAA,EAAK,KAAA;AAAA,QACL,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAU,yBAAA;AAAA,QAEV,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAS,OAAA,EAAS,GAAA,EAAK,UAAA,EAAY,UAAA,EAAW,EAAI,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA,KACnF;AAAA,EAEJ;AACA,EAAA,IAAI,GAAA,EAAK;AAGP,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,yBAAA,EAAuB,IAAA;AAAA,QACvB,YAAA,EAAW,OAAA;AAAA,QACX,IAAA,EAAK,KAAA;AAAA,QACL,YAAA,EAAW,iBAAA;AAAA,QACX,SAAA,EAAU,yBAAA;AAAA,QAEV,uBAAA,EAAyB,EAAE,MAAA,EAAQ,GAAA;AAAI;AAAA,KACzC;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,yBAAA,EAAuB,IAAA;AAAA,MACvB,YAAA,EAAW,SAAA;AAAA,MACX,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAW,iBAAA;AAAA,MACX,SAAA,EAAU,yBAAA;AAAA,MAEV,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAS,OAAA,EAAS,GAAA,EAAK,UAAA,EAAY,UAAA,EAAW,EAAI,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA,GACnF;AAEJ;AAEO,SAAS,aAAA,CAAc,IAAA,GAA6B,EAAC,EAAgB;AAC1E,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,uBAAA,EAAyB;AAAA,MACvB,QAAA,EAAU,aAAA;AAAA,MACV,UAAA,EAAY;AAAA,KACd;AAAA,IACA,UAAA,EAAY;AAAA;AAAA;AAAA;AAAA,MAIV,cAAA,GAAiB,CAAC,KAAA,qBAChB,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAQ,KAAA,CAAM,MAAA,IAAU,EAAA,EAAI,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,CAAA;AAAA,KAEnE;AAAA,IACA,MAAM,cAAc,IAAA,EAAmC;AAIrD,MAAA,IAAI,KAAA;AACJ,MAAA,IAAI;AACF,QAAA,KAAA,GAAA,CAAS,MAAM,OAAO,kBAAkB,CAAA,EAAG,KAAA;AAAA,MAC7C,SAAS,CAAA,EAAG;AACV,QAAA,MAAM,IAAI,KAAA,CAAM,CAAA,6DAAA,EAAgE,CAAC,CAAA,CAAE,CAAA;AAAA,MACrF;AACA,MAAA,KAAA;AAAA,QACE,IAAA;AAAA,QACA,SAAA;AAAA,QACA,CACE,IAAA,EACA,IAAA,EACA,MAAA,KACG;AACH,UAAA,IAAI,IAAA,CAAK,YAAY,MAAA,EAAQ;AAC7B,UAAA,MAAM,SAAA,GAAa,IAAA,CAAK,UAAA,EAAY,SAAA,IAAsC,EAAC;AAC3E,UAAA,IAAI,CAAC,SAAA,CAAU,QAAA,CAAS,kBAAkB,CAAA,EAAG;AAC7C,UAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,OAAA,KAAY,KAAA,EAAO;AACzC,UAAA,MAAM,QAAA,GAAW,IAAA,CAAK,QAAA,GAAW,CAAC,CAAA;AAClC,UAAA,MAAM,SAAS,QAAA,IAAY,QAAA,CAAS,IAAA,KAAS,MAAA,GAAS,SAAS,KAAA,GAAQ,EAAA;AAGvE,UAAA,MAAA,CAAO,OAAO,MAAA,EAAQ;AAAA,YACpB,IAAA,EAAM,SAAA;AAAA,YACN,OAAA,EAAS,cAAA;AAAA;AAAA;AAAA;AAAA,YAIT,UAAA,EAAY,EAAE,MAAA,EAAO;AAAA,YACrB,UAAU;AAAC,WACZ,CAAA;AAAA,QACH;AAAA,OACF;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,GACF;AACF","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.map

@@ -1 +1 @@
-{"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 \"@usetheo/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"]}
+{"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/violet-forge.css

@@ -26,7 +26,7 @@
 
   /* Violet accent — the brand hue. Used for relative mixing so it adapts
      to light/dark surfaces (mixed with `currentColor`). */
-  --theo-slide-accent: #7c3aed;
+  --theo-slide-accent: #a855f7;
 
   /* Derived tints — relative to inherited `currentColor` so they auto-flip
      when the parent surface flips. */

package/dist/slide-deck/index.js

@@ -1,4 +1,5 @@
-import { Slide, extractFrontmatter } from '../chunk-5UGQXB2P.js';
+"use client";
+import { Slide, extractFrontmatter } from '../chunk-CVFSNA4K.js';
 import { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, useReducer, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { z } from 'zod';
@@ -20,6 +21,7 @@ var Controls = ({ className }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-slot": "controls",
       className: ["theo-slide-deck-controls", className].filter(Boolean).join(" "),
       "data-theo-slide-deck-controls": true,
       style: {
@@ -262,6 +264,7 @@ var ProgressBar = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "progress",
     {
+      "data-slot": "progress-bar",
       className: ["theo-slide-deck-progress", className].filter(Boolean).join(" "),
       "data-theo-slide-deck-progress": true,
       value,
@@ -395,6 +398,7 @@ var ThumbnailItem = ({
   return /* @__PURE__ */ jsx(
     "button",
     {
+      "data-slot": "thumbnail-item",
       ref: setRef,
       type: "button",
       onClick: () => onSelect(index),
@@ -467,6 +471,7 @@ var Thumbnails = ({ className, scale = 0.18 }) => {
   return /* @__PURE__ */ jsx(
     "ul",
     {
+      "data-slot": "thumbnails",
       className: ["theo-slide-deck-thumbnails", className].filter(Boolean).join(" "),
       "data-theo-slide-deck-thumbnails": true,
       "aria-label": "Slide thumbnails",
@@ -883,7 +888,7 @@ var SlideDeckBase = ({
     }),
     [state, dispatch, parsedSlides, transition, deckId, plugins, fullscreen.toggle, onPrint]
   );
-  return /* @__PURE__ */ jsx(DeckContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(DeckContext.Provider, { "data-slot": "slide-deck-base", value: contextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
       ref: rootRef,
@@ -926,6 +931,7 @@ var SlidesView = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-slot": "slides-view",
       className: ["theo-slide-deck-slide-frame", className].filter(Boolean).join(" "),
       "data-theo-slide-deck-transition": transition,
       "data-theo-slide-deck-direction": state.transitionDirection,
@@ -973,6 +979,7 @@ var PresenterButton = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      "data-slot": "presenter-button",
       type: "button",
       onClick: () => dispatch({ type: "TOGGLE_PRESENTER" }),
       "aria-pressed": state.presenterMode,
@@ -987,6 +994,7 @@ var FullscreenButton = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      "data-slot": "fullscreen-button",
       type: "button",
       onClick: () => void toggleFullscreen(),
       "aria-pressed": state.fullscreen,
@@ -1001,6 +1009,7 @@ var PrintButton = ({ className }) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
+      "data-slot": "print-button",
       type: "button",
       onClick: () => print(),
       "aria-label": "Print or save deck as PDF",
@@ -1016,6 +1025,7 @@ var PrintContainer = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-slot": "print-container",
       className: "theo-slide-deck-print-container",
       "aria-hidden": "true",
       style: {
@@ -1047,6 +1057,7 @@ var DefaultDeckLayout = () => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-slot": "default-deck-layout",
       className: "theo-slide-deck-default-layout",
       style: {
         display: "grid",