@omnitron-dev/prism 0.3.0 → 0.3.1

package/dist/chunk-PGHEP4JD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/controls.tsx"],"names":[],"mappings":"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","file":"chunk-PGHEP4JD.js","sourcesContent":["import { createPrismIcon } from './context.js';\nimport DefaultSearchIcon from '@mui/icons-material/Search';\nexport const SearchIcon = createPrismIcon('search', DefaultSearchIcon);\nimport DefaultCloseIcon from '@mui/icons-material/Close';\nexport const CloseIcon = createPrismIcon('close', DefaultCloseIcon);\nimport DefaultChevronDownIcon from '@mui/icons-material/ExpandMore';\nexport const ChevronDownIcon = createPrismIcon('chevronDown', DefaultChevronDownIcon);\nimport DefaultChevronUpIcon from '@mui/icons-material/ExpandLess';\nexport const ChevronUpIcon = createPrismIcon('chevronUp', DefaultChevronUpIcon);\nimport DefaultChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nexport const ChevronLeftIcon = createPrismIcon('chevronLeft', DefaultChevronLeftIcon);\nimport DefaultChevronRightIcon from '@mui/icons-material/ChevronRight';\nexport const ChevronRightIcon = createPrismIcon('chevronRight', DefaultChevronRightIcon);\nimport DefaultArrowUpIcon from '@mui/icons-material/ArrowUpward';\nexport const ArrowUpIcon = createPrismIcon('arrowUp', DefaultArrowUpIcon);\nimport DefaultArrowDownIcon from '@mui/icons-material/ArrowDownward';\nexport const ArrowDownIcon = createPrismIcon('arrowDown', DefaultArrowDownIcon);\nimport DefaultArrowLeftIcon from '@mui/icons-material/ArrowBack';\nexport const ArrowLeftIcon = createPrismIcon('arrowLeft', DefaultArrowLeftIcon);\nimport DefaultArrowRightIcon from '@mui/icons-material/ArrowForward';\nexport const ArrowRightIcon = createPrismIcon('arrowRight', DefaultArrowRightIcon);\nimport DefaultArrowUpRightIcon from '@mui/icons-material/NorthEast';\nexport const ArrowUpRightIcon = createPrismIcon('arrowUpRight', DefaultArrowUpRightIcon);\nimport DefaultPanelCollapseIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nexport const PanelCollapseIcon = createPrismIcon('panelCollapse', DefaultPanelCollapseIcon);\nimport DefaultPanelExpandIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nexport const PanelExpandIcon = createPrismIcon('panelExpand', DefaultPanelExpandIcon);\nimport DefaultMenuIcon from '@mui/icons-material/Menu';\nexport const MenuIcon = createPrismIcon('menu', DefaultMenuIcon);\nimport DefaultAddIcon from '@mui/icons-material/Add';\nexport const AddIcon = createPrismIcon('add', DefaultAddIcon);\nimport DefaultRemoveIcon from '@mui/icons-material/Remove';\nexport const RemoveIcon = createPrismIcon('remove', DefaultRemoveIcon);\nimport DefaultDragIcon from '@mui/icons-material/DragIndicator';\nexport const DragIcon = createPrismIcon('drag', DefaultDragIcon);\nimport DefaultCheckIcon from '@mui/icons-material/Check';\nexport const CheckIcon = createPrismIcon('check', DefaultCheckIcon);\nimport DefaultInfoIcon from '@mui/icons-material/InfoOutlined';\nexport const InfoIcon = createPrismIcon('info', DefaultInfoIcon);\nimport DefaultWarningIcon from '@mui/icons-material/WarningAmber';\nexport const WarningIcon = createPrismIcon('warning', DefaultWarningIcon);\nimport DefaultErrorIcon from '@mui/icons-material/ErrorOutlined';\nexport const ErrorIcon = createPrismIcon('error', DefaultErrorIcon);\nimport DefaultSuccessIcon from '@mui/icons-material/CheckCircleOutlined';\nexport const SuccessIcon = createPrismIcon('success', DefaultSuccessIcon);\nimport DefaultCheckboxIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nexport const CheckboxIcon = createPrismIcon('checkbox', DefaultCheckboxIcon);\nimport DefaultCheckboxCheckedIcon from '@mui/icons-material/CheckBox';\nexport const CheckboxCheckedIcon = createPrismIcon('checkboxChecked', DefaultCheckboxCheckedIcon);\nimport DefaultCheckboxMixedIcon from '@mui/icons-material/IndeterminateCheckBox';\nexport const CheckboxMixedIcon = createPrismIcon('checkboxMixed', DefaultCheckboxMixedIcon);\nimport DefaultRadioIcon from '@mui/icons-material/RadioButtonUnchecked';\nexport const RadioIcon = createPrismIcon('radio', DefaultRadioIcon);\nimport DefaultRadioCheckedIcon from '@mui/icons-material/RadioButtonChecked';\nexport const RadioCheckedIcon = createPrismIcon('radioChecked', DefaultRadioCheckedIcon);\nimport DefaultMoreIcon from '@mui/icons-material/MoreHoriz';\nexport const MoreIcon = createPrismIcon('more', DefaultMoreIcon);\nimport DefaultFilterIcon from '@mui/icons-material/FilterList';\nexport const FilterIcon = createPrismIcon('filter', DefaultFilterIcon);\nimport DefaultEmptyIcon from '@mui/icons-material/InboxOutlined';\nexport const EmptyIcon = createPrismIcon('empty', DefaultEmptyIcon);\nimport DefaultCopyIcon from '@mui/icons-material/ContentCopy';\nexport const CopyIcon = createPrismIcon('copy', DefaultCopyIcon);\nimport DefaultCalendarIcon from '@mui/icons-material/CalendarMonth';\nexport const CalendarIcon = createPrismIcon('calendar', DefaultCalendarIcon);\nimport DefaultDownloadIcon from '@mui/icons-material/Download';\nexport const DownloadIcon = createPrismIcon('download', DefaultDownloadIcon);\nimport DefaultUploadIcon from '@mui/icons-material/Upload';\nexport const UploadIcon = createPrismIcon('upload', DefaultUploadIcon);\nimport DefaultZoomInIcon from '@mui/icons-material/ZoomIn';\nexport const ZoomInIcon = createPrismIcon('zoomIn', DefaultZoomInIcon);\nimport DefaultZoomOutIcon from '@mui/icons-material/ZoomOut';\nexport const ZoomOutIcon = createPrismIcon('zoomOut', DefaultZoomOutIcon);\nimport DefaultFitViewIcon from '@mui/icons-material/FitScreen';\nexport const FitViewIcon = createPrismIcon('fitView', DefaultFitViewIcon);\nimport DefaultFullscreenIcon from '@mui/icons-material/Fullscreen';\nexport const FullscreenIcon = createPrismIcon('fullscreen', DefaultFullscreenIcon);\nimport DefaultFullscreenExitIcon from '@mui/icons-material/FullscreenExit';\nexport const FullscreenExitIcon = createPrismIcon('fullscreenExit', DefaultFullscreenExitIcon);\nimport DefaultShareIcon from '@mui/icons-material/Share';\nexport const ShareIcon = createPrismIcon('share', DefaultShareIcon);\nimport DefaultPlayIcon from '@mui/icons-material/PlayArrow';\nexport const PlayIcon = createPrismIcon('play', DefaultPlayIcon);\nimport DefaultEyeIcon from '@mui/icons-material/Visibility';\nexport const EyeIcon = createPrismIcon('eye', DefaultEyeIcon);\nimport DefaultEyeOffIcon from '@mui/icons-material/VisibilityOff';\nexport const EyeOffIcon = createPrismIcon('eyeOff', DefaultEyeOffIcon);\nimport DefaultKeyboardIcon from '@mui/icons-material/KeyboardOutlined';\nexport const KeyboardIcon = createPrismIcon('keyboard', DefaultKeyboardIcon);\nimport DefaultLockIcon from '@mui/icons-material/LockOutlined';\nexport const LockIcon = createPrismIcon('lock', DefaultLockIcon);\nimport DefaultUnlockIcon from '@mui/icons-material/LockOpenOutlined';\nexport const UnlockIcon = createPrismIcon('unlock', DefaultUnlockIcon);\nimport DefaultStarIcon from '@mui/icons-material/Star';\nexport const StarIcon = createPrismIcon('star', DefaultStarIcon);\nimport DefaultStarEmptyIcon from '@mui/icons-material/StarBorder';\nexport const StarEmptyIcon = createPrismIcon('starEmpty', DefaultStarEmptyIcon);\nimport DefaultFirstPageIcon from '@mui/icons-material/FirstPage';\nexport const FirstPageIcon = createPrismIcon('firstPage', DefaultFirstPageIcon);\nimport DefaultLastPageIcon from '@mui/icons-material/LastPage';\nexport const LastPageIcon = createPrismIcon('lastPage', DefaultLastPageIcon);\n"]}

package/dist/chunk-PXXPLHIY.js

@@ -0,0 +1,74 @@
+import { scrollbarStyles } from './chunk-HOXFSQUV.js';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var ScrollbarRoot = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(({ theme, ownerState }) => {
+  const { fillContent, hideScrollbar, autoHide, axis } = ownerState;
+  const getOverflow = () => {
+    if (axis === "x") return { overflowX: "auto", overflowY: "hidden" };
+    if (axis === "y") return { overflowX: "hidden", overflowY: "auto" };
+    return { overflow: "auto" };
+  };
+  return {
+    minWidth: 0,
+    minHeight: 0,
+    ...getOverflow(),
+    ...fillContent && {
+      flexGrow: 1,
+      display: "flex",
+      flexDirection: "column"
+    },
+    ...!hideScrollbar && scrollbarStyles(theme, { autoHide }),
+    ...hideScrollbar && {
+      scrollbarWidth: "none",
+      msOverflowStyle: "none",
+      "&::-webkit-scrollbar": {
+        display: "none"
+      }
+    }
+  };
+});
+function Scrollbar({
+  children,
+  sx,
+  fillContent = false,
+  hideScrollbar = false,
+  autoHide = true,
+  axis = "y",
+  maxHeight,
+  minHeight,
+  className,
+  ref,
+  ...other
+}) {
+  const ownerState = {
+    fillContent,
+    hideScrollbar,
+    autoHide,
+    axis
+  };
+  return /* @__PURE__ */ jsx(
+    ScrollbarRoot,
+    {
+      ref,
+      ownerState,
+      className,
+      sx: [
+        {
+          ...maxHeight !== void 0 && { maxHeight },
+          ...minHeight !== void 0 && { minHeight }
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      ...other,
+      children
+    }
+  );
+}
+
+export { Scrollbar };
+//# sourceMappingURL=chunk-PXXPLHIY.js.map
+//# sourceMappingURL=chunk-PXXPLHIY.js.map

package/dist/chunk-PXXPLHIY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scrollbar/scrollbar.tsx"],"names":[],"mappings":";;;;;AAwDA,IAAM,aAAA,GAAgB,OAAO,GAAA,EAAK;AAAA,EAChC,iBAAA,EAAmB,CAAC,IAAA,KAAS,IAAA,KAAS;AACxC,CAAC,CAAA,CAAsB,CAAC,EAAE,KAAA,EAAO,YAAW,KAAM;AAChD,EAAA,MAAM,EAAE,WAAA,EAAa,aAAA,EAAe,QAAA,EAAU,MAAK,GAAI,UAAA;AAEvD,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,IAAI,SAAS,GAAA,EAAK,OAAO,EAAE,SAAA,EAAW,MAAA,EAAQ,WAAW,QAAA,EAAS;AAClE,IAAA,IAAI,SAAS,GAAA,EAAK,OAAO,EAAE,SAAA,EAAW,QAAA,EAAU,WAAW,MAAA,EAAO;AAClE,IAAA,OAAO,EAAE,UAAU,MAAA,EAAO;AAAA,EAC5B,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,QAAA,EAAU,CAAA;AAAA,IACV,SAAA,EAAW,CAAA;AAAA,IACX,GAAG,WAAA,EAAY;AAAA,IACf,GAAI,WAAA,IAAe;AAAA,MACjB,QAAA,EAAU,CAAA;AAAA,MACV,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,GAAI,CAAC,aAAA,IAAiB,gBAAgB,KAAA,EAAO,EAAE,UAAU,CAAA;AAAA,IACzD,GAAI,aAAA,IAAiB;AAAA,MACnB,cAAA,EAAgB,MAAA;AAAA,MAChB,eAAA,EAAiB,MAAA;AAAA,MACjB,sBAAA,EAAwB;AAAA,QACtB,OAAA,EAAS;AAAA;AACX;AACF,GACF;AACF,CAAC,CAAA;AA+BM,SAAS,SAAA,CAAU;AAAA,EACxB,QAAA;AAAA,EACA,EAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,aAAA,GAAgB,KAAA;AAAA,EAChB,QAAA,GAAW,IAAA;AAAA,EACX,IAAA,GAAO,GAAA;AAAA,EACP,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmD;AACjD,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,WAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF;AAAA,UACE,GAAI,SAAA,KAAc,MAAA,IAAa,EAAE,SAAA,EAAU;AAAA,UAC3C,GAAI,SAAA,KAAc,MAAA,IAAa,EAAE,SAAA;AAAU,SAC7C;AAAA,QACA,GAAI,KAAA,CAAM,OAAA,CAAQ,EAAE,CAAA,GAAI,EAAA,GAAK,CAAC,EAAE;AAAA,OAClC;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-PXXPLHIY.js","sourcesContent":["'use client';\n\n/**\n * Scrollbar Component\n *\n * Custom scrollbar wrapper with themed styling.\n *\n * @module components/scrollbar\n */\n\nimport type { ReactNode, Ref } from 'react';\nimport Box from '@mui/material/Box';\nimport { styled } from '@mui/material/styles';\nimport { scrollbarStyles } from '../../theme/mixins.js';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ScrollbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Content to scroll */\n  children?: ReactNode;\n  /** Additional styles */\n  sx?: SxProps<Theme>;\n  /** Fill available content space */\n  fillContent?: boolean;\n  /** Hide scrollbar (content still scrollable) */\n  hideScrollbar?: boolean;\n  /** Reveal on hover or keyboard focus; native visibility on touch/high contrast. */\n  autoHide?: boolean;\n  /** Scrollbar axis */\n  axis?: 'x' | 'y' | 'both';\n  /** Max height constraint */\n  maxHeight?: number | string;\n  /** Min height constraint */\n  minHeight?: number | string;\n  /** Additional class name */\n  className?: string;\n  /** Scroll event handler */\n  onScroll?: React.UIEventHandler<HTMLDivElement>;\n}\n\n// =============================================================================\n// STYLED COMPONENT\n// =============================================================================\n\ninterface ScrollbarRootProps {\n  ownerState: {\n    fillContent: boolean;\n    hideScrollbar: boolean;\n    autoHide: boolean;\n    axis: 'x' | 'y' | 'both';\n  };\n}\n\nconst ScrollbarRoot = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<ScrollbarRootProps>(({ theme, ownerState }) => {\n  const { fillContent, hideScrollbar, autoHide, axis } = ownerState;\n\n  const getOverflow = () => {\n    if (axis === 'x') return { overflowX: 'auto', overflowY: 'hidden' } as const;\n    if (axis === 'y') return { overflowX: 'hidden', overflowY: 'auto' } as const;\n    return { overflow: 'auto' } as const;\n  };\n\n  return {\n    minWidth: 0,\n    minHeight: 0,\n    ...getOverflow(),\n    ...(fillContent && {\n      flexGrow: 1,\n      display: 'flex',\n      flexDirection: 'column',\n    }),\n    ...(!hideScrollbar && scrollbarStyles(theme, { autoHide })),\n    ...(hideScrollbar && {\n      scrollbarWidth: 'none',\n      msOverflowStyle: 'none',\n      '&::-webkit-scrollbar': {\n        display: 'none',\n      },\n    }),\n  };\n});\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\n/**\n * Scrollbar - Custom scrollbar wrapper with themed styling.\n *\n * @example\n * ```tsx\n * <Scrollbar maxHeight={400}>\n *   <List>...</List>\n * </Scrollbar>\n * ```\n *\n * @example\n * ```tsx\n * // Horizontal scrollbar\n * <Scrollbar axis=\"x\">\n *   <Stack direction=\"row\" spacing={2}>...</Stack>\n * </Scrollbar>\n * ```\n *\n * @example\n * ```tsx\n * // Fill available space\n * <Scrollbar fillContent>\n *   {content}\n * </Scrollbar>\n * ```\n */\nexport function Scrollbar({\n  children,\n  sx,\n  fillContent = false,\n  hideScrollbar = false,\n  autoHide = true,\n  axis = 'y',\n  maxHeight,\n  minHeight,\n  className,\n  ref,\n  ...other\n}: ScrollbarProps & { ref?: Ref<HTMLDivElement> }) {\n  const ownerState = {\n    fillContent,\n    hideScrollbar,\n    autoHide,\n    axis,\n  };\n\n  return (\n    <ScrollbarRoot\n      ref={ref}\n      ownerState={ownerState}\n      className={className}\n      sx={[\n        {\n          ...(maxHeight !== undefined && { maxHeight }),\n          ...(minHeight !== undefined && { minHeight }),\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...other}\n    >\n      {children}\n    </ScrollbarRoot>\n  );\n}\n"]}

package/dist/chunk-SU3LVQ7N.js

@@ -0,0 +1,518 @@
+import { TipTapRenderer } from './chunk-GUGTDURV.js';
+import { ChevronDownIcon } from './chunk-PGHEP4JD.js';
+import { fromMarkdown } from 'mdast-util-from-markdown';
+import { gfm } from 'micromark-extension-gfm';
+import { gfmFromMarkdown } from 'mdast-util-gfm';
+import { directive } from 'micromark-extension-directive';
+import { directiveFromMarkdown } from 'mdast-util-directive';
+import { math } from 'micromark-extension-math';
+import { mathFromMarkdown } from 'mdast-util-math';
+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/frontmatter.ts
+function splitFrontmatter(source) {
+  const opening = /^(?:\uFEFF)?---[ \t]*\r?\n/.exec(source);
+  if (!opening) return { body: source, metadata: void 0 };
+  let offset = opening[0].length;
+  while (offset < source.length) {
+    const newline = source.indexOf("\n", offset);
+    const end = newline < 0 ? source.length : newline + 1;
+    if (/^(?:---|\.\.\.)[ \t]*(?:\r?\n)?$/.test(source.slice(offset, end))) {
+      const raw = source.slice(0, end);
+      return {
+        body: raw.replace(/[^\r\n]/g, " ") + source.slice(end),
+        metadata: { format: "yaml", raw, start: 0, end }
+      };
+    }
+    offset = end;
+  }
+  return { body: source, metadata: void 0 };
+}
+var researchLimits = { source: 262144, nodes: 2e4, depth: 64, block: 2e4 };
+var str = (v) => typeof v === "string" ? v : "";
+var plain = (n) => str(n.value) || (n.children ?? []).map(plain).join("");
+function parseResearchMarkdown(source, prefix = "research", sourceProfile = "research") {
+  if (source.length > researchLimits.source) throw new Error("document_limit");
+  if (!/^[a-zA-Z][\w-]{0,100}$/.test(prefix)) throw new Error("invalid_document_prefix");
+  const { body, metadata } = splitFrontmatter(source);
+  const tree = fromMarkdown(body, {
+    extensions: [gfm(), directive(), math()],
+    mdastExtensions: [gfmFromMarkdown(), directiveFromMarkdown(), mathFromMarkdown()]
+  });
+  const headings = [], diagnostics = [];
+  const ids = /* @__PURE__ */ new Set();
+  let count = 0;
+  const definitions = /* @__PURE__ */ new Map();
+  const collect = (n, depth) => {
+    if (++count > researchLimits.nodes || depth > researchLimits.depth) throw new Error("structure_limit");
+    if (n.type === "definition") definitions.set(str(n.identifier), n);
+    for (const c of n.children ?? []) collect(c, depth + 1);
+  };
+  collect(tree, 0);
+  const fallback = (n, code, inline = false) => {
+    diagnostics.push({ code, line: n.position?.start.line ?? 1 });
+    const raw = source.slice(n.position?.start.offset ?? 0, n.position?.end.offset ?? 0) || plain(n);
+    return inline ? { type: "text", text: raw } : { type: "codeBlock", content: [{ type: "text", text: raw }] };
+  };
+  const convert = (n, marks = []) => {
+    const children = () => (n.children ?? []).flatMap((c) => convert(c, marks));
+    const node = (type, attrs, content = children()) => [
+      {
+        type,
+        attrs: { ...attrs, source: n.position },
+        content
+      }
+    ];
+    switch (n.type) {
+      case "root":
+        return children();
+      case "definition":
+        return [];
+      case "text":
+        return [{ type: "text", text: str(n.value), marks }];
+      case "inlineCode":
+        return [{ type: "text", text: str(n.value), marks: [...marks, { type: "code" }] }];
+      case "strong":
+      case "emphasis":
+      case "delete":
+        return (n.children ?? []).flatMap(
+          (c) => convert(c, [...marks, { type: { strong: "bold", emphasis: "italic", delete: "strike" }[n.type] }])
+        );
+      case "paragraph":
+        return node("paragraph");
+      case "heading": {
+        const explicit = sourceProfile === "docusaurus" ? /\s*\{#([^\s{}]+)\}\s*$/.exec(plain(n)) : null;
+        const title = explicit ? plain(n).slice(0, explicit.index) : plain(n);
+        const base = `${prefix}-${explicit?.[1] ?? (title.normalize("NFKC").toLowerCase().replace(/[^\p{L}\p{N}]+/gu, "-").replace(/^-|-$/g, "") || "section")}`;
+        let id = base, suffix = 1;
+        while (ids.has(id)) id = `${base}-${++suffix}`;
+        if (explicit && id !== base)
+          diagnostics.push({ code: "duplicate_heading_id", line: n.position?.start.line ?? 1 });
+        ids.add(id);
+        headings.push({ id, title, level: Number(n.depth) });
+        let content = n.children ?? [];
+        if (explicit) {
+          const last = content.at(-1);
+          if (last?.type === "text")
+            content = [
+              ...content.slice(0, -1),
+              { ...last, value: str(last.value).replace(/\s*\{#[^\s{}]+\}\s*$/, "") }
+            ];
+        }
+        return node(
+          "heading",
+          { level: n.depth, id },
+          content.flatMap((c) => convert(c, marks))
+        );
+      }
+      case "linkReference":
+      case "imageReference": {
+        const def = definitions.get(str(n.identifier));
+        if (!def) return [fallback(n, "unresolved_reference", true)];
+        return convert(
+          { ...n, type: n.type === "linkReference" ? "link" : "image", url: def.url, title: def.title },
+          marks
+        );
+      }
+      case "link":
+        return (n.children ?? []).flatMap(
+          (c) => convert(c, [
+            ...marks,
+            {
+              type: "link",
+              attrs: {
+                href: sourceProfile === "docusaurus" && str(n.url).startsWith("#") ? `#${prefix}-${str(n.url).slice(1)}` : str(n.url)
+              }
+            }
+          ])
+        );
+      case "image":
+        return node("image", { src: str(n.url), alt: str(n.alt), title: str(n.title) }, []);
+      case "break":
+        return node("hardBreak", {}, []);
+      case "blockquote":
+        return node("blockquote");
+      case "thematicBreak":
+        return node("horizontalRule", {}, []);
+      case "list":
+        return node(
+          (n.children ?? []).some((c) => typeof c.checked === "boolean") ? "taskList" : n.ordered ? "orderedList" : "bulletList",
+          { start: n.start }
+        );
+      case "listItem":
+        return node(typeof n.checked === "boolean" ? "taskItem" : "listItem", { checked: n.checked });
+      case "table":
+        return node(
+          "table",
+          {},
+          (n.children ?? []).map((row, i) => ({
+            type: "tableRow",
+            content: (row.children ?? []).map((cell) => ({
+              type: i === 0 ? "tableHeader" : "tableCell",
+              content: [{ type: "paragraph", content: (cell.children ?? []).flatMap((c) => convert(c)) }]
+            }))
+          }))
+        );
+      case "inlineMath":
+      case "math":
+        return node(n.type === "math" ? "mathBlock" : "mathInline", { tex: str(n.value) }, []).map((n2) => ({
+          ...n2,
+          marks
+        }));
+      case "code": {
+        const language = str(n.lang).toLowerCase(), body2 = str(n.value);
+        if (["mermaid", "pintora", "prism"].includes(language) && body2.length > researchLimits.block)
+          return [fallback(n, "block_limit")];
+        if (language === "mermaid" || language === "pintora")
+          return node("diagram", { engine: language, code: body2 }, []);
+        if (language === "prism") {
+          try {
+            return node("researchWidget", { descriptor: JSON.parse(body2) }, []);
+          } catch {
+            return [fallback(n, "invalid_widget_json")];
+          }
+        }
+        return node("codeBlock", { language, title: str(n.meta) }, [{ type: "text", text: body2 }]);
+      }
+      case "containerDirective":
+      case "leafDirective": {
+        const name = str(n.name), attrs = n.attributes ?? {};
+        if (["note", "tip", "warning", "danger", "info", "caution"].includes(name))
+          return node("admonition", { kind: name, title: attrs.title || name });
+        if (name === "tabs") {
+          if ((n.children ?? []).some((c) => c.type !== "containerDirective" || c.name !== "tab"))
+            return [fallback(n, "invalid_tabs")];
+          return node(
+            "tabs",
+            {},
+            (n.children ?? []).flatMap((c) => convert(c))
+          );
+        }
+        if (name === "tab") return node("tabItem", { label: attrs.label || attrs.value || "Tab" });
+        if (name === "widget")
+          return node(
+            "researchWidget",
+            {
+              descriptor: {
+                type: attrs.type,
+                version: Number(attrs.version || 1),
+                props: Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "type" && key !== "version"))
+              }
+            },
+            []
+          );
+        return [fallback(n, "unknown_directive")];
+      }
+      case "html":
+        return [fallback(n, "raw_html", true)];
+      default:
+        return [
+          fallback(
+            n,
+            `unsupported_${n.type}`,
+            n.type.startsWith("inline") || n.type === "textDirective" || n.type === "footnoteReference"
+          )
+        ];
+    }
+  };
+  return { format: "prism-research/1", metadata, doc: { type: "doc", content: convert(tree) }, headings, diagnostics };
+}
+
+// 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 picture2 = diagramImage(result.svg, purify);
+        if (!cancelled) {
+          setPicture(picture2);
+          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]);
+  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 = { ...defaultResearchLabels, ...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.invalid, labels.unavailable, labels.loading, labels.source]);
+  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, parseResearchMarkdown, researchLimits, splitFrontmatter };
+//# sourceMappingURL=chunk-SU3LVQ7N.js.map
+//# sourceMappingURL=chunk-SU3LVQ7N.js.map