@nonoun/native-ui 0.2.10 → 0.4.0

package/dist/kernel.js

@@ -1,5 +1,5 @@
-import { Gt as e, It as t, Kt as n, Wt as r, qt as i } from "./components.js";
-import { G as a } from "./core.js";
+import { Dt as e, Ft as t, It as n, Lt as r, Rt as i } from "./components.js";
+import { K as a } from "./core.js";
 var o = class {
 	#e = /* @__PURE__ */ new Map();
 	#t = [];
@@ -8,9 +8,9 @@ var o = class {
 	#i = i(!1);
 	#a = i(null);
 	#o = 0;
-	lastCommand = n(() => this.#r.value);
-	dispatching = n(() => this.#i.value);
-	errors = n(() => this.#a.value);
+	lastCommand = r(() => this.#r.value);
+	dispatching = r(() => this.#i.value);
+	errors = r(() => this.#a.value);
 	on(e, t) {
 		if (typeof e == "string") {
 			let n = e, r = this.#e.get(n);
@@ -33,22 +33,22 @@ var o = class {
 			t !== -1 && this.#n.splice(t, 1);
 		};
 	}
-	dispatch(e, n, i) {
-		let a = typeof e == "string" ? Object.freeze({
-			type: e,
-			payload: n ?? null,
-			id: t("cmd"),
+	dispatch(n, r, i) {
+		let a = typeof n == "string" ? Object.freeze({
+			type: n,
+			payload: r ?? null,
+			id: e("cmd"),
 			timestamp: Date.now(),
 			source: "human",
 			...i ? { meta: Object.freeze(i) } : {}
-		}) : e, o = this.#n, s = 0, c = () => {
+		}) : n, o = this.#n, s = 0, c = () => {
 			if (s < o.length) {
 				let e = o[s++];
 				return e(a, c);
 			}
 			this.#s(a);
 		};
-		return c(), r(() => {
+		return c(), t(() => {
 			this.#r.value = a;
 		}), a;
 	}
@@ -80,38 +80,38 @@ var c = class {
 	#e = i([]);
 	#t = i([]);
 	#n = 100;
-	undoStack = n(() => this.#e.value);
-	redoStack = n(() => this.#t.value);
-	canUndo = n(() => this.#e.value.length > 0);
-	canRedo = n(() => this.#t.value.length > 0);
+	undoStack = r(() => this.#e.value);
+	redoStack = r(() => this.#t.value);
+	canUndo = r(() => this.#e.value.length > 0);
+	canRedo = r(() => this.#t.value.length > 0);
 	push(e) {
-		e.meta?.undoType && r(() => {
+		e.meta?.undoType && t(() => {
 			let t = [...this.#e.value, e];
 			t.length > this.#n && t.shift(), this.#e.value = t, this.#t.value = [];
 		});
 	}
 	undo(e) {
-		let t = this.#e.value;
-		if (t.length === 0) return null;
-		let n = t[t.length - 1];
-		return r(() => {
-			this.#e.value = t.slice(0, -1), this.#t.value = [...this.#t.value, n];
-		}), e.dispatch(n.meta.undoType, n.meta.undoPayload ?? null, { planId: n.meta?.planId }), n;
+		let n = this.#e.value;
+		if (n.length === 0) return null;
+		let r = n[n.length - 1];
+		return t(() => {
+			this.#e.value = n.slice(0, -1), this.#t.value = [...this.#t.value, r];
+		}), e.dispatch(r.meta.undoType, r.meta.undoPayload ?? null, { planId: r.meta?.planId }), r;
 	}
 	redo(e) {
-		let t = this.#t.value;
-		if (t.length === 0) return null;
-		let n = t[t.length - 1];
-		r(() => {
-			this.#t.value = t.slice(0, -1);
-			let e = [...this.#e.value, n];
+		let n = this.#t.value;
+		if (n.length === 0) return null;
+		let r = n[n.length - 1];
+		t(() => {
+			this.#t.value = n.slice(0, -1);
+			let e = [...this.#e.value, r];
 			e.length > this.#n && e.shift(), this.#e.value = e;
 		});
 		let i = Object.freeze({
-			...n,
+			...r,
 			source: "replay"
 		});
-		return e.dispatch(i), n;
+		return e.dispatch(i), r;
 	}
 	getLog() {
 		return this.#e.value;
@@ -122,7 +122,7 @@ var c = class {
 		t.length > e && (this.#e.value = t.slice(t.length - e));
 	}
 	clear() {
-		r(() => {
+		t(() => {
 			this.#e.value = [], this.#t.value = [];
 		});
 	}
@@ -135,18 +135,18 @@ var u = 1e3, d = 10, f = class {
 	#e = i([]);
 	#t = !1;
 	#n = /* @__PURE__ */ new Map();
-	stack = n(() => this.#e.value);
-	topOverlay = n(() => {
+	stack = r(() => this.#e.value);
+	topOverlay = r(() => {
 		let e = this.#e.value;
 		return e.length > 0 ? e[e.length - 1] : null;
 	});
-	open(e) {
-		let n = t("overlay"), r = this.getNextZIndex(), i = Object.freeze({
+	open(t) {
+		let n = e("overlay"), r = this.getNextZIndex(), i = Object.freeze({
 			id: n,
-			type: e.type,
-			element: e.element,
+			type: t.type,
+			element: t.element,
 			zIndex: r,
-			...e.owner ? { owner: e.owner } : {}
+			...t.owner ? { owner: t.owner } : {}
 		}), a = new Promise((e) => {
 			this.#n.set(n, e);
 		});
@@ -216,7 +216,7 @@ var m = 0, h = class {
 	#e = [];
 	#t = i(["global"]);
 	#n = !1;
-	activeScope = n(() => {
+	activeScope = r(() => {
 		let e = this.#t.value;
 		return e[e.length - 1];
 	});
@@ -400,13 +400,13 @@ function se(e) {
 var ce = class {
 	#e = i([]);
 	#t = 1e3;
-	entries = n(() => this.#e.value);
-	size = n(() => this.#e.value.length);
-	log(e) {
+	entries = r(() => this.#e.value);
+	size = r(() => this.#e.value.length);
+	log(t) {
 		let n = Object.freeze({
-			id: t("log"),
+			id: e("log"),
 			timestamp: Date.now(),
-			...e
+			...t
 		}), r = [n, ...this.#e.value];
 		return r.length > this.#t && (r.length = this.#t), this.#e.value = r, n;
 	}
@@ -465,7 +465,7 @@ function le(e) {
 var v = class {
 	#e = i([]);
 	#t = 500;
-	samples = n(() => this.#e.value);
+	samples = r(() => this.#e.value);
 	measure(e, t) {
 		let n = performance.now();
 		try {
@@ -525,11 +525,11 @@ var y = class {
 	#n = i(!1);
 	#r = i(null);
 	#i = 0;
-	loading = n(() => this.#n.value);
-	error = n(() => this.#r.value);
+	loading = r(() => this.#n.value);
+	error = r(() => this.#r.value);
 	query(e) {
-		let t = pe(e), r = e.cacheTtl ?? 0, a = this.#e.get(t);
-		if (a && r > 0 && Date.now() - a.entry.timestamp < r) return n(() => a.signal.value);
+		let t = pe(e), n = e.cacheTtl ?? 0, a = this.#e.get(t);
+		if (a && n > 0 && Date.now() - a.entry.timestamp < n) return r(() => a.signal.value);
 		let o = a;
 		return o || (o = {
 			entry: {
@@ -537,43 +537,43 @@ var y = class {
 				timestamp: 0
 			},
 			signal: i(null)
-		}, this.#e.set(t, o)), this.#a(e, t), n(() => o.signal.value);
+		}, this.#e.set(t, o)), this.#a(e, t), r(() => o.signal.value);
 	}
-	async mutate(e, t) {
-		let n, a;
-		if (t) if (a = this.#e.get(t.key), n = a?.signal.peek() ?? null, a) a.signal.value = t.value, a.entry = Object.freeze({
-			data: t.value,
+	async mutate(e, n) {
+		let r, a;
+		if (n) if (a = this.#e.get(n.key), r = a?.signal.peek() ?? null, a) a.signal.value = n.value, a.entry = Object.freeze({
+			data: n.value,
 			timestamp: Date.now()
 		});
 		else {
-			let e = i(t.value);
+			let e = i(n.value);
 			a = {
 				entry: Object.freeze({
-					data: t.value,
+					data: n.value,
 					timestamp: Date.now()
 				}),
 				signal: e
-			}, this.#e.set(t.key, a);
+			}, this.#e.set(n.key, a);
 		}
 		try {
-			let n = await this.#s(e), a = pe(e);
-			return r(() => {
+			let r = await this.#s(e), a = pe(e);
+			return t(() => {
 				let e = Object.freeze({
-					data: n,
+					data: r,
 					timestamp: Date.now()
-				}), r = this.#e.get(a);
-				if (r ? (r.signal.value = n, r.entry = e) : this.#e.set(a, {
+				}), t = this.#e.get(a);
+				if (t ? (t.signal.value = r, t.entry = e) : this.#e.set(a, {
 					entry: e,
-					signal: i(n)
-				}), t && t.key !== a) {
-					let r = this.#e.get(t.key);
-					r && (r.signal.value = n, r.entry = e);
+					signal: i(r)
+				}), n && n.key !== a) {
+					let t = this.#e.get(n.key);
+					t && (t.signal.value = r, t.entry = e);
 				}
-			}), n;
+			}), r;
 		} catch (e) {
-			t && a && r(() => {
-				a.signal.value = n, a.entry = Object.freeze({
-					data: n,
+			n && a && t(() => {
+				a.signal.value = r, a.entry = Object.freeze({
+					data: r,
 					timestamp: Date.now()
 				});
 			});
@@ -604,22 +604,22 @@ var y = class {
 		this.#t.clear();
 	}
 	destroy() {
-		this.abortAll(), this.#e.clear(), r(() => {
+		this.abortAll(), this.#e.clear(), t(() => {
 			this.#n.value = !1, this.#r.value = null;
 		}), this.#i = 0;
 	}
-	async #a(e, t) {
+	async #a(e, n) {
 		this.#c();
 		try {
-			let n = await this.#o(e);
-			r(() => {
+			let r = await this.#o(e);
+			t(() => {
 				let e = Object.freeze({
-					data: n,
+					data: r,
 					timestamp: Date.now()
-				}), r = this.#e.get(t);
-				r ? (r.signal.value = n, r.entry = e) : this.#e.set(t, {
+				}), t = this.#e.get(n);
+				t ? (t.signal.value = r, t.entry = e) : this.#e.set(n, {
 					entry: e,
-					signal: i(n)
+					signal: i(r)
 				}), this.#r.value = null;
 			});
 		} catch (e) {
@@ -692,10 +692,10 @@ var y = class {
 function me() {
 	return new y();
 }
-function x(e, n) {
+function x(t, n) {
 	return Object.freeze({
-		id: t("bind"),
-		source: e,
+		id: e("bind"),
+		source: t,
 		...n
 	});
 }
@@ -1071,14 +1071,14 @@ var D = class {
 	#n = /* @__PURE__ */ new Map();
 	#r = i(null);
 	#i = i(0);
-	capabilities = n(() => this.#e.value);
-	rules = n(() => this.#t.value);
-	lastDecision = n(() => this.#r.value);
-	deniedCount = n(() => this.#i.value);
-	grant(e) {
-		let n = t("cap"), r = Object.freeze({
+	capabilities = r(() => this.#e.value);
+	rules = r(() => this.#t.value);
+	lastDecision = r(() => this.#r.value);
+	deniedCount = r(() => this.#i.value);
+	grant(t) {
+		let n = e("cap"), r = Object.freeze({
 			id: n,
-			...e
+			...t
 		});
 		return this.#e.value = [...this.#e.value, r], n;
 	}
@@ -1093,10 +1093,10 @@ var D = class {
 		let t = Date.now();
 		return this.#e.value.some((n) => n.name === e && (n.expiresAt === void 0 || n.expiresAt > t));
 	}
-	addRule(e) {
-		let n = t("rule"), r = Object.freeze({
+	addRule(t) {
+		let n = e("rule"), r = Object.freeze({
 			id: n,
-			...e
+			...t
 		});
 		return this.#t.value = [...this.#t.value, r], n;
 	}
@@ -1125,15 +1125,15 @@ var D = class {
 		}) : r;
 	}
 	middleware() {
-		return (e, t) => {
-			let n = this.evaluate(e);
-			if (r(() => {
-				this.#r.value = n, n.allowed || (this.#i.value = this.#i.value + 1);
-			}), n.allowed) return t();
+		return (e, n) => {
+			let r = this.evaluate(e);
+			if (t(() => {
+				this.#r.value = r, r.allowed || (this.#i.value = this.#i.value + 1);
+			}), r.allowed) return n();
 		};
 	}
 	destroy() {
-		r(() => {
+		t(() => {
 			this.#e.value = [], this.#t.value = [], this.#r.value = null, this.#i.value = 0;
 		}), this.#n.clear();
 	}
@@ -1717,11 +1717,11 @@ function mt(e) {
 /**
 * Wrap a conversion result as a UIPlan.
 */
-function ht(e, n = "generated") {
+function ht(t, n = "generated") {
 	return Object.freeze({
-		id: t("a2ui-plan"),
+		id: e("a2ui-plan"),
 		version: 1,
-		root: e.root,
+		root: t.root,
 		source: n,
 		timestamp: Date.now()
 	});
@@ -1760,22 +1760,22 @@ var L = class {
 	#n;
 	#r = /* @__PURE__ */ new Map();
 	#i = i(0);
-	surfaceCount = n(() => this.#i.value);
+	surfaceCount = r(() => this.#i.value);
 	constructor(e, t, n) {
 		this.#e = e, this.#t = t, this.#n = n ?? null;
 	}
 	handleMessage(e, t) {
 		Ye(e) ? this.#a(e, t) : Xe(e) ? this.#o(e, t) : Ze(e) ? this.#l(e) : Qe(e) && this.#u(e);
 	}
-	#a(e, n) {
-		let { surfaceId: r, catalogId: a, theme: o } = e.createSurface, s = this.#r.get(r);
+	#a(t, n) {
+		let { surfaceId: r, catalogId: a, theme: o } = t.createSurface, s = this.#r.get(r);
 		if (s) {
 			s.catalogId = a, s.theme = o;
 			return;
 		}
 		let c = {
 			surfaceId: r,
-			planId: t("a2ui-plan"),
+			planId: e("a2ui-plan"),
 			catalogId: a,
 			theme: o,
 			container: n ?? document.createElement("div"),
@@ -1788,11 +1788,11 @@ var L = class {
 		};
 		this.#r.set(r, c), this.#i.value = this.#r.size;
 	}
-	#o(e, n) {
-		let { surfaceId: r, components: a } = e.updateComponents, o = this.#r.get(r);
+	#o(t, n) {
+		let { surfaceId: r, components: a } = t.updateComponents, o = this.#r.get(r);
 		o ? n && (o.container = n) : (o = {
 			surfaceId: r,
-			planId: t("a2ui-plan"),
+			planId: e("a2ui-plan"),
 			container: n ?? document.createElement("div"),
 			components: [],
 			dataModel: i({}),
@@ -1842,15 +1842,15 @@ var L = class {
 			n.bindingDisposers = [], n.actionDisposer?.(), this.#r.delete(t), this.#i.value = this.#r.size;
 		}
 	}
-	#d(t, n) {
-		for (let [r, i] of t.bindings) {
-			let a = n.get(r);
-			if (a) for (let n of i) {
-				let r = e(() => {
-					let e = t.dataModel.value, r = I(e, n.path);
-					r !== void 0 && (n.property === "textContent" ? a.textContent = String(r) : n.property === "src" || n.property === "alt" || n.property.startsWith("aria-") ? a.setAttribute(n.property, String(r)) : a[n.property] = r);
+	#d(e, t) {
+		for (let [r, i] of e.bindings) {
+			let a = t.get(r);
+			if (a) for (let t of i) {
+				let r = n(() => {
+					let n = e.dataModel.value, r = I(n, t.path);
+					r !== void 0 && (t.property === "textContent" ? a.textContent = String(r) : t.property === "src" || t.property === "alt" || t.property.startsWith("aria-") ? a.setAttribute(t.property, String(r)) : a[t.property] = r);
 				});
-				t.bindingDisposers.push(r);
+				e.bindingDisposers.push(r);
 			}
 		}
 	}
@@ -2125,7 +2125,7 @@ var Et = class {
 	#e = i(/* @__PURE__ */ new Map());
 	#t;
 	#n = null;
-	registry = n(() => this.#e.value);
+	registry = r(() => this.#e.value);
 	/** Lazy-initialized A2UI protocol adapter. Only created on first access. */
 	get a2ui() {
 		return this.#n ||= new R(this), this.#n;
@@ -2173,7 +2173,7 @@ function Dt(e) {
 function Ot() {
 	z &&= (z.destroy(), null);
 }
-var kt = 200, At = class e {
+var kt = 200, At = class n {
 	#e;
 	#t;
 	#n;
@@ -2187,43 +2187,43 @@ var kt = 200, At = class e {
 	history;
 	running;
 	constructor(e, t) {
-		this.#e = e, this.#t = t, this.#n = /* @__PURE__ */ new Map(), this.#r = /* @__PURE__ */ new Map(), this.#c(e.states, void 0), this.#i = i(e.initial), this.#a = i(e.context ? Object.freeze({ ...e.context }) : Object.freeze({})), this.#o = i(Object.freeze([])), this.#s = i(!1), this.currentState = n(() => this.#i.value), this.context = n(() => this.#a.value), this.history = n(() => this.#o.value), this.running = n(() => this.#s.value);
+		this.#e = e, this.#t = t, this.#n = /* @__PURE__ */ new Map(), this.#r = /* @__PURE__ */ new Map(), this.#c(e.states, void 0), this.#i = i(e.initial), this.#a = i(e.context ? Object.freeze({ ...e.context }) : Object.freeze({})), this.#o = i(Object.freeze([])), this.#s = i(!1), this.currentState = r(() => this.#i.value), this.context = r(() => this.#a.value), this.history = r(() => this.#o.value), this.running = r(() => this.#s.value);
 	}
 	#c(e, t) {
 		for (let n of e) this.#n.set(n.id, n), t !== void 0 && this.#r.set(n.id, t), n.children && this.#c(n.children, n.id);
 	}
 	start() {
-		this.#s.peek() || r(() => {
+		this.#s.peek() || t(() => {
 			this.#s.value = !0, this.#l(this.#e.initial);
 		});
 	}
-	send(e, n) {
+	send(n, r) {
 		if (!this.#s.peek()) return null;
-		let i = this.#i.peek(), a = this.#a.peek(), o = this.#p(i, e), s = [], c = [], l = null;
+		let i = this.#i.peek(), a = this.#a.peek(), o = this.#p(i, n), s = [], c = [], l = null;
 		for (let e of o) if (e.guard) {
 			let t = e.guard.name || `${e.from}->${e.to}`;
 			e.guard(a) ? (s.push(t), l ||= e) : c.push(t);
 		} else l ||= e;
 		if (!l) return null;
 		let u = Object.freeze({
-			id: t("wf"),
+			id: e("wf"),
 			timestamp: Date.now(),
-			event: e,
+			event: n,
 			from: i,
 			to: l.to,
 			guardsPassed: Object.freeze(s),
 			guardsBlocked: Object.freeze(c),
 			action: l.action
 		});
-		return r(() => {
+		return t(() => {
 			this.#u(i), l.action && this.#m(l.action, {
-				event: e,
-				data: n
+				event: n,
+				data: r
 			}), this.#h(u), this.#i.value = l.to, this.#l(l.to);
 		}), u;
 	}
 	stop() {
-		this.#s.peek() && r(() => {
+		this.#s.peek() && t(() => {
 			this.#u(this.#i.peek()), this.#s.value = !1;
 		});
 	}
@@ -2270,14 +2270,14 @@ var kt = 200, At = class e {
 			timestamp: Date.now()
 		});
 	}
-	static restore(t, n, i) {
-		let a = new e(n, i);
-		return r(() => {
-			a.#i.value = t.currentState, a.#a.value = Object.freeze({ ...t.context }), a.#o.value = Object.freeze([...t.history]), a.#s.value = !0;
+	static restore(e, r, i) {
+		let a = new n(r, i);
+		return t(() => {
+			a.#i.value = e.currentState, a.#a.value = Object.freeze({ ...e.context }), a.#o.value = Object.freeze([...e.history]), a.#s.value = !0;
 		}), a;
 	}
 	destroy() {
-		r(() => {
+		t(() => {
 			this.#s.peek() && this.#u(this.#i.peek()), this.#s.value = !1, this.#o.value = Object.freeze([]), this.#n.clear(), this.#r.clear();
 		});
 	}
@@ -2454,16 +2454,16 @@ var Bt = class {
 	#t = i([]);
 	#n = /* @__PURE__ */ new Map();
 	#r = /* @__PURE__ */ new Map();
-	activeBindings = n(() => this.#t.value);
+	activeBindings = r(() => this.#t.value);
 	constructor(e) {
 		this.#e = e;
 	}
-	bind(n, r, i, a, o) {
+	bind(t, r, i, a, o) {
 		let s = x(a.source, {
 			method: a.method,
 			headers: a.headers,
 			cacheTtl: a.cacheTtl
-		}), c = this.#e.query(s), l = e(() => {
+		}), c = this.#e.query(s), l = n(() => {
 			let e = c.value;
 			if (e === null) return;
 			let t = a.transform ? Rt(e, a.transform) : e;
@@ -2481,7 +2481,7 @@ var Bt = class {
 					Array.isArray(t) && this.#o(i, t, o);
 					break;
 			}
-		}), u = t("dbind"), d;
+		}), u = e("dbind"), d;
 		a.refreshInterval && a.refreshInterval > 0 && (d = setInterval(() => {
 			this.#e.invalidate(zt(s)), this.#e.query(s);
 		}, a.refreshInterval)), this.#n.set(u, {
@@ -2490,14 +2490,14 @@ var Bt = class {
 		});
 		let f = Object.freeze({
 			id: u,
-			planId: n,
+			planId: t,
 			nodeId: r,
 			binding: a,
 			dispose: () => {
-				this.#i(u), this.#t.value = this.#t.value.filter((e) => e.id !== u), this.#a(n, u);
+				this.#i(u), this.#t.value = this.#t.value.filter((e) => e.id !== u), this.#a(t, u);
 			}
-		}), p = this.#r.get(n);
-		return p || (p = /* @__PURE__ */ new Set(), this.#r.set(n, p)), p.add(u), this.#t.value = [...this.#t.value, f], f;
+		}), p = this.#r.get(t);
+		return p || (p = /* @__PURE__ */ new Set(), this.#r.set(t, p)), p.add(u), this.#t.value = [...this.#t.value, f], f;
 	}
 	bindPlan(e, t, n, r) {
 		let i = [];
@@ -3552,16 +3552,16 @@ function wn(e, t) {
 	}
 	return n;
 }
-var Tn = class e {
+var Tn = class t {
 	#e;
 	#t = 0;
 	constructor(e) {
 		this.#e = e ?? /* @__PURE__ */ new Map();
 	}
-	generate(e, n) {
+	generate(t, n) {
 		this.#t = 0;
-		let r = this.#n(e), i = Cn({
-			id: e.id ?? t("plan"),
+		let r = this.#n(t), i = Cn({
+			id: t.id ?? e("plan"),
 			version: 1,
 			root: r,
 			source: n ?? "generated",
@@ -3571,7 +3571,7 @@ var Tn = class e {
 			plan: i,
 			validation: g(i, this.#e, { allowUnregistered: !0 }),
 			accessibility: w(i.root),
-			warnings: Object.freeze(this.#c(e, i))
+			warnings: Object.freeze(this.#c(t, i))
 		});
 	}
 	#n(e) {
@@ -3707,41 +3707,41 @@ var Tn = class e {
 	* Produces a `<form>` with `ui-field` + `ui-input`/`ui-select`/`ui-textarea` per field,
 	* plus a submit `ui-button` at the end.
 	*/
-	static form(t, n) {
+	static form(e, n) {
 		let r = [];
-		for (let e of t) {
-			let t = e.type ?? "text", n;
-			n = t === "select" && e.options ? {
+		for (let t of e) {
+			let e = t.type ?? "text", n;
+			n = e === "select" && t.options ? {
 				component: "ui-select",
-				label: e.name,
+				label: t.name,
 				attributes: {
-					options: JSON.stringify(e.options.map((e) => ({
+					options: JSON.stringify(t.options.map((e) => ({
 						value: e.value,
 						label: e.label
 					}))),
-					...e.placeholder ? { placeholder: e.placeholder } : {},
-					...e.required ? { required: "" } : {}
+					...t.placeholder ? { placeholder: t.placeholder } : {},
+					...t.required ? { required: "" } : {}
 				}
-			} : t === "textarea" ? {
+			} : e === "textarea" ? {
 				component: "ui-textarea",
-				label: e.name,
+				label: t.name,
 				attributes: {
-					...e.placeholder ? { placeholder: e.placeholder } : {},
-					...e.required ? { required: "" } : {}
+					...t.placeholder ? { placeholder: t.placeholder } : {},
+					...t.required ? { required: "" } : {}
 				}
 			} : {
 				component: "ui-input",
-				label: e.name,
+				label: t.name,
 				attributes: {
-					type: t,
-					...e.placeholder ? { placeholder: e.placeholder } : {},
-					...e.required ? { required: "" } : {}
+					type: e,
+					...t.placeholder ? { placeholder: t.placeholder } : {},
+					...t.required ? { required: "" } : {}
 				}
 			}, r.push({
 				component: "ui-field",
 				children: [{
 					component: "label",
-					label: e.name,
+					label: t.name,
 					slot: "label"
 				}, n]
 			});
@@ -3767,13 +3767,13 @@ var Tn = class e {
 			}],
 			title: n?.title
 		};
-		return new e(n?.registry).generate(i);
+		return new t(n?.registry).generate(i);
 	}
 	/**
 	* Build a simple action bar from button descriptors.
 	* Produces a horizontal `<div>` with `ui-button` children.
 	*/
-	static actions(t, n) {
+	static actions(e, n) {
 		let r = {
 			type: "action",
 			elements: [{
@@ -3782,7 +3782,7 @@ var Tn = class e {
 					style: "display: flex; gap: 0.5rem; align-items: center;",
 					role: "toolbar"
 				},
-				children: t.map((e) => ({
+				children: e.map((e) => ({
 					component: "ui-button",
 					label: e.label,
 					attributes: {
@@ -3793,36 +3793,36 @@ var Tn = class e {
 				}))
 			}]
 		};
-		return new e(n?.registry).generate(r);
+		return new t(n?.registry).generate(r);
 	}
 	/**
 	* Build a content card with optional heading, body, media, and footer actions.
 	* Produces a `<ui-card>` with slotted children.
 	*/
-	static card(t, n) {
+	static card(e, n) {
 		let r = [];
-		t.media && r.push({
+		e.media && r.push({
 			component: "img",
 			slot: "media",
 			attributes: {
-				src: t.media.src,
-				alt: t.media.alt,
-				...t.media.height ? { style: `height: ${t.media.height}; object-fit: cover;` } : {}
+				src: e.media.src,
+				alt: e.media.alt,
+				...e.media.height ? { style: `height: ${e.media.height}; object-fit: cover;` } : {}
 			}
-		}), t.heading && r.push({
+		}), e.heading && r.push({
 			component: "div",
 			slot: "header",
 			children: [{
 				component: "span",
-				label: t.heading
+				label: e.heading
 			}]
 		}), r.push({
 			component: "p",
-			label: t.body
-		}), t.footer && t.footer.length > 0 && r.push({
+			label: e.body
+		}), e.footer && e.footer.length > 0 && r.push({
 			component: "div",
 			slot: "footer",
-			children: t.footer.map((e) => ({
+			children: e.footer.map((e) => ({
 				component: "ui-button",
 				label: e.label,
 				attributes: {
@@ -3833,7 +3833,7 @@ var Tn = class e {
 			}))
 		});
 		let i = {};
-		t.interactive && (i.interactive = ""), t.href && (i.href = t.href, i.interactive = "");
+		e.interactive && (i.interactive = ""), e.href && (i.href = e.href, i.interactive = "");
 		let a = {
 			type: "display",
 			elements: [{
@@ -3842,27 +3842,27 @@ var Tn = class e {
 				children: r
 			}]
 		};
-		return new e(n?.registry).generate(a);
+		return new t(n?.registry).generate(a);
 	}
 	/**
 	* Build a confirmation/alert dialog.
 	* Produces a `<ui-dialog>` with a styled panel containing title, body, and action buttons.
 	*/
-	static dialog(t, n) {
+	static dialog(e, n) {
 		let r = [];
-		(t.cancelLabel !== void 0 || t.cancelCommand) && r.push({
+		(e.cancelLabel !== void 0 || e.cancelCommand) && r.push({
 			component: "ui-button",
-			label: t.cancelLabel ?? "Cancel",
+			label: e.cancelLabel ?? "Cancel",
 			attributes: { variant: "ghost" },
-			events: t.cancelCommand ? { "ui-press": t.cancelCommand } : {}
+			events: e.cancelCommand ? { "ui-press": e.cancelCommand } : {}
 		}), r.push({
 			component: "ui-button",
-			label: t.confirmLabel ?? "Confirm",
+			label: e.confirmLabel ?? "Confirm",
 			attributes: {
 				variant: "primary",
-				intent: t.intent ?? "accent"
+				intent: e.intent ?? "accent"
 			},
-			events: { "ui-press": t.confirmCommand }
+			events: { "ui-press": e.confirmCommand }
 		});
 		let i = {
 			type: "composite",
@@ -3874,11 +3874,11 @@ var Tn = class e {
 					children: [
 						{
 							component: "h3",
-							label: t.title
+							label: e.title
 						},
 						{
 							component: "p",
-							label: t.body,
+							label: e.body,
 							attributes: { style: "margin-block: 1rem 1.5rem;" }
 						},
 						{
@@ -3890,14 +3890,14 @@ var Tn = class e {
 				}]
 			}]
 		};
-		return new e(n?.registry).generate(i);
+		return new t(n?.registry).generate(i);
 	}
 	/**
 	* Build a settings toggle list.
 	* Produces a vertical list of `ui-switch` elements with labels and optional descriptions.
 	*/
-	static settings(t, n) {
-		let r = t.map((e) => {
+	static settings(e, n) {
+		let r = e.map((e) => {
 			let t = { name: e.name };
 			e.checked && (t.checked = "");
 			let n = {
@@ -3924,36 +3924,36 @@ var Tn = class e {
 				children: r
 			}]
 		};
-		return new e(n?.registry).generate(i);
+		return new t(n?.registry).generate(i);
 	}
 	/**
 	* Build a tabbed interface.
 	* Produces a `<ui-tabs>` with `<ui-tab>` triggers + `<ui-tab-panels>` container.
 	*/
-	static tabs(t, n) {
+	static tabs(e, n) {
 		let r = [];
-		for (let e of t) {
-			let t = { value: e.value };
-			e.disabled && (t.disabled = ""), r.push({
+		for (let t of e) {
+			let e = { value: t.value };
+			t.disabled && (e.disabled = ""), r.push({
 				component: "ui-tab",
-				label: e.label,
-				attributes: t
+				label: t.label,
+				attributes: e
 			});
 		}
 		let i = [];
-		for (let e of t) i.push({
+		for (let t of e) i.push({
 			component: "ui-tab-panel",
-			attributes: { value: e.value },
+			attributes: { value: t.value },
 			children: [{
 				component: "p",
-				label: e.content
+				label: t.content
 			}]
 		});
 		r.push({
 			component: "ui-tab-panels",
 			children: i
 		});
-		let a = {}, o = n?.defaultValue ?? t[0]?.value;
+		let a = {}, o = n?.defaultValue ?? e[0]?.value;
 		o && (a.value = o), n?.orientation && (a.orientation = n.orientation);
 		let s = {
 			type: "layout",
@@ -3963,17 +3963,17 @@ var Tn = class e {
 				children: r
 			}]
 		};
-		return new e(n?.registry).generate(s);
+		return new t(n?.registry).generate(s);
 	}
 	/**
 	* Build a navigation list.
 	* Produces a `<ui-listbox>` with `<ui-option>` items, optionally grouped with `<ui-option-group>`.
 	*/
-	static nav(t, n) {
+	static nav(e, n) {
 		let r = /* @__PURE__ */ new Map();
-		for (let e of t) {
-			let t = e.group, n = r.get(t);
-			n || (n = [], r.set(t, n)), n.push(e);
+		for (let t of e) {
+			let e = t.group, n = r.get(e);
+			n || (n = [], r.set(e, n)), n.push(t);
 		}
 		let i = [];
 		for (let [e, t] of r) {
@@ -4017,7 +4017,7 @@ var Tn = class e {
 				children: i
 			}]
 		};
-		return new e(n?.registry).generate(a);
+		return new t(n?.registry).generate(a);
 	}
 };
 function En(e) {