@noirmd/previewer 1.0.0 → 1.0.2

package/dist/{index.mjs → index.cjs}

@@ -1,3 +1,4 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,6 +8,10 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -23,10 +28,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // node_modules/highlight.js/lib/core.js
 var require_core = __commonJS({
-  "node_modules/highlight.js/lib/core.js"(exports, module) {
+  "node_modules/highlight.js/lib/core.js"(exports2, module2) {
     "use strict";
     function deepFreeze(obj) {
       if (obj instanceof Map) {
@@ -1557,14 +1563,33 @@ var require_core = __commonJS({
     };
     var highlight = HLJS({});
     highlight.newInstance = () => HLJS({});
-    module.exports = highlight;
+    module2.exports = highlight;
     highlight.HighlightJS = highlight;
     highlight.default = highlight;
   }
 });
 
+// index.ts
+var index_exports = {};
+__export(index_exports, {
+  Admonition: () => Admonition,
+  CodeBlock: () => CodeBlock,
+  CustomMarkdownRenderer: () => CustomMarkdownRenderer_default,
+  Details: () => Details,
+  IconRenderer: () => IconRenderer,
+  Modal: () => Modal,
+  NRpreviewer: () => NRpreviewer_default,
+  extractHeaders: () => extractHeaders,
+  parseMarkdown: () => parseMarkdown,
+  preloadTailwindCDN: () => preloadTailwindCDN,
+  scanTailwindCDN: () => scanTailwindCDN,
+  useDebounce: () => useDebounce,
+  useLazyTailwindCDN: () => useLazyTailwindCDN
+});
+module.exports = __toCommonJS(index_exports);
+
 // CustomMarkdownRenderer.tsx
-import React8, { useState as useState3, useEffect as useEffect4, useCallback as useCallback2, useMemo, useId as useId3, useRef as useRef5 } from "react";
+var import_react9 = __toESM(require("react"), 1);
 
 // utils.ts
 function parseCssString(cssText) {
@@ -1989,7 +2014,7 @@ function splitSlots(rawContent) {
 }
 
 // ui-components.tsx
-import { useState, useRef } from "react";
+var import_react = require("react");
 
 // node_modules/highlight.js/es/core.js
 var import_core = __toESM(require_core(), 1);
@@ -10933,14 +10958,14 @@ core_default.registerLanguage("shell", shell);
 var highlightSetup_default = core_default;
 
 // ui-components.tsx
-import { Dialog } from "@base-ui/react/dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
+var import_dialog = require("@base-ui/react/dialog");
+var import_jsx_runtime = require("react/jsx-runtime");
 var IconRenderer = ({ iconName, extraClasses = "" }) => {
   if (!iconName) return null;
   const baseClass = `material-symbols-rounded !text-[1em] leading-none align-top ${extraClasses}`;
   const isCodepoint = /^[eE][0-9a-fA-F]{3,4}$/.test(iconName);
   if (isCodepoint) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       {
         className: baseClass,
@@ -10949,11 +10974,11 @@ var IconRenderer = ({ iconName, extraClasses = "" }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx("span", { className: baseClass, "aria-hidden": "true", children: iconName });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: baseClass, "aria-hidden": "true", children: iconName });
 };
 var CodeBlock = ({ code, language, title }) => {
-  const [copied, setCopied] = useState(false);
-  const timerRef = useRef(null);
+  const [copied, setCopied] = (0, import_react.useState)(false);
+  const timerRef = (0, import_react.useRef)(null);
   const lang = language?.split(/[\s{]/)[0]?.trim() || "";
   let html;
   try {
@@ -10971,13 +10996,13 @@ var CodeBlock = ({ code, language, title }) => {
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = setTimeout(() => setCopied(false), 1800);
   };
-  return /* @__PURE__ */ jsxs("div", { className: "not-prose my-4 rounded-2xl border border-border overflow-hidden bg-background-secondary-solid/5", children: [
-    title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background-secondary-solid/10 text-xs sm:text-sm font-mono text-text-secondary", children: [
-      /* @__PURE__ */ jsx("span", { className: "material-symbols-rounded text-base", children: "description" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "not-prose my-4 rounded-2xl border border-border overflow-hidden bg-background-secondary-solid/5", children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-background-secondary-solid/10 text-xs sm:text-sm font-mono text-text-secondary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "material-symbols-rounded text-base", children: "description" }),
       title
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "overflow-auto [&_pre]:m-0 [&_pre]:p-4 [&_pre]:text-xs sm:[&_pre]:text-sm", children: /* @__PURE__ */ jsx("pre", { className: "m-0", children: /* @__PURE__ */ jsx("code", { className: `language-${lang || "plaintext"}`, dangerouslySetInnerHTML: { __html: html } }) }) }),
-    /* @__PURE__ */ jsx("button", { className: "absolute top-2 right-2 p-1.5 rounded-lg bg-background-secondary-solid/20 hover:bg-background-secondary-solid/40 transition-colors cursor-pointer border-none text-text-secondary hover:text-text-primary", onClick: handleCopy, title: "Copy code", children: /* @__PURE__ */ jsx("span", { className: "material-symbols-rounded", style: { fontSize: "1rem" }, children: copied ? "check" : "content_copy" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overflow-auto [&_pre]:m-0 [&_pre]:p-4 [&_pre]:text-xs sm:[&_pre]:text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "m-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { className: `language-${lang || "plaintext"}`, dangerouslySetInnerHTML: { __html: html } }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "absolute top-2 right-2 p-1.5 rounded-lg bg-background-secondary-solid/20 hover:bg-background-secondary-solid/40 transition-colors cursor-pointer border-none text-text-secondary hover:text-text-primary", onClick: handleCopy, title: "Copy code", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "material-symbols-rounded", style: { fontSize: "1rem" }, children: copied ? "check" : "content_copy" }) })
   ] });
 };
 var defaultIcons = {
@@ -10996,17 +11021,17 @@ var typeClasses = {
 };
 var Admonition = ({ type, title, icon, className = "", style, children }) => {
   const iconToRender = icon || defaultIcons[type] || "info";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: `not-prose rounded-2xl mb-6 border shadow-xs p-4 ${typeClasses[type] || typeClasses.note} ${className}`,
       style,
       children: [
-        title && /* @__PURE__ */ jsxs("h5", { className: "font-bold text-base mb-2 m-0 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(IconRenderer, { iconName: iconToRender, extraClasses: "shrink-0" }),
-          /* @__PURE__ */ jsx("span", { children: title })
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h5", { className: "font-bold text-base mb-2 m-0 flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconRenderer, { iconName: iconToRender, extraClasses: "shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed opacity-90", children })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm leading-relaxed opacity-90", children })
       ]
     }
   );
@@ -11019,16 +11044,16 @@ var Details = ({
   style,
   children
 }) => {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
+  const [isOpen, setIsOpen] = (0, import_react.useState)(defaultOpen);
   const iconToRender = icon || "play_arrow";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "details",
     {
       className: `not-prose rounded-2xl border border-border mb-4 bg-background-primary/5 ${className}`,
       open: isOpen,
       style,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "summary",
           {
             className: "cursor-pointer p-4 font-bold flex items-center gap-2 list-none [&::-webkit-details-marker]:hidden hover:text-accent-primary transition-colors",
@@ -11037,45 +11062,45 @@ var Details = ({
               setIsOpen((prev) => !prev);
             },
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 IconRenderer,
                 {
                   iconName: iconToRender,
                   extraClasses: `transition-transform ${isOpen ? "rotate-90" : ""}`
                 }
               ),
-              /* @__PURE__ */ jsx("span", { children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsx("div", { className: "px-4 pb-4 border-t border-border pt-3 text-sm leading-relaxed opacity-90 overflow-hidden min-w-0", children })
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pb-4 border-t border-border pt-3 text-sm leading-relaxed opacity-90 overflow-hidden min-w-0", children })
       ]
     }
   );
 };
 var Modal = ({ title, isOpen, onClose, children }) => {
-  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: (open) => {
     if (!open) onClose();
-  }, children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog.Backdrop, { className: "fixed inset-0 z-[9999] bg-black/60" }),
-    /* @__PURE__ */ jsx(Dialog.Viewport, { className: "fixed inset-0 z-[9999] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(Dialog.Popup, { className: "bg-background-primary border border-border shadow-2xl rounded-3xl w-full max-w-3xl max-h-[85vh] flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center p-4 border-b border-border bg-background-secondary-solid/20", children: [
-        /* @__PURE__ */ jsx(Dialog.Title, { className: "text-lg font-bold !m-0", children: title }),
-        /* @__PURE__ */ jsx(Dialog.Close, { className: "w-8 h-8 rounded-full hover:bg-white/10 flex items-center justify-center transition-colors cursor-pointer border-none bg-transparent", children: /* @__PURE__ */ jsx("span", { className: "material-symbols-rounded text-base", children: "close" }) })
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Backdrop, { className: "fixed inset-0 z-[9999] bg-black/60" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Viewport, { className: "fixed inset-0 z-[9999] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog.Popup, { className: "bg-background-primary border border-border shadow-2xl rounded-3xl w-full max-w-3xl max-h-[85vh] flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center p-4 border-b border-border bg-background-secondary-solid/20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Title, { className: "text-lg font-bold !m-0", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Close, { className: "w-8 h-8 rounded-full hover:bg-white/10 flex items-center justify-center transition-colors cursor-pointer border-none bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "material-symbols-rounded text-base", children: "close" }) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "p-6 overflow-auto min-h-0 text-text-primary [&_h1:first-child]:mt-0 [&_h2:first-child]:mt-0 [&_h3:first-child]:mt-0 [&_h4:first-child]:mt-0 [&_h5:first-child]:mt-0 [&_h6:first-child]:mt-0", children })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-6 overflow-auto min-h-0 text-text-primary [&_h1:first-child]:mt-0 [&_h2:first-child]:mt-0 [&_h3:first-child]:mt-0 [&_h4:first-child]:mt-0 [&_h5:first-child]:mt-0 [&_h6:first-child]:mt-0", children })
     ] }) })
   ] }) });
 };
 
 // renderers.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function renderInline(text) {
   if (!text) return text;
   const parsePart = (part, key) => {
     let match2;
     if (match2 = part.match(/^\|\[([^\]]+)\]\|$/)) {
-      return /* @__PURE__ */ jsx2(IconRenderer, { iconName: match2[1] }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconRenderer, { iconName: match2[1] }, key);
     }
     if (match2 = part.match(/^!~(.+?)~!$/)) {
       const content = match2[1];
@@ -11094,7 +11119,7 @@ function renderInline(text) {
         type = parts[textIndex] === "both" ? "underline line-through" : parts[textIndex++];
       }
       const innerText = parts.slice(textIndex).join(";");
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "span",
         {
           style: {
@@ -11107,31 +11132,31 @@ function renderInline(text) {
       );
     }
     if (match2 = part.match(/%([^%\s]+?)%([\s\S]+?)%%/)) {
-      return /* @__PURE__ */ jsx2("span", { style: { color: match2[1] }, children: renderInline(match2[2]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: match2[1] }, children: renderInline(match2[2]) }, key);
     }
     if (match2 = part.match(/^!>([^<]+?)<!$/)) {
-      return /* @__PURE__ */ jsx2("span", { className: "bg-text-primary text-bg-primary px-1 rounded hover:bg-transparent transition-colors cursor-pointer", children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "bg-text-primary text-bg-primary px-1 rounded hover:bg-transparent transition-colors cursor-pointer", children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^==(.+?)==$/)) {
-      return /* @__PURE__ */ jsx2("mark", { className: "bg-yellow-500/20 text-inherit px-0.5 rounded", children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("mark", { className: "bg-yellow-500/20 text-inherit px-0.5 rounded", children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^\*\*\*(.+?)\*\*\*$/)) {
-      return /* @__PURE__ */ jsx2("strong", { children: /* @__PURE__ */ jsx2("em", { children: renderInline(match2[1]) }) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: renderInline(match2[1]) }) }, key);
     }
     if (match2 = part.match(/^\*\*(.+?)\*\*$/)) {
-      return /* @__PURE__ */ jsx2("strong", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^_(.+?)_$/)) {
-      return /* @__PURE__ */ jsx2("em", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^~~(.+?)~~$/)) {
-      return /* @__PURE__ */ jsx2("del", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("del", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^`([^`]+)`$/)) {
-      return /* @__PURE__ */ jsx2("code", { className: "text-[0.875em] font-mono bg-background-secondary/50 px-1.5 py-0.5 rounded text-text-primary", children: match2[1] }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { className: "text-[0.875em] font-mono bg-background-secondary/50 px-1.5 py-0.5 rounded text-text-primary", children: match2[1] }, key);
     }
     if (match2 = part.match(/^\[([^\]]+?)\]\(([^)]+?)\)$/)) {
-      return /* @__PURE__ */ jsx2(
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "a",
         {
           href: match2[2],
@@ -11144,7 +11169,7 @@ function renderInline(text) {
       );
     }
     if (part.startsWith("<") && part.endsWith(">")) {
-      return /* @__PURE__ */ jsx2("span", { dangerouslySetInnerHTML: { __html: part } }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { dangerouslySetInnerHTML: { __html: part } }, key);
     }
     return part;
   };
@@ -11167,13 +11192,13 @@ function renderInline(text) {
 }
 function renderTable(content) {
   const rows = content.split("\n").filter((r) => r.trim());
-  if (rows.length < 2) return /* @__PURE__ */ jsx2("p", { children: content });
+  if (rows.length < 2) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: content });
   const parseRow = (row) => row.split("|").map((c) => c.trim()).filter(Boolean);
   const headerCells = parseRow(rows[0]);
   const bodyRows = rows.slice(2).map(parseRow);
-  return /* @__PURE__ */ jsx2("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs2("table", { className: "w-full text-sm sm:text-base border-collapse my-4", children: [
-    /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { children: headerCells.map((cell, ci) => /* @__PURE__ */ jsx2("th", { className: "border border-border px-3 py-2 bg-background-secondary-solid/10 text-left font-bold", children: renderInline(cell) }, ci)) }) }),
-    /* @__PURE__ */ jsx2("tbody", { children: bodyRows.map((cells, ri) => /* @__PURE__ */ jsx2("tr", { children: cells.map((cell, ci) => /* @__PURE__ */ jsx2("td", { className: "border border-border px-3 py-2", children: renderInline(cell) }, ci)) }, ri)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: "w-full text-sm sm:text-base border-collapse my-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: headerCells.map((cell, ci) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "border border-border px-3 py-2 bg-background-secondary-solid/10 text-left font-bold", children: renderInline(cell) }, ci)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: bodyRows.map((cells, ri) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { children: cells.map((cell, ci) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: "border border-border px-3 py-2", children: renderInline(cell) }, ci)) }, ri)) })
   ] }) });
 }
 function renderList(content) {
@@ -11190,23 +11215,23 @@ function renderList(content) {
       });
     }
   }
-  if (items.length === 0) return /* @__PURE__ */ jsx2("p", { children: content });
+  if (items.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: content });
   const isOrdered = /^\d+\.$/.test(items[0].marker);
   const Tag = isOrdered ? "ol" : "ul";
-  return /* @__PURE__ */ jsx2(Tag, { className: `${isOrdered ? "list-decimal" : "list-disc"} pl-6 my-3 space-y-1 text-sm sm:text-base`, children: items.map((item, index) => /* @__PURE__ */ jsx2("li", { className: "leading-relaxed", children: renderInline(item.text) }, index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Tag, { className: `${isOrdered ? "list-decimal" : "list-disc"} pl-6 my-3 space-y-1 text-sm sm:text-base`, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: "leading-relaxed", children: renderInline(item.text) }, index)) });
 }
 function extractHeaders(elements) {
   return elements.filter((el) => el.type === "header");
 }
 
 // directives/AdmonitionDirective.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var AdmonitionDirective = ({
   directiveType,
   props,
   renderSlot
 }) => {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Admonition,
     {
       type: directiveType,
@@ -11221,8 +11246,8 @@ var AdmonitionDirective = ({
 var AdmonitionDirective_default = AdmonitionDirective;
 
 // directives/CardDirective.tsx
-import React2, { useId } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var import_react2 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var CardDirective = ({
   directiveType,
   props,
@@ -11231,7 +11256,7 @@ var CardDirective = ({
   context,
   options = {}
 }) => {
-  const stableId = useId();
+  const stableId = (0, import_react2.useId)();
   const { title, image, icon, class: customClass, url, target } = props;
   const hasDescription = !!slots.description;
   const { isSingleCard } = options;
@@ -11242,8 +11267,8 @@ var CardDirective = ({
   const inlineStyles = props.style ? parseCssString(props.style) : {};
   const description = hasDescription ? renderSlot("description") : null;
   const content = renderSlot("content") || renderSlot("default");
-  return /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
-    /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react2.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         className: `flex flex-col h-full rounded-3xl transition-all relative overflow-hidden group border min-w-[18rem] w-[18rem] max-w-[20rem] ${isModal || isLink ? "cursor-pointer !border-accent-primary/10 hover:border-accent-primary/50" : "border-border"} ${wrapperClass}`,
@@ -11259,20 +11284,20 @@ var CardDirective = ({
           if (e.key === "Enter" || e.key === " ") context.setModals((prev) => ({ ...prev, [modalId]: true }));
         } : void 0,
         children: [
-          image && /* @__PURE__ */ jsxs3("div", { className: `w-full ${isSingleCard ? "h-[240px]" : "h-[160px]"} overflow-hidden relative transition-all duration-500`, children: [
-            /* @__PURE__ */ jsx4("img", { src: image, alt: title || "", className: "w-full h-full object-cover !m-0" }),
-            /* @__PURE__ */ jsx4("div", { className: "absolute inset-0 bg-gradient-to-t from-background-primary/40 to-transparent" })
+          image && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `w-full ${isSingleCard ? "h-[240px]" : "h-[160px]"} overflow-hidden relative transition-all duration-500`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: image, alt: title || "", className: "w-full h-full object-cover !m-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute inset-0 bg-gradient-to-t from-background-primary/40 to-transparent" })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { className: `flex flex-col flex-1 bg-background-primary/80 rounded-t-xl p-6 relative ${image ? "-mt-10" : ""} border-t border-white/5 shadow-2xl`, children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 mb-3", children: [
-              icon && /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 text-[1.6em] rounded-xl bg-accent-primary/20 flex items-center justify-center shrink-0 text-accent-primary", children: /* @__PURE__ */ jsx4(IconRenderer, { iconName: icon }) }),
-              /* @__PURE__ */ jsx4("h3", { className: "text-base font-black tracking-tight leading-tight !m-0", children: title })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `flex flex-col flex-1 bg-background-primary/80 rounded-t-xl p-6 relative ${image ? "-mt-10" : ""} border-t border-white/5 shadow-2xl`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-3 mb-3", children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-10 h-10 text-[1.6em] rounded-xl bg-accent-primary/20 flex items-center justify-center shrink-0 text-accent-primary", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconRenderer, { iconName: icon }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "text-base font-black tracking-tight leading-tight !m-0", children: title })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex-1 flex flex-col gap-2", children: [
-              description && /* @__PURE__ */ jsx4("div", { className: "text-sm opacity-80 leading-relaxed font-medium", children: description }),
-              directiveType === "card" && content && /* @__PURE__ */ jsx4("div", { className: "mt-2", children: content })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
+              description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm opacity-80 leading-relaxed font-medium", children: description }),
+              directiveType === "card" && content && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-2", children: content })
             ] }),
-            (isModal || isLink) && /* @__PURE__ */ jsx4("div", { className: "mt-6 flex justify-end", children: isLink && url ? /* @__PURE__ */ jsxs3(
+            (isModal || isLink) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-6 flex justify-end", children: isLink && url ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
               "a",
               {
                 href: url,
@@ -11281,25 +11306,25 @@ var CardDirective = ({
                 className: "bg-accent-primary/20 hover:bg-accent-primary/30 px-4 py-2 rounded-xl flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest opacity-50 group-hover:opacity-100 group-hover:text-accent-primary transition-all no-underline",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx4(IconRenderer, { iconName: "open_in_new" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconRenderer, { iconName: "open_in_new" }),
                   " Link"
                 ]
               }
-            ) : isModal ? /* @__PURE__ */ jsxs3("div", { className: "bg-accent-primary/20 hover:bg-accent-primary/30 px-4 py-2 cursor-pointer rounded-xl flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest opacity-50 group-hover:opacity-100 group-hover:text-accent-primary transition-all", children: [
-              /* @__PURE__ */ jsx4(IconRenderer, { iconName: "arrow_forward" }),
+            ) : isModal ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-accent-primary/20 hover:bg-accent-primary/30 px-4 py-2 cursor-pointer rounded-xl flex items-center gap-1.5 text-[10px] font-black uppercase tracking-widest opacity-50 group-hover:opacity-100 group-hover:text-accent-primary transition-all", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(IconRenderer, { iconName: "arrow_forward" }),
               " Abrir"
             ] }) : null })
           ] })
         ]
       }
     ),
-    isModal && /* @__PURE__ */ jsx4(
+    isModal && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Modal,
       {
         title: title || "Detalles",
         isOpen: !!context.modals[modalId],
         onClose: () => context.setModals((prev) => ({ ...prev, [modalId]: false })),
-        children: /* @__PURE__ */ jsx4("div", { className: "prose prose-sm max-w-none", children: content })
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "prose prose-sm max-w-none", children: content })
       }
     )
   ] });
@@ -11307,12 +11332,12 @@ var CardDirective = ({
 var CardDirective_default = CardDirective;
 
 // directives/DetailsDirective.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DetailsDirective = ({
   props,
   renderSlot
 }) => {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Details,
     {
       title: props.title || "Details",
@@ -11327,14 +11352,14 @@ var DetailsDirective = ({
 var DetailsDirective_default = DetailsDirective;
 
 // directives/ModalDirective.tsx
-import { useId as useId2 } from "react";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var import_react3 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ModalDirective = ({
   props,
   renderSlot,
   context
 }) => {
-  const stableId = useId2();
+  const stableId = (0, import_react3.useId)();
   const modalId = `modal-${props.id || stableId}`;
   const label = props.label || props.title || "Open";
   const modalTitle = props.title || "Modal";
@@ -11359,12 +11384,12 @@ var ModalDirective = ({
   const handleClose = () => {
     context.setModals((prev) => ({ ...prev, [modalId]: false }));
   };
-  return /* @__PURE__ */ jsxs4("div", { className: `not-prose ${wrapperClass}`.trim(), children: [
-    /* @__PURE__ */ jsxs4("button", { className: btnClass, onClick: handleOpen, children: [
-      props.icon && /* @__PURE__ */ jsx6(IconRenderer, { iconName: props.icon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `not-prose ${wrapperClass}`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: btnClass, onClick: handleOpen, children: [
+      props.icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconRenderer, { iconName: props.icon }),
       label
     ] }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Modal,
       {
         title: modalTitle,
@@ -11378,8 +11403,8 @@ var ModalDirective = ({
 var ModalDirective_default = ModalDirective;
 
 // directives/ButtonDirective.tsx
-import React4 from "react";
-import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var import_react4 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonDirective = ({
   props,
   renderSlot
@@ -11404,7 +11429,7 @@ var ButtonDirective = ({
   };
   const wrapperClass = customClass.split(/\s+/).map((c) => positionMap[c] || c).join(" ");
   if (label) {
-    return /* @__PURE__ */ jsx7("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "a",
       {
         href: url,
@@ -11412,7 +11437,7 @@ var ButtonDirective = ({
         rel: "noopener noreferrer",
         className: btnClass,
         children: [
-          /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
           label
         ]
       }
@@ -11421,21 +11446,21 @@ var ButtonDirective = ({
   const slotContent = renderSlot("default");
   const findLinks = (element) => {
     if (!element) return [];
-    if (React4.isValidElement(element) && element.type === "a") {
+    if (import_react4.default.isValidElement(element) && element.type === "a") {
       return [element];
     }
     if (Array.isArray(element)) {
       return element.flatMap(findLinks);
     }
-    if (React4.isValidElement(element) && element.props.children) {
+    if (import_react4.default.isValidElement(element) && element.props.children) {
       return findLinks(element.props.children);
     }
     return [];
   };
   const links = findLinks(slotContent);
   if (links.length > 0) {
-    return /* @__PURE__ */ jsx7("div", { className: `not-prose ${wrapperClass}`.trim(), children: links.map(
-      (link, index) => React4.cloneElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `not-prose ${wrapperClass}`.trim(), children: links.map(
+      (link, index) => import_react4.default.cloneElement(
         link,
         {
           key: index,
@@ -11443,22 +11468,22 @@ var ButtonDirective = ({
           target,
           rel: "noopener noreferrer"
         },
-        /* @__PURE__ */ jsxs5(Fragment, { children: [
-          /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
           link.props.children
         ] })
       )
     ) });
   }
-  return /* @__PURE__ */ jsx7("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ jsxs5("a", { href: url, target, rel: "noopener noreferrer", className: btnClass, children: [
-    /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("a", { href: url, target, rel: "noopener noreferrer", className: btnClass, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
     slotContent
   ] }) });
 };
 var ButtonDirective_default = ButtonDirective;
 
 // directives/WrapperDirective.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var WrapperDirective = ({
   props,
   renderSlot
@@ -11475,13 +11500,13 @@ var WrapperDirective = ({
       wrapperProps[key] = value;
     }
   }
-  return /* @__PURE__ */ jsx8("div", { ...wrapperProps, children: renderSlot("default") });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ...wrapperProps, children: renderSlot("default") });
 };
 var WrapperDirective_default = WrapperDirective;
 
 // directives/SlideDirective.tsx
-import { useState as useState2, useEffect, useCallback, useRef as useRef2, useLayoutEffect } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var import_react5 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var slideCounter = 0;
 var SlideDirective = ({
   props,
@@ -11491,23 +11516,23 @@ var SlideDirective = ({
   const rawContent = slots.default || "";
   const lines = rawContent.split("\n").map((l) => l.trim()).filter(Boolean);
   const elements = lines.map((line) => context.parseMarkdown(line));
-  const [current, setCurrent] = useState2(0);
+  const [current, setCurrent] = (0, import_react5.useState)(0);
   const interval = parseInt(props.interval || "3000", 10);
   const speed = parseInt(props.speed || "500", 10);
-  const elRefs = useRef2([]);
-  const [maxH, setMaxH] = useState2(0);
-  useLayoutEffect(() => {
+  const elRefs = (0, import_react5.useRef)([]);
+  const [maxH, setMaxH] = (0, import_react5.useState)(0);
+  (0, import_react5.useLayoutEffect)(() => {
     let h = 0;
     elRefs.current.forEach((el) => {
       if (el) h = Math.max(h, el.offsetHeight);
     });
     if (h > 0) setMaxH(h);
   }, [elements]);
-  const cycle = useCallback(() => {
+  const cycle = (0, import_react5.useCallback)(() => {
     if (elements.length <= 1) return;
     setCurrent((prev) => (prev + 1) % elements.length);
   }, [elements.length]);
-  useEffect(() => {
+  (0, import_react5.useEffect)(() => {
     if (elements.length <= 1) return;
     const id = setInterval(cycle, interval);
     return () => clearInterval(id);
@@ -11534,14 +11559,14 @@ var SlideDirective = ({
   const forcedFontSize = textSizeMatch ? textSizeMap[textSizeMatch[0]] : null;
   const scopeClass = `sld-${++slideCounter}`;
   const className = textSizeMatch ? rawClass.replace(textSizeMatch[0], "").replace(/\s+/g, " ").trim() : rawClass;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       className: "not-prose",
       style: { height: maxH || "auto", position: "relative", overflow: "hidden", ...inlineStyle },
       children: [
-        forcedFontSize && /* @__PURE__ */ jsx9("style", { children: `.${scopeClass} * { font-size: ${forcedFontSize} !important; line-height: normal !important; }` }),
-        /* @__PURE__ */ jsx9(
+        forcedFontSize && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: `.${scopeClass} * { font-size: ${forcedFontSize} !important; line-height: normal !important; }` }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "div",
           {
             style: {
@@ -11552,14 +11577,14 @@ var SlideDirective = ({
               transition: `transform ${speed}ms cubic-bezier(0.16, 1, 0.3, 1)`,
               transform: `translateY(${-current * maxH}px)`
             },
-            children: elements.map((tokens, i) => /* @__PURE__ */ jsx9(
+            children: elements.map((tokens, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "div",
               {
                 ref: (el) => {
                   elRefs.current[i] = el;
                 },
                 style: maxH ? { height: maxH, display: "flex", alignItems: "center", overflow: "hidden" } : { display: "flex", alignItems: "center" },
-                children: /* @__PURE__ */ jsx9("div", { className: `${scopeClass} ${className}`, style: { width: "100%" }, children: context.processAndRenderElements(tokens) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${scopeClass} ${className}`, style: { width: "100%" }, children: context.processAndRenderElements(tokens) })
               },
               i
             ))
@@ -11598,7 +11623,7 @@ var directiveRegistry = {
 var directives_default = directiveRegistry;
 
 // DirectiveRenderer.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var DirectiveRenderer = ({
   element,
   context,
@@ -11623,17 +11648,17 @@ var DirectiveRenderer = ({
     allElements
   };
   if (Component) {
-    return /* @__PURE__ */ jsx10(Component, { ...directiveProps }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { ...directiveProps }, index);
   }
-  return /* @__PURE__ */ jsx10("div", { className: `my-4 p-4 rounded-2xl border border-border bg-background-primary/5`, children: renderSlot("default") }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `my-4 p-4 rounded-2xl border border-border bg-background-primary/5`, children: renderSlot("default") }, index);
 };
 var DirectiveRenderer_default = DirectiveRenderer;
 
 // RawHtmlRenderer.tsx
-import { useRef as useRef4, useEffect as useEffect3 } from "react";
+var import_react7 = require("react");
 
 // useTailwindCDN.ts
-import { useEffect as useEffect2, useRef as useRef3 } from "react";
+var import_react6 = require("react");
 var CDN_URL = "https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4";
 var SCRIPT_ID = "tailwind-cdn-v4-runtime";
 var CONFIG_ID = "tailwind-cdn-v4-config";
@@ -11646,8 +11671,8 @@ window.tailwind.config = {
 };
 `;
 function useLazyTailwindCDN(enabled) {
-  const loadedRef = useRef3(false);
-  useEffect2(() => {
+  const loadedRef = (0, import_react6.useRef)(false);
+  (0, import_react6.useEffect)(() => {
     if (!enabled) {
       window.__twCDNRefs = (window.__twCDNRefs ?? 1) - 1;
       if ((window.__twCDNRefs ?? 0) <= 0) {
@@ -11711,14 +11736,14 @@ function preloadTailwindCDN() {
 }
 
 // RawHtmlRenderer.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var RawHtmlRenderer = ({
   content,
   globalStyles,
   wrapperClassName
 }) => {
-  const containerRef = useRef4(null);
-  useEffect3(() => {
+  const containerRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     if (!containerRef.current) return;
     const scripts = containerRef.current.querySelectorAll("script");
     scripts.forEach((oldScript) => {
@@ -11731,7 +11756,7 @@ var RawHtmlRenderer = ({
     });
     scanTailwindCDN();
   }, [content]);
-  useEffect3(() => {
+  (0, import_react7.useEffect)(() => {
     if (!globalStyles) return;
     const styleEl = document.createElement("style");
     styleEl.setAttribute("data-global", "");
@@ -11741,25 +11766,25 @@ var RawHtmlRenderer = ({
       if (styleEl.parentNode) document.head.removeChild(styleEl);
     };
   }, [globalStyles]);
-  return /* @__PURE__ */ jsx11("div", { className: wrapperClassName, ref: containerRef, children: /* @__PURE__ */ jsx11("div", { dangerouslySetInnerHTML: { __html: content } }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: wrapperClassName, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dangerouslySetInnerHTML: { __html: content } }) });
 };
 var RawHtmlRenderer_default = RawHtmlRenderer;
 
 // context.tsx
-import { createContext, useContext } from "react";
-var RenderCtx = createContext(null);
+var import_react8 = require("react");
+var RenderCtx = (0, import_react8.createContext)(null);
 var RenderContextProvider = RenderCtx.Provider;
 
 // CustomMarkdownRenderer.tsx
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var CustomMarkdownRenderer = ({ content: initialContent }) => {
-  const [modals, setModals] = useState3({});
-  const baseId = useId3().replace(/:/g, "");
+  const [modals, setModals] = (0, import_react9.useState)({});
+  const baseId = (0, import_react9.useId)().replace(/:/g, "");
   const articleClass = `scope-${baseId}`;
-  const contextRef = useRef5(null);
+  const contextRef = (0, import_react9.useRef)(null);
   resetScopeCounter();
-  const allElements = useMemo(() => parseMarkdown(initialContent), [initialContent]);
-  useEffect4(() => {
+  const allElements = (0, import_react9.useMemo)(() => parseMarkdown(initialContent), [initialContent]);
+  (0, import_react9.useEffect)(() => {
     const handleHashChange = () => {
       const hash = window.location.hash;
       if (hash) {
@@ -11772,7 +11797,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
     window.addEventListener("hashchange", handleHashChange);
     return () => window.removeEventListener("hashchange", handleHashChange);
   }, [initialContent]);
-  const renderElement = useCallback2(
+  const renderElement = (0, import_react9.useCallback)(
     (element, index, _depth = 0) => {
       switch (element.type) {
         case "header": {
@@ -11790,7 +11815,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           if (alignCenter) headerClasses += " text-center";
           if (alignRight) headerClasses += " text-right";
           if (userClasses) headerClasses += ` ${userClasses}`;
-          return React8.createElement(
+          return import_react9.default.createElement(
             HeaderTag,
             { key: index, id: element.id, className: headerClasses },
             renderInline(text)
@@ -11801,13 +11826,13 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           const processedContent = lines.map((line, lineIndex) => {
             const hardBreakMatch = line.match(/^(.*?)(\s{2,})$/);
             if (hardBreakMatch) {
-              return /* @__PURE__ */ jsxs7(React8.Fragment, { children: [
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react9.default.Fragment, { children: [
                 renderInline(hardBreakMatch[1]),
-                /* @__PURE__ */ jsx12("br", {})
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {})
               ] }, lineIndex);
             }
             const isLastLine = lineIndex === lines.length - 1;
-            return /* @__PURE__ */ jsxs7(React8.Fragment, { children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react9.default.Fragment, { children: [
               renderInline(line),
               !isLastLine && " "
             ] }, lineIndex);
@@ -11816,10 +11841,10 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           let pClasses = "md-p";
           if (pUserClasses) pClasses += ` ${pUserClasses}`;
           if (element.align) pClasses += ` text-${element.align}`;
-          return /* @__PURE__ */ jsx12("p", { id: element.id, className: pClasses, children: processedContent }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: element.id, className: pClasses, children: processedContent }, index);
         }
         case "codeblock":
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             CodeBlock,
             {
               code: element.content,
@@ -11829,7 +11854,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             index
           );
         case "directive":
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             DirectiveRenderer_default,
             {
               element,
@@ -11850,7 +11875,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             }
           );
           const wrapperClassName = "w-full my-4";
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             RawHtmlRenderer_default,
             {
               content: processedContent,
@@ -11863,14 +11888,14 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
         case "html-block": {
           const htmlBlock = element;
           const props = parseHtmlAttrs(htmlBlock.attrs);
-          return React8.createElement(
+          return import_react9.default.createElement(
             htmlBlock.tag,
             { key: index, ...props },
             ...processAndRenderElements(htmlBlock.children, _depth + 1)
           );
         }
         case "image":
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "img",
             {
               alt: element.alt,
@@ -11881,22 +11906,22 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             index
           );
         case "table":
-          return /* @__PURE__ */ jsx12("div", { children: renderTable(element.content) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: renderTable(element.content) }, index);
         case "list":
-          return /* @__PURE__ */ jsx12("div", { children: renderList(element.content) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: renderList(element.content) }, index);
         case "blockquote":
-          return /* @__PURE__ */ jsx12("blockquote", { className: `border-l-4 border-accent-primary/30 pl-4 italic text-text-secondary my-4 text-sm sm:text-base${element.classes ? ` ${element.classes}` : ""}`, children: renderInline(element.content) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("blockquote", { className: `border-l-4 border-accent-primary/30 pl-4 italic text-text-secondary my-4 text-sm sm:text-base${element.classes ? ` ${element.classes}` : ""}`, children: renderInline(element.content) }, index);
         case "hr":
-          return /* @__PURE__ */ jsx12("hr", { className: "my-8 border-border" }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("hr", { className: "my-8 border-border" }, index);
         case "toc":
-          return /* @__PURE__ */ jsx12("div", { children: generateToc(allElements) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: generateToc(allElements) }, index);
         default:
           return null;
       }
     },
     [allElements]
   );
-  const processAndRenderElements = useCallback2(
+  const processAndRenderElements = (0, import_react9.useCallback)(
     (elements, depth = 0) => {
       const result = [];
       let i = 0;
@@ -11917,7 +11942,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             const justifyClasses = firstCardClass.match(/\bjustify-\S+/g) || [];
             const wrapperJustify = justifyClasses.length > 0 ? justifyClasses.join(" ") : "";
             result.push(
-              /* @__PURE__ */ jsx12("div", { className: `not-prose flex flex-wrap gap-6 my-6 ${wrapperJustify}`, children: cards.map((card, ci) => /* @__PURE__ */ jsx12(React8.Fragment, { children: renderElement(card, ci, depth) }, ci)) }, `card-grid-${result.length}`)
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `not-prose flex flex-wrap gap-6 my-6 ${wrapperJustify}`, children: cards.map((card, ci) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react9.default.Fragment, { children: renderElement(card, ci, depth) }, ci)) }, `card-grid-${result.length}`)
             );
           }
         } else {
@@ -11932,12 +11957,12 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
   const generateToc = (elements) => {
     const headers = extractHeaders(elements);
     if (headers.length === 0) return null;
-    return /* @__PURE__ */ jsxs7("nav", { className: "not-prose my-6 p-4 rounded-2xl border border-border bg-background-primary/5", children: [
-      /* @__PURE__ */ jsx12("div", { className: "text-base font-bold mb-3", children: "Table of Contents" }),
-      /* @__PURE__ */ jsx12("ul", { className: "space-y-1 list-none p-0 m-0", children: headers.map((h, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("nav", { className: "not-prose my-6 p-4 rounded-2xl border border-border bg-background-primary/5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-base font-bold mb-3", children: "Table of Contents" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "space-y-1 list-none p-0 m-0", children: headers.map((h, i) => {
         if (h.type !== "header") return null;
         const indentClass = h.level <= 2 ? "pl-0" : h.level === 3 ? "pl-4" : h.level === 4 ? "pl-8" : "pl-12";
-        return /* @__PURE__ */ jsx12("li", { className: `${indentClass} text-sm sm:text-base`, children: /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `${indentClass} text-sm sm:text-base`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "a",
           {
             href: `#${h.id}`,
@@ -11963,12 +11988,12 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
     processAndRenderElements
   };
   contextRef.current = contextForDirectives;
-  return /* @__PURE__ */ jsx12(RenderContextProvider, { value: contextForDirectives, children: processAndRenderElements(allElements) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RenderContextProvider, { value: contextForDirectives, children: processAndRenderElements(allElements) });
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
 // NRpreviewer.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var NRpreviewer = ({
   content,
   html,
@@ -11978,38 +12003,39 @@ var NRpreviewer = ({
 }) => {
   useLazyTailwindCDN(tailwindCDN);
   if (content) {
-    return /* @__PURE__ */ jsx13("div", { className: `nr-prose${className ? ` ${className}` : ""}`, style, children: /* @__PURE__ */ jsx13(CustomMarkdownRenderer_default, { content }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `nr-prose${className ? ` ${className}` : ""}`, style, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomMarkdownRenderer_default, { content }) });
   }
   if (html) {
-    return /* @__PURE__ */ jsx13("div", { className: `nr-prose${className ? ` ${className}` : ""}`, style, children: /* @__PURE__ */ jsx13(RawHtmlRenderer_default, { content: html, wrapperClassName: "nr-preview-html" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `nr-prose${className ? ` ${className}` : ""}`, style, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RawHtmlRenderer_default, { content: html, wrapperClassName: "nr-preview-html" }) });
   }
   return null;
 };
 var NRpreviewer_default = NRpreviewer;
 
 // useDebounce.ts
-import { useState as useState4, useEffect as useEffect5 } from "react";
+var import_react10 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState4(value);
-  useEffect5(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
+  (0, import_react10.useEffect)(() => {
     const timer = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
   return debouncedValue;
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   Admonition,
   CodeBlock,
-  CustomMarkdownRenderer_default as CustomMarkdownRenderer,
+  CustomMarkdownRenderer,
   Details,
   IconRenderer,
   Modal,
-  NRpreviewer_default as NRpreviewer,
+  NRpreviewer,
   extractHeaders,
   parseMarkdown,
   preloadTailwindCDN,
   scanTailwindCDN,
   useDebounce,
   useLazyTailwindCDN
-};
-//# sourceMappingURL=index.mjs.map
+});
+//# sourceMappingURL=index.cjs.map