@dr-ishaan/remake-blocks 1.0.0 → 1.1.0

package/dist/remark-callout-blocks.js

@@ -1,628 +0,0 @@
-/**
- * remark plugin for @dr-ishaan/remake-blocks
- *
- * A remark plugin that transforms callout directives inside blockquotes
- * into styled callout components, and optionally enhances regular blockquotes.
- *
- * 29 first-class callout types — each directive maps 1:1 to its own
- * unique visual identity. No alias resolution.
- */
-import { visit } from "unist-util-visit";
-// ---------------------------------------------------------------------------
-// 29 Built-in callout configurations
-// ---------------------------------------------------------------------------
-const BUILTIN_CALLOUTS = [
-    // ── GFM Primaries (5) ─────────────────────────────────────────────────
-    {
-        type: "note",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>`,
-        className: "callout-note",
-        defaultTitle: "Note",
-        color: "#0969da",
-        backgroundColor: "#ddf4ff",
-        iconColor: "#0969da",
-    },
-    {
-        type: "tip",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>`,
-        className: "callout-tip",
-        defaultTitle: "Tip",
-        color: "#1a7f37",
-        backgroundColor: "#dafbe1",
-        iconColor: "#1a7f37",
-    },
-    {
-        type: "important",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`,
-        className: "callout-important",
-        defaultTitle: "Important",
-        color: "#8250df",
-        backgroundColor: "#fbefff",
-        iconColor: "#8250df",
-    },
-    {
-        type: "warning",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`,
-        className: "callout-warning",
-        defaultTitle: "Warning",
-        color: "#9a6700",
-        backgroundColor: "#fff8c5",
-        iconColor: "#9a6700",
-    },
-    {
-        type: "caution",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>`,
-        className: "callout-caution",
-        defaultTitle: "Caution",
-        color: "#cf222e",
-        backgroundColor: "#ffebe9",
-        iconColor: "#cf222e",
-    },
-    // ── Obsidian Primaries (10) ────────────────────────────────────────────
-    {
-        type: "abstract",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"/><path d="M14 2v6h6"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/></svg>`,
-        className: "callout-abstract",
-        defaultTitle: "Abstract",
-        color: "#0891b2",
-        backgroundColor: "#ecfeff",
-        iconColor: "#0891b2",
-    },
-    {
-        type: "info",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>`,
-        className: "callout-info",
-        defaultTitle: "Info",
-        color: "#57606a",
-        backgroundColor: "#f6f8fa",
-        iconColor: "#57606a",
-    },
-    {
-        type: "success",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="M22 4 12 14.01l-3-3"/></svg>`,
-        className: "callout-success",
-        defaultTitle: "Success",
-        color: "#1a8840",
-        backgroundColor: "#caf7ca",
-        iconColor: "#1a8840",
-    },
-    {
-        type: "question",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>`,
-        className: "callout-question",
-        defaultTitle: "Question",
-        color: "#bf6c06",
-        backgroundColor: "#fff1e5",
-        iconColor: "#bf6c06",
-    },
-    {
-        type: "failure",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>`,
-        className: "callout-failure",
-        defaultTitle: "Failure",
-        color: "#b33a3a",
-        backgroundColor: "#ffe2e2",
-        iconColor: "#b33a3a",
-    },
-    {
-        type: "danger",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>`,
-        className: "callout-danger",
-        defaultTitle: "Danger",
-        color: "#cf222e",
-        backgroundColor: "#ffebe9",
-        iconColor: "#cf222e",
-    },
-    {
-        type: "quote",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z"/></svg>`,
-        className: "callout-quote",
-        defaultTitle: "Quote",
-        color: "#656d76",
-        backgroundColor: "#f6f8fa",
-        iconColor: "#656d76",
-    },
-    {
-        type: "bug",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m8 2 1.88 1.88"/><path d="M14.12 3.88 16 2"/><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/><path d="M12 20v-9"/><path d="M6.53 9C4.6 8.8 3 7.1 3 5"/><path d="M6 13H2"/><path d="M3 21c0-2.1 1.7-3.9 3.8-4"/><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"/><path d="M22 13h-4"/><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"/></svg>`,
-        className: "callout-bug",
-        defaultTitle: "Bug",
-        color: "#c93257",
-        backgroundColor: "#ffedf2",
-        iconColor: "#c93257",
-    },
-    {
-        type: "example",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/></svg>`,
-        className: "callout-example",
-        defaultTitle: "Example",
-        color: "#8250df",
-        backgroundColor: "#fbefff",
-        iconColor: "#8250df",
-    },
-    {
-        type: "todo",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m9 12 2 2 4-4"/></svg>`,
-        className: "callout-todo",
-        defaultTitle: "Todo",
-        color: "#2274a5",
-        backgroundColor: "#e5f2fc",
-        iconColor: "#2274a5",
-    },
-    // ── Promoted Aliases — first-class types (14) ──────────────────────────
-    {
-        type: "summary",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"/><path d="M14 2v6h6"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>`,
-        className: "callout-summary",
-        defaultTitle: "Summary",
-        color: "#0e7490",
-        backgroundColor: "#f0fdfa",
-        iconColor: "#0e7490",
-    },
-    {
-        type: "tldr",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>`,
-        className: "callout-tldr",
-        defaultTitle: "TL;DR",
-        color: "#06b6d4",
-        backgroundColor: "#ecfeff",
-        iconColor: "#06b6d4",
-    },
-    {
-        type: "hint",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>`,
-        className: "callout-hint",
-        defaultTitle: "Hint",
-        color: "#3d8b37",
-        backgroundColor: "#e8f5e9",
-        iconColor: "#3d8b37",
-    },
-    {
-        type: "check",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m9 12 2 2 4-4"/></svg>`,
-        className: "callout-check",
-        defaultTitle: "Check",
-        color: "#0d9488",
-        backgroundColor: "#f0fdfa",
-        iconColor: "#0d9488",
-    },
-    {
-        type: "done",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="M22 4 12 14.01l-3-3"/></svg>`,
-        className: "callout-done",
-        defaultTitle: "Done",
-        color: "#15803d",
-        backgroundColor: "#dcfce7",
-        iconColor: "#15803d",
-    },
-    {
-        type: "help",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>`,
-        className: "callout-help",
-        defaultTitle: "Help",
-        color: "#c26506",
-        backgroundColor: "#fff7ed",
-        iconColor: "#c26506",
-    },
-    {
-        type: "faq",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M8 10h.01"/><path d="M12 10h.01"/><path d="M16 10h.01"/></svg>`,
-        className: "callout-faq",
-        defaultTitle: "FAQ",
-        color: "#b45309",
-        backgroundColor: "#fffbeb",
-        iconColor: "#b45309",
-    },
-    {
-        type: "attention",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>`,
-        className: "callout-attention",
-        defaultTitle: "Attention",
-        color: "#ca8a04",
-        backgroundColor: "#fefce8",
-        iconColor: "#ca8a04",
-    },
-    {
-        type: "fail",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>`,
-        className: "callout-fail",
-        defaultTitle: "Fail",
-        color: "#be123c",
-        backgroundColor: "#fff1f2",
-        iconColor: "#be123c",
-    },
-    {
-        type: "missing",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>`,
-        className: "callout-missing",
-        defaultTitle: "Missing",
-        color: "#9f3a3a",
-        backgroundColor: "#fef2f2",
-        iconColor: "#9f3a3a",
-    },
-    {
-        type: "error",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>`,
-        className: "callout-error",
-        defaultTitle: "Error",
-        color: "#dc2626",
-        backgroundColor: "#fef2f2",
-        iconColor: "#dc2626",
-    },
-    {
-        type: "cite",
-        icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg>`,
-        className: "callout-cite",
-        defaultTitle: "Cite",
-        color: "#5b6abf",
-        backgroundColor: "#eef2ff",
-        iconColor: "#5b6abf",
-    },
-];
-// ---------------------------------------------------------------------------
-// Default plugin options
-// ---------------------------------------------------------------------------
-const DEFAULT_OPTIONS = {
-    calloutContainerTag: "div",
-    calloutClass: "callout",
-    calloutTitleClass: "callout-title",
-    calloutBodyClass: "callout-body",
-    enhanceBlockquotes: true,
-    blockquoteClass: "blockquote-enhanced",
-    dataCalloutType: true,
-    customCallouts: [],
-    calloutPattern: undefined,
-};
-// ---------------------------------------------------------------------------
-// Helper: Build the callout configuration map
-// ---------------------------------------------------------------------------
-function buildCalloutConfigMap(options) {
-    const map = new Map();
-    for (const config of BUILTIN_CALLOUTS) {
-        map.set(config.type.toLowerCase(), config);
-    }
-    if (options.customCallouts) {
-        for (const config of options.customCallouts) {
-            map.set(config.type.toLowerCase(), config);
-        }
-    }
-    return map;
-}
-// ---------------------------------------------------------------------------
-// Helper: Build the dynamic regex matching all directives
-// ---------------------------------------------------------------------------
-function buildCalloutPattern(configMap) {
-    const allDirectives = Array.from(configMap.keys())
-        .map((t) => t.toUpperCase())
-        .sort((a, b) => b.length - a.length);
-    return new RegExp(`^\\[!(${allDirectives.join("|")})\\]([+-]?)(?:[^\\S\\n]+(.+))?`, "i");
-}
-// ---------------------------------------------------------------------------
-// Helper: Parse the first paragraph of a blockquote to detect a callout
-// ---------------------------------------------------------------------------
-function parseCalloutDirective(blockquote, calloutPattern, configMap) {
-    const firstChild = blockquote.children[0];
-    if (!firstChild || firstChild.type !== "paragraph")
-        return null;
-    const firstText = extractTextContent(firstChild);
-    if (!firstText)
-        return null;
-    const match = firstText.match(calloutPattern);
-    if (!match)
-        return null;
-    const type = match[1].toLowerCase();
-    if (!configMap.has(type))
-        return null;
-    // match[2] is the collapsible marker: "+", "-", or ""
-    const foldMarker = match[2] || "";
-    const collapsible = foldMarker === "+" || foldMarker === "-";
-    const collapsibleOpen = foldMarker === "+";
-    // The remainder is everything after the full regex match
-    const remainder = firstText.slice(match[0].length);
-    let customTitle;
-    let remainingContent;
-    if (match[3]) {
-        customTitle = match[3].trim() || undefined;
-        if (remainder.includes("\n")) {
-            const newlineIdx = remainder.indexOf("\n");
-            remainingContent = remainder.slice(newlineIdx + 1).trim() || undefined;
-        }
-    }
-    else {
-        const hasNewlineAfterDirective = /^\s*\n/.test(remainder);
-        if (hasNewlineAfterDirective) {
-            const afterNewline = remainder.replace(/^\s*\n/, "");
-            remainingContent = afterNewline.trim() || undefined;
-        }
-    }
-    return { type, customTitle, remainingContent, collapsible, collapsibleOpen };
-}
-// ---------------------------------------------------------------------------
-// Helper: Extract plain text from an inline node
-// ---------------------------------------------------------------------------
-function extractTextContent(node) {
-    let text = "";
-    for (const child of node.children) {
-        if (child.type === "text") {
-            text += child.value;
-        }
-        else if ("children" in child && Array.isArray(child.children)) {
-            text += extractTextContent(child);
-        }
-    }
-    return text;
-}
-// ---------------------------------------------------------------------------
-// Helper: Create an HTML node
-// ---------------------------------------------------------------------------
-function html(value) {
-    return { type: "html", value };
-}
-// ---------------------------------------------------------------------------
-// Helper: Build the callout HTML
-// ---------------------------------------------------------------------------
-function buildCalloutHtml(parsed, blockquote, calloutPattern, configMap, options) {
-    const config = configMap.get(parsed.type);
-    const title = parsed.customTitle || config.defaultTitle;
-    const dataAttr = options.dataCalloutType ? ` data-callout-type="${parsed.type}"` : "";
-    // Build body HTML from blockquote children, properly handling the first
-    // paragraph (strip the directive text but preserve inline markdown).
-    let bodyHtml = "";
-    const bodyChildren = blockquote.children.slice(1); // skip first paragraph (directive line)
-    for (const child of bodyChildren) {
-        bodyHtml += serializeNodeToHtml(child);
-    }
-    // Handle content from the first paragraph after the directive.
-    // If remainingContent exists (text after directive on same line),
-    // or if the first paragraph has children after the directive text,
-    // we need to serialize them properly to preserve inline markdown.
-    const firstPara = blockquote.children[0];
-    if (firstPara && firstPara.type === "paragraph") {
-        const firstParaHtml = serializeFirstParagraphAfterDirective(firstPara, calloutPattern);
-        if (firstParaHtml) {
-            bodyHtml = firstParaHtml + bodyHtml;
-        }
-    }
-    const iconColor = config.iconColor || config.color;
-    // ARIA role based on semantic type
-    const ariaRole = getAriaRole(parsed.type);
-    const ariaLabel = `role="${ariaRole}"`;
-    if (parsed.collapsible) {
-        // Collapsible callout → native <details>/<summary> (no JS needed)
-        const openAttr = parsed.collapsibleOpen ? " open" : "";
-        const calloutHtml = [
-            `<details class="${options.calloutClass} ${config.className} collapsible"${dataAttr} ${ariaLabel}${openAttr}>`,
-            `  <summary class="${options.calloutTitleClass}" style="color:${iconColor}">`,
-            `    <span class="callout-icon" style="color:${iconColor}">${config.icon}</span>`,
-            `    <span class="callout-title-text">${escapeHtml(title)}</span>`,
-            `  </summary>`,
-            `  <div class="${options.calloutBodyClass}">`,
-            bodyHtml,
-            `  </div>`,
-            `</details>`,
-        ].join("\n");
-        return html(calloutHtml);
-    }
-    // Regular callout → semantic <aside> element
-    const calloutHtml = [
-        `<aside class="${options.calloutClass} ${config.className}"${dataAttr} ${ariaLabel}>`,
-        `  <div class="${options.calloutTitleClass}" style="color:${iconColor}">`,
-        `    <span class="callout-icon" style="color:${iconColor}">${config.icon}</span>`,
-        `    <span class="callout-title-text">${escapeHtml(title)}</span>`,
-        `  </div>`,
-        `  <div class="${options.calloutBodyClass}">`,
-        bodyHtml,
-        `  </div>`,
-        `</aside>`,
-    ].join("\n");
-    return html(calloutHtml);
-}
-// ---------------------------------------------------------------------------
-// Helper: Map callout type to ARIA role
-// ---------------------------------------------------------------------------
-function getAriaRole(type) {
-    switch (type) {
-        case "warning":
-        case "attention":
-        case "caution":
-        case "danger":
-        case "error":
-        case "fail":
-        case "failure":
-        case "missing":
-            return "alert";
-        case "note":
-        case "info":
-        case "abstract":
-        case "summary":
-        case "tldr":
-        case "example":
-        case "cite":
-        case "quote":
-            return "note";
-        case "tip":
-        case "hint":
-        case "important":
-        case "success":
-        case "check":
-        case "done":
-        case "todo":
-            return "note";
-        case "question":
-        case "help":
-        case "faq":
-        case "bug":
-            return "note";
-        default:
-            return "note";
-    }
-}
-// ---------------------------------------------------------------------------
-// Helper: Serialize the first paragraph's content after the directive,
-// preserving inline markdown (bold, italic, code, links, etc.)
-// ---------------------------------------------------------------------------
-function serializeFirstParagraphAfterDirective(paragraph, calloutPattern) {
-    // Find the text node containing the directive and split it
-    const children = paragraph.children;
-    let foundDirective = false;
-    const remainingChildren = [];
-    for (let i = 0; i < children.length; i++) {
-        const child = children[i];
-        if (!foundDirective && child.type === "text") {
-            const textVal = child.value;
-            const match = textVal.match(calloutPattern);
-            if (match) {
-                foundDirective = true;
-                // Get the text after the full match (includes custom title + newline + body)
-                const afterDirective = textVal.slice(match[0].length);
-                // If there's a custom title captured by regex, strip it from remaining text
-                // match[3] is the custom title (if any), but the regex already consumed it
-                // The remaining text after match[0] may start with a newline + body text
-                // or just be the custom title text that was already captured.
-                // After the directive + optional fold marker + optional title,
-                // what remains on this line (after the title) is body content.
-                // But the regex captures the title as match[3]. The text after
-                // match[0] could be empty, a newline, or continuation text.
-                if (afterDirective.trim()) {
-                    // Check if what remains includes a newline (body content after title)
-                    const newlineIdx = afterDirective.indexOf("\n");
-                    if (newlineIdx !== -1) {
-                        // Content after newline is body content
-                        const bodyText = afterDirective.slice(newlineIdx + 1).trim();
-                        if (bodyText) {
-                            remainingChildren.push({ type: "text", value: bodyText });
-                        }
-                    }
-                    // If no newline, the remaining text is part of the title (already captured)
-                    // or there's nothing left.
-                }
-                // Also include any subsequent children (after the text node with the directive)
-                for (let j = i + 1; j < children.length; j++) {
-                    remainingChildren.push(children[j]);
-                }
-                break;
-            }
-            else {
-                // Text node doesn't contain directive (shouldn't happen but handle gracefully)
-                remainingChildren.push(child);
-            }
-        }
-        else if (foundDirective) {
-            remainingChildren.push(child);
-        }
-        // If we haven't found the directive yet and it's not a text node, skip it
-        // (the directive is always in a text node)
-    }
-    if (remainingChildren.length === 0)
-        return "";
-    // Serialize the remaining children as inline HTML
-    const innerHtml = remainingChildren.map((c) => inlineNodeToHtml(c)).join("");
-    return innerHtml.trim() ? `<p>${innerHtml}</p>\n` : "";
-}
-// ---------------------------------------------------------------------------
-// Helper: Serialize mdast nodes to simple HTML
-// ---------------------------------------------------------------------------
-function serializeNodeToHtml(node, indent = "") {
-    switch (node.type) {
-        case "paragraph": {
-            const inner = node.children.map((c) => inlineNodeToHtml(c)).join("");
-            return `${indent}<p>${inner}</p>\n`;
-        }
-        case "heading": {
-            const inner = node.children.map((c) => inlineNodeToHtml(c)).join("");
-            return `${indent}<h${node.depth}>${inner}</h${node.depth}>\n`;
-        }
-        case "list": {
-            const tag = node.ordered ? "ol" : "ul";
-            const items = node.children.map((c) => serializeNodeToHtml(c, indent + "  ")).join("");
-            return `${indent}<${tag}>\n${items}${indent}</${tag}>\n`;
-        }
-        case "listItem": {
-            const inner = node.children.map((c) => serializeNodeToHtml(c, indent + "  ")).join("");
-            return `${indent}<li>\n${inner}${indent}</li>\n`;
-        }
-        case "code": {
-            const lang = node.lang ? ` class="language-${node.lang}"` : "";
-            return `${indent}<pre><code${lang}>${escapeHtml(node.value)}</code></pre>\n`;
-        }
-        case "blockquote": {
-            const inner = node.children.map((c) => serializeNodeToHtml(c, indent + "  ")).join("");
-            return `${indent}<blockquote>\n${inner}${indent}</blockquote>\n`;
-        }
-        case "thematicBreak": {
-            return `${indent}<hr />\n`;
-        }
-        default:
-            return "";
-    }
-}
-function inlineNodeToHtml(node) {
-    switch (node.type) {
-        case "text":
-            return escapeHtml(node.value);
-        case "strong":
-            return `<strong>${node.children.map((c) => inlineNodeToHtml(c)).join("")}</strong>`;
-        case "emphasis":
-            return `<em>${node.children.map((c) => inlineNodeToHtml(c)).join("")}</em>`;
-        case "inlineCode":
-            return `<code>${escapeHtml(node.value)}</code>`;
-        case "link":
-            return `<a href="${escapeHtml(node.url)}">${node.children.map((c) => inlineNodeToHtml(c)).join("")}</a>`;
-        case "image":
-            return `<img src="${escapeHtml(node.url)}" alt="${escapeHtml(node.alt || "")}" />`;
-        case "delete":
-            return `<del>${node.children.map((c) => inlineNodeToHtml(c)).join("")}</del>`;
-        case "html":
-            return node.value;
-        default:
-            if (node.children) {
-                return node.children.map((c) => inlineNodeToHtml(c)).join("");
-            }
-            return "";
-    }
-}
-// ---------------------------------------------------------------------------
-// Helper: Escape HTML entities
-// ---------------------------------------------------------------------------
-function escapeHtml(str) {
-    return str
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/"/g, "&quot;")
-        .replace(/'/g, "&#039;");
-}
-// ---------------------------------------------------------------------------
-// Plugin implementation
-// ---------------------------------------------------------------------------
-export const remarkCalloutBlocks = (userOptions) => {
-    const options = {
-        ...DEFAULT_OPTIONS,
-        ...userOptions,
-    };
-    const configMap = buildCalloutConfigMap(options);
-    const calloutPattern = options.calloutPattern || buildCalloutPattern(configMap);
-    return (tree) => {
-        visit(tree, "blockquote", (node, index, parent) => {
-            if (index === undefined || !parent)
-                return;
-            const parsed = parseCalloutDirective(node, calloutPattern, configMap);
-            if (parsed) {
-                const calloutNode = buildCalloutHtml(parsed, node, calloutPattern, configMap, options);
-                parent.children[index] = calloutNode;
-            }
-            else if (options.enhanceBlockquotes) {
-                const enhancedNode = html([
-                    `<div class="${options.blockquoteClass}">`,
-                    `  <blockquote>`,
-                    node.children.map((c) => serializeNodeToHtml(c, "    ")).join(""),
-                    `  </blockquote>`,
-                    `</div>`,
-                ].join("\n"));
-                parent.children[index] = enhancedNode;
-            }
-        });
-    };
-};
-export { BUILTIN_CALLOUTS };
-//# sourceMappingURL=remark-callout-blocks.js.map