@yoyaflow/yoya-ui 0.3.0 → 0.3.2

package/dist/yoya.ssr.js

@@ -465,7 +465,7 @@ function b() {
 }
 var x = b();
 _(v, x);
-var { a: S, abbr: ee, address: te, area: ne, article: C, aside: w, audio: T, b: E, base: re, bdi: ie, bdo: ae, 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;
+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) {
 	return typeof e == "string" ? {
 		name: e,
@@ -473,20 +473,44 @@ function tn(e) {
 	} : e;
 }
 //#endregion
+//#region src/core/document-events.js
+function D(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) {
+	typeof document > "u" || document.removeEventListener(e, t, n);
+}
+function O(e, t, n = void 0) {
+	return typeof window > "u" ? () => {} : (window.addEventListener(e, t, n), () => {
+		window.removeEventListener(e, t, n);
+	});
+}
+function rn(e, t = null) {
+	if (typeof document > "u") return null;
+	if (t) {
+		let e = document.querySelector(`[${t}]`);
+		if (e) return e;
+	}
+	let n = document.createElement("style");
+	return t && n.setAttribute(t, ""), n.textContent = e, document.head?.appendChild(n), n;
+}
+//#endregion
 //#region src/svg/index.js
-var nn = "http://www.w3.org/2000/svg", rn = /* @__PURE__ */ new Set([
+var an = "http://www.w3.org/2000/svg", on = /* @__PURE__ */ new Set([
 	"desc",
 	"metadata",
 	"text",
 	"textPath",
 	"title",
 	"tspan"
-]), an = class e extends h {
+]), sn = class e extends h {
 	setup(e) {
 		return typeof e == "string" || typeof e == "number" ? this.child(e) : super.setup(e);
 	}
 	text(...e) {
-		if (rn.has(this._tagName)) {
+		if (on.has(this._tagName)) {
 			let [t, n] = e;
 			return e.length > 0 && this.child(t), n != null && this.setup(n), this;
 		}
@@ -494,10 +518,10 @@ var nn = "http://www.w3.org/2000/svg", rn = /* @__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 && on(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 && cn(t) ? this._svgChild("style", t) : super.style(t, n);
 	}
 	renderDom() {
-		return this._deleted ? null : (this._el || (this._el = document.createElementNS(nn, this._tagName), this._applySnapshotToElement()), this._el);
+		return this._deleted ? null : (this._el || (this._el = document.createElementNS(an, this._tagName), this._applySnapshotToElement()), this._el);
 	}
 	_syncClassName() {
 		let e = [...this._classes].join(" ");
@@ -510,32 +534,32 @@ var nn = "http://www.w3.org/2000/svg", rn = /* @__PURE__ */ new Set([
 		}), this.child(r);
 	}
 };
-function on(e) {
+function cn(e) {
 	return e == null || typeof e == "function" || typeof e == "string" || typeof e == "number" || Array.isArray(e);
 }
-var sn = /* @__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 cn(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) {
 	return function(...t) {
-		let n = new an(e);
+		let n = new sn(e);
 		return e === "svg" && n.style("display", "block"), t.forEach((e) => {
 			e != null && n.setup(e);
 		}), n;
 	};
 }
-function ln() {
-	return sn.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = fn(t), a = cn(i);
+function dn() {
+	return ln.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = mn(t), a = un(i);
 		return e[r] = a, n.forEach((t) => {
 			e[t] = a;
 		}), e;
 	}, {});
 }
-var un = cn("svg"), dn = ln();
-_(v, { svg: un }), _(an, {
-	svg: un,
-	...dn
+var fn = un("svg"), pn = dn();
+_(v, { svg: fn }), _(sn, {
+	svg: fn,
+	...pn
 });
-function fn(e) {
+function mn(e) {
 	return typeof e == "string" ? {
 		name: e,
 		tagName: e
@@ -543,8 +567,8 @@ function fn(e) {
 }
 //#endregion
 //#region src/svg/icons.js
-function pn() {
-	return un((e) => {
+function hn() {
+	return fn((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
 			fill: "none",
@@ -561,45 +585,45 @@ function pn() {
 }
 //#endregion
 //#region src/components/shared.js
-var mn = "yoya-component";
-function D(e, t) {
+var gn = "yoya-component";
+function k(e, t) {
 	return `var(--yoya-${e}, ${t})`;
 }
-function O(e, t, n = "1px") {
-	return `${n} solid ${D(e, t)}`;
+function A(e, t, n = "1px") {
+	return `${n} solid ${k(e, t)}`;
 }
-function k(e = null, t = null, n = null) {
+function j(e = null, t = null, n = null) {
 	return p(e, t, n);
 }
-function hn(e, t) {
+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 A(e, t = null, n = null) {
-	return hn(e, t), typeof n == "function" && n(e), e;
+function M(e, t = null, n = null) {
+	return _n(e, t), typeof n == "function" && n(e), e;
 }
-function gn(e, t = null, n = null, r = null) {
-	let { first: i, options: a, callback: o } = k(t, n, r);
-	return A(i instanceof e ? i : new e(i), a, o);
+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 _n(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) : (yn(t) && e.setup(t), e);
+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 vn(e) {
+function bn(e) {
 	return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-function j(e, t) {
+function N(e, t) {
 	return e.children().forEach((e) => e.destroy()), e._children = [], e._el && e._el.replaceChildren(), t.length > 0 && e.child(t), e;
 }
-function yn(e) {
+function xn(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 bn = class extends v {
+var Sn = class extends v {
 	constructor(e = null, t = null, n = null) {
-		super("div", null), this.className(mn, "yoya-vsplit-panel"), this.styles({
+		super("div", null), this.className(gn, "yoya-vsplit-panel"), this.styles({
 			boxSizing: "border-box",
 			display: "flex",
 			minHeight: "0",
@@ -627,13 +651,13 @@ var bn = 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), A(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), M(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 = Sn(e), this._sync(), this);
+		return e === void 0 ? this._firstSize : (this._firstSize = wn(e), this._sync(), this);
 	}
 	minSize(e) {
 		if (e === void 0) return this._minSize;
@@ -644,10 +668,10 @@ var bn = class extends v {
 		return this.size("50%");
 	}
 	first(e) {
-		return j(this._first, []), typeof e == "function" ? e(this._first) : j(this._first, vn(e)), this;
+		return N(this._first, []), typeof e == "function" ? e(this._first) : N(this._first, bn(e)), this;
 	}
 	second(e) {
-		return j(this._second, []), typeof e == "function" ? e(this._second) : j(this._second, vn(e)), this;
+		return N(this._second, []), typeof e == "function" ? e(this._second) : N(this._second, bn(e)), this;
 	}
 	destroy() {
 		return this._endDrag(), super.destroy();
@@ -669,7 +693,7 @@ var bn = class extends v {
 		}), this._divider.attr("aria-orientation", e ? "horizontal" : "vertical"), this;
 	}
 	_hoverDivider(e) {
-		this._divider.style("background", e ? D("color-primary-subtle", "#eff6ff") : "var(--yoya-color-border-faint, #efefef)");
+		this._divider.style("background", e ? k("color-primary-subtle", "#eff6ff") : "var(--yoya-color-border-faint, #efefef)");
 	}
 	_startDrag(e) {
 		if (e.button !== 0 || !this._el) return;
@@ -679,22 +703,22 @@ var bn = class extends v {
 			containerSize: a,
 			start: r,
 			startSize: i
-		}, this._dragMove = (e) => this._onDrag(e), this._dragUp = () => this._endDrag(), document.addEventListener("mousemove", this._dragMove), document.addEventListener("mouseup", this._dragUp);
+		}, this._dragMove = (e) => this._onDrag(e), this._dragUp = () => this._endDrag(), this._dragUnbindMove = D("mousemove", this._dragMove), this._dragUnbindUp = D("mouseup", this._dragUp);
 	}
 	_onDrag(e) {
 		if (!this._drag) return;
-		let t = (this._direction === "horizontal" ? e.clientX : e.clientY) - this._drag.start, n = Cn(this._drag.startSize + t, this._minSize, this._drag.containerSize - this._minSize);
+		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);
 		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 = Cn((Number.parseFloat(this._firstSize) || 0) + t, this._minSize, n - this._minSize);
+		let n = this._direction === "horizontal" ? this._el.offsetWidth : this._el.offsetHeight, r = Tn((Number.parseFloat(this._firstSize) || 0) + t, this._minSize, n - this._minSize);
 		this._firstSize = `${Math.round(r)}px`, this._sync();
 	}
 	_endDrag() {
-		this._dragMove &&= (document.removeEventListener("mousemove", this._dragMove), null), this._dragUp &&= (document.removeEventListener("mouseup", this._dragUp), null), this._drag = null;
+		this._dragMove && (this._dragUnbindMove?.(), this._dragMove = null, this._dragUnbindMove = null), this._dragUp && (this._dragUnbindUp?.(), this._dragUp = null, this._dragUnbindUp = null), this._drag = null;
 	}
 	_setupSplitPanel(e) {
 		if (e != null) {
@@ -702,7 +726,7 @@ var bn = class extends v {
 				e(this);
 				return;
 			}
-			if (yn(e)) {
+			if (xn(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;
@@ -711,21 +735,21 @@ var bn = class extends v {
 		}
 	}
 };
-function xn(e = null, t = null, n = null) {
-	return gn(bn, e, t, n);
+function Cn(e = null, t = null, n = null) {
+	return vn(Sn, e, t, n);
 }
-_(v, { vSplitPanel: xn });
-function Sn(e) {
+_(v, { vSplitPanel: Cn });
+function wn(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Cn(e, t, n) {
+function Tn(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 wn = class extends v {
+var En = class extends v {
 	constructor(e = null) {
-		super("div", null), this._columns = 3, this._gap = 16, this._minColumnWidth = null, this.className(mn, "yoya-vmasonry"), this.attr({ "data-columns": "3" }), this.styles({
+		super("div", null), this._columns = 3, this._gap = 16, this._minColumnWidth = null, this.className(gn, "yoya-vmasonry"), this.attr({ "data-columns": "3" }), this.styles({
 			boxSizing: "border-box",
 			columnCount: "3",
 			columnGap: "16px",
@@ -756,28 +780,28 @@ var wn = class extends v {
 				e(this);
 				return;
 			}
-			if (yn(e)) {
+			if (xn(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 Tn(e = null, t = null, n = null) {
-	return gn(wn, e, t, n);
+function Dn(e = null, t = null, n = null) {
+	return vn(En, e, t, n);
 }
 //#endregion
 //#region src/layout/theme-shell.js
-var En = class extends v {
+var On = class extends v {
 	constructor(e = null) {
 		super("div", null), this.className("yoya-component", "yoya-vtheme-shell"), this.styles({
-			background: D("color-surface", "#ffffff"),
-			border: `1px solid ${D("color-border", "#d8dee8")}`,
-			borderRadius: D("radius-md", "6px"),
+			background: k("color-surface", "#ffffff"),
+			border: `1px solid ${k("color-border", "#d8dee8")}`,
+			borderRadius: k("radius-md", "6px"),
 			boxSizing: "border-box",
-			color: D("color-text", "#172033"),
+			color: k("color-text", "#172033"),
 			minWidth: "0"
-		}), _n(this, e);
+		}), yn(this, e);
 	}
 	_requireSingleShellChild() {
 		let e = this.children();
@@ -818,7 +842,7 @@ var En = 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() || D("color-surface", "#ffffff"), n = Math.max(0, Math.min(1, Number(e) || 0));
+		let t = this.background() || k("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) {
@@ -834,81 +858,81 @@ var En = class extends v {
 		return this.styles({ overflow: e ? "auto" : "visible" });
 	}
 };
-function Dn(e = null, t = null, n = null) {
-	return gn(En, e, t, n);
+function kn(e = null, t = null, n = null) {
+	return vn(On, e, t, n);
 }
-_(h, { vThemeShell: Dn });
+_(h, { vThemeShell: kn });
 //#endregion
 //#region src/layout/index.js
-var On = /* @__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(".")), M = /* @__PURE__ */ new Set(["height", "width"]);
-function kn(e = null, t = null, n = null) {
-	return N("flex", { display: "flex" }, e, F, t, n);
+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);
 }
-function An(e = null, t = null, n = null) {
-	return N("stack", {
+function Nn(e = null, t = null, n = null) {
+	return P("stack", {
 		display: "flex",
 		flexDirection: "column"
-	}, e, F, t, n);
+	}, e, I, t, n);
 }
-function jn(e = null, t = null, n = null) {
-	return N("vstack", {
+function Pn(e = null, t = null, n = null) {
+	return P("vstack", {
 		display: "flex",
 		flexDirection: "column"
-	}, e, F, t, n);
+	}, e, I, t, n);
 }
-function Mn(e = null, t = null, n = null) {
-	return N("hstack", {
+function Fn(e = null, t = null, n = null) {
+	return P("hstack", {
 		display: "flex",
 		flexDirection: "row"
-	}, e, F, t, n);
+	}, e, I, t, n);
 }
-function Nn(e = null, t = null, n = null) {
-	return N("center", {
+function In(e = null, t = null, n = null) {
+	return P("center", {
 		display: "flex",
 		alignItems: "center",
 		justifyContent: "center"
-	}, e, F, t, n);
+	}, e, I, t, n);
 }
-function Pn(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = new v("div");
+function Ln(e = null, t = null, n = null) {
+	let r = j(e, t, n), i = new v("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 = z(e), ar(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" : B(e ?? !0)), i);
+	}), 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);
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), ar(i), i), P(i, r.first, or), ar(i), A(i, r.options, r.callback);
+	return i.child = (...e) => (a(...e), cr(i), i), F(i, r.first, lr), cr(i), M(i, r.options, r.callback);
 }
-function Fn(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = new v("div");
+function Rn(e = null, t = null, n = null) {
+	let r = j(e, t, n), i = new v("div");
 	return i.className("yoya-layout", "yoya-vcol"), i.styles({
 		boxSizing: "border-box",
 		minWidth: "0"
-	}), i._baseCol = I({}), i._responsiveCols = [], i._gutter = null, i.refresh = i._refreshCol = () => {
+	}), i._baseCol = L({}), 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 ? `${R(t.push)}%` : null), i.style("marginLeft", t.offset ? `${R(t.offset)}%` : null), i.style("paddingLeft", i._gutter ? dr(i._gutter) : null), i.style("paddingRight", i._gutter ? dr(i._gutter) : null), i.style("position", t.push || t.pull ? "relative" : null), i.style("right", t.pull ? `${R(t.pull)}%` : null), i.style("width", `${R(t.span)}%`), i;
-	}, i.span = (e) => e === void 0 ? i._baseCol.span : (i._baseCol.span = L(e), i._refreshCol(), i), i.offset = (e) => e === void 0 ? i._baseCol.offset : (i._baseCol.offset = L(e), i._refreshCol(), i), i.push = (e) => e === void 0 ? i._baseCol.push : (i._baseCol.push = L(e), i._refreshCol(), i), i.pull = (e) => e === void 0 ? i._baseCol.pull : (i._baseCol.pull = L(e), i._refreshCol(), i), i.gutter = (e) => e === void 0 ? i._gutter : (i._gutter = z(e), i._refreshCol(), i), P(i, r.first, sr), i._refreshCol(), i._responsiveCols.length && typeof window < "u" && (i._colResize = () => i._refreshCol(), window.addEventListener("resize", i._colResize), fr(i)), A(i, r.options, r.callback);
+		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);
 }
-function In(e = null, t = null, n = null) {
-	return N("grid", { display: "grid" }, e, $n, t, n);
+function zn(e = null, t = null, n = null) {
+	return P("grid", { display: "grid" }, e, nr, t, n);
 }
-function Ln(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = N("responsive-grid", { display: "grid" }, r.first, er, r.options, r.callback), a = H(r.first) ? r.first : {};
-	return i._responsiveGridBreakpoints = Tr(a.breakpoints), i._responsiveGridMinColumnWidth = wr(a.minColumnWidth), i._responsiveGridRefresh = () => {
+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 = () => {
 		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 = wr(e), i._responsiveGridRefresh(), i), i.breakpoints = (e) => e === void 0 ? i._responsiveGridBreakpoints : (i._responsiveGridBreakpoints = Tr(e), i._responsiveGridBreakpoints.length && !i._responsiveGridResize && typeof window < "u" && (i._responsiveGridResize = () => i._responsiveGridRefresh(), window.addEventListener("resize", i._responsiveGridResize), Bn(i)), i._responsiveGridRefresh(), i), i._responsiveGridRefresh(), i._responsiveGridBreakpoints.length && typeof window < "u" && (i._responsiveGridResize = () => i._responsiveGridRefresh(), window.addEventListener("resize", i._responsiveGridResize), Bn(i)), 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;
 }
-function Rn(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = new v("div"), a = new v("div").className("yoya-vbody-content"), o = i.child.bind(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);
 	return i.className("yoya-layout", "yoya-vbody"), i.attr("data-page-body", "true"), i.styles({
-		background: D("color-bg", "#f9f9f9"),
+		background: k("color-bg", "#f9f9f9"),
 		boxSizing: "border-box",
-		color: D("color-text", "#0d0d0d"),
-		fontFamily: D("font-family", "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"),
-		fontSize: D("font-size", "14px"),
-		lineHeight: D("line-height", "1.5"),
+		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"),
 		minHeight: "100%",
 		padding: "clamp(16px, 3vw, 32px)",
 		width: "100%"
@@ -919,30 +943,30 @@ function Rn(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", z(e)), i), i.padding = (e) => e === void 0 ? i.style("padding") : (i.style("padding", z(e)), i), i.gap = (e) => e === void 0 ? a.style("gap") : (a.style("gap", z(e)), i), i.minHeight = (e) => e === void 0 ? i.style("minHeight") : (i.style("minHeight", z(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), tr(i, r.first), A(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", 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);
 }
-function zn(e = null, t = null) {
-	let n = Rn(e);
+function Hn(e = null, t = null) {
+	let n = Vn(e);
 	return typeof document < "u" && n.bindTo(t || document.body), n;
 }
-function Bn(e) {
+function Un(e) {
 	if (e._responsiveGridDestroyWrapped) return;
 	e._responsiveGridDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
-	e.destroy = () => (e._responsiveGridResize && window.removeEventListener("resize", e._responsiveGridResize), t());
+	e.destroy = () => (e._responsiveGridResizeUnbind?.(), t());
 }
-function Vn(e = null, t = null, n = null) {
-	return N("container", {
+function Wn(e = null, t = null, n = null) {
+	return P("container", {
 		width: "100%",
 		maxWidth: "1120px",
 		marginLeft: "auto",
 		marginRight: "auto",
 		paddingLeft: "16px",
 		paddingRight: "16px"
-	}, e, nr, t, n);
+	}, e, ar, t, n);
 }
-function Hn(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = new v("div");
+function Gn(e = null, t = null, n = null) {
+	let r = j(e, t, n), i = new v("div");
 	i.className("yoya-layout", "yoya-vcontainer"), i.styles({
 		boxSizing: "border-box",
 		display: "flex",
@@ -963,12 +987,12 @@ function Hn(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) => _r(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) => 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);
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), i._syncContainerDirection(), i), P(i, r.first, vr), i._syncContainerDirection(), A(i, r.options, r.callback);
+	return i.child = (...e) => (a(...e), i._syncContainerDirection(), i), F(i, r.first, xr), i._syncContainerDirection(), M(i, r.options, r.callback);
 }
-function Un(e = null, t = null, n = null) {
-	let r = k(e, t, n), i = new v("div");
+function Kn(e = null, t = null, n = null) {
+	let r = j(e, t, n), i = new v("div");
 	i.className("yoya-layout", "yoya-mobile-layout", "yoya-vmobile-layout"), i.attr("data-mobile-layout", "false"), i.styles({
 		boxSizing: "border-box",
 		display: "flex",
@@ -978,7 +1002,7 @@ function Un(e = null, t = null, n = null) {
 		type: "button",
 		"aria-label": "打开导航",
 		"aria-expanded": "false"
-	}).style("display", "none").child(pn().styles({
+	}).style("display", "none").child(hn().styles({
 		height: "18px",
 		width: "18px"
 	})).on("click", () => i.toggleAside()), i._refreshMobileLayout = () => {
@@ -989,86 +1013,86 @@ function Un(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) => mr(i, e)), hr(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 = z(e), t !== void 0 && (i._mobileGap = z(t)), i._refreshMobileLayout(), i), i.mobileGap = (e) => e === void 0 ? i._mobileGap : (i._mobileGap = z(e), i._refreshMobileLayout(), i), i.asideWidth = (e) => e === void 0 ? i._asideWidth : (i._asideWidth = z(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) => _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;
 	let a = i.child.bind(i);
-	return i.child = (...e) => (a(...e), i._refreshMobileLayout(), i), P(i, r.first, yr), i.child(i._asideBackdrop, i._asideToggle), typeof window < "u" && (i._mobileLayoutResize = () => i._refreshMobileLayout(), window.addEventListener("resize", i._mobileLayoutResize), pr(i)), i._refreshMobileLayout(), A(i, r.options, r.callback);
+	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);
 }
-var Wn = Un;
-function Gn(e = null, t = null, n = null) {
-	return N("vheader", {
+var qn = Kn;
+function Jn(e = null, t = null, n = null) {
+	return P("vheader", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		height: "60px",
 		width: "100%"
-	}, e, br, t, n, "header", M, Zn);
+	}, e, Cr, t, n, "header", jn, er);
 }
-function Kn(e = null, t = null, n = null) {
-	return N("vaside", {
+function Yn(e = null, t = null, n = null) {
+	return P("vaside", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		minWidth: "0",
 		width: "300px"
-	}, e, xr, t, n, "aside", M, Qn);
+	}, e, wr, t, n, "aside", jn, tr);
 }
-function qn(e = null, t = null, n = null) {
-	return N("vmain", {
+function Xn(e = null, t = null, n = null) {
+	return P("vmain", {
 		boxSizing: "border-box",
 		flex: "1 1 auto",
 		minHeight: "0",
 		minWidth: "0",
 		overflow: "auto"
-	}, e, Sr, t, n, "main", M, Qn);
+	}, e, Tr, t, n, "main", jn, tr);
 }
-function Jn(e = null, t = null, n = null) {
-	return N("vfooter", {
+function Zn(e = null, t = null, n = null) {
+	return P("vfooter", {
 		boxSizing: "border-box",
 		flex: "0 0 auto",
 		height: "60px",
 		width: "100%"
-	}, e, br, t, n, "footer", M, Zn);
+	}, e, Cr, t, n, "footer", jn, er);
 }
-function Yn(e = null, t = null, n = null) {
-	let r = N("spacer", {
+function Qn(e = null, t = null, n = null) {
+	let r = P("spacer", {
 		flexGrow: 1,
 		minWidth: 0,
 		minHeight: 0
-	}, e, rr, t, n);
+	}, e, or, t, n);
 	return r.attr("aria-hidden", "true"), r;
 }
-function Xn(e = null, t = null, n = null) {
-	let r = N("divider", {}, e, ir, t, n);
+function $n(e = null, t = null, n = null) {
+	let r = P("divider", {}, e, sr, t, n);
 	return r.attr("role", "separator"), r.attr("aria-orientation") || r.attr("aria-orientation", "horizontal"), r;
 }
 _(v, {
-	vAside: Kn,
-	vCol: Fn,
-	vContainer: Hn,
-	vFooter: Jn,
-	vHeader: Gn,
-	vMain: qn,
-	vMasonry: Tn,
-	vRow: Pn,
-	vSplitPanel: xn,
-	center: Nn,
-	container: Vn,
-	divider: Xn,
-	flex: kn,
-	grid: In,
-	mobileLayout: Un,
-	responsiveGrid: Ln,
-	vMobileLayout: Wn,
-	vBody: Rn,
-	hstack: Mn,
-	spacer: Yn,
-	stack: An,
-	vstack: jn
+	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
 });
-function N(e, t, n, r, i, a, o = "div", s = null, c = null) {
-	let l = k(n, i, a), u = new v(o);
-	return u.className("yoya-layout", `yoya-${e}`), u.styles(t), c && c(u), P(u, l.first, r, s), A(u, l.options, l.callback);
+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 Zn(e) {
+function er(e) {
 	e.sticky = (t = !0) => {
 		if (t === void 0) return e.style("position") === "sticky";
 		let n = !!t;
@@ -1079,7 +1103,7 @@ function Zn(e) {
 		}), e;
 	};
 }
-function Qn(e) {
+function tr(e) {
 	e.scrollable = (t = !0) => {
 		if (t === void 0) return e.style("overflow") === "auto";
 		let n = !!t;
@@ -1091,59 +1115,59 @@ function Qn(e) {
 		}), e;
 	};
 }
-function P(e, t, n, r = null) {
+function F(e, t, n, r = null) {
 	if (t == null) return n(e, {}), e;
-	if (!H(t)) return n(e, {}), e.setup(t);
+	if (!U(t)) return n(e, {}), e.setup(t);
 	n(e, t);
-	let i = Er(t, r);
+	let i = kr(t, r);
 	return Object.keys(i).length > 0 && e.setup(i), e;
 }
-function F(e, t) {
-	e.styles(V({
+function I(e, t) {
+	e.styles(H({
 		alignItems: t.align,
 		flexDirection: t.direction,
-		flexWrap: B(t.wrap),
+		flexWrap: V(t.wrap),
 		gap: t.gap,
 		justifyContent: t.justify
 	}));
 }
-function $n(e, t) {
-	e.styles(V({
+function nr(e, t) {
+	e.styles(H({
 		gap: t.gap,
 		gridAutoFlow: t.autoFlow,
 		gridTemplateAreas: t.areas,
-		gridTemplateColumns: Cr(t.columns),
-		gridTemplateRows: Cr(t.rows)
+		gridTemplateColumns: Er(t.columns),
+		gridTemplateRows: Er(t.rows)
 	}));
 }
-function er(e, t) {
-	e.style("gap", t.gap), e.style("gridTemplateColumns", `repeat(auto-fit, minmax(${wr(t.minColumnWidth)}, 1fr))`);
+function rr(e, t) {
+	e.style("gap", t.gap), e.style("gridTemplateColumns", `repeat(auto-fit, minmax(${Dr(t.minColumnWidth)}, 1fr))`);
 }
-function tr(e, t) {
+function ir(e, t) {
 	if (t == null) return e;
 	if (typeof t == "function") return t(e), e;
-	if (!H(t)) return e.child(t), e;
+	if (!U(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 nr(e, t) {
+function ar(e, t) {
 	let n = t.paddingInline ?? t.padding;
-	e.styles(V({
+	e.styles(H({
 		maxWidth: t.maxWidth,
 		paddingLeft: n,
 		paddingRight: n
 	}));
 }
-function rr(e, t) {
-	e.styles(V({
+function or(e, t) {
+	e.styles(H({
 		flexBasis: t.size,
 		height: t.orientation === "vertical" ? t.size : void 0,
 		width: t.orientation === "horizontal" ? t.size : void 0
 	}));
 }
-function ir(e, t) {
+function sr(e, t) {
 	let n = t.orientation === "vertical" ? "vertical" : "horizontal";
 	if (e.attr("aria-orientation", n), n === "vertical") {
 		e.styles({
@@ -1161,71 +1185,71 @@ function ir(e, t) {
 		width: "100%"
 	});
 }
-function ar(e) {
+function cr(e) {
 	e.children().forEach((t) => {
 		let n = t?._resolved ?? t?._resolve?.() ?? t;
 		n && typeof n.gutter == "function" && n.gutter(e._gutter);
 	});
 }
-function or(e, t) {
-	t.gutter !== void 0 && e.gutter(t.gutter), e.styles(V({
+function lr(e, t) {
+	t.gutter !== void 0 && e.gutter(t.gutter), e.styles(H({
 		alignItems: t.align,
-		flexWrap: t.wrap === void 0 || t.wrap === null ? "wrap" : t.wrap === !1 ? "nowrap" : B(t.wrap),
+		flexWrap: t.wrap === void 0 || t.wrap === null ? "wrap" : t.wrap === !1 ? "nowrap" : V(t.wrap),
 		justifyContent: t.justify
 	}));
 }
-function sr(e, t) {
-	e._baseCol = I(t), e._responsiveCols = lr(t), t.gutter !== void 0 && e.gutter(t.gutter);
+function ur(e, t) {
+	e._baseCol = L(t), e._responsiveCols = fr(t), t.gutter !== void 0 && e.gutter(t.gutter);
 }
-var cr = [
+var dr = [
 	["xs", 0],
 	["sm", 768],
 	["md", 992],
 	["lg", 1200],
 	["xl", 1920]
 ];
-function I(e = {}) {
+function L(e = {}) {
 	return {
-		span: L(e.span ?? 24),
-		offset: L(e.offset ?? 0),
-		push: L(e.push ?? 0),
-		pull: L(e.pull ?? 0)
+		span: R(e.span ?? 24),
+		offset: R(e.offset ?? 0),
+		push: R(e.push ?? 0),
+		pull: R(e.pull ?? 0)
 	};
 }
-function lr(e = {}) {
-	return cr.filter(([t]) => e[t] !== void 0).map(([t, n]) => ({
+function fr(e = {}) {
+	return dr.filter(([t]) => e[t] !== void 0).map(([t, n]) => ({
 		minWidth: n,
-		props: ur(e[t])
+		props: pr(e[t])
 	}));
 }
-function ur(e) {
-	return typeof e == "number" ? I({ span: e }) : H(e) ? I(e) : I({});
+function pr(e) {
+	return typeof e == "number" ? L({ span: e }) : U(e) ? L(e) : L({});
 }
-function L(e) {
+function R(e) {
 	let t = Number(e);
 	return Number.isFinite(t) ? Math.min(24, Math.max(0, Math.round(t))) : 0;
 }
-function R(e) {
+function z(e) {
 	return e / 24 * 100;
 }
-function dr(e) {
+function mr(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 fr(e) {
+function hr(e) {
 	if (e._colDestroyWrapped) return;
 	e._colDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
-	e.destroy = () => (e._colResize && window.removeEventListener("resize", e._colResize), t());
+	e.destroy = () => (e._colResizeUnbind?.(), t());
 }
-function pr(e) {
+function gr(e) {
 	if (e._mobileLayoutDestroyWrapped) return;
 	e._mobileLayoutDestroyWrapped = !0;
 	let t = e.destroy.bind(e);
-	e.destroy = () => (e._mobileLayoutResize && window.removeEventListener("resize", e._mobileLayoutResize), t());
+	e.destroy = () => (e._mobileLayoutResizeUnbind?.(), t());
 }
-function mr(e, t) {
+function _r(e, t) {
 	let n = t?._resolved ?? t?._resolve?.() ?? t;
 	if (!n || typeof n.styles != "function") return;
 	let r = n._classes;
@@ -1270,7 +1294,7 @@ function mr(e, t) {
 			visibility: null,
 			zIndex: null
 		})), n._mobileDrawerAriaHiddenApplied && (n._mobileDrawerAriaHiddenApplied = !1, n.attr("aria-hidden", null));
-		let t = e._mobile ? "100%" : z(e._asideWidth);
+		let t = e._mobile ? "100%" : B(e._asideWidth);
 		n.styles({
 			flex: "0 0 auto",
 			maxWidth: t,
@@ -1290,8 +1314,8 @@ function mr(e, t) {
 		width: null
 	})));
 }
-function hr(e) {
-	let t = e._mobile && e._drawerEnabled && gr(e), n = t && e._asideOpen, r = e._asideBackdrop, i = e._asideToggle;
+function vr(e) {
+	let t = e._mobile && e._drawerEnabled && yr(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)",
@@ -1317,42 +1341,42 @@ function hr(e) {
 		zIndex: n ? "35" : null
 	});
 }
-function gr(e) {
+function yr(e) {
 	return e.children().some((e) => !!(e?._resolved ?? e?._resolve?.() ?? e)?._classes?.has("yoya-vaside"));
 }
-function _r(e) {
+function br(e) {
 	let t = (e?._resolved ?? e?._resolve?.() ?? e)?._classes;
 	return !!(t?.has("yoya-vheader") || t?.has("yoya-vfooter"));
 }
-function vr(e, t) {
-	t.direction !== void 0 && e.direction(t.direction), e.styles(V({ gap: t.gap }));
+function xr(e, t) {
+	t.direction !== void 0 && e.direction(t.direction), e.styles(H({ gap: t.gap }));
 }
-function yr(e, t) {
-	e.styles(V({
+function Sr(e, t) {
+	e.styles(H({
 		alignItems: t.align,
-		flexWrap: B(t.wrap),
+		flexWrap: V(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 br(e, t) {
-	e.style("height", z(t.height ?? t.size ?? 60)), e.style("width", "100%");
+function Cr(e, t) {
+	e.style("height", B(t.height ?? t.size ?? 60)), e.style("width", "100%");
 }
-function xr(e, t) {
-	e.style("width", z(t.width ?? t.size ?? 300));
+function wr(e, t) {
+	e.style("width", B(t.width ?? t.size ?? 300));
 }
-function Sr(e, t = {}) {
-	t.height !== void 0 && e.style("height", z(t.height));
+function Tr(e, t = {}) {
+	t.height !== void 0 && e.style("height", B(t.height));
 }
-function Cr(e) {
+function Er(e) {
 	if (e != null && e !== !1) return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : String(e);
 }
-function wr(e) {
+function Dr(e) {
 	return typeof e == "number" ? `${e}px` : e || "240px";
 }
-function z(e) {
+function B(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function Tr(e) {
+function Or(e) {
 	return e ? (Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
 		minWidth: e,
 		columns: t
@@ -1361,28 +1385,28 @@ function Tr(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 B(e) {
+function V(e) {
 	if (e === !0) return "wrap";
 	if (e !== !1 && e != null) return String(e);
 }
-function Er(e, t = null) {
-	let n = t || On;
+function kr(e, t = null) {
+	let n = t || An;
 	return Object.fromEntries(Object.entries(e).filter(([e]) => !n.has(e)));
 }
-function V(e) {
+function H(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e != null && e !== !1));
 }
-function H(e) {
+function U(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
 //#endregion
 //#region src/core/client-only.js
-var Dr = class extends c {
+var Ar = class extends c {
 	constructor(e) {
 		super(null), this._loader = e, this._resolved = null;
 	}
 	_resolve() {
-		return this._resolved ||= kr(this._loader), this._resolved;
+		return this._resolved ||= Mr(this._loader), this._resolved;
 	}
 	toHTML() {
 		return this._deleted ? "" : "<div class=\"yoya-client-only\" data-client-only=\"true\"></div>";
@@ -1402,21 +1426,21 @@ var Dr = class extends c {
 		return this._resolved && this._resolved.destroy(), super.destroy();
 	}
 };
-function Or(e) {
-	return new Dr(e);
+function jr(e) {
+	return new Ar(e);
 }
-function kr(e) {
+function Mr(e) {
 	if (e instanceof c) return e;
-	if (typeof e == "function") return kr(e());
-	if (e && typeof e.render == "function") return kr(e.render());
+	if (typeof e == "function") return Mr(e());
+	if (e && typeof e.render == "function") return Mr(e.render());
 	throw TypeError("vClientOnly loader must return a ViewNode or a component object");
 }
 //#endregion
 //#region src/core/i18n.js
-var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
+var Nr = "yoya-ui:i18n", W = /* @__PURE__ */ new Map(), Pr = class {
 	constructor(e = {}) {
 		let t = e.language || "zh-CN";
-		this._key = e.key || null, this._storage = Zr(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? Ar : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && Rr(this);
+		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);
 	}
 	key() {
 		return this._key;
@@ -1436,8 +1460,8 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 	clearPersistedLanguage() {
 		if (!this._storageKey) {
 			if (!this._sharedStorageKey) return this;
-			let e = Ur(this._storage, this._sharedStorageKey);
-			return delete e[this._key], Wr(this._storage, this._sharedStorageKey, e), this;
+			let e = Kr(this._storage, this._sharedStorageKey);
+			return delete e[this._key], qr(this._storage, this._sharedStorageKey, e), this;
 		}
 		try {
 			this._storage.removeItem(this._storageKey);
@@ -1445,12 +1469,12 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 		return this;
 	}
 	register(e, t = {}) {
-		return e ? (Xr(t).forEach((t) => {
-			this._messages[e] = qr(this._messages[e] || {}, t);
+		return e ? ($r(t).forEach((t) => {
+			this._messages[e] = Xr(this._messages[e] || {}, t);
 		}), this._notify(), this) : this;
 	}
 	registerMessages(e = {}) {
-		return Yr(e).forEach((e) => {
+		return Qr(e).forEach((e) => {
 			if (e.language) {
 				this.register(e.language, e.messages || {});
 				return;
@@ -1461,11 +1485,11 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 		}), this;
 	}
 	t(e, t = {}, n = void 0) {
-		let r = Gr(this._messages[this._language], e) ?? Gr(this._messages[this._fallbackLanguage], e) ?? n ?? e;
-		return Kr(typeof r == "function" ? r(t, this) : r, t);
+		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);
 	}
 	text(e, t = {}, n = void 0) {
-		return new Mr(this, e, t, n);
+		return new Fr(this, e, t, n);
 	}
 	subscribe(e) {
 		return this._listeners.add(e), () => {
@@ -1478,7 +1502,7 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 		} catch {
 			return e;
 		}
-		return this._sharedStorageKey && Ur(this._storage, this._sharedStorageKey)[this._key] || e;
+		return this._sharedStorageKey && Kr(this._storage, this._sharedStorageKey)[this._key] || e;
 	}
 	_persistLanguage() {
 		if (this._storageKey) {
@@ -1488,14 +1512,14 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 			return;
 		}
 		if (this._sharedStorageKey) {
-			let e = Ur(this._storage, this._sharedStorageKey);
-			e[this._key] = this._language, Wr(this._storage, this._sharedStorageKey, e);
+			let e = Kr(this._storage, this._sharedStorageKey);
+			e[this._key] = this._language, qr(this._storage, this._sharedStorageKey, e);
 		}
 	}
 	_notify() {
 		this._listeners.forEach((e) => e(this));
 	}
-}, Mr = class extends l {
+}, Fr = class extends l {
 	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());
 	}
@@ -1515,16 +1539,16 @@ var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 		return this._unsubscribe &&= (this._unsubscribe(), null), super.destroy();
 	}
 };
-function Nr(e = {}) {
-	return new jr(e);
+function Ir(e = {}) {
+	return new Pr(e);
 }
-var W = Nr();
-function Pr(e, t = {}) {
-	return W.text(e, t);
+var G = Ir();
+function Lr(e, t = {}) {
+	return G.text(e, t);
 }
-var G = W;
-function Fr(e = W) {
-	return G = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
+var K = G;
+function Rr(e = G) {
+	return K = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
 		configurable: !0,
 		enumerable: !1,
 		value: !0
@@ -1532,43 +1556,43 @@ function Fr(e = W) {
 		configurable: !0,
 		enumerable: !1,
 		value: function(e, t, n) {
-			let r = String(this), i = {}, a = G;
-			return Lr(t) ? a = t : typeof t == "string" ? a = Br(t) || G : (i = t || {}, Lr(n) ? a = n : typeof n == "string" && (a = Br(n) || G)), a.text(e || r, i, r);
+			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);
 		}
 	}), e);
 }
-function Ir(e, t) {
-	let n = G;
-	G = e || n;
+function zr(e, t) {
+	let n = K;
+	K = e || n;
 	try {
 		return t();
 	} finally {
-		G = n;
+		K = n;
 	}
 }
-function Lr(e) {
+function Br(e) {
 	return !!(e && typeof e.text == "function");
 }
-function Rr(e) {
+function Vr(e) {
 	let t = e?.key?.();
-	return t ? (U.set(t, e), () => {
-		U.get(t) === e && U.delete(t);
+	return t ? (W.set(t, e), () => {
+		W.get(t) === e && W.delete(t);
 	}) : () => {};
 }
-function zr(e) {
+function Hr(e) {
 	let t = typeof e == "string" ? e : e?.key?.();
-	return t && U.delete(t), t;
+	return t && W.delete(t), t;
 }
-function Br(e) {
-	return e && U.get(e) || null;
+function Ur(e) {
+	return e && W.get(e) || null;
 }
-function Vr() {
-	return new Map(U);
+function Wr() {
+	return new Map(W);
 }
-function Hr(e) {
-	return Ur(e || Zr(), Ar);
+function Gr(e) {
+	return Kr(e || ei(), Nr);
 }
-function Ur(e, t) {
+function Kr(e, t) {
 	if (!e) return {};
 	try {
 		let n = e.getItem(t);
@@ -1579,72 +1603,72 @@ function Ur(e, t) {
 		return {};
 	}
 }
-function Wr(e, t, n) {
+function qr(e, t, n) {
 	if (e) try {
 		e.setItem(t, JSON.stringify(n));
 	} catch {}
 }
-Fr(W);
-function Gr(e, t) {
+Rr(G);
+function Jr(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 Kr(e, t) {
+function Yr(e, t) {
 	return String(e).replace(/\{([^{}]+)\}/g, (e, n) => {
 		let r = t?.[n.trim()];
 		return r == null ? e : String(r);
 	});
 }
-function qr(e, t) {
+function Xr(e, t) {
 	let n = { ...e };
 	return Object.entries(t || {}).forEach(([e, t]) => {
-		Jr(t) && Jr(n[e]) ? n[e] = qr(n[e], t) : n[e] = t;
+		Zr(t) && Zr(n[e]) ? n[e] = Xr(n[e], t) : n[e] = t;
 	}), n;
 }
-function Jr(e) {
+function Zr(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function Yr(e) {
-	return Array.isArray(e) ? e.flatMap((e) => Yr(e)) : [e || {}];
+function Qr(e) {
+	return Array.isArray(e) ? e.flatMap((e) => Qr(e)) : [e || {}];
 }
-function Xr(e) {
-	return Array.isArray(e) ? e.flatMap((e) => Xr(e)) : [e || {}];
+function $r(e) {
+	return Array.isArray(e) ? e.flatMap((e) => $r(e)) : [e || {}];
 }
-function Zr(e) {
+function ei(e) {
 	if (e) return e;
 	try {
 		if (typeof globalThis < "u" && globalThis.localStorage) return globalThis.localStorage;
 	} catch {}
-	return $r();
+	return ni();
 }
-var Qr = /* @__PURE__ */ new Map();
-function $r() {
+var ti = /* @__PURE__ */ new Map();
+function ni() {
 	return {
 		getItem(e) {
-			return Qr.has(e) ? Qr.get(e) : null;
+			return ti.has(e) ? ti.get(e) : null;
 		},
 		setItem(e, t) {
-			Qr.set(e, String(t));
+			ti.set(e, String(t));
 		},
 		removeItem(e) {
-			Qr.delete(e);
+			ti.delete(e);
 		}
 	};
 }
 //#endregion
 //#region src/core/state-node.js
-var ei = /* @__PURE__ */ new Set([
+var ri = /* @__PURE__ */ new Set([
 	"state",
 	"render",
 	"update"
-]), ti = /* @__PURE__ */ new Set([
+]), ii = /* @__PURE__ */ new Set([
 	"destroy",
 	"getState",
 	"setState",
 	"subscribe"
 ]);
-function ni(e = {}) {
+function ai(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 = {
 		destroy() {
@@ -1679,8 +1703,8 @@ function ni(e = {}) {
 			return n.add(e), () => n.delete(e);
 		}
 	};
-	for (let t of Object.keys(e)) if (!(ei.has(t) || typeof e[t] != "function")) {
-		if (ti.has(t)) throw TypeError(`vStateNode config key "${t}" conflicts with the built-in API`);
+	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;
@@ -1696,74 +1720,74 @@ function ni(e = {}) {
 		o();
 	}
 }
-_(h, { vStateNode: ni });
+_(h, { vStateNode: ai });
 //#endregion
 //#region src/core/theme.js
-var ri = [
+var oi = [
 	"light",
 	"dark",
 	"system"
-], ii = "yoya-theme-mode", ai = "yoya-theme-name";
-function oi() {
+], si = "yoya-theme-mode", ci = "yoya-theme-name";
+function li() {
 	return typeof document > "u" ? null : document.documentElement;
 }
-function K() {
+function q() {
 	try {
 		return typeof localStorage < "u" && localStorage !== null;
 	} catch {
 		return !1;
 	}
 }
-function si(e = "light", t = {}) {
-	let n = ri.includes(e) ? e : "light", r = oi();
-	if (r && (r.dataset.yoyaMode = n), t.persist && K()) try {
-		localStorage.setItem(ii, n);
+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);
 	} catch {}
 	return n;
 }
-function ci() {
-	let e = oi(), t = e && e.dataset.yoyaMode;
-	return ri.includes(t) ? t : "light";
+function di() {
+	let e = li(), t = e && e.dataset.yoyaMode;
+	return oi.includes(t) ? t : "light";
 }
-function li() {
-	let e = ci();
+function fi() {
+	let e = di();
 	return e === "system" ? typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function ui(e = "", t = {}) {
-	let n = oi();
+function pi(e = "", t = {}) {
+	let n = li();
 	if (!e) {
-		if (n && delete n.dataset.yoyaTheme, t.persist && K()) try {
-			localStorage.removeItem(ai);
+		if (n && delete n.dataset.yoyaTheme, t.persist && q()) try {
+			localStorage.removeItem(ci);
 		} catch {}
 		return "";
 	}
-	if (n && (n.dataset.yoyaTheme = e), t.persist && K()) try {
-		localStorage.setItem(ai, e);
+	if (n && (n.dataset.yoyaTheme = e), t.persist && q()) try {
+		localStorage.setItem(ci, e);
 	} catch {}
 	return e;
 }
-function di() {
-	let e = oi();
+function mi() {
+	let e = li();
 	return e && e.dataset.yoyaTheme || "";
 }
-function fi(e = {}) {
+function hi(e = {}) {
 	let t = e.mode, n = e.theme;
-	if (t === void 0 && K()) {
-		let e = localStorage.getItem(ii);
-		ri.includes(e) && (t = e);
+	if (t === void 0 && q()) {
+		let e = localStorage.getItem(si);
+		oi.includes(e) && (t = e);
 	}
-	return n === void 0 && K() && (n = localStorage.getItem(ai) || ""), t !== void 0 && si(t, { persist: e.persist }), n !== void 0 && ui(n, { persist: e.persist }), {
-		mode: ci(),
-		theme: di()
+	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()
 	};
 }
 //#endregion
 //#region src/core/request.js
-var pi = null;
-function mi({ submit: e } = {}) {
-	return pi = typeof e == "function" ? e : null, pi;
+var gi = null;
+function _i({ submit: e } = {}) {
+	return gi = typeof e == "function" ? e : null, gi;
 }
-var hi = class {
+var vi = class {
 	method() {
 		return "GET";
 	}
@@ -1783,10 +1807,10 @@ var hi = class {
 		return "";
 	}
 	submit() {
-		if (typeof pi != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
-		return pi(this);
+		if (typeof gi != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
+		return gi(this);
 	}
-}, gi = class e {
+}, yi = 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;
 	}
@@ -1814,16 +1838,16 @@ var hi = class {
 			total: t.total
 		});
 	}
-}, q = 8, J = null;
-function _i() {
-	typeof document > "u" || J || (J = document.createElement("style"), J.setAttribute("data-yoya-vrouter-views-popup-style", ""), J.textContent = ".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}", document.head?.appendChild(J));
+}, 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");
 }
-function vi(e) {
+function Si(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 yi(e) {
+function Ci(e) {
 	if (typeof localStorage > "u") return null;
 	try {
 		let t = JSON.parse(localStorage.getItem(e) || "null");
@@ -1832,7 +1856,7 @@ function yi(e) {
 		return null;
 	}
 }
-var bi = class extends h {
+var wi = class extends h {
 	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);
 	}
@@ -1850,7 +1874,7 @@ var bi = class extends h {
 		return n && this.stop(), this._mode = t, n && this.start(), this;
 	}
 	route(e, t) {
-		let n = Oi(e, t);
+		let n = Mi(e, t);
 		return this._routes.push(n), this;
 	}
 	notFound(e) {
@@ -1866,19 +1890,19 @@ var bi = class extends h {
 		return this._beforeEach = e, this;
 	}
 	start() {
-		!this._started && typeof window < "u" && (this._mode === "history" ? window.addEventListener("popstate", this._onPopState) : window.addEventListener("hashchange", this._onHashChange), this._started = !0);
-		let e = Wi(this._mode);
+		this._started ||= (this._stopListening = this._mode === "history" ? O("popstate", this._onPopState) : O("hashchange", this._onHashChange), !0);
+		let e = Ji(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 && typeof window < "u" && (this._mode === "history" ? window.removeEventListener("popstate", this._onPopState) : window.removeEventListener("hashchange", this._onHashChange), this._started = !1), this;
+		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) ? (Ki(n, t, this._mode) && !t.replace && this._mode === "hash" && (this._ignoreNextHashPath = n), this._renderResolved(r), this) : this;
+		return this._canEnter(r.context) ? (Xi(n, t, this._mode) && !t.replace && this._mode === "hash" && (this._ignoreNextHashPath = n), this._renderResolved(r), this) : this;
 	}
 	refresh() {
-		let e = Wi(this._mode), t = this._resolve(e);
+		let e = Ji(this._mode), t = this._resolve(e);
 		return this._canEnter(t.context) && this._renderResolved(t), this;
 	}
 	renderPath(e) {
@@ -1924,16 +1948,16 @@ var bi = class extends h {
 	_resolve(e) {
 		let t = this._routes.map((t) => ({
 			route: t,
-			match: Vi(t.pattern, e)
+			match: Gi(t.pattern, e)
 		})).find(({ match: e }) => e);
 		if (t) return {
-			context: Hi(this, e, t.route, t.match),
+			context: Ki(this, e, t.route, t.match),
 			route: t.route,
 			view: t.route.view
 		};
 		let n = Q(e);
 		return {
-			context: Hi(this, e, null, {
+			context: Ki(this, e, null, {
 				params: {},
 				pathname: n.pathname,
 				query: n.query
@@ -1943,7 +1967,7 @@ var bi = class extends h {
 		};
 	}
 	_handleHashChange() {
-		let e = Ui();
+		let e = qi();
 		return this._ignoreNextHashPath === e ? (this._ignoreNextHashPath = null, this) : (this._ignoreNextHashPath = null, e === this._currentPath ? this : this.refresh());
 	}
 	_handlePopState() {
@@ -1960,7 +1984,7 @@ var bi = class extends h {
 	}
 	_renderResolved(e) {
 		let { context: t, route: n, view: r } = e, i = typeof r == "function" ? r(t) : r;
-		if (this._navigationGeneration += 1, !zi(i)) {
+		if (this._navigationGeneration += 1, !Ui(i)) {
 			this._commitView(e, X(i, t));
 			return;
 		}
@@ -1981,32 +2005,32 @@ var bi = 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 Bi(e?.loading ?? this._loadingView ?? Li, [t]);
+		return Wi(e?.loading ?? this._loadingView ?? Vi, [t]);
 	}
 	_buildErrorView(e, t, n) {
-		return Bi(e?.error ?? this._errorView ?? Ri, [n, t]);
+		return Wi(e?.error ?? this._errorView ?? Hi, [n, t]);
 	}
 	_destroyCurrentView() {
 		this._currentView?.destroy && this._currentView.destroy(), this._currentView = null;
 	}
 };
-function xi(e = null, t = null, n = null) {
-	let r = p(e, t, n), i = new bi(r.first);
+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;
 }
-var Si = xi;
-function Ci(e, t) {
+var Ei = Ti;
+function Di(e, t) {
 	return {
 		config: t,
 		pattern: e
 	};
 }
-function wi(e = null, t = null, n = null) {
-	let r = p(e, t, n), i = new bi();
-	return i.vRoute = (e, t) => (i.route(e, t), i), ji(i, r.first), m(i, r.options), typeof r.callback == "function" && r.callback(i), i;
+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 Ti(e, t = null, n = null) {
-	ki(e);
+function ki(e, t = null, n = null) {
+	Ni(e);
 	let r = new h("a"), i = {
 		exact: !0,
 		label: null,
@@ -2015,21 +2039,21 @@ function Ti(e, t = null, n = null) {
 		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, j(a, vn(e)), r), Mi(r, i, t), Ni(r, i, e), r.on("click", (t) => {
-		Ii(t, r) && (t.preventDefault(), e.navigate(Pi(i.to, i.params, i.query), { replace: i.replace }));
+	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 }));
 	});
-	let o = e.subscribe(() => Ni(r, i, e)), s = r.destroy.bind(r);
+	let o = e.subscribe(() => Li(r, i, e)), s = r.destroy.bind(r);
 	return r.destroy = () => (o(), s()), typeof n == "function" && n(r), r;
 }
-function Ei(e, t = null, n = null) {
-	ki(e);
+function Ai(e, t = null, n = null) {
+	Ni(e);
 	let r = new h("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 Di(e, t = null, n = null) {
-	ki(e);
+function ji(e, t = null, n = null) {
+	Ni(e);
 	let r = new h("div"), i = new h("header").className("yoya-vrouter-views-titlebar").attr({
 		role: "tablist",
 		"aria-label": "已打开页面"
@@ -2041,7 +2065,7 @@ function Di(e, t = null, n = null) {
 		alignItems: "center",
 		background: "transparent",
 		border: "0",
-		color: D("color-text-secondary", "#57606a"),
+		color: k("color-text-secondary", "#57606a"),
 		cursor: "pointer",
 		display: "none",
 		flexShrink: "0",
@@ -2061,8 +2085,8 @@ function Di(e, t = null, n = null) {
 		role: "menu",
 		"aria-label": "已打开页面"
 	}).styles({
-		background: D("color-surface", "#ffffff"),
-		border: O("color-border", "#d0d7de"),
+		background: k("color-surface", "#ffffff"),
+		border: A("color-border", "#d0d7de"),
 		borderRadius: "8px",
 		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
 		display: "none",
@@ -2080,7 +2104,7 @@ function Di(e, t = null, n = null) {
 		overflow: !1,
 		persist: !0,
 		popupOpen: !1,
-		storageKey: vi(e),
+		storageKey: Si(e),
 		suppressPersist: !1,
 		tabs: /* @__PURE__ */ new Map(),
 		title: "工作区",
@@ -2088,14 +2112,14 @@ function Di(e, t = null, n = null) {
 		titlePosition: "top"
 	};
 	r.className("yoya-vrouter-views"), r.styles({
-		border: O("color-border", "#d0d7de"),
+		border: A("color-border", "#d0d7de"),
 		boxSizing: "border-box",
 		overflow: "hidden"
 	}), i.styles({
-		background: D("color-surface-hover", "#f6f8fa"),
-		borderBottom: O("color-border", "#d0d7de"),
+		background: k("color-surface-hover", "#f6f8fa"),
+		borderBottom: A("color-border", "#d0d7de"),
 		boxSizing: "border-box",
-		color: D("color-text-secondary", "#57606a"),
+		color: k("color-text-secondary", "#57606a"),
 		display: "flex",
 		flexWrap: "nowrap",
 		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
@@ -2145,18 +2169,18 @@ function Di(e, t = null, n = null) {
 			alignItems: t ? "stretch" : null,
 			display: t ? "flex" : null
 		}), i.styles({
-			background: D("color-surface-hover", "#f6f8fa"),
-			borderBottom: t ? null : O("color-border", "#d0d7de"),
+			background: k("color-surface-hover", "#f6f8fa"),
+			borderBottom: t ? null : A("color-border", "#d0d7de"),
 			borderLeft: e === "right" ? "1px solid" : null,
-			borderLeftColor: e === "right" ? D("color-border", "#d0d7de") : null,
+			borderLeftColor: e === "right" ? k("color-border", "#d0d7de") : null,
 			borderLeftStyle: e === "right" ? "solid" : null,
 			borderLeftWidth: e === "right" ? "1px" : null,
 			borderRight: e === "left" ? "1px solid" : null,
-			borderRightColor: e === "left" ? D("color-border", "#d0d7de") : null,
+			borderRightColor: e === "left" ? k("color-border", "#d0d7de") : null,
 			borderRightStyle: e === "left" ? "solid" : null,
 			borderRightWidth: e === "left" ? "1px" : null,
 			boxSizing: "border-box",
-			color: D("color-text-secondary", "#57606a"),
+			color: k("color-text-secondary", "#57606a"),
 			display: "flex",
 			flexDirection: t ? "column" : "row",
 			flexShrink: t ? "0" : null,
@@ -2195,31 +2219,31 @@ function Di(e, t = null, n = null) {
 		}
 		return t ?? "";
 	}, m = (e, t) => {
-		let n = l.titlePosition, r = n !== "top";
-		e.renderDom().querySelector(".yoya-vrouter-views-label")?.setAttribute("aria-selected", String(t)), e.styles({
-			background: t ? D("color-surface", "#ffffff") : D("color-surface-active", "#eaeef2"),
-			border: O("color-border", "#d0d7de"),
-			borderBottomColor: n === "top" && t ? D("color-surface", "#ffffff") : D("color-border", "#d0d7de"),
+		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"),
 			borderLeftColor: "transparent",
-			borderRightColor: n === "left" && t ? D("color-surface", "#ffffff") : D("color-border", "#d0d7de"),
-			color: t ? D("color-text", "#24292f") : D("color-text-secondary", "#57606a"),
+			borderRightColor: r === "left" && t ? k("color-surface", "#ffffff") : k("color-border", "#d0d7de"),
+			color: t ? k("color-text", "#24292f") : k("color-text-secondary", "#57606a"),
 			fontWeight: t ? "600" : "400",
-			marginBottom: n === "top" ? "-9px" : "0",
-			marginLeft: n === "right" ? "-9px" : "0",
-			marginRight: n === "left" ? "-9px" : "0",
-			padding: r ? "8px 10px" : "7px 14px 8px"
+			marginBottom: r === "top" ? "-9px" : "0",
+			marginLeft: r === "right" ? "-9px" : "0",
+			marginRight: r === "left" ? "-9px" : "0",
+			padding: i ? "8px 10px" : "7px 14px 8px"
 		});
 	}, g = (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 <= q) {
+		if (l.titlePosition !== "top" || l.tabs.size <= J) {
 			g(!1);
 			return;
 		}
 		g(!0);
 	}, v = () => {
-		let e = Array.from(l.tabs.entries()), t = e.slice(0, q).map(([, e]) => e.tab).filter((e) => e !== s);
-		if (!(e.length > q && l.titlePosition === "top")) {
+		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);
 			return;
 		}
@@ -2238,7 +2262,7 @@ function Di(e, t = null, n = null) {
 	}, 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(q).forEach(([t, n]) => {
+		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({
 				role: "menuitem",
 				tabIndex: "0",
@@ -2246,7 +2270,7 @@ function Di(e, t = null, n = null) {
 			}).styles({
 				alignItems: "center",
 				borderRadius: "6px",
-				color: D("color-text", "#24292f"),
+				color: k("color-text", "#24292f"),
 				cursor: "pointer",
 				display: "flex",
 				fontSize: "13px",
@@ -2273,8 +2297,8 @@ function Di(e, t = null, n = null) {
 				padding: "2px 4px"
 			}).text("×");
 			t === e.currentPath() && (i.attr("aria-current", "true"), i.styles({
-				background: D("color-primary-subtle", "#e8f0fe"),
-				color: D("color-primary", "#1f6feb")
+				background: k("color-primary-subtle", "#e8f0fe"),
+				color: k("color-primary", "#1f6feb")
 			}));
 			let s = () => {
 				x(), e.navigate(t);
@@ -2287,16 +2311,16 @@ function Di(e, t = null, n = null) {
 		});
 	}, ee = () => {
 		if (l.tabs.size === 0) return;
-		_i(), S(), l.popupOpen = !0, r.attr("data-title-popup", "true"), s.attr("aria-expanded", "true"), c.styles({ display: "block" }), a();
+		xi(), S(), 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();
 		}, t = (e) => {
 			e.key === "Escape" && x();
-		}, n = () => a(), i = () => a();
-		document.addEventListener("click", e), document.addEventListener("keydown", t), window.addEventListener("scroll", n, !0), window.addEventListener("resize", i), b = () => {
-			document.removeEventListener("click", e), document.removeEventListener("keydown", t), window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", i);
+		}, n = () => f(), i = () => f(), a = D("click", e), o = D("keydown", t), u = O("scroll", n, !0), d = O("resize", i);
+		b = () => {
+			a(), o(), u(), d();
 		};
-		function a() {
+		function f() {
 			let e = s._el?.getBoundingClientRect(), t = c._el?.getBoundingClientRect();
 			if (!e || !t) return;
 			let n = window.innerWidth || document.documentElement?.clientWidth || 0, r = window.innerHeight || document.documentElement?.clientHeight || 0, i = e.right - t.width;
@@ -2313,13 +2337,13 @@ function Di(e, t = null, n = null) {
 	});
 	let te = r.renderDom.bind(r);
 	r.renderDom = () => {
-		_i();
+		xi();
 		let e = te();
 		return _(), e;
 	}, r.updateOverflow = _, r.titlePosition = (t) => {
 		if (t === void 0) return l.titlePosition;
-		let n = Ai(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(({ tab: t }, n) => {
+		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;
@@ -2327,7 +2351,7 @@ function Di(e, t = null, 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.tab.renderDom().querySelector(".yoya-vrouter-views-label").getAttribute("aria-selected") === "true";
+		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;
 		let c = Array.from(l.tabs.keys());
 		if (c.length > 0) {
@@ -2340,8 +2364,8 @@ function Di(e, t = null, n = null) {
 		role: "menu",
 		"aria-label": "标签页操作"
 	}).styles({
-		background: D("color-surface", "#ffffff"),
-		border: O("color-border", "#d0d7de"),
+		background: k("color-surface", "#ffffff"),
+		border: A("color-border", "#d0d7de"),
 		borderRadius: "8px",
 		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
 		display: "none",
@@ -2349,9 +2373,9 @@ function Di(e, t = null, n = null) {
 		padding: "6px",
 		position: "fixed",
 		zIndex: "100"
-	}), w = null, T = () => {
-		C.styles({ display: "none" }), C.clearChildren(), C._el?.remove(), w &&= (w(), null);
-	}, E = (t, n = null) => {
+	}), re = null, w = () => {
+		C.styles({ display: "none" }), C.clearChildren(), C._el?.remove(), re &&= (re(), null);
+	}, T = (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());
@@ -2363,20 +2387,20 @@ function Di(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 });
-	}, re = (t) => {
+	}, ie = (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(() => {});
-	}, ie = (t, n) => {
-		l.popupOpen && x(), T();
-		let r = Array.from(l.tabs.entries()), i = r.findIndex(([e]) => e === t), a = () => E(r.filter(([e]) => e !== t).map(([e]) => e), t), o = () => E(r.slice(0, i).map(([e]) => e), t), s = () => E(r.slice(i + 1).map(([e]) => e), t), c = () => E(r.map(([e]) => e)), u = (e, t, n = !1, r = !1) => {
+	}, 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({
 				role: "menuitem",
 				tabIndex: "0"
 			}).text(e).styles({
 				alignItems: "center",
 				borderRadius: "6px",
-				color: n ? D("color-text-danger", "#b91c1c") : D("color-text", "#24292f"),
+				color: n ? k("color-text-danger", "#b91c1c") : k("color-text", "#24292f"),
 				cursor: r ? "default" : "pointer",
 				display: "flex",
 				fontSize: "13px",
@@ -2385,25 +2409,25 @@ function Di(e, t = null, n = null) {
 				width: "100%"
 			});
 			return r ? (i.attr("aria-disabled", "true"), i.styles({ opacity: "0.4" })) : i.on("click", () => {
-				T(), t();
+				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("复制链接", () => re(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), document.body.appendChild(C.renderDom()), C.styles({ display: "block" });
+		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`
 		});
 		let v = (e) => {
-			C._el?.contains(e.target) || T();
+			C._el?.contains(e.target) || w();
 		}, y = (e) => {
-			e.key === "Escape" && T();
-		}, b = () => T();
-		document.addEventListener("mousedown", v), document.addEventListener("keydown", y), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), w = () => {
-			document.removeEventListener("mousedown", v), document.removeEventListener("keydown", y), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+			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();
 		};
-	}, ae = (t = {}) => {
-		let n = t.path || e.currentPath(), r = new Set(l.titlePosition === "top" ? Array.from(l.tabs.keys()).slice(0, q) : Array.from(l.tabs.keys())), a = l.tabs.get(n);
+	}, 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);
 		if (a) {
 			let e = p(t);
 			a.text.textContent(e), a.closeButton.attr("aria-label", `关闭 ${e}`);
@@ -2438,23 +2462,24 @@ function Di(e, t = null, n = null) {
 				lineHeight: "1",
 				padding: "0"
 			}), c.text("×"), c.on("click", (e) => ne(n, e)), r.on("contextmenu", (e) => {
-				e.preventDefault(), e.stopPropagation(), ie(n, e);
-			}), r.child(s, c), i.child(r), m(r, !1), a = {
+				e.preventDefault(), e.stopPropagation(), ae(n, e);
+			}), r.child(s, c), i.child(r), a = {
 				closeButton: c,
+				label: s,
 				tab: r,
 				text: o
-			}, l.tabs.set(n, a);
+			}, l.tabs.set(n, a), m(a, !1);
 		}
-		r.has(n) || (l.tabs.delete(n), l.tabs = new Map([[n, a], ...l.tabs])), l.tabs.forEach(({ tab: e }, t) => m(e, t === n)), v(), l.popupOpen && S(), y();
+		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 = () => {
 		if (!l.persist) return;
-		let t = yi(l.storageKey);
+		let t = Ci(l.storageKey);
 		if (t) {
 			l.suppressPersist = !0;
 			try {
 				t.paths.slice().reverse().forEach((t) => {
 					let n = e._resolve(t);
-					ae({
+					E({
 						...n.context,
 						path: t
 					});
@@ -2469,42 +2494,40 @@ function Di(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() !== "/") && ae({
+	e.outlet(a), oe(), (e.currentRoute() || e.currentPath() !== "/") && E({
 		params: e.currentParams(),
 		path: e.currentPath(),
 		query: e.currentQuery(),
 		route: e.currentRoute(),
 		router: e
 	});
-	let se = e.subscribe((e) => ae(e)), ce = () => _();
-	typeof window < "u" && window.addEventListener("resize", ce);
-	let le = r.destroy.bind(r);
-	return r.destroy = () => (l.popupOpen && x(), T(), typeof window < "u" && window.removeEventListener("resize", ce), se(), e.outlet() === a && e.outlet(e), le()), typeof n == "function" && n(r), r;
+	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: Ti,
-	vRouter: wi,
-	vRouterView: Ei,
-	vRouterViews: Di
+	vLink: ki,
+	vRouter: Oi,
+	vRouterView: Ai,
+	vRouterViews: ji
 });
-function Oi(e, t) {
+function Mi(e, t) {
 	let n = {
 		beforeEnter: null,
 		error: null,
 		loading: null,
-		pattern: qi(e),
+		pattern: Zi(e),
 		title: null,
 		view: null
 	};
-	return typeof t == "function" || t instanceof c || Yi(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 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);
 }
-function ki(e) {
-	if (!(e instanceof bi)) throw TypeError("vLink and vRouterView require a Router instance");
+function Ni(e) {
+	if (!(e instanceof wi)) throw TypeError("vLink and vRouterView require a Router instance");
 }
-function Ai(e) {
+function Pi(e) {
 	return e === "left" || e === "right" ? e : "top";
 }
-function ji(e, t) {
+function Fi(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;
@@ -2512,7 +2535,7 @@ function ji(e, t) {
 		t?.pattern !== void 0 && e.vRoute(t.pattern, t.config);
 	}), o !== void 0 && e.notFound(o), e;
 }
-function Mi(e, t, n) {
+function Ii(e, t, n) {
 	if (typeof n == "function") {
 		n(e);
 		return;
@@ -2527,20 +2550,20 @@ function Mi(e, t, n) {
 }
 function Y(e, t, n, r) {
 	if (r === void 0) return t[n];
-	t[n] = r, n === "to" && t.label === null && j(e.children()[0], vn(r));
+	t[n] = r, n === "to" && t.label === null && N(e.children()[0], bn(r));
 	let i = e._routerInstance;
-	return i && Ni(e, t, i), e;
+	return i && Li(e, t, i), e;
 }
-function Ni(e, t, n) {
+function Li(e, t, n) {
 	e._routerInstance = n;
-	let r = Pi(t.to, t.params, t.query), i = Fi(n.currentPath(), r, t.exact), a = new Set(String(e.attr("class") || "").split(/\s+/).filter(Boolean));
+	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));
 	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 Pi(e, t, n) {
+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);
 	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);
@@ -2548,33 +2571,33 @@ function Pi(e, t, n) {
 	let s = o.toString();
 	return s ? `${a}?${s}` : a;
 }
-function Fi(e, t, n) {
+function zi(e, t, n) {
 	let r = Z(e), i = Z(t);
 	if (n) return r === i;
 	let a = Q(r).pathname, o = Q(i).pathname;
 	return a === o || a.startsWith(`${o}/`);
 }
-function Ii(e, t) {
+function Bi(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 (Yi(e)) return d(e);
+	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);
 	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 Li = () => "加载中…", Ri = (e) => `加载失败：${e?.message ?? String(e)}`;
-function zi(e) {
+var Vi = () => "加载中…", Hi = (e) => `加载失败：${e?.message ?? String(e)}`;
+function Ui(e) {
 	return e !== null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
 }
-function Bi(e, t) {
+function Wi(e, t) {
 	return X(typeof e == "function" ? e(...t) : e, t[t.length - 1]);
 }
-function Vi(e, t) {
-	let n = Q(e), r = Q(t), i = Ji(n.pathname), a = Ji(r.pathname);
+function Gi(e, t) {
+	let n = Q(e), r = Q(t), i = Qi(n.pathname), a = Qi(r.pathname);
 	if (i.length !== a.length) return null;
 	let o = {};
 	for (let e = 0; e < i.length; e += 1) {
@@ -2591,7 +2614,7 @@ function Vi(e, t) {
 		query: r.query
 	};
 }
-function Hi(e, t, n, r) {
+function Ki(e, t, n, r) {
 	return {
 		params: { ...r.params },
 		path: t,
@@ -2601,24 +2624,24 @@ function Hi(e, t, n, r) {
 		router: e
 	};
 }
-function Ui() {
+function qi() {
 	return typeof window > "u" ? "/" : Z(window.location.hash.replace(/^#/, "") || "/");
 }
-function Wi(e = "hash") {
-	return typeof window > "u" ? "/" : e === "history" ? Z(`${window.location.pathname}${window.location.search}`) : Ui();
+function Ji(e = "hash") {
+	return typeof window > "u" ? "/" : e === "history" ? Z(`${window.location.pathname}${window.location.search}`) : qi();
 }
-function Gi(e, t = {}) {
+function Yi(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 Ki(e, t = {}, n = "hash") {
+function Xi(e, t = {}, n = "hash") {
 	if (typeof window > "u") return !1;
-	if (n !== "history") return Gi(e, t);
-	let r = Z(e), i = Wi("history");
+	if (n !== "history") return Yi(e, t);
+	let r = Z(e), i = Ji("history");
 	return !t.replace && i === r ? !1 : (t.replace ? window.history.replaceState(null, "", r) : window.history.pushState(null, "", r), !0);
 }
-function qi(e) {
+function Zi(e) {
 	return Z(e).split("?")[0] || "/";
 }
 function Z(e) {
@@ -2632,37 +2655,37 @@ function Q(e) {
 		query: Object.fromEntries(new URLSearchParams(n))
 	};
 }
-function Ji(e) {
+function Qi(e) {
 	return e.split("/").filter(Boolean);
 }
-function Yi(e) {
+function $i(e) {
 	return typeof e == "string" || typeof e == "number";
 }
 //#endregion
 //#region src/core/id.js
-var Xi = null;
-function Zi() {
+var ea = null;
+function ta() {
 	let e = 0;
 	return { next() {
 		return e += 1, e;
 	} };
 }
-function Qi(e, t) {
-	let n = Xi;
-	Xi = e;
+function na(e, t) {
+	let n = ea;
+	ea = e;
 	try {
 		return t();
 	} finally {
-		Xi = n;
+		ea = n;
 	}
 }
 //#endregion
 //#region src/core/ssr.js
-function $i(e = {}, t = {}) {
+function ra(e = {}, t = {}) {
 	let { cookie: n = "", url: r = "", acceptLanguage: i = "" } = e || {}, { cookieKey: a = "yoya-lang", queryKey: o = "locale", defaultLanguage: s = "zh-CN" } = t;
-	return ea(n, a) || ta(r, o) || na(i) || s;
+	return ia(n, a) || aa(r, o) || oa(i) || s;
 }
-function ea(e, t) {
+function ia(e, t) {
 	if (!e || !t) return null;
 	for (let n of String(e).split(";")) {
 		let e = n.indexOf("=");
@@ -2677,18 +2700,18 @@ function ea(e, t) {
 	}
 	return null;
 }
-function ta(e, t) {
+function aa(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 na(e) {
+function oa(e) {
 	if (!e) return null;
 	let t = String(e).split(",")[0];
 	return t && t.split(";")[0].trim() || null;
 }
-function ra(e, t, n) {
-	return e ? Ir(typeof e == "function" ? e(t) : e, n) : n();
+function sa(e, t, n) {
+	return e ? zr(typeof e == "function" ? e(t) : e, n) : n();
 }
 function $(e, t = null) {
 	if (e instanceof c) return e;
@@ -2696,18 +2719,18 @@ function $(e, t = null) {
 	if (e && typeof e.render == "function") return $(e.render(), t);
 	throw TypeError("renderToString/mount requires a ViewNode, a component object with render(), or a factory function");
 }
-function ia(e) {
+function ca(e) {
 	let t = 1;
 	return typeof e.children == "function" && e.children().forEach((e) => {
-		t += ia(e instanceof u ? e._resolve() : e);
+		t += ca(e instanceof u ? e._resolve() : e);
 	}), t;
 }
-function aa(e, t = {}) {
-	let { maxNodes: n = Infinity, state: r = null, i18n: i = null } = t || {}, a = ua(r);
-	return Qi(Zi(), () => ra(i, r, () => {
+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;
 		try {
-			o = ia(i) > n ? {
+			o = ca(i) > n ? {
 				exceeded: !0,
 				html: "",
 				state: a
@@ -2722,7 +2745,7 @@ function aa(e, t = {}) {
 		return o;
 	}));
 }
-var oa = class extends v {
+var ua = class extends v {
 	constructor() {
 		super("html", null), this._headCallback = null, this._bodyCallback = null;
 	}
@@ -2736,26 +2759,26 @@ var oa = class extends v {
 		return this.body((t) => t.vBody(...e));
 	}
 };
-function sa(e) {
+function da(e) {
 	return String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function ca(e, t = {}, n = {}) {
+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 || {};
 	if (!e || typeof e.page != "function") throw TypeError("renderPage requires { page: (page, state) => {} }");
-	let u = a || (s ? () => Nr({
+	let u = a || (s ? () => Ir({
 		language: l.lang || "zh-CN",
 		messages: s
-	}) : null), d = ua(l);
-	return Qi(Zi(), () => ra(u, l, () => {
-		let t = new oa();
+	}) : 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 = ia(a) > o, u = n.toHTML(), f = `<div id="${sa(i)}">`, p = s ? `${f}</div>` : `${f}${a.toHTML()}</div>`, m = `<script type="application/json" id="${sa(c)}">${d}<\/script>`, h = `<script type="module" src="${sa(r)}"><\/script>`;
+		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>`;
 		return n.destroy(), a.destroy(), `<!doctype html>
-<html lang="${sa(l.lang || "zh-CN")}">
+<html lang="${da(l.lang || "zh-CN")}">
 ${u}
 <body>
 ${p}
@@ -2765,69 +2788,69 @@ ${h}
 </html>`;
 	}));
 }
-function la(e, t = {}) {
+function pa(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 = da(s ? s.textContent : ""), l = i || (r ? () => Nr({
+	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 ? pa(e, o, c, { i18n: l }) : fa(e, o, c, { i18n: l });
+	return u && u.firstElementChild ? _a(e, o, c, { i18n: l }) : ga(e, o, c, { i18n: l });
 }
-function ua(e) {
+function ma(e) {
 	return e == null ? null : JSON.stringify(e).replace(/</g, "\\u003c");
 }
-function da(e) {
+function ha(e) {
 	return e == null || e === "" ? null : JSON.parse(e);
 }
-function fa(e, t, r = null, i = {}) {
-	return Qi(Zi(), () => ra(i.i18n, r, () => {
+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 pa(e, t, r = null, i = {}) {
-	return Qi(Zi(), () => ra(i.i18n, 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 ? (ma(i, e), ga(i), ha(i), i.renderDom()) : a.appendChild(i.renderDom());
+			e ? (va(i, e), ba(i), ya(i), i.renderDom()) : a.appendChild(i.renderDom());
 		}
 		return i;
 	}));
 }
-function ma(e, t) {
+function va(e, t) {
 	if (e instanceof u) {
-		ma(e._resolve(), t);
+		va(e._resolve(), t);
 		return;
 	}
 	if (e instanceof l) {
-		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : _a(t, e.renderDom());
+		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : xa(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) => ma(e, n[t]));
+		e.children().forEach((e, t) => va(e, n[t]));
 		return;
 	}
-	_a(t, e.renderDom());
+	xa(t, e.renderDom());
 }
-function ha(e) {
+function ya(e) {
 	if (e instanceof u) {
-		ha(e._resolve());
+		ya(e._resolve());
 		return;
 	}
-	e instanceof l || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(ha));
+	e instanceof l || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(ya));
 }
-function ga(e) {
+function ba(e) {
 	if (e instanceof u) {
-		ga(e._resolve());
+		ba(e._resolve());
 		return;
 	}
-	e instanceof l || (e.children().forEach(ga), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
+	e instanceof l || (e.children().forEach(ba), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
 }
-function _a(e, t) {
+function xa(e, t) {
 	e && e.parentNode && e.parentNode.replaceChild(t, e);
 }
 //#endregion
-export { Dr as ClientOnlyNode, u as ComponentNode, h as ElementNode, v as HtmlElementNode, jr as I18n, Mr as I18nTextNode, oa as PageDocumentNode, hi as RequestBase, gi as Result, bi as Router, l as TextNode, l as VTextNode, l as ViewTextNode, wn as VMasonry, bn as VSplitPanel, En as VThemeShell, c as ViewNode, S as a, ee as abbr, te as address, m as applyElementOptions, ne as area, C as article, w as aside, T as audio, E as b, re as base, ie as bdi, ae as bdo, oe as blockquote, se as body, ce as br, le as button, ue as canvas, de as caption, Nn as center, fe as cite, pe as code, me as col, he as colgroup, mi as configureRequest, Vn as container, g as createElementFactory, b as createHtmlFactories, Nr as createI18n, xi as createRouter, zn 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, Xn 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, kn as flex, je as footer, Me as form, Br as getI18n, Hr as getPersistedI18nLocales, ci as getYoyaMode, di as getYoyaTheme, In 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, Mn as hstack, Ue as html, pa as hydrate, la as hydrateOrMount, We as i, W as i18n, Pr as i18nText, Ge as iframe, Ke as img, fi as initYoyaTheme, qe as input, Je as ins, Fr as installI18nStringShortcut, Ye as kbd, Xe as label, Ze as legend, Qe as li, $e as link, Vr as listI18n, et as main, tt as map, nt as mark, rt as menu, it as meta, at as meter, Un as mobileLayout, fa 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, da as parseState, mt as picture, ht as pre, gt as progress, _t as q, _ as registerChildFactories, Rr as registerI18n, ca as renderPage, aa as renderToString, $i as resolveLocale, n as resolveTarget, li as resolveYoyaMode, Ln as responsiveGrid, Si 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, ua as serializeState, si as setYoyaMode, ui as setYoyaTheme, Ot as slot, kt as small, At as source, Yn as spacer, jt as span, An 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, zr as unregisterI18n, Kn as vAside, Rn as vBody, Or as vClientOnly, Fn as vCol, Hn as vContainer, Jn as vFooter, Gn as vHeader, Ti as vLink, qn as vMain, Tn as vMasonry, Wn as vMobileLayout, Ci as vRoute, wi as vRouter, Ei as vRouterView, Di as vRouterViews, Pn as vRow, xn as vSplitPanel, ni as vStateNode, Dn as vThemeShell, Qt as varTag, $t as video, jn as vstack, en as wbr, Ir as withI18nStringShortcut };
+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 };