@rcarls/rc-textarea 0.1.0 → 0.3.0

package/dist/{line-actions-controller-BsM6DJ0b.js → line-actions-controller-ChmbiQ-G.js}

@@ -1,6 +1,7 @@
-import { css as St, LitElement as tt, html as Lt } from "lit";
-import { property as b } from "lit/decorators.js";
-const Tt = St`
+import { css as Ot, LitElement as st, html as Tt } from "lit";
+import { property as y, query as tt } from "lit/decorators.js";
+import { NativeChildController as kt } from "@rcarls/rc-common";
+const Bt = Ot`
   :host {
     display: block;
     box-sizing: border-box;
@@ -11,8 +12,6 @@ const Tt = St`
     display: none;
   }
 
-  /* ── Root layout ──────────────────────────────────────────────────────── */
-
   #root {
     display: flex;
     align-items: stretch;
@@ -24,8 +23,6 @@ const Tt = St`
     min-height: var(--_rc-textarea-min-height, auto);
   }
 
-  /* ── Gutter ───────────────────────────────────────────────────────────── */
-
   #gutter {
     display: none;
     flex-shrink: 0;
@@ -61,8 +58,6 @@ const Tt = St`
     color: var(--rc-textarea-color, var(--rc-text, FieldText));
   }
 
-  /* ── Editor area ──────────────────────────────────────────────────────── */
-
   #editor-area {
     position: relative;
     flex: 1;
@@ -81,10 +76,7 @@ const Tt = St`
     font-size: var(--rc-textarea-font-size, 1em);
     line-height: var(--rc-textarea-line-height, 1.5);
     color: var(--rc-textarea-color, var(--rc-text, FieldText));
-    caret-color: var(
-      --rc-textarea-caret-color,
-      var(--rc-textarea-color, FieldText)
-    );
+    caret-color: var(--rc-textarea-caret-color, var(--rc-textarea-color, FieldText));
     background: transparent;
     outline: none;
     overflow: auto;
@@ -131,12 +123,8 @@ const Tt = St`
     outline-offset: -1px;
   }
 
-  /* ── Slot (hidden lightDOM textarea) ──────────────────────────────────── */
-
+  /* Slotted textarea is hidden on host upgrade */
   ::slotted(textarea) {
-    /* Visually hidden but accessible to form submission.
-       Inline styles applied via JS take precedence and are more reliable,
-       but this provides a baseline in case of timing issues. */
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
@@ -149,23 +137,18 @@ const Tt = St`
     pointer-events: none !important;
   }
 
-  /* ── Line structure ───────────────────────────────────────────────────── */
-
-  .v2-line {
+  .line {
     position: relative;
     display: block;
   }
 
   /* Active line highlight — opt-in via CSS custom property. */
-  .v2-line--active {
+  .line--active {
     background: var(--rc-textarea-active-line-bg, transparent);
   }
 
-  /* Error-lens style end-of-line message via ::after pseudo-element.
-     content: attr(data-message) is set when V2Document assigns data-message.
-     Using ::after keeps the annotation completely outside the DOM selection
-     and clipboard path — no user-select tricks needed. */
-  .v2-line[data-message]::after {
+  /* Error-lens -style end-of-line diagnostic message */
+  .line[data-message]::after {
     content: attr(data-message);
     display: inline;
     margin-left: 4ch;
@@ -176,34 +159,26 @@ const Tt = St`
     font-style: italic;
   }
 
-  /* ── Inline decoration spans ──────────────────────────────────────────── */
-
-  .v2-mark {
-    /* Base class; formatting applied via inline style by V2InlineBlot */
+  .mark {
     border-radius: 2px;
   }
 
-  /* ── Widget spans ─────────────────────────────────────────────────────── */
-
-  .v2-widget {
+  .widget {
     display: inline-block;
     user-select: none;
     cursor: default;
     vertical-align: middle;
   }
-
-  /* ── Scrollbar sync between editor and gutter ─────────────────────────── */
-  /* Gutter doesn't scroll independently; editor scroll is handled in JS */
 `;
-var f = /* @__PURE__ */ ((n) => (n[n.TYPE = 3] = "TYPE", n[n.LEVEL = 12] = "LEVEL", n[n.ATTRIBUTE = 13] = "ATTRIBUTE", n[n.BLOT = 14] = "BLOT", n[n.INLINE = 7] = "INLINE", n[n.BLOCK = 11] = "BLOCK", n[n.BLOCK_BLOT = 10] = "BLOCK_BLOT", n[n.INLINE_BLOT = 6] = "INLINE_BLOT", n[n.BLOCK_ATTRIBUTE = 9] = "BLOCK_ATTRIBUTE", n[n.INLINE_ATTRIBUTE = 5] = "INLINE_ATTRIBUTE", n[n.ANY = 15] = "ANY", n))(f || {});
+var d = /* @__PURE__ */ ((n) => (n[n.TYPE = 3] = "TYPE", n[n.LEVEL = 12] = "LEVEL", n[n.ATTRIBUTE = 13] = "ATTRIBUTE", n[n.BLOT = 14] = "BLOT", n[n.INLINE = 7] = "INLINE", n[n.BLOCK = 11] = "BLOCK", n[n.BLOCK_BLOT = 10] = "BLOCK_BLOT", n[n.INLINE_BLOT = 6] = "INLINE_BLOT", n[n.BLOCK_ATTRIBUTE = 9] = "BLOCK_ATTRIBUTE", n[n.INLINE_ATTRIBUTE = 5] = "INLINE_ATTRIBUTE", n[n.ANY = 15] = "ANY", n))(d || {});
 class T {
   constructor(t, e, s = {}) {
     this.attrName = t, this.keyName = e;
-    const i = f.TYPE & f.ATTRIBUTE;
+    const i = d.TYPE & d.ATTRIBUTE;
     this.scope = s.scope != null ? (
       // Ignore type bits, force attribute bit
-      s.scope & f.LEVEL | i
-    ) : f.ATTRIBUTE, s.whitelist != null && (this.whitelist = s.whitelist);
+      s.scope & d.LEVEL | i
+    ) : d.ATTRIBUTE, s.whitelist != null && (this.whitelist = s.whitelist);
   }
   static keys(t) {
     return Array.from(t.attributes).map((e) => e.name);
@@ -222,12 +197,12 @@ class T {
     return this.canAdd(t, e) && e ? e : "";
   }
 }
-class S extends Error {
+class L extends Error {
   constructor(t) {
     t = "[Parchment] " + t, super(t), this.message = t, this.name = this.constructor.name;
   }
 }
-const ht = class j {
+const ut = class X {
   constructor() {
     this.attributes = {}, this.classes = {}, this.tags = {}, this.types = {};
   }
@@ -250,27 +225,27 @@ const ht = class j {
   create(t, e, s) {
     const i = this.query(e);
     if (i == null)
-      throw new S(`Unable to create ${e} blot`);
+      throw new L(`Unable to create ${e} blot`);
     const r = i, o = (
       // @ts-expect-error Fix me later
       e instanceof Node || e.nodeType === Node.TEXT_NODE ? e : r.create(s)
     ), a = new r(t, o, s);
-    return j.blots.set(a.domNode, a), a;
+    return X.blots.set(a.domNode, a), a;
   }
   find(t, e = !1) {
-    return j.find(t, e);
+    return X.find(t, e);
   }
-  query(t, e = f.ANY) {
+  query(t, e = d.ANY) {
     let s;
-    return typeof t == "string" ? s = this.types[t] || this.attributes[t] : t instanceof Text || t.nodeType === Node.TEXT_NODE ? s = this.types.text : typeof t == "number" ? t & f.LEVEL & f.BLOCK ? s = this.types.block : t & f.LEVEL & f.INLINE && (s = this.types.inline) : t instanceof Element && ((t.getAttribute("class") || "").split(/\s+/).some((i) => (s = this.classes[i], !!s)), s = s || this.tags[t.tagName]), s == null ? null : "scope" in s && e & f.LEVEL & s.scope && e & f.TYPE & s.scope ? s : null;
+    return typeof t == "string" ? s = this.types[t] || this.attributes[t] : t instanceof Text || t.nodeType === Node.TEXT_NODE ? s = this.types.text : typeof t == "number" ? t & d.LEVEL & d.BLOCK ? s = this.types.block : t & d.LEVEL & d.INLINE && (s = this.types.inline) : t instanceof Element && ((t.getAttribute("class") || "").split(/\s+/).some((i) => (s = this.classes[i], !!s)), s = s || this.tags[t.tagName]), s == null ? null : "scope" in s && e & d.LEVEL & s.scope && e & d.TYPE & s.scope ? s : null;
   }
   register(...t) {
     return t.map((e) => {
       const s = "blotName" in e, i = "attrName" in e;
       if (!s && !i)
-        throw new S("Invalid definition");
+        throw new L("Invalid definition");
       if (s && e.blotName === "abstract")
-        throw new S("Cannot register abstract class");
+        throw new L("Cannot register abstract class");
       const r = s ? e.blotName : i ? e.attrName : void 0;
       return this.types[r] = e, i ? typeof e.keyName == "string" && (this.attributes[e.keyName] = e) : s && (e.className && (this.classes[e.className] = e), e.tagName && (Array.isArray(e.tagName) ? e.tagName = e.tagName.map((o) => o.toUpperCase()) : e.tagName = e.tagName.toUpperCase(), (Array.isArray(e.tagName) ? e.tagName : [e.tagName]).forEach((o) => {
         (this.tags[o] == null || e.className == null) && (this.tags[o] = e);
@@ -278,12 +253,12 @@ const ht = class j {
     });
   }
 };
-ht.blots = /* @__PURE__ */ new WeakMap();
-let z = ht;
-function et(n, t) {
+ut.blots = /* @__PURE__ */ new WeakMap();
+let M = ut;
+function it(n, t) {
   return (n.getAttribute("class") || "").split(/\s+/).filter((e) => e.indexOf(`${t}-`) === 0);
 }
-class kt extends T {
+class Dt extends T {
   static keys(t) {
     return (t.getAttribute("class") || "").split(/\s+/).map((e) => e.split("-").slice(0, -1).join("-"));
   }
@@ -291,21 +266,21 @@ class kt extends T {
     return this.canAdd(t, e) ? (this.remove(t), t.classList.add(`${this.keyName}-${e}`), !0) : !1;
   }
   remove(t) {
-    et(t, this.keyName).forEach((e) => {
+    it(t, this.keyName).forEach((e) => {
       t.classList.remove(e);
     }), t.classList.length === 0 && t.removeAttribute("class");
   }
   value(t) {
-    const e = (et(t, this.keyName)[0] || "").slice(this.keyName.length + 1);
+    const e = (it(t, this.keyName)[0] || "").slice(this.keyName.length + 1);
     return this.canAdd(t, e) ? e : "";
   }
 }
-const Bt = kt;
+const It = Dt;
 function F(n) {
   const t = n.split("-"), e = t.slice(1).map((s) => s[0].toUpperCase() + s.slice(1)).join("");
   return t[0] + e;
 }
-class Dt extends T {
+class $t extends T {
   static keys(t) {
     return (t.getAttribute("style") || "").split(";").map((e) => e.split(":")[0].trim());
   }
@@ -320,8 +295,8 @@ class Dt extends T {
     return this.canAdd(t, e) ? e : "";
   }
 }
-const It = Dt;
-class Rt {
+const Rt = $t;
+class Pt {
   constructor(t) {
     this.attributes = {}, this.domNode = t, this.build();
   }
@@ -330,12 +305,12 @@ class Rt {
   }
   build() {
     this.attributes = {};
-    const t = z.find(this.domNode);
+    const t = M.find(this.domNode);
     if (t == null)
       return;
-    const e = T.keys(this.domNode), s = Bt.keys(this.domNode), i = It.keys(this.domNode);
+    const e = T.keys(this.domNode), s = It.keys(this.domNode), i = Rt.keys(this.domNode);
     e.concat(s).concat(i).forEach((r) => {
-      const o = t.scroll.query(r, f.ATTRIBUTE);
+      const o = t.scroll.query(r, d.ATTRIBUTE);
       o instanceof T && (this.attributes[o.attrName] = o);
     });
   }
@@ -357,13 +332,13 @@ class Rt {
     );
   }
 }
-const ut = Rt, dt = class {
+const dt = Pt, ft = class {
   constructor(t, e) {
-    this.scroll = t, this.domNode = e, z.blots.set(e, this), this.prev = null, this.next = null;
+    this.scroll = t, this.domNode = e, M.blots.set(e, this), this.prev = null, this.next = null;
   }
   static create(t) {
     if (this.tagName == null)
-      throw new S("Blot definition missing tagName");
+      throw new L("Blot definition missing tagName");
     let e, s;
     return Array.isArray(this.tagName) ? (typeof t == "string" ? (s = t.toUpperCase(), parseInt(s, 10).toString() === s && (s = parseInt(s, 10))) : typeof t == "number" && (s = t), typeof s == "number" ? e = document.createElement(this.tagName[s - 1]) : s && this.tagName.indexOf(s) > -1 ? e = document.createElement(s) : e = document.createElement(this.tagName[0])) : e = document.createElement(this.tagName), this.className && e.classList.add(this.className), e;
   }
@@ -378,16 +353,16 @@ const ut = Rt, dt = class {
     return this.scroll.create(t);
   }
   detach() {
-    this.parent != null && this.parent.removeChild(this), z.blots.delete(this.domNode);
+    this.parent != null && this.parent.removeChild(this), M.blots.delete(this.domNode);
   }
   deleteAt(t, e) {
     this.isolate(t, e).remove();
   }
   formatAt(t, e, s, i) {
     const r = this.isolate(t, e);
-    if (this.scroll.query(s, f.BLOT) != null && i)
+    if (this.scroll.query(s, d.BLOT) != null && i)
       r.wrap(s, i);
-    else if (this.scroll.query(s, f.ATTRIBUTE) != null) {
+    else if (this.scroll.query(s, d.ATTRIBUTE) != null) {
       const o = this.scroll.create(this.statics.scope);
       r.wrap(o), o.format(s, i);
     }
@@ -426,13 +401,13 @@ const ut = Rt, dt = class {
   wrap(t, e) {
     const s = typeof t == "string" ? this.scroll.create(t, e) : t;
     if (this.parent != null && this.parent.insertBefore(s, this.next || void 0), typeof s.appendChild != "function")
-      throw new S(`Cannot wrap ${t}`);
+      throw new L(`Cannot wrap ${t}`);
     return s.appendChild(this), s;
   }
 };
-dt.blotName = "abstract";
-let ft = dt;
-const pt = class extends ft {
+ft.blotName = "abstract";
+let pt = ft;
+const mt = class extends pt {
   /**
    * Returns the value represented by domNode if it is this Blot's type
    * No checking that domNode can represent this Blot type is required so
@@ -467,10 +442,10 @@ const pt = class extends ft {
     };
   }
 };
-pt.scope = f.INLINE_BLOT;
-let Pt = pt;
-const W = Pt;
-class Mt {
+mt.scope = d.INLINE_BLOT;
+let Mt = mt;
+const V = Mt;
+class zt {
   constructor() {
     this.head = null, this.tail = null, this.length = 0;
   }
@@ -572,20 +547,20 @@ class Mt {
     return e;
   }
 }
-function st(n, t) {
+function rt(n, t) {
   const e = t.find(n);
   if (e)
     return e;
   try {
     return t.create(n);
   } catch {
-    const s = t.create(f.INLINE);
+    const s = t.create(d.INLINE);
     return Array.from(n.childNodes).forEach((i) => {
       s.domNode.appendChild(i);
     }), n.parentNode && n.parentNode.replaceChild(s.domNode, n), s.attach(), s;
   }
 }
-const mt = class N extends ft {
+const gt = class N extends pt {
   constructor(t, e) {
     super(t, e), this.uiNode = null, this.build();
   }
@@ -604,12 +579,12 @@ const mt = class N extends ft {
    * Called during construction, should fill its own children LinkedList.
    */
   build() {
-    this.children = new Mt(), Array.from(this.domNode.childNodes).filter((t) => t !== this.uiNode).reverse().forEach((t) => {
+    this.children = new zt(), Array.from(this.domNode.childNodes).filter((t) => t !== this.uiNode).reverse().forEach((t) => {
       try {
-        const e = st(t, this.scroll);
+        const e = rt(t, this.scroll);
         this.insertBefore(e, this.children.head || void 0);
       } catch (e) {
-        if (e instanceof S)
+        if (e instanceof L)
           return;
         throw e;
       }
@@ -648,7 +623,7 @@ const mt = class N extends ft {
     this.children.forEach((e) => {
       t || this.statics.allowedChildren.some(
         (s) => e instanceof s
-      ) || (e.statics.scope === f.BLOCK_BLOT ? (e.next != null && this.splitAfter(e), e.prev != null && this.splitAfter(e.prev), e.parent.unwrap(), t = !0) : e instanceof N ? e.unwrap() : e.remove());
+      ) || (e.statics.scope === d.BLOCK_BLOT ? (e.next != null && this.splitAfter(e), e.prev != null && this.splitAfter(e.prev), e.parent.unwrap(), t = !0) : e instanceof N ? e.unwrap() : e.remove());
     });
   }
   formatAt(t, e, s, i) {
@@ -732,15 +707,15 @@ const mt = class N extends ft {
     }), s.filter((r) => r.parentNode === this.domNode && r !== this.uiNode).sort((r, o) => r === o ? 0 : r.compareDocumentPosition(o) & Node.DOCUMENT_POSITION_FOLLOWING ? 1 : -1).forEach((r) => {
       let o = null;
       r.nextSibling != null && (o = this.scroll.find(r.nextSibling));
-      const a = st(r, this.scroll);
+      const a = rt(r, this.scroll);
       (a.next !== o || a.next == null) && (a.parent != null && a.parent.removeChild(this), this.insertBefore(a, o || void 0));
     }), this.enforceAllowedChildren();
   }
 };
-mt.uiClass = "";
-let zt = mt;
-const L = zt;
-function Ut(n, t) {
+gt.uiClass = "";
+let Ut = gt;
+const O = Ut;
+function Ht(n, t) {
   if (Object.keys(n).length !== Object.keys(t).length)
     return !1;
   for (const e in n)
@@ -748,12 +723,12 @@ function Ut(n, t) {
       return !1;
   return !0;
 }
-const w = class A extends L {
+const E = class C extends O {
   static create(t) {
     return super.create(t);
   }
   static formats(t, e) {
-    const s = e.query(A.blotName);
+    const s = e.query(C.blotName);
     if (!(s != null && t.tagName === s.tagName)) {
       if (typeof this.tagName == "string")
         return !0;
@@ -762,15 +737,15 @@ const w = class A extends L {
     }
   }
   constructor(t, e) {
-    super(t, e), this.attributes = new ut(this.domNode);
+    super(t, e), this.attributes = new dt(this.domNode);
   }
   format(t, e) {
     if (t === this.statics.blotName && !e)
       this.children.forEach((s) => {
-        s instanceof A || (s = s.wrap(A.blotName, !0)), this.attributes.copy(s);
+        s instanceof C || (s = s.wrap(C.blotName, !0)), this.attributes.copy(s);
       }), this.unwrap();
     else {
-      const s = this.scroll.query(t, f.INLINE);
+      const s = this.scroll.query(t, d.INLINE);
       if (s == null)
         return;
       s instanceof T ? this.attributes.attribute(s, e) : e && (t !== this.statics.blotName || this.formats()[t] !== e) && this.replaceWith(t, e);
@@ -781,7 +756,7 @@ const w = class A extends L {
     return e != null && (t[this.statics.blotName] = e), t;
   }
   formatAt(t, e, s, i) {
-    this.formats()[s] != null || this.scroll.query(s, f.ATTRIBUTE) ? this.isolate(t, e).format(s, i) : super.formatAt(t, e, s, i);
+    this.formats()[s] != null || this.scroll.query(s, d.ATTRIBUTE) ? this.isolate(t, e).format(s, i) : super.formatAt(t, e, s, i);
   }
   optimize(t) {
     super.optimize(t);
@@ -789,7 +764,7 @@ const w = class A extends L {
     if (Object.keys(e).length === 0)
       return this.unwrap();
     const s = this.next;
-    s instanceof A && s.prev === this && Ut(e, s.formats()) && (s.moveChildren(this), s.remove());
+    s instanceof C && s.prev === this && Ht(e, s.formats()) && (s.moveChildren(this), s.remove());
   }
   replaceWith(t, e) {
     const s = super.replaceWith(t, e);
@@ -802,17 +777,17 @@ const w = class A extends L {
   }
   wrap(t, e) {
     const s = super.wrap(t, e);
-    return s instanceof A && this.attributes.move(s), s;
+    return s instanceof C && this.attributes.move(s), s;
   }
 };
-w.allowedChildren = [w, W], w.blotName = "inline", w.scope = f.INLINE_BLOT, w.tagName = "SPAN";
-let Ht = w;
-const gt = Ht, C = class X extends L {
+E.allowedChildren = [E, V], E.blotName = "inline", E.scope = d.INLINE_BLOT, E.tagName = "SPAN";
+let Kt = E;
+const _t = Kt, A = class Y extends O {
   static create(t) {
     return super.create(t);
   }
   static formats(t, e) {
-    const s = e.query(X.blotName);
+    const s = e.query(Y.blotName);
     if (!(s != null && t.tagName === s.tagName)) {
       if (typeof this.tagName == "string")
         return !0;
@@ -821,21 +796,21 @@ const gt = Ht, C = class X extends L {
     }
   }
   constructor(t, e) {
-    super(t, e), this.attributes = new ut(this.domNode);
+    super(t, e), this.attributes = new dt(this.domNode);
   }
   format(t, e) {
-    const s = this.scroll.query(t, f.BLOCK);
-    s != null && (s instanceof T ? this.attributes.attribute(s, e) : t === this.statics.blotName && !e ? this.replaceWith(X.blotName) : e && (t !== this.statics.blotName || this.formats()[t] !== e) && this.replaceWith(t, e));
+    const s = this.scroll.query(t, d.BLOCK);
+    s != null && (s instanceof T ? this.attributes.attribute(s, e) : t === this.statics.blotName && !e ? this.replaceWith(Y.blotName) : e && (t !== this.statics.blotName || this.formats()[t] !== e) && this.replaceWith(t, e));
   }
   formats() {
     const t = this.attributes.values(), e = this.statics.formats(this.domNode, this.scroll);
     return e != null && (t[this.statics.blotName] = e), t;
   }
   formatAt(t, e, s, i) {
-    this.scroll.query(s, f.BLOCK) != null ? this.format(s, i) : super.formatAt(t, e, s, i);
+    this.scroll.query(s, d.BLOCK) != null ? this.format(s, i) : super.formatAt(t, e, s, i);
   }
   insertAt(t, e, s) {
-    if (s == null || this.scroll.query(e, f.INLINE) != null)
+    if (s == null || this.scroll.query(e, d.INLINE) != null)
       super.insertAt(t, e, s);
     else {
       const i = this.split(t);
@@ -856,13 +831,13 @@ const gt = Ht, C = class X extends L {
     ) && this.attributes.build();
   }
 };
-C.blotName = "block", C.scope = f.BLOCK_BLOT, C.tagName = "P", C.allowedChildren = [
-  gt,
-  C,
-  W
+A.blotName = "block", A.scope = d.BLOCK_BLOT, A.tagName = "P", A.allowedChildren = [
+  _t,
+  A,
+  V
 ];
-let Kt = C;
-const Y = Kt, J = class extends L {
+let Vt = A;
+const Z = Vt, J = class extends O {
   checkMerge() {
     return this.next !== null && this.next.statics.blotName === this.statics.blotName;
   }
@@ -879,10 +854,10 @@ const Y = Kt, J = class extends L {
     super.optimize(t), this.children.length > 0 && this.next != null && this.checkMerge() && (this.next.moveChildren(this), this.next.remove());
   }
 };
-J.blotName = "container", J.scope = f.BLOCK_BLOT;
+J.blotName = "container", J.scope = d.BLOCK_BLOT;
 let qt = J;
-const Wt = qt;
-class $t extends W {
+const Ft = qt;
+class Wt extends V {
   static formats(t, e) {
   }
   format(t, e) {
@@ -895,17 +870,17 @@ class $t extends W {
     return this.statics.formats(this.domNode, this.scroll);
   }
 }
-const Ft = $t, Gt = {
+const Gt = Wt, jt = {
   attributes: !0,
   characterData: !0,
   characterDataOldValue: !0,
   childList: !0,
   subtree: !0
-}, Vt = 100, O = class extends L {
+}, Xt = 100, S = class extends O {
   constructor(t, e) {
     super(null, e), this.registry = t, this.scroll = this, this.build(), this.observer = new MutationObserver((s) => {
       this.update(s);
-    }), this.observer.observe(this.domNode, Gt), this.attach();
+    }), this.observer.observe(this.domNode, jt), this.attach();
   }
   create(t, e) {
     return this.registry.create(this, t, e);
@@ -914,7 +889,7 @@ const Ft = $t, Gt = {
     const s = this.registry.find(t, e);
     return s ? s.scroll === this ? s : e ? this.find(s.scroll.domNode.parentNode, !0) : null : null;
   }
-  query(t, e = f.ANY) {
+  query(t, e = d.ANY) {
     return this.registry.query(t, e);
   }
   register(...t) {
@@ -946,17 +921,17 @@ const Ft = $t, Gt = {
     const r = (l, h = !0) => {
       l == null || l === this || l.domNode.parentNode != null && (s.has(l.domNode) || s.set(l.domNode, []), h && r(l.parent));
     }, o = (l) => {
-      s.has(l.domNode) && (l instanceof L && l.children.forEach(o), s.delete(l.domNode), l.optimize(e));
+      s.has(l.domNode) && (l instanceof O && l.children.forEach(o), s.delete(l.domNode), l.optimize(e));
     };
     let a = t;
     for (let l = 0; a.length > 0; l += 1) {
-      if (l >= Vt)
+      if (l >= Xt)
         throw new Error("[Parchment] Maximum optimize iterations reached");
       for (a.forEach((h) => {
         const c = this.find(h.target, !0);
-        c != null && (c.domNode === h.target && (h.type === "childList" ? (r(this.find(h.previousSibling, !1)), Array.from(h.addedNodes).forEach((d) => {
-          const g = this.find(d, !1);
-          r(g, !1), g instanceof L && g.children.forEach((u) => {
+        c != null && (c.domNode === h.target && (h.type === "childList" ? (r(this.find(h.previousSibling, !1)), Array.from(h.addedNodes).forEach((f) => {
+          const g = this.find(f, !1);
+          r(g, !1), g instanceof O && g.children.forEach((u) => {
             r(u, !1);
           });
         })) : h.type === "attributes" && r(c.prev)), r(c));
@@ -975,9 +950,9 @@ const Ft = $t, Gt = {
     }), e.mutationsMap = s, s.has(this.domNode) && super.update(s.get(this.domNode), e), this.optimize(t, e);
   }
 };
-O.blotName = "scroll", O.defaultChild = Y, O.allowedChildren = [Y, Wt], O.scope = f.BLOCK_BLOT, O.tagName = "DIV";
-let jt = O;
-const Xt = jt, it = class vt extends W {
+S.blotName = "scroll", S.defaultChild = Z, S.allowedChildren = [Z, Ft], S.scope = d.BLOCK_BLOT, S.tagName = "DIV";
+let Yt = S;
+const Zt = Yt, nt = class vt extends V {
   static create(t) {
     return document.createTextNode(t);
   }
@@ -1022,8 +997,8 @@ const Xt = jt, it = class vt extends W {
     return this.text;
   }
 };
-it.blotName = "text", it.scope = f.INLINE_BLOT;
-const Q = class Q extends Xt {
+nt.blotName = "text", nt.scope = d.INLINE_BLOT;
+const et = class et extends Zt {
   constructor(t, e) {
     super(t, e), this.observer.disconnect();
   }
@@ -1033,39 +1008,39 @@ const Q = class Q extends Xt {
   optimize(t, e) {
   }
 };
-Q.blotName = "v2-scroll";
-let Z = Q;
-const B = class B extends Y {
+et.blotName = "rc-scroll";
+let Q = et;
+const B = class B extends Z {
 };
-B.blotName = "v2-block", B.tagName = "DIV", B.className = "v2-line";
-let U = B;
-const D = class D extends gt {
+B.blotName = "rc-block", B.tagName = "DIV", B.className = "line";
+let z = B;
+const D = class D extends _t {
   static create(t) {
     const e = super.create();
-    return t && Yt(e, t), e;
+    return t && Jt(e, t), e;
   }
 };
-D.blotName = "v2-inline", D.tagName = "SPAN", D.className = "v2-mark";
-let H = D;
-function Yt(n, t) {
+D.blotName = "rc-inline", D.tagName = "SPAN", D.className = "mark";
+let U = D;
+function Jt(n, t) {
   if (t.className)
     for (const e of t.className.split(/\s+/).filter(Boolean))
       n.classList.add(e);
   t.bold && (n.style.fontWeight = "bold"), t.italic && (n.style.fontStyle = "italic"), t.color && (n.style.color = t.color), t.background && (n.style.backgroundColor = t.background), t.underline && (n.style.textDecoration = `${t.underline} underline`, t.underlineColor && (n.style.textDecorationColor = t.underlineColor));
 }
-const I = class I extends Ft {
+const I = class I extends Gt {
   static create() {
     const t = super.create();
     return t.contentEditable = "false", t.setAttribute("aria-hidden", "true"), t;
   }
 };
-I.blotName = "v2-widget", I.tagName = "SPAN", I.className = "v2-widget";
-let K = I;
-function Jt() {
-  const n = new z();
-  return n.register(U, H, K), n;
+I.blotName = "rc-widget", I.tagName = "SPAN", I.className = "widget";
+let H = I;
+function Qt() {
+  const n = new M();
+  return n.register(z, U, H), n;
 }
-function Zt(n, t, e, s, i) {
+function te(n, t, e, s, i) {
   if (t.length === 0) {
     n.appendChild(document.createElement("br"));
     return;
@@ -1081,93 +1056,90 @@ function Zt(n, t, e, s, i) {
   for (let a = 0; a < o.length - 1; a++) {
     const l = o[a], h = o[a + 1];
     for (const u of i)
-      u.offset - e === l && (u.side ?? "before") === "before" && n.appendChild(G(u));
+      u.offset - e === l && (u.side ?? "before") === "before" && n.appendChild(W(u));
     const c = t.slice(l, h);
-    if (!c) continue;
-    let d, g = 1 / 0;
+    if (!c)
+      continue;
+    let f, g = 1 / 0;
     for (const u of s) {
       const m = u.from - e, p = u.to - e;
       if (m <= l && p >= h) {
         const k = p - m;
-        k < g && (g = k, d = u);
+        k < g && (g = k, f = u);
       }
     }
-    if (d) {
-      const u = H.create(d);
-      if (d.attributes)
-        for (const [m, p] of Object.entries(d.attributes))
+    if (f) {
+      const u = U.create(f);
+      if (f.attributes)
+        for (const [m, p] of Object.entries(f.attributes))
           u.setAttribute(m, p);
       u.appendChild(document.createTextNode(c)), n.appendChild(u);
     } else
       n.appendChild(document.createTextNode(c));
     for (const u of i)
-      u.offset - e === h && u.side === "after" && n.appendChild(G(u));
+      u.offset - e === h && u.side === "after" && n.appendChild(W(u));
   }
   for (const a of i)
-    a.offset - e === t.length && (a.side ?? "before") === "before" && n.appendChild(G(a));
+    a.offset - e === t.length && (a.side ?? "before") === "before" && n.appendChild(W(a));
 }
-function G(n) {
-  const t = K.create();
+function W(n) {
+  const t = H.create();
   return t.appendChild(n.create()), t;
 }
-class Qt {
+class ee {
   constructor(t) {
-    const e = Jt();
-    this.scroll = new Z(e, t);
+    const e = Qt();
+    this.scroll = new Q(e, t);
   }
   /**
-   * Rebuild the document tree from `value` + `decorations`.
-   * Reuses existing `.v2-line` elements in place to preserve DOM identity
+   * Rebuild the document tree.
+   *
+   * Reuses existing `.line` elements in place to preserve DOM identity
    * across renders (fixes DevTools node tracking and mouse gesture continuity).
-   * Only the children of each line are replaced; the line element itself survives.
    */
   build(t, e) {
     const s = this.scroll.domNode, i = t.split(`
-`), r = Array.from(s.querySelectorAll(".v2-line")), o = /* @__PURE__ */ new Map(), a = [], l = [];
+`), r = Array.from(s.querySelectorAll(".line")), o = /* @__PURE__ */ new Map(), a = [], l = [];
     for (const c of e)
       if (c.type === "line") {
-        const d = o.get(c.line) ?? [];
-        d.push(c), o.set(c.line, d);
+        const f = o.get(c.line) ?? [];
+        f.push(c), o.set(c.line, f);
       } else c.type === "mark" ? a.push(c) : l.push(c);
-    a.sort((c, d) => c.from - d.from || c.to - d.to), l.sort((c, d) => c.offset - d.offset);
+    a.sort((c, f) => c.from - f.from || c.to - f.to), l.sort((c, f) => c.offset - f.offset);
     let h = 0;
     for (let c = 0; c < i.length; c++) {
-      const d = i[c], g = c + 1, u = h, m = u + d.length;
+      const f = i[c], g = c + 1, u = h, m = u + f.length;
       let p;
       if (c < r.length) {
         for (p = r[c]; p.attributes.length > 0; )
           p.removeAttribute(p.attributes[0].name);
-        for (p.className = "v2-line"; p.firstChild; )
+        for (p.className = "line"; p.firstChild; )
           p.removeChild(p.firstChild);
       } else
-        p = U.create(), s.appendChild(p);
+        p = z.create(), s.appendChild(p);
       const k = o.get(g) ?? [];
       for (const v of k) {
         if (v.className)
-          for (const E of v.className.split(/\s+/).filter(Boolean))
-            p.classList.add(E);
+          for (const x of v.className.split(/\s+/).filter(Boolean))
+            p.classList.add(x);
         if (v.attributes)
-          for (const [E, x] of Object.entries(v.attributes))
-            p.setAttribute(E, x);
+          for (const [x, w] of Object.entries(v.attributes))
+            p.setAttribute(x, w);
       }
-      const Ct = a.filter((v) => v.from < m && v.to > u), Ot = l.filter(
-        (v) => v.offset >= u && v.offset <= m
-      );
-      Zt(p, d, u, Ct, Ot);
-      const $ = k.filter((v) => v.message);
-      if ($.length > 0) {
-        const v = $.map((x) => x.message).join(" · ");
-        p.dataset.message = v, p.title = v;
-        const E = [
+      const St = a.filter((v) => v.from < m && v.to > u), Lt = l.filter((v) => v.offset >= u && v.offset <= m);
+      te(p, f, u, St, Lt);
+      const q = k.filter((v) => v.message);
+      if (q.length > 0) {
+        const v = q.map((w) => w.message).join(" · "), x = [
           ...new Set(
-            $.flatMap(
-              (x) => x.messageClassName ? x.messageClassName.split(/\s+/).filter(Boolean) : []
+            q.flatMap(
+              (w) => w.messageClassName ? w.messageClassName.split(/\s+/).filter(Boolean) : []
             )
           )
         ];
-        E.length > 0 && (p.dataset.messageClass = E.join(" "));
+        p.dataset.message = v, p.title = v, x.length > 0 && (p.dataset.messageClass = x.join(" "));
       }
-      h += d.length + 1;
+      h += f.length + 1;
     }
     for (; s.children.length > i.length; )
       s.removeChild(s.lastChild);
@@ -1178,24 +1150,28 @@ class Qt {
       t.removeChild(t.firstChild);
   }
 }
-function te(n) {
-  const t = Array.from(n.querySelectorAll(".v2-line"));
-  return t.length > 0 ? t.map((e) => ee(e)).join(`
-`) : bt(n);
+function se(n) {
+  const t = Array.from(n.querySelectorAll(".line"));
+  return t.length > 0 ? t.map((e) => ie(e)).join(`
+`) : yt(n);
 }
-function ee(n) {
+function ie(n) {
   let t = "";
-  for (const e of n.childNodes) t += _t(e);
+  for (const e of n.childNodes)
+    t += bt(e);
   return t;
 }
-function _t(n) {
-  if (n.nodeType === Node.TEXT_NODE) return n.data;
-  if (!(n instanceof Element) || n.classList.contains("v2-widget") || n.classList.contains("v2-line-message") || n.tagName === "BR") return "";
+function bt(n) {
+  if (n.nodeType === Node.TEXT_NODE)
+    return n.data;
+  if (!(n instanceof Element) || n.classList.contains("widget") || n.classList.contains("line-message") || n.tagName === "BR")
+    return "";
   let t = "";
-  for (const e of n.childNodes) t += _t(e);
+  for (const e of n.childNodes)
+    t += bt(e);
   return t;
 }
-function bt(n) {
+function yt(n) {
   let t = "", e = !0;
   for (const s of n.childNodes)
     if (s.nodeType === Node.TEXT_NODE)
@@ -1206,64 +1182,65 @@ function bt(n) {
 `, e = !1;
         continue;
       }
-      if (s.classList.contains("v2-widget")) continue;
+      if (s.classList.contains("widget"))
+        continue;
       (s.tagName === "DIV" || s.tagName === "P") && !e && (t += `
-`), e = !1, t += bt(s);
+`), e = !1, t += yt(s);
     }
   return t;
 }
-function R(n) {
-  if (n.nodeType === Node.TEXT_NODE) return n.length;
-  if (!(n instanceof Element) || n.classList.contains("v2-widget") || n.tagName === "BR") return 0;
+function $(n) {
+  if (n.nodeType === Node.TEXT_NODE)
+    return n.length;
+  if (!(n instanceof Element) || n.classList.contains("widget") || n.tagName === "BR")
+    return 0;
   let t = 0;
-  for (const e of n.childNodes) t += R(e);
+  for (const e of n.childNodes)
+    t += $(e);
   return t;
 }
-function rt(n, t, e) {
-  const s = Array.from(n.querySelectorAll(".v2-line"));
+function ot(n, t, e) {
+  const s = Array.from(n.querySelectorAll(".line"));
   let i = 0;
   for (let r = 0; r < s.length; r++) {
     r > 0 && i++;
-    const o = s[r], a = yt(
-      o,
-      t,
-      e,
-      i
-    );
-    if (a.found) return a.offset;
-    i += R(o);
+    const o = s[r], a = Nt(o, t, e, i);
+    if (a.found)
+      return a.offset;
+    i += $(o);
   }
   return i;
 }
-function yt(n, t, e, s) {
+function Nt(n, t, e, s) {
   if (n === t) {
     if (n.nodeType === Node.TEXT_NODE)
       return { found: !0, offset: s + e };
-    let i = s;
-    const r = Array.from(n.childNodes);
-    for (let o = 0; o < e && o < r.length; o++)
-      i += R(r[o]);
-    return { found: !0, offset: i };
+    const i = Array.from(n.childNodes);
+    let r = s;
+    for (let o = 0; o < e && o < i.length; o++)
+      r += $(i[o]);
+    return { found: !0, offset: r };
   }
   if (n.nodeType === Node.TEXT_NODE)
     return { found: !1, offset: s + n.length };
   if (n instanceof Element) {
-    if (n.classList.contains("v2-widget"))
+    if (n.classList.contains("widget"))
       return { found: !1, offset: s };
     if (n.tagName === "BR")
       return { found: !1, offset: s };
     let i = s;
     for (const r of n.childNodes) {
-      const o = yt(r, t, e, i);
-      if (o.found) return o;
+      const o = Nt(r, t, e, i);
+      if (o.found)
+        return o;
       i = o.offset;
     }
     return { found: !1, offset: i };
   }
   return { found: !1, offset: s };
 }
-function nt(n, t) {
-  const e = Array.from(n.querySelectorAll(".v2-line"));
+function at(n, t) {
+  const e = Array.from(n.querySelectorAll(".line"));
   let s = t;
   for (let r = 0; r < e.length; r++) {
     if (r > 0) {
@@ -1271,9 +1248,9 @@ function nt(n, t) {
         return { node: e[r], offset: 0 };
       s--;
     }
-    const o = e[r], a = R(o);
+    const o = e[r], a = $(o);
     if (s <= a) {
-      const l = Nt(o, s);
+      const l = xt(o, s);
       return l || { node: o, offset: o.childNodes.length };
     }
     s -= a;
@@ -1281,18 +1258,19 @@ function nt(n, t) {
   const i = e[e.length - 1];
   return i ? { node: i, offset: i.childNodes.length } : { node: n, offset: n.childNodes.length };
 }
-function Nt(n, t) {
+function xt(n, t) {
   if (n.nodeType === Node.TEXT_NODE) {
     const e = n;
     return t <= e.length ? { node: e, offset: t } : null;
   }
   if (n instanceof Element) {
-    if (n.classList.contains("v2-widget") || n.tagName === "BR") return null;
+    if (n.classList.contains("widget") || n.tagName === "BR")
+      return null;
     let e = 0;
     for (const s of n.childNodes) {
-      const i = R(s);
+      const i = $(s);
       if (t <= i) {
-        const r = Nt(s, t);
+        const r = xt(s, t);
         return r || { node: n, offset: e + 1 };
       }
       t -= i, e++;
@@ -1300,37 +1278,32 @@ function Nt(n, t) {
   }
   return null;
 }
-function P(n) {
+function R(n) {
   const e = n.getRootNode().getSelection?.() ?? window.getSelection();
-  if (!e || e.rangeCount === 0) return null;
+  if (!e || e.rangeCount === 0)
+    return null;
   const s = e.getRangeAt(0);
-  if (!n.contains(s.commonAncestorContainer)) return null;
-  const i = rt(
-    n,
-    s.startContainer,
-    s.startOffset
-  ), r = rt(
-    n,
-    s.endContainer,
-    s.endOffset
-  );
+  if (!n.contains(s.commonAncestorContainer))
+    return null;
+  const i = ot(n, s.startContainer, s.startOffset), r = ot(n, s.endContainer, s.endOffset);
   return { anchorOffset: i, focusOffset: r };
 }
-function se(n, t) {
-  const e = nt(n, t.anchorOffset), s = nt(n, t.focusOffset);
+function re(n, t) {
+  const e = at(n, t.anchorOffset), s = at(n, t.focusOffset);
   if (!(!e || !s))
     try {
       const i = window.getSelection();
-      if (!i) return;
+      if (!i)
+        return;
       const r = document.createRange();
       r.setStart(e.node, e.offset), r.setEnd(s.node, s.offset), i.removeAllRanges(), i.addRange(r);
     } catch {
     }
 }
-function M() {
+function P() {
   return crypto.randomUUID();
 }
-function Et(n, t) {
+function wt(n, t) {
   let e = 0;
   for (; e < n.length && e < t.length && n[e] === t[e]; )
     e++;
@@ -1339,58 +1312,61 @@ function Et(n, t) {
     s--, i--;
   return { start: e, removed: s - e, inserted: i - e };
 }
-function ot(n, t, e) {
+function lt(n, t, e) {
   const s = e.start + e.removed, i = e.inserted - e.removed;
-  if (t <= e.start) return { from: n, to: t };
-  if (n >= s) return { from: n + i, to: t + i };
+  if (t <= e.start)
+    return { from: n, to: t };
+  if (n >= s)
+    return { from: n + i, to: t + i };
   const r = Math.min(n, e.start), o = Math.max(
     t > s ? t + i : e.start + e.inserted,
     e.start + e.inserted
   );
   return r >= o ? null : { from: r, to: o };
 }
-function ie(n, t) {
+function ne(n, t) {
   let e = 0;
   for (let s = 0; s < t && s < n.length; s++)
     n[s] === `
 ` && e++;
   return e;
 }
-function re(n, t, e) {
-  const s = Et(t, e), i = s.start + s.removed, r = t.slice(s.start, i), o = e.slice(s.start, s.start + s.inserted), a = (r.match(/\n/g) ?? []).length, h = (o.match(/\n/g) ?? []).length - a, c = ie(t, s.start) + 1, d = c + a, g = [];
+function oe(n, t, e) {
+  const s = wt(t, e), i = s.start + s.removed, r = t.slice(s.start, i), o = e.slice(s.start, s.start + s.inserted), a = (r.match(/\n/g) ?? []).length, h = (o.match(/\n/g) ?? []).length - a, c = ne(t, s.start) + 1, f = c + a, g = [];
   for (const u of n)
     if (u.type === "mark") {
-      const m = ot(u.from, u.to, s);
+      const m = lt(u.from, u.to, s);
       m && g.push({ ...u, from: m.from, to: m.to });
     } else if (u.type === "line")
-      u.line < c ? g.push(u) : u.line <= d || g.push({ ...u, line: u.line + h });
+      u.line < c ? g.push(u) : u.line <= f || g.push({ ...u, line: u.line + h });
     else {
-      const m = ot(u.offset, u.offset + 1, s);
+      const m = lt(u.offset, u.offset + 1, s);
       m && g.push({ ...u, offset: m.from });
     }
   return g;
 }
-function ne(n, t) {
-  if (n.length === 0) return !1;
+function ae(n, t) {
+  if (n.length === 0)
+    return !1;
   const e = Math.max(t.removed, t.inserted);
   return e > 50 && e > n.length * 0.5;
 }
-function V(n, t, e) {
-  const s = Et(t, e);
-  return ne(t, s) ? [] : re(n, t, e);
+function G(n, t, e) {
+  const s = wt(t, e);
+  return ae(t, s) ? [] : oe(n, t, e);
 }
-function at(n, t) {
+function ct(n, t) {
   const e = crypto.randomUUID();
   return n.set(e, { ...t, id: e }), e;
 }
-function oe(n, t) {
+function le(n, t) {
   n.clear();
   for (const e of t) {
     const s = crypto.randomUUID();
     n.set(s, { ...e, id: s });
   }
 }
-function ae(n, t) {
+function ce(n, t) {
   const e = [], s = [];
   for (const i of t) {
     let r = i.pattern.flags.includes("g") ? i.pattern.flags : i.pattern.flags + "g";
@@ -1406,11 +1382,12 @@ function ae(n, t) {
       if (i.captureGroups) {
         const h = a.indices?.groups;
         if (h)
-          for (const [c, d] of Object.entries(i.captureGroups)) {
+          for (const [c, f] of Object.entries(i.captureGroups)) {
             const g = h[c];
-            if (g === void 0) continue;
+            if (g === void 0)
+              continue;
             const [u, m] = g;
-            e.push({ type: "mark", from: u, to: m, ...d });
+            e.push({ type: "mark", from: u, to: m, ...f });
           }
       } else {
         const h = l + a[0].length;
@@ -1440,13 +1417,13 @@ function ae(n, t) {
   }
   return { markDecorations: e, lineDecorations: s };
 }
-var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, y = (n, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? ce(t, e) : t, r = n.length - 1, o; r >= 0; r--)
+var he = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, b = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? ue(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
-  return s && i && le(t, e, i), i;
+  return s && i && he(t, e, i), i;
 };
-const he = 100;
-function lt(n) {
+const de = 100;
+function j(n) {
   const t = document.createElement("div");
   t.innerHTML = n;
   const e = [];
@@ -1456,7 +1433,8 @@ function lt(n) {
       s += r.length;
       return;
     }
-    if (!(r instanceof HTMLElement)) return;
+    if (!(r instanceof HTMLElement))
+      return;
     const o = r.tagName === "SPAN" && r.className, a = s;
     for (const l of r.childNodes)
       i(l);
@@ -1467,32 +1445,42 @@ function lt(n) {
       className: r.className
     });
   }
-  for (const r of t.childNodes) i(r);
+  for (const r of t.childNodes)
+    i(r);
   return e;
 }
-const q = class q extends tt {
+const K = class K extends st {
   constructor() {
-    super(...arguments), this.lineNumbers = !1, this.listNumbers = !1, this.gutter = !1, this.wordWrap = !1, this.autoGrow = !1, this.readOnly = !1, this.label = null, this._value = "", this._initialValueResolved = !1, this._valueSetByHost = !1, this._document = null, this._textareaRef = null, this._pluginDecorations = /* @__PURE__ */ new Map(), this._patternDecorations = [], this._externalDecorations = [], this._patterns = /* @__PURE__ */ new Map(), this._plugin = null, this._pluginProperty = null, this._pluginApi = null, this._pluginSeq = 0, this._pluginSheets = /* @__PURE__ */ new Set(), this._savedSelection = null, this._rafHandle = null, this._composing = !1, this._isRendering = !1, this._activeLine = null, this._cursorCallbacks = /* @__PURE__ */ new Set(), this._docSelectionChangeHandler = () => {
+    super(...arguments), this.lineNumbers = !1, this._listNumbers = !1, this.gutter = !1, this.wordWrap = !1, this.autoGrow = !1, this.readOnly = !1, this._label = null, this._value = "", this._initialValueResolved = !1, this._valueSetByHost = !1, this._document = null, this._$textareaRef = null, this._textareaController = new kt(this, {
+      selector: ":scope > textarea",
+      observe: !0,
+      onChange: (t, e) => this._setupTextarea(t, e),
+      onMissing: () => {
+      }
+    }), this._pluginDecorations = /* @__PURE__ */ new Map(), this._patternDecorations = [], this._externalDecorations = [], this._patterns = /* @__PURE__ */ new Map(), this._plugin = null, this._pluginProperty = null, this._pluginApi = null, this._pluginSeq = 0, this._pluginSheets = /* @__PURE__ */ new Set(), this._savedSelection = null, this._rafHandle = null, this._composing = !1, this._isRendering = !1, this._$activeLine = null, this._cursorCallbacks = /* @__PURE__ */ new Set(), this._docSelectionChangeHandler = () => {
       document.activeElement === this && this._onSelectionChange();
-    }, this._undoStack = [], this._undoIndex = -1, this._resizeObserver = null, this._gutterLabels = [], this._onInputEvent = () => {
+    }, this._undoStack = [], this._undoIndex = -1, this._resizeObserver = null, this._gutterLabels = [], this._onTextareaInvalid = () => {
+      this._$editor && this._$editor.setAttribute("aria-invalid", "true");
+    }, this._onInputEvent = () => {
       this._composing || this._onInput();
     }, this._onSelectionChange = () => {
-      const t = this._getEditorEl();
-      if (!t) return;
-      const e = P(t);
-      if (e) {
-        this._savedSelection = e, this.dispatchEvent(
+      if (!this._$editor)
+        return;
+      const t = R(this._$editor);
+      if (t) {
+        this._savedSelection = t, this.dispatchEvent(
           new CustomEvent("rc-textarea-select", {
             bubbles: !0,
             composed: !0,
             detail: {
-              selectionStart: e.anchorOffset,
-              selectionEnd: e.focusOffset
+              selectionStart: t.anchorOffset,
+              selectionEnd: t.focusOffset
             }
           })
         ), this._updateActiveLine();
-        const s = Math.min(e.anchorOffset, e.focusOffset), i = Math.max(e.anchorOffset, e.focusOffset);
-        for (const r of this._cursorCallbacks) r(s, i);
+        const e = Math.min(t.anchorOffset, t.focusOffset), s = Math.max(t.anchorOffset, t.focusOffset);
+        for (const i of this._cursorCallbacks)
+          i(e, s);
       }
     }, this._onKeyDown = (t) => {
       if (t.key === "Tab" && !t.ctrlKey && !t.metaKey && !t.altKey) {
@@ -1508,13 +1496,34 @@ const q = class q extends tt {
     }, this._onPaste = (t) => {
       t.preventDefault();
       const e = t.clipboardData?.getData("text/plain") ?? "";
-      if (!e) return;
+      if (!e)
+        return;
       const s = e.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
       this._insertText(s);
     };
   }
+  get listNumbers() {
+    return this._listNumbers;
+  }
+  set listNumbers(t) {
+    t && console.warn(
+      "[rc-textarea] `listNumbers` / `list-numbers` is deprecated and will be removed before v1.0. Use a plugin with `LineDecoration.gutterContent` to implement sparse line numbering."
+    );
+    const e = this._listNumbers;
+    this._listNumbers = t, this.requestUpdate("listNumbers", e);
+  }
+  get label() {
+    return this._label;
+  }
+  set label(t) {
+    t && console.warn(
+      "[rc-textarea] `label` is deprecated and will be removed before v1.0. Set `aria-label` on the slotted `<textarea>`, or associate a `<label>` element via its `for`/`id` pair instead."
+    );
+    const e = this._label;
+    this._label = t, this.requestUpdate("label", e);
+  }
   get plugin() {
     return this._pluginProperty;
   }
@@ -1539,47 +1548,31 @@ const q = class q extends tt {
   get defaultValue() {
     return this._defaultValue;
   }
-  /** Initial uncontrolled editor value. */
   set defaultValue(t) {
     const e = this._defaultValue;
     this._defaultValue = t, !this._valueSetByHost && !this._initialValueResolved && t !== void 0 && (this._value = t, this._initialValueResolved = !0, this._syncTextareaValue(), this._scheduleRender()), this.requestUpdate("defaultValue", e);
   }
-  // ── Lifecycle ─────────────────────────────────────────────────────────
   connectedCallback() {
-    super.connectedCallback(), document.addEventListener(
-      "selectionchange",
-      this._docSelectionChangeHandler
-    );
+    super.connectedCallback(), document.addEventListener("selectionchange", this._docSelectionChangeHandler);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener(
-      "selectionchange",
-      this._docSelectionChangeHandler
-    ), this._plugin?.destroy?.(), this._plugin = null, this._pluginApi = null, this._clearPluginSheets(), this._cursorCallbacks.clear(), this._resizeObserver?.disconnect(), this._rafHandle !== null && (cancelAnimationFrame(this._rafHandle), this._rafHandle = null);
+    super.disconnectedCallback(), document.removeEventListener("selectionchange", this._docSelectionChangeHandler), this._plugin?.destroy?.(), this._plugin = null, this._pluginApi = null, this._clearPluginSheets(), this._cursorCallbacks.clear(), this._resizeObserver?.disconnect(), this._$textareaRef?.deref()?.removeEventListener("invalid", this._onTextareaInvalid), this._rafHandle !== null && (cancelAnimationFrame(this._rafHandle), this._rafHandle = null);
   }
   firstUpdated() {
-    const t = this._getEditorEl();
-    t && (this._document = new Qt(t), this._bindEditorEvents(t)), this._resizeObserver = new ResizeObserver(() => {
+    this._$editor && (this._document = new ee(this._$editor), this._bindEditorEvents(this._$editor)), this._resizeObserver = new ResizeObserver(() => {
       this._syncGutter(), this._syncGutterHeights();
     }), this._resizeObserver.observe(this), this._scheduleRender();
   }
   updated(t) {
-    if (t.has("readOnly")) {
-      const e = this._getEditorEl();
-      e && (e.contentEditable = this.readOnly ? "false" : "true"), this._syncGutterHeights();
-    }
-    if (t.has("label")) {
-      const e = this._getEditorEl();
-      e && this.label && e.setAttribute("aria-label", this.label);
-    }
+    t.has("readOnly") && (this._$editor && (this._$editor.contentEditable = this.readOnly ? "false" : "true"), this._syncGutterHeights(), this._textareaController.sync()), t.has("label") && this._syncLabel();
   }
-  // ── Template ──────────────────────────────────────────────────────────
   render() {
-    return Lt`
+    return Tt`
       <div id="root" part="root">
         <div id="gutter" part="gutter" aria-hidden="true">
           <div id="gutter-cells" part="gutter-cells"></div>
         </div>
+
         <div id="editor-area" part="editor-area">
           <div
             id="editor"
@@ -1590,24 +1583,22 @@ const q = class q extends tt {
             spellcheck="false"
             autocorrect="off"
             autocapitalize="off"
-            aria-label=${this.label ?? ""}
           ></div>
+
           <slot @slotchange=${this._onSlotChange}></slot>
         </div>
       </div>
     `;
   }
-  // ── Slot change — lightDOM textarea wiring ────────────────────────────
   _onSlotChange() {
-    const t = this.shadowRoot?.querySelector(
-      "slot"
-    );
-    if (!t) return;
-    const e = t.assignedElements({ flatten: !0 }).find(
-      (i) => i instanceof HTMLTextAreaElement
-    );
-    if (!e) return;
-    this._textareaRef = new WeakRef(e), Object.assign(e.style, {
+    this._textareaController.sync();
+  }
+  _setupTextarea(t, e) {
+    if (e && e !== t && e.removeEventListener("invalid", this._onTextareaInvalid), !t) {
+      this._$textareaRef = null;
+      return;
+    }
+    if (this._$textareaRef = new WeakRef(t), Object.assign(t.style, {
       position: "absolute",
       width: "1px",
       height: "1px",
@@ -1619,22 +1610,13 @@ const q = class q extends tt {
       opacity: "0",
       pointerEvents: "none",
       tabIndex: "-1"
-    }), e.setAttribute("aria-hidden", "true"), e.tabIndex = -1;
-    const s = this._getEditorEl();
-    if (s) {
-      !this.label && e.getAttribute("aria-label") && s.setAttribute(
-        "aria-label",
-        e.getAttribute("aria-label")
-      );
-      const i = e.getAttribute("placeholder");
-      i && s.setAttribute("aria-placeholder", i);
+    }), t.setAttribute("aria-hidden", "true"), t.tabIndex = -1, this._$editor) {
+      this._syncLabel();
+      const s = t.getAttribute("placeholder");
+      s && this._$editor.setAttribute("aria-placeholder", s);
     }
-    this._initialValueResolved ? e.value = this._value : (this._value = e.value, this._initialValueResolved = !0), e.addEventListener("invalid", () => {
-      const i = this._getEditorEl();
-      i && i.setAttribute("aria-invalid", "true");
-    }), this._syncTypography(e), this._scheduleRender();
+    this._initialValueResolved ? t.value = this._value : (this._value = t.value, this._initialValueResolved = !0), t.addEventListener("invalid", this._onTextareaInvalid), this._syncTypography(t), this._scheduleRender();
   }
-  // ── Editor event binding ──────────────────────────────────────────────
   _bindEditorEvents(t) {
     t.addEventListener("compositionstart", () => {
       this._composing = !0;
@@ -1653,80 +1635,82 @@ const q = class q extends tt {
           bubbles: !0,
           composed: !0
         })
-      ), this._activeLine?.classList.remove("v2-line--active"), this._activeLine = null;
+      ), this._$activeLine?.classList.remove("line--active"), this._$activeLine = null;
     });
   }
   _onInput() {
-    const t = this._getEditorEl();
-    if (!t) return;
-    const e = te(t);
-    if (e === this._value) return;
-    const s = this._value, i = this._savedSelection, r = V(
+    if (!this._$editor)
+      return;
+    const t = se(this._$editor);
+    if (t === this._value)
+      return;
+    const e = this._value, s = this._savedSelection, i = G(
       [...this._pluginDecorations.values()],
-      s,
-      e
+      e,
+      t
     );
     this._pluginDecorations.clear();
-    for (const o of r) this._pluginDecorations.set(o.id, o);
-    this._value = e, this._syncTextareaValue(!0), this._savedSelection = P(t), this._undoStack.length === 0 && (this._undoStack.push({
-      value: s,
-      anchorOffset: i?.anchorOffset ?? 0,
-      focusOffset: i?.focusOffset ?? 0
-    }), this._undoIndex = 0), this._pushUndo(this._savedSelection), this._dispatchChange(e), this._scheduleRender();
+    for (const r of i)
+      this._pluginDecorations.set(r.id, r);
+    this._value = t, this._syncTextareaValue(!0), this._savedSelection = R(this._$editor), this._undoStack.length === 0 && (this._undoStack.push({
+      value: e,
+      anchorOffset: s?.anchorOffset ?? 0,
+      focusOffset: s?.focusOffset ?? 0
+    }), this._undoIndex = 0), this._pushUndo(this._savedSelection), this._dispatchChange(t), this._scheduleRender();
   }
   _updateActiveLine() {
-    const t = this._getEditorEl();
-    if (!t) return;
-    const e = this.shadowRoot.getSelection?.() ?? window.getSelection();
-    let s = null;
-    if (e?.focusNode && t.contains(e.focusNode)) {
-      let i = e.focusNode;
-      for (; i && i !== t; ) {
-        if (i instanceof HTMLElement && i.classList.contains("v2-line")) {
-          s = i;
+    if (!this._$editor)
+      return;
+    const t = this.shadowRoot.getSelection?.() ?? window.getSelection();
+    let e = null;
+    if (t?.focusNode && this._$editor.contains(t.focusNode)) {
+      let s = t.focusNode;
+      for (; s && s !== this._$editor; ) {
+        if (s instanceof HTMLElement && s.classList.contains("line")) {
+          e = s;
           break;
         }
-        i = i.parentNode;
+        s = s.parentNode;
       }
     }
-    s !== this._activeLine && (this._activeLine?.classList.remove("v2-line--active"), this._activeLine = s, this._activeLine?.classList.add("v2-line--active"), this._updateActiveGutterCell());
+    e !== this._$activeLine && (this._$activeLine?.classList.remove("line--active"), this._$activeLine = e, this._$activeLine?.classList.add("line--active"), this._updateActiveGutterCell());
   }
   _updateActiveGutterCell() {
-    const t = this.shadowRoot?.getElementById("gutter-cells");
-    if (!t) return;
-    const e = t.querySelector(".gutter-cell--active");
-    if (e && e.classList.remove("gutter-cell--active"), this._activeLine) {
-      const s = this._getEditorEl();
-      if (!s) return;
-      const i = s.querySelectorAll(".v2-line");
-      for (let r = 0; r < i.length; r++)
-        if (i[r] === this._activeLine) {
-          const o = t.children[r];
-          o && o.classList.add("gutter-cell--active");
+    if (!this._$gutterCells)
+      return;
+    const t = this._$gutterCells.querySelector(".gutter-cell--active");
+    if (t && t.classList.remove("gutter-cell--active"), this._$activeLine) {
+      if (!this._$editor)
+        return;
+      const e = this._$editor.querySelectorAll(".line");
+      for (let s = 0; s < e.length; s++)
+        if (e[s] === this._$activeLine) {
+          const i = this._$gutterCells.children[s];
+          i && i.classList.add("gutter-cell--active");
           break;
         }
     }
   }
   _insertText(t) {
-    const e = this._getEditorEl();
-    if (e) {
+    if (this._$editor) {
       if (t.includes(`
 `)) {
-        const s = P(e) ?? this._savedSelection, i = Math.min(s?.anchorOffset ?? 0, s?.focusOffset ?? 0), r = Math.max(s?.anchorOffset ?? 0, s?.focusOffset ?? 0), o = this._value, a = o.slice(0, i) + t + o.slice(r), l = i + t.length, h = V(
+        const e = R(this._$editor) ?? this._savedSelection, s = Math.min(e?.anchorOffset ?? 0, e?.focusOffset ?? 0), i = Math.max(e?.anchorOffset ?? 0, e?.focusOffset ?? 0), r = this._value, o = r.slice(0, s) + t + r.slice(i), a = s + t.length, l = G(
           [...this._pluginDecorations.values()],
-          o,
-          a
+          r,
+          o
         );
         this._pluginDecorations.clear();
-        for (const c of h) this._pluginDecorations.set(c.id, c);
-        this._value = a, this._syncTextareaValue(!0), this._savedSelection = {
-          anchorOffset: l,
-          focusOffset: l
+        for (const h of l)
+          this._pluginDecorations.set(h.id, h);
+        this._value = o, this._syncTextareaValue(!0), this._savedSelection = {
+          anchorOffset: a,
+          focusOffset: a
         }, this._undoStack.length === 0 && (this._undoStack.push({
-          value: o,
-          anchorOffset: s?.anchorOffset ?? 0,
-          focusOffset: s?.focusOffset ?? 0
-        }), this._undoIndex = 0), this._pushUndo(this._savedSelection), this._dispatchChange(a), this._scheduleRender();
+          value: r,
+          anchorOffset: e?.anchorOffset ?? 0,
+          focusOffset: e?.focusOffset ?? 0
+        }), this._undoIndex = 0), this._pushUndo(this._savedSelection), this._dispatchChange(o), this._scheduleRender();
         return;
       }
       document.execCommand("insertText", !1, t), this._onInput();
@@ -1742,17 +1726,23 @@ const q = class q extends tt {
    * anchor/focus offsets.
    */
   wrapSelection(t, e) {
-    const s = this._getEditorEl();
-    if (!s) return;
-    const i = P(s) ?? this._savedSelection;
-    if (!i || i.anchorOffset === i.focusOffset) return;
-    const r = Math.min(i.anchorOffset, i.focusOffset), o = Math.max(i.anchorOffset, i.focusOffset), a = this._value.slice(r, o), l = this._value, h = l.slice(0, r) + t + a + e + l.slice(o), c = V([...this._pluginDecorations.values()], l, h);
+    if (!this._$editor)
+      return;
+    const s = R(this._$editor) ?? this._savedSelection;
+    if (!s || s.anchorOffset === s.focusOffset)
+      return;
+    const i = Math.min(s.anchorOffset, s.focusOffset), r = Math.max(s.anchorOffset, s.focusOffset), o = this._value.slice(i, r), a = this._value, l = a.slice(0, i) + t + o + e + a.slice(r), h = G(
+      [...this._pluginDecorations.values()],
+      a,
+      l
+    );
     this._pluginDecorations.clear();
-    for (const d of c) this._pluginDecorations.set(d.id, d);
-    this._value = h, this._syncTextareaValue(!0), this._savedSelection = {
-      anchorOffset: r + t.length,
-      focusOffset: r + t.length + a.length
-    }, this._pushUndo(this._savedSelection), this._dispatchChange(h), this._scheduleRender();
+    for (const c of h)
+      this._pluginDecorations.set(c.id, c);
+    this._value = l, this._syncTextareaValue(!0), this._savedSelection = {
+      anchorOffset: i + t.length,
+      focusOffset: i + t.length + o.length
+    }, this._pushUndo(this._savedSelection), this._dispatchChange(l), this._scheduleRender();
   }
   /**
    * Replace the current selection with `text`.
@@ -1761,8 +1751,7 @@ const q = class q extends tt {
   replaceSelection(t) {
     this._insertText(t);
   }
-  // ── Undo/Redo ─────────────────────────────────────────────────────────
-  /** Reset the undo/redo history. Call when the editor receives entirely new content. */
+  /** Reset the undo/redo history. Call when the field receives entirely new content. */
   clearHistory() {
     this._undoStack = [], this._undoIndex = -1;
   }
@@ -1772,7 +1761,7 @@ const q = class q extends tt {
       anchorOffset: t?.anchorOffset ?? 0,
       focusOffset: t?.focusOffset ?? 0
     };
-    this._undoStack = this._undoStack.slice(0, this._undoIndex + 1), this._undoStack.push(e), this._undoStack.length > he && this._undoStack.shift(), this._undoIndex = this._undoStack.length - 1;
+    this._undoStack = this._undoStack.slice(0, this._undoIndex + 1), this._undoStack.push(e), this._undoStack.length > de && this._undoStack.shift(), this._undoIndex = this._undoStack.length - 1;
   }
   _undo() {
     this._undoIndex <= 0 || (this._undoIndex--, this._applyUndoEntry(this._undoStack[this._undoIndex]));
@@ -1786,10 +1775,15 @@ const q = class q extends tt {
       focusOffset: t.focusOffset
     }, this._syncTextareaValue(!0), this._dispatchChange(this._value), this._scheduleRender();
   }
-  // ── Plugin API ────────────────────────────────────────────────────────
+  /**
+   * Register and mount a plugin imperatively.
+   * Replaces any currently active plugin. Prefer the `plugin` property for
+   * reactive-framework integrations.
+   */
   usePlugin(t) {
     this._plugin?.destroy?.(), this._clearPluginSheets(), this._pluginDecorations.clear(), this._cursorCallbacks.clear(), this._pluginSeq++, this._plugin = t, this._pluginApi = this._buildPluginApi(), t.mount?.(this._pluginApi), this._scheduleRender();
   }
+  /** Unmount the active plugin, clear its decorations, and release its stylesheets. */
   removePlugin() {
     this._plugin?.destroy?.(), this._clearPluginSheets(), this._plugin = null, this._pluginApi = null, this._pluginDecorations.clear(), this._cursorCallbacks.clear(), this._pluginSeq++, this._scheduleRender();
   }
@@ -1817,25 +1811,27 @@ const q = class q extends tt {
       },
       getCursorRect() {
         const e = window.getSelection();
-        if (!e?.focusNode) return null;
-        const s = t._getEditorEl();
-        if (!s || !s.contains(e.focusNode)) return null;
+        if (!e?.focusNode || !t._$editor || !t._$editor.contains(e.focusNode))
+          return null;
         try {
-          const i = document.createRange();
-          i.setStart(e.focusNode, e.focusOffset), i.collapse(!0);
-          const r = i.getBoundingClientRect();
-          return r.height > 0 ? r : null;
+          const s = document.createRange();
+          s.setStart(e.focusNode, e.focusOffset), s.collapse(!0);
+          const i = s.getBoundingClientRect();
+          return i.height > 0 ? i : null;
         } catch {
           return null;
         }
       },
       getWordAtCursor() {
         const e = t._savedSelection?.focusOffset ?? 0, s = t._value;
-        if (!s) return null;
+        if (!s)
+          return null;
         let i = e;
-        for (; i > 0 && /\w/.test(s[i - 1]); ) i--;
+        for (; i > 0 && /\w/.test(s[i - 1]); )
+          i--;
         let r = e;
-        for (; r < s.length && /\w/.test(s[r]); ) r++;
+        for (; r < s.length && /\w/.test(s[r]); )
+          r++;
         return i === r ? null : { word: s.slice(i, r), from: i, to: r };
       },
       onCursorMove(e) {
@@ -1844,7 +1840,7 @@ const q = class q extends tt {
         };
       },
       addDecoration(e) {
-        return at(t._pluginDecorations, e);
+        return ct(t._pluginDecorations, e);
       },
       removeDecoration(e) {
         t._pluginDecorations.delete(e);
@@ -1853,7 +1849,7 @@ const q = class q extends tt {
         t._pluginDecorations.clear();
       },
       setDecorations(e) {
-        oe(t._pluginDecorations, e);
+        le(t._pluginDecorations, e);
       },
       getDecorations() {
         return [...t._pluginDecorations.values()];
@@ -1873,14 +1869,23 @@ const q = class q extends tt {
           (i) => i !== e
         )), t._pluginSheets.delete(e);
       },
+      parseDecorationsFromHtml(e) {
+        return j(e);
+      },
+      /** @deprecated Use `parseDecorationsFromHtml` instead. */
       decorationsFromHtml(e) {
-        return lt(e);
+        return j(e);
       },
       decorationsFromTokens(e, s) {
         const i = [];
         for (const r of e) {
           const o = s[r.type];
-          o && i.push({ type: "mark", from: r.from, to: r.to, ...o });
+          o && i.push({
+            type: "mark",
+            from: r.from,
+            to: r.to,
+            ...o
+          });
         }
         return i;
       },
@@ -1896,72 +1901,82 @@ const q = class q extends tt {
     };
   }
   _clearPluginSheets() {
-    if (this._pluginSheets.size === 0) return;
+    if (this._pluginSheets.size === 0)
+      return;
     const t = this.shadowRoot;
     t && (t.adoptedStyleSheets = t.adoptedStyleSheets.filter(
       (e) => !this._pluginSheets.has(e)
     )), this._pluginSheets.clear();
   }
-  // ── Pattern API ───────────────────────────────────────────────────────
+  /**
+   * Register a text pattern that generates decorations on every render pass.
+   * Returns the pattern ID, which can be passed to `removePattern` to unregister it.
+   */
   addPattern(t) {
-    const e = M();
+    const e = P();
     return this._patterns.set(e, { ...t, id: e }), this._scheduleRender(), e;
   }
+  /** Remove a previously registered pattern by the ID returned from `addPattern`. */
   removePattern(t) {
     this._patterns.delete(t), this._scheduleRender();
   }
+  /** Remove all registered patterns and trigger a re-render. */
   clearPatterns() {
     this._patterns.clear(), this._scheduleRender();
   }
-  // ── Render pipeline ───────────────────────────────────────────────────
   _scheduleRender() {
     this._rafHandle === null && (this._rafHandle = requestAnimationFrame(() => {
       this._rafHandle = null, this._performRender();
     }));
   }
   async _performRender() {
-    if (!this._document) return;
+    if (!this._document)
+      return;
     this._isRendering = !0;
     const t = ++this._pluginSeq;
     try {
       let e = this._value;
       if (this._plugin && this._pluginApi && this._plugin.transform && this.readOnly) {
-        const a = this._plugin.transform(this._value, this._pluginApi);
-        typeof a == "string" && (e = a);
+        const o = this._plugin.transform(this._value, this._pluginApi);
+        typeof o == "string" && (e = o);
       }
-      const { markDecorations: s, lineDecorations: i } = ae(e, [...this._patterns.values()]);
+      const { markDecorations: s, lineDecorations: i } = ce(
+        e,
+        [...this._patterns.values()]
+      );
       if (this._patternDecorations = [
-        ...s.map((a) => ({ ...a, id: M() })),
-        ...i.map((a) => ({ ...a, id: M() }))
+        ...s.map((o) => ({ ...o, id: P() })),
+        ...i.map((o) => ({ ...o, id: P() }))
       ], this._plugin && this._pluginApi) {
-        const a = this._pluginApi;
-        if (this._plugin.update && (await this._plugin.update(e, a), t !== this._pluginSeq))
+        const o = this._pluginApi;
+        if (this._plugin.update && (await this._plugin.update(e, o), t !== this._pluginSeq))
           return;
         if (this._plugin.highlight) {
-          const l = await this._plugin.highlight(e, a);
-          if (t !== this._pluginSeq) return;
-          if (typeof l == "string") {
-            const h = lt(l);
-            for (const c of h)
-              at(this._pluginDecorations, c);
+          const a = await this._plugin.highlight(e, o);
+          if (t !== this._pluginSeq)
+            return;
+          if (typeof a == "string") {
+            const l = j(a);
+            for (const h of l)
+              ct(this._pluginDecorations, h);
           }
         }
       }
       const r = [
         ...this._pluginDecorations.values(),
         ...this._patternDecorations,
-        ...this._externalDecorations.map((a) => ({ ...a, id: M() }))
-      ], o = this._getEditorEl();
-      if (!o) return;
-      this._document.build(e, r), this._savedSelection && se(o, this._savedSelection), this._activeLine = null, this._updateActiveLine(), this._syncGutter(this._computeGutterLabels(r, e)), this._syncGutterHeights();
+        ...this._externalDecorations.map((o) => ({ ...o, id: P() }))
+      ];
+      if (!this._$editor)
+        return;
+      this._document.build(e, r), this._savedSelection && re(this._$editor, this._savedSelection), this._$activeLine = null, this._updateActiveLine(), this._syncGutter(this._computeGutterLabels(r, e)), this._syncGutterHeights();
     } finally {
       this._isRendering = !1;
     }
   }
-  // ── Gutter ────────────────────────────────────────────────────────────
   /**
    * Compute the label string for each gutter cell based on the current gutter
-   * mode (`lineNumbers`, `listNumbers`, `gutter`) and any
+   * mode (`lineNumbers`, `listNumbers` (deprecated), `gutter`) and any
    * `LineDecoration.gutterContent` overrides in `allDecorations`.
    *
    * Returns one entry per line (same length as `value.split('\n')`):
@@ -1981,7 +1996,7 @@ const q = class q extends tt {
   }
   /**
    * Synchronize the pixel height of each gutter cell to match the
-   * corresponding `.v2-line` element in the editor.
+   * corresponding `.line` element in the editor.
    *
    * In non-word-wrap mode the gutter uses a uniform `line-height` mirrored
    * from the editor's first line. In word-wrap mode each cell gets an explicit
@@ -1990,24 +2005,24 @@ const q = class q extends tt {
    * gutter to compensate for browser UA overrides on contenteditable.
    */
   _syncGutterHeights() {
-    const t = this.shadowRoot?.getElementById("gutter-cells"), e = this._getEditorEl();
-    if (!t || !e) return;
-    const s = getComputedStyle(e), i = s.paddingTop, r = s.paddingBottom;
-    t.style.paddingTop !== i && (t.style.paddingTop = i), t.style.paddingBottom !== r && (t.style.paddingBottom = r);
-    const o = e.querySelectorAll(".v2-line"), a = t.children;
+    if (!this._$gutterCells || !this._$editor)
+      return;
+    const t = getComputedStyle(this._$editor), e = t.paddingTop, s = t.paddingBottom;
+    this._$gutterCells.style.paddingTop !== e && (this._$gutterCells.style.paddingTop = e), this._$gutterCells.style.paddingBottom !== s && (this._$gutterCells.style.paddingBottom = s);
+    const i = this._$editor.querySelectorAll(".line"), r = this._$gutterCells.children;
     if (!this.wordWrap) {
-      if (o.length > 0) {
-        const l = `${o[0].getBoundingClientRect().height}px`;
-        t.style.lineHeight !== l && (t.style.lineHeight = l);
+      if (i.length > 0) {
+        const o = `${i[0].getBoundingClientRect().height}px`;
+        this._$gutterCells.style.lineHeight !== o && (this._$gutterCells.style.lineHeight = o);
       }
-      for (let l = 0; l < a.length; l++)
-        a[l].style.height = "";
+      for (let o = 0; o < r.length; o++)
+        r[o].style.height = "";
       return;
     }
-    t.style.lineHeight && (t.style.lineHeight = "");
-    for (let l = 0; l < o.length && l < a.length; l++) {
-      const c = `${o[l].getBoundingClientRect().height}px`, d = a[l];
-      d.style.height !== c && (d.style.height = c);
+    this._$gutterCells.style.lineHeight && (this._$gutterCells.style.lineHeight = "");
+    for (let o = 0; o < i.length && o < r.length; o++) {
+      const l = `${i[o].getBoundingClientRect().height}px`, h = r[o];
+      h.style.height !== l && (h.style.height = l);
     }
   }
   /**
@@ -2017,27 +2032,46 @@ const q = class q extends tt {
    * (called by the `ResizeObserver` without a new render pass).
    */
   _syncGutter(t) {
-    if (!this.lineNumbers && !this.listNumbers && !this.gutter) return;
-    const e = this.shadowRoot?.getElementById("gutter-cells");
-    if (!e) return;
+    if (!this.lineNumbers && !this.listNumbers && !this.gutter || !this._$gutterCells)
+      return;
     t !== void 0 && (this._gutterLabels = t);
-    const s = this._gutterLabels;
-    for (; e.children.length < s.length; ) {
-      const i = document.createElement("span");
-      i.className = "gutter-cell", e.appendChild(i);
+    const e = this._gutterLabels;
+    for (; this._$gutterCells.children.length < e.length; ) {
+      const s = document.createElement("span");
+      s.className = "gutter-cell", this._$gutterCells.appendChild(s);
     }
-    for (; e.children.length > s.length; )
-      e.removeChild(e.lastChild);
-    for (let i = 0; i < s.length; i++) {
-      const r = s[i] ?? "", o = e.children[i];
-      o.textContent !== r && (o.textContent = r);
+    for (; this._$gutterCells.children.length > e.length; )
+      this._$gutterCells.removeChild(this._$gutterCells.lastChild);
+    for (let s = 0; s < e.length; s++) {
+      const i = e[s] ?? "", r = this._$gutterCells.children[s];
+      r.textContent !== i && (r.textContent = i);
     }
   }
-  // ── Typography sync ───────────────────────────────────────────────────
+  _syncLabel() {
+    if (!this._$editor)
+      return;
+    const t = this._$textareaRef?.deref(), e = t?.getAttribute("aria-label");
+    if (e) {
+      this._$editor.setAttribute("aria-label", e);
+      return;
+    }
+    if (t) {
+      const s = Array.from(t.labels ?? []).map((i) => i.textContent?.trim()).filter(Boolean).join(" ");
+      if (s) {
+        this._$editor.setAttribute("aria-label", s);
+        return;
+      }
+    }
+    if (this._label) {
+      this._$editor.setAttribute("aria-label", this._label);
+      return;
+    }
+    this._$editor.removeAttribute("aria-label");
+  }
   _syncTypography(t) {
-    const e = this._getEditorEl();
-    if (!e) return;
-    const s = window.getComputedStyle(t), i = [
+    if (!this._$editor)
+      return;
+    const e = window.getComputedStyle(t), s = [
       "fontFamily",
       "fontSize",
       "fontWeight",
@@ -2050,14 +2084,13 @@ const q = class q extends tt {
       "tabSize"
     ];
     if (!window.getComputedStyle(this).getPropertyValue("--rc-textarea-font-family"))
-      for (const o of i) {
-        const a = s[o];
-        a && typeof a == "string" && (e.style[o] = a);
+      for (const r of s) {
+        const o = e[r];
+        o && typeof o == "string" && (this._$editor.style[r] = o);
       }
   }
-  // ── Form integration ──────────────────────────────────────────────────
   _syncTextareaValue(t = !1) {
-    const e = this._textareaRef?.deref();
+    const e = this._$textareaRef?.deref();
     e && (e.value = this._value, t && e.dispatchEvent(new InputEvent("input", { bubbles: !0 })));
   }
   _dispatchChange(t) {
@@ -2069,50 +2102,55 @@ const q = class q extends tt {
       })
     );
   }
-  // ── Helpers ───────────────────────────────────────────────────────────
-  _getEditorEl() {
-    return this.shadowRoot?.getElementById("editor");
-  }
 };
-q.styles = Tt, q.shadowRootOptions = {
-  ...tt.shadowRootOptions,
+K.styles = Bt, K.shadowRootOptions = {
+  ...st.shadowRootOptions,
   delegatesFocus: !0
 };
-let _ = q;
-y([
-  b({ type: Boolean, attribute: "line-numbers", reflect: !0 })
+let _ = K;
+b([
+  y({ type: Boolean, attribute: "line-numbers", reflect: !0 })
 ], _.prototype, "lineNumbers", 2);
-y([
-  b({ type: Boolean, attribute: "list-numbers", reflect: !0 })
-], _.prototype, "listNumbers", 2);
-y([
-  b({ type: Boolean, attribute: "gutter", reflect: !0 })
+b([
+  y({ type: Boolean, attribute: "list-numbers", reflect: !0 })
+], _.prototype, "listNumbers", 1);
+b([
+  y({ type: Boolean, attribute: "gutter", reflect: !0 })
 ], _.prototype, "gutter", 2);
-y([
-  b({ type: Boolean, attribute: "word-wrap", reflect: !0 })
+b([
+  y({ type: Boolean, attribute: "word-wrap", reflect: !0 })
 ], _.prototype, "wordWrap", 2);
-y([
-  b({ type: Boolean, attribute: "auto-grow", reflect: !0 })
+b([
+  y({ type: Boolean, attribute: "auto-grow", reflect: !0 })
 ], _.prototype, "autoGrow", 2);
-y([
-  b({ type: Boolean, attribute: "read-only", reflect: !0 })
+b([
+  y({ type: Boolean, attribute: "read-only", reflect: !0 })
 ], _.prototype, "readOnly", 2);
-y([
-  b({ type: String })
-], _.prototype, "label", 2);
-y([
-  b({ attribute: !1 })
+b([
+  y({ type: String })
+], _.prototype, "label", 1);
+b([
+  y({ attribute: !1 })
 ], _.prototype, "plugin", 1);
-y([
-  b({ attribute: !1 })
+b([
+  y({ attribute: !1 })
 ], _.prototype, "decorations", 1);
-y([
-  b({ type: String })
+b([
+  tt("#editor", !0)
+], _.prototype, "_$editor", 2);
+b([
+  tt("#gutter-cells", !0)
+], _.prototype, "_$gutterCells", 2);
+b([
+  tt("slot", !0)
+], _.prototype, "_$slot", 2);
+b([
+  y({ type: String })
 ], _.prototype, "value", 1);
-y([
-  b({ type: String })
+b([
+  y({ type: String })
 ], _.prototype, "defaultValue", 1);
-function ye(n, t = {}) {
+function we(n, t = {}) {
   const e = [];
   return {
     mount(s) {
@@ -2144,8 +2182,8 @@ function ye(n, t = {}) {
     }
   };
 }
-const xt = new CSSStyleSheet();
-xt.replaceSync(`
+const Et = new CSSStyleSheet();
+Et.replaceSync(`
   .rc-line-actions {
     display: inline-flex;
     align-items: center;
@@ -2175,7 +2213,7 @@ xt.replaceSync(`
     color: var(--rc-line-action-hover-color, inherit);
   }
 `);
-const ct = "rc-line-actions-popover-style", ue = `
+const ht = "rc-line-actions-popover-style", fe = `
   .rc-line-actions-popover {
     position: fixed;
     z-index: 9999;
@@ -2211,9 +2249,9 @@ const ct = "rc-line-actions-popover-style", ue = `
     background: var(--rc-line-action-hover-bg, ButtonFace);
   }
 `;
-class wt {
+class Ct {
   constructor(t, e) {
-    this._popover = null, this._lastActionsKey = "", this._api = t, this._options = e ?? {}, t.adoptStyleSheet(xt), this._blurHandler = () => this._hidePopover(), t.host.addEventListener("rc-textarea-blur", this._blurHandler);
+    this._popover = null, this._lastActionsKey = "", this._api = t, this._options = e ?? {}, t.adoptStyleSheet(Et), this._blurHandler = () => this._hidePopover(), t.host.addEventListener("rc-textarea-blur", this._blurHandler);
   }
   /**
    * Call from plugin's `update()`. Pass the line index, its actions, the full
@@ -2227,15 +2265,19 @@ class wt {
   getDecorations(t, e, s, i) {
     if (i === "popover")
       return e.length === 0 ? this._hidePopover() : this._showPopover(e), [];
-    if (this._hidePopover(), e.length === 0) return [];
-    const r = wt._lineEndOffset(s, t), o = [...e], a = { renderButton: this._options.renderButton, createIcon: this._options.createIcon };
+    if (this._hidePopover(), e.length === 0)
+      return [];
+    const r = Ct._lineEndOffset(s, t), o = [...e], a = {
+      renderButton: this._options.renderButton,
+      createIcon: this._options.createIcon
+    };
     return [
       {
         type: "widget",
         offset: r,
         side: "after",
         create() {
-          return de(o, a);
+          return pe(o, a);
         }
       }
     ];
@@ -2268,7 +2310,6 @@ class wt {
     return t.slice(0, e).split(`
 `).length - 1;
   }
-  // ── Private helpers ───────────────────────────────────────────────────────
   /**
    * Character offset of the end of the given 0-based line (points at the
    * newline character, or end-of-string for the last line).
@@ -2283,21 +2324,21 @@ class wt {
   }
   _showPopover(t) {
     const e = t.map((s) => s.id).join(",");
-    if (!document.getElementById(ct)) {
+    if (!document.getElementById(ht)) {
       const s = document.createElement("style");
-      s.id = ct, s.textContent = ue, document.head.appendChild(s);
+      s.id = ht, s.textContent = fe, document.head.appendChild(s);
     }
-    this._popover || (this._popover = document.createElement("div"), this._popover.className = "rc-line-actions-popover", this._popover.addEventListener("mousedown", (s) => s.preventDefault()), document.body.appendChild(this._popover)), e !== this._lastActionsKey && (this._lastActionsKey = e, this._popover.innerHTML = "", fe(this._popover, t, this._options)), this._positionPopover();
+    this._popover || (this._popover = document.createElement("div"), this._popover.className = "rc-line-actions-popover", this._popover.addEventListener("mousedown", (s) => s.preventDefault()), document.body.appendChild(this._popover)), e !== this._lastActionsKey && (this._lastActionsKey = e, this._popover.innerHTML = "", me(this._popover, t, this._options)), this._positionPopover();
   }
   _positionPopover() {
-    if (!this._popover) return;
-    const t = this._api.getCursorRect(), e = this._api.host.getBoundingClientRect();
-    let s;
-    const i = this._popover.offsetHeight || 32;
-    t ? (s = t.bottom + 4, s + i > window.innerHeight && (s = t.top - i - 4)) : s = e.bottom + 4;
+    if (!this._popover)
+      return;
+    const t = this._api.getCursorRect(), e = this._api.host.getBoundingClientRect(), s = this._popover.offsetHeight || 32;
+    let i;
+    t ? (i = t.bottom + 4, i + s > window.innerHeight && (i = t.top - s - 4)) : i = e.bottom + 4;
     const r = this._popover.offsetWidth || 120;
     let o = e.left;
-    o = Math.min(o, window.innerWidth - r - 8), o = Math.max(o, 8), this._popover.style.top = `${s}px`, this._popover.style.left = `${o}px`;
+    o = Math.min(o, window.innerWidth - r - 8), o = Math.max(o, 8), this._popover.style.top = `${i}px`, this._popover.style.left = `${o}px`;
   }
   _hidePopover() {
     this._popover && (this._popover.remove(), this._popover = null, this._lastActionsKey = "");
@@ -2307,28 +2348,28 @@ function At(n, t) {
   const e = document.createElement("button");
   if (e.className = "rc-line-action-btn", e.type = "button", e.setAttribute("title", n.label), t.renderButton)
     t.renderButton(n, e);
-  else if (n.icon) {
-    const s = t.createIcon?.(n.icon) ?? null;
-    s ? (e.setAttribute("aria-label", n.label), e.appendChild(s)) : (e.dataset.icon = n.icon, e.setAttribute("aria-label", n.label));
+  else if (n.iconName) {
+    const s = t.createIcon?.(n.iconName) ?? null;
+    s ? (e.setAttribute("aria-label", n.label), e.appendChild(s)) : (e.dataset.icon = n.iconName, e.setAttribute("aria-label", n.label));
   } else
     e.textContent = n.label;
   return e.addEventListener("mousedown", (s) => s.preventDefault()), e.addEventListener("click", () => n.onClick()), e;
 }
-function de(n, t) {
+function pe(n, t) {
   const e = document.createElement("span");
   e.className = "rc-line-actions";
   for (const s of n)
     e.appendChild(At(s, t));
   return e;
 }
-function fe(n, t, e) {
+function me(n, t, e) {
   for (const s of t)
     n.appendChild(At(s, e));
 }
 export {
-  wt as L,
+  Ct as L,
   _ as R,
-  ye as c,
-  ae as m
+  we as c,
+  ce as m
 };
-//# sourceMappingURL=line-actions-controller-BsM6DJ0b.js.map
+//# sourceMappingURL=line-actions-controller-ChmbiQ-G.js.map