@omnitron-dev/prism 0.3.0 → 0.3.2

package/dist/chunk-Q6JDNFSG.js

@@ -0,0 +1,303 @@
+import { parseResearchMarkdown, researchLimits } from './chunk-TEIGUOWN.js';
+import { TipTapRenderer } from './chunk-4B2LTPK2.js';
+import { ChevronDownIcon } from './chunk-VQVVHMPG.js';
+import { useId, useMemo, Component, useRef, useState, useEffect } from 'react';
+import katex from 'katex';
+import { Box, Accordion, AccordionSummary, Typography, AccordionDetails } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/research/diagram-image.ts
+function diagramImage(source, purify) {
+  const fragment = purify.sanitize(source, {
+    USE_PROFILES: { svg: true, svgFilters: true },
+    ADD_TAGS: ["style"],
+    FORBID_TAGS: ["foreignObject", "image", "a", "script", "animate", "animateMotion", "animateTransform", "set"],
+    FORBID_ATTR: ["href", "xlink:href"],
+    RETURN_DOM_FRAGMENT: true
+  });
+  const svg = fragment.querySelector("svg");
+  if (!svg || !svg.getAttribute("viewBox")) throw new Error("invalid_diagram_svg");
+  const title = svg.querySelector("title")?.textContent?.trim();
+  const labels = [...svg.querySelectorAll("text")].map((node) => node.textContent?.trim()).filter(Boolean);
+  const description = title || labels.join(" \xB7 ") || "Diagram";
+  return {
+    src: "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(svg)),
+    description: description.slice(0, 2e3)
+  };
+}
+var pending = Promise.resolve();
+function diagramSourceAllowed(source, engine) {
+  return engine === "mermaid" && source.length <= researchLimits.block && !/^\s*---/m.test(source) && !/%%\s*\{/.test(source);
+}
+function ResearchDiagram({
+  source,
+  engine,
+  labels
+}) {
+  const id = `diagram-${useId().replace(/[^\w-]/g, "")}`;
+  const container = useRef(null);
+  const [picture, setPicture] = useState();
+  const [state, setState] = useState("loading");
+  const theme = useTheme(), mode = theme.palette.mode;
+  useEffect(() => {
+    let cancelled = false;
+    setState("loading");
+    setPicture(void 0);
+    const target = container.current;
+    const run = async () => {
+      if (cancelled || !target) return;
+      if (!diagramSourceAllowed(source, engine)) {
+        setState("error");
+        return;
+      }
+      let scratch;
+      try {
+        const [{ default: mermaid }, { default: purify }] = await Promise.all([import('mermaid'), import('dompurify')]);
+        if (cancelled) return;
+        scratch = document.createElement("div");
+        scratch.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:1000px";
+        target.append(scratch);
+        mermaid.initialize({
+          startOnLoad: false,
+          securityLevel: "strict",
+          htmlLabels: false,
+          maxTextSize: researchLimits.block,
+          maxEdges: 256,
+          suppressErrorRendering: true,
+          look: "classic",
+          theme: "base",
+          fontFamily: "system-ui, sans-serif",
+          themeVariables: {
+            darkMode: mode === "dark",
+            primaryColor: theme.palette.background.paper,
+            primaryTextColor: theme.palette.text.primary,
+            primaryBorderColor: theme.palette.text.secondary,
+            secondaryColor: theme.palette.background.default,
+            tertiaryColor: theme.palette.background.paper,
+            lineColor: theme.palette.text.secondary,
+            textColor: theme.palette.text.primary,
+            fontFamily: "system-ui, sans-serif",
+            fontSize: "16px"
+          },
+          flowchart: { htmlLabels: false },
+          secure: [
+            "securityLevel",
+            "startOnLoad",
+            "maxTextSize",
+            "maxEdges",
+            "htmlLabels",
+            "theme",
+            "look",
+            "fontFamily",
+            "themeCSS",
+            "themeVariables"
+          ]
+        });
+        const result = await mermaid.render(id, source, scratch);
+        const renderedPicture = diagramImage(result.svg, purify);
+        if (!cancelled) {
+          setPicture(renderedPicture);
+          setState("ready");
+        }
+      } catch {
+        if (!cancelled) setState("error");
+      } finally {
+        scratch?.remove();
+      }
+    };
+    pending = pending.catch(() => void 0).then(run);
+    return () => {
+      cancelled = true;
+      target?.replaceChildren();
+    };
+  }, [source, engine, id, theme, mode]);
+  return /* @__PURE__ */ jsxs("figure", { className: "prism-research__diagram", children: [
+    state !== "ready" && /* @__PURE__ */ jsx("p", { role: "status", children: state === "error" ? labels.invalid : labels.loading }),
+    /* @__PURE__ */ jsx("div", { ref: container, "aria-hidden": "true" }),
+    picture && /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "prism-research__diagram-image",
+        src: picture.src,
+        alt: picture.description,
+        onError: () => setState("error")
+      }
+    ),
+    /* @__PURE__ */ jsxs("details", { open: state === "error", children: [
+      /* @__PURE__ */ jsxs("summary", { children: [
+        labels.source,
+        " \xB7 ",
+        engine
+      ] }),
+      /* @__PURE__ */ jsx("pre", { children: source })
+    ] })
+  ] });
+}
+function defineResearchWidget(version, parse, View) {
+  return {
+    version,
+    render(input) {
+      const props = parse(input);
+      return /* @__PURE__ */ jsx(View, { ...props });
+    }
+  };
+}
+var defaultResearchLabels = {
+  metadata: "Source metadata",
+  contents: "On this page",
+  source: "Source",
+  unavailable: "This block is not available in this document.",
+  invalid: "This block could not be rendered. Its source is preserved.",
+  loading: "Rendering diagram\u2026",
+  diagnostics: "Document diagnostics"
+};
+var BlockBoundary = class extends Component {
+  state = { failed: false };
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  render() {
+    return this.state.failed ? this.props.fallback : this.props.children;
+  }
+};
+function Formula({ node, labels }) {
+  const tex = String(node.attrs?.tex ?? "");
+  try {
+    if (tex.length > researchLimits.block) throw new Error("formula_limit");
+    const html = katex.renderToString(tex, {
+      displayMode: node.type === "mathBlock",
+      trust: false,
+      strict: "error",
+      throwOnError: true,
+      maxExpand: 1e3,
+      maxSize: 20,
+      output: "htmlAndMathml"
+    });
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: node.type === "mathBlock" ? "prism-research__formula-block" : void 0,
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  } catch {
+    return /* @__PURE__ */ jsx("code", { className: "prism-research__invalid-math", title: labels.invalid, children: tex });
+  }
+}
+function Widget({ node, widgets, labels }) {
+  const d = node.attrs?.descriptor;
+  if (!d || typeof d.type !== "string" || !Object.hasOwn(widgets, d.type) || widgets[d.type]?.version !== d.version)
+    return /* @__PURE__ */ jsxs("details", { className: "prism-research__failure", children: [
+      /* @__PURE__ */ jsx("summary", { children: labels.unavailable }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(d) })
+    ] });
+  try {
+    return widgets[d.type].render(d.props);
+  } catch {
+    return /* @__PURE__ */ jsxs("details", { className: "prism-research__failure", children: [
+      /* @__PURE__ */ jsx("summary", { children: labels.invalid }),
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(d) })
+    ] });
+  }
+}
+var emptyWidgets = Object.freeze({});
+function ResearchDocument({
+  source,
+  sourceProfile = "research",
+  documentId,
+  widgets = emptyWidgets,
+  labels: overrides,
+  contents = false,
+  className,
+  sx
+}) {
+  const uid = useId();
+  const prefix = documentId ?? `research-${uid.replace(/[^\w-]/g, "")}`;
+  const labels = useMemo(() => ({ ...defaultResearchLabels, ...overrides }), [overrides]);
+  const parsed = useMemo(() => {
+    try {
+      return { data: parseResearchMarkdown(source, prefix, sourceProfile) };
+    } catch {
+      return { error: true };
+    }
+  }, [source, prefix, sourceProfile]);
+  const nodes = useMemo(() => {
+    const failure = (raw) => /* @__PURE__ */ jsxs("details", { className: "prism-research__failure", open: true, children: [
+      /* @__PURE__ */ jsx("summary", { children: labels.invalid }),
+      /* @__PURE__ */ jsx("pre", { children: raw })
+    ] });
+    const bounded = (render) => (props) => {
+      const raw = String(
+        props.node.attrs?.tex ?? props.node.attrs?.code ?? JSON.stringify(props.node.attrs?.descriptor ?? {})
+      );
+      return /* @__PURE__ */ jsx(BlockBoundary, { fallback: failure(raw), children: render(props.node) }, raw);
+    };
+    return {
+      mathInline: ({ node }) => /* @__PURE__ */ jsx(Formula, { node, labels }),
+      mathBlock: ({ node }) => /* @__PURE__ */ jsx(Formula, { node, labels }),
+      diagram: bounded((n) => /* @__PURE__ */ jsx(ResearchDiagram, { source: String(n.attrs?.code ?? ""), engine: String(n.attrs?.engine ?? ""), labels })),
+      researchWidget: bounded((n) => /* @__PURE__ */ jsx(Widget, { node: n, widgets, labels }))
+    };
+  }, [widgets, labels]);
+  if (!parsed.data) return /* @__PURE__ */ jsx("p", { role: "alert", children: labels.invalid });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: `prism-research ${className ?? ""}`,
+      sx: (theme) => ({ "--prism-research-border": theme.palette.divider }),
+      children: [
+        parsed.data.metadata && /* @__PURE__ */ jsxs(
+          Accordion,
+          {
+            disableGutters: true,
+            elevation: 0,
+            sx: { mb: 2, border: 1, borderColor: "divider", "&:before": { display: "none" } },
+            children: [
+              /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { fontSize: "small" }), children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+                labels.metadata,
+                " \xB7 YAML"
+              ] }) }),
+              /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  component: "pre",
+                  sx: {
+                    m: 0,
+                    maxHeight: 240,
+                    overflow: "auto",
+                    whiteSpace: "pre-wrap",
+                    overflowWrap: "anywhere",
+                    fontSize: 12
+                  },
+                  children: parsed.data.metadata.raw
+                }
+              ) })
+            ]
+          }
+        ),
+        contents && parsed.data.headings.length > 0 && /* @__PURE__ */ jsxs("nav", { className: "prism-research__contents", "aria-label": labels.contents, children: [
+          /* @__PURE__ */ jsx("p", { children: labels.contents }),
+          /* @__PURE__ */ jsx("ol", { children: parsed.data.headings.map((h) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `#${h.id}`, children: h.title }) }, h.id)) })
+        ] }),
+        /* @__PURE__ */ jsx(TipTapRenderer, { content: parsed.data.doc, nodeRenderers: nodes, inheritRegisteredNodes: false, sx }),
+        parsed.data.diagnostics.length > 0 && /* @__PURE__ */ jsxs("details", { className: "prism-research__diagnostics", children: [
+          /* @__PURE__ */ jsxs("summary", { children: [
+            labels.diagnostics,
+            " \xB7 ",
+            parsed.data.diagnostics.length
+          ] }),
+          /* @__PURE__ */ jsx("ul", { children: parsed.data.diagnostics.map((d, i) => /* @__PURE__ */ jsxs("li", { children: [
+            d.line,
+            ": ",
+            /* @__PURE__ */ jsx("code", { children: d.code })
+          ] }, i)) })
+        ] })
+      ]
+    }
+  );
+}
+
+export { ResearchDocument, defaultResearchLabels, defineResearchWidget };
+//# sourceMappingURL=chunk-Q6JDNFSG.js.map
+//# sourceMappingURL=chunk-Q6JDNFSG.js.map

package/dist/chunk-Q6JDNFSG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/research/diagram-image.ts","../src/components/research/diagram.tsx","../src/components/research/document.tsx"],"names":["jsx","jsxs","useId"],"mappings":"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","file":"chunk-Q6JDNFSG.js","sourcesContent":["import type { DOMPurify } from 'dompurify';\n\n/** The returned SVG must be consumed only by <img>, never injected into HTML.\n * SVG image isolation preserves Mermaid's layout CSS without granting it DOM\n * capabilities or allowing its styles to affect the surrounding document.\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/SVG_as_an_image\n */\nexport function diagramImage(source: string, purify: DOMPurify) {\n  const fragment = purify.sanitize(source, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    ADD_TAGS: ['style'],\n    FORBID_TAGS: ['foreignObject', 'image', 'a', 'script', 'animate', 'animateMotion', 'animateTransform', 'set'],\n    FORBID_ATTR: ['href', 'xlink:href'],\n    RETURN_DOM_FRAGMENT: true,\n  });\n  const svg = fragment.querySelector('svg');\n  if (!svg || !svg.getAttribute('viewBox')) throw new Error('invalid_diagram_svg');\n  const title = svg.querySelector('title')?.textContent?.trim();\n  const labels = [...svg.querySelectorAll('text')].map((node) => node.textContent?.trim()).filter(Boolean);\n  const description = title || labels.join(' · ') || 'Diagram';\n  return {\n    src: 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(new XMLSerializer().serializeToString(svg)),\n    description: description.slice(0, 2000),\n  };\n}\n","'use client';\n\nimport { useEffect, useId, useRef, useState } from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport type { ResearchLabels } from './document.js';\nimport { researchLimits } from './parse.js';\nimport { diagramImage } from './diagram-image.js';\n// Mermaid has mutable process-wide configuration. Serialise its configure/render\n// pair; document-local widgets and source code never get a configuration hook.\nlet pending: Promise<unknown> = Promise.resolve();\nexport function diagramSourceAllowed(source: string, engine: string) {\n  return (\n    engine === 'mermaid' && source.length <= researchLimits.block && !/^\\s*---/m.test(source) && !/%%\\s*\\{/.test(source)\n  );\n}\nexport function ResearchDiagram({\n  source,\n  engine,\n  labels,\n}: {\n  source: string;\n  engine: string;\n  labels: ResearchLabels;\n}) {\n  const id = `diagram-${useId().replace(/[^\\w-]/g, '')}`;\n  const container = useRef<HTMLDivElement>(null);\n  const [picture, setPicture] = useState<ReturnType<typeof diagramImage>>();\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const theme = useTheme(),\n    mode = theme.palette.mode;\n  useEffect(() => {\n    let cancelled = false;\n    setState('loading');\n    setPicture(undefined);\n    const target = container.current;\n    const run = async () => {\n      if (cancelled || !target) return;\n      if (!diagramSourceAllowed(source, engine)) {\n        setState('error');\n        return;\n      }\n      let scratch: HTMLDivElement | undefined;\n      try {\n        const [{ default: mermaid }, { default: purify }] = await Promise.all([import('mermaid'), import('dompurify')]);\n        if (cancelled) return;\n        scratch = document.createElement('div');\n        scratch.style.cssText = 'position:absolute;visibility:hidden;pointer-events:none;width:1000px';\n        target.append(scratch);\n        mermaid.initialize({\n          startOnLoad: false,\n          securityLevel: 'strict',\n          htmlLabels: false,\n          maxTextSize: researchLimits.block,\n          maxEdges: 256,\n          suppressErrorRendering: true,\n          look: 'classic',\n          theme: 'base',\n          fontFamily: 'system-ui, sans-serif',\n          themeVariables: {\n            darkMode: mode === 'dark',\n            primaryColor: theme.palette.background.paper,\n            primaryTextColor: theme.palette.text.primary,\n            primaryBorderColor: theme.palette.text.secondary,\n            secondaryColor: theme.palette.background.default,\n            tertiaryColor: theme.palette.background.paper,\n            lineColor: theme.palette.text.secondary,\n            textColor: theme.palette.text.primary,\n            fontFamily: 'system-ui, sans-serif',\n            fontSize: '16px',\n          },\n          flowchart: { htmlLabels: false },\n          secure: [\n            'securityLevel',\n            'startOnLoad',\n            'maxTextSize',\n            'maxEdges',\n            'htmlLabels',\n            'theme',\n            'look',\n            'fontFamily',\n            'themeCSS',\n            'themeVariables',\n          ],\n        });\n        const result = await mermaid.render(id, source, scratch);\n        const renderedPicture = diagramImage(result.svg, purify);\n        if (!cancelled) {\n          setPicture(renderedPicture);\n          setState('ready');\n        }\n      } catch {\n        if (!cancelled) setState('error');\n      } finally {\n        scratch?.remove();\n      }\n    };\n    pending = pending.catch(() => undefined).then(run);\n    return () => {\n      cancelled = true;\n      target?.replaceChildren();\n    };\n  }, [source, engine, id, theme, mode]);\n  return (\n    <figure className=\"prism-research__diagram\">\n      {state !== 'ready' && <p role=\"status\">{state === 'error' ? labels.invalid : labels.loading}</p>}\n      <div ref={container} aria-hidden=\"true\" />\n      {picture && (\n        <img\n          className=\"prism-research__diagram-image\"\n          src={picture.src}\n          alt={picture.description}\n          onError={() => setState('error')}\n        />\n      )}\n      <details open={state === 'error'}>\n        <summary>\n          {labels.source} · {engine}\n        </summary>\n        <pre>{source}</pre>\n      </details>\n    </figure>\n  );\n}\n","'use client';\n\nimport { ChevronDownIcon } from '../../icons/controls.js';\nimport { Component, useId, useMemo, type ReactNode, type ComponentType } from 'react';\nimport katex from 'katex';\nimport { Accordion, AccordionSummary, AccordionDetails, Box, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { TipTapRenderer, type TipTapNode } from '../tiptap-renderer/index.js';\nimport { parseResearchMarkdown, researchLimits } from './parse.js';\nimport { ResearchDiagram } from './diagram.js';\nimport './research.css';\n\nexport interface ResearchWidget {\n  version: number;\n  render: (props: unknown) => ReactNode;\n}\nexport type ResearchWidgets = Readonly<Record<string, ResearchWidget>>;\nexport function defineResearchWidget<P>(\n  version: number,\n  parse: (input: unknown) => P,\n  View: ComponentType<P & object>\n): ResearchWidget {\n  return {\n    version,\n    render(input) {\n      const props = parse(input);\n      return <View {...(props as P & object)} />;\n    },\n  };\n}\nexport interface ResearchLabels {\n  metadata: string;\n  contents: string;\n  source: string;\n  unavailable: string;\n  invalid: string;\n  loading: string;\n  diagnostics: string;\n}\nexport const defaultResearchLabels: ResearchLabels = {\n  metadata: 'Source metadata',\n  contents: 'On this page',\n  source: 'Source',\n  unavailable: 'This block is not available in this document.',\n  invalid: 'This block could not be rendered. Its source is preserved.',\n  loading: 'Rendering diagram…',\n  diagnostics: 'Document diagnostics',\n};\nexport interface ResearchDocumentProps {\n  /** Enables inert Docusaurus heading IDs and namespaced fragment links. */\n  sourceProfile?: 'research' | 'docusaurus';\n  source: string;\n  /** Stable namespace for deep links. A revision identifier belongs to the host's document metadata. */\n  documentId?: string;\n  widgets?: ResearchWidgets;\n  labels?: Partial<ResearchLabels>;\n  contents?: boolean;\n  className?: string;\n  sx?: SxProps<Theme>;\n}\nclass BlockBoundary extends Component<{ children: ReactNode; fallback: ReactNode }, { failed: boolean }> {\n  state = { failed: false };\n  static getDerivedStateFromError() {\n    return { failed: true };\n  }\n  render() {\n    return this.state.failed ? this.props.fallback : this.props.children;\n  }\n}\nfunction Formula({ node, labels }: { node: TipTapNode; labels: ResearchLabels }) {\n  const tex = String(node.attrs?.tex ?? '');\n  try {\n    if (tex.length > researchLimits.block) throw new Error('formula_limit');\n    const html = katex.renderToString(tex, {\n      displayMode: node.type === 'mathBlock',\n      trust: false,\n      strict: 'error',\n      throwOnError: true,\n      maxExpand: 1000,\n      maxSize: 20,\n      output: 'htmlAndMathml',\n    });\n    return (\n      <span\n        className={node.type === 'mathBlock' ? 'prism-research__formula-block' : undefined}\n        dangerouslySetInnerHTML={{ __html: html }}\n      />\n    );\n  } catch {\n    return (\n      <code className=\"prism-research__invalid-math\" title={labels.invalid}>\n        {tex}\n      </code>\n    );\n  }\n}\nfunction Widget({ node, widgets, labels }: { node: TipTapNode; widgets: ResearchWidgets; labels: ResearchLabels }) {\n  const d = node.attrs?.descriptor as { type?: unknown; version?: unknown; props?: unknown } | undefined;\n  if (!d || typeof d.type !== 'string' || !Object.hasOwn(widgets, d.type) || widgets[d.type]?.version !== d.version)\n    return (\n      <details className=\"prism-research__failure\">\n        <summary>{labels.unavailable}</summary>\n        <pre>{JSON.stringify(d)}</pre>\n      </details>\n    );\n  try {\n    return widgets[d.type]!.render(d.props);\n  } catch {\n    return (\n      <details className=\"prism-research__failure\">\n        <summary>{labels.invalid}</summary>\n        <pre>{JSON.stringify(d)}</pre>\n      </details>\n    );\n  }\n}\nconst emptyWidgets: ResearchWidgets = Object.freeze({});\nexport function ResearchDocument({\n  source,\n  sourceProfile = 'research',\n  documentId,\n  widgets = emptyWidgets,\n  labels: overrides,\n  contents = false,\n  className,\n  sx,\n}: ResearchDocumentProps) {\n  const uid = useId();\n  const prefix = documentId ?? `research-${uid.replace(/[^\\w-]/g, '')}`;\n  const labels = useMemo(() => ({ ...defaultResearchLabels, ...overrides }), [overrides]);\n  const parsed = useMemo(() => {\n    try {\n      return { data: parseResearchMarkdown(source, prefix, sourceProfile) };\n    } catch {\n      return { error: true };\n    }\n  }, [source, prefix, sourceProfile]);\n  const nodes = useMemo(() => {\n    const failure = (raw: string) => (\n      <details className=\"prism-research__failure\" open>\n        <summary>{labels.invalid}</summary>\n        <pre>{raw}</pre>\n      </details>\n    );\n    const bounded = (render: (node: TipTapNode) => ReactNode) => (props: { node: TipTapNode }) => {\n      const raw = String(\n        props.node.attrs?.tex ?? props.node.attrs?.code ?? JSON.stringify(props.node.attrs?.descriptor ?? {})\n      );\n      return (\n        <BlockBoundary key={raw} fallback={failure(raw)}>\n          {render(props.node)}\n        </BlockBoundary>\n      );\n    };\n    return {\n      mathInline: ({ node }: { node: TipTapNode }) => <Formula node={node} labels={labels} />,\n      mathBlock: ({ node }: { node: TipTapNode }) => <Formula node={node} labels={labels} />,\n      diagram: bounded((n) => (\n        <ResearchDiagram source={String(n.attrs?.code ?? '')} engine={String(n.attrs?.engine ?? '')} labels={labels} />\n      )),\n      researchWidget: bounded((n) => <Widget node={n} widgets={widgets} labels={labels} />),\n    };\n  }, [widgets, labels]);\n  if (!parsed.data) return <p role=\"alert\">{labels.invalid}</p>;\n  return (\n    <Box\n      className={`prism-research ${className ?? ''}`}\n      sx={(theme) => ({ '--prism-research-border': theme.palette.divider })}\n    >\n      {parsed.data.metadata && (\n        <Accordion\n          disableGutters\n          elevation={0}\n          sx={{ mb: 2, border: 1, borderColor: 'divider', '&:before': { display: 'none' } }}\n        >\n          <AccordionSummary expandIcon={<ChevronDownIcon fontSize=\"small\" />}>\n            <Typography variant=\"caption\" color=\"text.secondary\">\n              {labels.metadata} · YAML\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box\n              component=\"pre\"\n              sx={{\n                m: 0,\n                maxHeight: 240,\n                overflow: 'auto',\n                whiteSpace: 'pre-wrap',\n                overflowWrap: 'anywhere',\n                fontSize: 12,\n              }}\n            >\n              {parsed.data.metadata.raw}\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      )}\n      {contents && parsed.data.headings.length > 0 && (\n        <nav className=\"prism-research__contents\" aria-label={labels.contents}>\n          <p>{labels.contents}</p>\n          <ol>\n            {parsed.data.headings.map((h) => (\n              <li key={h.id}>\n                <a href={`#${h.id}`}>{h.title}</a>\n              </li>\n            ))}\n          </ol>\n        </nav>\n      )}\n      <TipTapRenderer content={parsed.data.doc} nodeRenderers={nodes} inheritRegisteredNodes={false} sx={sx} />\n      {parsed.data.diagnostics.length > 0 && (\n        <details className=\"prism-research__diagnostics\">\n          <summary>\n            {labels.diagnostics} · {parsed.data.diagnostics.length}\n          </summary>\n          <ul>\n            {parsed.data.diagnostics.map((d, i) => (\n              <li key={i}>\n                {d.line}: <code>{d.code}</code>\n              </li>\n            ))}\n          </ul>\n        </details>\n      )}\n    </Box>\n  );\n}\n"]}

package/dist/chunk-RPOGINR5.js

@@ -0,0 +1,115 @@
+import { useState, useCallback } from 'react';
+import MuiStepper from '@mui/material/Stepper';
+import Step from '@mui/material/Step';
+import StepLabel from '@mui/material/StepLabel';
+import StepContent from '@mui/material/StepContent';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/stepper/stepper.tsx
+function Stepper({
+  steps,
+  activeStep = 0,
+  onStepChange,
+  orientation = "horizontal",
+  nonLinear = false,
+  alternativeLabel = false,
+  showContent = false,
+  ...other
+}) {
+  const handleStepClick = (index) => {
+    if (nonLinear && onStepChange) {
+      onStepChange(index);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    MuiStepper,
+    {
+      activeStep,
+      orientation,
+      nonLinear,
+      alternativeLabel,
+      ...other,
+      children: steps.map((step, index) => /* @__PURE__ */ jsxs(Step, { completed: step.completed ?? index < activeStep, children: [
+        /* @__PURE__ */ jsx(
+          StepLabel,
+          {
+            optional: step.optional ? /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "text.secondary" }, children: "Optional" }) : step.description ? /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "text.secondary" }, children: step.description }) : void 0,
+            error: step.error,
+            icon: step.icon,
+            sx: {
+              cursor: nonLinear ? "pointer" : "default"
+            },
+            onClick: () => handleStepClick(index),
+            children: step.label
+          }
+        ),
+        orientation === "vertical" && showContent && step.content && /* @__PURE__ */ jsx(StepContent, { children: step.content })
+      ] }, index))
+    }
+  );
+}
+function useStepper({
+  initialStep = 0,
+  totalSteps,
+  onStepChange,
+  onComplete
+}) {
+  const [activeStep, setActiveStep] = useState(initialStep);
+  const [isCompleted, setIsCompleted] = useState(false);
+  const goToStep = useCallback(
+    (step) => {
+      if (step >= 0 && step < totalSteps) {
+        setActiveStep(step);
+        onStepChange?.(step);
+      }
+    },
+    [totalSteps, onStepChange]
+  );
+  const nextStep = useCallback(() => {
+    if (activeStep === totalSteps - 1) {
+      setIsCompleted(true);
+      onComplete?.();
+    } else {
+      goToStep(activeStep + 1);
+    }
+  }, [activeStep, totalSteps, goToStep, onComplete]);
+  const prevStep = useCallback(() => {
+    goToStep(activeStep - 1);
+  }, [activeStep, goToStep]);
+  const reset = useCallback(() => {
+    setActiveStep(0);
+    setIsCompleted(false);
+    onStepChange?.(0);
+  }, [onStepChange]);
+  return {
+    activeStep,
+    nextStep,
+    prevStep,
+    goToStep,
+    reset,
+    isFirstStep: activeStep === 0,
+    isLastStep: activeStep === totalSteps - 1,
+    isCompleted
+  };
+}
+function StepperActions({
+  stepper,
+  backLabel = "Back",
+  nextLabel = "Next",
+  finishLabel = "Finish",
+  disableNext = false,
+  actions
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, mt: 3 }, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: stepper.prevStep, disabled: stepper.isFirstStep, children: backLabel }),
+    /* @__PURE__ */ jsx(Box, { sx: { flex: 1 } }),
+    actions,
+    /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: stepper.nextStep, disabled: disableNext, children: stepper.isLastStep ? finishLabel : nextLabel })
+  ] });
+}
+
+export { Stepper, StepperActions, useStepper };
+//# sourceMappingURL=chunk-RPOGINR5.js.map
+//# sourceMappingURL=chunk-RPOGINR5.js.map

package/dist/chunk-RPOGINR5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/stepper/stepper.tsx"],"names":[],"mappings":"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","file":"chunk-RPOGINR5.js","sourcesContent":["'use client';\n\n/**\n * Stepper Component\n *\n * Multi-step wizard/stepper with custom styling.\n *\n * @module components/stepper\n */\n\nimport { useState, useCallback, type ReactNode } from 'react';\nimport MuiStepper from '@mui/material/Stepper';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport StepContent from '@mui/material/StepContent';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport type { StepperProps as MuiStepperProps } from '@mui/material/Stepper';\n\n/**\n * Step definition.\n */\nexport interface StepItem {\n  /** Step label */\n  label: string;\n  /** Step description */\n  description?: string;\n  /** Step content */\n  content?: ReactNode;\n  /** Optional step (can be skipped) */\n  optional?: boolean;\n  /** Step icon */\n  icon?: ReactNode;\n  /** Step is completed */\n  completed?: boolean;\n  /** Step has error */\n  error?: boolean;\n}\n\n/**\n * Props for Stepper component.\n */\nexport interface StepperProps extends Omit<MuiStepperProps, 'children'> {\n  /** Steps to display */\n  steps: StepItem[];\n  /** Active step index */\n  activeStep?: number;\n  /** On step change */\n  onStepChange?: (step: number) => void;\n  /** Stepper orientation */\n  orientation?: 'horizontal' | 'vertical';\n  /** Allow non-linear navigation */\n  nonLinear?: boolean;\n  /** Alternative label placement (horizontal only) */\n  alternativeLabel?: boolean;\n  /** Show step content (vertical only) */\n  showContent?: boolean;\n}\n\n/**\n * Stepper - Multi-step wizard/stepper.\n *\n * @example\n * ```tsx\n * <Stepper\n *   steps={[\n *     { label: 'Account', description: 'Create account' },\n *     { label: 'Profile', description: 'Complete profile', optional: true },\n *     { label: 'Verify', description: 'Verify email' },\n *   ]}\n *   activeStep={1}\n *   onStepChange={(step) => setActiveStep(step)}\n * />\n * ```\n */\nexport function Stepper({\n  steps,\n  activeStep = 0,\n  onStepChange,\n  orientation = 'horizontal',\n  nonLinear = false,\n  alternativeLabel = false,\n  showContent = false,\n  ...other\n}: StepperProps): ReactNode {\n  const handleStepClick = (index: number) => {\n    if (nonLinear && onStepChange) {\n      onStepChange(index);\n    }\n  };\n\n  return (\n    <MuiStepper\n      activeStep={activeStep}\n      orientation={orientation}\n      nonLinear={nonLinear}\n      alternativeLabel={alternativeLabel}\n      {...other}\n    >\n      {steps.map((step, index) => (\n        <Step key={index} completed={step.completed ?? index < activeStep}>\n          <StepLabel\n            optional={\n              step.optional ? (\n                <span style={{ fontSize: '0.75rem', color: 'text.secondary' }}>Optional</span>\n              ) : step.description ? (\n                <span style={{ fontSize: '0.75rem', color: 'text.secondary' }}>{step.description}</span>\n              ) : undefined\n            }\n            error={step.error}\n            icon={step.icon}\n            sx={{\n              cursor: nonLinear ? 'pointer' : 'default',\n            }}\n            onClick={() => handleStepClick(index)}\n          >\n            {step.label}\n          </StepLabel>\n          {orientation === 'vertical' && showContent && step.content && <StepContent>{step.content}</StepContent>}\n        </Step>\n      ))}\n    </MuiStepper>\n  );\n}\n\n/**\n * Return type for useStepper hook.\n */\nexport interface UseStepperReturn {\n  /** Current active step */\n  activeStep: number;\n  /** Go to next step */\n  nextStep: () => void;\n  /** Go to previous step */\n  prevStep: () => void;\n  /** Go to specific step */\n  goToStep: (step: number) => void;\n  /** Reset to first step */\n  reset: () => void;\n  /** Is first step */\n  isFirstStep: boolean;\n  /** Is last step */\n  isLastStep: boolean;\n  /** Step is completed */\n  isCompleted: boolean;\n}\n\n/**\n * Options for useStepper hook.\n */\nexport interface UseStepperOptions {\n  /** Initial step */\n  initialStep?: number;\n  /** Total steps */\n  totalSteps: number;\n  /** On step change callback */\n  onStepChange?: (step: number) => void;\n  /** On complete callback */\n  onComplete?: () => void;\n}\n\n/**\n * useStepper - Hook for managing stepper state.\n *\n * @example\n * ```tsx\n * const stepper = useStepper({\n *   totalSteps: 3,\n *   onComplete: () => console.log('Done!'),\n * });\n *\n * <Stepper steps={steps} activeStep={stepper.activeStep} />\n * <Button onClick={stepper.prevStep} disabled={stepper.isFirstStep}>\n *   Back\n * </Button>\n * <Button onClick={stepper.nextStep}>\n *   {stepper.isLastStep ? 'Finish' : 'Next'}\n * </Button>\n * ```\n */\nexport function useStepper({\n  initialStep = 0,\n  totalSteps,\n  onStepChange,\n  onComplete,\n}: UseStepperOptions): UseStepperReturn {\n  const [activeStep, setActiveStep] = useState(initialStep);\n  const [isCompleted, setIsCompleted] = useState(false);\n\n  const goToStep = useCallback(\n    (step: number) => {\n      if (step >= 0 && step < totalSteps) {\n        setActiveStep(step);\n        onStepChange?.(step);\n      }\n    },\n    [totalSteps, onStepChange]\n  );\n\n  const nextStep = useCallback(() => {\n    if (activeStep === totalSteps - 1) {\n      setIsCompleted(true);\n      onComplete?.();\n    } else {\n      goToStep(activeStep + 1);\n    }\n  }, [activeStep, totalSteps, goToStep, onComplete]);\n\n  const prevStep = useCallback(() => {\n    goToStep(activeStep - 1);\n  }, [activeStep, goToStep]);\n\n  const reset = useCallback(() => {\n    setActiveStep(0);\n    setIsCompleted(false);\n    onStepChange?.(0);\n  }, [onStepChange]);\n\n  return {\n    activeStep,\n    nextStep,\n    prevStep,\n    goToStep,\n    reset,\n    isFirstStep: activeStep === 0,\n    isLastStep: activeStep === totalSteps - 1,\n    isCompleted,\n  };\n}\n\n/**\n * Props for StepperActions component.\n */\nexport interface StepperActionsProps {\n  /** Stepper hook return */\n  stepper: UseStepperReturn;\n  /** Back button label */\n  backLabel?: string;\n  /** Next button label */\n  nextLabel?: string;\n  /** Finish button label */\n  finishLabel?: string;\n  /** Disable next button */\n  disableNext?: boolean;\n  /** Custom actions */\n  actions?: ReactNode;\n}\n\n/**\n * StepperActions - Common action buttons for stepper.\n *\n * @example\n * ```tsx\n * <StepperActions stepper={stepper} />\n * ```\n */\nexport function StepperActions({\n  stepper,\n  backLabel = 'Back',\n  nextLabel = 'Next',\n  finishLabel = 'Finish',\n  disableNext = false,\n  actions,\n}: StepperActionsProps): ReactNode {\n  return (\n    <Box sx={{ display: 'flex', gap: 2, mt: 3 }}>\n      <Button variant=\"outlined\" onClick={stepper.prevStep} disabled={stepper.isFirstStep}>\n        {backLabel}\n      </Button>\n      <Box sx={{ flex: 1 }} />\n      {actions}\n      <Button variant=\"contained\" onClick={stepper.nextStep} disabled={disableNext}>\n        {stepper.isLastStep ? finishLabel : nextLabel}\n      </Button>\n    </Box>\n  );\n}\n"]}