@yoyaflow/yoya-ui 0.3.2 → 0.3.3

package/dist/yoya.ssr.js

@@ -1,10 +1,164 @@
+//#region src/core/access.js
+var e = null, t = null;
+function n(e) {
+	if (!e) return null;
+	if (typeof e == "object" && e.code) return {
+		code: e.code,
+		level: e.level === "write" ? "write" : "read"
+	};
+	let t = String(e).trim();
+	return t ? t.startsWith("w.") ? {
+		code: t.slice(2),
+		level: "write"
+	} : t.startsWith("r.") ? {
+		code: t.slice(2),
+		level: "read"
+	} : {
+		code: t,
+		level: "write"
+	} : null;
+}
+function r(e) {
+	let t = n(e);
+	return t ? t.code : String(e ?? "");
+}
+function i({ permissions: e = [], roles: t = [], superAdmins: n = ["super_admin"] } = {}) {
+	let i = {
+		permissions: [...e || []],
+		roles: [...t || []],
+		superAdmins: [...n || []]
+	}, a = new Set(i.permissions), o = /* @__PURE__ */ new Set(), s = () => i.superAdmins.some((e) => i.roles.includes(e));
+	function c(e, t) {
+		return s() ? !0 : t === "write" ? a.has(`w.${e}`) || a.has(e) : a.has(`r.${e}`) || a.has(`w.${e}`) || a.has(e);
+	}
+	function l(e, t) {
+		return c(r(e), t);
+	}
+	let u = {
+		roles() {
+			return i.roles.slice();
+		},
+		permissions() {
+			return i.permissions.slice();
+		},
+		isSuper: s,
+		has(e) {
+			let t = r(e);
+			return s() || a.has(`r.${t}`) || a.has(`w.${t}`) || a.has(t);
+		},
+		canRead(e) {
+			return l(e, "read");
+		},
+		canWrite(e) {
+			return l(e, "write");
+		},
+		setPermissions(e) {
+			return i.permissions = [...e || []], a.clear(), (e || []).forEach((e) => a.add(e)), o.forEach((e) => e()), u;
+		},
+		subscribe(e) {
+			return o.add(e), () => o.delete(e);
+		}
+	};
+	return u;
+}
+function a(t, n) {
+	let r = e;
+	e = t || r;
+	try {
+		return n();
+	} finally {
+		e = r;
+	}
+}
+function o(e) {
+	return t = e || null, t;
+}
+function s() {
+	return e || t;
+}
+//#endregion
 //#region src/core/node.js
-var e = /* @__PURE__ */ new Set([
+var c = Symbol.for("yoya.devtools.bridge");
+function l() {
+	return typeof globalThis > "u" ? null : globalThis[c] || null;
+}
+function u() {
+	let e = l();
+	return e ? e.enabled() : !1;
+}
+function d(e) {
+	let t = l();
+	t && t.emit(e);
+}
+function f(e) {
+	let t = l();
+	t && t.unregister(e);
+}
+function p(e) {
+	let t = l();
+	t && t.captureScope(e);
+}
+function m(e) {
+	let t = l();
+	return t ? t.ensureId(e) : void 0;
+}
+function h(e, t, n) {
+	let r = l();
+	r && r.notify(e, t, n);
+}
+function g(e) {
+	let t = l();
+	t && t.commit(e);
+}
+var _ = /* @__PURE__ */ new Set([
 	"checked",
 	"disabled",
 	"readonly",
 	"selected"
-]), t = /* @__PURE__ */ new Set([
+]), v = /* @__PURE__ */ new Set([
+	"input",
+	"select",
+	"textarea",
+	"button",
+	"fieldset",
+	"option",
+	"optgroup",
+	"keygen"
+]), y = /* @__PURE__ */ new Set(["input", "textarea"]), b = [];
+function x() {
+	return b.length > 0 ? b[b.length - 1] : null;
+}
+function S(e, t) {
+	b.push(e);
+	try {
+		return t();
+	} finally {
+		b.pop();
+	}
+}
+var C = null;
+function w(e, t) {
+	let n = C;
+	C = e;
+	try {
+		return t();
+	} finally {
+		C = n;
+	}
+}
+function T(e, t, n, r) {
+	if (!C) throw TypeError(`vStateNode binding scope required for function value (${e}${t ? ` "${t}"` : ""})`);
+	let i = C;
+	i.bindings.push({
+		commit: r,
+		committed: !1,
+		evaluate: () => n(i.getState()),
+		key: t,
+		kind: e,
+		last: void 0
+	});
+}
+var E = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -20,23 +174,23 @@ var e = /* @__PURE__ */ new Set([
 	"track",
 	"wbr"
 ]);
-function n(e) {
+function D(e) {
 	return typeof e == "string" ? document.querySelector(e) : e;
 }
-function r(e) {
+function ee(e) {
 	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function i(t) {
-	return e.has(t);
+function te(e) {
+	return _.has(e);
 }
-function a(e, t, n) {
+function O(e, t, n) {
 	if (n == null || n === !1) {
 		if (e.removeAttribute(t), t in e) try {
 			e[t] = !1;
 		} catch {}
 		return;
 	}
-	if (n === !0 || i(t)) {
+	if (n === !0 || te(t)) {
 		if (e.setAttribute(t, t), t in e) try {
 			e[t] = !0;
 		} catch {}
@@ -46,19 +200,36 @@ function a(e, t, n) {
 		e[t] = n;
 	} catch {}
 }
-function o(e) {
-	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${s(e)}:${r(t)}`).join("; ");
+function ne(e) {
+	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${re(e)}:${ee(t)}`).join("; ");
 }
-function s(e) {
+function re(e) {
 	return String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-var c = class e {
+function ie(e, t) {
+	return e === t ? !0 : !e || !t || typeof e != "object" || typeof t != "object" ? !1 : !!e.capture == !!t.capture && !!e.once == !!t.once && !!e.passive == !!t.passive;
+}
+var k = class e {
 	constructor(e = null) {
-		this._children = [], this._events = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, e !== null && this.setup(e);
+		this._children = [], this._childKeys = /* @__PURE__ */ new Map(), this._events = /* @__PURE__ */ new Map(), this._domAdapters = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, this._access = null, this._accessContext = s(), u() && p(this), e !== null && this.setup(e);
 	}
 	setup(t) {
 		return typeof t == "function" ? t(this) : t instanceof e ? this.child(t) : typeof t == "string" || typeof t == "number" ? this.text(t) : t && typeof t == "object" && this._setupObject(t), this;
 	}
+	access(e) {
+		let t = n(e);
+		return this._access = t ? {
+			code: t.code,
+			level: "write"
+		} : null, this;
+	}
+	_permissionState() {
+		let e = this._access ?? x();
+		if (!e) return "active";
+		let t = this._accessContext || s();
+		return t ? t.canRead(e.code) ? e.level === "write" && !t.canWrite(e.code) ? "readonly" : "active" : "hidden" : "active";
+	}
+	_applyAccessState(e) {}
 	_setupObject(e) {
 		e.children && this.child(e.children);
 	}
@@ -66,25 +237,79 @@ var c = class e {
 		return [...this._children];
 	}
 	clearChildren() {
-		return this._children.forEach((e) => {
+		let e = this._el && u() && !this._devtoolsRendering ? this._children.map((e) => m(e)) : [];
+		return this._dropChildKeys(this._children), this._children.forEach((e) => {
 			this._pendingRemovals.add(e);
-		}), this._children = [], this._childrenDirty = !0, this;
+		}), this._children = [], this._childrenDirty = !0, e.length > 0 && !this._devtoolsRendering && h(this, "child", { removed: e }), this;
+	}
+	addChild(e, t) {
+		let n = String(e);
+		if (this._childKeys.has(n)) throw TypeError(`duplicate key "${n}"`);
+		let r = ae(t);
+		if (this._childKeys.set(n, r), typeof r.attr == "function" && r.attr("data-row-key", n), this._pendingRemovals.delete(r), this._children.push(r), this._childrenDirty = !0, this._el) {
+			let e = S(this._access ?? x(), () => r.renderDom());
+			e && e.parentNode !== this._el && this._el.appendChild(e), u() && !this._devtoolsRendering && h(this, "child", { added: [m(r)] });
+		}
+		return this;
+	}
+	getChild(e) {
+		return this._childKeys.get(String(e)) || null;
+	}
+	removeChild(e) {
+		let t = String(e), n = this._childKeys.get(t);
+		if (!n) return this;
+		this._childKeys.delete(t);
+		let r = this._children.indexOf(n);
+		r !== -1 && this._children.splice(r, 1), this._childrenDirty = !0;
+		let i = this._el && u() && !this._devtoolsRendering ? m(n) : null;
+		return n.destroy(), i !== null && h(this, "child", { removed: [i] }), this;
+	}
+	_dropChildKeys(e) {
+		let t = new Set(e);
+		this._childKeys.forEach((e, n) => {
+			t.has(e) && this._childKeys.delete(n);
+		});
 	}
 	child(...e) {
 		return e.flat(Infinity).forEach((e) => {
 			if (e == null) return;
-			let t = f(e);
+			let t = ae(e);
 			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
 		}), this;
 	}
 	text(e) {
-		return this.child(new l(e));
+		return this.child(new A(e));
 	}
 	on(e, t, n) {
-		return this._events.has(e) || this._events.set(e, []), this._events.get(e).push({
+		if (typeof t != "function") throw TypeError("ViewNode event handler must be a function");
+		let r = this._events.get(e);
+		return this._events.set(e, {
 			handler: t,
 			options: n
-		}), this._el && (this._el.addEventListener(e, t, n), this._cleanup.push(() => this._el.removeEventListener(e, t, n))), this;
+		}), this._el && this._bindDomAdapter(e, r?.options, n), this;
+	}
+	off(e) {
+		this._events.delete(e);
+		let t = this._domAdapters.get(e);
+		return t && (t.cleanup(), this._removeCleanup(t.cleanup), this._domAdapters.delete(e)), this;
+	}
+	_bindDomAdapter(e, t, n) {
+		let r = this._domAdapters.get(e);
+		if (r) {
+			if (ie(t, n)) return;
+			r.cleanup(), this._removeCleanup(r.cleanup), this._domAdapters.delete(e);
+		}
+		let i = (t) => {
+			let n = this._events.get(e);
+			!n || typeof n.handler != "function" || (n.handler.call(this, t), n.options?.once && this.off(e));
+		}, a = () => {
+			this._el && this._el.removeEventListener(e, i, n);
+		};
+		this._el.addEventListener(e, i, n), this._domAdapters.set(e, { cleanup: a }), this._cleanup.push(a);
+	}
+	_removeCleanup(e) {
+		let t = this._cleanup.indexOf(e);
+		t !== -1 && this._cleanup.splice(t, 1);
 	}
 	registerStateAttrs(...e) {
 		return e.forEach((e) => {
@@ -127,11 +352,14 @@ var c = class e {
 		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
 	}
 	bindTo(e) {
-		let t = n(e), r = this.renderDom();
-		return t && r && t.appendChild(r), this;
+		let t = D(e), n = this.renderDom();
+		return t && n && t.appendChild(n), this;
 	}
 	destroy() {
-		return this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
+		return u() && (d({
+			type: "destroy",
+			node: this
+		}), f(this)), this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._childKeys.clear(), this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
 	}
 	toHTML() {
 		return "";
@@ -139,58 +367,110 @@ var c = class e {
 	hydrateSnapshot() {
 		return this;
 	}
-}, l = class extends c {
+}, A = class extends k {
 	constructor(e = "") {
-		super(null), this._content = String(e), this._textNode = null;
+		if (super(null), this._content = "", this._textNode = null, typeof e == "function") {
+			T("text", null, e, (e) => this.textContent(e));
+			return;
+		}
+		this._content = String(e);
 	}
 	textContent(e) {
-		return e === void 0 ? this._content : (this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this);
+		if (e === void 0) return this._content;
+		if (typeof e == "function") return T("text", null, e, (e) => this.textContent(e)), this;
+		let t = this._content;
+		return this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this._textNode && u() && !Object.is(t, this._content) && h(this, "text", {
+			from: t,
+			to: this._content
+		}), this;
 	}
 	renderDom() {
-		return this._deleted ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
+		return this._deleted || this._permissionState() === "hidden" ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
 	}
 	toHTML() {
-		return this._deleted ? "" : r(this._content);
+		return this._deleted || this._permissionState() === "hidden" ? "" : ee(this._content);
 	}
-}, u = class extends c {
+}, j = class extends k {
 	constructor(e) {
-		super(null), this._component = e, this._resolved = null;
+		super(null), this._component = e, this._resolved = null, this._resolvedList = null, this._roots = null, this._fragmentDom = null;
 	}
 	_resolve() {
-		if (this._resolved) return this._resolved;
-		let e = typeof this._component == "function" ? this._component() : this._component.render();
-		if (!(e instanceof c)) throw TypeError("Component render must return a ViewNode");
-		return this._resolved = e, e;
+		if (this._resolvedList) return this._resolved;
+		let e = a(this._accessContext || s(), () => typeof this._component == "function" ? this._component() : this._component.render()), t = Array.isArray(e) ? e.slice() : [e];
+		return t.forEach((e) => {
+			if (!(e instanceof k)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
+		}), this._resolvedList = t, this._resolved = t[0] || null, this._roots = Array.isArray(e) ? t : null, this._component && typeof this._component == "object" && typeof this._component._attachHost == "function" && this._component._attachHost(this), this._resolved;
+	}
+	_resolveList() {
+		return this._resolve(), this._resolvedList || [];
+	}
+	_replaceResolved(e) {
+		let t = this._resolvedList || [], n = Array.isArray(e) ? e.slice() : [e];
+		if (n.forEach((e) => {
+			if (!(e instanceof k)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
+		}), t.length === n.length && t.every((e, t) => e === n[t])) return;
+		let r = [];
+		if (this._fragmentDom && this._fragmentDom.length > 0) r.push(...this._fragmentDom);
+		else if (t.length > 0) {
+			let e = t[0]._el;
+			e && e.parentNode && r.push(e);
+		}
+		if (this._resolvedList = n, this._resolved = n[0] || null, this._roots = Array.isArray(e) ? n : null, this._fragmentDom = null, r.length === 0) {
+			t.forEach((e) => e.destroy());
+			return;
+		}
+		let i = x(), a = r[0].parentNode, o = [];
+		n.forEach((e) => {
+			let t = S(this._access ?? i, () => e.renderDom());
+			t && o.push(t);
+		}), o.length > 0 && a && o.forEach((e) => a.insertBefore(e, r[0])), r.forEach((e) => {
+			e.parentNode === a && a.removeChild(e);
+		}), this._roots ? this._fragmentDom = o : this._el = o[0] || null, t.forEach((e) => e.destroy());
 	}
 	children() {
-		return this._resolved ? this._resolved.children() : [];
+		return this._resolvedList ? this._roots ? this._resolvedList.flatMap((e) => e.children()) : this._resolvedList[0] ? this._resolvedList[0].children() : [] : [];
 	}
 	textContent() {
-		let e = this._resolve();
-		return typeof e.textContent == "function" ? e.textContent() : "";
+		return this._resolveList().map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	renderDom() {
-		if (this._deleted) return null;
-		let e = this._resolve().renderDom();
-		return this._el = e, e;
+		if (this._deleted || this._permissionState() === "hidden") return null;
+		let e = x(), t = this._resolveList();
+		if (this._roots) {
+			if (this._fragmentDom) return null;
+			let n = [];
+			t.forEach((t) => {
+				let r = S(this._access ?? e, () => t.renderDom());
+				r && n.push(r);
+			}), this._fragmentDom = n;
+			let r = document.createDocumentFragment();
+			return n.forEach((e) => r.appendChild(e)), r;
+		}
+		let n = t[0];
+		return S(this._access ?? e, () => {
+			let e = n.renderDom();
+			return this._el = e, e;
+		});
 	}
 	toHTML() {
-		return this._deleted ? "" : this._resolve().toHTML();
+		if (this._deleted || this._permissionState() === "hidden") return "";
+		let e = x(), t = this._resolveList();
+		return S(this._access ?? e, () => t.map((e) => e.toHTML()).join(""));
 	}
 	destroy() {
-		return this._resolved && this._resolved.destroy(), super.destroy();
+		return this._component && typeof this._component == "object" && typeof this._component.destroy == "function" && this._component.destroy(), (this._resolvedList || []).forEach((e) => e.destroy()), this._fragmentDom = null, super.destroy();
 	}
 };
-function d(e = "") {
-	return new l(e);
+function M(e = "") {
+	return new A(e);
 }
-function f(e) {
-	if (e instanceof c) return e;
-	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new u(e);
-	if (typeof e == "string" || typeof e == "number") return new l(e);
+function ae(e) {
+	if (e instanceof k) return e;
+	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new j(e);
+	if (typeof e == "string" || typeof e == "number") return new A(e);
 	throw TypeError("ViewNode child must be a ViewNode, component, string, or number");
 }
-function p(e = null, t = null, n = null) {
+function oe(e = null, t = null, n = null) {
 	return typeof t == "function" && n == null ? {
 		first: e,
 		options: null,
@@ -201,10 +481,10 @@ function p(e = null, t = null, n = null) {
 		callback: n
 	};
 }
-function m(e, t) {
+function N(e, t) {
 	return !t || typeof t != "object" || Array.isArray(t) ? e : (t.attrs && typeof e.attr == "function" && e.attr(t.attrs), t.style && typeof e.styles == "function" && e.styles(t.style), e);
 }
-var h = class extends c {
+var P = class extends k {
 	constructor(e, t = null) {
 		super(null), this._tagName = e, this._attrs = {}, this._styles = {}, this._classes = /* @__PURE__ */ new Set(), this._el = null, t !== null && this.setup(t);
 	}
@@ -244,7 +524,15 @@ var h = class extends c {
 		return this._children.map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	attr(e, t) {
-		return t === void 0 && typeof e == "string" ? this._attrs[e] : e && typeof e == "object" ? (Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this) : (t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && a(this._el, e, t), this);
+		if (t === void 0 && typeof e == "string") return this._attrs[e];
+		if (e && typeof e == "object") return Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this;
+		if (typeof t == "function") return T("attr", e, t, (t) => this.attr(e, t)), this;
+		let n = this._attrs[e];
+		return t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && O(this._el, e, t), this._el && u() && !this._devtoolsRendering && !Object.is(n, t) && h(this, "attr", {
+			name: e,
+			previous: n,
+			next: t
+		}), this;
 	}
 	id(e) {
 		return e === void 0 ? this.attr("id") : this.attr("id", e);
@@ -264,39 +552,69 @@ var h = class extends c {
 		return !e || !t || e === t ? this : this._classes.has(e) ? (this._classes.delete(e), this.className(t)) : n ? this.className(t) : this;
 	}
 	style(e, t) {
-		return t === void 0 && typeof e == "string" ? this._styles[e] : e && typeof e == "object" ? this.styles(e) : (t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this);
+		if (t === void 0 && typeof e == "string") return this._styles[e];
+		if (e && typeof e == "object") return this.styles(e);
+		if (typeof t == "function") return T("style", e, t, (t) => this.style(e, t)), this;
+		let n = this._styles[e];
+		return t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this._el && u() && !this._devtoolsRendering && !Object.is(n, t) && h(this, "style", {
+			name: e,
+			previous: n,
+			next: t
+		}), this;
 	}
 	styles(e) {
 		return Object.entries(e || {}).forEach(([e, t]) => this.style(e, t)), this;
 	}
 	child(...e) {
+		let t = this._el && u() && !this._devtoolsRendering ? [] : null;
 		return e.flat(Infinity).forEach((e) => {
 			if (e == null) return;
-			let t = f(e);
-			if (this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0, this._el) {
-				let e = t.renderDom();
-				e && e.parentNode !== this._el && this._el.appendChild(e);
+			let n = ae(e);
+			if (this._pendingRemovals.delete(n), this._children.push(n), this._childrenDirty = !0, this._el) {
+				let e = S(this._access ?? x(), () => n.renderDom());
+				e && e.parentNode !== this._el && this._el.appendChild(e), t && t.push(m(n));
 			}
-		}), this;
+		}), t && t.length > 0 && h(this, "child", { added: t }), this;
+	}
+	_applyAccessState(e) {
+		if (e === "readonly") {
+			this._accessAttrsApplied = !0;
+			let e = this._tagName;
+			v.has(e) && this.attr("disabled", !0), y.has(e) && this.attr("readonly", !0), this.attr("aria-disabled", "true");
+			return;
+		}
+		this._accessAttrsApplied && (this._accessAttrsApplied = !1, this.attr("disabled", null), this.attr("readonly", null), this.attr("aria-disabled", null));
 	}
 	renderDom() {
-		return this._deleted ? null : (this._el || (this._el = document.createElement(this._tagName), this._applySnapshotToElement()), this._commitChildren(), this._children.forEach((e) => {
-			let t = e.renderDom();
-			t && t.parentNode !== this._el && this._el.appendChild(t);
-		}), this._el);
+		if (this._deleted) return null;
+		let e = this._permissionState();
+		if (e === "hidden") return null;
+		let t = this._access ?? x();
+		u() && (this._devtoolsRendering = !0);
+		try {
+			return this._el || (this._el = document.createElement(this._tagName), S(t, () => this._applySnapshotToElement())), this._applyAccessState(e), this._commitChildren(), this._children.forEach((e) => {
+				S(t, () => {
+					let t = e.renderDom();
+					t && t.parentNode !== this._el ? this._el.appendChild(t) : !t && e._el && e._el.parentNode === this._el && this._el.removeChild(e._el);
+				});
+			}), u() && g(this), this._el;
+		} finally {
+			this._devtoolsRendering = !1;
+		}
 	}
 	toHTML() {
 		if (this._deleted) return "";
-		let e = this._serializeAttributes(), n = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
-		return t.has(this._tagName) ? n : `${n}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+		let e = this._permissionState();
+		return e === "hidden" ? "" : (this._applyAccessState(e), S(this._access ?? x(), () => {
+			let e = this._serializeAttributes(), t = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
+			return E.has(this._tagName) ? t : `${t}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+		}));
 	}
 	_applyBindingsToElement() {
-		Object.entries(this._attrs).forEach(([e, t]) => a(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
+		Object.entries(this._attrs).forEach(([e, t]) => O(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
 			this._el.style[e] = t;
 		}), this._events.forEach((e, t) => {
-			e.forEach(({ handler: e, options: n }) => {
-				this._el.addEventListener(t, e, n), this._cleanup.push(() => this._el.removeEventListener(t, e, n));
-			});
+			this._bindDomAdapter(t, void 0, e.options);
 		});
 	}
 	_applySnapshotToElement() {
@@ -306,24 +624,28 @@ var h = class extends c {
 		});
 	}
 	_syncClassName() {
-		let e = [...this._classes].join(" ");
-		e ? this._attrs.class = e : delete this._attrs.class, this._el && (e ? this._el.className = e : this._el.removeAttribute("class"));
+		let e = this._attrs.class, t = [...this._classes].join(" ");
+		t ? this._attrs.class = t : delete this._attrs.class, this._el && (t ? this._el.className = t : this._el.removeAttribute("class"), u() && !this._devtoolsRendering && !Object.is(e, t) && h(this, "attr", {
+			name: "class",
+			previous: e,
+			next: t || void 0
+		}));
 	}
 	_serializeAttributes() {
 		let e = { ...this._attrs }, t = this._serializeStyles();
-		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || i(e) ? `${e}="${e}"` : `${e}="${r(t)}"`).join(" ");
+		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || te(e) ? `${e}="${e}"` : `${e}="${ee(t)}"`).join(" ");
 	}
 	_serializeStyles() {
-		return o(this._styles);
+		return ne(this._styles);
 	}
 };
-function g(e, t = h) {
+function se(e, t = P) {
 	return function(n = null, r = null, i = null) {
-		let a = p(n, r, i), o = new t(e, a.first);
-		return m(o, a.options), typeof a.callback == "function" && a.callback(o), o;
+		let a = oe(n, r, i), o = new t(e, a.first);
+		return N(o, a.options), typeof a.callback == "function" && a.callback(o), o;
 	};
 }
-function _(e, t, n = {}) {
+function F(e, t, n = {}) {
 	let { override: r = !1 } = n;
 	Object.entries(t).forEach(([t, n]) => {
 		!r && e.prototype[t] || (e.prototype[t] = function(...e) {
@@ -333,7 +655,7 @@ function _(e, t, n = {}) {
 }
 //#endregion
 //#region src/html/index.js
-var v = class extends h {}, y = [
+var I = class extends P {}, ce = [
 	"a",
 	"abbr",
 	"address",
@@ -455,18 +777,18 @@ var v = class extends h {}, y = [
 	"video",
 	"wbr"
 ];
-function b() {
-	return y.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = tn(t), a = g(i, v);
+function le() {
+	return ce.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = vn(t), a = se(i, I);
 		return e[r] = a, n.forEach((t) => {
 			e[t] = a;
 		}), e;
 	}, {});
 }
-var x = b();
-_(v, x);
-var { a: S, abbr: ee, address: te, area: ne, article: C, aside: re, audio: w, b: T, base: ie, bdi: ae, bdo: E, blockquote: oe, body: se, br: ce, button: le, canvas: ue, caption: de, cite: fe, code: pe, col: me, colgroup: he, data: ge, datalist: _e, dd: ve, del: ye, details: be, dfn: xe, dialog: Se, div: Ce, dl: we, dt: Te, em: Ee, embed: De, fieldset: Oe, figcaption: ke, figure: Ae, footer: je, form: Me, h1: Ne, h2: Pe, h3: Fe, h4: Ie, h5: Le, h6: Re, head: ze, header: Be, hgroup: Ve, hr: He, html: Ue, i: We, iframe: Ge, img: Ke, input: qe, ins: Je, kbd: Ye, label: Xe, legend: Ze, li: Qe, link: $e, main: et, map: tt, mark: nt, menu: rt, meta: it, meter: at, nav: ot, noscript: st, object: ct, ol: lt, optgroup: ut, option: dt, output: ft, p: pt, picture: mt, pre: ht, progress: gt, q: _t, rp: vt, rt: yt, ruby: bt, s: xt, samp: St, script: Ct, search: wt, section: Tt, select: Et, selectedcontent: Dt, slot: Ot, small: kt, source: At, span: jt, strong: Mt, style: Nt, styleTag: Pt, sub: Ft, summary: It, sup: Lt, table: Rt, tbody: zt, td: Bt, template: Vt, textarea: Ht, tfoot: Ut, th: Wt, thead: Gt, time: Kt, title: qt, tr: Jt, track: Yt, u: Xt, ul: Zt, varTag: Qt, video: $t, wbr: en } = x;
-function tn(e) {
+var ue = le();
+F(I, ue);
+var { a: de, abbr: fe, address: pe, area: me, article: he, aside: ge, audio: _e, b: ve, base: ye, bdi: be, bdo: xe, blockquote: Se, body: Ce, br: we, button: Te, canvas: Ee, caption: De, cite: Oe, code: ke, col: Ae, colgroup: je, data: Me, datalist: Ne, dd: Pe, del: Fe, details: Ie, dfn: Le, dialog: Re, div: ze, dl: Be, dt: Ve, em: He, embed: Ue, fieldset: We, figcaption: Ge, figure: Ke, footer: qe, form: Je, h1: Ye, h2: Xe, h3: Ze, h4: Qe, h5: $e, h6: et, head: tt, header: nt, hgroup: rt, hr: it, html: at, i: ot, iframe: st, img: ct, input: lt, ins: ut, kbd: dt, label: ft, legend: pt, li: mt, link: ht, main: gt, map: _t, mark: vt, menu: yt, meta: bt, meter: xt, nav: St, noscript: Ct, object: wt, ol: Tt, optgroup: Et, option: Dt, output: Ot, p: kt, picture: At, pre: jt, progress: Mt, q: Nt, rp: Pt, rt: Ft, ruby: It, s: Lt, samp: Rt, script: zt, search: Bt, section: Vt, select: Ht, selectedcontent: Ut, slot: Wt, small: Gt, source: Kt, span: qt, strong: Jt, style: Yt, styleTag: Xt, sub: Zt, summary: Qt, sup: $t, table: en, tbody: tn, td: nn, template: rn, textarea: an, tfoot: on, th: sn, thead: cn, time: ln, title: un, tr: dn, track: fn, u: pn, ul: mn, varTag: hn, video: gn, wbr: _n } = ue;
+function vn(e) {
 	return typeof e == "string" ? {
 		name: e,
 		tagName: e
@@ -474,20 +796,20 @@ function tn(e) {
 }
 //#endregion
 //#region src/core/document-events.js
-function D(e, t, n = void 0) {
+function L(e, t, n = void 0) {
 	return typeof document > "u" ? () => {} : (document.addEventListener(e, t, n), () => {
 		document.removeEventListener(e, t, n);
 	});
 }
-function nn(e, t, n = void 0) {
+function yn(e, t, n = void 0) {
 	typeof document > "u" || document.removeEventListener(e, t, n);
 }
-function O(e, t, n = void 0) {
+function R(e, t, n = void 0) {
 	return typeof window > "u" ? () => {} : (window.addEventListener(e, t, n), () => {
 		window.removeEventListener(e, t, n);
 	});
 }
-function rn(e, t = null) {
+function bn(e, t = null) {
 	if (typeof document > "u") return null;
 	if (t) {
 		let e = document.querySelector(`[${t}]`);
@@ -498,19 +820,19 @@ function rn(e, t = null) {
 }
 //#endregion
 //#region src/svg/index.js
-var an = "http://www.w3.org/2000/svg", on = /* @__PURE__ */ new Set([
+var xn = "http://www.w3.org/2000/svg", Sn = /* @__PURE__ */ new Set([
 	"desc",
 	"metadata",
 	"text",
 	"textPath",
 	"title",
 	"tspan"
-]), sn = class e extends h {
+]), Cn = class e extends P {
 	setup(e) {
 		return typeof e == "string" || typeof e == "number" ? this.child(e) : super.setup(e);
 	}
 	text(...e) {
-		if (on.has(this._tagName)) {
+		if (Sn.has(this._tagName)) {
 			let [t, n] = e;
 			return e.length > 0 && this.child(t), n != null && this.setup(n), this;
 		}
@@ -518,10 +840,10 @@ var an = "http://www.w3.org/2000/svg", on = /* @__PURE__ */ new Set([
 	}
 	style(...e) {
 		let [t, n] = e;
-		return this._tagName === "style" && e.length <= 1 ? (e.length === 1 && this.child(t), this) : e.length <= 1 && cn(t) ? this._svgChild("style", t) : super.style(t, n);
+		return this._tagName === "style" && e.length <= 1 ? (e.length === 1 && this.child(t), this) : e.length <= 1 && wn(t) ? this._svgChild("style", t) : super.style(t, n);
 	}
 	renderDom() {
-		return this._deleted ? null : (this._el || (this._el = document.createElementNS(an, this._tagName), this._applySnapshotToElement()), this._el);
+		return this._deleted ? null : (this._el || (this._el = document.createElementNS(xn, this._tagName), this._applySnapshotToElement()), this._el);
 	}
 	_syncClassName() {
 		let e = [...this._classes].join(" ");
@@ -534,32 +856,32 @@ var an = "http://www.w3.org/2000/svg", on = /* @__PURE__ */ new Set([
 		}), this.child(r);
 	}
 };
-function cn(e) {
+function wn(e) {
 	return e == null || typeof e == "function" || typeof e == "string" || typeof e == "number" || Array.isArray(e);
 }
-var ln = /* @__PURE__ */ "animate.animateMotion.animateTransform.circle.clipPath.defs.desc.ellipse.feBlend.feColorMatrix.feComponentTransfer.feComposite.feConvolveMatrix.feDiffuseLighting.feDisplacementMap.feDistantLight.feDropShadow.feFlood.feFuncA.feFuncB.feFuncG.feFuncR.feGaussianBlur.feImage.feMerge.feMergeNode.feMorphology.feOffset.fePointLight.feSpecularLighting.feSpotLight.feTile.feTurbulence.filter.foreignObject.g.image.line.linearGradient.marker.mask.metadata.mpath.path.pattern.polygon.polyline.radialGradient.rect.set.stop.a.script.style.switch.text.title.symbol.textPath.tspan.use.view".split(".");
-function un(e) {
+var Tn = /* @__PURE__ */ "animate.animateMotion.animateTransform.circle.clipPath.defs.desc.ellipse.feBlend.feColorMatrix.feComponentTransfer.feComposite.feConvolveMatrix.feDiffuseLighting.feDisplacementMap.feDistantLight.feDropShadow.feFlood.feFuncA.feFuncB.feFuncG.feFuncR.feGaussianBlur.feImage.feMerge.feMergeNode.feMorphology.feOffset.fePointLight.feSpecularLighting.feSpotLight.feTile.feTurbulence.filter.foreignObject.g.image.line.linearGradient.marker.mask.metadata.mpath.path.pattern.polygon.polyline.radialGradient.rect.set.stop.a.script.style.switch.text.title.symbol.textPath.tspan.use.view".split(".");
+function En(e) {
 	return function(...t) {
-		let n = new sn(e);
+		let n = new Cn(e);
 		return e === "svg" && n.style("display", "block"), t.forEach((e) => {
 			e != null && n.setup(e);
 		}), n;
 	};
 }
-function dn() {
-	return ln.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = mn(t), a = un(i);
+function Dn() {
+	return Tn.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = An(t), a = En(i);
 		return e[r] = a, n.forEach((t) => {
 			e[t] = a;
 		}), e;
 	}, {});
 }
-var fn = un("svg"), pn = dn();
-_(v, { svg: fn }), _(sn, {
-	svg: fn,
-	...pn
+var On = En("svg"), kn = Dn();
+F(I, { svg: On }), F(Cn, {
+	svg: On,
+	...kn
 });
-function mn(e) {
+function An(e) {
 	return typeof e == "string" ? {
 		name: e,
 		tagName: e
@@ -567,8 +889,8 @@ function mn(e) {
 }
 //#endregion
 //#region src/svg/icons.js
-function hn() {
-	return fn((e) => {
+function jn() {
+	return On((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
 			fill: "none",
@@ -585,63 +907,63 @@ function hn() {
 }
 //#endregion
 //#region src/components/shared.js
-var gn = "yoya-component";
-function k(e, t) {
+var Mn = "yoya-component";
+function z(e, t) {
 	return `var(--yoya-${e}, ${t})`;
 }
-function A(e, t, n = "1px") {
-	return `${n} solid ${k(e, t)}`;
+function B(e, t, n = "1px") {
+	return `${n} solid ${z(e, t)}`;
 }
-function j(e = null, t = null, n = null) {
-	return p(e, t, n);
+function V(e = null, t = null, n = null) {
+	return oe(e, t, n);
 }
-function _n(e, t) {
-	return typeof e.attr == "function" || typeof e.styles == "function" ? m(e, t) : (typeof e.render == "function" && m(e.render(), t), e);
+function Nn(e, t) {
+	return typeof e.attr == "function" || typeof e.styles == "function" ? N(e, t) : (typeof e.render == "function" && N(e.render(), t), e);
 }
-function M(e, t = null, n = null) {
-	return _n(e, t), typeof n == "function" && n(e), e;
+function H(e, t = null, n = null) {
+	return Nn(e, t), typeof n == "function" && n(e), e;
 }
-function vn(e, t = null, n = null, r = null) {
-	let { first: i, options: a, callback: o } = j(t, n, r);
-	return M(i instanceof e ? i : new e(i), a, o);
+function Pn(e, t = null, n = null, r = null) {
+	let { first: i, options: a, callback: o } = V(t, n, r);
+	return H(i instanceof e ? i : new e(i), a, o);
 }
-function yn(e, t) {
-	return t == null ? e : typeof t == "function" ? (t(e), e) : t instanceof c || Array.isArray(t) || typeof t == "string" || typeof t == "number" ? (e.child(t), e) : (xn(t) && e.setup(t), e);
+function Fn(e, t) {
+	return t == null ? e : typeof t == "function" ? (t(e), e) : t instanceof k || Array.isArray(t) || typeof t == "string" || typeof t == "number" ? (e.child(t), e) : (Ln(t) && e.setup(t), e);
 }
-function bn(e) {
+function In(e) {
 	return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-function N(e, t) {
+function U(e, t) {
 	return e.children().forEach((e) => e.destroy()), e._children = [], e._el && e._el.replaceChildren(), t.length > 0 && e.child(t), e;
 }
-function xn(e) {
+function Ln(e) {
 	if (Object.prototype.toString.call(e) !== "[object Object]") return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
 }
 //#endregion
 //#region src/layout/split-panel.js
-var Sn = class extends v {
+var Rn = class extends I {
 	constructor(e = null, t = null, n = null) {
-		super("div", null), this.className(gn, "yoya-vsplit-panel"), this.styles({
+		super("div", null), this.className(Mn, "yoya-vsplit-panel"), this.styles({
 			boxSizing: "border-box",
 			display: "flex",
 			minHeight: "0",
 			minWidth: "0",
 			overflow: "hidden",
 			width: "100%"
-		}), this._direction = "horizontal", this._firstSize = "50%", this._minSize = 40, this._drag = null, this._dragMove = null, this._dragUp = null, this._first = new v("div").className("yoya-vsplit-panel-first").attr("data-vsplit-first", "true").styles({
+		}), this._direction = "horizontal", this._firstSize = "50%", this._minSize = 40, this._drag = null, this._dragMove = null, this._dragUp = null, this._first = new I("div").className("yoya-vsplit-panel-first").attr("data-vsplit-first", "true").styles({
 			boxSizing: "border-box",
 			minHeight: "0",
 			minWidth: "0",
 			overflow: "auto"
-		}), this._second = new v("div").className("yoya-vsplit-panel-second").attr("data-vsplit-second", "true").styles({
+		}), this._second = new I("div").className("yoya-vsplit-panel-second").attr("data-vsplit-second", "true").styles({
 			boxSizing: "border-box",
 			flex: "1 1 auto",
 			minHeight: "0",
 			minWidth: "0",
 			overflow: "auto"
-		}), this._divider = new v("div").className("yoya-vsplit-panel-divider").attr({
+		}), this._divider = new I("div").className("yoya-vsplit-panel-divider").attr({
 			"aria-orientation": "horizontal",
 			"data-vsplit-divider": "true",
 			role: "separator",
@@ -651,13 +973,13 @@ var Sn = class extends v {
 			background: "transparent",
 			boxSizing: "border-box",
 			flex: "0 0 auto"
-		}).on("mousedown", (e) => this._startDrag(e)).on("dblclick", () => this.reset()).on("keydown", (e) => this._handleKeydown(e)).on("mouseenter", () => this._hoverDivider(!0)).on("mouseleave", () => this._hoverDivider(!1)), this.child(this._first, this._divider, this._second), this._sync(), this._setupSplitPanel(e), M(this, t, n);
+		}).on("mousedown", (e) => this._startDrag(e)).on("dblclick", () => this.reset()).on("keydown", (e) => this._handleKeydown(e)).on("mouseenter", () => this._hoverDivider(!0)).on("mouseleave", () => this._hoverDivider(!1)), this.child(this._first, this._divider, this._second), this._sync(), this._setupSplitPanel(e), H(this, t, n);
 	}
 	direction(e) {
 		return e === void 0 ? this._direction : (this._direction = e === "vertical" ? "vertical" : "horizontal", this._sync(), this);
 	}
 	size(e) {
-		return e === void 0 ? this._firstSize : (this._firstSize = wn(e), this._sync(), this);
+		return e === void 0 ? this._firstSize : (this._firstSize = Bn(e), this._sync(), this);
 	}
 	minSize(e) {
 		if (e === void 0) return this._minSize;
@@ -668,10 +990,10 @@ var Sn = class extends v {
 		return this.size("50%");
 	}
 	first(e) {
-		return N(this._first, []), typeof e == "function" ? e(this._first) : N(this._first, bn(e)), this;
+		return U(this._first, []), typeof e == "function" ? e(this._first) : U(this._first, In(e)), this;
 	}
 	second(e) {
-		return N(this._second, []), typeof e == "function" ? e(this._second) : N(this._second, bn(e)), this;
+		return U(this._second, []), typeof e == "function" ? e(this._second) : U(this._second, In(e)), this;
 	}
 	destroy() {
 		return this._endDrag(), super.destroy();
@@ -693,7 +1015,7 @@ var Sn = class extends v {
 		}), this._divider.attr("aria-orientation", e ? "horizontal" : "vertical"), this;
 	}
 	_hoverDivider(e) {
-		this._divider.style("background", e ? k("color-primary-subtle", "#eff6ff") : "var(--yoya-color-border-faint, #efefef)");
+		this._divider.style("background", e ? z("color-primary-subtle", "#eff6ff") : "var(--yoya-color-border-faint, #efefef)");
 	}
 	_startDrag(e) {
 		if (e.button !== 0 || !this._el) return;
@@ -703,18 +1025,18 @@ var Sn = class extends v {
 			containerSize: a,
 			start: r,
 			startSize: i
-		}, this._dragMove = (e) => this._onDrag(e), this._dragUp = () => this._endDrag(), this._dragUnbindMove = D("mousemove", this._dragMove), this._dragUnbindUp = D("mouseup", this._dragUp);
+		}, this._dragMove = (e) => this._onDrag(e), this._dragUp = () => this._endDrag(), this._dragUnbindMove = L("mousemove", this._dragMove), this._dragUnbindUp = L("mouseup", this._dragUp);
 	}
 	_onDrag(e) {
 		if (!this._drag) return;
-		let t = (this._direction === "horizontal" ? e.clientX : e.clientY) - this._drag.start, n = Tn(this._drag.startSize + t, this._minSize, this._drag.containerSize - this._minSize);
+		let t = (this._direction === "horizontal" ? e.clientX : e.clientY) - this._drag.start, n = Vn(this._drag.startSize + t, this._minSize, this._drag.containerSize - this._minSize);
 		this._firstSize = `${Math.round(n)}px`, this._sync();
 	}
 	_handleKeydown(e) {
 		let t = e.key === "ArrowLeft" || e.key === "ArrowUp" ? -16 : e.key === "ArrowRight" || e.key === "ArrowDown" ? 16 : 0;
 		if (!t || !this._el) return;
 		e.preventDefault();
-		let n = this._direction === "horizontal" ? this._el.offsetWidth : this._el.offsetHeight, r = Tn((Number.parseFloat(this._firstSize) || 0) + t, this._minSize, n - this._minSize);
+		let n = this._direction === "horizontal" ? this._el.offsetWidth : this._el.offsetHeight, r = Vn((Number.parseFloat(this._firstSize) || 0) + t, this._minSize, n - this._minSize);
 		this._firstSize = `${Math.round(r)}px`, this._sync();
 	}
 	_endDrag() {
@@ -726,7 +1048,7 @@ var Sn = class extends v {
 				e(this);
 				return;
 			}
-			if (xn(e)) {
+			if (Ln(e)) {
 				let { direction: t, first: n, minSize: r, second: i, size: a, ...o } = e;
 				Object.keys(o).length > 0 && this.setup(o), t !== void 0 && this.direction(t), a !== void 0 && this.size(a), r !== void 0 && this.minSize(r), n !== void 0 && this.first(n), i !== void 0 && this.second(i);
 				return;
@@ -735,21 +1057,21 @@ var Sn = class extends v {
 		}
 	}
 };
-function Cn(e = null, t = null, n = null) {
-	return vn(Sn, e, t, n);
+function zn(e = null, t = null, n = null) {
+	return Pn(Rn, e, t, n);
 }
-_(v, { vSplitPanel: Cn });
-function wn(e) {
+F(I, { vSplitPanel: zn });
+function Bn(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Tn(e, t, n) {
+function Vn(e, t, n) {
 	return Number.isNaN(e) ? t : Math.min(Math.max(e, t), Math.max(n, t));
 }
 //#endregion
 //#region src/layout/masonry.js
-var En = class extends v {
+var Hn = class extends I {
 	constructor(e = null) {
-		super("div", null), this._columns = 3, this._gap = 16, this._minColumnWidth = null, this.className(gn, "yoya-vmasonry"), this.attr({ "data-columns": "3" }), this.styles({
+		super("div", null), this._columns = 3, this._gap = 16, this._minColumnWidth = null, this.className(Mn, "yoya-vmasonry"), this.attr({ "data-columns": "3" }), this.styles({
 			boxSizing: "border-box",
 			columnCount: "3",
 			columnGap: "16px",
@@ -780,28 +1102,28 @@ var En = class extends v {
 				e(this);
 				return;
 			}
-			if (xn(e)) {
+			if (Ln(e)) {
 				let { columns: t, gap: n, minColumnWidth: r, ...i } = e;
 				Object.keys(i).length > 0 && this.setup(i), t !== void 0 && this.columns(t), n !== void 0 && this.gap(n), r !== void 0 && this.minColumnWidth(r);
 			}
 		}
 	}
 };
-function Dn(e = null, t = null, n = null) {
-	return vn(En, e, t, n);
+function Un(e = null, t = null, n = null) {
+	return Pn(Hn, e, t, n);
 }
 //#endregion
 //#region src/layout/theme-shell.js
-var On = class extends v {
+var Wn = class extends I {
 	constructor(e = null) {
 		super("div", null), this.className("yoya-component", "yoya-vtheme-shell"), this.styles({
-			background: k("color-surface", "#ffffff"),
-			border: `1px solid ${k("color-border", "#d8dee8")}`,
-			borderRadius: k("radius-md", "6px"),
+			background: z("color-surface", "#ffffff"),
+			border: `1px solid ${z("color-border", "#d8dee8")}`,
+			borderRadius: z("radius-md", "6px"),
 			boxSizing: "border-box",
-			color: k("color-text", "#172033"),
+			color: z("color-text", "#172033"),
 			minWidth: "0"
-		}), yn(this, e);
+		}), Fn(this, e);
 	}
 	_requireSingleShellChild() {
 		let e = this.children();
@@ -842,7 +1164,7 @@ var On = class extends v {
 		return e === void 0 ? this._styles.background : e === null ? this : (this._styles.background = String(e), this._el && (this._el.style.background = String(e)), this);
 	}
 	backgroundOpacity(e) {
-		let t = this.background() || k("color-surface", "#ffffff"), n = Math.max(0, Math.min(1, Number(e) || 0));
+		let t = this.background() || z("color-surface", "#ffffff"), n = Math.max(0, Math.min(1, Number(e) || 0));
 		return this.background(`color-mix(in srgb, ${t} ${Math.round(n * 100)}%, transparent)`);
 	}
 	radius(e) {
@@ -858,81 +1180,81 @@ var On = class extends v {
 		return this.styles({ overflow: e ? "auto" : "visible" });
 	}
 };
-function kn(e = null, t = null, n = null) {
-	return vn(On, e, t, n);
+function Gn(e = null, t = null, n = null) {
+	return Pn(Wn, e, t, n);
 }
-_(h, { vThemeShell: kn });
+F(P, { vThemeShell: Gn });
 //#endregion
 //#region src/layout/index.js
-var An = /* @__PURE__ */ new Set(/* @__PURE__ */ "align.areas.asideWidth.autoFlow.breakpoint.columns.direction.drawer.gutter.offset.pull.push.span.xs.sm.md.lg.xl.gap.justify.maxWidth.minColumnWidth.mobileDirection.mobileGap.orientation.padding.paddingInline.rows.safeArea.size.breakpoints.viewport.wrap".split(".")), jn = /* @__PURE__ */ new Set(["height", "width"]);
-function Mn(e = null, t = null, n = null) {
-	return P("flex", { display: "flex" }, e, I, t, n);
+var Kn = /* @__PURE__ */ new Set(/* @__PURE__ */ "align.areas.asideWidth.autoFlow.breakpoint.columns.direction.drawer.gutter.offset.pull.push.span.xs.sm.md.lg.xl.gap.justify.maxWidth.minColumnWidth.mobileDirection.mobileGap.orientation.padding.paddingInline.rows.safeArea.size.breakpoints.viewport.wrap".split(".")), qn = /* @__PURE__ */ new Set(["height", "width"]);
+function Jn(e = null, t = null, n = null) {
+	return W("flex", { display: "flex" }, e, vr, t, n);
 }
-function Nn(e = null, t = null, n = null) {
-	return P("stack", {
+function Yn(e = null, t = null, n = null) {
+	return W("stack", {
 		display: "flex",
 		flexDirection: "column"
-	}, e, I, t, n);
+	}, e, vr, t, n);
 }
-function Pn(e = null, t = null, n = null) {
-	return P("vstack", {
+function Xn(e = null, t = null, n = null) {
+	return W("vstack", {
 		display: "flex",
 		flexDirection: "column"
-	}, e, I, t, n);
+	}, e, vr, t, n);
 }
-function Fn(e = null, t = null, n = null) {
-	return P("hstack", {
+function Zn(e = null, t = null, n = null) {
+	return W("hstack", {
 		display: "flex",
 		flexDirection: "row"
-	}, e, I, t, n);
+	}, e, vr, t, n);
 }
-function In(e = null, t = null, n = null) {
-	return P("center", {
+function Qn(e = null, t = null, n = null) {
+	return W("center", {
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center"
-	}, e, I, t, n);
+	}, e, vr, t, n);
 }
-function Ln(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = new v("div");
+function $n(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = new I("div");
 	i.className("yoya-layout", "yoya-vrow"), i.styles({
 		boxSizing: "border-box",
 		display: "flex",
 		flexWrap: "wrap",
 		width: "100%"
-	}), i._gutter = null, i.gutter = (e) => e === void 0 ? i._gutter : (i._gutter = B(e), cr(i), i), i.justify = (e) => e === void 0 ? i.style("justifyContent") : (i.style("justifyContent", e), i), i.align = (e) => e === void 0 ? i.style("alignItems") : (i.style("alignItems", e), i), i.wrap = (e) => e === void 0 ? i.style("flexWrap") : (i.style("flexWrap", e === !1 ? "nowrap" : V(e ?? !0)), i);
+	}), i._gutter = null, i.gutter = (e) => e === void 0 ? i._gutter : (i._gutter = q(e), Tr(i), i), i.justify = (e) => e === void 0 ? i.style("justifyContent") : (i.style("justifyContent", e), i), i.align = (e) => e === void 0 ? i.style("alignItems") : (i.style("alignItems", e), i), i.wrap = (e) => e === void 0 ? i.style("flexWrap") : (i.style("flexWrap", e === !1 ? "nowrap" : Jr(e ?? !0)), i);
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), cr(i), i), F(i, r.first, lr), cr(i), M(i, r.options, r.callback);
+	return i.child = (...e) => (a(...e), Tr(i), i), G(i, r.first, Er), Tr(i), H(i, r.options, r.callback);
 }
-function Rn(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = new v("div");
+function er(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = new I("div");
 	return i.className("yoya-layout", "yoya-vcol"), i.styles({
 		boxSizing: "border-box",
 		minWidth: "0"
-	}), i._baseCol = L({}), i._responsiveCols = [], i._gutter = null, i.refresh = i._refreshCol = () => {
+	}), i._baseCol = kr({}), i._responsiveCols = [], i._gutter = null, i.refresh = i._refreshCol = () => {
 		let e = typeof window > "u" ? null : window.innerWidth, t = (e === null ? null : i._responsiveCols.filter((t) => e >= t.minWidth).at(-1))?.props ?? i._baseCol;
-		return i.style("boxSizing", "border-box"), i.style("flex", "0 0 auto"), i.style("left", t.push ? `${z(t.push)}%` : null), i.style("marginLeft", t.offset ? `${z(t.offset)}%` : null), i.style("paddingLeft", i._gutter ? mr(i._gutter) : null), i.style("paddingRight", i._gutter ? mr(i._gutter) : null), i.style("position", t.push || t.pull ? "relative" : null), i.style("right", t.pull ? `${z(t.pull)}%` : null), i.style("width", `${z(t.span)}%`), i;
-	}, i.span = (e) => e === void 0 ? i._baseCol.span : (i._baseCol.span = R(e), i._refreshCol(), i), i.offset = (e) => e === void 0 ? i._baseCol.offset : (i._baseCol.offset = R(e), i._refreshCol(), i), i.push = (e) => e === void 0 ? i._baseCol.push : (i._baseCol.push = R(e), i._refreshCol(), i), i.pull = (e) => e === void 0 ? i._baseCol.pull : (i._baseCol.pull = R(e), i._refreshCol(), i), i.gutter = (e) => e === void 0 ? i._gutter : (i._gutter = B(e), i._refreshCol(), i), F(i, r.first, ur), i._refreshCol(), i._responsiveCols.length && (i._colResize = () => i._refreshCol(), i._colResizeUnbind = O("resize", i._colResize), hr(i)), M(i, r.options, r.callback);
+		return i.style("boxSizing", "border-box"), i.style("flex", "0 0 auto"), i.style("left", t.push ? `${Mr(t.push)}%` : null), i.style("marginLeft", t.offset ? `${Mr(t.offset)}%` : null), i.style("paddingLeft", i._gutter ? Nr(i._gutter) : null), i.style("paddingRight", i._gutter ? Nr(i._gutter) : null), i.style("position", t.push || t.pull ? "relative" : null), i.style("right", t.pull ? `${Mr(t.pull)}%` : null), i.style("width", `${Mr(t.span)}%`), i;
+	}, i.span = (e) => e === void 0 ? i._baseCol.span : (i._baseCol.span = K(e), i._refreshCol(), i), i.offset = (e) => e === void 0 ? i._baseCol.offset : (i._baseCol.offset = K(e), i._refreshCol(), i), i.push = (e) => e === void 0 ? i._baseCol.push : (i._baseCol.push = K(e), i._refreshCol(), i), i.pull = (e) => e === void 0 ? i._baseCol.pull : (i._baseCol.pull = K(e), i._refreshCol(), i), i.gutter = (e) => e === void 0 ? i._gutter : (i._gutter = q(e), i._refreshCol(), i), G(i, r.first, Dr), i._refreshCol(), i._responsiveCols.length && (i._colResize = () => i._refreshCol(), i._colResizeUnbind = R("resize", i._colResize), Pr(i)), H(i, r.options, r.callback);
 }
-function zn(e = null, t = null, n = null) {
-	return P("grid", { display: "grid" }, e, nr, t, n);
+function tr(e = null, t = null, n = null) {
+	return W("grid", { display: "grid" }, e, yr, t, n);
 }
-function Bn(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = P("responsive-grid", { display: "grid" }, r.first, rr, r.options, r.callback), a = U(r.first) ? r.first : {};
-	return i._responsiveGridBreakpoints = Or(a.breakpoints), i._responsiveGridMinColumnWidth = Dr(a.minColumnWidth), i._responsiveGridRefresh = () => {
+function nr(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = W("responsive-grid", { display: "grid" }, r.first, br, r.options, r.callback), a = Xr(r.first) ? r.first : {};
+	return i._responsiveGridBreakpoints = qr(a.breakpoints), i._responsiveGridMinColumnWidth = Kr(a.minColumnWidth), i._responsiveGridRefresh = () => {
 		let e = typeof window > "u" ? null : window.innerWidth, t = e === null ? null : i._responsiveGridBreakpoints.filter((t) => e >= t.minWidth).at(-1);
 		return i.style("gridTemplateColumns", t ? `repeat(${t.columns}, minmax(0, 1fr))` : `repeat(auto-fit, minmax(${i._responsiveGridMinColumnWidth}, 1fr))`), i;
-	}, i.refresh = i._responsiveGridRefresh, i.minColumnWidth = (e) => e === void 0 ? i._responsiveGridMinColumnWidth : (i._responsiveGridMinColumnWidth = Dr(e), i._responsiveGridRefresh(), i), i.breakpoints = (e) => e === void 0 ? i._responsiveGridBreakpoints : (i._responsiveGridBreakpoints = Or(e), i._responsiveGridBreakpoints.length && !i._responsiveGridResize && !i._responsiveGridResizeUnbind && (i._responsiveGridResize = () => i._responsiveGridRefresh(), i._responsiveGridResizeUnbind = O("resize", i._responsiveGridResize), Un(i)), i._responsiveGridRefresh(), i), i._responsiveGridRefresh(), i._responsiveGridBreakpoints.length && (i._responsiveGridResize = () => i._responsiveGridRefresh(), i._responsiveGridResizeUnbind = O("resize", i._responsiveGridResize), Un(i)), i;
+	}, i.refresh = i._responsiveGridRefresh, i.minColumnWidth = (e) => e === void 0 ? i._responsiveGridMinColumnWidth : (i._responsiveGridMinColumnWidth = Kr(e), i._responsiveGridRefresh(), i), i.breakpoints = (e) => e === void 0 ? i._responsiveGridBreakpoints : (i._responsiveGridBreakpoints = qr(e), i._responsiveGridBreakpoints.length && !i._responsiveGridResize && !i._responsiveGridResizeUnbind && (i._responsiveGridResize = () => i._responsiveGridRefresh(), i._responsiveGridResizeUnbind = R("resize", i._responsiveGridResize), ar(i)), i._responsiveGridRefresh(), i), i._responsiveGridRefresh(), i._responsiveGridBreakpoints.length && (i._responsiveGridResize = () => i._responsiveGridRefresh(), i._responsiveGridResizeUnbind = R("resize", i._responsiveGridResize), ar(i)), i;
 }
-function Vn(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = new v("div"), a = new v("div").className("yoya-vbody-content"), o = i.child.bind(i);
+function rr(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = new I("div"), a = new I("div").className("yoya-vbody-content"), o = i.child.bind(i);
 	return i.className("yoya-layout", "yoya-vbody"), i.attr("data-page-body", "true"), i.styles({
-		background: k("color-bg", "#f9f9f9"),
+		background: z("color-bg", "#f9f9f9"),
 		boxSizing: "border-box",
-		color: k("color-text", "#0d0d0d"),
-		fontFamily: k("font-family", "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"),
-		fontSize: k("font-size", "14px"),
-		lineHeight: k("line-height", "1.5"),
+		color: z("color-text", "#0d0d0d"),
+		fontFamily: z("font-family", "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"),
+		fontSize: z("font-size", "14px"),
+		lineHeight: z("line-height", "1.5"),
 		minHeight: "100%",
 		padding: "clamp(16px, 3vw, 32px)",
 		width: "100%"
@@ -943,30 +1265,30 @@ function Vn(e = null, t = null, n = null) {
 		marginRight: "auto",
 		maxWidth: "1120px",
 		width: "100%"
-	}), o(a), i.background = (e) => e === void 0 ? i.style("background") : (i.style("background", e), i), i.maxWidth = (e) => e === void 0 ? a.style("maxWidth") : (a.style("maxWidth", B(e)), i), i.padding = (e) => e === void 0 ? i.style("padding") : (i.style("padding", B(e)), i), i.gap = (e) => e === void 0 ? a.style("gap") : (a.style("gap", B(e)), i), i.minHeight = (e) => e === void 0 ? i.style("minHeight") : (i.style("minHeight", B(e)), i), i.content = (e) => e === void 0 ? a : (typeof e == "function" ? e(a) : a.child(e), i), i.child = (...e) => (a.child(...e), i), ir(i, r.first), M(i, r.options, r.callback);
+	}), o(a), i.background = (e) => e === void 0 ? i.style("background") : (i.style("background", e), i), i.maxWidth = (e) => e === void 0 ? a.style("maxWidth") : (a.style("maxWidth", q(e)), i), i.padding = (e) => e === void 0 ? i.style("padding") : (i.style("padding", q(e)), i), i.gap = (e) => e === void 0 ? a.style("gap") : (a.style("gap", q(e)), i), i.minHeight = (e) => e === void 0 ? i.style("minHeight") : (i.style("minHeight", q(e)), i), i.content = (e) => e === void 0 ? a : (typeof e == "function" ? e(a) : a.child(e), i), i.child = (...e) => (a.child(...e), i), xr(i, r.first), H(i, r.options, r.callback);
 }
-function Hn(e = null, t = null) {
-	let n = Vn(e);
+function ir(e = null, t = null) {
+	let n = rr(e);
 	return typeof document < "u" && n.bindTo(t || document.body), n;
 }
-function Un(e) {
+function ar(e) {
 	if (e._responsiveGridDestroyWrapped) return;
 	e._responsiveGridDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
 	e.destroy = () => (e._responsiveGridResizeUnbind?.(), t());
 }
-function Wn(e = null, t = null, n = null) {
-	return P("container", {
+function or(e = null, t = null, n = null) {
+	return W("container", {
 		width: "100%",
 		maxWidth: "1120px",
 		marginLeft: "auto",
 		marginRight: "auto",
 		paddingLeft: "16px",
 		paddingRight: "16px"
-	}, e, ar, t, n);
+	}, e, Sr, t, n);
 }
-function Gn(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = new v("div");
+function sr(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = new I("div");
 	i.className("yoya-layout", "yoya-vcontainer"), i.styles({
 		boxSizing: "border-box",
 		display: "flex",
@@ -987,22 +1309,22 @@ function Gn(e = null, t = null, n = null) {
 		minHeight: i._scrollable ? "0" : null,
 		overflow: i._scrollable ? "auto" : null,
 		overscrollBehavior: i._scrollable ? "contain" : null
-	}), i), i._autoDirection = () => i.children().some((e) => br(e)) ? "column" : "row", i._syncContainerDirection = () => (i.style("flexDirection", i._direction || i._autoDirection()), i), i.direction = (e) => e === void 0 ? i._direction || i._autoDirection() : (i._direction = e, i._syncContainerDirection(), i);
+	}), i), i._autoDirection = () => i.children().some((e) => zr(e)) ? "column" : "row", i._syncContainerDirection = () => (i.style("flexDirection", i._direction || i._autoDirection()), i), i.direction = (e) => e === void 0 ? i._direction || i._autoDirection() : (i._direction = e, i._syncContainerDirection(), i);
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), i._syncContainerDirection(), i), F(i, r.first, xr), i._syncContainerDirection(), M(i, r.options, r.callback);
+	return i.child = (...e) => (a(...e), i._syncContainerDirection(), i), G(i, r.first, Br), i._syncContainerDirection(), H(i, r.options, r.callback);
 }
-function Kn(e = null, t = null, n = null) {
-	let r = j(e, t, n), i = new v("div");
+function cr(e = null, t = null, n = null) {
+	let r = V(e, t, n), i = new I("div");
 	i.className("yoya-layout", "yoya-mobile-layout", "yoya-vmobile-layout"), i.attr("data-mobile-layout", "false"), i.styles({
 		boxSizing: "border-box",
 		display: "flex",
 		minWidth: "0",
 		width: "100%"
-	}), i._breakpoint = 768, i._desktopDirection = "row", i._mobileDirection = "column", i._desktopGap = 0, i._mobileGap = 12, i._asideWidth = 280, i._safeArea = !1, i._safeAreaApplied = !1, i._viewport = !1, i._mobile = !1, i._drawerEnabled = !0, i._asideOpen = !1, i._asideBackdrop = new v("div").className("yoya-vmobile-layout-backdrop").attr("aria-hidden", "true").style("display", "none").on("click", () => i.closeAside()), i._asideToggle = new v("button").className("yoya-vmobile-layout-toggle").attr({
+	}), i._breakpoint = 768, i._desktopDirection = "row", i._mobileDirection = "column", i._desktopGap = 0, i._mobileGap = 12, i._asideWidth = 280, i._safeArea = !1, i._safeAreaApplied = !1, i._viewport = !1, i._mobile = !1, i._drawerEnabled = !0, i._asideOpen = !1, i._asideBackdrop = new I("div").className("yoya-vmobile-layout-backdrop").attr("aria-hidden", "true").style("display", "none").on("click", () => i.closeAside()), i._asideToggle = new I("button").className("yoya-vmobile-layout-toggle").attr({
 		type: "button",
 		"aria-label": "打开导航",
 		"aria-expanded": "false"
-	}).style("display", "none").child(hn().styles({
+	}).style("display", "none").child(jn().styles({
 		height: "18px",
 		width: "18px"
 	})).on("click", () => i.toggleAside()), i._refreshMobileLayout = () => {
@@ -1013,86 +1335,86 @@ function Kn(e = null, t = null, n = null) {
 			height: i._viewport ? "100dvh" : null,
 			minHeight: i._viewport ? "100vh" : null,
 			overflow: i._viewport ? "hidden" : null
-		}), i._safeArea ? (i._safeAreaApplied = !0, i.style("paddingLeft", t ? "max(env(safe-area-inset-left), 0px)" : null), i.style("paddingRight", t ? "max(env(safe-area-inset-right), 0px)" : null), i.style("paddingTop", t ? "max(env(safe-area-inset-top), 0px)" : null), i.style("paddingBottom", t ? "max(env(safe-area-inset-bottom), 0px)" : null)) : i._safeAreaApplied && (i._safeAreaApplied = !1, i.style("paddingLeft", null), i.style("paddingRight", null), i.style("paddingTop", null), i.style("paddingBottom", null)), i.children().forEach((e) => _r(i, e)), vr(i), i;
-	}, i.refresh = i._refreshMobileLayout, i.breakpoint = (e) => e === void 0 ? i._breakpoint : (i._breakpoint = Number(e), (!Number.isFinite(i._breakpoint) || i._breakpoint <= 0) && (i._breakpoint = 768), i._refreshMobileLayout(), i), i.direction = (e, t) => e === void 0 ? i._desktopDirection : (i._desktopDirection = e || "row", t !== void 0 && (i._mobileDirection = t || "column"), i._refreshMobileLayout(), i), i.mobileDirection = (e) => e === void 0 ? i._mobileDirection : (i._mobileDirection = e || "column", i._refreshMobileLayout(), i), i.gap = (e, t) => e === void 0 ? i._desktopGap : (i._desktopGap = B(e), t !== void 0 && (i._mobileGap = B(t)), i._refreshMobileLayout(), i), i.mobileGap = (e) => e === void 0 ? i._mobileGap : (i._mobileGap = B(e), i._refreshMobileLayout(), i), i.asideWidth = (e) => e === void 0 ? i._asideWidth : (i._asideWidth = B(e), i._refreshMobileLayout(), i), i.viewport = (e = !0) => e === void 0 ? i._viewport : (i._viewport = !!e, i._refreshMobileLayout(), i), i.safeArea = (e = !0) => e === void 0 ? i._safeArea : (i._safeArea = !!e, i._refreshMobileLayout(), i), i.drawer = (e = !0) => e === void 0 ? i._drawerEnabled : (i._drawerEnabled = !!e, i._drawerEnabled || (i._asideOpen = !1), i._refreshMobileLayout(), i), i.asideOpen = (e) => e === void 0 ? i._asideOpen : (i._asideOpen = !!e, i._refreshMobileLayout(), i), i.openAside = () => i.asideOpen(!0), i.closeAside = () => i.asideOpen(!1), i.toggleAside = () => i.asideOpen(!i._asideOpen), i.mobile = () => i._mobile;
+		}), i._safeArea ? (i._safeAreaApplied = !0, i.style("paddingLeft", t ? "max(env(safe-area-inset-left), 0px)" : null), i.style("paddingRight", t ? "max(env(safe-area-inset-right), 0px)" : null), i.style("paddingTop", t ? "max(env(safe-area-inset-top), 0px)" : null), i.style("paddingBottom", t ? "max(env(safe-area-inset-bottom), 0px)" : null)) : i._safeAreaApplied && (i._safeAreaApplied = !1, i.style("paddingLeft", null), i.style("paddingRight", null), i.style("paddingTop", null), i.style("paddingBottom", null)), i.children().forEach((e) => Ir(i, e)), Lr(i), i;
+	}, i.refresh = i._refreshMobileLayout, i.breakpoint = (e) => e === void 0 ? i._breakpoint : (i._breakpoint = Number(e), (!Number.isFinite(i._breakpoint) || i._breakpoint <= 0) && (i._breakpoint = 768), i._refreshMobileLayout(), i), i.direction = (e, t) => e === void 0 ? i._desktopDirection : (i._desktopDirection = e || "row", t !== void 0 && (i._mobileDirection = t || "column"), i._refreshMobileLayout(), i), i.mobileDirection = (e) => e === void 0 ? i._mobileDirection : (i._mobileDirection = e || "column", i._refreshMobileLayout(), i), i.gap = (e, t) => e === void 0 ? i._desktopGap : (i._desktopGap = q(e), t !== void 0 && (i._mobileGap = q(t)), i._refreshMobileLayout(), i), i.mobileGap = (e) => e === void 0 ? i._mobileGap : (i._mobileGap = q(e), i._refreshMobileLayout(), i), i.asideWidth = (e) => e === void 0 ? i._asideWidth : (i._asideWidth = q(e), i._refreshMobileLayout(), i), i.viewport = (e = !0) => e === void 0 ? i._viewport : (i._viewport = !!e, i._refreshMobileLayout(), i), i.safeArea = (e = !0) => e === void 0 ? i._safeArea : (i._safeArea = !!e, i._refreshMobileLayout(), i), i.drawer = (e = !0) => e === void 0 ? i._drawerEnabled : (i._drawerEnabled = !!e, i._drawerEnabled || (i._asideOpen = !1), i._refreshMobileLayout(), i), i.asideOpen = (e) => e === void 0 ? i._asideOpen : (i._asideOpen = !!e, i._refreshMobileLayout(), i), i.openAside = () => i.asideOpen(!0), i.closeAside = () => i.asideOpen(!1), i.toggleAside = () => i.asideOpen(!i._asideOpen), i.mobile = () => i._mobile;
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), i._refreshMobileLayout(), i), F(i, r.first, Sr), i.child(i._asideBackdrop, i._asideToggle), i._mobileLayoutResize = () => i._refreshMobileLayout(), i._mobileLayoutResizeUnbind = O("resize", i._mobileLayoutResize), gr(i), i._refreshMobileLayout(), M(i, r.options, r.callback);
+	return i.child = (...e) => (a(...e), i._refreshMobileLayout(), i), G(i, r.first, Vr), i.child(i._asideBackdrop, i._asideToggle), i._mobileLayoutResize = () => i._refreshMobileLayout(), i._mobileLayoutResizeUnbind = R("resize", i._mobileLayoutResize), Fr(i), i._refreshMobileLayout(), H(i, r.options, r.callback);
 }
-var qn = Kn;
-function Jn(e = null, t = null, n = null) {
-	return P("vheader", {
+var lr = cr;
+function ur(e = null, t = null, n = null) {
+	return W("vheader", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		height: "60px",
 		width: "100%"
-	}, e, Cr, t, n, "header", jn, er);
+	}, e, Hr, t, n, "header", qn, gr);
 }
-function Yn(e = null, t = null, n = null) {
-	return P("vaside", {
+function dr(e = null, t = null, n = null) {
+	return W("vaside", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		minWidth: "0",
 		width: "300px"
-	}, e, wr, t, n, "aside", jn, tr);
+	}, e, Ur, t, n, "aside", qn, _r);
 }
-function Xn(e = null, t = null, n = null) {
-	return P("vmain", {
+function fr(e = null, t = null, n = null) {
+	return W("vmain", {
 		boxSizing: "border-box",
 		flex: "1 1 auto",
 		minHeight: "0",
 		minWidth: "0",
 		overflow: "auto"
-	}, e, Tr, t, n, "main", jn, tr);
+	}, e, Wr, t, n, "main", qn, _r);
 }
-function Zn(e = null, t = null, n = null) {
-	return P("vfooter", {
+function pr(e = null, t = null, n = null) {
+	return W("vfooter", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		height: "60px",
 		width: "100%"
-	}, e, Cr, t, n, "footer", jn, er);
+	}, e, Hr, t, n, "footer", qn, gr);
 }
-function Qn(e = null, t = null, n = null) {
-	let r = P("spacer", {
+function mr(e = null, t = null, n = null) {
+	let r = W("spacer", {
 		flexGrow: 1,
 		minWidth: 0,
 		minHeight: 0
-	}, e, or, t, n);
+	}, e, Cr, t, n);
 	return r.attr("aria-hidden", "true"), r;
 }
-function $n(e = null, t = null, n = null) {
-	let r = P("divider", {}, e, sr, t, n);
+function hr(e = null, t = null, n = null) {
+	let r = W("divider", {}, e, wr, t, n);
 	return r.attr("role", "separator"), r.attr("aria-orientation") || r.attr("aria-orientation", "horizontal"), r;
 }
-_(v, {
-	vAside: Yn,
-	vCol: Rn,
-	vContainer: Gn,
-	vFooter: Zn,
-	vHeader: Jn,
-	vMain: Xn,
-	vMasonry: Dn,
-	vRow: Ln,
-	vSplitPanel: Cn,
-	center: In,
-	container: Wn,
-	divider: $n,
-	flex: Mn,
-	grid: zn,
-	mobileLayout: Kn,
-	responsiveGrid: Bn,
-	vMobileLayout: qn,
-	vBody: Vn,
-	hstack: Fn,
-	spacer: Qn,
-	stack: Nn,
-	vstack: Pn
+F(I, {
+	vAside: dr,
+	vCol: er,
+	vContainer: sr,
+	vFooter: pr,
+	vHeader: ur,
+	vMain: fr,
+	vMasonry: Un,
+	vRow: $n,
+	vSplitPanel: zn,
+	center: Qn,
+	container: or,
+	divider: hr,
+	flex: Jn,
+	grid: tr,
+	mobileLayout: cr,
+	responsiveGrid: nr,
+	vMobileLayout: lr,
+	vBody: rr,
+	hstack: Zn,
+	spacer: mr,
+	stack: Yn,
+	vstack: Xn
 });
-function P(e, t, n, r, i, a, o = "div", s = null, c = null) {
-	let l = j(n, i, a), u = new v(o);
-	return u.className("yoya-layout", `yoya-${e}`), u.styles(t), c && c(u), F(u, l.first, r, s), M(u, l.options, l.callback);
+function W(e, t, n, r, i, a, o = "div", s = null, c = null) {
+	let l = V(n, i, a), u = new I(o);
+	return u.className("yoya-layout", `yoya-${e}`), u.styles(t), c && c(u), G(u, l.first, r, s), H(u, l.options, l.callback);
 }
-function er(e) {
+function gr(e) {
 	e.sticky = (t = !0) => {
 		if (t === void 0) return e.style("position") === "sticky";
 		let n = !!t;
@@ -1103,7 +1425,7 @@ function er(e) {
 		}), e;
 	};
 }
-function tr(e) {
+function _r(e) {
 	e.scrollable = (t = !0) => {
 		if (t === void 0) return e.style("overflow") === "auto";
 		let n = !!t;
@@ -1115,59 +1437,59 @@ function tr(e) {
 		}), e;
 	};
 }
-function F(e, t, n, r = null) {
+function G(e, t, n, r = null) {
 	if (t == null) return n(e, {}), e;
-	if (!U(t)) return n(e, {}), e.setup(t);
+	if (!Xr(t)) return n(e, {}), e.setup(t);
 	n(e, t);
-	let i = kr(t, r);
+	let i = Yr(t, r);
 	return Object.keys(i).length > 0 && e.setup(i), e;
 }
-function I(e, t) {
-	e.styles(H({
+function vr(e, t) {
+	e.styles(J({
 		alignItems: t.align,
 		flexDirection: t.direction,
-		flexWrap: V(t.wrap),
+		flexWrap: Jr(t.wrap),
 		gap: t.gap,
 		justifyContent: t.justify
 	}));
 }
-function nr(e, t) {
-	e.styles(H({
+function yr(e, t) {
+	e.styles(J({
 		gap: t.gap,
 		gridAutoFlow: t.autoFlow,
 		gridTemplateAreas: t.areas,
-		gridTemplateColumns: Er(t.columns),
-		gridTemplateRows: Er(t.rows)
+		gridTemplateColumns: Gr(t.columns),
+		gridTemplateRows: Gr(t.rows)
 	}));
 }
-function rr(e, t) {
-	e.style("gap", t.gap), e.style("gridTemplateColumns", `repeat(auto-fit, minmax(${Dr(t.minColumnWidth)}, 1fr))`);
+function br(e, t) {
+	e.style("gap", t.gap), e.style("gridTemplateColumns", `repeat(auto-fit, minmax(${Kr(t.minColumnWidth)}, 1fr))`);
 }
-function ir(e, t) {
+function xr(e, t) {
 	if (t == null) return e;
 	if (typeof t == "function") return t(e), e;
-	if (!U(t)) return e.child(t), e;
+	if (!Xr(t)) return e.child(t), e;
 	let { background: n, children: r, content: i, gap: a, maxWidth: o, minHeight: s, padding: c, ...l } = t;
 	Object.keys(l).length && e.setup(l), n !== void 0 && e.background(n), o !== void 0 && e.maxWidth(o), c !== void 0 && e.padding(c), a !== void 0 && e.gap(a), s !== void 0 && e.minHeight(s);
 	let u = i ?? r;
 	return u !== void 0 && e.content(u), e;
 }
-function ar(e, t) {
+function Sr(e, t) {
 	let n = t.paddingInline ?? t.padding;
-	e.styles(H({
+	e.styles(J({
 		maxWidth: t.maxWidth,
 		paddingLeft: n,
 		paddingRight: n
 	}));
 }
-function or(e, t) {
-	e.styles(H({
+function Cr(e, t) {
+	e.styles(J({
 		flexBasis: t.size,
 		height: t.orientation === "vertical" ? t.size : void 0,
 		width: t.orientation === "horizontal" ? t.size : void 0
 	}));
 }
-function sr(e, t) {
+function wr(e, t) {
 	let n = t.orientation === "vertical" ? "vertical" : "horizontal";
 	if (e.attr("aria-orientation", n), n === "vertical") {
 		e.styles({
@@ -1185,71 +1507,71 @@ function sr(e, t) {
 		width: "100%"
 	});
 }
-function cr(e) {
+function Tr(e) {
 	e.children().forEach((t) => {
 		let n = t?._resolved ?? t?._resolve?.() ?? t;
 		n && typeof n.gutter == "function" && n.gutter(e._gutter);
 	});
 }
-function lr(e, t) {
-	t.gutter !== void 0 && e.gutter(t.gutter), e.styles(H({
+function Er(e, t) {
+	t.gutter !== void 0 && e.gutter(t.gutter), e.styles(J({
 		alignItems: t.align,
-		flexWrap: t.wrap === void 0 || t.wrap === null ? "wrap" : t.wrap === !1 ? "nowrap" : V(t.wrap),
+		flexWrap: t.wrap === void 0 || t.wrap === null ? "wrap" : t.wrap === !1 ? "nowrap" : Jr(t.wrap),
 		justifyContent: t.justify
 	}));
 }
-function ur(e, t) {
-	e._baseCol = L(t), e._responsiveCols = fr(t), t.gutter !== void 0 && e.gutter(t.gutter);
+function Dr(e, t) {
+	e._baseCol = kr(t), e._responsiveCols = Ar(t), t.gutter !== void 0 && e.gutter(t.gutter);
 }
-var dr = [
+var Or = [
 	["xs", 0],
 	["sm", 768],
 	["md", 992],
 	["lg", 1200],
 	["xl", 1920]
 ];
-function L(e = {}) {
+function kr(e = {}) {
 	return {
-		span: R(e.span ?? 24),
-		offset: R(e.offset ?? 0),
-		push: R(e.push ?? 0),
-		pull: R(e.pull ?? 0)
+		span: K(e.span ?? 24),
+		offset: K(e.offset ?? 0),
+		push: K(e.push ?? 0),
+		pull: K(e.pull ?? 0)
 	};
 }
-function fr(e = {}) {
-	return dr.filter(([t]) => e[t] !== void 0).map(([t, n]) => ({
+function Ar(e = {}) {
+	return Or.filter(([t]) => e[t] !== void 0).map(([t, n]) => ({
 		minWidth: n,
-		props: pr(e[t])
+		props: jr(e[t])
 	}));
 }
-function pr(e) {
-	return typeof e == "number" ? L({ span: e }) : U(e) ? L(e) : L({});
+function jr(e) {
+	return typeof e == "number" ? kr({ span: e }) : Xr(e) ? kr(e) : kr({});
 }
-function R(e) {
+function K(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? Math.min(24, Math.max(0, Math.round(t))) : 0;
 }
-function z(e) {
+function Mr(e) {
 	return e / 24 * 100;
 }
-function mr(e) {
+function Nr(e) {
 	if (typeof e == "number") return `${e / 2}px`;
 	let t = String(e).match(/^(-?(?:\d+\.?\d*|\.\d+))([a-z%]+)$/i);
 	return t ? `${Number(t[1]) / 2}${t[2]}` : `calc(${e} * 0.5)`;
 }
-function hr(e) {
+function Pr(e) {
 	if (e._colDestroyWrapped) return;
 	e._colDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
 	e.destroy = () => (e._colResizeUnbind?.(), t());
 }
-function gr(e) {
+function Fr(e) {
 	if (e._mobileLayoutDestroyWrapped) return;
 	e._mobileLayoutDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
 	e.destroy = () => (e._mobileLayoutResizeUnbind?.(), t());
 }
-function _r(e, t) {
+function Ir(e, t) {
 	let n = t?._resolved ?? t?._resolve?.() ?? t;
 	if (!n || typeof n.styles != "function") return;
 	let r = n._classes;
@@ -1294,7 +1616,7 @@ function _r(e, t) {
 			visibility: null,
 			zIndex: null
 		})), n._mobileDrawerAriaHiddenApplied && (n._mobileDrawerAriaHiddenApplied = !1, n.attr("aria-hidden", null));
-		let t = e._mobile ? "100%" : B(e._asideWidth);
+		let t = e._mobile ? "100%" : q(e._asideWidth);
 		n.styles({
 			flex: "0 0 auto",
 			maxWidth: t,
@@ -1314,8 +1636,8 @@ function _r(e, t) {
 		width: null
 	})));
 }
-function vr(e) {
-	let t = e._mobile && e._drawerEnabled && yr(e), n = t && e._asideOpen, r = e._asideBackdrop, i = e._asideToggle;
+function Lr(e) {
+	let t = e._mobile && e._drawerEnabled && Rr(e), n = t && e._asideOpen, r = e._asideBackdrop, i = e._asideToggle;
 	i && i.attr("aria-expanded", n ? "true" : "false").attr("aria-label", n ? "关闭导航" : "打开导航").styles({
 		alignItems: "center",
 		background: "var(--yoya-color-surface, #ffffff)",
@@ -1341,42 +1663,42 @@ function vr(e) {
 		zIndex: n ? "35" : null
 	});
 }
-function yr(e) {
+function Rr(e) {
 	return e.children().some((e) => !!(e?._resolved ?? e?._resolve?.() ?? e)?._classes?.has("yoya-vaside"));
 }
-function br(e) {
+function zr(e) {
 	let t = (e?._resolved ?? e?._resolve?.() ?? e)?._classes;
 	return !!(t?.has("yoya-vheader") || t?.has("yoya-vfooter"));
 }
-function xr(e, t) {
-	t.direction !== void 0 && e.direction(t.direction), e.styles(H({ gap: t.gap }));
+function Br(e, t) {
+	t.direction !== void 0 && e.direction(t.direction), e.styles(J({ gap: t.gap }));
 }
-function Sr(e, t) {
-	e.styles(H({
+function Vr(e, t) {
+	e.styles(J({
 		alignItems: t.align,
-		flexWrap: V(t.wrap),
+		flexWrap: Jr(t.wrap),
 		justifyContent: t.justify
 	})), t.direction === void 0 ? t.mobileDirection !== void 0 && e.mobileDirection(t.mobileDirection) : e.direction(t.direction, t.mobileDirection), t.gap === void 0 ? t.mobileGap !== void 0 && e.mobileGap(t.mobileGap) : e.gap(t.gap, t.mobileGap), t.breakpoint !== void 0 && e.breakpoint(t.breakpoint), t.asideWidth !== void 0 && e.asideWidth(t.asideWidth), t.drawer !== void 0 && e.drawer(t.drawer), t.viewport !== void 0 && e.viewport(t.viewport), t.safeArea !== void 0 && e.safeArea(t.safeArea);
 }
-function Cr(e, t) {
-	e.style("height", B(t.height ?? t.size ?? 60)), e.style("width", "100%");
+function Hr(e, t) {
+	e.style("height", q(t.height ?? t.size ?? 60)), e.style("width", "100%");
 }
-function wr(e, t) {
-	e.style("width", B(t.width ?? t.size ?? 300));
+function Ur(e, t) {
+	e.style("width", q(t.width ?? t.size ?? 300));
 }
-function Tr(e, t = {}) {
-	t.height !== void 0 && e.style("height", B(t.height));
+function Wr(e, t = {}) {
+	t.height !== void 0 && e.style("height", q(t.height));
 }
-function Er(e) {
+function Gr(e) {
 	if (e != null && e !== !1) return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : String(e);
 }
-function Dr(e) {
+function Kr(e) {
 	return typeof e == "number" ? `${e}px` : e || "240px";
 }
-function B(e) {
+function q(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Or(e) {
+function qr(e) {
 	return e ? (Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
 		minWidth: e,
 		columns: t
@@ -1385,28 +1707,28 @@ function Or(e) {
 		minWidth: Number.parseInt(e.minWidth, 10)
 	})).filter(({ columns: e, minWidth: t }) => Number.isFinite(t) && e > 0).sort((e, t) => e.minWidth - t.minWidth) : [];
 }
-function V(e) {
+function Jr(e) {
 	if (e === !0) return "wrap";
 	if (e !== !1 && e != null) return String(e);
 }
-function kr(e, t = null) {
-	let n = t || An;
+function Yr(e, t = null) {
+	let n = t || Kn;
 	return Object.fromEntries(Object.entries(e).filter(([e]) => !n.has(e)));
 }
-function H(e) {
+function J(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e != null && e !== !1));
 }
-function U(e) {
+function Xr(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
 //#endregion
 //#region src/core/client-only.js
-var Ar = class extends c {
+var Zr = class extends k {
 	constructor(e) {
 		super(null), this._loader = e, this._resolved = null;
 	}
 	_resolve() {
-		return this._resolved ||= Mr(this._loader), this._resolved;
+		return this._resolved ||= $r(this._loader), this._resolved;
 	}
 	toHTML() {
 		return this._deleted ? "" : "<div class=\"yoya-client-only\" data-client-only=\"true\"></div>";
@@ -1426,21 +1748,21 @@ var Ar = class extends c {
 		return this._resolved && this._resolved.destroy(), super.destroy();
 	}
 };
-function jr(e) {
-	return new Ar(e);
+function Qr(e) {
+	return new Zr(e);
 }
-function Mr(e) {
-	if (e instanceof c) return e;
-	if (typeof e == "function") return Mr(e());
-	if (e && typeof e.render == "function") return Mr(e.render());
+function $r(e) {
+	if (e instanceof k) return e;
+	if (typeof e == "function") return $r(e());
+	if (e && typeof e.render == "function") return $r(e.render());
 	throw TypeError("vClientOnly loader must return a ViewNode or a component object");
 }
 //#endregion
 //#region src/core/i18n.js
-var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
+var ei = "yoya-ui:i18n", Y = /* @__PURE__ */ new Map(), ti = class {
 	constructor(e = {}) {
 		let t = e.language || "zh-CN";
-		this._key = e.key || null, this._storage = ei(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? Nr : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && Vr(this);
+		this._key = e.key || null, this._storage = ji(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? ei : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && li(this);
 	}
 	key() {
 		return this._key;
@@ -1460,21 +1782,31 @@ var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 	clearPersistedLanguage() {
 		if (!this._storageKey) {
 			if (!this._sharedStorageKey) return this;
-			let e = Kr(this._storage, this._sharedStorageKey);
-			return delete e[this._key], qr(this._storage, this._sharedStorageKey, e), this;
+			let e = mi(this._storage, this._sharedStorageKey);
+			return delete e[this._key], hi(this._storage, this._sharedStorageKey, e), this;
 		}
 		try {
 			this._storage.removeItem(this._storageKey);
 		} catch {}
 		return this;
 	}
+	registerLocale(e, t) {
+		if (!e || typeof t != "function") return Promise.reject(/* @__PURE__ */ TypeError("registerLocale requires a language name and a loader"));
+		let n;
+		try {
+			n = t();
+		} catch (e) {
+			return Promise.reject(e);
+		}
+		return Promise.resolve(n).then((t) => (this.register(e, t || {}), this));
+	}
 	register(e, t = {}) {
-		return e ? ($r(t).forEach((t) => {
-			this._messages[e] = Xr(this._messages[e] || {}, t);
+		return e ? (Ai(t).forEach((t) => {
+			this._messages[e] = Di(this._messages[e] || {}, t);
 		}), this._notify(), this) : this;
 	}
 	registerMessages(e = {}) {
-		return Qr(e).forEach((e) => {
+		return ki(e).forEach((e) => {
 			if (e.language) {
 				this.register(e.language, e.messages || {});
 				return;
@@ -1485,11 +1817,11 @@ var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 		}), this;
 	}
 	t(e, t = {}, n = void 0) {
-		let r = Jr(this._messages[this._language], e) ?? Jr(this._messages[this._fallbackLanguage], e) ?? n ?? e;
-		return Yr(typeof r == "function" ? r(t, this) : r, t);
+		let r = gi(this._messages[this._language], e) ?? gi(this._messages[this._fallbackLanguage], e) ?? n ?? e;
+		return _i(typeof r == "function" ? r(t, this) : r, t, this);
 	}
 	text(e, t = {}, n = void 0) {
-		return new Fr(this, e, t, n);
+		return new ni(this, e, t, n);
 	}
 	subscribe(e) {
 		return this._listeners.add(e), () => {
@@ -1502,7 +1834,7 @@ var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 		} catch {
 			return e;
 		}
-		return this._sharedStorageKey && Kr(this._storage, this._sharedStorageKey)[this._key] || e;
+		return this._sharedStorageKey && mi(this._storage, this._sharedStorageKey)[this._key] || e;
 	}
 	_persistLanguage() {
 		if (this._storageKey) {
@@ -1512,14 +1844,14 @@ var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 			return;
 		}
 		if (this._sharedStorageKey) {
-			let e = Kr(this._storage, this._sharedStorageKey);
-			e[this._key] = this._language, qr(this._storage, this._sharedStorageKey, e);
+			let e = mi(this._storage, this._sharedStorageKey);
+			e[this._key] = this._language, hi(this._storage, this._sharedStorageKey, e);
 		}
 	}
 	_notify() {
 		this._listeners.forEach((e) => e(this));
 	}
-}, Fr = class extends l {
+}, ni = class extends A {
 	constructor(e, t, n = {}, r = void 0) {
 		super(e.t(t, n, r)), this._i18n = e, this._key = t, this._params = n || {}, this._defaultValue = r, this._unsubscribe = e.subscribe(() => this.refresh());
 	}
@@ -1539,16 +1871,16 @@ var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 		return this._unsubscribe &&= (this._unsubscribe(), null), super.destroy();
 	}
 };
-function Ir(e = {}) {
-	return new Pr(e);
+function ri(e = {}) {
+	return new ti(e);
 }
-var G = Ir();
-function Lr(e, t = {}) {
-	return G.text(e, t);
+var ii = ri();
+function ai(e, t = {}) {
+	return ii.text(e, t);
 }
-var K = G;
-function Rr(e = G) {
-	return K = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
+var X = ii;
+function oi(e = ii) {
+	return X = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
 		configurable: !0,
 		enumerable: !1,
 		value: !0
@@ -1556,43 +1888,43 @@ function Rr(e = G) {
 		configurable: !0,
 		enumerable: !1,
 		value: function(e, t, n) {
-			let r = String(this), i = {}, a = K;
-			return Br(t) ? a = t : typeof t == "string" ? a = Ur(t) || K : (i = t || {}, Br(n) ? a = n : typeof n == "string" && (a = Ur(n) || K)), a.text(e || r, i, r);
+			let r = String(this), i = {}, a = X;
+			return ci(t) ? a = t : typeof t == "string" ? a = di(t) || X : (i = t || {}, ci(n) ? a = n : typeof n == "string" && (a = di(n) || X)), a.text(e || r, i, r);
 		}
 	}), e);
 }
-function zr(e, t) {
-	let n = K;
-	K = e || n;
+function si(e, t) {
+	let n = X;
+	X = e || n;
 	try {
 		return t();
 	} finally {
-		K = n;
+		X = n;
 	}
 }
-function Br(e) {
+function ci(e) {
 	return !!(e && typeof e.text == "function");
 }
-function Vr(e) {
+function li(e) {
 	let t = e?.key?.();
-	return t ? (W.set(t, e), () => {
-		W.get(t) === e && W.delete(t);
+	return t ? (Y.set(t, e), () => {
+		Y.get(t) === e && Y.delete(t);
 	}) : () => {};
 }
-function Hr(e) {
+function ui(e) {
 	let t = typeof e == "string" ? e : e?.key?.();
-	return t && W.delete(t), t;
+	return t && Y.delete(t), t;
 }
-function Ur(e) {
-	return e && W.get(e) || null;
+function di(e) {
+	return e && Y.get(e) || null;
 }
-function Wr() {
-	return new Map(W);
+function fi() {
+	return new Map(Y);
 }
-function Gr(e) {
-	return Kr(e || ei(), Nr);
+function pi(e) {
+	return mi(e || ji(), ei);
 }
-function Kr(e, t) {
+function mi(e, t) {
 	if (!e) return {};
 	try {
 		let n = e.getItem(t);
@@ -1603,97 +1935,242 @@ function Kr(e, t) {
 		return {};
 	}
 }
-function qr(e, t, n) {
+function hi(e, t, n) {
 	if (e) try {
 		e.setItem(t, JSON.stringify(n));
 	} catch {}
 }
-Rr(G);
-function Jr(e, t) {
+oi(ii);
+function gi(e, t) {
 	if (!(!e || !t)) return Object.prototype.hasOwnProperty.call(e, t) ? e[t] : String(t).split(".").reduce((e, t) => {
 		if (e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, t)) return e[t];
 	}, e);
 }
-function Yr(e, t) {
-	return String(e).replace(/\{([^{}]+)\}/g, (e, n) => {
-		let r = t?.[n.trim()];
-		return r == null ? e : String(r);
-	});
+function _i(e, t, n) {
+	let r = String(e), i = [], a = 0;
+	for (; a < r.length;) {
+		let e = r.charAt(a);
+		if (e === "{") {
+			let e = vi(r, a), o = r.slice(a + 1, e).trim();
+			i.push(yi(o, t, n, r.slice(a, e + 1))), a = e + 1;
+		} else i.push(e), a += 1;
+	}
+	return i.join("");
+}
+function vi(e, t) {
+	let n = 0;
+	for (let r = t; r < e.length; r += 1) {
+		let t = e.charAt(r);
+		if (t === "{") n += 1;
+		else if (t === "}" && (--n, n === 0)) return r;
+	}
+	return e.length - 1;
+}
+function yi(e, t, n, r) {
+	let i = bi(e);
+	if (i.length === 1) return xi(t, i[0], r);
+	let [a, o, ...s] = i, c = xi(t, a, void 0);
+	if (c == null) return r;
+	let l = n?.getLanguage?.() || "zh-CN";
+	if (/^number$/i.test(o || "")) return wi(c, l);
+	if (/^date$/i.test(o || "")) return Ei(c, l, s[0]);
+	if (/^plural$/i.test(o || "")) {
+		let e = Ci(c, l), a = Si(i.slice(2).join(","));
+		return _i(a[`=${c}`] ?? a[e] ?? a.other ?? r, t, n);
+	}
+	return r;
+}
+function bi(e) {
+	let t = [], n = 0, r = "";
+	for (let i of String(e)) i === "{" ? n += 1 : i === "}" && --n, i === "," && n === 0 ? (t.push(r.trim()), r = "") : r += i;
+	return r && t.push(r.trim()), t;
+}
+function xi(e, t, n) {
+	let r = e?.[t];
+	return r === void 0 ? n : r;
+}
+function Si(e) {
+	let t = {}, n = /([^\s{}]+)\s*\{([^{}]*(?:\{[^{}]*\}[^{}]*)*)\}/g, r;
+	for (; r = n.exec(e);) t[r[1].trim()] = r[2].trim();
+	return t;
+}
+function Ci(e, t) {
+	let n = Number(e);
+	if (typeof Intl > "u" || typeof Intl.PluralRules != "function") return n === 1 ? "one" : "other";
+	try {
+		return new Intl.PluralRules(t).select(n);
+	} catch {
+		return n === 1 ? "one" : "other";
+	}
+}
+function wi(e, t) {
+	if (typeof Intl > "u" || typeof Intl.NumberFormat != "function") return String(e);
+	try {
+		return new Intl.NumberFormat(t).format(e);
+	} catch {
+		return String(e);
+	}
+}
+var Ti = /* @__PURE__ */ new Set([
+	"full",
+	"long",
+	"medium",
+	"short"
+]);
+function Ei(e, t, n = "medium") {
+	if (typeof Intl > "u" || typeof Intl.DateTimeFormat != "function") return String(e);
+	try {
+		return new Intl.DateTimeFormat(t, { dateStyle: Ti.has(n) ? n : "medium" }).format(new Date(e));
+	} catch {
+		return String(e);
+	}
 }
-function Xr(e, t) {
+function Di(e, t) {
 	let n = { ...e };
 	return Object.entries(t || {}).forEach(([e, t]) => {
-		Zr(t) && Zr(n[e]) ? n[e] = Xr(n[e], t) : n[e] = t;
+		Oi(t) && Oi(n[e]) ? n[e] = Di(n[e], t) : n[e] = t;
 	}), n;
 }
-function Zr(e) {
+function Oi(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Qr(e) {
-	return Array.isArray(e) ? e.flatMap((e) => Qr(e)) : [e || {}];
+function ki(e) {
+	return Array.isArray(e) ? e.flatMap((e) => ki(e)) : [e || {}];
 }
-function $r(e) {
-	return Array.isArray(e) ? e.flatMap((e) => $r(e)) : [e || {}];
+function Ai(e) {
+	return Array.isArray(e) ? e.flatMap((e) => Ai(e)) : [e || {}];
 }
-function ei(e) {
+function ji(e) {
 	if (e) return e;
 	try {
 		if (typeof globalThis < "u" && globalThis.localStorage) return globalThis.localStorage;
 	} catch {}
-	return ni();
+	return Ni();
 }
-var ti = /* @__PURE__ */ new Map();
-function ni() {
+var Mi = /* @__PURE__ */ new Map();
+function Ni() {
 	return {
 		getItem(e) {
-			return ti.has(e) ? ti.get(e) : null;
+			return Mi.has(e) ? Mi.get(e) : null;
 		},
 		setItem(e, t) {
-			ti.set(e, String(t));
+			Mi.set(e, String(t));
 		},
 		removeItem(e) {
-			ti.delete(e);
+			Mi.delete(e);
 		}
 	};
 }
 //#endregion
+//#region src/core/context.js
+var Pi = [], Z = null;
+function Fi(e, t) {
+	if (!e || typeof e != "object") return t();
+	Pi.push(e);
+	try {
+		return t();
+	} finally {
+		Pi.pop();
+	}
+}
+function Ii(e) {
+	return Z = e && typeof e == "object" ? e : null, Z;
+}
+function Li() {
+	return Z = null, null;
+}
+function Ri(e, t = void 0) {
+	for (let t = Pi.length - 1; t >= 0; --t) {
+		let n = Pi[t];
+		if (n && Object.prototype.hasOwnProperty.call(n, e)) return n[e];
+	}
+	return Z && Object.prototype.hasOwnProperty.call(Z, e) ? Z[e] : t;
+}
+function zi() {
+	let e = { ...Z || {} };
+	return Pi.forEach((t) => Object.assign(e, t)), e;
+}
+//#endregion
+//#region src/core/devtools.js
+var Bi = !1, Vi = /* @__PURE__ */ new WeakMap(), Hi = /* @__PURE__ */ new Map(), Ui = 1;
+function Wi() {
+	return Bi;
+}
+function Gi(e) {}
+function Ki(e) {
+	let t = Vi.get(e);
+	return t === void 0 && (t = Ui, Ui += 1, Vi.set(e, t)), Hi.set(t, e), t;
+}
+function qi(e) {
+	let t = Vi.get(e);
+	t !== void 0 && Hi.delete(t);
+}
+function Ji(e) {
+	let t = zi();
+	e._devtoolsContext = Object.keys(t).length > 0 ? t : null;
+}
+function Yi(e) {
+	return Ki(e);
+}
+function Xi(e, t, n) {}
+function Zi(e) {}
+var Qi = Symbol.for("yoya.devtools.bridge");
+function $i() {
+	typeof globalThis > "u" || (globalThis[Qi] = {
+		captureScope: Ji,
+		commit: Zi,
+		emit: Gi,
+		enabled: () => Bi,
+		ensureId: Yi,
+		notify: Xi,
+		unregister: qi
+	});
+}
+$i();
+//#endregion
 //#region src/core/state-node.js
-var ri = /* @__PURE__ */ new Set([
+var ea = /* @__PURE__ */ new Set([
 	"state",
 	"render",
 	"update"
-]), ii = /* @__PURE__ */ new Set([
+]), ta = /* @__PURE__ */ new Set([
+	"_attachHost",
 	"destroy",
 	"getState",
 	"setState",
 	"subscribe"
 ]);
-function ai(e = {}) {
+function na(e = {}) {
 	if (typeof e.render != "function") throw TypeError("vStateNode requires a render function");
-	let t = typeof e.state == "function" ? e.state() : { ...e.state || {} }, n = /* @__PURE__ */ new Set(), r = !1, i = null, a = {
+	let t = typeof e.state == "function" ? e.state() : { ...e.state || {} }, n = /* @__PURE__ */ new Set(), r = !1, i = null, a = null, o = [], s = {
+		_attachHost(e) {
+			return a = e, s;
+		},
 		destroy() {
-			return r ? a : (r = !0, n.clear(), i && i.destroy(), a);
+			if (r) return s;
+			if (r = !0, o = [], n.clear(), a = null, i) {
+				let e = i;
+				i = null, e.forEach((e) => e.destroy());
+			}
+			return s;
 		},
 		getState() {
-			return a.state();
+			return s.state();
 		},
 		render() {
-			if (r) return i;
-			if (!i) {
-				i = new h("div");
-				let e = i.destroy.bind(i);
-				i.destroy = () => (n.clear(), e()), o();
-			}
-			return i;
+			return r || i || c(), l();
 		},
 		setState(e) {
-			if (r || e == null) return a;
-			let o = typeof e == "function" ? e({ ...t }) : e;
-			if (!o || typeof o != "object") return a;
-			let c = /* @__PURE__ */ new Set();
-			return Object.entries(o).forEach(([e, n]) => {
-				t[e] !== n && (t[e] = n, c.add(e));
-			}), c.size > 0 && (i && s(c), n.forEach((e) => e(t, a))), a;
+			if (r || e == null) return s;
+			let a = typeof e == "function" ? e({ ...t }) : e;
+			if (!a || typeof a != "object") return s;
+			let o = /* @__PURE__ */ new Set(), c = Wi() ? {} : null;
+			return Object.entries(a).forEach(([e, n]) => {
+				t[e] !== n && (c && (c[e] = {
+					from: t[e],
+					to: n
+				}), t[e] = n, o.add(e));
+			}), o.size > 0 && (i && d(o), n.forEach((e) => e(t, s)), Wi() && c && { ...t }), s;
 		},
 		state() {
 			return { ...t };
@@ -1703,91 +2180,173 @@ function ai(e = {}) {
 			return n.add(e), () => n.delete(e);
 		}
 	};
-	for (let t of Object.keys(e)) if (!(ri.has(t) || typeof e[t] != "function")) {
-		if (ii.has(t)) throw TypeError(`vStateNode config key "${t}" conflicts with the built-in API`);
-		a[t] = e[t];
-	}
-	return a;
-	function o() {
-		let n = e.render.call(a, t, a);
-		i.clearChildren().child(n), i._el && i.commit();
-	}
-	function s(n) {
-		if (typeof e.update == "function") {
-			e.update.call(a, t, a, n) === !0 && o();
+	for (let t of Object.keys(e)) if (!(ea.has(t) || typeof e[t] != "function")) {
+		if (ta.has(t)) throw TypeError(`vStateNode config key "${t}" conflicts with the built-in API`);
+		s[t] = e[t];
+	}
+	return s;
+	function c() {
+		let n = i || [];
+		o = [];
+		let r = w({
+			bindings: o,
+			getState: () => t
+		}, () => e.render.call(s, t, s)), c = Array.isArray(r) ? r.slice() : [r];
+		if (c.forEach((e) => {
+			if (!(e instanceof k)) throw TypeError("vStateNode render must return a ViewNode or an array of ViewNodes");
+		}), i = c, u(), a) {
+			a._replaceResolved(l());
 			return;
 		}
-		o();
+		if (n.length > 0) {
+			let e = n.length === 1 ? n[0] : null;
+			if (e && e._el && e._el.parentNode && c.length === 1) {
+				let t = c[0].renderDom();
+				t && e._el.parentNode.replaceChild(t, e._el);
+			}
+			n.forEach((e) => e.destroy());
+		}
+	}
+	function l() {
+		return i ? i.length === 1 ? i[0] : i : null;
+	}
+	function u() {
+		o.forEach((e) => {
+			let t = e.evaluate();
+			(!e.committed || !Object.is(t, e.last)) && (e.committed = !0, e.last = t, e.commit(t));
+		});
 	}
+	function d(n) {
+		return typeof e.update == "function" ? e.update.call(s, t, s, n) === !0 ? (c(), "rebuild") : o.length > 0 ? (u(), "bindings") : "update" : o.length > 0 ? (u(), "bindings") : (c(), "rebuild");
+	}
+}
+F(P, { vStateNode: na });
+//#endregion
+//#region src/core/a11y.js
+var ra = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", "), ia = "data-yoya-live";
+function aa(e) {
+	return !e || typeof e.querySelectorAll != "function" ? [] : Array.from(e.querySelectorAll(ra)).filter((e) => e.getAttribute && e.getAttribute("tabindex") !== "-1");
+}
+function oa(e, t = {}) {
+	let { onEscape: n = null, restoreFocus: r = !0 } = t;
+	if (typeof document > "u" || !e) return {
+		activate() {},
+		destroy() {}
+	};
+	let i = !1, a = null, o = null, s = (t) => {
+		if (!i) return;
+		if (t.key === "Escape") {
+			n && n(t);
+			return;
+		}
+		if (t.key !== "Tab") return;
+		let r = aa(e);
+		if (r.length === 0) {
+			t.preventDefault();
+			return;
+		}
+		let a = document.activeElement, o = r.indexOf(a), s;
+		s = t.shiftKey ? o <= 0 ? r.length - 1 : o - 1 : o === -1 || o === r.length - 1 ? 0 : o + 1, t.preventDefault(), r[s].focus();
+	};
+	return {
+		activate: () => {
+			if (i) return;
+			i = !0, a = document.activeElement, o = L("keydown", s);
+			let t = aa(e)[0];
+			t && t.focus();
+		},
+		destroy: () => {
+			i && (i = !1, o &&= (o(), null), r && a && typeof a.isConnected == "boolean" && a.isConnected && typeof a.focus == "function" && a.focus());
+		}
+	};
+}
+function sa(e, t = {}) {
+	if (typeof document > "u") return null;
+	let { politeness: n = "polite", dedupeKey: r = "yoya-announce" } = t, i = document.querySelector(`[${ia}="${r}"]`);
+	return i || (i = document.createElement("div"), i.setAttribute(ia, r), i.setAttribute("aria-live", n), i.setAttribute("aria-atomic", "true"), i.className = "yoya-a11y-live", i.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px;", document.body.appendChild(i)), i.textContent = "", queueMicrotask(() => {
+		i.textContent = String(e);
+	}), i;
+}
+function ca({ key: e, items: t, currentIndex: n = -1, shiftKey: r = !1 }) {
+	let i = t?.length || 0;
+	if (i === 0) return -1;
+	let a = i - 1, o = n >= 0 && n < i ? n : -1;
+	return e === "Home" ? 0 : e === "End" ? a : e === "ArrowDown" ? r ? -1 : o === a ? 0 : o + 1 : e === "ArrowUp" ? r || o <= 0 ? a : o - 1 : o;
 }
-_(h, { vStateNode: ai });
 //#endregion
 //#region src/core/theme.js
-var oi = [
+var la = [
 	"light",
 	"dark",
 	"system"
-], si = "yoya-theme-mode", ci = "yoya-theme-name";
-function li() {
+], ua = "yoya-theme-mode", da = "yoya-theme-name";
+function fa() {
 	return typeof document > "u" ? null : document.documentElement;
 }
-function q() {
+function pa() {
 	try {
 		return typeof localStorage < "u" && localStorage !== null;
 	} catch {
 		return !1;
 	}
 }
-function ui(e = "light", t = {}) {
-	let n = oi.includes(e) ? e : "light", r = li();
-	if (r && (r.dataset.yoyaMode = n), t.persist && q()) try {
-		localStorage.setItem(si, n);
+function ma(e = "light", t = {}) {
+	let n = la.includes(e) ? e : "light", r = fa();
+	if (r && (r.dataset.yoyaMode = n), t.persist && pa()) try {
+		localStorage.setItem(ua, n);
 	} catch {}
 	return n;
 }
-function di() {
-	let e = li(), t = e && e.dataset.yoyaMode;
-	return oi.includes(t) ? t : "light";
+function ha() {
+	let e = fa(), t = e && e.dataset.yoyaMode;
+	return la.includes(t) ? t : "light";
 }
-function fi() {
-	let e = di();
+function ga() {
+	let e = ha();
 	return e === "system" ? typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function pi(e = "", t = {}) {
-	let n = li();
+function _a(e = "", t = {}) {
+	let n = fa();
 	if (!e) {
-		if (n && delete n.dataset.yoyaTheme, t.persist && q()) try {
-			localStorage.removeItem(ci);
+		if (n && delete n.dataset.yoyaTheme, t.persist && pa()) try {
+			localStorage.removeItem(da);
 		} catch {}
 		return "";
 	}
-	if (n && (n.dataset.yoyaTheme = e), t.persist && q()) try {
-		localStorage.setItem(ci, e);
+	if (n && (n.dataset.yoyaTheme = e), t.persist && pa()) try {
+		localStorage.setItem(da, e);
 	} catch {}
 	return e;
 }
-function mi() {
-	let e = li();
+function va() {
+	let e = fa();
 	return e && e.dataset.yoyaTheme || "";
 }
-function hi(e = {}) {
+function ya(e = {}) {
 	let t = e.mode, n = e.theme;
-	if (t === void 0 && q()) {
-		let e = localStorage.getItem(si);
-		oi.includes(e) && (t = e);
+	if (t === void 0 && pa()) {
+		let e = localStorage.getItem(ua);
+		la.includes(e) && (t = e);
 	}
-	return n === void 0 && q() && (n = localStorage.getItem(ci) || ""), t !== void 0 && ui(t, { persist: e.persist }), n !== void 0 && pi(n, { persist: e.persist }), {
-		mode: di(),
-		theme: mi()
+	return n === void 0 && pa() && (n = localStorage.getItem(da) || ""), t !== void 0 && ma(t, { persist: e.persist }), n !== void 0 && _a(n, { persist: e.persist }), {
+		mode: ha(),
+		theme: va()
 	};
 }
 //#endregion
 //#region src/core/request.js
-var gi = null;
-function _i({ submit: e } = {}) {
-	return gi = typeof e == "function" ? e : null, gi;
+var ba = null;
+function xa({ submit: e } = {}) {
+	return ba = typeof e == "function" ? e : null, ba;
 }
-var vi = class {
+var Sa = class {
 	method() {
 		return "GET";
 	}
@@ -1807,10 +2366,10 @@ var vi = class {
 		return "";
 	}
 	submit() {
-		if (typeof gi != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
-		return gi(this);
+		if (typeof ba != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
+		return ba(this);
 	}
-}, yi = class e {
+}, Ca = class e {
 	constructor({ ok: e = !0, code: t = "0", msg: n = null, showType: r = 0, data: i = null, kind: a = "detail", pageNum: o = null, pageSize: s = null, total: c = null } = {}) {
 		this.ok = e, this.code = t, this.msg = n, this.showType = r, this.data = i, this.kind = a, this.pageNum = o, this.pageSize = s, this.total = c;
 	}
@@ -1838,16 +2397,16 @@ var vi = class {
 			total: t.total
 		});
 	}
-}, J = 8, bi = null;
-function xi() {
-	bi ||= rn(".yoya-vrouter-views-titlebar,\n.yoya-vrouter-views-popup {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.yoya-vrouter-views-titlebar::-webkit-scrollbar,\n.yoya-vrouter-views-popup::-webkit-scrollbar {\n  display: none;\n  height: 0;\n  width: 0;\n}\n.yoya-vrouter-views-popup-item:hover {\n  background: var(--yoya-color-surface-hover, #eef3f9);\n}\n.yoya-vrouter-views-popup-item[aria-current='true'] {\n  background: var(--yoya-color-primary-subtle, #e8f0fe);\n  color: var(--yoya-color-primary, #1f6feb);\n}\n.yoya-vrouter-views-popup-close {\n  color: var(--yoya-color-text-secondary, #57606a);\n  opacity: 0.65;\n}\n.yoya-vrouter-views-popup-item:hover .yoya-vrouter-views-popup-close,\n.yoya-vrouter-views-popup-close:hover {\n  color: var(--yoya-color-text-danger, #b91c1c);\n  opacity: 1;\n}\n.yoya-vrouter-views-context-item:hover {\n  background: var(--yoya-color-surface-hover, #f6f8fa);\n}\n.yoya-vrouter-views-context-separator {\n  background: var(--yoya-color-border, #d0d7de);\n  height: 1px;\n  margin: 4px 6px;\n}", "data-yoya-vrouter-views-popup-style");
+}, wa = 8, Ta = null;
+function Ea() {
+	Ta ||= bn(".yoya-vrouter-views-titlebar,\n.yoya-vrouter-views-popup {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.yoya-vrouter-views-titlebar::-webkit-scrollbar,\n.yoya-vrouter-views-popup::-webkit-scrollbar {\n  display: none;\n  height: 0;\n  width: 0;\n}\n.yoya-vrouter-views-popup-item:hover {\n  background: var(--yoya-color-surface-hover, #eef3f9);\n}\n.yoya-vrouter-views-popup-item[aria-current='true'] {\n  background: var(--yoya-color-primary-subtle, #e8f0fe);\n  color: var(--yoya-color-primary, #1f6feb);\n}\n.yoya-vrouter-views-popup-close {\n  color: var(--yoya-color-text-secondary, #57606a);\n  opacity: 0.65;\n}\n.yoya-vrouter-views-popup-item:hover .yoya-vrouter-views-popup-close,\n.yoya-vrouter-views-popup-close:hover {\n  color: var(--yoya-color-text-danger, #b91c1c);\n  opacity: 1;\n}\n.yoya-vrouter-views-context-item:hover {\n  background: var(--yoya-color-surface-hover, #f6f8fa);\n}\n.yoya-vrouter-views-context-separator {\n  background: var(--yoya-color-border, #d0d7de);\n  height: 1px;\n  margin: 4px 6px;\n}", "data-yoya-vrouter-views-popup-style");
 }
-function Si(e) {
+function Da(e) {
 	let t = [e._defaultPath || "/", e._routes.map((e) => e.pattern).join("|")].join("::"), n = 0;
 	for (let e = 0; e < t.length; e += 1) n = n * 31 + t.charCodeAt(e) | 0;
 	return `yoya-ui:router-views:${(n >>> 0).toString(36)}`;
 }
-function Ci(e) {
+function Oa(e) {
 	if (typeof localStorage > "u") return null;
 	try {
 		let t = JSON.parse(localStorage.getItem(e) || "null");
@@ -1856,7 +2415,7 @@ function Ci(e) {
 		return null;
 	}
 }
-var wi = class extends h {
+var ka = class extends P {
 	constructor(e = null) {
 		super("div"), this._routes = [], this._defaultPath = null, this._notFoundView = null, this._beforeEach = null, this._currentPath = "/", this._currentParams = {}, this._currentQuery = {}, this._currentRoute = null, this._currentView = null, this._loadingView = null, this._errorView = null, this._navigationGeneration = 0, this._outlet = this, this._subscribers = /* @__PURE__ */ new Set(), this._ignoreNextHashPath = null, this._mode = "hash", this._started = !1, this._onHashChange = () => this._handleHashChange(), this._onPopState = () => this._handlePopState(), this.attr("data-yoya-router", ""), e !== null && this.setup(e);
 	}
@@ -1864,7 +2423,7 @@ var wi = class extends h {
 		return typeof e == "function" ? (e(this), this) : super.setup(e);
 	}
 	default(e) {
-		return this._defaultPath = Z(e), this;
+		return this._defaultPath = $(e), this;
 	}
 	mode(e) {
 		if (e === void 0) return this._mode;
@@ -1874,7 +2433,7 @@ var wi = class extends h {
 		return n && this.stop(), this._mode = t, n && this.start(), this;
 	}
 	route(e, t) {
-		let n = Mi(e, t);
+		let n = La(e, t);
 		return this._routes.push(n), this;
 	}
 	notFound(e) {
@@ -1890,19 +2449,19 @@ var wi = class extends h {
 		return this._beforeEach = e, this;
 	}
 	start() {
-		this._started ||= (this._stopListening = this._mode === "history" ? O("popstate", this._onPopState) : O("hashchange", this._onHashChange), !0);
-		let e = Ji(this._mode);
+		this._started ||= (this._stopListening = this._mode === "history" ? R("popstate", this._onPopState) : R("hashchange", this._onHashChange), !0);
+		let e = eo(this._mode);
 		return (this._mode === "history" ? e === "/" || e === "/index.html" : !window.location.hash) && this._defaultPath ? this.navigate(this._defaultPath, { replace: !0 }) : this.refresh();
 	}
 	stop() {
 		return this._started &&= (this._stopListening?.(), this._stopListening = null, !1), this;
 	}
 	navigate(e, t = {}) {
-		let n = Z(e), r = this._resolve(n);
-		return this._canEnter(r.context) ? (Xi(n, t, this._mode) && !t.replace && this._mode === "hash" && (this._ignoreNextHashPath = n), this._renderResolved(r), this) : this;
+		let n = $(e), r = this._resolve(n);
+		return this._canEnter(r.context) ? (no(n, t, this._mode) && !t.replace && this._mode === "hash" && (this._ignoreNextHashPath = n), this._renderResolved(r), this) : this;
 	}
 	refresh() {
-		let e = Ji(this._mode), t = this._resolve(e);
+		let e = eo(this._mode), t = this._resolve(e);
 		return this._canEnter(t.context) && this._renderResolved(t), this;
 	}
 	renderPath(e) {
@@ -1926,7 +2485,7 @@ var wi = class extends h {
 	}
 	outlet(e) {
 		if (e === void 0) return this._outlet;
-		if (!(e instanceof h)) throw TypeError("Router outlet must be an ElementNode");
+		if (!(e instanceof P)) throw TypeError("Router outlet must be an ElementNode");
 		return this._outlet = e, this;
 	}
 	subscribe(e) {
@@ -1948,16 +2507,16 @@ var wi = class extends h {
 	_resolve(e) {
 		let t = this._routes.map((t) => ({
 			route: t,
-			match: Gi(t.pattern, e)
+			match: Za(t.pattern, e)
 		})).find(({ match: e }) => e);
 		if (t) return {
-			context: Ki(this, e, t.route, t.match),
+			context: Qa(this, e, t.route, t.match),
 			route: t.route,
 			view: t.route.view
 		};
-		let n = Q(e);
+		let n = io(e);
 		return {
-			context: Ki(this, e, null, {
+			context: Qa(this, e, null, {
 				params: {},
 				pathname: n.pathname,
 				query: n.query
@@ -1967,7 +2526,7 @@ var wi = class extends h {
 		};
 	}
 	_handleHashChange() {
-		let e = qi();
+		let e = $a();
 		return this._ignoreNextHashPath === e ? (this._ignoreNextHashPath = null, this) : (this._ignoreNextHashPath = null, e === this._currentPath ? this : this.refresh());
 	}
 	_handlePopState() {
@@ -1984,8 +2543,8 @@ var wi = class extends h {
 	}
 	_renderResolved(e) {
 		let { context: t, route: n, view: r } = e, i = typeof r == "function" ? r(t) : r;
-		if (this._navigationGeneration += 1, !Ui(i)) {
-			this._commitView(e, X(i, t));
+		if (this._navigationGeneration += 1, !Ya(i)) {
+			this._commitView(e, Q(i, t));
 			return;
 		}
 		let a = this._navigationGeneration;
@@ -1993,7 +2552,7 @@ var wi = class extends h {
 			if (a !== this._navigationGeneration || this._deleted) return r;
 			let i;
 			try {
-				i = X(r, t);
+				i = Q(r, t);
 			} catch (i) {
 				return this._commitView(e, this._buildErrorView(n, t, i)), r;
 			}
@@ -2005,59 +2564,59 @@ var wi = class extends h {
 		this._destroyCurrentView(), i._children = [], i._el && i._el.replaceChildren(), i.child(t), this._currentPath = n.path, this._currentParams = n.params, this._currentQuery = n.query, this._currentRoute = r, this._currentView = t, this._subscribers.forEach((e) => e(n, this));
 	}
 	_buildLoadingView(e, t) {
-		return Wi(e?.loading ?? this._loadingView ?? Vi, [t]);
+		return Xa(e?.loading ?? this._loadingView ?? qa, [t]);
 	}
 	_buildErrorView(e, t, n) {
-		return Wi(e?.error ?? this._errorView ?? Hi, [n, t]);
+		return Xa(e?.error ?? this._errorView ?? Ja, [n, t]);
 	}
 	_destroyCurrentView() {
 		this._currentView?.destroy && this._currentView.destroy(), this._currentView = null;
 	}
 };
-function Ti(e = null, t = null, n = null) {
-	let r = p(e, t, n), i = new wi(r.first);
-	return m(i, r.options), typeof r.callback == "function" && r.callback(i), i;
+function Aa(e = null, t = null, n = null) {
+	let r = oe(e, t, n), i = new ka(r.first);
+	return N(i, r.options), typeof r.callback == "function" && r.callback(i), i;
 }
-var Ei = Ti;
-function Di(e, t) {
+var ja = Aa;
+function Ma(e, t) {
 	return {
 		config: t,
 		pattern: e
 	};
 }
-function Oi(e = null, t = null, n = null) {
-	let r = p(e, t, n), i = new wi();
-	return i.vRoute = (e, t) => (i.route(e, t), i), Fi(i, r.first), m(i, r.options), typeof r.callback == "function" && r.callback(i), i;
+function Na(e = null, t = null, n = null) {
+	let r = oe(e, t, n), i = new ka();
+	return i.vRoute = (e, t) => (i.route(e, t), i), Ba(i, r.first), N(i, r.options), typeof r.callback == "function" && r.callback(i), i;
 }
-function ki(e, t = null, n = null) {
-	Ni(e);
-	let r = new h("a"), i = {
+function Pa(e, t = null, n = null) {
+	Ra(e);
+	let r = new P("a"), i = {
 		exact: !0,
 		label: null,
 		params: {},
 		query: {},
 		replace: !1,
 		to: "/"
-	}, a = new h("span").className("yoya-vlink-label");
-	r.className("yoya-vlink"), r.attr("data-router-link", "true"), r.child(a), r.to = (e) => Y(r, i, "to", e), r.params = (e) => Y(r, i, "params", e || {}), r.query = (e) => Y(r, i, "query", e || {}), r.replace = (e) => Y(r, i, "replace", !!e), r.exact = (e) => Y(r, i, "exact", !!e), r.label = (e) => e === void 0 ? i.label : (i.label = e, N(a, bn(e)), r), Ii(r, i, t), Li(r, i, e), r.on("click", (t) => {
-		Bi(t, r) && (t.preventDefault(), e.navigate(Ri(i.to, i.params, i.query), { replace: i.replace }));
+	}, a = new P("span").className("yoya-vlink-label");
+	r.className("yoya-vlink"), r.attr("data-router-link", "true"), r.child(a), r.to = (e) => Ha(r, i, "to", e), r.params = (e) => Ha(r, i, "params", e || {}), r.query = (e) => Ha(r, i, "query", e || {}), r.replace = (e) => Ha(r, i, "replace", !!e), r.exact = (e) => Ha(r, i, "exact", !!e), r.label = (e) => e === void 0 ? i.label : (i.label = e, U(a, In(e)), r), Va(r, i, t), Ua(r, i, e), r.on("click", (t) => {
+		Ka(t, r) && (t.preventDefault(), e.navigate(Wa(i.to, i.params, i.query), { replace: i.replace }));
 	});
-	let o = e.subscribe(() => Li(r, i, e)), s = r.destroy.bind(r);
+	let o = e.subscribe(() => Ua(r, i, e)), s = r.destroy.bind(r);
 	return r.destroy = () => (o(), s()), typeof n == "function" && n(r), r;
 }
-function Ai(e, t = null, n = null) {
-	Ni(e);
-	let r = new h("div");
+function Fa(e, t = null, n = null) {
+	Ra(e);
+	let r = new P("div");
 	r.className("yoya-vrouter-view"), r.attr("data-router-view", "true"), typeof t == "function" ? t(r) : t && r.setup(t), e.outlet(r);
 	let i = r.destroy.bind(r);
 	return r.destroy = () => (e.outlet() === r && e.outlet(e), i()), typeof n == "function" && n(r), r;
 }
-function ji(e, t = null, n = null) {
-	Ni(e);
-	let r = new h("div"), i = new h("header").className("yoya-vrouter-views-titlebar").attr({
+function Ia(e, t = null, n = null) {
+	Ra(e);
+	let r = new P("div"), i = new P("header").className("yoya-vrouter-views-titlebar").attr({
 		role: "tablist",
 		"aria-label": "已打开页面"
-	}), a = new h("div").className("yoya-vrouter-views-content"), o = d("⋯"), s = new h("button").className("yoya-vrouter-views-expand").attr({
+	}), a = new P("div").className("yoya-vrouter-views-content"), o = M("⋯"), s = new P("button").className("yoya-vrouter-views-expand").attr({
 		type: "button",
 		"aria-expanded": "false",
 		"aria-label": "展开全部标签"
@@ -2065,7 +2624,7 @@ function ji(e, t = null, n = null) {
 		alignItems: "center",
 		background: "transparent",
 		border: "0",
-		color: k("color-text-secondary", "#57606a"),
+		color: z("color-text-secondary", "#57606a"),
 		cursor: "pointer",
 		display: "none",
 		flexShrink: "0",
@@ -2081,12 +2640,12 @@ function ji(e, t = null, n = null) {
 		position: "sticky",
 		right: "8px",
 		zIndex: "2"
-	}).child(o), c = new h("div").className("yoya-vrouter-views-popup").attr({
+	}).child(o), c = new P("div").className("yoya-vrouter-views-popup").attr({
 		role: "menu",
 		"aria-label": "已打开页面"
 	}).styles({
-		background: k("color-surface", "#ffffff"),
-		border: A("color-border", "#d0d7de"),
+		background: z("color-surface", "#ffffff"),
+		border: B("color-border", "#d0d7de"),
 		borderRadius: "8px",
 		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
 		display: "none",
@@ -2104,7 +2663,7 @@ function ji(e, t = null, n = null) {
 		overflow: !1,
 		persist: !0,
 		popupOpen: !1,
-		storageKey: Si(e),
+		storageKey: Da(e),
 		suppressPersist: !1,
 		tabs: /* @__PURE__ */ new Map(),
 		title: "工作区",
@@ -2112,14 +2671,14 @@ function ji(e, t = null, n = null) {
 		titlePosition: "top"
 	};
 	r.className("yoya-vrouter-views"), r.styles({
-		border: A("color-border", "#d0d7de"),
+		border: B("color-border", "#d0d7de"),
 		boxSizing: "border-box",
 		overflow: "hidden"
 	}), i.styles({
-		background: k("color-surface-hover", "#f6f8fa"),
-		borderBottom: A("color-border", "#d0d7de"),
+		background: z("color-surface-hover", "#f6f8fa"),
+		borderBottom: B("color-border", "#d0d7de"),
 		boxSizing: "border-box",
-		color: k("color-text-secondary", "#57606a"),
+		color: z("color-text-secondary", "#57606a"),
 		display: "flex",
 		flexWrap: "nowrap",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -2163,24 +2722,24 @@ function ji(e, t = null, n = null) {
 			minWidth: e ? "0" : null,
 			overflow: null
 		});
-	}, f = (e) => {
+	}, d = (e) => {
 		let t = e !== "top";
 		r.styles({
 			alignItems: t ? "stretch" : null,
 			display: t ? "flex" : null
 		}), i.styles({
-			background: k("color-surface-hover", "#f6f8fa"),
-			borderBottom: t ? null : A("color-border", "#d0d7de"),
+			background: z("color-surface-hover", "#f6f8fa"),
+			borderBottom: t ? null : B("color-border", "#d0d7de"),
 			borderLeft: e === "right" ? "1px solid" : null,
-			borderLeftColor: e === "right" ? k("color-border", "#d0d7de") : null,
+			borderLeftColor: e === "right" ? z("color-border", "#d0d7de") : null,
 			borderLeftStyle: e === "right" ? "solid" : null,
 			borderLeftWidth: e === "right" ? "1px" : null,
 			borderRight: e === "left" ? "1px solid" : null,
-			borderRightColor: e === "left" ? k("color-border", "#d0d7de") : null,
+			borderRightColor: e === "left" ? z("color-border", "#d0d7de") : null,
 			borderRightStyle: e === "left" ? "solid" : null,
 			borderRightWidth: e === "left" ? "1px" : null,
 			boxSizing: "border-box",
-			color: k("color-text-secondary", "#57606a"),
+			color: z("color-text-secondary", "#57606a"),
 			display: "flex",
 			flexDirection: t ? "column" : "row",
 			flexShrink: t ? "0" : null,
@@ -2211,79 +2770,79 @@ function ji(e, t = null, n = null) {
 			let t = e.renderDom();
 			t && r._el.appendChild(t);
 		}), u();
-	}, p = (e = {}) => {
+	}, f = (e = {}) => {
 		let t = l.title, n = e.route?.title;
 		if (n !== void 0 && (t = typeof n == "function" ? n(e) : n), l.titleResolver) {
 			let n = l.titleResolver(e);
 			n != null && (t = typeof n == "function" ? n(e) : n);
 		}
 		return t ?? "";
-	}, m = (e, t) => {
+	}, p = (e, t) => {
 		let n = e.tab, r = l.titlePosition, i = r !== "top";
 		e.label.attr("aria-selected", String(t)), n.styles({
-			background: t ? k("color-surface", "#ffffff") : k("color-surface-active", "#eaeef2"),
-			border: A("color-border", "#d0d7de"),
-			borderBottomColor: r === "top" && t ? k("color-surface", "#ffffff") : k("color-border", "#d0d7de"),
+			background: t ? z("color-surface", "#ffffff") : z("color-surface-active", "#eaeef2"),
+			border: B("color-border", "#d0d7de"),
+			borderBottomColor: r === "top" && t ? z("color-surface", "#ffffff") : z("color-border", "#d0d7de"),
 			borderLeftColor: "transparent",
-			borderRightColor: r === "left" && t ? k("color-surface", "#ffffff") : k("color-border", "#d0d7de"),
-			color: t ? k("color-text", "#24292f") : k("color-text-secondary", "#57606a"),
+			borderRightColor: r === "left" && t ? z("color-surface", "#ffffff") : z("color-border", "#d0d7de"),
+			color: t ? z("color-text", "#24292f") : z("color-text-secondary", "#57606a"),
 			fontWeight: t ? "600" : "400",
 			marginBottom: r === "top" ? "-9px" : "0",
 			marginLeft: r === "right" ? "-9px" : "0",
 			marginRight: r === "left" ? "-9px" : "0",
 			padding: i ? "8px 10px" : "7px 14px 8px"
 		});
-	}, g = (e) => {
+	}, m = (e) => {
 		l.overflow = !!e, r.attr("data-title-overflow", l.overflow ? "true" : null), s.style("display", l.overflow ? "inline-flex" : "none");
-	}, _ = () => {
-		if (l.titlePosition !== "top" || l.tabs.size <= J) {
-			g(!1);
+	}, h = () => {
+		if (l.titlePosition !== "top" || l.tabs.size <= wa) {
+			m(!1);
 			return;
 		}
-		g(!0);
-	}, v = () => {
-		let e = Array.from(l.tabs.entries()), t = e.slice(0, J).map(([, e]) => e.tab).filter((e) => e !== s);
-		if (!(e.length > J && l.titlePosition === "top")) {
-			l.popupOpen && x(), i._children = t, i._childrenDirty = !0, i._el ? i._el.replaceChildren(...t.map((e) => e.renderDom()).filter(Boolean)) : s._el?.remove(), g(!1);
+		m(!0);
+	}, g = () => {
+		let e = Array.from(l.tabs.entries()), t = e.slice(0, wa).map(([, e]) => e.tab).filter((e) => e !== s);
+		if (!(e.length > wa && l.titlePosition === "top")) {
+			l.popupOpen && y(), i._children = t, i._childrenDirty = !0, i._el ? i._el.replaceChildren(...t.map((e) => e.renderDom()).filter(Boolean)) : s._el?.remove(), m(!1);
 			return;
 		}
 		if (i._children = [...t, s], i._childrenDirty = !0, i._el) {
 			let e = t.map((e) => e.renderDom()).filter(Boolean);
 			i._el.replaceChildren(...e, s.renderDom());
 		}
-		_();
-	}, y = () => {
+		h();
+	}, _ = () => {
 		if (!(!l.persist || l.suppressPersist || typeof localStorage > "u")) try {
 			localStorage.setItem(l.storageKey, JSON.stringify({
 				activePath: e.currentPath(),
 				paths: Array.from(l.tabs.keys())
 			}));
 		} catch {}
-	}, b = null, x = () => {
-		l.popupOpen = !1, r.attr("data-title-popup", null), s.attr("aria-expanded", "false"), c.style("display", "none"), b &&= (b(), null);
-	}, S = () => {
-		c.clearChildren(), c._el && c._el.replaceChildren(), Array.from(l.tabs.entries()).slice(J).forEach(([t, n]) => {
-			let r = n.text.textContent(), i = new h("div").className("yoya-vrouter-views-popup-item").attr({
+	}, v = null, y = () => {
+		l.popupOpen = !1, r.attr("data-title-popup", null), s.attr("aria-expanded", "false"), c.style("display", "none"), v &&= (v(), null);
+	}, b = () => {
+		c.clearChildren(), c._el && c._el.replaceChildren(), Array.from(l.tabs.entries()).slice(wa).forEach(([t, n]) => {
+			let r = n.text.textContent(), i = new P("div").className("yoya-vrouter-views-popup-item").attr({
 				role: "menuitem",
 				tabIndex: "0",
 				"data-router-view-path": t
 			}).styles({
 				alignItems: "center",
 				borderRadius: "6px",
-				color: k("color-text", "#24292f"),
+				color: z("color-text", "#24292f"),
 				cursor: "pointer",
 				display: "flex",
 				fontSize: "13px",
 				gap: "8px",
 				padding: "7px 8px",
 				width: "100%"
-			}), a = new h("span").className("yoya-vrouter-views-popup-title").styles({
+			}), a = new P("span").className("yoya-vrouter-views-popup-title").styles({
 				flex: "1",
 				minWidth: "0",
 				overflow: "hidden",
 				textOverflow: "ellipsis",
 				whiteSpace: "nowrap"
-			}).text(r), o = new h("button").className("yoya-vrouter-views-popup-close").attr({
+			}).text(r), o = new P("button").className("yoya-vrouter-views-popup-close").attr({
 				type: "button",
 				"aria-label": `关闭 ${r}`
 			}).styles({
@@ -2297,27 +2856,27 @@ function ji(e, t = null, n = null) {
 				padding: "2px 4px"
 			}).text("×");
 			t === e.currentPath() && (i.attr("aria-current", "true"), i.styles({
-				background: k("color-primary-subtle", "#e8f0fe"),
-				color: k("color-primary", "#1f6feb")
+				background: z("color-primary-subtle", "#e8f0fe"),
+				color: z("color-primary", "#1f6feb")
 			}));
 			let s = () => {
-				x(), e.navigate(t);
+				y(), e.navigate(t);
 			};
 			i.on("click", s), i.on("keydown", (e) => {
 				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
 			}), o.on("click", (e) => {
-				e.stopPropagation(), ne(t, e), l.popupOpen && S();
+				e.stopPropagation(), C(t, e), l.popupOpen && b();
 			}), i.child(a, o), c.child(i);
 		});
-	}, ee = () => {
+	}, x = () => {
 		if (l.tabs.size === 0) return;
-		xi(), S(), l.popupOpen = !0, r.attr("data-title-popup", "true"), s.attr("aria-expanded", "true"), c.styles({ display: "block" }), f();
+		Ea(), b(), l.popupOpen = !0, r.attr("data-title-popup", "true"), s.attr("aria-expanded", "true"), c.styles({ display: "block" }), f();
 		let e = (e) => {
-			!c._el?.contains(e.target) && !s._el?.contains(e.target) && x();
+			!c._el?.contains(e.target) && !s._el?.contains(e.target) && y();
 		}, t = (e) => {
-			e.key === "Escape" && x();
-		}, n = () => f(), i = () => f(), a = D("click", e), o = D("keydown", t), u = O("scroll", n, !0), d = O("resize", i);
-		b = () => {
+			e.key === "Escape" && y();
+		}, n = () => f(), i = () => f(), a = L("click", e), o = L("keydown", t), u = R("scroll", n, !0), d = R("resize", i);
+		v = () => {
 			a(), o(), u(), d();
 		};
 		function f() {
@@ -2333,26 +2892,26 @@ function ji(e, t = null, n = null) {
 		}
 	};
 	s.on("click", () => {
-		l.popupOpen ? x() : ee();
+		l.popupOpen ? y() : x();
 	});
-	let te = r.renderDom.bind(r);
+	let S = r.renderDom.bind(r);
 	r.renderDom = () => {
-		xi();
-		let e = te();
-		return _(), e;
-	}, r.updateOverflow = _, r.titlePosition = (t) => {
+		Ea();
+		let e = S();
+		return h(), e;
+	}, r.updateOverflow = h, r.titlePosition = (t) => {
 		if (t === void 0) return l.titlePosition;
-		let n = Pi(t);
-		return l.titlePosition = n, n !== "top" && l.popupOpen && x(), r.attr("data-title-position", l.titlePosition), i.attr("aria-orientation", l.titlePosition === "top" ? "horizontal" : "vertical"), f(l.titlePosition), v(), l.tabs.forEach((t, n) => {
-			m(t, n === e.currentPath());
-		}), _(), r;
-	}, r.titlePosition(l.titlePosition), r.lockTitle = (e = !0) => e === void 0 ? l.lockTitle : (l.lockTitle = !!e, r.attr("data-title-locked", l.lockTitle ? "true" : null), f(l.titlePosition), _(), r), r.titleLocked = r.lockTitle;
-	let ne = (t, n = null) => {
+		let n = za(t);
+		return l.titlePosition = n, n !== "top" && l.popupOpen && y(), r.attr("data-title-position", l.titlePosition), i.attr("aria-orientation", l.titlePosition === "top" ? "horizontal" : "vertical"), d(l.titlePosition), g(), l.tabs.forEach((t, n) => {
+			p(t, n === e.currentPath());
+		}), h(), r;
+	}, r.titlePosition(l.titlePosition), r.lockTitle = (e = !0) => e === void 0 ? l.lockTitle : (l.lockTitle = !!e, r.attr("data-title-locked", l.lockTitle ? "true" : null), d(l.titlePosition), h(), r), r.titleLocked = r.lockTitle;
+	let C = (t, n = null) => {
 		n && n.stopPropagation();
 		let r = Array.from(l.tabs.entries()).findIndex(([e]) => e === t), o = l.tabs.get(t);
 		if (!o) return;
 		let s = o.label.attr("aria-selected") === "true";
-		if (l.tabs.delete(t), i._children = i.children().filter((e) => e !== o.tab), i._childrenDirty = !0, o.tab.destroy(), v(), y(), !s) return;
+		if (l.tabs.delete(t), i._children = i.children().filter((e) => e !== o.tab), i._childrenDirty = !0, o.tab.destroy(), g(), _(), !s) return;
 		let c = Array.from(l.tabs.keys());
 		if (c.length > 0) {
 			let t = c[Math.min(r, c.length - 1)];
@@ -2360,12 +2919,12 @@ function ji(e, t = null, n = null) {
 			return;
 		}
 		a.clearChildren().commit(), e._navigationGeneration += 1, e._currentView = null;
-	}, C = new h("div").className("yoya-vrouter-views-context").attr({
+	}, w = new P("div").className("yoya-vrouter-views-context").attr({
 		role: "menu",
 		"aria-label": "标签页操作"
 	}).styles({
-		background: k("color-surface", "#ffffff"),
-		border: A("color-border", "#d0d7de"),
+		background: z("color-surface", "#ffffff"),
+		border: B("color-border", "#d0d7de"),
 		borderRadius: "8px",
 		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
 		display: "none",
@@ -2373,13 +2932,13 @@ function ji(e, t = null, n = null) {
 		padding: "6px",
 		position: "fixed",
 		zIndex: "100"
-	}), re = null, w = () => {
-		C.styles({ display: "none" }), C.clearChildren(), C._el?.remove(), re &&= (re(), null);
-	}, T = (t, n = null) => {
+	}), T = null, E = () => {
+		w.styles({ display: "none" }), w.clearChildren(), w._el?.remove(), T &&= (T(), null);
+	}, D = (t, n = null) => {
 		let r = new Set(t), o = Array.from(l.tabs.entries()), s = o.findIndex(([e]) => r.has(e));
 		if (o.forEach(([e, t]) => {
 			r.has(e) && (l.tabs.delete(e), i._children = i.children().filter((e) => e !== t.tab), i._childrenDirty = !0, t.tab.destroy());
-		}), v(), y(), l.popupOpen && S(), !r.has(e.currentPath())) return;
+		}), g(), _(), l.popupOpen && b(), !r.has(e.currentPath())) return;
 		let c = Array.from(l.tabs.keys());
 		if (c.length === 0) {
 			a.clearChildren().commit(), e._navigationGeneration += 1, e._currentView = null;
@@ -2387,20 +2946,20 @@ function ji(e, t = null, n = null) {
 		}
 		let u = n && l.tabs.has(n) ? n : c[Math.min(Math.max(s, 0), c.length - 1)];
 		e.navigate(u, { replace: !0 });
-	}, ie = (t) => {
+	}, ee = (t) => {
 		if (typeof navigator > "u" || !navigator.clipboard) return;
 		let n = typeof window > "u" ? "" : window.location.origin, r = typeof window > "u" ? "" : window.location.pathname, i = e.mode() === "history" ? `${n}${r}${t}` : `${n}${r}#${t}`;
 		navigator.clipboard.writeText(i).catch(() => {});
-	}, ae = (t, n) => {
-		l.popupOpen && x(), w();
-		let r = Array.from(l.tabs.entries()), i = r.findIndex(([e]) => e === t), a = () => T(r.filter(([e]) => e !== t).map(([e]) => e), t), o = () => T(r.slice(0, i).map(([e]) => e), t), s = () => T(r.slice(i + 1).map(([e]) => e), t), c = () => T(r.map(([e]) => e)), u = (e, t, n = !1, r = !1) => {
-			let i = new h("div").className("yoya-vrouter-views-context-item").attr({
+	}, te = (t, n) => {
+		l.popupOpen && y(), E();
+		let r = Array.from(l.tabs.entries()), i = r.findIndex(([e]) => e === t), a = () => D(r.filter(([e]) => e !== t).map(([e]) => e), t), o = () => D(r.slice(0, i).map(([e]) => e), t), s = () => D(r.slice(i + 1).map(([e]) => e), t), c = () => D(r.map(([e]) => e)), u = (e, t, n = !1, r = !1) => {
+			let i = new P("div").className("yoya-vrouter-views-context-item").attr({
 				role: "menuitem",
 				tabIndex: "0"
 			}).text(e).styles({
 				alignItems: "center",
 				borderRadius: "6px",
-				color: n ? k("color-text-danger", "#b91c1c") : k("color-text", "#24292f"),
+				color: n ? z("color-text-danger", "#b91c1c") : z("color-text", "#24292f"),
 				cursor: r ? "default" : "pointer",
 				display: "flex",
 				fontSize: "13px",
@@ -2409,30 +2968,30 @@ function ji(e, t = null, n = null) {
 				width: "100%"
 			});
 			return r ? (i.attr("aria-disabled", "true"), i.styles({ opacity: "0.4" })) : i.on("click", () => {
-				w(), t();
-			}), C.child(i), i;
-		}, d = () => C.child(new h("div").className("yoya-vrouter-views-context-separator"));
-		u("刷新", () => e.navigate(t, { replace: !0 })), u("复制链接", () => ie(t)), d(), u("关闭", () => ne(t), !0), u("关闭其他", a, !1, r.length <= 1), u("关闭左侧", o, !1, i <= 0), u("关闭右侧", s, !1, i === r.length - 1), d(), u("关闭全部", c, !0, r.length === 0), C.bindTo(document.body), C.styles({ display: "block" });
-		let f = C._el.getBoundingClientRect(), p = typeof window > "u" ? 0 : window.innerWidth || 0, m = typeof window > "u" ? 0 : window.innerHeight || 0, g = Math.max(8, Math.min(n.clientX || 0, p - f.width - 8)), _ = Math.max(8, Math.min(n.clientY || 0, m - f.height - 8));
-		C.styles({
-			left: `${g}px`,
-			top: `${_}px`
+				E(), t();
+			}), w.child(i), i;
+		}, d = () => w.child(new P("div").className("yoya-vrouter-views-context-separator"));
+		u("刷新", () => e.navigate(t, { replace: !0 })), u("复制链接", () => ee(t)), d(), u("关闭", () => C(t), !0), u("关闭其他", a, !1, r.length <= 1), u("关闭左侧", o, !1, i <= 0), u("关闭右侧", s, !1, i === r.length - 1), d(), u("关闭全部", c, !0, r.length === 0), w.bindTo(document.body), w.styles({ display: "block" });
+		let f = w._el.getBoundingClientRect(), p = typeof window > "u" ? 0 : window.innerWidth || 0, m = typeof window > "u" ? 0 : window.innerHeight || 0, h = Math.max(8, Math.min(n.clientX || 0, p - f.width - 8)), g = Math.max(8, Math.min(n.clientY || 0, m - f.height - 8));
+		w.styles({
+			left: `${h}px`,
+			top: `${g}px`
 		});
-		let v = (e) => {
-			C._el?.contains(e.target) || w();
-		}, y = (e) => {
-			e.key === "Escape" && w();
-		}, b = () => w(), S = D("mousedown", v), ee = D("keydown", y), te = O("scroll", b, !0), ae = O("resize", b);
-		re = () => {
-			S(), ee(), te(), ae();
+		let _ = (e) => {
+			w._el?.contains(e.target) || E();
+		}, v = (e) => {
+			e.key === "Escape" && E();
+		}, b = () => E(), x = L("mousedown", _), S = L("keydown", v), te = R("scroll", b, !0), O = R("resize", b);
+		T = () => {
+			x(), S(), te(), O();
 		};
-	}, E = (t = {}) => {
-		let n = t.path || e.currentPath(), r = new Set(l.titlePosition === "top" ? Array.from(l.tabs.keys()).slice(0, J) : Array.from(l.tabs.keys())), a = l.tabs.get(n);
+	}, O = (t = {}) => {
+		let n = t.path || e.currentPath(), r = new Set(l.titlePosition === "top" ? Array.from(l.tabs.keys()).slice(0, wa) : Array.from(l.tabs.keys())), a = l.tabs.get(n);
 		if (a) {
-			let e = p(t);
+			let e = f(t);
 			a.text.textContent(e), a.closeButton.attr("aria-label", `关闭 ${e}`);
 		} else {
-			let r = new h("div").className("yoya-vrouter-views-title"), o = d(p(t)), s = new h("button").className("yoya-vrouter-views-label").child(o), c = new h("button").className("yoya-vrouter-views-close");
+			let r = new P("div").className("yoya-vrouter-views-title"), o = M(f(t)), s = new P("button").className("yoya-vrouter-views-label").child(o), c = new P("button").className("yoya-vrouter-views-close");
 			r.attr({ "data-router-view-path": n }), r.styles({
 				alignItems: "center",
 				cursor: "pointer",
@@ -2452,7 +3011,7 @@ function ji(e, t = null, n = null) {
 				padding: "0"
 			}), s.on("click", () => e.navigate(n)), c.attr({
 				type: "button",
-				"aria-label": `关闭 ${p(t)}`
+				"aria-label": `关闭 ${f(t)}`
 			}), c.styles({
 				background: "transparent",
 				border: "0",
@@ -2461,31 +3020,31 @@ function ji(e, t = null, n = null) {
 				font: "inherit",
 				lineHeight: "1",
 				padding: "0"
-			}), c.text("×"), c.on("click", (e) => ne(n, e)), r.on("contextmenu", (e) => {
-				e.preventDefault(), e.stopPropagation(), ae(n, e);
+			}), c.text("×"), c.on("click", (e) => C(n, e)), r.on("contextmenu", (e) => {
+				e.preventDefault(), e.stopPropagation(), te(n, e);
 			}), r.child(s, c), i.child(r), a = {
 				closeButton: c,
 				label: s,
 				tab: r,
 				text: o
-			}, l.tabs.set(n, a), m(a, !1);
+			}, l.tabs.set(n, a), p(a, !1);
 		}
-		r.has(n) || (l.tabs.delete(n), l.tabs = new Map([[n, a], ...l.tabs])), l.tabs.forEach((e, t) => m(e, t === n)), v(), l.popupOpen && S(), y();
-	}, oe = () => {
+		r.has(n) || (l.tabs.delete(n), l.tabs = new Map([[n, a], ...l.tabs])), l.tabs.forEach((e, t) => p(e, t === n)), g(), l.popupOpen && b(), _();
+	}, ne = () => {
 		if (!l.persist) return;
-		let t = Ci(l.storageKey);
+		let t = Oa(l.storageKey);
 		if (t) {
 			l.suppressPersist = !0;
 			try {
 				t.paths.slice().reverse().forEach((t) => {
 					let n = e._resolve(t);
-					E({
+					O({
 						...n.context,
 						path: t
 					});
 				});
 			} finally {
-				l.suppressPersist = !1, y();
+				l.suppressPersist = !1, _();
 			}
 		}
 	};
@@ -2494,40 +3053,40 @@ function ji(e, t = null, n = null) {
 		let { persist: e, storageKey: n, title: i, titlePosition: a, titleResolver: o, ...s } = t;
 		i !== void 0 && (l.title = i), e !== void 0 && (l.persist = !!e), n !== void 0 && (l.storageKey = n), a !== void 0 && r.titlePosition(a), typeof o == "function" && (l.titleResolver = o), Object.keys(s).length > 0 && r.setup(s);
 	}
-	e.outlet(a), oe(), (e.currentRoute() || e.currentPath() !== "/") && E({
+	e.outlet(a), ne(), (e.currentRoute() || e.currentPath() !== "/") && O({
 		params: e.currentParams(),
 		path: e.currentPath(),
 		query: e.currentQuery(),
 		route: e.currentRoute(),
 		router: e
 	});
-	let se = e.subscribe((e) => E(e)), ce = O("resize", () => _()), le = r.destroy.bind(r);
-	return r.destroy = () => (l.popupOpen && x(), w(), ce(), se(), e.outlet() === a && e.outlet(e), le()), typeof n == "function" && n(r), r;
-}
-_(h, {
-	vLink: ki,
-	vRouter: Oi,
-	vRouterView: Ai,
-	vRouterViews: ji
+	let re = e.subscribe((e) => O(e)), ie = R("resize", () => h()), k = r.destroy.bind(r);
+	return r.destroy = () => (l.popupOpen && y(), E(), ie(), re(), e.outlet() === a && e.outlet(e), k()), typeof n == "function" && n(r), r;
+}
+F(P, {
+	vLink: Pa,
+	vRouter: Na,
+	vRouterView: Fa,
+	vRouterViews: Ia
 });
-function Mi(e, t) {
+function La(e, t) {
 	let n = {
 		beforeEnter: null,
 		error: null,
 		loading: null,
-		pattern: Zi(e),
+		pattern: ro(e),
 		title: null,
 		view: null
 	};
-	return typeof t == "function" || t instanceof c || $i(t) ? (n.view = t, n) : (t && typeof t == "object" && (n.beforeEnter = t.beforeEnter || null, n.error = t.error ?? null, n.loading = t.loading ?? null, n.title = t.title ?? null, n.view = t.view || t.component || null), n);
+	return typeof t == "function" || t instanceof k || oo(t) ? (n.view = t, n) : (t && typeof t == "object" && (n.beforeEnter = t.beforeEnter || null, n.error = t.error ?? null, n.loading = t.loading ?? null, n.title = t.title ?? null, n.view = t.view || t.component || null), n);
 }
-function Ni(e) {
-	if (!(e instanceof wi)) throw TypeError("vLink and vRouterView require a Router instance");
+function Ra(e) {
+	if (!(e instanceof ka)) throw TypeError("vLink and vRouterView require a Router instance");
 }
-function Pi(e) {
+function za(e) {
 	return e === "left" || e === "right" ? e : "top";
 }
-function Fi(e, t) {
+function Ba(e, t) {
 	if (typeof t == "function") return t(e), e;
 	if (!t || typeof t != "object") return e;
 	let { beforeEach: n, default: r, error: i, loading: a, notFound: o, routes: s = [], ...c } = t;
@@ -2535,7 +3094,7 @@ function Fi(e, t) {
 		t?.pattern !== void 0 && e.vRoute(t.pattern, t.config);
 	}), o !== void 0 && e.notFound(o), e;
 }
-function Ii(e, t, n) {
+function Va(e, t, n) {
 	if (typeof n == "function") {
 		n(e);
 		return;
@@ -2548,56 +3107,56 @@ function Ii(e, t, n) {
 	let { exact: r, label: i, params: a, query: o, replace: s, to: c, ...l } = n;
 	Object.keys(l).length && e.setup(l), c !== void 0 && (t.to = c), a !== void 0 && (t.params = a || {}), o !== void 0 && (t.query = o || {}), s !== void 0 && (t.replace = !!s), r !== void 0 && (t.exact = !!r), t.label = i ?? t.to, e.label(t.label);
 }
-function Y(e, t, n, r) {
+function Ha(e, t, n, r) {
 	if (r === void 0) return t[n];
-	t[n] = r, n === "to" && t.label === null && N(e.children()[0], bn(r));
+	t[n] = r, n === "to" && t.label === null && U(e.children()[0], In(r));
 	let i = e._routerInstance;
-	return i && Li(e, t, i), e;
+	return i && Ua(e, t, i), e;
 }
-function Li(e, t, n) {
+function Ua(e, t, n) {
 	e._routerInstance = n;
-	let r = Ri(t.to, t.params, t.query), i = zi(n.currentPath(), r, t.exact), a = new Set(String(e.attr("class") || "").split(/\s+/).filter(Boolean));
+	let r = Wa(t.to, t.params, t.query), i = Ga(n.currentPath(), r, t.exact), a = new Set(String(e.attr("class") || "").split(/\s+/).filter(Boolean));
 	return a.add("yoya-vlink"), i ? a.add("is-active") : a.delete("is-active"), e.attr({
 		"aria-current": i ? "page" : null,
 		class: [...a].join(" "),
 		href: n.mode() === "history" ? r : `#${r}`
 	}), e;
 }
-function Ri(e, t, n) {
-	let [r, i = ""] = Z(e).split("?"), a = r.replace(/:([A-Za-z0-9_]+)/g, (e, n) => t[n] === void 0 ? e : encodeURIComponent(t[n])), o = new URLSearchParams(i);
+function Wa(e, t, n) {
+	let [r, i = ""] = $(e).split("?"), a = r.replace(/:([A-Za-z0-9_]+)/g, (e, n) => t[n] === void 0 ? e : encodeURIComponent(t[n])), o = new URLSearchParams(i);
 	Object.entries(n || {}).forEach(([e, t]) => {
 		o.delete(e), Array.isArray(t) ? t.forEach((t) => o.append(e, t)) : t != null && o.set(e, t);
 	});
 	let s = o.toString();
 	return s ? `${a}?${s}` : a;
 }
-function zi(e, t, n) {
-	let r = Z(e), i = Z(t);
+function Ga(e, t, n) {
+	let r = $(e), i = $(t);
 	if (n) return r === i;
-	let a = Q(r).pathname, o = Q(i).pathname;
+	let a = io(r).pathname, o = io(i).pathname;
 	return a === o || a.startsWith(`${o}/`);
 }
-function Bi(e, t) {
+function Ka(e, t) {
 	return !e.defaultPrevented && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && (!t.attr("target") || t.attr("target") === "_self");
 }
-function X(e, t) {
-	if (e instanceof c) return e;
-	if (e == null) return d("");
-	if ($i(e)) return d(e);
-	if (typeof e == "object" && e && e.default !== void 0 && typeof e.render != "function") return X(e.default, t);
-	if (typeof e == "function") return X(e(t), t);
-	if (typeof e == "object" && typeof e.render == "function") return X(e.render(), t);
+function Q(e, t) {
+	if (e instanceof k) return e;
+	if (e == null) return M("");
+	if (oo(e)) return M(e);
+	if (typeof e == "object" && e && e.default !== void 0 && typeof e.render != "function") return Q(e.default, t);
+	if (typeof e == "function") return Q(e(t), t);
+	if (typeof e == "object" && typeof e.render == "function") return Q(e.render(), t);
 	throw TypeError("Router route view must be a ViewNode, string, number, null, undefined, a render() component object, a factory returning one, or a module with a default export");
 }
-var Vi = () => "加载中…", Hi = (e) => `加载失败：${e?.message ?? String(e)}`;
-function Ui(e) {
+var qa = () => "加载中…", Ja = (e) => `加载失败：${e?.message ?? String(e)}`;
+function Ya(e) {
 	return e !== null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
 }
-function Wi(e, t) {
-	return X(typeof e == "function" ? e(...t) : e, t[t.length - 1]);
+function Xa(e, t) {
+	return Q(typeof e == "function" ? e(...t) : e, t[t.length - 1]);
 }
-function Gi(e, t) {
-	let n = Q(e), r = Q(t), i = Qi(n.pathname), a = Qi(r.pathname);
+function Za(e, t) {
+	let n = io(e), r = io(t), i = ao(n.pathname), a = ao(r.pathname);
 	if (i.length !== a.length) return null;
 	let o = {};
 	for (let e = 0; e < i.length; e += 1) {
@@ -2614,7 +3173,7 @@ function Gi(e, t) {
 		query: r.query
 	};
 }
-function Ki(e, t, n, r) {
+function Qa(e, t, n, r) {
 	return {
 		params: { ...r.params },
 		path: t,
@@ -2624,68 +3183,68 @@ function Ki(e, t, n, r) {
 		router: e
 	};
 }
-function qi() {
-	return typeof window > "u" ? "/" : Z(window.location.hash.replace(/^#/, "") || "/");
+function $a() {
+	return typeof window > "u" ? "/" : $(window.location.hash.replace(/^#/, "") || "/");
 }
-function Ji(e = "hash") {
-	return typeof window > "u" ? "/" : e === "history" ? Z(`${window.location.pathname}${window.location.search}`) : qi();
+function eo(e = "hash") {
+	return typeof window > "u" ? "/" : e === "history" ? $(`${window.location.pathname}${window.location.search}`) : $a();
 }
-function Yi(e, t = {}) {
+function to(e, t = {}) {
 	if (typeof window > "u") return !1;
 	let n = `#${e}`;
 	return t.replace ? (window.history.replaceState(null, "", n), !0) : window.location.hash !== n && (window.location.hash = n, !0);
 }
-function Xi(e, t = {}, n = "hash") {
+function no(e, t = {}, n = "hash") {
 	if (typeof window > "u") return !1;
-	if (n !== "history") return Yi(e, t);
-	let r = Z(e), i = Ji("history");
+	if (n !== "history") return to(e, t);
+	let r = $(e), i = eo("history");
 	return !t.replace && i === r ? !1 : (t.replace ? window.history.replaceState(null, "", r) : window.history.pushState(null, "", r), !0);
 }
-function Zi(e) {
-	return Z(e).split("?")[0] || "/";
+function ro(e) {
+	return $(e).split("?")[0] || "/";
 }
-function Z(e) {
+function $(e) {
 	let [t, n = ""] = String(e || "/").replace(/^#/, "").split("?"), r = t.startsWith("/") ? t : `/${t}`, i = r.length > 1 ? r.replace(/\/+$/, "") : r;
 	return n ? `${i}?${n}` : i;
 }
-function Q(e) {
-	let [t, n = ""] = Z(e).split("?");
+function io(e) {
+	let [t, n = ""] = $(e).split("?");
 	return {
 		pathname: t,
 		query: Object.fromEntries(new URLSearchParams(n))
 	};
 }
-function Qi(e) {
+function ao(e) {
 	return e.split("/").filter(Boolean);
 }
-function $i(e) {
+function oo(e) {
 	return typeof e == "string" || typeof e == "number";
 }
 //#endregion
 //#region src/core/id.js
-var ea = null;
-function ta() {
+var so = null;
+function co() {
 	let e = 0;
 	return { next() {
 		return e += 1, e;
 	} };
 }
-function na(e, t) {
-	let n = ea;
-	ea = e;
+function lo(e, t) {
+	let n = so;
+	so = e;
 	try {
 		return t();
 	} finally {
-		ea = n;
+		so = n;
 	}
 }
 //#endregion
 //#region src/core/ssr.js
-function ra(e = {}, t = {}) {
+function uo(e = {}, t = {}) {
 	let { cookie: n = "", url: r = "", acceptLanguage: i = "" } = e || {}, { cookieKey: a = "yoya-lang", queryKey: o = "locale", defaultLanguage: s = "zh-CN" } = t;
-	return ia(n, a) || aa(r, o) || oa(i) || s;
+	return fo(n, a) || po(r, o) || mo(i) || s;
 }
-function ia(e, t) {
+function fo(e, t) {
 	if (!e || !t) return null;
 	for (let n of String(e).split(";")) {
 		let e = n.indexOf("=");
@@ -2700,52 +3259,63 @@ function ia(e, t) {
 	}
 	return null;
 }
-function aa(e, t) {
+function po(e, t) {
 	if (!e || !t) return null;
 	let n = String(e).indexOf("?");
 	return n === -1 ? null : new URLSearchParams(String(e).slice(n + 1)).get(t) || null;
 }
-function oa(e) {
+function mo(e) {
 	if (!e) return null;
 	let t = String(e).split(",")[0];
 	return t && t.split(";")[0].trim() || null;
 }
-function sa(e, t, n) {
-	return e ? zr(typeof e == "function" ? e(t) : e, n) : n();
+function ho(e, t) {
+	return e ? a(typeof e == "function" ? e() : e, t) : t();
+}
+function go(e, t, n, r, i) {
+	return ho(e, () => _o(t, r, () => vo(n, r, i)));
 }
-function $(e, t = null) {
-	if (e instanceof c) return e;
-	if (typeof e == "function") return $(e(t), t);
-	if (e && typeof e.render == "function") return $(e.render(), t);
+function _o(e, t, n) {
+	return e ? Fi(typeof e == "function" ? e(t) : e, n) : n();
+}
+function vo(e, t, n) {
+	return e ? si(typeof e == "function" ? e(t) : e, n) : n();
+}
+function yo(e, t = null) {
+	if (e instanceof k) return e;
+	if (typeof e == "function") return yo(e(t), t);
+	if (e && typeof e.render == "function") return yo(e.render(), t);
 	throw TypeError("renderToString/mount requires a ViewNode, a component object with render(), or a factory function");
 }
-function ca(e) {
+function bo(e) {
 	let t = 1;
 	return typeof e.children == "function" && e.children().forEach((e) => {
-		t += ca(e instanceof u ? e._resolve() : e);
+		(e instanceof j ? e._resolveList() : [e]).forEach((e) => {
+			t += bo(e);
+		});
 	}), t;
 }
-function la(e, t = {}) {
-	let { maxNodes: n = Infinity, state: r = null, i18n: i = null } = t || {}, a = ma(r);
-	return na(ta(), () => sa(i, r, () => {
-		let t = typeof e == "function", i = $(e, r), o;
+function xo(e, t = {}) {
+	let { access: n = null, context: r = null, maxNodes: i = Infinity, state: a = null, i18n: o = null } = t || {}, s = Eo(a);
+	return lo(co(), () => go(n, r, o, a, () => {
+		let t = typeof e == "function", n = yo(e, a), r;
 		try {
-			o = ca(i) > n ? {
+			r = bo(n) > i ? {
 				exceeded: !0,
 				html: "",
-				state: a
+				state: s
 			} : {
 				exceeded: !1,
-				html: i.toHTML(),
-				state: a
+				html: n.toHTML(),
+				state: s
 			};
 		} finally {
-			t && i.destroy();
+			t && n.destroy();
 		}
-		return o;
+		return r;
 	}));
 }
-var ua = class extends v {
+var So = class extends I {
 	constructor() {
 		super("html", null), this._headCallback = null, this._bodyCallback = null;
 	}
@@ -2759,98 +3329,116 @@ var ua = class extends v {
 		return this.body((t) => t.vBody(...e));
 	}
 };
-function da(e) {
+function Co(e) {
 	return String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function fa(e, t = {}, n = {}) {
-	let { client: r = "/client.js", containerId: i = "app", i18n: a = null, maxNodes: o = Infinity, messages: s, stateId: c = "__YOYA_DATA__" } = n || {}, l = t || {};
+function wo(e, t = {}, n = {}) {
+	let { client: r = "/client.js", containerId: i = "app", access: a = null, context: o = null, i18n: s = null, maxNodes: c = Infinity, messages: l, stateId: u = "__YOYA_DATA__" } = n || {}, d = t || {};
 	if (!e || typeof e.page != "function") throw TypeError("renderPage requires { page: (page, state) => {} }");
-	let u = a || (s ? () => Ir({
-		language: l.lang || "zh-CN",
-		messages: s
-	}) : null), d = ma(l);
-	return na(ta(), () => sa(u, l, () => {
-		let t = new ua();
-		e.page(t, l);
-		let n = new v("head");
-		t._headCallback && t._headCallback(n, l);
-		let a = new v("body");
-		t._bodyCallback && t._bodyCallback(a, l);
-		let s = ca(a) > o, u = n.toHTML(), f = `<div id="${da(i)}">`, p = s ? `${f}</div>` : `${f}${a.toHTML()}</div>`, m = `<script type="application/json" id="${da(c)}">${d}<\/script>`, h = `<script type="module" src="${da(r)}"><\/script>`;
+	let f = s || (l ? () => ri({
+		language: d.lang || "zh-CN",
+		messages: l
+	}) : null), p = Eo(d);
+	return lo(co(), () => go(a, o, f, d, () => {
+		let t = new So();
+		e.page(t, d);
+		let n = new I("head");
+		t._headCallback && t._headCallback(n, d);
+		let a = new I("body");
+		t._bodyCallback && t._bodyCallback(a, d);
+		let o = bo(a) > c, s = n.toHTML(), l = `<div id="${Co(i)}">`, f = o ? `${l}</div>` : `${l}${a.toHTML()}</div>`, m = `<script type="application/json" id="${Co(u)}">${p}<\/script>`, h = `<script type="module" src="${Co(r)}"><\/script>`;
 		return n.destroy(), a.destroy(), `<!doctype html>
-<html lang="${da(l.lang || "zh-CN")}">
-${u}
+<html lang="${Co(d.lang || "zh-CN")}">
+${s}
 <body>
-${p}
+${f}
 ${m}
 ${h}
 </body>
 </html>`;
 	}));
 }
-function pa(e, t = {}) {
+function To(e, t = {}) {
 	if (typeof document > "u") return null;
-	let { messages: r, i18n: i = null, stateId: a = "__YOYA_DATA__", target: o = "#app" } = t || {}, s = document.getElementById(a), c = ha(s ? s.textContent : ""), l = i || (r ? () => Ir({
-		language: c?.lang || "zh-CN",
-		messages: r
-	}) : null), u = n(o);
-	return u && u.firstElementChild ? _a(e, o, c, { i18n: l }) : ga(e, o, c, { i18n: l });
+	let { messages: n, i18n: r = null, stateId: i = "__YOYA_DATA__", target: a = "#app" } = t || {}, o = document.getElementById(i), s = Do(o ? o.textContent : ""), c = r || (n ? () => ri({
+		language: s?.lang || "zh-CN",
+		messages: n
+	}) : null), l = D(a);
+	return l && l.firstElementChild ? ko(e, a, s, {
+		access: t.access,
+		context: t.context,
+		i18n: c
+	}) : Oo(e, a, s, {
+		access: t.access,
+		context: t.context,
+		i18n: c
+	});
 }
-function ma(e) {
+function Eo(e) {
 	return e == null ? null : JSON.stringify(e).replace(/</g, "\\u003c");
 }
-function ha(e) {
+function Do(e) {
 	return e == null || e === "" ? null : JSON.parse(e);
 }
-function ga(e, t, r = null, i = {}) {
-	return na(ta(), () => sa(i.i18n, r, () => {
-		let i = $(e, r), a = n(t);
-		return a && (a.replaceChildren(), a.appendChild(i.renderDom())), i;
+function Oo(e, t, n = null, r = {}) {
+	return lo(co(), () => go(r.access, r.context, r.i18n, n, () => {
+		let r = yo(e, n), i = D(t);
+		return i && (i.replaceChildren(), i.appendChild(r.renderDom())), r;
 	}));
 }
-function _a(e, t, r = null, i = {}) {
-	return na(ta(), () => sa(i.i18n, r, () => {
-		let i = $(e, r), a = n(t);
-		if (a) {
-			let e = a.firstElementChild;
-			e ? (va(i, e), ba(i), ya(i), i.renderDom()) : a.appendChild(i.renderDom());
+function ko(e, t, n = null, r = {}) {
+	return lo(co(), () => go(r.access, r.context, r.i18n, n, () => {
+		let r = yo(e, n), i = D(t);
+		if (i) {
+			let e = i.firstElementChild;
+			e ? (Ao(r, e), Mo(r), jo(r), r.renderDom()) : i.appendChild(r.renderDom());
 		}
-		return i;
+		return r;
 	}));
 }
-function va(e, t) {
-	if (e instanceof u) {
-		va(e._resolve(), t);
+function Ao(e, t) {
+	if (e instanceof j) {
+		let n = e._resolveList();
+		if (n.length === 1) {
+			Ao(n[0], t);
+			return;
+		}
+		let r = t ? Array.from(t.childNodes) : [];
+		n.forEach((e, t) => Ao(e, r[t]));
 		return;
 	}
-	if (e instanceof l) {
-		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : xa(t, e.renderDom());
+	if (e instanceof A) {
+		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : No(t, e.renderDom());
 		return;
 	}
 	if (t && t.nodeType === 1 && t.tagName.toLowerCase() === e._tagName) {
 		e._el = t, e._hydrated = !0;
-		let n = Array.from(t.childNodes);
-		e.children().forEach((e, t) => va(e, n[t]));
+		let n = Array.from(t.childNodes), r = 0;
+		e.children().forEach((e) => {
+			(e instanceof j ? e._resolveList() : [e]).forEach((e) => {
+				Ao(e, n[r]), r += 1;
+			});
+		});
 		return;
 	}
-	xa(t, e.renderDom());
+	No(t, e.renderDom());
 }
-function ya(e) {
-	if (e instanceof u) {
-		ya(e._resolve());
+function jo(e) {
+	if (e instanceof j) {
+		e._resolveList().forEach((e) => jo(e));
 		return;
 	}
-	e instanceof l || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(ya));
+	e instanceof A || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(jo));
 }
-function ba(e) {
-	if (e instanceof u) {
-		ba(e._resolve());
+function Mo(e) {
+	if (e instanceof j) {
+		e._resolveList().forEach((e) => Mo(e));
 		return;
 	}
-	e instanceof l || (e.children().forEach(ba), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
+	e instanceof A || (e.children().forEach(Mo), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
 }
-function xa(e, t) {
+function No(e, t) {
 	e && e.parentNode && e.parentNode.replaceChild(t, e);
 }
 //#endregion
-export { Ar as ClientOnlyNode, u as ComponentNode, h as ElementNode, v as HtmlElementNode, Pr as I18n, Fr as I18nTextNode, ua as PageDocumentNode, vi as RequestBase, yi as Result, wi as Router, l as TextNode, l as VTextNode, l as ViewTextNode, En as VMasonry, Sn as VSplitPanel, On as VThemeShell, c as ViewNode, S as a, ee as abbr, te as address, m as applyElementOptions, ne as area, C as article, re as aside, w as audio, T as b, ie as base, ae as bdi, E as bdo, D as bindDocumentEvent, O as bindWindowEvent, oe as blockquote, se as body, ce as br, le as button, ue as canvas, de as caption, In as center, fe as cite, pe as code, me as col, he as colgroup, _i as configureRequest, Wn as container, g as createElementFactory, b as createHtmlFactories, Ir as createI18n, Ti as createRouter, Hn as createVBodyPage, ge as data, _e as datalist, ve as dd, ye as del, be as details, xe as dfn, Se as dialog, Ce as div, $n as divider, we as dl, Te as dt, Ee as em, De as embed, r as escapeHtml, Oe as fieldset, ke as figcaption, Ae as figure, Mn as flex, je as footer, Me as form, Ur as getI18n, Gr as getPersistedI18nLocales, di as getYoyaMode, mi as getYoyaTheme, zn as grid, Ne as h1, Pe as h2, Fe as h3, Ie as h4, Le as h5, Re as h6, ze as head, Be as header, Ve as hgroup, He as hr, Fn as hstack, Ue as html, _a as hydrate, pa as hydrateOrMount, We as i, G as i18n, Lr as i18nText, Ge as iframe, Ke as img, hi as initYoyaTheme, rn as injectDocumentStyle, qe as input, Je as ins, Rr as installI18nStringShortcut, Ye as kbd, Xe as label, Ze as legend, Qe as li, $e as link, Wr as listI18n, et as main, tt as map, nt as mark, rt as menu, it as meta, at as meter, Kn as mobileLayout, ga as mount, ot as nav, f as normalizeChild, p as normalizeSetupArguments, st as noscript, ct as object, lt as ol, ut as optgroup, dt as option, ft as output, pt as p, ha as parseState, mt as picture, ht as pre, gt as progress, _t as q, _ as registerChildFactories, Vr as registerI18n, fa as renderPage, la as renderToString, ra as resolveLocale, n as resolveTarget, fi as resolveYoyaMode, Bn as responsiveGrid, Ei as router, vt as rp, yt as rt, bt as ruby, xt as s, St as samp, Ct as script, wt as search, Tt as section, Et as select, Dt as selectedcontent, ma as serializeState, ui as setYoyaMode, pi as setYoyaTheme, Ot as slot, kt as small, At as source, Qn as spacer, jt as span, Nn as stack, Mt as strong, Nt as style, Pt as styleTag, Ft as sub, It as summary, Lt as sup, Rt as table, zt as tbody, Bt as td, Vt as template, d as text, d as vText, Ht as textarea, Ut as tfoot, Wt as th, Gt as thead, Kt as time, qt as title, Jt as tr, Yt as track, Xt as u, Zt as ul, nn as unbindDocumentEvent, Hr as unregisterI18n, Yn as vAside, Vn as vBody, jr as vClientOnly, Rn as vCol, Gn as vContainer, Zn as vFooter, Jn as vHeader, ki as vLink, Xn as vMain, Dn as vMasonry, qn as vMobileLayout, Di as vRoute, Oi as vRouter, Ai as vRouterView, ji as vRouterViews, Ln as vRow, Cn as vSplitPanel, ai as vStateNode, kn as vThemeShell, Qt as varTag, $t as video, Pn as vstack, en as wbr, zr as withI18nStringShortcut };
+export { Zr as ClientOnlyNode, j as ComponentNode, P as ElementNode, I as HtmlElementNode, ti as I18n, ni as I18nTextNode, So as PageDocumentNode, Sa as RequestBase, Ca as Result, ka as Router, A as TextNode, A as VTextNode, A as ViewTextNode, Hn as VMasonry, Rn as VSplitPanel, Wn as VThemeShell, k as ViewNode, de as a, fe as abbr, pe as address, sa as announce, N as applyElementOptions, me as area, he as article, ge as aside, _e as audio, ve as b, ye as base, be as bdi, xe as bdo, L as bindDocumentEvent, R as bindWindowEvent, Se as blockquote, Ce as body, we as br, Te as button, Ee as canvas, De as caption, Qn as center, Oe as cite, Li as clearInstalledContext, ke as code, Ae as col, je as colgroup, xa as configureRequest, or as container, i as createAccess, se as createElementFactory, oa as createFocusTrap, le as createHtmlFactories, ri as createI18n, Aa as createRouter, ir as createVBodyPage, s as currentAccess, Ri as currentContext, Me as data, Ne as datalist, Pe as dd, Fe as del, Ie as details, Le as dfn, Re as dialog, ze as div, hr as divider, Be as dl, Ve as dt, He as em, Ue as embed, ee as escapeHtml, We as fieldset, Ge as figcaption, Ke as figure, Jn as flex, qe as footer, Je as form, aa as getFocusableElements, di as getI18n, pi as getPersistedI18nLocales, ha as getYoyaMode, va as getYoyaTheme, tr as grid, Ye as h1, Xe as h2, Ze as h3, Qe as h4, $e as h5, et as h6, tt as head, nt as header, rt as hgroup, it as hr, Zn as hstack, at as html, ko as hydrate, To as hydrateOrMount, ot as i, ii as i18n, ai as i18nText, st as iframe, ct as img, ya as initYoyaTheme, bn as injectDocumentStyle, lt as input, ut as ins, o as installAccess, Ii as installContext, oi as installI18nStringShortcut, dt as kbd, ft as label, pt as legend, mt as li, ht as link, fi as listI18n, gt as main, _t as map, vt as mark, yt as menu, bt as meta, xt as meter, cr as mobileLayout, Oo as mount, ca as moveByKey, St as nav, ae as normalizeChild, oe as normalizeSetupArguments, Ct as noscript, wt as object, Tt as ol, Et as optgroup, Dt as option, Ot as output, kt as p, n as parseAccessSpec, Do as parseState, At as picture, jt as pre, Mt as progress, Nt as q, F as registerChildFactories, li as registerI18n, wo as renderPage, xo as renderToString, uo as resolveLocale, D as resolveTarget, ga as resolveYoyaMode, nr as responsiveGrid, ja as router, Pt as rp, Ft as rt, It as ruby, Lt as s, Rt as samp, zt as script, Bt as search, Vt as section, Ht as select, Ut as selectedcontent, Eo as serializeState, ma as setYoyaMode, _a as setYoyaTheme, Wt as slot, Gt as small, zi as snapshotContext, Kt as source, mr as spacer, qt as span, Yn as stack, r as stripAccessCode, Jt as strong, Yt as style, Xt as styleTag, Zt as sub, Qt as summary, $t as sup, en as table, tn as tbody, nn as td, rn as template, M as text, M as vText, an as textarea, on as tfoot, sn as th, cn as thead, ln as time, un as title, dn as tr, fn as track, pn as u, mn as ul, yn as unbindDocumentEvent, ui as unregisterI18n, dr as vAside, rr as vBody, Qr as vClientOnly, er as vCol, sr as vContainer, pr as vFooter, ur as vHeader, Pa as vLink, fr as vMain, Un as vMasonry, lr as vMobileLayout, Ma as vRoute, Na as vRouter, Fa as vRouterView, Ia as vRouterViews, $n as vRow, zn as vSplitPanel, na as vStateNode, Gn as vThemeShell, hn as varTag, gn as video, Xn as vstack, _n as wbr, a as withAccess, Fi as withContext, si as withI18nStringShortcut };