@owomark/view 0.1.4 → 0.1.6

package/dist/chunk-DHRAXGIK.js

@@ -1,1710 +0,0 @@
-// src/processor/rehype-math-display-fix.ts
-function rehypeMathDisplayFix() {
-  return (tree) => {
-    walk(tree);
-  };
-}
-function walk(node) {
-  if (!node?.type || !Array.isArray(node.children)) return;
-  for (let i = 0; i < node.children.length; i++) {
-    const child = node.children[i];
-    if (child?.type === "element" && child.tagName === "pre" && Array.isArray(child.children) && child.children.length === 1) {
-      const codeEl = child.children[0];
-      if (codeEl?.type === "element" && codeEl.tagName === "code") {
-        const classes = codeEl.properties?.className ?? [];
-        if (classes.includes("math-display")) {
-          node.children[i] = {
-            type: "element",
-            tagName: "div",
-            properties: { className: ["math-display-block"] },
-            children: codeEl.children
-          };
-        }
-      }
-    }
-    walk(child);
-  }
-}
-
-// src/processor/remark-soft-breaks.ts
-function remarkConvertSoftBreaksToHardBreaks() {
-  return (tree) => {
-    walkNode(tree);
-  };
-}
-function walkNode(node) {
-  if (!node || typeof node !== "object") return;
-  if (node.type === "paragraph" && Array.isArray(node.children)) {
-    node.children = rewriteInlineChildren(node.children);
-    return;
-  }
-  if (Array.isArray(node.children)) {
-    for (const child of node.children) {
-      walkNode(child);
-    }
-  }
-}
-function rewriteInlineChildren(children) {
-  let changed = false;
-  const result = [];
-  for (const child of children) {
-    if (!child || typeof child !== "object") continue;
-    if (child.type === "text" && typeof child.value === "string" && /[\r\n]/.test(child.value)) {
-      pushSplitTextNodes(result, child);
-      changed = true;
-      continue;
-    }
-    if (Array.isArray(child.children)) {
-      const rewritten = rewriteInlineChildren(child.children);
-      if (rewritten !== child.children) {
-        result.push({ ...child, children: rewritten });
-        changed = true;
-      } else {
-        result.push(child);
-      }
-      continue;
-    }
-    result.push(child);
-  }
-  return changed ? result : children;
-}
-function pushSplitTextNodes(target, textNode) {
-  const normalized = textNode.value.replace(/\r\n?/g, "\n");
-  const parts = normalized.split("\n");
-  for (let i = 0; i < parts.length; i++) {
-    if (parts[i]) {
-      target.push({ ...textNode, value: parts[i] });
-    }
-    if (i < parts.length - 1) {
-      target.push({ type: "break" });
-    }
-  }
-}
-
-// src/processor/remark-side-annotation.ts
-var STRUCTURAL_TYPES = {
-  ":": "plain",
-  "}": "brace",
-  "{": "left-brace",
-  "]": "bracket",
-  "[": "left-bracket",
-  "|": "line",
-  "-": "dash",
-  "->": "arrow",
-  "=>": "fat-arrow",
-  "~>": "wave-arrow"
-};
-var SEMANTIC_TYPES = {
-  "!": "warning",
-  "?": "question"
-};
-var COMPOUND_TYPES = {
-  "}->": "brace-arrow",
-  "}=>": "brace-fat-arrow",
-  "]->": "bracket-arrow",
-  "]=>": "bracket-fat-arrow",
-  "|->": "line-arrow",
-  "|=>": "line-fat-arrow",
-  "}!": "brace-warning",
-  "}?": "brace-question"
-};
-var TYPE_TABLE = {
-  ...STRUCTURAL_TYPES,
-  ...SEMANTIC_TYPES,
-  ...COMPOUND_TYPES
-};
-var TYPE_SYMBOLS_SORTED = Object.keys(TYPE_TABLE).sort(
-  (a, b) => b.length - a.length
-);
-var TYPE_BY_KEYWORD = Object.fromEntries(
-  Object.entries(TYPE_TABLE).map(([symbol, keyword]) => [keyword, symbol])
-);
-function makeSideAnnotationNode(opts) {
-  const classNames = ["side-annotation", `side-type-${opts.sideType}`];
-  if (opts.orphan) classNames.push("side-orphan");
-  const hProperties = {
-    className: classNames,
-    "data-side-type": opts.sideType
-  };
-  if (opts.inlineText) {
-    hProperties["data-side-text"] = opts.inlineText;
-  }
-  if (opts.orphan) {
-    hProperties["data-side-orphan"] = "true";
-  }
-  return {
-    type: "sideAnnotation",
-    data: { hName: "div", hProperties },
-    sideType: opts.sideType,
-    sideTypeSymbol: opts.sideTypeSymbol,
-    noteRef: opts.noteRef ?? null,
-    inlineText: opts.inlineText ?? null,
-    orphan: opts.orphan,
-    children: opts.children
-  };
-}
-var INLINE_ANNOTATION_RE = /(?:^|(?<=\s))\(>((?:[^ ()\\]|\\.)+?) ((?:[^)\\]|\\.)*)\)\s*$/m;
-var CONTINUATION_RE = /(?:^|(?<=\s))\(>\+\)\s*$/m;
-var CONTINUATION_RE_GLOBAL = /(?:^|(?<=\s))\(>\+\)\s*$/gm;
-var ESCAPE_RE = /\(\\>/;
-var NOTE_DEF_RE = /^\[>([\w-]+)\]:\s*(?:\{type=([^}"]+|"[^"]*")\}\s*)?/;
-var NOTE_REF_RE = /^\[>([\w-]+)\]$/;
-function remarkSideAnnotation() {
-  return (tree) => {
-    const noteDefinitions = collectNoteDefinitions(tree);
-    processDirectiveContainers(tree, noteDefinitions);
-    processInlineAnnotations(tree);
-  };
-}
-function collectNoteDefinitions(tree) {
-  const defs = /* @__PURE__ */ new Map();
-  const toRemove = [];
-  for (let i = 0; i < tree.children.length; i++) {
-    const node = tree.children[i];
-    if (node.type !== "paragraph") continue;
-    const text = extractParagraphText(node);
-    const match = NOTE_DEF_RE.exec(text);
-    if (!match) continue;
-    const id = match[1];
-    if (defs.has(id)) continue;
-    let typeSymbol = ":";
-    if (match[2]) {
-      const raw = match[2].replace(/^"|"$/g, "");
-      if (TYPE_TABLE[raw]) {
-        typeSymbol = raw;
-      } else if (TYPE_BY_KEYWORD[raw]) {
-        typeSymbol = TYPE_BY_KEYWORD[raw];
-      }
-    }
-    const contentText = text.slice(match[0].length).trim();
-    const contentChildren = [];
-    if (contentText) {
-      contentChildren.push({
-        type: "paragraph",
-        children: [{ type: "text", value: contentText }]
-      });
-    }
-    let j = i + 1;
-    while (j < tree.children.length) {
-      const next = tree.children[j];
-      if (next.type === "paragraph") {
-        const nextText = extractParagraphText(next);
-        if (nextText.startsWith("    ")) {
-          contentChildren.push({
-            type: "paragraph",
-            children: [{ type: "text", value: nextText.replace(/^    /gm, "") }]
-          });
-          toRemove.push(j);
-          j++;
-          continue;
-        }
-      }
-      break;
-    }
-    defs.set(id, {
-      type: "sideNoteDefinition",
-      identifier: id,
-      sideTypeSymbol: typeSymbol,
-      sideType: TYPE_TABLE[typeSymbol] || "plain",
-      children: contentChildren
-    });
-    toRemove.push(i);
-  }
-  for (const idx of toRemove.sort((a, b) => b - a)) {
-    tree.children.splice(idx, 1);
-  }
-  return defs;
-}
-function processDirectiveContainers(tree, noteDefinitions) {
-  for (let i = 0; i < tree.children.length; i++) {
-    const node = tree.children[i];
-    if (node.type !== "containerDirective" || node.name !== "side") continue;
-    if (!node.children || node.children.length === 0) continue;
-    const label = extractDirectiveLabel(node);
-    let sideType = "plain";
-    let sideTypeSymbol = ":";
-    let noteRef = null;
-    let inlineText = null;
-    if (label) {
-      const refMatch = NOTE_REF_RE.exec(label.trim());
-      if (refMatch) {
-        noteRef = refMatch[1];
-        const def = noteDefinitions.get(noteRef);
-        if (def) {
-          sideType = def.sideType;
-          sideTypeSymbol = def.sideTypeSymbol;
-        }
-      } else {
-        const stripped = label.trim().replace(/^\(>(.*)\)$/, "$1");
-        const parsed = parseInlineAnnotationText(stripped);
-        if (parsed) {
-          sideType = parsed.sideType;
-          sideTypeSymbol = parsed.sideTypeSymbol;
-          inlineText = parsed.content;
-        }
-      }
-    }
-    const resolvedText = noteRef ? noteDefinitions.get(noteRef)?.children.map(
-      (c) => c.type === "paragraph" ? extractParagraphText(c) : ""
-    ).join("\n") || null : inlineText;
-    const sideNode = makeSideAnnotationNode({
-      sideType,
-      sideTypeSymbol,
-      noteRef,
-      inlineText: resolvedText,
-      children: node.children
-    });
-    tree.children[i] = sideNode;
-  }
-}
-function processInlineAnnotations(tree) {
-  processAnnotationsInChildren(tree.children);
-}
-function processAnnotationsInChildren(children) {
-  let i = children.length - 1;
-  while (i >= 0) {
-    const node = children[i];
-    if (node.type === "paragraph") {
-      const result = tryExtractInlineAnnotation(node);
-      if (result?.type === "continuation") {
-        const chainResult = buildContinuationChain(children, i);
-        if (chainResult) {
-          const { startIdx, sideNode } = chainResult;
-          const count = i - startIdx + 1;
-          children.splice(startIdx, count, sideNode);
-          i = startIdx - 1;
-          continue;
-        } else {
-          const strippedNode = stripAnnotationMatches(node, CONTINUATION_RE);
-          children[i] = makeSideAnnotationNode({
-            sideType: "plain",
-            sideTypeSymbol: ":",
-            orphan: true,
-            children: [strippedNode]
-          });
-        }
-      } else if (result?.type === "annotation") {
-        let strippedNode = node;
-        if (result.softBreakAnnotation) {
-          strippedNode = stripAnnotationMatches(strippedNode, CONTINUATION_RE_GLOBAL, { removeAllOccurrences: true });
-        }
-        strippedNode = stripAnnotationMatches(strippedNode, INLINE_ANNOTATION_RE);
-        children[i] = makeSideAnnotationNode({
-          sideType: result.sideType,
-          sideTypeSymbol: result.sideTypeSymbol,
-          inlineText: result.content,
-          children: [strippedNode]
-        });
-      }
-    }
-    if (node.type === "list" && Array.isArray(node.children)) {
-      processListAnnotations(node, children, i);
-    }
-    if (node.type === "blockquote" && Array.isArray(node.children)) {
-      processAnnotationsInChildren(node.children);
-    }
-    i--;
-  }
-}
-function processListAnnotations(listNode, parentChildren, listIdx) {
-  const listItems = listNode.children;
-  if (!listItems?.length) return;
-  for (const li of listItems) {
-    if (li.type === "listItem" && Array.isArray(li.children)) {
-      const subChildren = li.children.slice(1);
-      if (subChildren.length) processAnnotationsInChildren(subChildren);
-    }
-  }
-  const infos = listItems.map((li) => {
-    if (li.type !== "listItem" || !Array.isArray(li.children)) {
-      return { annotation: null, paragraph: null };
-    }
-    const firstChild = li.children[0];
-    if (!firstChild || firstChild.type !== "paragraph") {
-      return { annotation: null, paragraph: null };
-    }
-    return {
-      annotation: tryExtractInlineAnnotation(firstChild),
-      paragraph: firstChild
-    };
-  });
-  const chains = [];
-  const consumed = /* @__PURE__ */ new Set();
-  let i = infos.length - 1;
-  while (i >= 0) {
-    const info = infos[i];
-    if (info.annotation?.type === "continuation") {
-      const chainEnd = i;
-      let j = i - 1;
-      let headIdx = -1;
-      let headResult = null;
-      while (j >= 0) {
-        const prev = infos[j];
-        if (!prev.annotation) break;
-        if (prev.annotation.type === "continuation") {
-          j--;
-          continue;
-        }
-        if (prev.annotation.type === "annotation") {
-          headIdx = j;
-          headResult = prev.annotation;
-          break;
-        }
-        break;
-      }
-      if (headIdx >= 0 && headResult && headResult.type === "annotation") {
-        chains.push({
-          headIdx,
-          endIdx: chainEnd,
-          sideType: headResult.sideType,
-          sideTypeSymbol: headResult.sideTypeSymbol,
-          content: headResult.content
-        });
-        for (let k = headIdx; k <= chainEnd; k++) consumed.add(k);
-        i = headIdx - 1;
-        continue;
-      }
-    }
-    i--;
-  }
-  for (let idx = 0; idx < infos.length; idx++) {
-    if (consumed.has(idx)) continue;
-    const info = infos[idx];
-    if (info.annotation?.type === "continuation" && info.paragraph) {
-      const strippedNode = stripAnnotationMatches(info.paragraph, CONTINUATION_RE);
-      listItems[idx].children[0] = makeSideAnnotationNode({
-        sideType: "plain",
-        sideTypeSymbol: ":",
-        orphan: true,
-        children: [strippedNode]
-      });
-    } else if (info.annotation?.type === "annotation" && info.paragraph) {
-      const strippedNode = stripAnnotationMatches(info.paragraph, INLINE_ANNOTATION_RE);
-      listItems[idx].children[0] = makeSideAnnotationNode({
-        sideType: info.annotation.sideType,
-        sideTypeSymbol: info.annotation.sideTypeSymbol,
-        inlineText: info.annotation.content,
-        children: [strippedNode]
-      });
-    }
-  }
-  if (chains.length === 0) return;
-  chains.sort((a, b) => a.headIdx - b.headIdx);
-  const replacements = [];
-  let cursor = 0;
-  const baseStart = listNode.start ?? 1;
-  for (const chain of chains) {
-    if (cursor < chain.headIdx) {
-      const beforeItems = listItems.slice(cursor, chain.headIdx);
-      const beforeList = { ...listNode, children: beforeItems };
-      if (listNode.ordered && cursor > 0) {
-        beforeList.start = baseStart + cursor;
-      }
-      replacements.push(beforeList);
-    }
-    const chainItems = listItems.slice(chain.headIdx, chain.endIdx + 1);
-    for (let k = 0; k < chainItems.length; k++) {
-      const li = chainItems[k];
-      if (li.children?.[0]?.type === "paragraph") {
-        li.children[0] = stripAnnotationMatches(
-          li.children[0],
-          k === 0 ? INLINE_ANNOTATION_RE : CONTINUATION_RE
-        );
-      }
-    }
-    const subList = {
-      ...listNode,
-      children: chainItems,
-      ...listNode.ordered && chain.headIdx > 0 ? { start: baseStart + chain.headIdx } : {}
-    };
-    replacements.push(makeSideAnnotationNode({
-      sideType: chain.sideType,
-      sideTypeSymbol: chain.sideTypeSymbol,
-      inlineText: chain.content,
-      children: [subList]
-    }));
-    cursor = chain.endIdx + 1;
-  }
-  if (cursor < listItems.length) {
-    const afterItems = listItems.slice(cursor);
-    const afterList = { ...listNode, children: afterItems };
-    if (listNode.ordered) {
-      afterList.start = baseStart + cursor;
-    }
-    replacements.push(afterList);
-  }
-  parentChildren.splice(listIdx, 1, ...replacements);
-}
-function buildContinuationChain(children, continuationIdx) {
-  const chainMembers = [continuationIdx];
-  let j = continuationIdx - 1;
-  while (j >= 0) {
-    const prev = children[j];
-    if (prev.type !== "paragraph") break;
-    const prevResult = tryExtractInlineAnnotation(prev);
-    if (prevResult?.type === "continuation") {
-      chainMembers.unshift(j);
-      j--;
-      continue;
-    }
-    if (prevResult?.type === "annotation") {
-      chainMembers.unshift(j);
-      const headBlock = stripAnnotationMatches(
-        children[j],
-        INLINE_ANNOTATION_RE
-      );
-      const memberBlocks = [headBlock];
-      for (let k = 1; k < chainMembers.length; k++) {
-        memberBlocks.push(
-          stripAnnotationMatches(
-            children[chainMembers[k]],
-            CONTINUATION_RE
-          )
-        );
-      }
-      const sideNode = makeSideAnnotationNode({
-        sideType: prevResult.sideType,
-        sideTypeSymbol: prevResult.sideTypeSymbol,
-        inlineText: prevResult.content,
-        children: memberBlocks
-      });
-      return { startIdx: j, sideNode };
-    }
-    break;
-  }
-  return null;
-}
-function tryExtractInlineAnnotation(paragraph) {
-  const text = extractParagraphText(paragraph);
-  if (!text) return null;
-  if (ESCAPE_RE.test(text)) return null;
-  if (CONTINUATION_RE.test(text)) {
-    if (text.includes("\n")) {
-      const lines = text.split("\n");
-      for (let i = 0; i < lines.length - 1; i++) {
-        const parsed2 = parseInlineAnnotationFromText(lines[i]);
-        if (parsed2) return { type: "annotation", ...parsed2, softBreakAnnotation: true };
-      }
-    }
-    return { type: "continuation" };
-  }
-  const parsed = parseInlineAnnotationFromText(text);
-  if (parsed) return { type: "annotation", ...parsed };
-  return null;
-}
-function parseInlineAnnotationFromText(text) {
-  const openIdx = text.lastIndexOf("(>");
-  if (openIdx < 0) return null;
-  const afterOpen = text.slice(openIdx + 2);
-  const closeIdx = findUnescapedClose(afterOpen);
-  if (closeIdx < 0) return null;
-  const afterClose = afterOpen.slice(closeIdx + 1).trim();
-  if (afterClose) return null;
-  const inner = afterOpen.slice(0, closeIdx);
-  if (inner === "+") return null;
-  return parseInlineAnnotationText(inner);
-}
-function parseInlineAnnotationText(inner) {
-  const spaceIdx = inner.indexOf(" ");
-  if (spaceIdx < 0) return null;
-  const typeCandidate = inner.slice(0, spaceIdx);
-  if (!typeCandidate) return null;
-  const sideType = TYPE_TABLE[typeCandidate];
-  if (sideType) {
-    const content2 = inner.slice(spaceIdx + 1).replace(/\\([)])/g, "$1").trim();
-    if (!content2) return null;
-    return { sideType, sideTypeSymbol: typeCandidate, content: content2 };
-  }
-  const symbolFromKeyword = TYPE_BY_KEYWORD[typeCandidate];
-  if (!symbolFromKeyword) return null;
-  const content = inner.slice(spaceIdx + 1).replace(/\\([)])/g, "$1").trim();
-  if (!content) return null;
-  return { sideType: typeCandidate, sideTypeSymbol: symbolFromKeyword, content };
-}
-function findUnescapedClose(s) {
-  for (let i = 0; i < s.length; i++) {
-    if (s[i] === "\\" && i + 1 < s.length) {
-      i++;
-      continue;
-    }
-    if (s[i] === ")") return i;
-  }
-  return -1;
-}
-function extractParagraphText(paragraph) {
-  return extractPhrasingText(paragraph.children);
-}
-function stripAnnotationMatches(paragraph, pattern, options) {
-  const { children } = stripAnnotationMatchesFromChildren(
-    paragraph.children,
-    pattern,
-    options?.removeAllOccurrences ?? false
-  );
-  return { ...paragraph, children };
-}
-function extractPhrasingText(children) {
-  return children.map((child) => {
-    if (child.type === "text") return child.value;
-    if (child.type === "break") return "\n";
-    if ("children" in child && Array.isArray(child.children)) {
-      return extractPhrasingText(child.children);
-    }
-    return "";
-  }).join("");
-}
-function stripAnnotationMatchesFromChildren(children, pattern, removeAllOccurrences) {
-  const nextChildren = [...children];
-  let stripped = false;
-  const regex = new RegExp(pattern.source, pattern.flags);
-  for (let i = nextChildren.length - 1; i >= 0; i--) {
-    const child = nextChildren[i];
-    if (child.type === "text") {
-      regex.lastIndex = 0;
-      const newValue = child.value.replace(regex, "").trimEnd();
-      if (newValue === child.value) continue;
-      if (newValue) {
-        nextChildren[i] = { ...child, value: newValue };
-      } else {
-        nextChildren.splice(i, 1);
-      }
-      stripped = true;
-      if (!removeAllOccurrences) {
-        return { children: nextChildren, stripped: true };
-      }
-      continue;
-    }
-    if ("children" in child && Array.isArray(child.children)) {
-      const nested = stripAnnotationMatchesFromChildren(
-        child.children,
-        pattern,
-        removeAllOccurrences
-      );
-      if (!nested.stripped) continue;
-      if (nested.children.length > 0) {
-        nextChildren[i] = { ...child, children: nested.children };
-      } else {
-        nextChildren.splice(i, 1);
-      }
-      stripped = true;
-      if (!removeAllOccurrences) {
-        return { children: nextChildren, stripped: true };
-      }
-    }
-  }
-  return { children: nextChildren, stripped };
-}
-function extractDirectiveLabel(node) {
-  if (node.attributes?.label) return node.attributes.label;
-  if (node.children?.[0]?.type === "paragraph") {
-    const split = splitDirectiveLabelParagraph(node.children[0]);
-    const firstText = split.labelText;
-    if (firstText.startsWith("(>") || firstText.startsWith("[>")) {
-      if (split.remainder) {
-        node.children = [split.remainder, ...node.children.slice(1)];
-      } else {
-        node.children = node.children.slice(1);
-      }
-      return firstText;
-    }
-  }
-  return null;
-}
-function splitDirectiveLabelParagraph(paragraph) {
-  const children = paragraph.children;
-  const before = [];
-  const after = [];
-  let foundBreak = false;
-  for (const child of children) {
-    if (foundBreak) {
-      after.push(child);
-      continue;
-    }
-    if (child.type === "break") {
-      foundBreak = true;
-      continue;
-    }
-    if (child.type === "text" && child.value.includes("\n")) {
-      const newlineIndex = child.value.indexOf("\n");
-      const beforeText = child.value.slice(0, newlineIndex);
-      const afterText = child.value.slice(newlineIndex + 1);
-      if (beforeText) before.push({ ...child, value: beforeText });
-      if (afterText) after.push({ ...child, value: afterText });
-      foundBreak = true;
-      continue;
-    }
-    before.push(child);
-  }
-  return {
-    labelText: extractPhrasingText(before).trim(),
-    remainder: after.length > 0 ? { ...paragraph, children: after } : null
-  };
-}
-
-// src/processor/rehype-side-annotation.ts
-var STROKE_WIDTH = "1.5";
-function el(tagName, properties, children = []) {
-  return { type: "element", tagName, properties, children };
-}
-function svgPath(d, extra = {}) {
-  return el("path", {
-    d,
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": STROKE_WIDTH,
-    "stroke-linecap": "round",
-    ...extra
-  });
-}
-function svgPolyline(points, extra = {}) {
-  return el("polyline", {
-    points,
-    fill: "none",
-    stroke: "currentColor",
-    "stroke-width": STROKE_WIDTH,
-    "stroke-linecap": "square",
-    "stroke-linejoin": "miter",
-    "shape-rendering": "geometricPrecision",
-    ...extra
-  });
-}
-function svgLine(x1, y1, x2, y2, extra = {}) {
-  return el("line", {
-    x1: String(x1),
-    y1,
-    x2: String(x2),
-    y2,
-    stroke: "currentColor",
-    "stroke-width": STROKE_WIDTH,
-    "stroke-linecap": "round",
-    ...extra
-  });
-}
-function svgEl(props, children) {
-  return el("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  }, children);
-}
-function svgSegment(cls, w, h, children, extra = {}) {
-  return svgEl(
-    { width: String(w), height: String(h), viewBox: `0 0 ${w} ${h}`, class: cls, ...extra },
-    children
-  );
-}
-function stretchLineDiv() {
-  return el("div", { class: "side-svg-line" });
-}
-function segmented(width, axisPx, segments, extraClass = "") {
-  return el("div", {
-    class: ["side-annotation-svg", "side-svg-segmented", extraClass].filter(Boolean).join(" "),
-    style: `width:${width};--side-svg-axis:${axisPx}px`
-  }, segments);
-}
-function braceTopCap() {
-  return svgSegment("side-svg-cap", 12, 6, [
-    svgPath("M 1 0.75 C 3.5 0.75, 6 2.5, 6 5.25")
-  ]);
-}
-function braceMidBeak() {
-  return svgSegment("side-svg-beak", 12, 8, [
-    svgPath("M 6 0 C 6 2.5, 11 4, 11 4 C 11 4, 6 5.5, 6 8")
-  ]);
-}
-function braceBotCap() {
-  return svgSegment("side-svg-cap", 12, 6, [
-    svgPath("M 6 0.75 C 6 3.5, 3.5 5.25, 1 5.25")
-  ]);
-}
-function leftBraceTopCap() {
-  return svgSegment("side-svg-cap", 12, 6, [
-    svgPath("M 11 0.75 C 8.5 0.75, 6 2.5, 6 5.25")
-  ]);
-}
-function leftBraceMidBeak() {
-  return svgSegment("side-svg-beak", 12, 8, [
-    svgPath("M 6 0 C 6 2.5, 1 4, 1 4 C 1 4, 6 5.5, 6 8")
-  ]);
-}
-function leftBraceBotCap() {
-  return svgSegment("side-svg-cap", 12, 6, [
-    svgPath("M 6 0.75 C 6 3.5, 8.5 5.25, 11 5.25")
-  ]);
-}
-function bracketTopCap() {
-  return svgSegment("side-svg-cap", 8, 6, [
-    svgPolyline("1,0.75 4,0.75 4,5.25")
-  ]);
-}
-function bracketBotCap() {
-  return svgSegment("side-svg-cap", 8, 6, [
-    svgPolyline("4,0.75 4,5.25 1,5.25")
-  ]);
-}
-function leftBracketTopCap() {
-  return svgSegment("side-svg-cap", 8, 6, [
-    svgPolyline("7,0.75 4,0.75 4,5.25")
-  ]);
-}
-function leftBracketBotCap() {
-  return svgSegment("side-svg-cap", 8, 6, [
-    svgPolyline("4,0.75 4,5.25 7,5.25")
-  ]);
-}
-var SVG_GENERATORS = {
-  // --- Segmented stretch types ---
-  brace: () => segmented("12px", 6, [
-    braceTopCap(),
-    stretchLineDiv(),
-    braceMidBeak(),
-    stretchLineDiv(),
-    braceBotCap()
-  ]),
-  "left-brace": () => segmented("12px", 6, [
-    leftBraceTopCap(),
-    stretchLineDiv(),
-    leftBraceMidBeak(),
-    stretchLineDiv(),
-    leftBraceBotCap()
-  ]),
-  bracket: () => segmented("8px", 4, [
-    bracketTopCap(),
-    stretchLineDiv(),
-    bracketBotCap()
-  ], "side-svg-bracket"),
-  "left-bracket": () => segmented("8px", 4, [
-    leftBracketTopCap(),
-    stretchLineDiv(),
-    leftBracketBotCap()
-  ], "side-svg-left-bracket"),
-  // --- Non-segmented vertical line (non-scaling-stroke prevents thickening) ---
-  line: () => svgEl(
-    { width: "4", viewBox: "0 0 4 100", preserveAspectRatio: "none", class: "side-annotation-svg side-svg-vline" },
-    [svgLine(2, "2", 2, "98", { "vector-effect": "non-scaling-stroke" })]
-  ),
-  // --- Fixed-size (non-stretch) SVGs ---
-  dash: () => svgEl(
-    { width: "20", height: "4", viewBox: "0 0 20 4", class: "side-annotation-svg side-svg-dash" },
-    [svgLine(1, "2", 19, "2")]
-  ),
-  arrow: () => svgEl(
-    { width: "24", height: "16", viewBox: "0 0 24 16", class: "side-annotation-svg side-svg-arrow" },
-    [svgPath("M 1 8 L 20 8 M 16 3 L 21 8 L 16 13")]
-  ),
-  "fat-arrow": () => svgEl(
-    { width: "24", height: "16", viewBox: "0 0 24 16", class: "side-annotation-svg side-svg-fat-arrow" },
-    [svgPath("M 1 5 L 16 5 M 1 11 L 16 11 M 15 2 L 22 8 L 15 14")]
-  ),
-  "wave-arrow": () => svgEl(
-    { width: "28", height: "16", viewBox: "0 0 28 16", class: "side-annotation-svg side-svg-wave-arrow" },
-    [svgPath("M 1 8 C 4 3, 8 13, 12 8 C 16 3, 20 8, 20 8 M 18 3 L 23 8 L 18 13")]
-  ),
-  // --- Compound segmented types — cohesive integrated designs ---
-  // Arrow/fat-arrow emerges directly from the structural element:
-  // - Brace: shaft runs straight through beak (no tip), arrow T-branches at midpoint
-  // - Bracket/Line: shaft continues through beak, arrow T-branches at midpoint
-  "brace-arrow": () => segmented("12px", 6, [
-    braceTopCap(),
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 12, 8, [
-      // Shaft straight through — no brace tip, let the arrow be the focus
-      svgLine(6, "0", 6, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Arrow T-branches from shaft midpoint
-      svgPath("M 6 4 L 19 4 M 16 1.5 L 20 4 L 16 6.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv(),
-    braceBotCap()
-  ], "side-svg-compound-arrow"),
-  "brace-fat-arrow": () => segmented("12px", 6, [
-    braceTopCap(),
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 12, 8, [
-      // Shaft straight through — no brace tip
-      svgLine(6, "0", 6, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Double-line + chevron (=>) from shaft
-      svgPath("M 6 2.5 L 14 2.5 M 6 5.5 L 14 5.5 M 13 0.5 L 18 4 L 13 7.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv(),
-    braceBotCap()
-  ], "side-svg-compound-arrow"),
-  "bracket-arrow": () => segmented("8px", 4, [
-    bracketTopCap(),
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 8, 8, [
-      // Shaft continues through beak
-      svgLine(4, "0", 4, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Arrow T-branches from shaft midpoint
-      svgPath("M 4 4 L 17 4 M 14 1.5 L 18 4 L 14 6.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv(),
-    bracketBotCap()
-  ], "side-svg-bracket side-svg-compound-arrow"),
-  "bracket-fat-arrow": () => segmented("8px", 4, [
-    bracketTopCap(),
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 8, 8, [
-      // Shaft continues through beak
-      svgLine(4, "0", 4, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Double-line + chevron (=>) from shaft
-      svgPath("M 4 2.5 L 13 2.5 M 4 5.5 L 13 5.5 M 12 0.5 L 17 4 L 12 7.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv(),
-    bracketBotCap()
-  ], "side-svg-bracket side-svg-compound-arrow"),
-  "line-arrow": () => segmented("4px", 2, [
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 4, 8, [
-      // Shaft continues through beak
-      svgLine(2, "0", 2, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Arrow T-branches from shaft midpoint
-      svgPath("M 2 4 L 15 4 M 12 1.5 L 16 4 L 12 6.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv()
-  ], "side-svg-compound-arrow"),
-  "line-fat-arrow": () => segmented("4px", 2, [
-    stretchLineDiv(),
-    svgSegment("side-svg-beak", 4, 8, [
-      // Shaft continues through beak
-      svgLine(2, "0", 2, "8", { "stroke-linecap": "square", "shape-rendering": "geometricPrecision" }),
-      // Double-line + chevron (=>) from shaft
-      svgPath("M 2 2.5 L 11 2.5 M 2 5.5 L 11 5.5 M 10 0.5 L 15 4 L 10 7.5")
-    ], { overflow: "visible" }),
-    stretchLineDiv()
-  ], "side-svg-compound-arrow")
-};
-SVG_GENERATORS["warning"] = SVG_GENERATORS["line"];
-SVG_GENERATORS["question"] = SVG_GENERATORS["line"];
-SVG_GENERATORS["brace-warning"] = SVG_GENERATORS["brace"];
-SVG_GENERATORS["brace-question"] = SVG_GENERATORS["brace"];
-function rehypeSideAnnotation() {
-  return (tree) => {
-    visit(tree);
-  };
-}
-function visit(node) {
-  if (!node.children) return;
-  for (let i = 0; i < node.children.length; i++) {
-    const child = node.children[i];
-    if (child.type === "element" && child.properties?.["data-side-type"]) {
-      node.children[i] = transform(child);
-      continue;
-    }
-    visit(child);
-  }
-}
-function transform(node) {
-  const properties = node.properties ?? {};
-  const sideType = String(properties["data-side-type"] || "plain");
-  const sideText = properties["data-side-text"] ? String(properties["data-side-text"]) : null;
-  const isOrphan = properties["data-side-orphan"] != null;
-  const mainContent = el("div", { class: "side-annotation-main" }, node.children);
-  const asideChildren = [];
-  if (isOrphan) {
-    asideChildren.push(SVG_GENERATORS["line"]());
-  } else {
-    const svgGen = SVG_GENERATORS[sideType];
-    if (svgGen) {
-      asideChildren.push(svgGen());
-    }
-  }
-  if (sideText) {
-    asideChildren.push(
-      el("span", { class: "side-annotation-text" }, [
-        { type: "text", value: sideText }
-      ])
-    );
-  }
-  const asideClass = ["side-annotation-aside"];
-  if (isOrphan) asideClass.push("side-annotation-orphan");
-  const sideColumn = el("div", { class: asideClass.join(" ") }, asideChildren);
-  return {
-    ...node,
-    children: [mainContent, sideColumn]
-  };
-}
-
-// src/mdx-components/callout.ts
-import { createElement } from "react";
-var ICONS = { info: "i", warn: "!", error: "\xD7" };
-function Callout({ type = "info", children }) {
-  return createElement(
-    "div",
-    { className: `mdx-callout mdx-callout-${type}`, "data-callout-type": type },
-    createElement("span", { className: "mdx-callout-icon" }, ICONS[type] || ICONS.info),
-    createElement("div", { className: "mdx-callout-content" }, children)
-  );
-}
-
-// src/mdx-components/code-demo.ts
-import { createElement as createElement2 } from "react";
-function CodeDemo({ title, language = "text", code }) {
-  return createElement2(
-    "figure",
-    { className: "mdx-code-demo", "data-code-demo": "" },
-    title && createElement2("figcaption", null, title),
-    createElement2(
-      "pre",
-      { "data-language": language },
-      createElement2("code", null, code)
-    )
-  );
-}
-
-// src/mdx-components/steps.ts
-import { createElement as createElement3, Children } from "react";
-function Steps({ children }) {
-  const items = [];
-  Children.forEach(children, (child) => {
-    if (child && typeof child === "object" && "props" in child) {
-      items.push(child);
-    }
-  });
-  return createElement3(
-    "div",
-    { className: "mdx-steps" },
-    items.map(
-      (item, i) => createElement3(
-        "div",
-        { className: "mdx-steps-item", key: i },
-        createElement3(
-          "div",
-          { className: "mdx-steps-indicator" },
-          createElement3("span", { className: "mdx-steps-number" }, String(i + 1)),
-          i < items.length - 1 && createElement3("div", { className: "mdx-steps-line" })
-        ),
-        createElement3("div", { className: "mdx-steps-content" }, item)
-      )
-    )
-  );
-}
-function Step({ title, children }) {
-  return createElement3(
-    "div",
-    { className: "mdx-step" },
-    title && createElement3("h4", { className: "mdx-step-title" }, title),
-    children && createElement3("div", { className: "mdx-step-body" }, children)
-  );
-}
-
-// src/mdx-components/tabs.ts
-import { createElement as createElement4, Children as Children2 } from "react";
-function Tabs({ children }) {
-  const tabs = [];
-  Children2.forEach(children, (child) => {
-    if (child && typeof child === "object" && "props" in child) {
-      tabs.push({ label: child.props.label || `Tab ${tabs.length + 1}`, content: child });
-    }
-  });
-  const groupId = `mdx-tabs-${Math.random().toString(36).slice(2, 8)}`;
-  return createElement4(
-    "div",
-    { className: "mdx-tabs" },
-    createElement4(
-      "div",
-      { className: "mdx-tabs-list", role: "tablist" },
-      tabs.map(
-        (tab, i) => createElement4(
-          "label",
-          { className: "mdx-tabs-trigger", key: i },
-          createElement4("input", {
-            type: "radio",
-            name: groupId,
-            className: "mdx-tabs-radio",
-            defaultChecked: i === 0
-          }),
-          createElement4("span", null, tab.label)
-        )
-      )
-    ),
-    tabs.map(
-      (tab, i) => createElement4("div", { className: "mdx-tabs-panel", key: i }, tab.content)
-    )
-  );
-}
-function Tab({ label: _label, children }) {
-  return createElement4("div", null, children);
-}
-
-// src/mdx-components/file-tree.ts
-import { createElement as createElement5 } from "react";
-function parseFileTree(text) {
-  const entries = [];
-  for (const line of text.split("\n")) {
-    const trimmed = line.replace(/^[\s\-\*]*/, "");
-    if (!trimmed) continue;
-    const leadingSpaces = line.match(/^(\s*)/)?.[1].length ?? 0;
-    const depth = Math.floor(leadingSpaces / 2);
-    const isDir = trimmed.endsWith("/");
-    const name = isDir ? trimmed.slice(0, -1) : trimmed;
-    entries.push({ name, isDir, depth });
-  }
-  return entries;
-}
-function FileTree({ children }) {
-  const text = extractText(children);
-  const entries = parseFileTree(text);
-  return createElement5(
-    "div",
-    { className: "mdx-file-tree" },
-    entries.map(
-      (entry, i) => createElement5(
-        "div",
-        {
-          className: `mdx-file-tree-entry ${entry.isDir ? "mdx-file-tree-dir" : "mdx-file-tree-file"}`,
-          style: { paddingLeft: `${entry.depth * 1.25 + 0.5}rem` },
-          key: i
-        },
-        createElement5("span", { className: "mdx-file-tree-icon" }, entry.isDir ? "\u{1F4C1}" : "\u{1F4C4}"),
-        createElement5("span", { className: "mdx-file-tree-name" }, entry.name)
-      )
-    )
-  );
-}
-function extractText(node) {
-  if (typeof node === "string") return node;
-  if (typeof node === "number") return String(node);
-  if (Array.isArray(node)) return node.map(extractText).join("");
-  if (node && typeof node === "object" && "props" in node) {
-    return extractText(node.props.children);
-  }
-  return "";
-}
-
-// src/mdx-components/kbd.ts
-import { createElement as createElement6 } from "react";
-function Kbd({ children }) {
-  return createElement6("kbd", { className: "mdx-kbd" }, children);
-}
-
-// src/mdx-components/index.ts
-var DEFAULT_MDX_COMPONENTS = {
-  Callout,
-  CodeDemo,
-  Steps,
-  Step,
-  Tabs,
-  Tab,
-  FileTree,
-  Kbd
-};
-
-// src/processor/index.ts
-import { unified } from "unified";
-import remarkParse from "remark-parse";
-import remarkGfm from "remark-gfm";
-import remarkMath from "remark-math";
-import remarkMdx from "remark-mdx";
-import remarkRehype from "remark-rehype";
-import rehypeKatex from "rehype-katex";
-import rehypeSlug from "rehype-slug";
-import rehypePrettyCode from "rehype-pretty-code";
-import rehypeStringify from "rehype-stringify";
-import remarkDirective from "remark-directive";
-
-// src/processor/remark-normalize-standalone-math.ts
-function getOffset(node, edge) {
-  const value = node?.position?.[edge]?.offset;
-  return typeof value === "number" ? value : null;
-}
-function isStandaloneDisplayMathParagraph(node, source) {
-  if (node.type !== "paragraph" || !Array.isArray(node.children) || node.children.length !== 1) {
-    return false;
-  }
-  const onlyChild = node.children[0];
-  if (onlyChild?.type !== "inlineMath") return false;
-  const start = getOffset(node, "start");
-  const end = getOffset(node, "end");
-  if (start == null || end == null) return false;
-  const raw = source.slice(start, end).trim();
-  return /^\$\$(?!\s*$)[\s\S]*?(?<!\\)\$\$$/.test(raw);
-}
-function remarkNormalizeStandaloneMath() {
-  return (tree, file) => {
-    const source = typeof file.value === "string" ? file.value : "";
-    if (!source) return;
-    walk2(tree, source);
-  };
-}
-function walk2(node, source) {
-  if (!Array.isArray(node.children)) return;
-  node.children = node.children.map((child) => {
-    if (isStandaloneDisplayMathParagraph(child, source)) {
-      const mathChild = child.children[0];
-      return {
-        type: "math",
-        value: mathChild.value ?? "",
-        data: {
-          hName: "code",
-          hProperties: { className: ["language-math", "math-display"] },
-          hChildren: [{ type: "text", value: mathChild.value ?? "" }]
-        },
-        position: child.position
-      };
-    }
-    walk2(child, source);
-    return child;
-  });
-}
-
-// src/processor/micromark-side-annotation.ts
-var CODE_OPEN_PAREN = 40;
-var CODE_CLOSE_PAREN = 41;
-var CODE_GT = 62;
-var CODE_BACKSLASH = 92;
-var CODE_LF = 10;
-var CODE_CR = 13;
-function sideAnnotationSyntax() {
-  return {
-    text: {
-      [CODE_OPEN_PAREN]: {
-        name: "sideAnnotationMarker",
-        tokenize: tokenizeSideAnnotation
-      }
-    }
-  };
-}
-function tokenizeSideAnnotation(effects, ok, nok) {
-  return start;
-  function start(code) {
-    if (code !== CODE_OPEN_PAREN) return nok(code);
-    effects.enter("sideAnnotationMarker");
-    effects.consume(code);
-    return afterOpen;
-  }
-  function afterOpen(code) {
-    if (code !== CODE_GT) return nok(code);
-    effects.consume(code);
-    return content;
-  }
-  function content(code) {
-    if (code === null || code === CODE_LF || code === CODE_CR) {
-      return nok(code);
-    }
-    if (code === CODE_BACKSLASH) {
-      effects.consume(code);
-      return contentEscape;
-    }
-    if (code === CODE_CLOSE_PAREN) {
-      effects.consume(code);
-      effects.exit("sideAnnotationMarker");
-      return ok;
-    }
-    effects.consume(code);
-    return content;
-  }
-  function contentEscape(code) {
-    if (code === null || code === CODE_LF || code === CODE_CR) {
-      return nok(code);
-    }
-    effects.consume(code);
-    return content;
-  }
-}
-function sideAnnotationFromMarkdown() {
-  return {
-    enter: {
-      sideAnnotationMarker: enterSideAnnotationMarker
-    },
-    exit: {
-      sideAnnotationMarker: exitSideAnnotationMarker
-    }
-  };
-  function enterSideAnnotationMarker(token) {
-    this.enter({ type: "text", value: "" }, token);
-  }
-  function exitSideAnnotationMarker(token) {
-    const node = this.stack[this.stack.length - 1];
-    node.value = this.sliceSerialize(token);
-    this.exit(token);
-  }
-}
-function remarkMicromarkSideAnnotation() {
-  const data = this.data();
-  const micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
-  const fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
-  micromarkExtensions.push(sideAnnotationSyntax());
-  fromMarkdownExtensions.push(sideAnnotationFromMarkdown());
-}
-
-// src/processor/remark-markdown-sandbox.ts
-var DEFAULT_OUTER_FENCE_TICKS = 4;
-var SANDBOX_ROOT_CLASS = "owo-markdown-sandbox";
-var SANDBOX_BODY_CLASS = "owo-markdown-sandbox__body";
-function escapeHtml(text) {
-  return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function createSandboxId(startLine, index) {
-  const line = typeof startLine === "number" && Number.isFinite(startLine) ? startLine : index + 1;
-  return `l${line}-${index + 1}`;
-}
-function parseBoolean(value) {
-  if (value === void 0) return void 0;
-  if (value === "true") return true;
-  if (value === "false") return false;
-  return void 0;
-}
-function tokenizeMeta(meta) {
-  const tokens = [];
-  let current = "";
-  let quote = null;
-  for (let index = 0; index < meta.length; index += 1) {
-    const char = meta[index];
-    if (quote) {
-      if (char === "\\" && index + 1 < meta.length) {
-        current += meta[index + 1];
-        index += 1;
-        continue;
-      }
-      if (char === quote) {
-        quote = null;
-        current += char;
-        continue;
-      }
-      current += char;
-      continue;
-    }
-    if (char === '"' || char === "'") {
-      quote = char;
-      current += char;
-      continue;
-    }
-    if (/\s/.test(char)) {
-      if (current) {
-        tokens.push(current);
-        current = "";
-      }
-      continue;
-    }
-    current += char;
-  }
-  if (current) {
-    tokens.push(current);
-  }
-  return tokens;
-}
-function parseMetaValue(raw) {
-  if (raw.length >= 2) {
-    const first = raw[0];
-    const last = raw[raw.length - 1];
-    if (first === '"' && last === '"' || first === "'" && last === "'") {
-      let value = "";
-      for (let index = 1; index < raw.length - 1; index += 1) {
-        const char = raw[index];
-        if (char === "\\" && index + 1 < raw.length - 1) {
-          value += raw[index + 1];
-          index += 1;
-          continue;
-        }
-        value += char;
-      }
-      return value;
-    }
-  }
-  return raw;
-}
-function parseSandboxMeta(meta) {
-  if (!meta) {
-    return { enabled: false, options: {} };
-  }
-  const tokens = tokenizeMeta(meta);
-  let enabled = false;
-  const options = {};
-  for (const token of tokens) {
-    const equalsIndex = token.indexOf("=");
-    if (equalsIndex === -1) {
-      if (token === "sandbox") {
-        enabled = true;
-      }
-      continue;
-    }
-    const key = token.slice(0, equalsIndex);
-    const value = parseMetaValue(token.slice(equalsIndex + 1));
-    if (key === "title") {
-      options.title = value;
-      continue;
-    }
-    if (key === "sideAnnotation") {
-      const parsed = parseBoolean(value);
-      if (parsed !== void 0) {
-        options.sideAnnotation = parsed;
-      }
-      continue;
-    }
-    if (key === "math") {
-      const parsed = parseBoolean(value);
-      if (parsed !== void 0) {
-        options.math = parsed;
-      }
-      continue;
-    }
-    if (key === "collapsed") {
-      const parsed = parseBoolean(value);
-      if (parsed !== void 0) {
-        options.collapsed = parsed;
-      }
-    }
-  }
-  return { enabled, options };
-}
-function getOpeningFenceTicks(sourceLines, startLine) {
-  if (!startLine || startLine < 1 || startLine > sourceLines.length) {
-    return 0;
-  }
-  const line = sourceLines[startLine - 1] ?? "";
-  const match = line.match(/^\s*(`{3,})/);
-  return match ? match[1].length : 0;
-}
-function buildFallbackHtml(source, sandboxId, title, errorMessage) {
-  const safeTitle = title ? `<div class="${SANDBOX_ROOT_CLASS}__title">${escapeHtml(title)}</div>` : "";
-  return [
-    `<section class="${SANDBOX_ROOT_CLASS} ${SANDBOX_ROOT_CLASS}--error" data-owo-sandbox-id="${sandboxId}" data-owo-sandbox-state="error">`,
-    `<header class="${SANDBOX_ROOT_CLASS}__header">${safeTitle}<div class="${SANDBOX_ROOT_CLASS}__status">Sandbox render failed</div></header>`,
-    `<div class="${SANDBOX_BODY_CLASS}">`,
-    `<p class="${SANDBOX_ROOT_CLASS}__error-message">${escapeHtml(errorMessage)}</p>`,
-    `<pre class="${SANDBOX_ROOT_CLASS}__source"><code>${escapeHtml(source)}</code></pre>`,
-    "</div>",
-    "</section>"
-  ].join("");
-}
-function buildSuccessHtml(source, renderedHtml, sandboxId, meta) {
-  const title = meta.title ? `<div class="${SANDBOX_ROOT_CLASS}__title">${escapeHtml(meta.title)}</div>` : "";
-  const sourcePanel = [
-    `<details class="${SANDBOX_ROOT_CLASS}__source-panel">`,
-    "<summary>Source</summary>",
-    `<pre class="${SANDBOX_ROOT_CLASS}__source"><code>${escapeHtml(source)}</code></pre>`,
-    "</details>"
-  ].join("");
-  const body = `<div class="${SANDBOX_BODY_CLASS}">${renderedHtml}</div>`;
-  if (meta.collapsed) {
-    return [
-      `<section class="${SANDBOX_ROOT_CLASS}" data-owo-sandbox-id="${sandboxId}" data-owo-sandbox-state="ready">`,
-      `<details class="${SANDBOX_ROOT_CLASS}__details">`,
-      `<summary class="${SANDBOX_ROOT_CLASS}__header">${title}<div class="${SANDBOX_ROOT_CLASS}__status">Sandbox</div></summary>`,
-      body,
-      sourcePanel,
-      "</details>",
-      "</section>"
-    ].join("");
-  }
-  return [
-    `<section class="${SANDBOX_ROOT_CLASS}" data-owo-sandbox-id="${sandboxId}" data-owo-sandbox-state="ready">`,
-    `<header class="${SANDBOX_ROOT_CLASS}__header">${title}<div class="${SANDBOX_ROOT_CLASS}__status">Sandbox</div></header>`,
-    body,
-    sourcePanel,
-    "</section>"
-  ].join("");
-}
-function visitRehype(node, visitor) {
-  if (!node) {
-    return;
-  }
-  visitor(node);
-  if (!Array.isArray(node.children)) {
-    return;
-  }
-  for (const child of node.children) {
-    visitRehype(child, visitor);
-  }
-}
-function namespaceIds(prefix) {
-  return function rehypeNamespaceIds() {
-    return function transform2(tree) {
-      visitRehype(tree, (node) => {
-        const properties = node.properties;
-        if (!properties) {
-          return;
-        }
-        const id = properties.id;
-        if (typeof id === "string" && id.length > 0) {
-          properties.id = `${prefix}${id}`;
-        }
-        const href = properties.href;
-        if (typeof href === "string" && href.startsWith("#") && href.length > 1) {
-          properties.href = `#${prefix}${href.slice(1)}`;
-        }
-      });
-    };
-  };
-}
-function stripSourceLineAnchors() {
-  return function rehypeStripSourceLineAnchors() {
-    return function transform2(tree) {
-      visitRehype(tree, (node) => {
-        const properties = node.properties;
-        if (!properties) {
-          return;
-        }
-        delete properties["data-source-line-start"];
-        delete properties["data-source-line-end"];
-        delete properties["data-block-id"];
-      });
-    };
-  };
-}
-async function transformChildren(node, sourceLines, options, sandboxCount) {
-  if (!Array.isArray(node.children)) {
-    return;
-  }
-  for (let index = 0; index < node.children.length; index += 1) {
-    const child = node.children[index];
-    if (child.type === "code") {
-      const codeNode = child;
-      const meta = parseSandboxMeta(codeNode.meta);
-      const minOuterFenceTicks = Math.max(
-        4,
-        options.processorOptions.markdownSandbox?.outerFenceTicks ?? DEFAULT_OUTER_FENCE_TICKS
-      );
-      const actualTicks = getOpeningFenceTicks(sourceLines, codeNode.position?.start?.line);
-      const isTopLevelSandbox = (options.processorOptions.markdownSandbox?.nestingDepth ?? 0) === 0;
-      if (options.processorOptions.enableMarkdownSandbox !== false && isTopLevelSandbox && codeNode.lang === "markdown" && meta.enabled && actualTicks >= minOuterFenceTicks) {
-        sandboxCount.value += 1;
-        const sandboxId = createSandboxId(codeNode.position?.start?.line, sandboxCount.value - 1);
-        const nestedProcessor = options.createProcessor({
-          ...options.processorOptions,
-          enableMarkdownSandbox: false,
-          enableSideAnnotation: meta.options.sideAnnotation ?? options.processorOptions.enableSideAnnotation,
-          enableMath: meta.options.math ?? options.processorOptions.enableMath,
-          markdownSandbox: {
-            ...options.processorOptions.markdownSandbox,
-            nestingDepth: (options.processorOptions.markdownSandbox?.nestingDepth ?? 0) + 1
-          },
-          extraRehypePlugins: [
-            ...options.processorOptions.extraRehypePlugins ?? [],
-            namespaceIds(`owo-sb-${sandboxId}-`),
-            stripSourceLineAnchors()
-          ]
-        });
-        let html;
-        try {
-          const result = await nestedProcessor.process(codeNode.value);
-          html = buildSuccessHtml(codeNode.value, result.toString(), sandboxId, meta.options);
-        } catch (error) {
-          const message = error instanceof Error ? error.message : String(error);
-          html = buildFallbackHtml(codeNode.value, sandboxId, meta.options.title, message);
-        }
-        node.children[index] = {
-          type: "markdownSandbox",
-          value: codeNode.value,
-          data: { html }
-        };
-        continue;
-      }
-    }
-    if (child && typeof child === "object") {
-      await transformChildren(child, sourceLines, options, sandboxCount);
-    }
-  }
-}
-function remarkMarkdownSandbox(options) {
-  return async function transform2(tree, file) {
-    const source = String(file);
-    const sourceLines = source.split(/\r?\n/);
-    await transformChildren(tree, sourceLines, options, { value: 0 });
-  };
-}
-function markdownSandboxHandler(_state, node) {
-  return {
-    type: "raw",
-    value: node.data?.html ?? ""
-  };
-}
-
-// src/processor/index.ts
-var DEFAULT_CODE_THEME = "vitesse-light";
-function buildRemarkPlugins(options) {
-  const enableMath = options.enableMath !== false;
-  const enableSideAnnotation = options.enableSideAnnotation !== false;
-  const enableMarkdownSandbox = options.enableMarkdownSandbox !== false;
-  const plugins = [
-    remarkParse,
-    remarkGfm
-  ];
-  if (enableMath) {
-    plugins.push(remarkMath);
-    plugins.push(remarkNormalizeStandaloneMath);
-  }
-  plugins.push(remarkDirective);
-  if (options.mode !== "preview") {
-    if (enableSideAnnotation) {
-      plugins.push(remarkMicromarkSideAnnotation);
-    }
-    plugins.push(remarkMdx);
-  }
-  if (!options.preserveSoftLineBreaks) {
-    plugins.push(remarkConvertSoftBreaksToHardBreaks);
-  }
-  if (enableSideAnnotation) {
-    plugins.push(remarkSideAnnotation);
-  }
-  if (enableMarkdownSandbox) {
-    plugins.push([remarkMarkdownSandbox, {
-      processorOptions: options,
-      createProcessor: createOwoMarkProcessor
-    }]);
-  }
-  if (options.extraRemarkPlugins) {
-    plugins.push(...options.extraRemarkPlugins);
-  }
-  return plugins;
-}
-function buildRehypePlugins(options) {
-  const enableMath = options.enableMath !== false;
-  const enableSideAnnotation = options.enableSideAnnotation !== false;
-  const theme = options.codeTheme ?? DEFAULT_CODE_THEME;
-  const plugins = [];
-  if (enableMath) {
-    plugins.push(rehypeKatex, rehypeMathDisplayFix);
-  }
-  plugins.push(rehypeSlug, [rehypePrettyCode, { theme }]);
-  if (enableSideAnnotation) {
-    plugins.push(rehypeSideAnnotation);
-  }
-  if (options.extraRehypePlugins) {
-    plugins.push(...options.extraRehypePlugins);
-  }
-  return plugins;
-}
-function createOwoMarkProcessor(options) {
-  const opts = {
-    mode: "preview",
-    preserveSoftLineBreaks: false,
-    ...options
-  };
-  if (opts.enableMdx) {
-    return createMdxProcessor(opts);
-  }
-  return createUnifiedProcessor(opts);
-}
-function createUnifiedProcessor(opts) {
-  const remarkPlugins = buildRemarkPlugins(opts);
-  const rehypePlugins = buildRehypePlugins(opts);
-  let proc = unified();
-  for (const plugin of remarkPlugins) {
-    proc = applyPlugin(proc, plugin);
-  }
-  proc = proc.use(remarkRehype, {
-    handlers: {
-      markdownSandbox: markdownSandboxHandler
-    }
-  });
-  for (const plugin of rehypePlugins) {
-    proc = applyPlugin(proc, plugin);
-  }
-  proc = proc.use(rehypeStringify, { allowDangerousHtml: true });
-  return {
-    async process(source) {
-      const result = await proc.process(source);
-      return { value: String(result), toString: () => String(result) };
-    }
-  };
-}
-var FENCED_CODE_RE = /^```[\s\S]*?^```/gm;
-var INLINE_CODE_RE = /`[^`]+`/g;
-var JSX_TAG_RE = /<([A-Z][A-Za-z0-9]*)/g;
-function extractComponentNames(source) {
-  const stripped = source.replace(FENCED_CODE_RE, "").replace(INLINE_CODE_RE, "");
-  const names = /* @__PURE__ */ new Set();
-  let match;
-  while ((match = JSX_TAG_RE.exec(stripped)) !== null) {
-    names.add(match[1]);
-  }
-  return names;
-}
-function createMdxProcessor(opts) {
-  const { remarkPlugins, rehypePlugins } = getOwoMarkPlugins({ ...opts, mode: "production" });
-  const registeredComponents = { ...DEFAULT_MDX_COMPONENTS, ...opts.mdxComponents };
-  let _evaluate;
-  let _renderToStaticMarkup;
-  let _jsxRuntime;
-  let _react;
-  async function ensureImports() {
-    if (!_evaluate) {
-      const [mdx, runtime, reactDom, react] = await Promise.all([
-        import("@mdx-js/mdx"),
-        import("react/jsx-runtime"),
-        import("react-dom/server"),
-        import("react")
-      ]);
-      _evaluate = mdx.evaluate;
-      _jsxRuntime = runtime;
-      _renderToStaticMarkup = reactDom.renderToStaticMarkup;
-      _react = react;
-    }
-  }
-  return {
-    async process(source) {
-      await ensureImports();
-      const usedNames = extractComponentNames(source);
-      const componentMap = { ...registeredComponents };
-      for (const name of usedNames) {
-        if (!(name in componentMap)) {
-          console.warn(`[owomark-mdx] Unregistered MDX component: <${name}>`);
-          componentMap[name] = (props) => _react.createElement("div", { "data-mdx-missing": name }, props.children);
-        }
-      }
-      const { default: Content } = await _evaluate(source, {
-        ..._jsxRuntime,
-        remarkPlugins,
-        rehypePlugins
-      });
-      const html = _renderToStaticMarkup(
-        _react.createElement(Content, { components: componentMap })
-      );
-      return { value: html, toString: () => html };
-    }
-  };
-}
-function applyPlugin(proc, entry) {
-  if (Array.isArray(entry)) {
-    const [plugin, ...args] = entry;
-    return proc.use(plugin, ...args);
-  }
-  return proc.use(entry);
-}
-var MDX_MANAGED_REMARK_PLUGINS = /* @__PURE__ */ new Set([remarkParse, remarkMdx]);
-function getOwoMarkPlugins(options) {
-  const opts = {
-    mode: "production",
-    preserveSoftLineBreaks: false,
-    ...options
-  };
-  const remarkPlugins = buildRemarkPlugins(opts).filter(
-    (entry) => !MDX_MANAGED_REMARK_PLUGINS.has(entry)
-  );
-  const rehypePlugins = buildRehypePlugins(opts);
-  return { remarkPlugins, rehypePlugins };
-}
-
-// src/theme.ts
-var THEME_LIGHT_CLASS = "owo-theme-light";
-var THEME_DARK_CLASS = "owo-theme-dark";
-function getThemeClassName(theme) {
-  switch (theme) {
-    case "light":
-      return THEME_LIGHT_CLASS;
-    case "dark":
-      return THEME_DARK_CLASS;
-    default:
-      return theme;
-  }
-}
-
-export {
-  rehypeMathDisplayFix,
-  remarkConvertSoftBreaksToHardBreaks,
-  remarkSideAnnotation,
-  rehypeSideAnnotation,
-  Callout,
-  CodeDemo,
-  Steps,
-  Step,
-  Tabs,
-  Tab,
-  FileTree,
-  Kbd,
-  DEFAULT_MDX_COMPONENTS,
-  createOwoMarkProcessor,
-  getOwoMarkPlugins,
-  THEME_LIGHT_CLASS,
-  THEME_DARK_CLASS,
-  getThemeClassName
-};