@noirmd/previewer 1.0.0 → 1.0.2

package/dist/NReditor.js

@@ -1,46 +1,12 @@
-"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
-var NReditor_exports = {};
-__export(NReditor_exports, {
-  default: () => NReditor_default
-});
-module.exports = __toCommonJS(NReditor_exports);
-var import_react11 = __toESM(require("react"));
-var import_react_codemirror = __toESM(require("@uiw/react-codemirror"));
-var import_view = require("@codemirror/view");
+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";
 
 // custom-syntax.ts
-var import_language = require("@codemirror/language");
-var import_highlight = require("@lezer/highlight");
-var customStreamParserV2 = import_language.StreamLanguage.define({
+import { StreamLanguage } from "@codemirror/language";
+import { tags as t } from "@lezer/highlight";
+var customStreamParserV2 = StreamLanguage.define({
   startState: () => ({
     inCodeBlock: false,
     inDirectiveHeader: false,
@@ -308,39 +274,39 @@ var customStreamParserV2 = import_language.StreamLanguage.define({
     return null;
   },
   tokenTable: {
-    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)
+    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)
   }
 });
 
 // NReditor.tsx
-var import_state = require("@codemirror/state");
-var import_language2 = require("@codemirror/language");
-var import_highlight2 = require("@lezer/highlight");
+import { RangeSetBuilder } from "@codemirror/state";
+import { syntaxHighlighting, HighlightStyle, foldService, foldGutter, foldAll, unfoldAll } from "@codemirror/language";
+import { tags as t2 } from "@lezer/highlight";
 
 // useDebounce.ts
-var import_react = require("react");
+import { useState, useEffect } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react.useState)(value);
-  (0, import_react.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
     const timer = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -348,7 +314,7 @@ function useDebounce(value, delay) {
 }
 
 // CustomMarkdownRenderer.tsx
-var import_react10 = __toESM(require("react"));
+import React8, { useState as useState4, useEffect as useEffect5, useCallback as useCallback2, useMemo, useId as useId3, useRef as useRef5 } from "react";
 
 // utils.ts
 function parseCssString(cssText) {
@@ -773,87 +739,87 @@ function splitSlots(rawContent) {
 }
 
 // ui-components.tsx
-var import_react2 = require("react");
+import { useState as useState2, useRef } from "react";
 
 // highlightSetup.ts
-var import_core = __toESM(require("highlight.js/lib/core"));
-var import_javascript = __toESM(require("highlight.js/lib/languages/javascript"));
-var import_typescript = __toESM(require("highlight.js/lib/languages/typescript"));
-var import_python = __toESM(require("highlight.js/lib/languages/python"));
-var import_css = __toESM(require("highlight.js/lib/languages/css"));
-var import_xml = __toESM(require("highlight.js/lib/languages/xml"));
-var import_json = __toESM(require("highlight.js/lib/languages/json"));
-var import_bash = __toESM(require("highlight.js/lib/languages/bash"));
-var import_sql = __toESM(require("highlight.js/lib/languages/sql"));
-var import_markdown = __toESM(require("highlight.js/lib/languages/markdown"));
-var import_java = __toESM(require("highlight.js/lib/languages/java"));
-var import_csharp = __toESM(require("highlight.js/lib/languages/csharp"));
-var import_cpp = __toESM(require("highlight.js/lib/languages/cpp"));
-var import_go = __toESM(require("highlight.js/lib/languages/go"));
-var import_rust = __toESM(require("highlight.js/lib/languages/rust"));
-var import_php = __toESM(require("highlight.js/lib/languages/php"));
-var import_ruby = __toESM(require("highlight.js/lib/languages/ruby"));
-var import_swift = __toESM(require("highlight.js/lib/languages/swift"));
-var import_kotlin = __toESM(require("highlight.js/lib/languages/kotlin"));
-var import_dart = __toESM(require("highlight.js/lib/languages/dart"));
-var import_yaml = __toESM(require("highlight.js/lib/languages/yaml"));
-var import_ini = __toESM(require("highlight.js/lib/languages/ini"));
-var import_dockerfile = __toESM(require("highlight.js/lib/languages/dockerfile"));
-var import_diff = __toESM(require("highlight.js/lib/languages/diff"));
-var import_shell = __toESM(require("highlight.js/lib/languages/shell"));
-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;
+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;
 
 // ui-components.tsx
-var import_dialog = require("@base-ui/react/dialog");
-var import_jsx_runtime = require("react/jsx-runtime");
+import { Dialog } from "@base-ui/react/dialog";
+import { jsx, jsxs } from "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__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ jsx(
       "span",
       {
         className: baseClass,
@@ -862,11 +828,11 @@ var IconRenderer = ({ iconName, extraClasses = "" }) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: baseClass, "aria-hidden": "true", children: iconName });
+  return /* @__PURE__ */ jsx("span", { className: baseClass, "aria-hidden": "true", children: iconName });
 };
 var CodeBlock = ({ code, language, title }) => {
-  const [copied, setCopied] = (0, import_react2.useState)(false);
-  const timerRef = (0, import_react2.useRef)(null);
+  const [copied, setCopied] = useState2(false);
+  const timerRef = useRef(null);
   const lang = language?.split(/[\s{]/)[0]?.trim() || "";
   let html;
   try {
@@ -884,13 +850,13 @@ var CodeBlock = ({ code, language, title }) => {
     if (timerRef.current) clearTimeout(timerRef.current);
     timerRef.current = setTimeout(() => setCopied(false), 1800);
   };
-  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" }),
+  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" }),
       title
     ] }),
-    /* @__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" }) })
+    /* @__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" }) })
   ] });
 };
 var defaultIcons = {
@@ -909,17 +875,17 @@ var typeClasses = {
 };
 var Admonition = ({ type, title, icon, className = "", style, children }) => {
   const iconToRender = icon || defaultIcons[type] || "info";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: `not-prose rounded-2xl mb-6 border shadow-xs p-4 ${typeClasses[type] || typeClasses.note} ${className}`,
       style,
       children: [
-        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 })
+        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 })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm leading-relaxed opacity-90", children })
+        /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed opacity-90", children })
       ]
     }
   );
@@ -932,16 +898,16 @@ var Details = ({
   style,
   children
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(defaultOpen);
+  const [isOpen, setIsOpen] = useState2(defaultOpen);
   const iconToRender = icon || "play_arrow";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ jsxs(
     "details",
     {
       className: `not-prose rounded-2xl border border-border mb-4 bg-background-primary/5 ${className}`,
       open: isOpen,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        /* @__PURE__ */ 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",
@@ -950,45 +916,45 @@ var Details = ({
               setIsOpen((prev) => !prev);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              /* @__PURE__ */ jsx(
                 IconRenderer,
                 {
                   iconName: iconToRender,
                   extraClasses: `transition-transform ${isOpen ? "rotate-90" : ""}`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title })
+              /* @__PURE__ */ jsx("span", { children: title })
             ]
           }
         ),
-        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 })
+        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 })
       ]
     }
   );
 };
 var Modal = ({ title, isOpen, onClose, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: (open) => {
+  return /* @__PURE__ */ jsx(Dialog.Root, { open: isOpen, onOpenChange: (open) => {
     if (!open) onClose();
-  }, 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" }) })
+  }, 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" }) })
       ] }),
-      /* @__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 })
+      /* @__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 })
     ] }) })
   ] }) });
 };
 
 // renderers.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function renderInline(text) {
   if (!text) return text;
   const parsePart = (part, key) => {
     let match2;
     if (match2 = part.match(/^\|\[([^\]]+)\]\|$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IconRenderer, { iconName: match2[1] }, key);
+      return /* @__PURE__ */ jsx2(IconRenderer, { iconName: match2[1] }, key);
     }
     if (match2 = part.match(/^!~(.+?)~!$/)) {
       const content = match2[1];
@@ -1007,7 +973,7 @@ function renderInline(text) {
         type = parts[textIndex] === "both" ? "underline line-through" : parts[textIndex++];
       }
       const innerText = parts.slice(textIndex).join(";");
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ jsx2(
         "span",
         {
           style: {
@@ -1020,31 +986,31 @@ function renderInline(text) {
       );
     }
     if (match2 = part.match(/%([^%\s]+?)%([\s\S]+?)%%/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { color: match2[1] }, children: renderInline(match2[2]) }, key);
+      return /* @__PURE__ */ jsx2("span", { style: { color: match2[1] }, children: renderInline(match2[2]) }, key);
     }
     if (match2 = part.match(/^!>([^<]+?)<!$/)) {
-      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);
+      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);
     }
     if (match2 = part.match(/^==(.+?)==$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("mark", { className: "bg-yellow-500/20 text-inherit px-0.5 rounded", children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ jsx2("mark", { className: "bg-yellow-500/20 text-inherit px-0.5 rounded", children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^\*\*\*(.+?)\*\*\*$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: renderInline(match2[1]) }) }, key);
+      return /* @__PURE__ */ jsx2("strong", { children: /* @__PURE__ */ jsx2("em", { children: renderInline(match2[1]) }) }, key);
     }
     if (match2 = part.match(/^\*\*(.+?)\*\*$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ jsx2("strong", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^_(.+?)_$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ jsx2("em", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^~~(.+?)~~$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("del", { children: renderInline(match2[1]) }, key);
+      return /* @__PURE__ */ jsx2("del", { children: renderInline(match2[1]) }, key);
     }
     if (match2 = part.match(/^`([^`]+)`$/)) {
-      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);
+      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);
     }
     if (match2 = part.match(/^\[([^\]]+?)\]\(([^)]+?)\)$/)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      return /* @__PURE__ */ jsx2(
         "a",
         {
           href: match2[2],
@@ -1057,7 +1023,7 @@ function renderInline(text) {
       );
     }
     if (part.startsWith("<") && part.endsWith(">")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { dangerouslySetInnerHTML: { __html: part } }, key);
+      return /* @__PURE__ */ jsx2("span", { dangerouslySetInnerHTML: { __html: part } }, key);
     }
     return part;
   };
@@ -1080,13 +1046,13 @@ function renderInline(text) {
 }
 function renderTable(content) {
   const rows = content.split("\n").filter((r) => r.trim());
-  if (rows.length < 2) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: content });
+  if (rows.length < 2) return /* @__PURE__ */ jsx2("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__ */ (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)) })
+  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)) })
   ] }) });
 }
 function renderList(content) {
@@ -1103,23 +1069,23 @@ function renderList(content) {
       });
     }
   }
-  if (items.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: content });
+  if (items.length === 0) return /* @__PURE__ */ jsx2("p", { children: content });
   const isOrdered = /^\d+\.$/.test(items[0].marker);
   const Tag = isOrdered ? "ol" : "ul";
-  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)) });
+  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)) });
 }
 function extractHeaders(elements) {
   return elements.filter((el) => el.type === "header");
 }
 
 // directives/AdmonitionDirective.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+import { jsx as jsx3 } from "react/jsx-runtime";
 var AdmonitionDirective = ({
   directiveType,
   props,
   renderSlot
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ jsx3(
     Admonition,
     {
       type: directiveType,
@@ -1134,8 +1100,8 @@ var AdmonitionDirective = ({
 var AdmonitionDirective_default = AdmonitionDirective;
 
 // directives/CardDirective.tsx
-var import_react3 = __toESM(require("react"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+import React2, { useId } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var CardDirective = ({
   directiveType,
   props,
@@ -1144,7 +1110,7 @@ var CardDirective = ({
   context,
   options = {}
 }) => {
-  const stableId = (0, import_react3.useId)();
+  const stableId = useId();
   const { title, image, icon, class: customClass, url, target } = props;
   const hasDescription = !!slots.description;
   const { isSingleCard } = options;
@@ -1155,8 +1121,8 @@ var CardDirective = ({
   const inlineStyles = props.style ? parseCssString(props.style) : {};
   const description = hasDescription ? renderSlot("description") : null;
   const content = renderSlot("content") || renderSlot("default");
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react3.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       "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}`,
@@ -1172,20 +1138,20 @@ var CardDirective = ({
           if (e.key === "Enter" || e.key === " ") context.setModals((prev) => ({ ...prev, [modalId]: true }));
         } : void 0,
         children: [
-          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" })
+          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" })
           ] }),
-          /* @__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 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-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 })
+            /* @__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 })
             ] }),
-            (isModal || isLink) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-6 flex justify-end", children: isLink && url ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            (isModal || isLink) && /* @__PURE__ */ jsx4("div", { className: "mt-6 flex justify-end", children: isLink && url ? /* @__PURE__ */ jsxs3(
               "a",
               {
                 href: url,
@@ -1194,25 +1160,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__ */ (0, import_jsx_runtime4.jsx)(IconRenderer, { iconName: "open_in_new" }),
+                  /* @__PURE__ */ jsx4(IconRenderer, { iconName: "open_in_new" }),
                   " Link"
                 ]
               }
-            ) : 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" }),
+            ) : 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" }),
               " Abrir"
             ] }) : null })
           ] })
         ]
       }
     ),
-    isModal && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    isModal && /* @__PURE__ */ jsx4(
       Modal,
       {
         title: title || "Detalles",
         isOpen: !!context.modals[modalId],
         onClose: () => context.setModals((prev) => ({ ...prev, [modalId]: false })),
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "prose prose-sm max-w-none", children: content })
+        children: /* @__PURE__ */ jsx4("div", { className: "prose prose-sm max-w-none", children: content })
       }
     )
   ] });
@@ -1220,12 +1186,12 @@ var CardDirective = ({
 var CardDirective_default = CardDirective;
 
 // directives/DetailsDirective.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+import { jsx as jsx5 } from "react/jsx-runtime";
 var DetailsDirective = ({
   props,
   renderSlot
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ jsx5(
     Details,
     {
       title: props.title || "Details",
@@ -1240,14 +1206,14 @@ var DetailsDirective = ({
 var DetailsDirective_default = DetailsDirective;
 
 // directives/ModalDirective.tsx
-var import_react4 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+import { useId as useId2 } from "react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ModalDirective = ({
   props,
   renderSlot,
   context
 }) => {
-  const stableId = (0, import_react4.useId)();
+  const stableId = useId2();
   const modalId = `modal-${props.id || stableId}`;
   const label = props.label || props.title || "Open";
   const modalTitle = props.title || "Modal";
@@ -1272,12 +1238,12 @@ var ModalDirective = ({
   const handleClose = () => {
     context.setModals((prev) => ({ ...prev, [modalId]: false }));
   };
-  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 }),
+  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 }),
       label
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ jsx6(
       Modal,
       {
         title: modalTitle,
@@ -1291,8 +1257,8 @@ var ModalDirective = ({
 var ModalDirective_default = ModalDirective;
 
 // directives/ButtonDirective.tsx
-var import_react5 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
+import React4 from "react";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ButtonDirective = ({
   props,
   renderSlot
@@ -1317,7 +1283,7 @@ var ButtonDirective = ({
   };
   const wrapperClass = customClass.split(/\s+/).map((c) => positionMap[c] || c).join(" ");
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ jsx7("div", { className: `not-prose ${wrapperClass}`.trim(), children: /* @__PURE__ */ jsxs5(
       "a",
       {
         href: url,
@@ -1325,7 +1291,7 @@ var ButtonDirective = ({
         rel: "noopener noreferrer",
         className: btnClass,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
+          /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
           label
         ]
       }
@@ -1334,21 +1300,21 @@ var ButtonDirective = ({
   const slotContent = renderSlot("default");
   const findLinks = (element) => {
     if (!element) return [];
-    if (import_react5.default.isValidElement(element) && element.type === "a") {
+    if (React4.isValidElement(element) && element.type === "a") {
       return [element];
     }
     if (Array.isArray(element)) {
       return element.flatMap(findLinks);
     }
-    if (import_react5.default.isValidElement(element) && element.props.children) {
+    if (React4.isValidElement(element) && element.props.children) {
       return findLinks(element.props.children);
     }
     return [];
   };
   const links = findLinks(slotContent);
   if (links.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `not-prose ${wrapperClass}`.trim(), children: links.map(
-      (link, index) => import_react5.default.cloneElement(
+    return /* @__PURE__ */ jsx7("div", { className: `not-prose ${wrapperClass}`.trim(), children: links.map(
+      (link, index) => React4.cloneElement(
         link,
         {
           key: index,
@@ -1356,22 +1322,22 @@ var ButtonDirective = ({
           target,
           rel: "noopener noreferrer"
         },
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconRenderer, { iconName: icon }),
+        /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx7(IconRenderer, { iconName: icon }),
           link.props.children
         ] })
       )
     ) });
   }
-  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 }),
+  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 }),
     slotContent
   ] }) });
 };
 var ButtonDirective_default = ButtonDirective;
 
 // directives/WrapperDirective.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+import { jsx as jsx8 } from "react/jsx-runtime";
 var WrapperDirective = ({
   props,
   renderSlot
@@ -1388,13 +1354,13 @@ var WrapperDirective = ({
       wrapperProps[key] = value;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ...wrapperProps, children: renderSlot("default") });
+  return /* @__PURE__ */ jsx8("div", { ...wrapperProps, children: renderSlot("default") });
 };
 var WrapperDirective_default = WrapperDirective;
 
 // directives/SlideDirective.tsx
-var import_react6 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+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 slideCounter = 0;
 var SlideDirective = ({
   props,
@@ -1404,23 +1370,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] = (0, import_react6.useState)(0);
+  const [current, setCurrent] = useState3(0);
   const interval = parseInt(props.interval || "3000", 10);
   const speed = parseInt(props.speed || "500", 10);
-  const elRefs = (0, import_react6.useRef)([]);
-  const [maxH, setMaxH] = (0, import_react6.useState)(0);
-  (0, import_react6.useLayoutEffect)(() => {
+  const elRefs = useRef2([]);
+  const [maxH, setMaxH] = useState3(0);
+  useLayoutEffect(() => {
     let h = 0;
     elRefs.current.forEach((el) => {
       if (el) h = Math.max(h, el.offsetHeight);
     });
     if (h > 0) setMaxH(h);
   }, [elements]);
-  const cycle = (0, import_react6.useCallback)(() => {
+  const cycle = useCallback(() => {
     if (elements.length <= 1) return;
     setCurrent((prev) => (prev + 1) % elements.length);
   }, [elements.length]);
-  (0, import_react6.useEffect)(() => {
+  useEffect2(() => {
     if (elements.length <= 1) return;
     const id = setInterval(cycle, interval);
     return () => clearInterval(id);
@@ -1447,14 +1413,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__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: "not-prose",
       style: { height: maxH || "auto", position: "relative", overflow: "hidden", ...inlineStyle },
       children: [
-        forcedFontSize && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("style", { children: `.${scopeClass} * { font-size: ${forcedFontSize} !important; line-height: normal !important; }` }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        forcedFontSize && /* @__PURE__ */ jsx9("style", { children: `.${scopeClass} * { font-size: ${forcedFontSize} !important; line-height: normal !important; }` }),
+        /* @__PURE__ */ jsx9(
           "div",
           {
             style: {
@@ -1465,14 +1431,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__ */ (0, import_jsx_runtime9.jsx)(
+            children: elements.map((tokens, i) => /* @__PURE__ */ jsx9(
               "div",
               {
                 ref: (el) => {
                   elRefs.current[i] = el;
                 },
                 style: maxH ? { height: maxH, display: "flex", alignItems: "center", overflow: "hidden" } : { display: "flex", alignItems: "center" },
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${scopeClass} ${className}`, style: { width: "100%" }, children: context.processAndRenderElements(tokens) })
+                children: /* @__PURE__ */ jsx9("div", { className: `${scopeClass} ${className}`, style: { width: "100%" }, children: context.processAndRenderElements(tokens) })
               },
               i
             ))
@@ -1511,7 +1477,7 @@ var directiveRegistry = {
 var directives_default = directiveRegistry;
 
 // DirectiveRenderer.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+import { jsx as jsx10 } from "react/jsx-runtime";
 var DirectiveRenderer = ({
   element,
   context,
@@ -1536,31 +1502,31 @@ var DirectiveRenderer = ({
     allElements
   };
   if (Component) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Component, { ...directiveProps }, index);
+    return /* @__PURE__ */ jsx10(Component, { ...directiveProps }, 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);
+  return /* @__PURE__ */ jsx10("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
-var import_react8 = require("react");
+import { useRef as useRef4, useEffect as useEffect4 } from "react";
 
 // useTailwindCDN.ts
-var import_react7 = require("react");
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
 function scanTailwindCDN() {
   const tw = window.tailwind;
   if (tw?.scan) tw.scan();
 }
 
 // RawHtmlRenderer.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+import { jsx as jsx11 } from "react/jsx-runtime";
 var RawHtmlRenderer = ({
   content,
   globalStyles,
   wrapperClassName
 }) => {
-  const containerRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const containerRef = useRef4(null);
+  useEffect4(() => {
     if (!containerRef.current) return;
     const scripts = containerRef.current.querySelectorAll("script");
     scripts.forEach((oldScript) => {
@@ -1573,7 +1539,7 @@ var RawHtmlRenderer = ({
     });
     scanTailwindCDN();
   }, [content]);
-  (0, import_react8.useEffect)(() => {
+  useEffect4(() => {
     if (!globalStyles) return;
     const styleEl = document.createElement("style");
     styleEl.setAttribute("data-global", "");
@@ -1583,25 +1549,25 @@ var RawHtmlRenderer = ({
       if (styleEl.parentNode) document.head.removeChild(styleEl);
     };
   }, [globalStyles]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: wrapperClassName, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { dangerouslySetInnerHTML: { __html: content } }) });
+  return /* @__PURE__ */ jsx11("div", { className: wrapperClassName, ref: containerRef, children: /* @__PURE__ */ jsx11("div", { dangerouslySetInnerHTML: { __html: content } }) });
 };
 var RawHtmlRenderer_default = RawHtmlRenderer;
 
 // context.tsx
-var import_react9 = require("react");
-var RenderCtx = (0, import_react9.createContext)(null);
+import { createContext, useContext } from "react";
+var RenderCtx = createContext(null);
 var RenderContextProvider = RenderCtx.Provider;
 
 // CustomMarkdownRenderer.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var CustomMarkdownRenderer = ({ content: initialContent }) => {
-  const [modals, setModals] = (0, import_react10.useState)({});
-  const baseId = (0, import_react10.useId)().replace(/:/g, "");
+  const [modals, setModals] = useState4({});
+  const baseId = useId3().replace(/:/g, "");
   const articleClass = `scope-${baseId}`;
-  const contextRef = (0, import_react10.useRef)(null);
+  const contextRef = useRef5(null);
   resetScopeCounter();
-  const allElements = (0, import_react10.useMemo)(() => parseMarkdown(initialContent), [initialContent]);
-  (0, import_react10.useEffect)(() => {
+  const allElements = useMemo(() => parseMarkdown(initialContent), [initialContent]);
+  useEffect5(() => {
     const handleHashChange = () => {
       const hash = window.location.hash;
       if (hash) {
@@ -1614,7 +1580,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
     window.addEventListener("hashchange", handleHashChange);
     return () => window.removeEventListener("hashchange", handleHashChange);
   }, [initialContent]);
-  const renderElement = (0, import_react10.useCallback)(
+  const renderElement = useCallback2(
     (element, index, _depth = 0) => {
       switch (element.type) {
         case "header": {
@@ -1632,7 +1598,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           if (alignCenter) headerClasses += " text-center";
           if (alignRight) headerClasses += " text-right";
           if (userClasses) headerClasses += ` ${userClasses}`;
-          return import_react10.default.createElement(
+          return React8.createElement(
             HeaderTag,
             { key: index, id: element.id, className: headerClasses },
             renderInline(text)
@@ -1643,13 +1609,13 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           const processedContent = lines.map((line, lineIndex) => {
             const hardBreakMatch = line.match(/^(.*?)(\s{2,})$/);
             if (hardBreakMatch) {
-              return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react10.default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs7(React8.Fragment, { children: [
                 renderInline(hardBreakMatch[1]),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {})
+                /* @__PURE__ */ jsx12("br", {})
               ] }, lineIndex);
             }
             const isLastLine = lineIndex === lines.length - 1;
-            return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react10.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs7(React8.Fragment, { children: [
               renderInline(line),
               !isLastLine && " "
             ] }, lineIndex);
@@ -1658,10 +1624,10 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
           let pClasses = "md-p";
           if (pUserClasses) pClasses += ` ${pUserClasses}`;
           if (element.align) pClasses += ` text-${element.align}`;
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: element.id, className: pClasses, children: processedContent }, index);
+          return /* @__PURE__ */ jsx12("p", { id: element.id, className: pClasses, children: processedContent }, index);
         }
         case "codeblock":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ jsx12(
             CodeBlock,
             {
               code: element.content,
@@ -1671,7 +1637,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             index
           );
         case "directive":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ jsx12(
             DirectiveRenderer_default,
             {
               element,
@@ -1692,7 +1658,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             }
           );
           const wrapperClassName = "w-full my-4";
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ jsx12(
             RawHtmlRenderer_default,
             {
               content: processedContent,
@@ -1705,14 +1671,14 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
         case "html-block": {
           const htmlBlock = element;
           const props = parseHtmlAttrs(htmlBlock.attrs);
-          return import_react10.default.createElement(
+          return React8.createElement(
             htmlBlock.tag,
             { key: index, ...props },
             ...processAndRenderElements(htmlBlock.children, _depth + 1)
           );
         }
         case "image":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ jsx12(
             "img",
             {
               alt: element.alt,
@@ -1723,22 +1689,22 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             index
           );
         case "table":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: renderTable(element.content) }, index);
+          return /* @__PURE__ */ jsx12("div", { children: renderTable(element.content) }, index);
         case "list":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: renderList(element.content) }, index);
+          return /* @__PURE__ */ jsx12("div", { children: renderList(element.content) }, index);
         case "blockquote":
-          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);
+          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);
         case "hr":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("hr", { className: "my-8 border-border" }, index);
+          return /* @__PURE__ */ jsx12("hr", { className: "my-8 border-border" }, index);
         case "toc":
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: generateToc(allElements) }, index);
+          return /* @__PURE__ */ jsx12("div", { children: generateToc(allElements) }, index);
         default:
           return null;
       }
     },
     [allElements]
   );
-  const processAndRenderElements = (0, import_react10.useCallback)(
+  const processAndRenderElements = useCallback2(
     (elements, depth = 0) => {
       const result = [];
       let i = 0;
@@ -1759,7 +1725,7 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
             const justifyClasses = firstCardClass.match(/\bjustify-\S+/g) || [];
             const wrapperJustify = justifyClasses.length > 0 ? justifyClasses.join(" ") : "";
             result.push(
-              /* @__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}`)
+              /* @__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}`)
             );
           }
         } else {
@@ -1774,12 +1740,12 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
   const generateToc = (elements) => {
     const headers = extractHeaders(elements);
     if (headers.length === 0) return null;
-    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) => {
+    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) => {
         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__ */ (0, import_jsx_runtime12.jsx)("li", { className: `${indentClass} text-sm sm:text-base`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        return /* @__PURE__ */ jsx12("li", { className: `${indentClass} text-sm sm:text-base`, children: /* @__PURE__ */ jsx12(
           "a",
           {
             href: `#${h.id}`,
@@ -1805,33 +1771,33 @@ var CustomMarkdownRenderer = ({ content: initialContent }) => {
     processAndRenderElements
   };
   contextRef.current = contextForDirectives;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RenderContextProvider, { value: contextForDirectives, children: processAndRenderElements(allElements) });
+  return /* @__PURE__ */ jsx12(RenderContextProvider, { value: contextForDirectives, children: processAndRenderElements(allElements) });
 };
 var CustomMarkdownRenderer_default = CustomMarkdownRenderer;
 
 // NReditor.tsx
-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" }
+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 customEditorTheme = import_view.EditorView.theme({
+var customEditorTheme = EditorView.theme({
   "&": {
     color: "var(--color-text-primary, #e2e8f0)",
     backgroundColor: "transparent !important",
@@ -2022,7 +1988,7 @@ var customEditorTheme = import_view.EditorView.theme({
     accentColor: "var(--color-accent-primary, #38bdf8)"
   }
 });
-var customFoldService = import_language2.foldService.of((state, lineStart) => {
+var customFoldService = foldService.of((state, lineStart) => {
   const line = state.doc.lineAt(lineStart);
   const trimmed = line.text.trim();
   const dirMatch = trimmed.match(/^:::(.+)/);
@@ -2085,7 +2051,7 @@ var customFoldService = import_language2.foldService.of((state, lineStart) => {
   }
   return null;
 });
-var directivePlugin = import_view.ViewPlugin.fromClass(
+var directivePlugin = ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2096,7 +2062,7 @@ var directivePlugin = import_view.ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new import_state.RangeSetBuilder();
+      const builder = new RangeSetBuilder();
       const doc = view.state.doc;
       const visibleRanges = view.visibleRanges;
       if (visibleRanges.length === 0) return builder.finish();
@@ -2140,7 +2106,7 @@ var directivePlugin = import_view.ViewPlugin.fromClass(
           builder.add(
             line.from,
             line.from,
-            import_view.Decoration.line({ class: lineClasses.join(" ") })
+            Decoration.line({ class: lineClasses.join(" ") })
           );
         }
         if (isClosingLine) {
@@ -2152,7 +2118,7 @@ var directivePlugin = import_view.ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var blockquotePlugin = import_view.ViewPlugin.fromClass(
+var blockquotePlugin = ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2163,7 +2129,7 @@ var blockquotePlugin = import_view.ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new import_state.RangeSetBuilder();
+      const builder = new RangeSetBuilder();
       for (const { from, to } of view.visibleRanges) {
         for (let pos = from; pos <= to; ) {
           const line = view.state.doc.lineAt(pos);
@@ -2171,7 +2137,7 @@ var blockquotePlugin = import_view.ViewPlugin.fromClass(
             builder.add(
               line.from,
               line.from,
-              import_view.Decoration.line({ class: "cm-blockquote-line" })
+              Decoration.line({ class: "cm-blockquote-line" })
             );
           }
           pos = line.to + 1;
@@ -2182,7 +2148,7 @@ var blockquotePlugin = import_view.ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var spoilerPlugin = import_view.ViewPlugin.fromClass(
+var spoilerPlugin = ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2193,7 +2159,7 @@ var spoilerPlugin = import_view.ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new import_state.RangeSetBuilder();
+      const builder = new RangeSetBuilder();
       const spoilerRegex = /!>([\s\S]+?)<!(?=\s|$)/g;
       const ranges = [];
       for (const { from, to } of view.visibleRanges) {
@@ -2206,13 +2172,13 @@ var spoilerPlugin = import_view.ViewPlugin.fromClass(
           const contentStart = start + 2;
           const contentEnd = end - 2;
           if (contentStart >= contentEnd) continue;
-          ranges.push({ from: start, to: contentStart, dec: import_view.Decoration.replace({}) });
+          ranges.push({ from: start, to: contentStart, dec: Decoration.replace({}) });
           ranges.push({
             from: contentStart,
             to: contentEnd,
-            dec: import_view.Decoration.mark({ class: "cm-spoiler" })
+            dec: Decoration.mark({ class: "cm-spoiler" })
           });
-          ranges.push({ from: contentEnd, to: end, dec: import_view.Decoration.replace({}) });
+          ranges.push({ from: contentEnd, to: end, dec: Decoration.replace({}) });
         }
       }
       ranges.sort((a, b) => a.from - b.from || a.to - b.to);
@@ -2222,7 +2188,7 @@ var spoilerPlugin = import_view.ViewPlugin.fromClass(
   },
   { decorations: (v) => v.decorations }
 );
-var colorTextPlugin = import_view.ViewPlugin.fromClass(
+var colorTextPlugin = ViewPlugin.fromClass(
   class {
     constructor(view) {
       this.decorations = this.getDecorations(view);
@@ -2233,7 +2199,7 @@ var colorTextPlugin = import_view.ViewPlugin.fromClass(
       }
     }
     getDecorations(view) {
-      const builder = new import_state.RangeSetBuilder();
+      const builder = new RangeSetBuilder();
       const colorRegex = /%([^%\s]+?)%((?:(?!%%).)*)%%/g;
       for (const { from, to } of view.visibleRanges) {
         const text = view.state.doc.sliceString(from, to);
@@ -2245,7 +2211,7 @@ var colorTextPlugin = import_view.ViewPlugin.fromClass(
           builder.add(
             startPos,
             endPos,
-            import_view.Decoration.mark({ attributes: { style: `color: ${color}` } })
+            Decoration.mark({ attributes: { style: `color: ${color}` } })
           );
         }
       }
@@ -2261,25 +2227,25 @@ var NReditor = ({
   debounceMs = 300,
   tailwindCDN = false
 }) => {
-  const editorRef = (0, import_react11.useRef)(null);
-  const [isAllFolded, setIsAllFolded] = (0, import_react11.useState)(false);
-  const [editorMode, setEditorMode] = (0, import_react11.useState)("editor");
+  const editorRef = useRef6(null);
+  const [isAllFolded, setIsAllFolded] = useState5(false);
+  const [editorMode, setEditorMode] = useState5("editor");
   const debouncedContent = useDebounce(value, debounceMs);
   const handleToggleFold = () => {
     if (!editorRef.current) return;
     if (isAllFolded) {
-      (0, import_language2.unfoldAll)(editorRef.current);
+      unfoldAll(editorRef.current);
       setIsAllFolded(false);
     } else {
-      (0, import_language2.foldAll)(editorRef.current);
+      foldAll(editorRef.current);
       setIsAllFolded(true);
     }
   };
-  const extensions = import_react11.default.useMemo(
+  const extensions = React9.useMemo(
     () => [
       customStreamParserV2,
-      (0, import_view.lineNumbers)(),
-      (0, import_language2.foldGutter)({
+      lineNumbers(),
+      foldGutter({
         markerDOM: (open) => {
           const span = document.createElement("span");
           span.style.cursor = "pointer";
@@ -2293,12 +2259,12 @@ var NReditor = ({
       }),
       customFoldService,
       customEditorTheme,
-      (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 }
+      syntaxHighlighting(customSyntaxHighlighting),
+      EditorView.lineWrapping,
+      scrollPastEnd(),
+      keymap.of([
+        { key: "Ctrl-Shift-[", run: foldAll },
+        { key: "Ctrl-Shift-]", run: unfoldAll }
       ]),
       directivePlugin,
       blockquotePlugin,
@@ -2312,9 +2278,9 @@ var NReditor = ({
     { key: "split", icon: "vertical_split", label: "Split" },
     { key: "preview", icon: "visibility", label: "Preview" }
   ];
-  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)(
+  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(
         "button",
         {
           onClick: handleToggleFold,
@@ -2323,27 +2289,27 @@ var NReditor = ({
           children: isAllFolded ? "\u2569" : "\u2566"
         }
       ),
-      /* @__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)(
+      /* @__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(
         "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__ */ (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 })
+            /* @__PURE__ */ jsx13("span", { className: "material-symbols-rounded text-sm", children: btn.icon }),
+            /* @__PURE__ */ jsx13("span", { className: "hidden sm:inline", children: btn.label })
           ]
         },
         btn.key
       )) })
     ] }),
-    /* @__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)(
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-h-0 flex", children: [
+      (editorMode === "editor" || editorMode === "split") && /* @__PURE__ */ jsx13(
         "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__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_codemirror.default,
+          children: /* @__PURE__ */ jsx13(
+            CodeMirror,
             {
               value,
               onChange,
@@ -2361,15 +2327,18 @@ var NReditor = ({
           )
         }
       ),
-      (editorMode === "preview" || editorMode === "split") && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      (editorMode === "preview" || editorMode === "split") && /* @__PURE__ */ jsx13(
         "div",
         {
           className: `${editorMode === "split" ? "w-1/2" : "w-full"} flex-1 min-h-0 overflow-auto min-w-0`,
-          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 }) })
+          children: /* @__PURE__ */ jsx13("div", { className: "nr-prose h-full shadow-xs overflow-auto p-4", children: /* @__PURE__ */ jsx13(CustomMarkdownRenderer_default, { content: debouncedContent }) })
         }
       )
     ] })
   ] });
 };
 var NReditor_default = NReditor;
+export {
+  NReditor_default as default
+};
 //# sourceMappingURL=NReditor.js.map