laif-ds 1.1.5 → 1.2.0

package/dist/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable technical changes to the laif-ds core will be documented in this fil
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [laif-ds@1.2.0]
+
+### 🚀 Added
+
+- **AppEditor**: Pasting plain text containing Markdown now converts it into formatted content (headings, links, code blocks, etc.), matching the formatting already applied to `defaultValue`; plain text without Markdown, HTML, and Lexical clipboard pastes keep their previous behavior
+
 ## [laif-ds@1.1.5]
 
 ### 🚀 Added

package/dist/_virtual/prism-cpp.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-cpp.js";
+r();

package/dist/_virtual/prism-cpp2.js

@@ -0,0 +1,5 @@
+"use client";
+var p = {};
+export {
+  p as __exports
+};

package/dist/_virtual/prism-java.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-java.js";
+r();

package/dist/_virtual/prism-java2.js

@@ -0,0 +1,5 @@
+"use client";
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/prism-python.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-python.js";
+r();

package/dist/_virtual/prism-python2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism-rust.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-rust.js";
+r();

package/dist/_virtual/prism-rust2.js

@@ -0,0 +1,5 @@
+"use client";
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/prism-typescript.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-typescript.js";
+r();

package/dist/_virtual/prism-typescript2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/prism.js";
+r();

package/dist/_virtual/prism2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/agent-docs/adoption-report.json

@@ -1,12 +1,12 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-21T07:11:32.035Z",
+  "generatedAt": "2026-10-26T17:03:35.397Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.5"
+    "version": "1.2.0"
   },
   "summary": {
-    "scannedFiles": 504,
+    "scannedFiles": 505,
     "deprecatedComponentsCount": 5,
     "deprecatedComponentsUsedCount": 3,
     "componentsWithoutExamplesCount": 5,
@@ -489,8 +489,9 @@
       },
       {
         "className": "text-muted-foreground text-sm",
-        "occurrences": 28,
+        "occurrences": 29,
         "files": [
+          "src/components/stories/app-editor.stories.tsx",
           "src/components/stories/app-form.stories.tsx",
           "src/components/stories/app-stepper.stories.tsx",
           "src/components/stories/app-time-picker.stories.tsx",
@@ -520,20 +521,12 @@
           "src/components/ui/secure-pdf-viewer.tsx"
         ]
       },
-      {
-        "className": "bg-muted rounded-md p-4",
-        "occurrences": 20,
-        "files": [
-          "src/components/stories/card.stories.tsx",
-          "src/components/stories/data-table-no-utils-example.stories.tsx",
-          "src/components/stories/data-table-utils-example.stories.tsx"
-        ]
-      },
       {
         "className": "flex items-center justify-between",
-        "occurrences": 19,
+        "occurrences": 20,
         "files": [
           "src/components/stories/app-card.stories.tsx",
+          "src/components/stories/app-editor.stories.tsx",
           "src/components/stories/data-table-utils-example.stories.tsx",
           "src/components/stories/sidebar.stories.tsx",
           "src/components/stories/switch.stories.tsx",
@@ -543,6 +536,15 @@
           "src/components/ui/tables/data-cross-table/editable-input.tsx"
         ]
       },
+      {
+        "className": "bg-muted rounded-md p-4",
+        "occurrences": 20,
+        "files": [
+          "src/components/stories/card.stories.tsx",
+          "src/components/stories/data-table-no-utils-example.stories.tsx",
+          "src/components/stories/data-table-utils-example.stories.tsx"
+        ]
+      },
       {
         "className": "mb-2 text-lg font-medium",
         "occurrences": 19,

package/dist/agent-docs/components/AppEditor.md

@@ -60,6 +60,10 @@ type MentionItem = {
 - **Editing**: Autosave via `onValueChange`. Keyboard navigation and selection per Lexical defaults.
 - **Markdown Features**: Full support for headings, lists, quotes, links, inline code, bold, italic, strikethrough, and custom underline syntax.
 - **Links**: `[text](url)` in `defaultValue` renders as a link and is emitted back unchanged; links pasted as HTML are kept as links. Enable the `link` toolbar for a user-facing button; to insert a link programmatically (e.g. a "quick insert" action outside the editor) call `ref.current.insertLink(url, text)`. Give the triggering button `onMouseDown={(e) => e.preventDefault()}` so the editor keeps its caret.
+- **Paste from Markdown** (when `onlyMarkdown=true`): pasting **plain text that contains Markdown** (headings, `**bold**`, `*italic*`, `` `code` ``, bulleted/numbered lists, quotes, fenced code, `[links](url)`, `<u>underline</u>`) converts it with the same transformers as `defaultValue` — formatted nodes, no leftover markers, no empty paragraphs from blank lines. A single line pasted mid-paragraph merges inline. Everything else keeps the default Lexical paste:
+  - plain text with no Markdown construct (look-alikes such as `5 * 3`, `file_name_v2`, `#hashtag` are not treated as Markdown);
+  - any clipboard carrying `text/html` (web pages, Word, Outlook) or Lexical's own format — even when its plain-text flavour looks like Markdown. Copying Markdown source from an editor that also writes HTML (e.g. VS Code) therefore pastes as-is.
+  - The paste is a single undo step.
 - **Mentions** (opt-in via `mentions`):
   - `mentions` is either a ready `MentionItem[]` or a **loader function** `() => MentionItem[] | Promise<MentionItem[]>`. The loader is called **once, the first time the menu opens**, so a large list is never preloaded on mount; while it resolves the menu shows a `Loading…` row, and on failure a `Couldn't load mentions` row (re-opening the menu retries). The resolved list is then filtered client-side like the array form.
   - With the **loader form**, `meta.mentions` cannot reconcile against a synchronous source list, so its emitted items carry `id`/`label`/`value` from the chip but **not `sublabel`** (which is menu-only metadata). The array form preserves `sublabel`.

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-10-21T07:11:31.501Z",
+  "generatedAt": "2026-10-26T17:03:34.845Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.5"
+    "version": "1.2.0"
   },
   "stats": {
     "documentedComponentCount": 97,
@@ -6556,5 +6556,5 @@
       ]
     }
   ],
-  "checksum": "acf523f850e6553b7e6ee468f3246be9dd5b9c624ff99c56260dc3c475afa1c3"
+  "checksum": "0ae7e68a8339e77f0a232184ea036347a3ae7c383c803d1c7215951e7eaadd49"
 }

package/dist/components/editor/plugins/paste-markdown-plugin.js

@@ -0,0 +1,75 @@
+"use client";
+import { $generateNodesFromMarkdownString as f } from "../../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
+import { useLexicalComposerContext as c } from "../../../node_modules/@lexical/react/dist/LexicalComposerContext.prod.js";
+import { PASTE_COMMAND as _, $isRangeSelection as l, $getSelection as m, PASTE_TAG as d, COMMAND_PRIORITY_LOW as p } from "../../../node_modules/lexical/dist/Lexical.prod.js";
+import { useEffect as S } from "react";
+const w = [
+  /^#{1,6}\s+\S/m,
+  // # heading
+  /^\s*[-*+]\s+\S/m,
+  // - bulleted list
+  /^\s*\d+[.)]\s+\S/m,
+  // 1. numbered list
+  /^>\s?\S/m,
+  // > quote
+  /^```/m,
+  // fenced code block
+  /\*\*[^*\s](?:[^*\n]*[^*\s])?\*\*/,
+  // **bold**
+  /(^|[^\w])__[^_\s](?:[^_\n]*[^_\s])?__(?!\w)/m,
+  // __bold__
+  /(^|[^\w*])\*[^*\s](?:[^*\n]*[^*\s])?\*(?![\w*])/m,
+  // *italic*
+  /(^|[^\w])_[^_\s](?:[^_\n]*[^_\s])?_(?!\w)/m,
+  // _italic_
+  /~~[^~\s](?:[^~\n]*[^~\s])?~~/,
+  // ~~strikethrough~~
+  /`[^`\n]+`/,
+  // `inline code`
+  /\[[^\]\n]+\]\([^)\s]+\)/,
+  // [link](url)
+  /<u>[^<\n]+<\/u>/
+  // <u>underline</u> (AppEditor's extended syntax)
+];
+function g(e) {
+  return w.some((t) => t.test(e));
+}
+function k({
+  transformers: e,
+  preprocess: t
+}) {
+  const [n] = c();
+  return S(
+    () => n.registerCommand(
+      _,
+      (r) => {
+        if (!(r instanceof ClipboardEvent)) return !1;
+        const o = r.clipboardData;
+        if (!o) return !1;
+        const a = Array.from(o.types);
+        if (a.includes("text/html") || a.includes("application/x-lexical-editor"))
+          return !1;
+        const s = o.getData("text/plain");
+        return !s || !g(s) || !l(m()) ? !1 : (r.preventDefault(), n.update(
+          () => {
+            const i = m();
+            if (!l(i)) return;
+            const u = t ? t(s) : s;
+            i.insertNodes(
+              f(u, e)
+            );
+          },
+          // Same tag as Lexical's own paste: its own undo entry.
+          { tag: d }
+        ), !0);
+      },
+      // Above RichTextPlugin's COMMAND_PRIORITY_EDITOR, so it runs first.
+      p
+    ),
+    [n, e, t]
+  ), null;
+}
+export {
+  k as PasteMarkdownPlugin,
+  g as looksLikeMarkdown
+};

package/dist/components/ui/app-editor.js

@@ -1,231 +1,243 @@
 "use client";
-import { jsx as r, jsxs as n, Fragment as u } from "react/jsx-runtime";
-import { LinkNode as U } from "../../node_modules/@lexical/link/dist/LexicalLink.prod.js";
-import { ListNode as _, ListItemNode as Q } from "../../node_modules/@lexical/list/dist/LexicalList.prod.js";
-import { TRANSFORMERS as K, $convertToMarkdownString as W, $convertFromMarkdownString as Z } from "../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
-import { CheckListPlugin as q } from "../../node_modules/@lexical/react/dist/LexicalCheckListPlugin.prod.js";
-import { ClearEditorPlugin as G } from "../../node_modules/@lexical/react/dist/LexicalClearEditorPlugin.prod.js";
-import { LexicalComposer as J } from "../../node_modules/@lexical/react/dist/LexicalComposer.prod.js";
+import { jsx as r, jsxs as n, Fragment as h } from "react/jsx-runtime";
+import "../../node_modules/@lexical/code-prism/dist/LexicalCodePrism.prod.js";
+import { CodeNode as _ } from "../../node_modules/@lexical/code-core/dist/LexicalCodeCore.prod.js";
+import { LinkNode as Q } from "../../node_modules/@lexical/link/dist/LexicalLink.prod.js";
+import { ListNode as K, ListItemNode as W } from "../../node_modules/@lexical/list/dist/LexicalList.prod.js";
+import { TRANSFORMERS as Z, $convertToMarkdownString as q, $convertFromMarkdownString as G } from "../../node_modules/@lexical/markdown/dist/LexicalMarkdown.prod.js";
+import { CheckListPlugin as J } from "../../node_modules/@lexical/react/dist/LexicalCheckListPlugin.prod.js";
+import { ClearEditorPlugin as X } from "../../node_modules/@lexical/react/dist/LexicalClearEditorPlugin.prod.js";
+import { LexicalComposer as Y } from "../../node_modules/@lexical/react/dist/LexicalComposer.prod.js";
 import { useLexicalComposerContext as L } from "../../node_modules/@lexical/react/dist/LexicalComposerContext.prod.js";
-import { LexicalErrorBoundary as X } from "../../node_modules/@lexical/react/dist/LexicalErrorBoundary.prod.js";
-import { HistoryPlugin as Y } from "../../node_modules/@lexical/react/dist/LexicalHistoryPlugin.prod.js";
-import { ListPlugin as V } from "../../node_modules/@lexical/react/dist/LexicalListPlugin.prod.js";
-import { OnChangePlugin as rr } from "../../node_modules/@lexical/react/dist/LexicalOnChangePlugin.prod.js";
-import { RichTextPlugin as or } from "../../node_modules/@lexical/react/dist/LexicalRichTextPlugin.prod.js";
-import { HeadingNode as er, QuoteNode as tr } from "../../node_modules/@lexical/rich-text/dist/LexicalRichText.prod.js";
-import { ParagraphNode as g, TextNode as h, $nodesOfType as ir, $getRoot as N } from "../../node_modules/lexical/dist/Lexical.prod.js";
-import { forwardRef as nr, useState as lr, useMemo as ar, useImperativeHandle as sr, useEffect as mr } from "react";
-import { ContentEditable as cr } from "../editor/editor-ui/content-editable.js";
+import { LexicalErrorBoundary as V } from "../../node_modules/@lexical/react/dist/LexicalErrorBoundary.prod.js";
+import { HistoryPlugin as rr } from "../../node_modules/@lexical/react/dist/LexicalHistoryPlugin.prod.js";
+import { ListPlugin as or } from "../../node_modules/@lexical/react/dist/LexicalListPlugin.prod.js";
+import { OnChangePlugin as er } from "../../node_modules/@lexical/react/dist/LexicalOnChangePlugin.prod.js";
+import { RichTextPlugin as tr } from "../../node_modules/@lexical/react/dist/LexicalRichTextPlugin.prod.js";
+import { HeadingNode as ir, QuoteNode as nr } from "../../node_modules/@lexical/rich-text/dist/LexicalRichText.prod.js";
+import { ParagraphNode as N, TextNode as v, $nodesOfType as lr, $getRoot as b } from "../../node_modules/lexical/dist/Lexical.prod.js";
+import { forwardRef as ar, useState as sr, useMemo as mr, useImperativeHandle as cr, useEffect as dr } from "react";
+import { ContentEditable as pr } from "../editor/editor-ui/content-editable.js";
 import { MentionNode as k } from "../editor/nodes/mention-node.js";
-import { ActionsPlugin as dr } from "../editor/plugins/actions/actions-plugin.js";
-import { ClearEditorActionPlugin as pr } from "../editor/plugins/actions/clear-editor-plugin.js";
-import { CounterCharacterPlugin as fr } from "../editor/plugins/actions/counter-character-plugin.js";
-import { MENTION_TRANSFORMER as ur, MentionPlugin as gr, collectMentions as hr } from "../editor/plugins/mention-plugin.js";
-import { FormatBulletedList as Nr } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
-import { FormatCheckList as br } from "../editor/plugins/toolbar/block-format/format-check-list.js";
-import { FormatHeading as vr } from "../editor/plugins/toolbar/block-format/format-heading.js";
-import { FormatNumberedList as xr } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
-import { FormatParagraph as Er } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
-import { FormatQuote as Fr } from "../editor/plugins/toolbar/block-format/format-quote.js";
-import { BlockFormatDropDown as Pr } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
+import { ActionsPlugin as fr } from "../editor/plugins/actions/actions-plugin.js";
+import { ClearEditorActionPlugin as ur } from "../editor/plugins/actions/clear-editor-plugin.js";
+import { CounterCharacterPlugin as gr } from "../editor/plugins/actions/counter-character-plugin.js";
+import { MENTION_TRANSFORMER as hr, MentionPlugin as Nr, collectMentions as vr } from "../editor/plugins/mention-plugin.js";
+import { PasteMarkdownPlugin as br } from "../editor/plugins/paste-markdown-plugin.js";
+import { FormatBulletedList as xr } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
+import { FormatCheckList as Er } from "../editor/plugins/toolbar/block-format/format-check-list.js";
+import { FormatHeading as Fr } from "../editor/plugins/toolbar/block-format/format-heading.js";
+import { FormatNumberedList as Pr } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { FormatParagraph as Cr } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
+import { FormatQuote as Rr } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { BlockFormatDropDown as yr } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
 import { FontFormatToolbarPlugin as m } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
-import { LinkToolbarPlugin as yr, $insertLink as Rr } from "../editor/plugins/toolbar/link-toolbar-plugin.js";
-import { MentionInsertToolbarPlugin as Cr } from "../editor/plugins/toolbar/mention-insert-toolbar-plugin.js";
+import { LinkToolbarPlugin as Tr, $insertLink as kr } from "../editor/plugins/toolbar/link-toolbar-plugin.js";
+import { MentionInsertToolbarPlugin as wr } from "../editor/plugins/toolbar/mention-insert-toolbar-plugin.js";
 import { ToolbarPlugin as f } from "../editor/plugins/toolbar/toolbar-plugin.js";
-import { editorTheme as Tr } from "../editor/themes/editor-theme.js";
-import { TooltipProvider as kr } from "./tooltip.js";
-import { HistoryToolbarPlugin as wr } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
-import { cn as Lr } from "../../lib/utils.js";
-const Sr = "Start typing...", Ar = {
+import { editorTheme as Lr } from "../editor/themes/editor-theme.js";
+import { TooltipProvider as Sr } from "./tooltip.js";
+import { HistoryToolbarPlugin as Ar } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
+import { cn as Mr } from "../../lib/utils.js";
+const $r = "Start typing...", Ir = {
   format: ["underline"],
   tag: "++",
   type: "text-format"
 }, w = [
-  ...K,
-  Ar
-], Mr = (o) => o.replace(/<u>(.*?)<\/u>/g, "++$1++"), $r = (o) => o.replace(/\+\+(.+?)\+\+/g, "<u>$1</u>");
-function Ir({
+  ...Z,
+  Ir
+], S = (o) => o.replace(/<u>(.*?)<\/u>/g, "++$1++"), Or = (o) => o.replace(/\+\+(.+?)\+\+/g, "<u>$1</u>");
+function Hr({
   handleRef: o
 }) {
   const [e] = L();
-  return sr(
+  return cr(
     o,
     () => ({
       insertLink: (t, a) => {
-        e.focus(), e.update(() => Rr(t, a));
+        e.focus(), e.update(() => kr(t, a));
       }
     }),
     [e]
   ), null;
 }
-function Or({
+function jr({
   defaultValue: o,
   onlyMarkdown: e,
   transformers: t
 }) {
   const [a] = L();
-  return mr(() => {
+  return dr(() => {
     o && a.update(() => {
-      e ? Z(
-        Mr(o),
+      e ? G(
+        S(o),
         t
-      ) : N().append(
-        new g().append(new h(o))
+      ) : b().append(
+        new N().append(new v(o))
       );
-      const c = N();
+      const c = b();
       (c.getFirstChild() ?? c).selectStart();
     });
   }, [a, o, e, t]), null;
 }
-function Hr({
+function Br({
   defaultValue: o,
   onMarkdownEdit: e,
   onValueChange: t,
   plugins: a = [],
   toolbars: c = [],
-  placeholder: S = Sr,
-  onlyMarkdown: b = !0,
-  className: A = "rounded-lg border border-d-border",
-  wrpClassName: M = "",
+  placeholder: A = $r,
+  onlyMarkdown: u = !0,
+  className: M = "rounded-lg border border-d-border",
+  wrpClassName: $ = "",
   mentions: d,
-  mentionTrigger: v = "@"
-}, $) {
-  const [, I] = lr(null), s = d !== void 0, x = ar(
-    () => s ? [ur, ...w] : w,
+  mentionTrigger: x = "@"
+}, I) {
+  const [, O] = sr(null), s = d !== void 0, g = mr(
+    () => s ? [hr, ...w] : w,
     [s]
-  ), O = {
+  ), H = {
     namespace: "AppEditor",
-    theme: Tr,
+    theme: Lr,
     nodes: [
-      er,
-      g,
-      h,
-      tr,
-      _,
+      ir,
+      N,
+      v,
+      nr,
+      K,
+      W,
+      // Required by the Markdown LINK and CODE transformers: without them a
+      // link or a fenced block in `defaultValue` (or in a paste) throws and
+      // leaves the editor empty.
       Q,
-      // TRANSFORMERS includes the Markdown LINK transformer, which needs this
-      // node to import `[text](url)` from `defaultValue`.
-      U,
+      _,
       ...s ? [k] : []
     ],
     onError: (i) => {
       console.error(i);
     },
-    ...o && !b ? {
+    ...o && !u ? {
       editorState: () => {
-        N().append(
-          new g().append(new h(o))
+        b().append(
+          new N().append(new v(o))
         );
       }
     } : {}
-  }, E = (i) => a.includes(i), p = (i) => c.includes(i), F = E("clear"), P = E("counter"), y = p("block-format"), H = p("font-format"), R = p("history"), j = p("link");
-  return /* @__PURE__ */ r("div", { className: Lr("bg-d-background flex h-96 flex-col", M), children: /* @__PURE__ */ r(J, { initialConfig: O, children: /* @__PURE__ */ n(kr, { children: [
-    /* @__PURE__ */ r(Ir, { handleRef: $ }),
+  }, E = (i) => a.includes(i), p = (i) => c.includes(i), F = E("clear"), P = E("counter"), C = p("block-format"), j = p("font-format"), R = p("history"), B = p("link");
+  return /* @__PURE__ */ r("div", { className: Mr("bg-d-background flex h-96 flex-col", $), children: /* @__PURE__ */ r(Y, { initialConfig: H, children: /* @__PURE__ */ n(Sr, { children: [
+    /* @__PURE__ */ r(Hr, { handleRef: I }),
     o && /* @__PURE__ */ r(
-      Or,
+      jr,
       {
         defaultValue: o,
-        onlyMarkdown: b,
-        transformers: x
+        onlyMarkdown: u,
+        transformers: g
       }
     ),
-    s && /* @__PURE__ */ r(gr, { source: d, trigger: v }),
+    u && /* @__PURE__ */ r(
+      br,
+      {
+        transformers: g,
+        preprocess: S
+      }
+    ),
+    s && /* @__PURE__ */ r(Nr, { source: d, trigger: x }),
     /* @__PURE__ */ n("div", { className: "border-d-border flex items-center border-b", children: [
-      R && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(wr, {}) }) }),
-      y && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ n(Pr, { children: [
-        /* @__PURE__ */ r(Er, {}),
-        /* @__PURE__ */ r(vr, { levels: ["h1", "h2", "h3"] }),
+      R && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(Ar, {}) }) }),
+      C && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ n(yr, { children: [
+        /* @__PURE__ */ r(Cr, {}),
+        /* @__PURE__ */ r(Fr, { levels: ["h1", "h2", "h3"] }),
+        /* @__PURE__ */ r(Pr, {}),
         /* @__PURE__ */ r(xr, {}),
-        /* @__PURE__ */ r(Nr, {}),
-        /* @__PURE__ */ r(br, {}),
-        /* @__PURE__ */ r(Fr, {})
+        /* @__PURE__ */ r(Er, {}),
+        /* @__PURE__ */ r(Rr, {})
       ] }) }) }) }),
-      H && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ n("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: [
+      j && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ n("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: [
         /* @__PURE__ */ r(m, { format: "bold" }),
         /* @__PURE__ */ r(m, { format: "italic" }),
         /* @__PURE__ */ r(m, { format: "underline" }),
         /* @__PURE__ */ r(m, { format: "strikethrough" }),
         /* @__PURE__ */ r(m, { format: "code" }),
         s && /* @__PURE__ */ r(
-          Cr,
+          wr,
           {
-            trigger: v ?? "@"
+            trigger: x ?? "@"
           }
         )
       ] }) }),
-      j && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(yr, {}) }) })
+      B && /* @__PURE__ */ r(f, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(Tr, {}) }) })
     ] }),
     /* @__PURE__ */ n("div", { className: "relative flex min-h-0 w-full flex-1 flex-col", children: [
-      R && /* @__PURE__ */ r(Y, {}),
+      R && /* @__PURE__ */ r(rr, {}),
       /* @__PURE__ */ r(
-        or,
+        tr,
         {
-          ErrorBoundary: X,
+          ErrorBoundary: V,
           contentEditable: /* @__PURE__ */ r(
             "div",
             {
-              ref: I,
+              ref: O,
               className: "flex min-h-0 w-full flex-1 overflow-auto",
               children: /* @__PURE__ */ r(
-                cr,
+                pr,
                 {
-                  placeholder: S,
-                  className: `border-d-border w-full rounded-none border-b ${A}`
+                  placeholder: A,
+                  className: `border-d-border w-full rounded-none border-b ${M}`
                 }
               )
             }
           )
         }
       ),
-      y && /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ r(V, {}),
-        /* @__PURE__ */ r(q, {})
+      C && /* @__PURE__ */ n(h, { children: [
+        /* @__PURE__ */ r(or, {}),
+        /* @__PURE__ */ r(J, {})
       ] }),
-      (F || P) && /* @__PURE__ */ r(dr, { children: /* @__PURE__ */ n("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
+      (F || P) && /* @__PURE__ */ r(fr, { children: /* @__PURE__ */ n("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
         /* @__PURE__ */ r("div", { className: "flex flex-1 justify-start" }),
-        /* @__PURE__ */ r("div", { children: P && /* @__PURE__ */ r(fr, { charset: "UTF-16" }) }),
-        /* @__PURE__ */ r("div", { className: "flex flex-1 justify-end gap-2", children: F && /* @__PURE__ */ n(u, { children: [
-          /* @__PURE__ */ r(pr, {}),
-          /* @__PURE__ */ r(G, {})
+        /* @__PURE__ */ r("div", { children: P && /* @__PURE__ */ r(gr, { charset: "UTF-16" }) }),
+        /* @__PURE__ */ r("div", { className: "flex flex-1 justify-end gap-2", children: F && /* @__PURE__ */ n(h, { children: [
+          /* @__PURE__ */ r(ur, {}),
+          /* @__PURE__ */ r(X, {})
         ] }) })
       ] }) })
     ] }),
     /* @__PURE__ */ r(
-      rr,
+      er,
       {
         ignoreSelectionChange: !0,
         onChange: (i) => {
           if (!t && !e) return;
-          const C = $r(
-            i.read(() => W(x))
+          const y = Or(
+            i.read(() => q(g))
           );
           if (!t) {
-            e?.(C);
+            e?.(y);
             return;
           }
           let T = [];
           if (s) {
-            const B = i.read(
-              () => hr(ir(k))
-            ), z = Array.isArray(d) ? d : [], D = new Map(
-              z.map((l) => [String(l.id), l])
+            const z = i.read(
+              () => vr(lr(k))
+            ), D = Array.isArray(d) ? d : [], U = new Map(
+              D.map((l) => [String(l.id), l])
             );
-            T = B.map(
-              (l) => D.get(String(l.id)) ?? {
+            T = z.map(
+              (l) => U.get(String(l.id)) ?? {
                 id: l.id,
                 label: l.label,
                 value: l.value
               }
             );
           }
-          t(C, { mentions: T });
+          t(y, { mentions: T });
         }
       }
     )
   ] }) }) });
 }
-const jr = nr(Hr);
-jr.displayName = "AppEditor";
+const zr = ar(Br);
+zr.displayName = "AppEditor";
 export {
-  jr as AppEditor
+  zr as AppEditor
 };