@dr-ishaan/remake-blocks 1.0.0 → 1.1.0

package/dist/remark-remake-blocks.js

@@ -0,0 +1,724 @@
+/**
+ * remake-blocks
+ *
+ * A remark plugin that transforms callout directives inside blockquotes
+ * into styled callout components, disclosure widgets, and optionally
+ * enhances regular blockquotes.
+ *
+ * 27 first-class callout types + disclosure widgets ([!])
+ * + accordion grouping + tree view nesting
+ * — each directive maps 1:1 to its own unique visual identity.
+ *
+ * @security By default, raw HTML in markdown source is HTML-escaped before
+ *   being placed into callout bodies (safe-by-default). Set
+ *   `allowDangerousHtml: true` in plugin options to disable escaping —
+ *   only do this if you fully trust your markdown source.
+ */
+// ---------------------------------------------------------------------------
+// 27 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 (12) ──────────────────────────
+    {
+        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,
+    enableDisclosures: true,
+    disclosureClass: "disclosure",
+    disclosureTitleClass: "disclosure-title",
+    disclosureBodyClass: "disclosure-body",
+    enableAccordion: true,
+    accordionClass: "disclosure-accordion",
+    enableTreeView: true,
+    allowDangerousHtml: false,
+};
+// ---------------------------------------------------------------------------
+// Helper: Validate + normalize a single custom callout config.
+// Missing fields are filled with safe defaults so the plugin doesn't crash
+// when a user supplies an incomplete config.
+// ---------------------------------------------------------------------------
+function normalizeCalloutConfig(config) {
+    if (!config || typeof config !== "object")
+        return null;
+    const rawType = config.type;
+    if (typeof rawType !== "string" || rawType.trim() === "")
+        return null;
+    return {
+        type: rawType,
+        icon: typeof config.icon === "string" ? config.icon : "",
+        className: typeof config.className === "string" ? config.className : `callout-${rawType.toLowerCase()}`,
+        defaultTitle: typeof config.defaultTitle === "string" ? config.defaultTitle : rawType,
+        color: typeof config.color === "string" ? config.color : "#57606a",
+        backgroundColor: typeof config.backgroundColor === "string" ? config.backgroundColor : "#f6f8fa",
+        iconColor: typeof config.iconColor === "string" ? config.iconColor : undefined,
+    };
+}
+// ---------------------------------------------------------------------------
+// Helper: Escape a string for safe interpolation into an HTML attribute value
+// (class, style, etc.). Uses the same escapes as escapeHtml, but additionally
+// rejects characters that could break out of the attribute context.
+// ---------------------------------------------------------------------------
+function escapeAttribute(str) {
+    return escapeHtml(str);
+}
+// ---------------------------------------------------------------------------
+// Helper: Validate a CSS color value. Accepts hex, rgb(), rgba(), hsl(),
+// hsla(), named colors, var(--token), currentColor, and transparent.
+// Rejects anything that could break out of style="color:..." context.
+// ---------------------------------------------------------------------------
+const SAFE_COLOR_RE = /^(#[0-9a-fA-F]{3,8}|rgb\(\s*[\d.%\s,/-]+\s*\)|rgba\(\s*[\d.%\s,/-]+\s*\)|hsl\(\s*[\d.%\s,/-]+\s*\)|hsla\(\s*[\d.%\s,/-]+\s*\)|var\(\s*--[\w-]+\s*(?:,\s*[^()]*)?\)|currentColor|transparent|inherit|[a-zA-Z]+)$/;
+function sanitizeColor(value, fallback) {
+    if (typeof value !== "string" || value.length === 0)
+        return fallback;
+    // Strip whitespace then validate.
+    const trimmed = value.trim();
+    if (SAFE_COLOR_RE.test(trimmed))
+        return trimmed;
+    // Reject anything that contains quotes, angle brackets, or semicolons —
+    // these could break out of the style attribute.
+    if (/["'<>;]/.test(trimmed))
+        return fallback;
+    // Otherwise, return as-is (allows reasonable CSS color values that the
+    // regex didn't anticipate, but blocks obvious injection attempts).
+    return trimmed;
+}
+// ---------------------------------------------------------------------------
+// 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 rawConfig of options.customCallouts) {
+            // Normalize + validate. Skip invalid entries instead of crashing.
+            const config = normalizeCalloutConfig(rawConfig);
+            if (config) {
+                map.set(config.type.toLowerCase(), config);
+            }
+        }
+    }
+    return map;
+}
+// ---------------------------------------------------------------------------
+// Helper: Build the dynamic regex matching all directives
+// ---------------------------------------------------------------------------
+function buildCalloutPattern(configMap, enableDisclosures) {
+    const allDirectives = Array.from(configMap.keys())
+        .map((t) => t.toUpperCase())
+        .sort((a, b) => b.length - a.length);
+    if (enableDisclosures) {
+        allDirectives.unshift("");
+    }
+    const typePattern = allDirectives.join("|");
+    return new RegExp(`^\\[!(${typePattern})\\]([+-]?)(?:[^\\S\\n]+(.+))?`, "i");
+}
+// ---------------------------------------------------------------------------
+// Helper: Parse the first paragraph of a blockquote to detect a callout
+// ---------------------------------------------------------------------------
+function parseCalloutDirective(blockquote, calloutPattern, configMap, enableDisclosures) {
+    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 rawType = match[1] || "";
+    const isDisclosure = enableDisclosures && rawType === "";
+    if (!isDisclosure && !configMap.has(rawType.toLowerCase()))
+        return null;
+    const type = isDisclosure ? "disclosure" : rawType.toLowerCase();
+    const foldMarker = match[2] || "";
+    const collapsible = foldMarker === "+" || foldMarker === "-";
+    const collapsibleOpen = foldMarker === "+";
+    const effectiveCollapsible = isDisclosure ? true : collapsible;
+    const effectiveCollapsibleOpen = isDisclosure ? (foldMarker === "+" || !foldMarker) : collapsibleOpen;
+    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: effectiveCollapsible, collapsibleOpen: effectiveCollapsibleOpen, isDisclosure };
+}
+// ---------------------------------------------------------------------------
+// Helpers: extractTextContent, html, escapeHtml
+// ---------------------------------------------------------------------------
+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;
+}
+function html(value) {
+    return { type: "html", value };
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+// ---------------------------------------------------------------------------
+// Helper: Build body HTML from blockquote children
+// ---------------------------------------------------------------------------
+function buildBodyHtml(blockquote, calloutPattern, options) {
+    let bodyHtml = "";
+    const bodyChildren = blockquote.children.slice(1);
+    for (const child of bodyChildren) {
+        bodyHtml += serializeNodeToHtml(child, "", options.allowDangerousHtml);
+    }
+    const firstPara = blockquote.children[0];
+    if (firstPara && firstPara.type === "paragraph") {
+        const firstParaHtml = serializeFirstParagraphAfterDirective(firstPara, calloutPattern, options.allowDangerousHtml);
+        if (firstParaHtml) {
+            bodyHtml = firstParaHtml + bodyHtml;
+        }
+    }
+    return bodyHtml;
+}
+// ---------------------------------------------------------------------------
+// Helper: Build the callout HTML
+// ---------------------------------------------------------------------------
+function buildCalloutHtml(parsed, blockquote, calloutPattern, configMap, options, depth = 0) {
+    // ── Disclosure Widget ──────────────────────────────────────────────
+    if (parsed.isDisclosure) {
+        return buildDisclosureHtml(parsed, blockquote, calloutPattern, options, depth);
+    }
+    // ── Regular / Collapsible Callout ──────────────────────────────────
+    const config = configMap.get(parsed.type);
+    const title = parsed.customTitle || config.defaultTitle;
+    const dataAttr = options.dataCalloutType ? ` data-callout-type="${escapeAttribute(parsed.type)}"` : "";
+    const bodyHtml = buildBodyHtml(blockquote, calloutPattern, options);
+    // Sanitize colors before interpolating into style attribute
+    const safeIconColor = sanitizeColor(config.iconColor || config.color, "#57606a");
+    const ariaRole = getAriaRole(parsed.type);
+    // Escape className + calloutClass to prevent attribute breakout
+    const safeCalloutClass = escapeAttribute(options.calloutClass);
+    const safeConfigClassName = escapeAttribute(config.className);
+    const safeCalloutTitleClass = escapeAttribute(options.calloutTitleClass);
+    const safeCalloutBodyClass = escapeAttribute(options.calloutBodyClass);
+    if (parsed.collapsible) {
+        const openAttr = parsed.collapsibleOpen ? " open" : "";
+        return html([
+            `<details class="${safeCalloutClass} ${safeConfigClassName} collapsible"${dataAttr} role="${ariaRole}"${openAttr}>`,
+            `  <summary class="${safeCalloutTitleClass}" style="color:${safeIconColor}">`,
+            `    <span class="callout-icon" style="color:${safeIconColor}">${config.icon}</span>`,
+            `    <span class="callout-title-text">${escapeHtml(title)}</span>`,
+            `  </summary>`,
+            `  <div class="${safeCalloutBodyClass}">`,
+            bodyHtml,
+            `  </div>`,
+            `</details>`,
+        ].join("\n"));
+    }
+    return html([
+        `<aside class="${safeCalloutClass} ${safeConfigClassName}"${dataAttr} role="${ariaRole}">`,
+        `  <div class="${safeCalloutTitleClass}" style="color:${safeIconColor}">`,
+        `    <span class="callout-icon" style="color:${safeIconColor}">${config.icon}</span>`,
+        `    <span class="callout-title-text">${escapeHtml(title)}</span>`,
+        `  </div>`,
+        `  <div class="${safeCalloutBodyClass}">`,
+        bodyHtml,
+        `  </div>`,
+        `</aside>`,
+    ].join("\n"));
+}
+// ---------------------------------------------------------------------------
+// Helper: Build disclosure widget HTML (with tree view support)
+// ---------------------------------------------------------------------------
+function buildDisclosureHtml(parsed, blockquote, calloutPattern, options, depth = 0) {
+    const title = parsed.customTitle || "Details";
+    const openAttr = parsed.collapsibleOpen ? " open" : "";
+    const bodyHtml = buildBodyHtml(blockquote, calloutPattern, options);
+    // Tree view: add depth class for nested disclosures
+    const safeDisclosureClass = escapeAttribute(options.disclosureClass);
+    const safeDisclosureTitleClass = escapeAttribute(options.disclosureTitleClass);
+    const safeDisclosureBodyClass = escapeAttribute(options.disclosureBodyClass);
+    const safeDepth = String(depth).replace(/[^0-9]/g, "") || "0";
+    const treeAttr = options.enableTreeView && depth > 0
+        ? ` class="${safeDisclosureClass} disclosure-tree" data-depth="${safeDepth}"`
+        : ` class="${safeDisclosureClass}"`;
+    const disclosureHtml = [
+        `<details${treeAttr}${openAttr}>`,
+        `  <summary class="${safeDisclosureTitleClass}">${escapeHtml(title)}</summary>`,
+        `  <div class="${safeDisclosureBodyClass}">`,
+        bodyHtml,
+        `  </div>`,
+        `</details>`,
+    ].join("\n");
+    return html(disclosureHtml);
+}
+// ---------------------------------------------------------------------------
+// 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";
+        default:
+            return "note";
+    }
+}
+// ---------------------------------------------------------------------------
+// Helper: Serialize the first paragraph's content after the directive
+// ---------------------------------------------------------------------------
+function serializeFirstParagraphAfterDirective(paragraph, calloutPattern, allowDangerousHtml) {
+    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;
+                const afterDirective = textVal.slice(match[0].length);
+                if (afterDirective.trim()) {
+                    const newlineIdx = afterDirective.indexOf("\n");
+                    if (newlineIdx !== -1) {
+                        const bodyText = afterDirective.slice(newlineIdx + 1).trim();
+                        if (bodyText)
+                            remainingChildren.push({ type: "text", value: bodyText });
+                    }
+                    // If there is no newline, the text after the directive on the
+                    // same line is treated as the custom title (already extracted by
+                    // parseCalloutDirective) and is intentionally NOT added to the
+                    // body — this prevents the title from leaking into the body
+                    // when it contains raw HTML.
+                }
+                for (let j = i + 1; j < children.length; j++) {
+                    remainingChildren.push(children[j]);
+                }
+                break;
+            }
+            else {
+                remainingChildren.push(child);
+            }
+        }
+        else if (foundDirective) {
+            remainingChildren.push(child);
+        }
+        // If we haven't found the directive yet and the child is not a text node,
+        // skip it — but this typically doesn't happen because the directive is
+        // always in the first text node.
+    }
+    if (remainingChildren.length === 0)
+        return "";
+    const innerHtml = remainingChildren.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("");
+    return innerHtml.trim() ? `<p>${innerHtml}</p>\n` : "";
+}
+// ---------------------------------------------------------------------------
+// Helpers: Serialize mdast nodes to HTML
+// ---------------------------------------------------------------------------
+function serializeNodeToHtml(node, indent = "", allowDangerousHtml = false) {
+    switch (node.type) {
+        case "paragraph": return `${indent}<p>${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</p>\n`;
+        case "heading": return `${indent}<h${node.depth}>${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</h${node.depth}>\n`;
+        case "list": {
+            const tag = node.ordered ? "ol" : "ul";
+            return `${indent}<${tag}>\n${node.children.map((c) => serializeNodeToHtml(c, indent + "  ", allowDangerousHtml)).join("")}${indent}</${tag}>\n`;
+        }
+        case "listItem": return `${indent}<li>\n${node.children.map((c) => serializeNodeToHtml(c, indent + "  ", allowDangerousHtml)).join("")}${indent}</li>\n`;
+        case "code": {
+            const lang = node.lang ? ` class="language-${escapeAttribute(node.lang)}"` : "";
+            return `${indent}<pre><code${lang}>${escapeHtml(node.value)}</code></pre>\n`;
+        }
+        case "blockquote": return `${indent}<blockquote>\n${node.children.map((c) => serializeNodeToHtml(c, indent + "  ", allowDangerousHtml)).join("")}${indent}</blockquote>\n`;
+        case "thematicBreak": return `${indent}<hr />\n`;
+        case "html": return allowDangerousHtml ? `${indent}${node.value}\n` : `${indent}${escapeHtml(node.value)}\n`;
+        default: return "";
+    }
+}
+function inlineNodeToHtml(node, allowDangerousHtml = false) {
+    switch (node.type) {
+        case "text": return escapeHtml(node.value);
+        case "strong": return `<strong>${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</strong>`;
+        case "emphasis": return `<em>${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</em>`;
+        case "inlineCode": return `<code>${escapeHtml(node.value)}</code>`;
+        case "link": return `<a href="${escapeHtml(node.url)}">${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</a>`;
+        case "image": return `<img src="${escapeHtml(node.url)}" alt="${escapeHtml(node.alt || "")}" />`;
+        case "delete": return `<del>${node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("")}</del>`;
+        // SAFE-BY-DEFAULT: raw inline HTML is escaped unless the user explicitly
+        // opted in with `allowDangerousHtml: true`. This prevents XSS from
+        // untrusted markdown containing payloads like <img src=x onerror=alert(1)>.
+        case "html": return allowDangerousHtml ? node.value : escapeHtml(node.value);
+        default:
+            if (node.children)
+                return node.children.map((c) => inlineNodeToHtml(c, allowDangerousHtml)).join("");
+            return "";
+    }
+}
+// ---------------------------------------------------------------------------
+// Helper: Compute blockquote nesting depth for tree view
+// ---------------------------------------------------------------------------
+function getBlockquoteDepth(node, parent, tree) {
+    let depth = 0;
+    let current = parent;
+    while (current && current !== tree) {
+        if (current.type === "blockquote")
+            depth++;
+        // Walk up — this is a simplified approach; for deeply nested trees
+        // we rely on the visit order which processes outer blocks first
+        break; // We use a different approach: pass depth during visit
+    }
+    return depth;
+}
+// ---------------------------------------------------------------------------
+// Plugin implementation
+// ---------------------------------------------------------------------------
+export const remarkRemakeBlocks = (userOptions) => {
+    const options = {
+        ...DEFAULT_OPTIONS,
+        ...userOptions,
+    };
+    const configMap = buildCalloutConfigMap(options);
+    const calloutPattern = options.calloutPattern || buildCalloutPattern(configMap, options.enableDisclosures);
+    return (tree) => {
+        // ── Pass 1: Transform blockquotes → callouts / disclosures ──────
+        // We must process DEEPEST blockquotes first (inside-out) so that
+        // nested [!] directives are converted before their parents read them.
+        // We collect all blockquote nodes first, then process depth-first.
+        const blockquotes = [];
+        function collectBlockquotes(node, depth) {
+            if (!node.children)
+                return;
+            for (let i = 0; i < node.children.length; i++) {
+                const child = node.children[i];
+                if (child.type === "blockquote") {
+                    blockquotes.push({ node: child, index: i, parent: node, depth });
+                    // Recurse into the blockquote's children to find deeper ones
+                    collectBlockquotes(child, depth + 1);
+                }
+                else {
+                    collectBlockquotes(child, depth);
+                }
+            }
+        }
+        collectBlockquotes(tree, 0);
+        // Sort by depth descending — deepest first
+        blockquotes.sort((a, b) => b.depth - a.depth);
+        // Process each blockquote (deepest first)
+        for (const { node: bq, index, parent, depth } of blockquotes) {
+            // Verify the node is still at the expected position
+            // (it may have been replaced by a different node if a sibling was processed)
+            if (!parent || !parent.children)
+                continue;
+            if (parent.children[index] !== bq) {
+                // The node may have shifted due to earlier replacements in the same parent
+                // Try to find it by reference
+                const foundIdx = parent.children.indexOf(bq);
+                if (foundIdx === -1)
+                    continue; // Already replaced
+            }
+            const parsed = parseCalloutDirective(bq, calloutPattern, configMap, options.enableDisclosures);
+            if (parsed) {
+                // For disclosures: depth > 0 means it's nested inside another blockquote
+                // (which is likely another disclosure or callout) → tree view
+                const disclosureDepth = parsed.isDisclosure ? depth : 0;
+                const calloutNode = buildCalloutHtml(parsed, bq, calloutPattern, configMap, options, disclosureDepth);
+                // Replace using the actual current index
+                const actualIdx = parent.children.indexOf(bq);
+                if (actualIdx !== -1) {
+                    parent.children[actualIdx] = calloutNode;
+                }
+            }
+            else if (options.enhanceBlockquotes) {
+                const actualIdx = parent.children.indexOf(bq);
+                if (actualIdx !== -1) {
+                    parent.children[actualIdx] = html([
+                        `<div class="${escapeAttribute(options.blockquoteClass)}">`,
+                        `  <blockquote>`,
+                        bq.children.map((c) => serializeNodeToHtml(c, "    ", options.allowDangerousHtml)).join(""),
+                        `  </blockquote>`,
+                        `</div>`,
+                    ].join("\n"));
+                }
+            }
+        }
+        // ── Pass 2: Group consecutive disclosures into accordions ───────
+        if (options.enableAccordion && options.enableDisclosures) {
+            groupAccordions(tree, options.accordionClass);
+        }
+    };
+};
+// ---------------------------------------------------------------------------
+// Pass 2: Group consecutive disclosure <details> into accordion wrapper
+// ---------------------------------------------------------------------------
+function groupAccordions(tree, accordionClass) {
+    function walk(node) {
+        if (!node.children)
+            return;
+        // Process children array
+        const newChildren = [];
+        let i = 0;
+        while (i < node.children.length) {
+            const child = node.children[i];
+            // Check if this is a disclosure <details> HTML node
+            if (child.type === "html" && isDisclosureHtml(child.value)) {
+                // Start collecting consecutive disclosures
+                const group = [child.value];
+                let j = i + 1;
+                // Collect consecutive disclosure nodes (skip whitespace-only text nodes)
+                while (j < node.children.length) {
+                    const next = node.children[j];
+                    if (next.type === "html" && isDisclosureHtml(next.value)) {
+                        group.push(next.value);
+                        j++;
+                    }
+                    else if (next.type === "text" && next.value.trim() === "") {
+                        // Skip whitespace text nodes between disclosures
+                        j++;
+                    }
+                    else {
+                        break;
+                    }
+                }
+                // If we found 2+ consecutive disclosures, wrap in accordion
+                if (group.length >= 2) {
+                    const accordionHtml = [
+                        `<div class="${escapeAttribute(accordionClass)}" data-accordion>`,
+                        ...group,
+                        `</div>`,
+                    ].join("\n");
+                    newChildren.push(html(accordionHtml));
+                    i = j;
+                }
+                else {
+                    newChildren.push(child);
+                    i++;
+                }
+            }
+            else {
+                newChildren.push(child);
+                i++;
+            }
+        }
+        node.children = newChildren;
+        // Recurse into remaining children
+        for (const child of node.children) {
+            walk(child);
+        }
+    }
+    walk(tree);
+}
+/**
+ * Check if an HTML string is a disclosure <details> element.
+ * Matches <details class="disclosure"...> but NOT callout <details class="callout ...">
+ */
+function isDisclosureHtml(htmlStr) {
+    const trimmed = htmlStr.trim();
+    return trimmed.startsWith('<details class="disclosure"') &&
+        !trimmed.includes('callout');
+}
+// ---------------------------------------------------------------------------
+// Backward-compatible alias
+// ---------------------------------------------------------------------------
+export const remarkCalloutBlocks = remarkRemakeBlocks;
+export { BUILTIN_CALLOUTS };
+//# sourceMappingURL=remark-remake-blocks.js.map