@noirmd/previewer 1.0.0 → 1.0.2

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

@@ -1,12 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
 // NReditor.tsx
-import React9, { useRef as useRef6, useState as useState5 } from "react";
-import CodeMirror from "@uiw/react-codemirror";
-import { EditorView, Decoration, ViewPlugin, lineNumbers, scrollPastEnd, keymap } from "@codemirror/view";
+var NReditor_exports = {};
+__export(NReditor_exports, {
+  default: () => NReditor_default
+});
+module.exports = __toCommonJS(NReditor_exports);
+var import_react11 = __toESM(require("react"), 1);
+var import_react_codemirror = __toESM(require("@uiw/react-codemirror"), 1);
+var import_view = require("@codemirror/view");
 
 // custom-syntax.ts
-import { StreamLanguage } from "@codemirror/language";
-import { tags as t } from "@lezer/highlight";
-var customStreamParserV2 = StreamLanguage.define({
+var import_language = require("@codemirror/language");
+var import_highlight = require("@lezer/highlight");
+var customStreamParserV2 = import_language.StreamLanguage.define({
   startState: () => ({
     inCodeBlock: false,
     inDirectiveHeader: false,
@@ -274,39 +308,39 @@ var customStreamParserV2 = StreamLanguage.define({
     return null;
   },
   tokenTable: {
-    heading: t.heading,
-    keyword: t.keyword,
-    typeName: t.typeName,
-    string: t.string,
-    attributeName: t.attributeName,
-    propertyName: t.propertyName,
-    className: t.className,
-    comment: t.comment,
-    variableName: t.variableName,
-    meta: t.meta,
-    strong: t.strong,
-    emphasis: t.emphasis,
-    strongEmphasis: [t.strong, t.emphasis],
-    strikethrough: t.strikethrough,
-    underline: t.special(t.emphasis),
-    highlight: t.special(t.comment),
-    url: t.url,
-    link: t.string,
-    number: t.number,
-    function: t.function(t.variableName)
+    heading: import_highlight.tags.heading,
+    keyword: import_highlight.tags.keyword,
+    typeName: import_highlight.tags.typeName,
+    string: import_highlight.tags.string,
+    attributeName: import_highlight.tags.attributeName,
+    propertyName: import_highlight.tags.propertyName,
+    className: import_highlight.tags.className,
+    comment: import_highlight.tags.comment,
+    variableName: import_highlight.tags.variableName,
+    meta: import_highlight.tags.meta,
+    strong: import_highlight.tags.strong,
+    emphasis: import_highlight.tags.emphasis,
+    strongEmphasis: [import_highlight.tags.strong, import_highlight.tags.emphasis],
+    strikethrough: import_highlight.tags.strikethrough,
+    underline: import_highlight.tags.special(import_highlight.tags.emphasis),
+    highlight: import_highlight.tags.special(import_highlight.tags.comment),
+    url: import_highlight.tags.url,
+    link: import_highlight.tags.string,
+    number: import_highlight.tags.number,
+    function: import_highlight.tags.function(import_highlight.tags.variableName)
   }
 });
 
 // NReditor.tsx
-import { RangeSetBuilder } from "@codemirror/state";
-import { syntaxHighlighting, HighlightStyle, foldService, foldGutter, foldAll, unfoldAll } from "@codemirror/language";
-import { tags as t2 } from "@lezer/highlight";
+var import_state = require("@codemirror/state");
+var import_language2 = require("@codemirror/language");
+var import_highlight2 = require("@lezer/highlight");
 
 // useDebounce.ts
-import { useState, useEffect } from "react";
+var import_react = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
     const timer = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -314,7 +348,7 @@ function useDebounce(value, delay) {
 }
 
 // CustomMarkdownRenderer.tsx
-import React8, { useState as useState4, useEffect as useEffect5, useCallback as useCallback2, useMemo, useId as useId3, useRef as useRef5 } from "react";
+var import_react10 = __toESM(require("react"), 1);
 
 // utils.ts
 function parseCssString(cssText) {
@@ -739,87 +773,87 @@ function splitSlots(rawContent) {
 }
 
 // ui-components.tsx
-import { useState as useState2, useRef } from "react";
+var import_react2 = require("react");
 
 // highlightSetup.ts
-import hljs from "highlight.js/lib/core";
-import javascript from "highlight.js/lib/languages/javascript";
-import typescript from "highlight.js/lib/languages/typescript";
-import python from "highlight.js/lib/languages/python";
-import css from "highlight.js/lib/languages/css";
-import xml from "highlight.js/lib/languages/xml";
-import json from "highlight.js/lib/languages/json";
-import bash from "highlight.js/lib/languages/bash";
-import sql from "highlight.js/lib/languages/sql";
-import markdown from "highlight.js/lib/languages/markdown";
-import java from "highlight.js/lib/languages/java";
-import csharp from "highlight.js/lib/languages/csharp";
-import cpp from "highlight.js/lib/languages/cpp";
-import go from "highlight.js/lib/languages/go";
-import rust from "highlight.js/lib/languages/rust";
-import php from "highlight.js/lib/languages/php";
-import ruby from "highlight.js/lib/languages/ruby";
-import swift from "highlight.js/lib/languages/swift";
-import kotlin from "highlight.js/lib/languages/kotlin";
-import dart from "highlight.js/lib/languages/dart";
-import yaml from "highlight.js/lib/languages/yaml";
-import toml from "highlight.js/lib/languages/ini";
-import dockerfile from "highlight.js/lib/languages/dockerfile";
-import diff from "highlight.js/lib/languages/diff";
-import shell from "highlight.js/lib/languages/shell";
-hljs.registerLanguage("javascript", javascript);
-hljs.registerLanguage("js", javascript);
-hljs.registerLanguage("jsx", javascript);
-hljs.registerLanguage("typescript", typescript);
-hljs.registerLanguage("ts", typescript);
-hljs.registerLanguage("tsx", typescript);
-hljs.registerLanguage("python", python);
-hljs.registerLanguage("py", python);
-hljs.registerLanguage("css", css);
-hljs.registerLanguage("html", xml);
-hljs.registerLanguage("xml", xml);
-hljs.registerLanguage("svg", xml);
-hljs.registerLanguage("json", json);
-hljs.registerLanguage("bash", bash);
-hljs.registerLanguage("sh", bash);
-hljs.registerLanguage("zsh", bash);
-hljs.registerLanguage("sql", sql);
-hljs.registerLanguage("markdown", markdown);
-hljs.registerLanguage("md", markdown);
-hljs.registerLanguage("java", java);
-hljs.registerLanguage("csharp", csharp);
-hljs.registerLanguage("cs", csharp);
-hljs.registerLanguage("cpp", cpp);
-hljs.registerLanguage("c", cpp);
-hljs.registerLanguage("go", go);
-hljs.registerLanguage("rust", rust);
-hljs.registerLanguage("rs", rust);
-hljs.registerLanguage("php", php);
-hljs.registerLanguage("ruby", ruby);
-hljs.registerLanguage("rb", ruby);
-hljs.registerLanguage("swift", swift);
-hljs.registerLanguage("kotlin", kotlin);
-hljs.registerLanguage("kt", kotlin);
-hljs.registerLanguage("dart", dart);
-hljs.registerLanguage("yaml", yaml);
-hljs.registerLanguage("yml", yaml);
-hljs.registerLanguage("toml", toml);
-hljs.registerLanguage("ini", toml);
-hljs.registerLanguage("dockerfile", dockerfile);
-hljs.registerLanguage("docker", dockerfile);
-hljs.registerLanguage("diff", diff);
-hljs.registerLanguage("shell", shell);
-var highlightSetup_default = hljs;
+var import_core = __toESM(require("highlight.js/lib/core"), 1);
+var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"), 1);
+var import_typescript = __toESM(require("highlight.js/lib/languages/typescript"), 1);
+var import_python = __toESM(require("highlight.js/lib/languages/python"), 1);
+var import_css = __toESM(require("highlight.js/lib/languages/css"), 1);
+var import_xml = __toESM(require("highlight.js/lib/languages/xml"), 1);
+var import_json = __toESM(require("highlight.js/lib/languages/json"), 1);
+var import_bash = __toESM(require("highlight.js/lib/languages/bash"), 1);
+var import_sql = __toESM(require("highlight.js/lib/languages/sql"), 1);
+var import_markdown = __toESM(require("highlight.js/lib/languages/markdown"), 1);
+var import_java = __toESM(require("highlight.js/lib/languages/java"), 1);
+var import_csharp = __toESM(require("highlight.js/lib/languages/csharp"), 1);
+var import_cpp = __toESM(require("highlight.js/lib/languages/cpp"), 1);
+var import_go = __toESM(require("highlight.js/lib/languages/go"), 1);
+var import_rust = __toESM(require("highlight.js/lib/languages/rust"), 1);
+var import_php = __toESM(require("highlight.js/lib/languages/php"), 1);
+var import_ruby = __toESM(require("highlight.js/lib/languages/ruby"), 1);
+var import_swift = __toESM(require("highlight.js/lib/languages/swift"), 1);
+var import_kotlin = __toESM(require("highlight.js/lib/languages/kotlin"), 1);
+var import_dart = __toESM(require("highlight.js/lib/languages/dart"), 1);
+var import_yaml = __toESM(require("highlight.js/lib/languages/yaml"), 1);
+var import_ini = __toESM(require("highlight.js/lib/languages/ini"), 1);
+var import_dockerfile = __toESM(require("highlight.js/lib/languages/dockerfile"), 1);
+var import_diff = __toESM(require("highlight.js/lib/languages/diff"), 1);
+var import_shell = __toESM(require("highlight.js/lib/languages/shell"), 1);
+import_core.default.registerLanguage("javascript", import_javascript.default);
+import_core.default.registerLanguage("js", import_javascript.default);
+import_core.default.registerLanguage("jsx", import_javascript.default);
+import_core.default.registerLanguage("typescript", import_typescript.default);
+import_core.default.registerLanguage("ts", import_typescript.default);
+import_core.default.registerLanguage("tsx", import_typescript.default);
+import_core.default.registerLanguage("python", import_python.default);
+import_core.default.registerLanguage("py", import_python.default);
+import_core.default.registerLanguage("css", import_css.default);
+import_core.default.registerLanguage("html", import_xml.default);
+import_core.default.registerLanguage("xml", import_xml.default);
+import_core.default.registerLanguage("svg", import_xml.default);
+import_core.default.registerLanguage("json", import_json.default);
+import_core.default.registerLanguage("bash", import_bash.default);
+import_core.default.registerLanguage("sh", import_bash.default);
+import_core.default.registerLanguage("zsh", import_bash.default);
+import_core.default.registerLanguage("sql", import_sql.default);
+import_core.default.registerLanguage("markdown", import_markdown.default);
+import_core.default.registerLanguage("md", import_markdown.default);
+import_core.default.registerLanguage("java", import_java.default);
+import_core.default.registerLanguage("csharp", import_csharp.default);
+import_core.default.registerLanguage("cs", import_csharp.default);
+import_core.default.registerLanguage("cpp", import_cpp.default);
+import_core.default.registerLanguage("c", import_cpp.default);
+import_core.default.registerLanguage("go", import_go.default);
+import_core.default.registerLanguage("rust", import_rust.default);
+import_core.default.registerLanguage("rs", import_rust.default);
+import_core.default.registerLanguage("php", import_php.default);
+import_core.default.registerLanguage("ruby", import_ruby.default);
+import_core.default.registerLanguage("rb", import_ruby.default);
+import_core.default.registerLanguage("swift", import_swift.default);
+import_core.default.registerLanguage("kotlin", import_kotlin.default);
+import_core.default.registerLanguage("kt", import_kotlin.default);
+import_core.default.registerLanguage("dart", import_dart.default);
+import_core.default.registerLanguage("yaml", import_yaml.default);
+import_core.default.registerLanguage("yml", import_yaml.default);
+import_core.default.registerLanguage("toml", import_ini.default);
+import_core.default.registerLanguage("ini", import_ini.default);
+import_core.default.registerLanguage("dockerfile", import_dockerfile.default);
+import_core.default.registerLanguage("docker", import_dockerfile.default);
+import_core.default.registerLanguage("diff", import_diff.default);
+import_core.default.registerLanguage("shell", import_shell.default);
+var highlightSetup_default = import_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,
@@ -828,11 +862,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] = useState2(false);
-  const timerRef = useRef(null);
+  const [copied, setCopied] = (0, import_react2.useState)(false);
+  const timerRef = (0, import_react2.useRef)(null);
   const lang = language?.split(/[\s{]/)[0]?.trim() || "";
   let html;
   try {
@@ -850,13 +884,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 = {
@@ -875,17 +909,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 })
       ]
     }
   );
@@ -898,16 +932,16 @@ var Details = ({
   style,
   children
 }) => {
-  const [isOpen, setIsOpen] = useState2(defaultOpen);
+  const [isOpen, setIsOpen] = (0, import_react2.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",
@@ -916,45 +950,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];
@@ -973,7 +1007,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: {
@@ -986,31 +1020,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],
@@ -1023,7 +1057,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;
   };
@@ -1046,13 +1080,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) {
@@ -1069,23 +1103,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,
@@ -1100,8 +1134,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_react3 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var CardDirective = ({
   directiveType,
   props,
@@ -1110,7 +1144,7 @@ var CardDirective = ({
   context,
   options = {}
 }) => {
-  const stableId = useId();
+  const stableId = (0, import_react3.useId)();
   const { title, image, icon, class: customClass, url, target } = props;
   const hasDescription = !!slots.description;
   const { isSingleCard } = options;
@@ -1121,8 +1155,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_react3.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}`,
@@ -1138,20 +1172,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,
@@ -1160,25 +1194,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 })
       }
     )
   ] });
@@ -1186,12 +1220,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",
@@ -1206,14 +1240,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_react4 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ModalDirective = ({
   props,
   renderSlot,
   context
 }) => {
-  const stableId = useId2();
+  const stableId = (0, import_react4.useId)();
   const modalId = `modal-${props.id || stableId}`;
   const label = props.label || props.title || "Open";
   const modalTitle = props.title || "Modal";
@@ -1238,12 +1272,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,
@@ -1257,8 +1291,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_react5 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonDirective = ({
   props,
   renderSlot
@@ -1283,7 +1317,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,
@@ -1291,7 +1325,7 @@ var ButtonDirective = ({
         rel: "noopener noreferrer",
         className: btnClass,
         children: [
-          /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
           label
         ]
       }
@@ -1300,21 +1334,21 @@ var ButtonDirective = ({
   const slotContent = renderSlot("default");
   const findLinks = (element) => {
     if (!element) return [];
-    if (React4.isValidElement(element) && element.type === "a") {
+    if (import_react5.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_react5.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_react5.default.cloneElement(
         link,
         {
           key: index,
@@ -1322,22 +1356,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
@@ -1354,13 +1388,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 useState3, useEffect as useEffect2, useCallback, useRef as useRef2, useLayoutEffect } from "react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var slideCounter = 0;
 var SlideDirective = ({
   props,
@@ -1370,23 +1404,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] = useState3(0);
+  const [current, setCurrent] = (0, import_react6.useState)(0);
   const interval = parseInt(props.interval || "3000", 10);
   const speed = parseInt(props.speed || "500", 10);
-  const elRefs = useRef2([]);
-  const [maxH, setMaxH] = useState3(0);
-  useLayoutEffect(() => {
+  const elRefs = (0, import_react6.useRef)([]);
+  const [maxH, setMaxH] = (0, import_react6.useState)(0);
+  (0, import_react6.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_react6.useCallback)(() => {
     if (elements.length <= 1) return;
     setCurrent((prev) => (prev + 1) % elements.length);
   }, [elements.length]);
-  useEffect2(() => {
+  (0, import_react6.useEffect)(() => {
     if (elements.length <= 1) return;
     const id = setInterval(cycle, interval);
     return () => clearInterval(id);
@@ -1413,14 +1447,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: {
@@ -1431,14 +1465,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
             ))
@@ -1477,7 +1511,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,
@@ -1502,31 +1536,31 @@ 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 useEffect4 } from "react";
+var import_react8 = require("react");
 
 // useTailwindCDN.ts
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
+var import_react7 = require("react");
 function scanTailwindCDN() {
   const tw = window.tailwind;
   if (tw?.scan) tw.scan();
 }
 
 // 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);
-  useEffect4(() => {
+  const containerRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (!containerRef.current) return;
     const scripts = containerRef.current.querySelectorAll("script");
     scripts.forEach((oldScript) => {
@@ -1539,7 +1573,7 @@ var RawHtmlRenderer = ({
     });
     scanTailwindCDN();
   }, [content]);
-  useEffect4(() => {
+  (0, import_react8.useEffect)(() => {
     if (!globalStyles) return;
     const styleEl = document.createElement("style");
     styleEl.setAttribute("data-global", "");
@@ -1549,25 +1583,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_react9 = require("react");
+var RenderCtx = (0, import_react9.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] = useState4({});
-  const baseId = useId3().replace(/:/g, "");
+  const [modals, setModals] = (0, import_react10.useState)({});
+  const baseId = (0, import_react10.useId)().replace(/:/g, "");
   const articleClass = `scope-${baseId}`;
-  const contextRef = useRef5(null);
+  const contextRef = (0, import_react10.useRef)(null);
   resetScopeCounter();
-  const allElements = useMemo(() => parseMarkdown(initialContent), [initialContent]);
-  useEffect5(() => {
+  const allElements = (0, import_react10.useMemo)(() => parseMarkdown(initialContent), [initialContent]);
+  (0, import_react10.useEffect)(() => {
     const handleHashChange = () => {
       const hash = window.location.hash;
       if (hash) {
@@ -1580,7 +1614,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
     window.addEventListener("hashchange", handleHashChange);
     return () => window.removeEventListener("hashchange", handleHashChange);
   }, [initialContent]);
-  const renderElement = useCallback2(
+  const renderElement = (0, import_react10.useCallback)(
     (element, index, _depth = 0) => {
       switch (element.type) {
         case "header": {
@@ -1598,7 +1632,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           if (alignCenter) headerClasses += " text-center";
           if (alignRight) headerClasses += " text-right";
           if (userClasses) headerClasses += ` ${userClasses}`;
-          return React8.createElement(
+          return import_react10.default.createElement(
             HeaderTag,
             { key: index, id: element.id, className: headerClasses },
             renderInline(text)
@@ -1609,13 +1643,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_react10.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_react10.default.Fragment, { children: [
               renderInline(line),
               !isLastLine && " "
             ] }, lineIndex);
@@ -1624,10 +1658,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,
@@ -1637,7 +1671,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             index
           );
         case "directive":
-          return /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             DirectiveRenderer_default,
             {
               element,
@@ -1658,7 +1692,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,
@@ -1671,14 +1705,14 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
         case "html-block": {
           const htmlBlock = element;
           const props = parseHtmlAttrs(htmlBlock.attrs);
-          return React8.createElement(
+          return import_react10.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,
@@ -1689,22 +1723,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_react10.useCallback)(
     (elements, depth = 0) => {
       const result = [];
       let i = 0;
@@ -1725,7 +1759,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_react10.default.Fragment, { children: renderElement(card, ci, depth) }, ci)) }, `card-grid-${result.length}`)
             );
           }
         } else {
@@ -1740,12 +1774,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}`,
@@ -1771,33 +1805,33 @@ 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;
 
 // NReditor.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var customSyntaxHighlighting = HighlightStyle.define([
-  { tag: t2.heading, fontWeight: "bold", color: "var(--tc-heading, #e2e8f0)" },
-  { tag: t2.quote, color: "var(--tc-quote, #94a3b8)", fontStyle: "italic" },
-  { tag: t2.meta, color: "var(--tc-meta, #64748b)" },
-  { tag: t2.variableName, color: "var(--tc-variable, #38bdf8)" },
-  { tag: t2.strong, fontWeight: "bold" },
-  { tag: t2.emphasis, fontStyle: "italic" },
-  { tag: t2.strikethrough, textDecoration: "line-through" },
-  { tag: t2.link, color: "var(--tc-link, #38bdf8)" },
-  { tag: t2.url, color: "var(--tc-link, #38bdf8)" },
-  { tag: t2.comment, color: "var(--tc-comment, #64748b)" },
-  { tag: t2.keyword, color: "var(--tc-heading, #e2e8f0)", fontWeight: "bold" },
-  { tag: t2.typeName, color: "var(--tc-type, #a78bfa)" },
-  { tag: t2.string, color: "var(--tc-string, #4ade80)" },
-  { tag: t2.attributeName, color: "var(--tc-attribute, #fb923c)" },
-  { tag: t2.propertyName, color: "#0ea5e9" },
-  { tag: t2.className, color: "#f59e0b", fontStyle: "italic" },
-  { tag: t2.special(t2.emphasis), textDecoration: "underline" },
-  { tag: t2.special(t2.comment), backgroundColor: "var(--tc-highlight-bg, rgba(255,255,255,0.05))", padding: "0 2px", borderRadius: "2px" }
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var customSyntaxHighlighting = import_language2.HighlightStyle.define([
+  { tag: import_highlight2.tags.heading, fontWeight: "bold", color: "var(--tc-heading, #e2e8f0)" },
+  { tag: import_highlight2.tags.quote, color: "var(--tc-quote, #94a3b8)", fontStyle: "italic" },
+  { tag: import_highlight2.tags.meta, color: "var(--tc-meta, #64748b)" },
+  { tag: import_highlight2.tags.variableName, color: "var(--tc-variable, #38bdf8)" },
+  { tag: import_highlight2.tags.strong, fontWeight: "bold" },
+  { tag: import_highlight2.tags.emphasis, fontStyle: "italic" },
+  { tag: import_highlight2.tags.strikethrough, textDecoration: "line-through" },
+  { tag: import_highlight2.tags.link, color: "var(--tc-link, #38bdf8)" },
+  { tag: import_highlight2.tags.url, color: "var(--tc-link, #38bdf8)" },
+  { tag: import_highlight2.tags.comment, color: "var(--tc-comment, #64748b)" },
+  { tag: import_highlight2.tags.keyword, color: "var(--tc-heading, #e2e8f0)", fontWeight: "bold" },
+  { tag: import_highlight2.tags.typeName, color: "var(--tc-type, #a78bfa)" },
+  { tag: import_highlight2.tags.string, color: "var(--tc-string, #4ade80)" },
+  { tag: import_highlight2.tags.attributeName, color: "var(--tc-attribute, #fb923c)" },
+  { tag: import_highlight2.tags.propertyName, color: "#0ea5e9" },
+  { tag: import_highlight2.tags.className, color: "#f59e0b", fontStyle: "italic" },
+  { tag: import_highlight2.tags.special(import_highlight2.tags.emphasis), textDecoration: "underline" },
+  { tag: import_highlight2.tags.special(import_highlight2.tags.comment), backgroundColor: "var(--tc-highlight-bg, rgba(255,255,255,0.05))", padding: "0 2px", borderRadius: "2px" }
 ]);
-var customEditorTheme = EditorView.theme({
+var customEditorTheme = import_view.EditorView.theme({
   "&": {
     color: "var(--color-text-primary, #e2e8f0)",
     backgroundColor: "transparent !important",
@@ -1988,7 +2022,7 @@ var customEditorTheme = EditorView.theme({
     accentColor: "var(--color-accent-primary, #38bdf8)"
   }
 });
-var customFoldService = foldService.of((state, lineStart) => {
+var customFoldService = import_language2.foldService.of((state, lineStart) => {
   const line = state.doc.lineAt(lineStart);
   const trimmed = line.text.trim();
   const dirMatch = trimmed.match(/^:::(.+)/);
@@ -2051,7 +2085,7 @@ var customFoldService = foldService.of((state, lineStart) => {
   }
   return null;
 });
-var directivePlugin = ViewPlugin.fromClass(
+var directivePlugin = import_view.ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2062,7 +2096,7 @@ var directivePlugin = ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new RangeSetBuilder();
+      const builder = new import_state.RangeSetBuilder();
       const doc = view.state.doc;
       const visibleRanges = view.visibleRanges;
       if (visibleRanges.length === 0) return builder.finish();
@@ -2106,7 +2140,7 @@ var directivePlugin = ViewPlugin.fromClass(
           builder.add(
             line.from,
             line.from,
-            Decoration.line({ class: lineClasses.join(" ") })
+            import_view.Decoration.line({ class: lineClasses.join(" ") })
           );
         }
         if (isClosingLine) {
@@ -2118,7 +2152,7 @@ var directivePlugin = ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var blockquotePlugin = ViewPlugin.fromClass(
+var blockquotePlugin = import_view.ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2129,7 +2163,7 @@ var blockquotePlugin = ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new RangeSetBuilder();
+      const builder = new import_state.RangeSetBuilder();
       for (const { from, to } of view.visibleRanges) {
         for (let pos = from; pos <= to; ) {
           const line = view.state.doc.lineAt(pos);
@@ -2137,7 +2171,7 @@ var blockquotePlugin = ViewPlugin.fromClass(
             builder.add(
               line.from,
               line.from,
-              Decoration.line({ class: "cm-blockquote-line" })
+              import_view.Decoration.line({ class: "cm-blockquote-line" })
             );
           }
           pos = line.to + 1;
@@ -2148,7 +2182,7 @@ var blockquotePlugin = ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var spoilerPlugin = ViewPlugin.fromClass(
+var spoilerPlugin = import_view.ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2159,7 +2193,7 @@ var spoilerPlugin = ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new RangeSetBuilder();
+      const builder = new import_state.RangeSetBuilder();
       const spoilerRegex = /!>([\s\S]+?)<!(?=\s|$)/g;
       const ranges = [];
       for (const { from, to } of view.visibleRanges) {
@@ -2172,13 +2206,13 @@ var spoilerPlugin = ViewPlugin.fromClass(
           const contentStart = start + 2;
           const contentEnd = end - 2;
           if (contentStart >= contentEnd) continue;
-          ranges.push({ from: start, to: contentStart, dec: Decoration.replace({}) });
+          ranges.push({ from: start, to: contentStart, dec: import_view.Decoration.replace({}) });
           ranges.push({
             from: contentStart,
             to: contentEnd,
-            dec: Decoration.mark({ class: "cm-spoiler" })
+            dec: import_view.Decoration.mark({ class: "cm-spoiler" })
           });
-          ranges.push({ from: contentEnd, to: end, dec: Decoration.replace({}) });
+          ranges.push({ from: contentEnd, to: end, dec: import_view.Decoration.replace({}) });
         }
       }
       ranges.sort((a, b) => a.from - b.from || a.to - b.to);
@@ -2188,7 +2222,7 @@ var spoilerPlugin = ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var colorTextPlugin = ViewPlugin.fromClass(
+var colorTextPlugin = import_view.ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2199,7 +2233,7 @@ var colorTextPlugin = ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new RangeSetBuilder();
+      const builder = new import_state.RangeSetBuilder();
       const colorRegex = /%([^%\s]+?)%((?:(?!%%).)*)%%/g;
       for (const { from, to } of view.visibleRanges) {
         const text = view.state.doc.sliceString(from, to);
@@ -2211,7 +2245,7 @@ var colorTextPlugin = ViewPlugin.fromClass(
           builder.add(
             startPos,
             endPos,
-            Decoration.mark({ attributes: { style: `color: ${color}` } })
+            import_view.Decoration.mark({ attributes: { style: `color: ${color}` } })
           );
         }
       }
@@ -2227,25 +2261,25 @@ var NReditor = ({
   debounceMs = 300,
   tailwindCDN = false
 }) => {
-  const editorRef = useRef6(null);
-  const [isAllFolded, setIsAllFolded] = useState5(false);
-  const [editorMode, setEditorMode] = useState5("editor");
+  const editorRef = (0, import_react11.useRef)(null);
+  const [isAllFolded, setIsAllFolded] = (0, import_react11.useState)(false);
+  const [editorMode, setEditorMode] = (0, import_react11.useState)("editor");
   const debouncedContent = useDebounce(value, debounceMs);
   const handleToggleFold = () => {
     if (!editorRef.current) return;
     if (isAllFolded) {
-      unfoldAll(editorRef.current);
+      (0, import_language2.unfoldAll)(editorRef.current);
       setIsAllFolded(false);
     } else {
-      foldAll(editorRef.current);
+      (0, import_language2.foldAll)(editorRef.current);
       setIsAllFolded(true);
     }
   };
-  const extensions = React9.useMemo(
+  const extensions = import_react11.default.useMemo(
     () => [
       customStreamParserV2,
-      lineNumbers(),
-      foldGutter({
+      (0, import_view.lineNumbers)(),
+      (0, import_language2.foldGutter)({
         markerDOM: (open) => {
           const span = document.createElement("span");
           span.style.cursor = "pointer";
@@ -2259,12 +2293,12 @@ var NReditor = ({
       }),
       customFoldService,
       customEditorTheme,
-      syntaxHighlighting(customSyntaxHighlighting),
-      EditorView.lineWrapping,
-      scrollPastEnd(),
-      keymap.of([
-        { key: "Ctrl-Shift-[", run: foldAll },
-        { key: "Ctrl-Shift-]", run: unfoldAll }
+      (0, import_language2.syntaxHighlighting)(customSyntaxHighlighting),
+      import_view.EditorView.lineWrapping,
+      (0, import_view.scrollPastEnd)(),
+      import_view.keymap.of([
+        { key: "Ctrl-Shift-[", run: import_language2.foldAll },
+        { key: "Ctrl-Shift-]", run: import_language2.unfoldAll }
       ]),
       directivePlugin,
       blockquotePlugin,
@@ -2278,9 +2312,9 @@ var NReditor = ({
     { key: "split", icon: "vertical_split", label: "Split" },
     { key: "preview", icon: "visibility", label: "Preview" }
   ];
-  return /* @__PURE__ */ jsxs8("div", { className: `relative flex-1 flex flex-col min-h-0 ${className || ""}`, children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-2 py-1.5 border-b border-border/30 bg-background-secondary-solid/50 rounded-t-2xl shrink-0", children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `relative flex-1 flex flex-col min-h-0 ${className || ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between px-2 py-1.5 border-b border-border/30 bg-background-secondary-solid/50 rounded-t-2xl shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           onClick: handleToggleFold,
@@ -2289,27 +2323,27 @@ var NReditor = ({
           children: isAllFolded ? "\u2569" : "\u2566"
         }
       ),
-      /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-0.5 bg-black/10 dark:bg-white/5 rounded-lg p-0.5", children: modeButtons.map((btn) => /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center gap-0.5 bg-black/10 dark:bg-white/5 rounded-lg p-0.5", children: modeButtons.map((btn) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "button",
         {
           onClick: () => setEditorMode(btn.key),
           className: `flex items-center gap-1 px-2.5 py-1 text-xs rounded-md transition-colors ${editorMode === btn.key ? "bg-accent-primary/20 text-accent-primary font-semibold" : "text-text-secondary hover:text-text-primary hover:bg-white/5"}`,
           title: btn.label,
           children: [
-            /* @__PURE__ */ jsx13("span", { className: "material-symbols-rounded text-sm", children: btn.icon }),
-            /* @__PURE__ */ jsx13("span", { className: "hidden sm:inline", children: btn.label })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "material-symbols-rounded text-sm", children: btn.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "hidden sm:inline", children: btn.label })
           ]
         },
         btn.key
       )) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-h-0 flex", children: [
-      (editorMode === "editor" || editorMode === "split") && /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 min-h-0 flex", children: [
+      (editorMode === "editor" || editorMode === "split") && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           className: `${editorMode === "split" ? "w-1/2 border-r border-border/30" : "w-full"} flex-1 flex flex-col min-h-0 min-w-0`,
-          children: /* @__PURE__ */ jsx13(
-            CodeMirror,
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_react_codemirror.default,
             {
               value,
               onChange,
@@ -2327,18 +2361,15 @@ var NReditor = ({
           )
         }
       ),
-      (editorMode === "preview" || editorMode === "split") && /* @__PURE__ */ jsx13(
+      (editorMode === "preview" || editorMode === "split") && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           className: `${editorMode === "split" ? "w-1/2" : "w-full"} flex-1 min-h-0 overflow-auto min-w-0`,
-          children: /* @__PURE__ */ jsx13("div", { className: "nr-prose h-full shadow-xs overflow-auto p-4", children: /* @__PURE__ */ jsx13(CustomMarkdownRenderer_default, { content: debouncedContent }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "nr-prose h-full shadow-xs overflow-auto p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomMarkdownRenderer_default, { content: debouncedContent }) })
         }
       )
     ] })
   ] });
 };
 var NReditor_default = NReditor;
-export {
-  NReditor_default as default
-};
-//# sourceMappingURL=NReditor.mjs.map
+//# sourceMappingURL=NReditor.cjs.map