@nonoun/native-editor 0.2.0 → 0.2.2

package/dist/{nui-editor-element-S_Z8i0qQ.js → editor-element-lE0uhdJ9.js}

@@ -1,9 +1,9 @@
-import { GatewayController as e, UIElement as t, batch as n, computed as r, createDisabledEffect as i, signal as a } from "@nonoun/native-ui";
-import { Compartment as o, EditorState as s, EditorView as c, nuiBaseExtensions as l, nuiSyntaxHighlighting as u, nuiTheme as ee } from "@nonoun/nui-codemirror";
-import { markdown as d } from "@codemirror/lang-markdown";
-import { Decoration as f, ViewPlugin as p, WidgetType as m, keymap as te, placeholder as h } from "@codemirror/view";
-import { Compartment as ne, EditorSelection as g, RangeSetBuilder as _ } from "@codemirror/state";
-import { syntaxTree as v } from "@codemirror/language";
+import { GatewayController as e, NativeElement as t, PresentController as n, ResizeController as r, batch as i, computed as a, createDisabledEffect as o, signal as s } from "@nonoun/native-ui";
+import { Compartment as c, EditorState as l, EditorView as u, NBaseExtensions as d, NSyntaxHighlighting as ee, NTheme as f } from "@nonoun/native-codemirror";
+import { markdown as p } from "@codemirror/lang-markdown";
+import { Decoration as m, ViewPlugin as te, WidgetType as ne, keymap as re, placeholder as h } from "@codemirror/view";
+import { Compartment as g, EditorSelection as _, RangeSetBuilder as v } from "@codemirror/state";
+import { syntaxTree as ie } from "@codemirror/language";
 function y(e, t) {
 	let { state: n } = e, r = [], i = [];
 	for (let e of n.selection.ranges) {
@@ -51,7 +51,7 @@ function y(e, t) {
 	}
 	return e.dispatch({
 		changes: r,
-		selection: g.create(i.map((e) => g.range(e.anchor, e.head ?? e.anchor)))
+		selection: _.create(i.map((e) => _.range(e.anchor, e.head ?? e.anchor)))
 	}), !0;
 }
 /** Get the full lines covered by a selection range. */
@@ -68,7 +68,7 @@ function b(e, t, n) {
 	}
 	return i;
 }
-function re(e, t) {
+function x(e, t) {
 	let { state: n } = e, r = [];
 	for (let e of n.selection.ranges) {
 		let i = n.doc.lineAt(e.from), a = i.text.match(/^(#{1,6})\s/), o = "#".repeat(t) + " ";
@@ -91,7 +91,7 @@ function re(e, t) {
 	}
 	return e.dispatch({ changes: r }), !0;
 }
-function ie(e) {
+function S(e) {
 	let { state: t } = e, n = [];
 	for (let r of t.selection.ranges) {
 		let t = b(e, r.from, r.to), i = t.every((e) => /^- /.test(e.text));
@@ -107,7 +107,7 @@ function ie(e) {
 	}
 	return e.dispatch({ changes: n }), !0;
 }
-function x(e) {
+function C(e) {
 	let { state: t } = e, n = [];
 	for (let r of t.selection.ranges) {
 		let t = b(e, r.from, r.to), i = t.every((e) => /^\d+\.\s/.test(e.text)), a = 1;
@@ -133,7 +133,7 @@ function x(e) {
 	}
 	return e.dispatch({ changes: n }), !0;
 }
-function S(e) {
+function w(e) {
 	let { state: t } = e, n = [];
 	for (let r of t.selection.ranges) {
 		let t = b(e, r.from, r.to), i = t.every((e) => /^> /.test(e.text));
@@ -149,7 +149,7 @@ function S(e) {
 	}
 	return e.dispatch({ changes: n }), !0;
 }
-function C(e, t, n) {
+function T(e, t, n) {
 	let { state: r } = e, i = r.selection.main, a = r.sliceDoc(i.from, i.to), o = n ?? (a || "link text"), s = t ?? "url", c = `[${o}](${s})`, l = i.from + 1 + o.length + 2, u = l + s.length;
 	return e.dispatch({
 		changes: {
@@ -163,7 +163,7 @@ function C(e, t, n) {
 		}
 	}), !0;
 }
-function w(e, t, n) {
+function E(e, t, n) {
 	let { state: r } = e, i = r.selection.main, a = n ?? "alt text", o = t ?? "url", s = `![${a}](${o})`, c = i.from + 2 + a.length + 2, l = c + o.length;
 	return e.dispatch({
 		changes: {
@@ -177,7 +177,7 @@ function w(e, t, n) {
 		}
 	}), !0;
 }
-function T(e) {
+function D(e) {
 	let t = e.state.selection.main;
 	return e.dispatch({
 		changes: {
@@ -188,56 +188,56 @@ function T(e) {
 		selection: { anchor: t.from + 5 }
 	}), !0;
 }
-const E = {
+const O = {
 	toggleBold: (e) => y(e, "**"),
 	toggleItalic: (e) => y(e, "*"),
 	toggleCode: (e) => y(e, "`"),
 	toggleStrikethrough: (e) => y(e, "~~"),
-	setHeading: re,
-	toggleBulletList: ie,
-	toggleOrderedList: x,
-	toggleBlockquote: S,
-	insertLink: C,
-	insertImage: w,
-	insertHorizontalRule: T
-}, D = te.of([
+	setHeading: x,
+	toggleBulletList: S,
+	toggleOrderedList: C,
+	toggleBlockquote: w,
+	insertLink: T,
+	insertImage: E,
+	insertHorizontalRule: D
+}, k = re.of([
 	{
 		key: "Mod-b",
-		run: (e) => E.toggleBold(e)
+		run: (e) => O.toggleBold(e)
 	},
 	{
 		key: "Mod-i",
-		run: (e) => E.toggleItalic(e)
+		run: (e) => O.toggleItalic(e)
 	},
 	{
 		key: "Mod-e",
-		run: (e) => E.toggleCode(e)
+		run: (e) => O.toggleCode(e)
 	},
 	{
 		key: "Mod-k",
-		run: (e) => E.insertLink(e)
+		run: (e) => O.insertLink(e)
 	},
 	{
 		key: "Mod-Shift-1",
-		run: (e) => E.setHeading(e, 1)
+		run: (e) => O.setHeading(e, 1)
 	},
 	{
 		key: "Mod-Shift-2",
-		run: (e) => E.setHeading(e, 2)
+		run: (e) => O.setHeading(e, 2)
 	},
 	{
 		key: "Mod-Shift-3",
-		run: (e) => E.setHeading(e, 3)
-	}
-]), O = new ne();
-var k = f.mark({ class: "md-bold" }), A = f.mark({ class: "md-italic" }), j = f.mark({ class: "md-code" }), M = f.mark({ class: "md-strikethrough" }), N = f.mark({ class: "md-link" }), P = f.mark({ class: "md-url" }), F = f.mark({ class: "md-syntax-marker" }), ae = f.mark({ class: "md-syntax-marker md-syntax-visible" }), I = f.line({ class: "md-heading md-heading-1" }), L = f.line({ class: "md-heading md-heading-2" }), R = f.line({ class: "md-heading md-heading-3" }), z = f.line({ class: "md-heading md-heading-4" }), B = f.line({ class: "md-heading md-heading-5" }), V = f.line({ class: "md-heading md-heading-6" }), H = f.line({ class: "md-list-item md-bullet-item" }), U = f.line({ class: "md-list-item md-ordered-item" }), W = f.line({ class: "md-blockquote" }), G = f.line({ class: "md-code-block" }), K = f.line({ class: "md-hr" }), q = {
-	ATXHeading1: I,
-	ATXHeading2: L,
-	ATXHeading3: R,
-	ATXHeading4: z,
-	ATXHeading5: B,
-	ATXHeading6: V
-}, J = new Set([
+		run: (e) => O.setHeading(e, 3)
+	}
+]), A = new g();
+var j = m.mark({ class: "md-bold" }), M = m.mark({ class: "md-italic" }), N = m.mark({ class: "md-code" }), P = m.mark({ class: "md-strikethrough" }), F = m.mark({ class: "md-link" }), I = m.mark({ class: "md-url" }), L = m.mark({ class: "md-syntax-marker" }), R = m.mark({ class: "md-syntax-marker md-syntax-visible" }), z = m.line({ class: "md-heading md-heading-1" }), ae = m.line({ class: "md-heading md-heading-2" }), B = m.line({ class: "md-heading md-heading-3" }), V = m.line({ class: "md-heading md-heading-4" }), H = m.line({ class: "md-heading md-heading-5" }), U = m.line({ class: "md-heading md-heading-6" }), W = m.line({ class: "md-list-item md-bullet-item" }), G = m.line({ class: "md-list-item md-ordered-item" }), K = m.line({ class: "md-blockquote" }), q = m.line({ class: "md-code-block" }), J = m.line({ class: "md-hr" }), oe = {
+	ATXHeading1: z,
+	ATXHeading2: ae,
+	ATXHeading3: B,
+	ATXHeading4: V,
+	ATXHeading5: H,
+	ATXHeading6: U
+}, se = new Set([
 	"HeaderMark",
 	"EmphasisMark",
 	"CodeMark",
@@ -245,7 +245,7 @@ var k = f.mark({ class: "md-bold" }), A = f.mark({ class: "md-italic" }), j = f.
 	"LinkMark",
 	"QuoteMark",
 	"ListMark"
-]), oe = class extends m {
+]), ce = class extends ne {
 	src;
 	alt;
 	constructor(e, t) {
@@ -265,7 +265,7 @@ var k = f.mark({ class: "md-bold" }), A = f.mark({ class: "md-italic" }), j = f.
 function Y(e, t, n) {
 	return e.sliceString(t, n);
 }
-var se = p.fromClass(class {
+var le = te.fromClass(class {
 	decorations;
 	constructor(e) {
 		this.decorations = this.buildDecorations(e);
@@ -274,10 +274,10 @@ var se = p.fromClass(class {
 		(e.docChanged || e.viewportChanged || e.selectionSet) && (this.decorations = this.buildDecorations(e.view));
 	}
 	buildDecorations(e) {
-		let t = new _(), n = e.state.doc, r = v(e.state), i = n.lineAt(e.state.selection.main.head).number, a = [], o = [], s = [], c = [];
+		let t = new v(), n = e.state.doc, r = ie(e.state), i = n.lineAt(e.state.selection.main.head).number, a = [], o = [], s = [], c = [];
 		r.iterate({
 			enter(e) {
-				let t = e.name, r = q[t];
+				let t = e.name, r = oe[t];
 				if (r) {
 					let t = n.lineAt(e.from), i = n.lineAt(e.to);
 					for (let e = t.number; e <= i.number; e++) {
@@ -289,7 +289,7 @@ var se = p.fromClass(class {
 					}
 				}
 				if ((t === "BulletList" || t === "OrderedList") && c.push(t), t === "ListItem") {
-					let t = c[c.length - 1] === "OrderedList" ? U : H, r = n.lineAt(e.from), i = n.lineAt(e.to);
+					let t = c[c.length - 1] === "OrderedList" ? G : W, r = n.lineAt(e.from), i = n.lineAt(e.to);
 					for (let e = r.number; e <= i.number; e++) {
 						let r = n.line(e);
 						a.push({
@@ -304,7 +304,7 @@ var se = p.fromClass(class {
 						let t = n.line(e);
 						a.push({
 							pos: t.from,
-							deco: W
+							deco: K
 						});
 					}
 				}
@@ -314,7 +314,7 @@ var se = p.fromClass(class {
 						let t = n.line(e);
 						a.push({
 							pos: t.from,
-							deco: G
+							deco: q
 						});
 					}
 				}
@@ -322,35 +322,35 @@ var se = p.fromClass(class {
 					let t = n.lineAt(e.from);
 					a.push({
 						pos: t.from,
-						deco: K
+						deco: J
 					});
 				}
 				if (t === "StrongEmphasis" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: k
+					deco: j
 				}), t === "Emphasis" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: A
+					deco: M
 				}), t === "InlineCode" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: j
+					deco: N
 				}), t === "Strikethrough" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: M
+					deco: P
 				}), t === "Link" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: N
+					deco: F
 				}), t === "URL" && o.push({
 					from: e.from,
 					to: e.to,
-					deco: P
-				}), J.has(t)) {
-					let t = n.lineAt(e.from).number === i ? ae : F;
+					deco: I
+				}), se.has(t)) {
+					let t = n.lineAt(e.from).number === i ? R : L;
 					o.push({
 						from: e.from,
 						to: e.to,
@@ -364,8 +364,8 @@ var se = p.fromClass(class {
 					while (i.nextSibling());
 					t && s.push({
 						pos: e.to,
-						deco: f.widget({
-							widget: new oe(t, r),
+						deco: m.widget({
+							widget: new ce(t, r),
 							side: 1
 						})
 					});
@@ -414,7 +414,7 @@ var se = p.fromClass(class {
 }, { decorations: (e) => e.decorations });
 /** Create the live preview extension (active state) */
 function X() {
-	return se;
+	return le;
 }
 /** Empty extension (source mode -- no decorations) */
 const Z = [], Q = [
@@ -436,14 +436,14 @@ const Z = [], Q = [
 	"mode-toggle"
 ];
 var $ = class {
-	mode = a("preview");
-	disabled = a(!1);
-	readonly = a(!1);
-	placeholder = a("");
-	toolbar = a(Q);
-	src = a(null);
+	mode = s("preview");
+	disabled = s(!1);
+	readonly = s(!1);
+	placeholder = s("");
+	toolbar = s(Q);
+	src = s(null);
 	/** True when disabled OR readonly — drives CodeMirror readOnly + editable. */
-	locked = r(() => this.disabled.value || this.readonly.value);
+	locked = a(() => this.disabled.value || this.readonly.value);
 	setMode(e) {
 		e !== "preview" && e !== "source" || (this.mode.value = e);
 	}
@@ -454,67 +454,67 @@ var $ = class {
 		this.toolbar.value = typeof e == "string" ? e.split(",").map((e) => e.trim()).filter(Boolean) : e;
 	}
 	reset() {
-		n(() => {
+		i(() => {
 			this.mode.value = "preview", this.disabled.value = !1, this.readonly.value = !1, this.placeholder.value = "", this.toolbar.value = Q, this.src.value = null;
 		});
 	}
-}, ce = {
+}, ue = {
 	bold: {
 		icon: "text-b",
 		label: "Bold",
-		action: E.toggleBold
+		action: O.toggleBold
 	},
 	italic: {
 		icon: "text-italic",
 		label: "Italic",
-		action: E.toggleItalic
+		action: O.toggleItalic
 	},
 	code: {
 		icon: "code",
 		label: "Code",
-		action: E.toggleCode
+		action: O.toggleCode
 	},
 	h1: {
 		icon: "text-h-one",
 		label: "Heading 1",
-		action: (e) => E.setHeading(e, 1)
+		action: (e) => O.setHeading(e, 1)
 	},
 	h2: {
 		icon: "text-h-two",
 		label: "Heading 2",
-		action: (e) => E.setHeading(e, 2)
+		action: (e) => O.setHeading(e, 2)
 	},
 	h3: {
 		icon: "text-h-three",
 		label: "Heading 3",
-		action: (e) => E.setHeading(e, 3)
+		action: (e) => O.setHeading(e, 3)
 	},
 	"bullet-list": {
 		icon: "list-bullets",
 		label: "Bullet List",
-		action: E.toggleBulletList
+		action: O.toggleBulletList
 	},
 	"ordered-list": {
 		icon: "list-numbers",
 		label: "Ordered List",
-		action: E.toggleOrderedList
+		action: O.toggleOrderedList
 	},
 	blockquote: {
 		icon: "quotes",
 		label: "Blockquote",
-		action: E.toggleBlockquote
+		action: O.toggleBlockquote
 	},
 	link: {
 		icon: "link",
 		label: "Link",
-		action: E.insertLink
+		action: O.insertLink
 	},
 	image: {
 		icon: "image",
 		label: "Image",
-		action: E.insertImage
+		action: O.insertImage
 	}
-}, le = class extends t {
+}, de = class extends t {
 	static observedAttributes = [
 		"value",
 		"mode",
@@ -532,10 +532,12 @@ var $ = class {
 	#r = null;
 	#i = null;
 	#a = "";
-	#o = new o();
-	#s = new o();
+	#o = new c();
+	#s = new c();
 	#c = null;
 	#l = null;
+	#u = null;
+	#d = null;
 	constructor() {
 		super(), this.#e = this.attachInternals();
 	}
@@ -623,17 +625,17 @@ var $ = class {
 			};
 		}
 		return {
-			toggleBold: (t) => E.toggleBold(e),
-			toggleItalic: (t) => E.toggleItalic(e),
-			toggleCode: (t) => E.toggleCode(e),
-			toggleStrikethrough: (t) => E.toggleStrikethrough(e),
-			setHeading: (t, n) => E.setHeading(e, n),
-			toggleBulletList: (t) => E.toggleBulletList(e),
-			toggleOrderedList: (t) => E.toggleOrderedList(e),
-			toggleBlockquote: (t) => E.toggleBlockquote(e),
-			insertLink: (t, n, r) => E.insertLink(e, n, r),
-			insertImage: (t, n, r) => E.insertImage(e, n, r),
-			insertHorizontalRule: (t) => E.insertHorizontalRule(e)
+			toggleBold: (t) => O.toggleBold(e),
+			toggleItalic: (t) => O.toggleItalic(e),
+			toggleCode: (t) => O.toggleCode(e),
+			toggleStrikethrough: (t) => O.toggleStrikethrough(e),
+			setHeading: (t, n) => O.setHeading(e, n),
+			toggleBulletList: (t) => O.toggleBulletList(e),
+			toggleOrderedList: (t) => O.toggleOrderedList(e),
+			toggleBlockquote: (t) => O.toggleBlockquote(e),
+			insertLink: (t, n, r) => O.insertLink(e, n, r),
+			insertImage: (t, n, r) => O.insertImage(e, n, r),
+			insertHorizontalRule: (t) => O.insertHorizontalRule(e)
 		};
 	}
 	focus() {
@@ -666,7 +668,7 @@ var $ = class {
 		let e = this.#t.src.value;
 		if (!e) return !1;
 		let t = await this.#n.save(e, this.value);
-		return t && this.dispatchEvent(new CustomEvent("nui-save", {
+		return t && this.dispatchEvent(new CustomEvent("n-save", {
 			bubbles: !0,
 			composed: !0
 		})), t;
@@ -676,7 +678,7 @@ var $ = class {
 		let e = this.#t.src.value;
 		if (!e) return;
 		let t = await this.#n.load(e);
-		t !== null && (this.value = t, this.dispatchEvent(new CustomEvent("nui-load", {
+		t !== null && (this.value = t, this.dispatchEvent(new CustomEvent("n-load", {
 			bubbles: !0,
 			composed: !0,
 			detail: { value: t }
@@ -719,21 +721,25 @@ var $ = class {
 		let e = this.#t;
 		e.mode.value = this.getAttribute("mode") || "preview", e.disabled.value = this.hasAttribute("disabled"), e.readonly.value = this.hasAttribute("readonly"), e.placeholder.value = this.getAttribute("placeholder") ?? "";
 		let t = this.getAttribute("toolbar");
-		t && e.setToolbar(t), e.src.value = this.getAttribute("src"), this.#a = this.#u(), this.#d(), this.#m(), this.#h(), this.addEffect(i(this, e.disabled, this.#e)), this.addEffect(() => {
+		t && e.setToolbar(t), e.src.value = this.getAttribute("src"), this.#a = this.#f(), this.#p(), this.#g(), this.#_(), this.#d = new n(this), this.#u = new r(this, {
+			handleSelector: ".native-editor-resize-handle",
+			axis: "vertical",
+			min: 200
+		}), this.addEffect(o(this, e.disabled, this.#e)), this.addEffect(() => {
 			let t = e.mode.value;
-			this.#r && this.#r.dispatch({ effects: O.reconfigure(t === "preview" ? X() : Z) }), this.#l && this.#l.setAttribute("value", t), this.dispatchEvent(new CustomEvent("mode-change", {
+			this.#r && this.#r.dispatch({ effects: A.reconfigure(t === "preview" ? X() : Z) }), this.#l && this.#l.setAttribute("value", t), this.dispatchEvent(new CustomEvent("mode-change", {
 				bubbles: !0,
 				composed: !0,
 				detail: { mode: t }
 			}));
 		}), this.addEffect(() => {
 			let t = e.locked.value;
-			this.#r && this.#r.dispatch({ effects: this.#o.reconfigure([s.readOnly.of(t), c.editable.of(!t)]) }), this.#c && this.#c.toggleAttribute("disabled", e.disabled.value);
+			this.#r && this.#r.dispatch({ effects: this.#o.reconfigure([l.readOnly.of(t), u.editable.of(!t)]) }), this.#c && this.#c.toggleAttribute("disabled", e.disabled.value);
 		}), this.addEffect(() => {
 			let t = e.placeholder.value;
 			this.#r && this.#r.dispatch({ effects: this.#s.reconfigure(t ? h(t) : []) });
 		}), this.addEffect(() => {
-			e.toolbar.value, this.#f();
+			e.toolbar.value, this.#m();
 		}), this.addEffect(() => {
 			e.src.value && this.reload();
 		}), this.addEffect(() => {
@@ -749,7 +755,7 @@ var $ = class {
 			}));
 		}), this.addEffect(() => {
 			let e = this.#n.error.value;
-			e && this.dispatchEvent(new CustomEvent("nui-error", {
+			e && this.dispatchEvent(new CustomEvent("n-error", {
 				bubbles: !0,
 				composed: !0,
 				detail: { error: e }
@@ -757,13 +763,13 @@ var $ = class {
 		}), this.#e.setFormValue(this.#a);
 	}
 	teardown() {
-		this.#n.destroy(), this.#r &&= (this.#r.destroy(), null), this.#c = null, this.#l = null, this.#i = null, super.teardown();
+		this.#n.destroy(), this.#u?.destroy(), this.#u = null, this.#d?.destroy(), this.#d = null, this.#r &&= (this.#r.destroy(), null), this.#c = null, this.#l = null, this.#i = null, super.teardown();
 	}
 	/**
 	* Read initial content from a `<script type="text/markdown">` child,
 	* falling back to the `value` attribute. Consumes the script tag.
 	*/
-	#u() {
+	#f() {
 		let e = this.querySelector("script[type=\"text/markdown\"]");
 		if (e) {
 			let t = e.textContent ?? "";
@@ -771,57 +777,64 @@ var $ = class {
 		}
 		return this.getAttribute("value") ?? "";
 	}
-	#d() {
-		let e = document.createElement("ui-toolbar");
-		e.setAttribute("size", "sm"), this.#c = e, this.appendChild(e), this.#f();
+	#p() {
+		let e = document.createElement("n-card-header"), t = document.createElement("n-toolbar");
+		t.setAttribute("size", "md"), t.setAttribute("variant", "plain"), t.setAttribute("fill", ""), this.#c = t, e.appendChild(t), this.appendChild(e), this.#m();
 	}
-	#f() {
+	#m() {
 		let e = this.#c;
 		if (!e) return;
 		e.innerHTML = "", this.#l = null;
 		let t = this.#t.toolbar.value;
 		for (let n of t) {
 			if (n === "|") {
-				let t = document.createElement("ui-divider");
-				t.setAttribute("vertical", ""), e.appendChild(t);
+				let t = document.createElement("n-divider");
+				t.setAttribute("orientation", "vertical"), e.appendChild(t);
 				continue;
 			}
 			if (n === "mode-toggle") {
-				this.#p(e);
+				this.#h(e);
 				continue;
 			}
-			let t = ce[n];
+			let t = ue[n];
 			if (!t) continue;
-			let r = document.createElement("ui-button");
+			let r = document.createElement("n-button");
 			r.setAttribute("variant", "ghost"), r.setAttribute("size", "sm"), r.setAttribute("square", ""), r.setAttribute("aria-label", t.label), r.setAttribute("title", t.label);
-			let i = document.createElement("ui-icon");
-			i.setAttribute("name", t.icon), r.appendChild(i), r.addEventListener("ui-press", this.#g(t.action)), e.appendChild(r);
+			let i = document.createElement("n-icon");
+			i.setAttribute("name", t.icon), r.appendChild(i), r.addEventListener("native:press", this.#v(t.action)), e.appendChild(r);
 		}
+		let n = document.createElement("n-button");
+		n.setAttribute("variant", "ghost"), n.setAttribute("size", "sm"), n.setAttribute("square", ""), n.setAttribute("aria-label", "Expand"), n.setAttribute("title", "Expand");
+		let r = document.createElement("n-icon");
+		r.setAttribute("name", "arrows-out"), n.appendChild(r), n.addEventListener("native:press", this.#y), e.appendChild(n);
 	}
-	#p(e) {
-		let t = document.createElement("ui-segmented-control");
+	#h(e) {
+		let t = document.createElement("n-segmented-control");
 		t.setAttribute("size", "sm"), t.setAttribute("value", this.#t.mode.value), this.#l = t;
-		let n = document.createElement("ui-segment");
+		let n = document.createElement("n-segment");
 		n.setAttribute("value", "preview"), n.textContent = "Preview";
-		let r = document.createElement("ui-segment");
-		r.setAttribute("value", "source"), r.textContent = "Source", t.appendChild(n), t.appendChild(r), t.addEventListener("ui-change", this.#_), e.appendChild(t);
+		let r = document.createElement("n-segment");
+		r.setAttribute("value", "source"), r.textContent = "Source", t.appendChild(n), t.appendChild(r), t.addEventListener("native:change", this.#b), e.appendChild(t);
 	}
-	#m() {
+	#g() {
 		let e = document.createElement("div");
-		e.className = "nui-editor-surface", this.#i = e, this.appendChild(e);
+		e.className = "native-editor-surface", this.#i = e, this.appendChild(e);
+		let t = document.createElement("div");
+		t.className = "native-editor-resize-handle", this.appendChild(t);
 	}
-	#h() {
+	#_() {
 		if (!this.#i) return;
 		let e = this.#t, t = this.#a, n = e.mode.value, r = e.placeholder.value, i = e.locked.value, a = [
+			f,
 			ee,
-			u,
-			l,
-			d(),
-			D,
-			O.of(n === "preview" ? X() : Z),
-			this.#o.of([s.readOnly.of(i), c.editable.of(!i)]),
+			d,
+			u.lineWrapping,
+			p(),
+			k,
+			A.of(n === "preview" ? X() : Z),
+			this.#o.of([l.readOnly.of(i), u.editable.of(!i)]),
 			this.#s.of(r ? h(r) : []),
-			c.updateListener.of((e) => {
+			u.updateListener.of((e) => {
 				if (e.docChanged) {
 					let t = e.state.doc.toString();
 					this.#e.setFormValue(t), this.#n.markDirty(), this.dispatchEvent(new CustomEvent("change", {
@@ -832,22 +845,26 @@ var $ = class {
 				}
 			})
 		];
-		this.#r = new c({
-			state: s.create({
+		this.#r = new u({
+			state: l.create({
 				doc: t,
 				extensions: a
 			}),
-			parent: this.#i
+			parent: this.#i,
+			root: this.ownerDocument
 		});
 	}
-	#g(e) {
+	#v(e) {
 		return () => {
 			this.#r && (e(this.#r), this.#r.focus());
 		};
 	}
-	#_ = (e) => {
+	#y = () => {
+		this.#d?.present();
+	};
+	#b = (e) => {
 		let t = e.detail;
 		t && (t.value === "preview" || t.value === "source") && (this.#t.mode.value = t.value, this.setAttribute("mode", t.value));
 	};
 };
-export { O as a, D as c, X as i, Q as n, Z as o, $ as r, E as s, le as t };
+export { A as a, k as c, X as i, Q as n, Z as o, $ as r, O as s, de as t };

package/dist/{nui-editor-element.d.ts → editor-element.d.ts}

@@ -1,4 +1,4 @@
-import { UIElement } from '@nonoun/native-ui';
+import { NativeElement } from '@nonoun/native-ui';
 import type { EditorCommands } from './commands.ts';
 import type { ViewMode } from './editor-store.ts';
 /**
@@ -17,12 +17,12 @@ import type { ViewMode } from './editor-store.ts';
  * @attr {string} src - URL to load/save content from
  * @fires change - Fired when document content changes with `{ value }` detail
  * @fires mode-change - Fired when mode is toggled with `{ mode }` detail
- * @fires nui-load - Fired after content is loaded from src
- * @fires nui-save - Fired after content is saved to src
- * @fires nui-error - Fired on load/save error with `{ error }` detail
+ * @fires n-load - Fired after content is loaded from src
+ * @fires n-save - Fired after content is saved to src
+ * @fires n-error - Fired on load/save error with `{ error }` detail
  * @fires dirty-change - Fired when dirty state changes with `{ dirty }` detail
  */
-export declare class NuiEditor extends UIElement {
+export declare class NEditor extends NativeElement {
     #private;
     static observedAttributes: string[];
     static formAssociated: boolean;
@@ -64,4 +64,4 @@ export declare class NuiEditor extends UIElement {
     setup(): void;
     teardown(): void;
 }
-//# sourceMappingURL=nui-editor-element.d.ts.map
+//# sourceMappingURL=editor-element.d.ts.map

package/dist/editor-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-element.d.ts","sourceRoot":"","sources":["../src/editor-element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAgF,MAAM,mBAAmB,CAAC;AAMhI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA8BlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,OAAQ,SAAQ,aAAa;;IACxC,MAAM,CAAC,kBAAkB,WAAsF;IAC/G,MAAM,CAAC,cAAc,UAAQ;;IA0B7B,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAUpB;IAED,IAAI,IAAI,IAAI,QAAQ,CAEnB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAGrB;IAED,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,EAEjC;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,EAG1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAEnB;IAED,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIzB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IAID,kFAAkF;IAClF,IAAI,QAAQ,IAAI,cAAc,CAgC7B;IAEQ,KAAK,IAAI,IAAI;IAItB,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;IAM1D,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQjD,qDAAqD;IAC/C,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAU9B,yCAAyC;IACnC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAc7B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAyCpF,KAAK,IAAI,IAAI;IAiIb,QAAQ,IAAI,IAAI;CAsNjB"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { NuiEditor } from './nui-editor-element.ts';
+export { NEditor } from './editor-element.ts';
 export { EditorStore, DEFAULT_TOOLBAR } from './editor-store.ts';
 export type { ViewMode } from './editor-store.ts';
 export { commands, markdownKeymap } from './commands.ts';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACjE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/{nui-editor.css → native-editor.css}

@@ -1,5 +1,5 @@
 /**
- * nui-editor.css
+ * native-editor.css
  * Markdown content editor — toolbar + CodeMirror surface + optional preview pane.
  * Follows NativeUI CSS conventions: @layer ui, :where() selectors, --n-* locals.
  */
@@ -10,51 +10,77 @@
   /*  Host element                                                       */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) {
+  :where(native-editor) {
+    /* Code-editor chrome tokens — NativeUI first, one-dark fallbacks */
+    --n-code-bg: var(--n-control-neutral, #282c34);
+    --n-code-bg-dark: var(--n-panel-neutral, #21252b);
+    --n-code-bg-darker: var(--n-body-neutral, #1e2127);
+    --n-code-text-muted: var(--n-ink-muted-neutral, #7d8799);
+    --n-code-accent: var(--n-ink-accent, #61afef);
+    --n-code-border: var(--n-border-muted-neutral, #3e4451);
+    --n-code-inline-bg: var(--n-card-neutral, #333843);
+
     display: grid;
     grid-template-rows: auto 1fr;
-    border: 1px solid var(--n-border-muted-neutral);
+    position: relative;
+    border: 1px solid var(--n-code-border);
     border-radius: var(--n-radius, 0.5rem);
     overflow: hidden;
     min-height: 300px;
-    background: #282c34;
+    background: var(--n-code-bg);
+    outline: none;
   }
 
   /* ------------------------------------------------------------------ */
-  /*  Toolbar                                                            */
+  /*  Card header (toolbar chrome)                                       */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) > :where(ui-toolbar) {
-    border-bottom: 1px solid color-mix(in oklch, var(--n-border-muted-neutral), transparent 50%);
-    background: #21252b;
-    min-height: 2.5rem;
+  :where(native-editor) > :where(n-card-header) {
+    border-bottom: 1px solid var(--n-code-border);
+    background: var(--n-code-bg-dark);
+    padding: 0;
   }
 
   /* ------------------------------------------------------------------ */
   /*  Editor surface                                                     */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.nui-editor-surface) {
+  :where(native-editor) :where(.native-editor-surface) {
     min-height: 0;
     overflow: hidden;
   }
 
-  :where(nui-editor) :where(.cm-editor) {
+  :where(native-editor) :where(.cm-editor) {
     height: 100%;
     font-size: 0.875rem;
     line-height: 1.6;
   }
 
-  :where(nui-editor) :where(.cm-scroller) {
+  :where(native-editor) :where(.cm-editor.cm-focused) {
+    outline: none;
+  }
+
+  :where(native-editor) :where(.cm-scroller) {
     overflow: auto;
     padding: 1rem;
   }
 
-  :where(nui-editor) :where(.cm-content) {
+  :where(native-editor) :where(.cm-content) {
     padding: 0;
   }
 
-  :where(nui-editor) :where(.cm-gutters) {
+
+  :where(.cm-content):focus-visible,
+  :where(.cm-editor.cm-focused) {
+    outline: none;
+  }
+
+  /* WHY: Source mode shows raw markdown — use monospace for code-editing feel */
+  :where(native-editor[mode="source"]) :where(.cm-content) {
+    font-family: var(--n-font-family-mono, ui-monospace, 'SF Mono', 'Cascadia Code', monospace);
+  }
+
+  :where(native-editor) :where(.cm-gutters) {
     display: none;
   }
 
@@ -62,31 +88,31 @@
   /*  Live preview — inline decorations                                  */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-bold) {
+  :where(native-editor) :where(.md-bold) {
     font-weight: 700;
   }
 
-  :where(nui-editor) :where(.md-italic) {
+  :where(native-editor) :where(.md-italic) {
     font-style: italic;
   }
 
-  :where(nui-editor) :where(.md-code) {
+  :where(native-editor) :where(.md-code) {
     font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
-    background: color-mix(in oklch, var(--n-panel-neutral, #3e4451), transparent 50%);
+    background: var(--n-code-inline-bg);
     border-radius: 0.1875rem;
     padding: 0.0625rem 0.25rem;
   }
 
-  :where(nui-editor) :where(.md-strikethrough) {
+  :where(native-editor) :where(.md-strikethrough) {
     text-decoration: line-through;
   }
 
-  :where(nui-editor) :where(.md-link) {
-    color: #61afef;
+  :where(native-editor) :where(.md-link) {
+    color: var(--n-code-accent);
     text-decoration: underline;
   }
 
-  :where(nui-editor) :where(.md-url) {
+  :where(native-editor) :where(.md-url) {
     opacity: 0.4;
     font-size: 0.85em;
   }
@@ -95,11 +121,11 @@
   /*  Live preview — syntax markers                                      */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-syntax-marker) {
+  :where(native-editor) :where(.md-syntax-marker) {
     opacity: 0.3;
   }
 
-  :where(nui-editor) :where(.md-syntax-marker-visible) {
+  :where(native-editor) :where(.md-syntax-marker-visible) {
     opacity: 0.6;
   }
 
@@ -107,19 +133,19 @@
   /*  Live preview — headings                                            */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-heading) {
+  :where(native-editor) :where(.md-heading) {
     font-weight: 700;
   }
 
-  :where(nui-editor) :where(.md-heading-1) {
+  :where(native-editor) :where(.md-heading-1) {
     font-size: 1.5em;
   }
 
-  :where(nui-editor) :where(.md-heading-2) {
+  :where(native-editor) :where(.md-heading-2) {
     font-size: 1.25em;
   }
 
-  :where(nui-editor) :where(.md-heading-3) {
+  :where(native-editor) :where(.md-heading-3) {
     font-size: 1.1em;
   }
 
@@ -127,7 +153,7 @@
   /*  Live preview — lists                                               */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-list-item) {
+  :where(native-editor) :where(.md-list-item) {
     padding-left: 0.25em;
   }
 
@@ -135,8 +161,8 @@
   /*  Live preview — blockquote                                          */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-blockquote) {
-    border-left: 3px solid #61afef;
+  :where(native-editor) :where(.md-blockquote) {
+    border-left: 3px solid var(--n-code-accent);
     padding-left: 1em;
     opacity: 0.85;
   }
@@ -145,8 +171,8 @@
   /*  Live preview — code blocks                                         */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-code-block) {
-    background: color-mix(in oklch, #1e2127, transparent 30%);
+  :where(native-editor) :where(.md-code-block) {
+    background: var(--n-code-bg-darker);
     font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
     font-size: 0.8125rem;
   }
@@ -155,8 +181,8 @@
   /*  Live preview — horizontal rule                                     */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-hr) {
-    border-bottom: 1px solid color-mix(in oklch, var(--n-border-muted-neutral), transparent 30%);
+  :where(native-editor) :where(.md-hr) {
+    border-bottom: 1px solid var(--n-code-border);
     margin: 0.5em 0;
   }
 
@@ -164,7 +190,7 @@
   /*  Live preview — image widget                                        */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.md-image) {
+  :where(native-editor) :where(.md-image) {
     max-width: 100%;
     border-radius: 0.375rem;
     margin: 0.5em 0;
@@ -174,11 +200,11 @@
   /*  States                                                             */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor[readonly]) :where(.cm-content) {
+  :where(native-editor[readonly]) :where(.cm-content) {
     cursor: default;
   }
 
-  :where(nui-editor)[aria-disabled="true"] {
+  :where(native-editor)[aria-disabled="true"] {
     opacity: 0.5;
     pointer-events: none;
   }
@@ -187,9 +213,41 @@
   /*  Placeholder                                                        */
   /* ------------------------------------------------------------------ */
 
-  :where(nui-editor) :where(.cm-placeholder) {
-    color: #7d8799;
+  :where(native-editor) :where(.cm-placeholder) {
+    color: var(--n-code-text-muted);
     font-style: italic;
   }
 
+  /* ------------------------------------------------------------------ */
+  /*  Resize handle                                                      */
+  /* ------------------------------------------------------------------ */
+
+  :where(native-editor) :where(.native-editor-resize-handle) {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 16px;
+    height: 16px;
+    cursor: nwse-resize;
+    opacity: 0.3;
+    transition: opacity 150ms;
+  }
+
+  :where(native-editor) :where(.native-editor-resize-handle):hover,
+  :where(native-editor[resizing]) :where(.native-editor-resize-handle) {
+    opacity: 0.7;
+  }
+
+  :where(native-editor) :where(.native-editor-resize-handle)::before {
+    content: '';
+    position: absolute;
+    bottom: 3px;
+    right: 3px;
+    width: 8px;
+    height: 8px;
+    border-right: 2px solid currentColor;
+    border-bottom: 2px solid currentColor;
+    color: var(--n-code-border);
+  }
+
 }

package/dist/native-editor.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./editor-element-lE0uhdJ9.js";
+export { r as DEFAULT_TOOLBAR, a as EditorStore, s as NEditor, o as commands, n as createPreviewExtension, t as markdownKeymap, e as previewCompartment, i as sourceExtension };

package/dist/register.d.ts

@@ -1,7 +1,7 @@
 /**
- * Register nui-editor
+ * Register native-editor
  *
- * Side-effect module that registers the <nui-editor> custom element.
+ * Side-effect module that registers the <native-editor> custom element.
  *
  * Usage:
  *   import '@nonoun/native-editor/register';

package/dist/register.js

@@ -1,11 +1,3 @@
-import { t as e } from "./nui-editor-element-S_Z8i0qQ.js";
-import { define as t } from "@nonoun/native-ui";
-/**
-* Register nui-editor
-*
-* Side-effect module that registers the <nui-editor> custom element.
-*
-* Usage:
-*   import '@nonoun/nui-editor/register';
-*/
-t("nui-editor", e);
+import { t as e } from "./editor-element-lE0uhdJ9.js";
+import { NSegment as t, NSegmentedControl as n, define as r } from "@nonoun/native-ui";
+r("n-segmented-control", n), r("n-segment", t), r("native-editor", e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-editor",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Markdown content editor with live preview for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",
@@ -28,14 +28,14 @@
     "@nonoun/native-ui": ">=0.5.0"
   },
   "dependencies": {
-    "@nonoun/native-codemirror": "^0.1.0",
+    "@nonoun/native-codemirror": "^0.2.0",
     "@codemirror/lang-markdown": "^6.3.2",
     "@lezer/markdown": "^1.3.2"
   },
   "scripts": {
     "build": "npm run build:js && npm run build:css && npm run build:types",
     "build:js": "vite build",
-    "build:css": "cp src/css/native-editor.css dist/native-editor.css",
+    "build:css": "cp src/css/editor.css dist/native-editor.css",
     "build:types": "tsc -p tsconfig.build.json"
   },
   "publishConfig": {

package/dist/nui-editor-element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nui-editor-element.d.ts","sourceRoot":"","sources":["../src/nui-editor-element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA2C,MAAM,mBAAmB,CAAC;AAMvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA8BlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,MAAM,CAAC,kBAAkB,WAAsF;IAC/G,MAAM,CAAC,cAAc,UAAQ;;IAwB7B,IAAI,KAAK,IAAI,MAAM,CAKlB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAUpB;IAED,IAAI,IAAI,IAAI,QAAQ,CAEnB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,QAAQ,EAGrB;IAED,IAAI,OAAO,IAAI,MAAM,EAAE,CAEtB;IAED,IAAI,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,EAEjC;IAED,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,IAAI,WAAW,CAAC,GAAG,EAAE,MAAM,EAG1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,EAEnB;IAED,IAAI,GAAG,IAAI,MAAM,GAAG,IAAI,CAEvB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAIzB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IAID,kFAAkF;IAClF,IAAI,QAAQ,IAAI,cAAc,CAgC7B;IAEQ,KAAK,IAAI,IAAI;IAItB,YAAY,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE;IAM1D,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQjD,qDAAqD;IAC/C,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC;IAU9B,yCAAyC;IACnC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAc7B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAyCpF,KAAK,IAAI,IAAI;IAuHb,QAAQ,IAAI,IAAI;CAkLjB"}

package/dist/nui-editor.js

@@ -1,2 +0,0 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./nui-editor-element-S_Z8i0qQ.js";
-export { r as DEFAULT_TOOLBAR, a as EditorStore, s as NuiEditor, o as commands, n as createPreviewExtension, t as markdownKeymap, e as previewCompartment, i as sourceExtension };