@yoyaflow/yoya-ui 0.2.0 → 0.2.1

package/dist/yoya.ssr.js

@@ -1,16 +1,63 @@
 //#region src/core/node.js
-function e(e) {
+var e = /* @__PURE__ */ new Set([
+	"checked",
+	"disabled",
+	"readonly",
+	"selected"
+]), t = /* @__PURE__ */ new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
+]);
+function n(e) {
 	return typeof e == "string" ? document.querySelector(e) : e;
 }
-function t(e) {
+function r(e) {
 	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-var n = class t {
+function i(t) {
+	return e.has(t);
+}
+function a(e, t, n) {
+	if (n == null || n === !1) {
+		if (e.removeAttribute(t), t in e) try {
+			e[t] = !1;
+		} catch {}
+		return;
+	}
+	if (n === !0 || i(t)) {
+		if (e.setAttribute(t, t), t in e) try {
+			e[t] = !0;
+		} catch {}
+		return;
+	}
+	if (e.setAttribute(t, String(n)), t in e) try {
+		e[t] = n;
+	} catch {}
+}
+function o(e) {
+	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${s(e)}:${r(t)}`).join("; ");
+}
+function s(e) {
+	return String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+var c = class e {
 	constructor(e = null) {
 		this._children = [], this._events = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, e !== null && this.setup(e);
 	}
-	setup(e) {
-		return typeof e == "function" ? e(this) : e instanceof t ? this.child(e) : typeof e == "string" || typeof e == "number" ? this.text(e) : e && typeof e == "object" && this._setupObject(e), this;
+	setup(t) {
+		return typeof t == "function" ? t(this) : t instanceof e ? this.child(t) : typeof t == "string" || typeof t == "number" ? this.text(t) : t && typeof t == "object" && this._setupObject(t), this;
 	}
 	_setupObject(e) {
 		e.children && this.child(e.children);
@@ -26,12 +73,12 @@ var n = class t {
 	child(...e) {
 		return e.flat(Infinity).forEach((e) => {
 			if (e == null) return;
-			let t = a(e);
+			let t = f(e);
 			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
 		}), this;
 	}
 	text(e) {
-		return this.child(new r(e));
+		return this.child(new l(e));
 	}
 	on(e, t, n) {
 		return this._events.has(e) || this._events.set(e, []), this._events.get(e).push({
@@ -79,9 +126,9 @@ var n = class t {
 	_commitChildren() {
 		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
 	}
-	bindTo(t) {
-		let n = e(t), r = this.renderDom();
-		return n && r && n.appendChild(r), this;
+	bindTo(e) {
+		let t = n(e), r = this.renderDom();
+		return t && r && t.appendChild(r), this;
 	}
 	destroy() {
 		return this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
@@ -92,7 +139,7 @@ var n = class t {
 	hydrateSnapshot() {
 		return this;
 	}
-}, r = class extends n {
+}, l = class extends c {
 	constructor(e = "") {
 		super(null), this._content = String(e), this._textNode = null;
 	}
@@ -103,16 +150,16 @@ var n = class t {
 		return this._deleted ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
 	}
 	toHTML() {
-		return this._deleted ? "" : t(this._content);
+		return this._deleted ? "" : r(this._content);
 	}
-}, i = class extends n {
+}, u = class extends c {
 	constructor(e) {
 		super(null), this._component = e, this._resolved = null;
 	}
 	_resolve() {
 		if (this._resolved) return this._resolved;
 		let e = typeof this._component == "function" ? this._component() : this._component.render();
-		if (!(e instanceof n)) throw TypeError("Component render must return a ViewNode");
+		if (!(e instanceof c)) throw TypeError("Component render must return a ViewNode");
 		return this._resolved = e, e;
 	}
 	children() {
@@ -134,36 +181,1242 @@ var n = class t {
 		return this._resolved && this._resolved.destroy(), super.destroy();
 	}
 };
-function a(e) {
-	if (e instanceof n) return e;
-	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new i(e);
-	if (typeof e == "string" || typeof e == "number") return new r(e);
+function d(e = "") {
+	return new l(e);
+}
+function f(e) {
+	if (e instanceof c) return e;
+	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new u(e);
+	if (typeof e == "string" || typeof e == "number") return new l(e);
 	throw TypeError("ViewNode child must be a ViewNode, component, string, or number");
 }
+function p(e = null, t = null, n = null) {
+	return typeof t == "function" && n == null ? {
+		first: e,
+		options: null,
+		callback: t
+	} : {
+		first: e,
+		options: t,
+		callback: n
+	};
+}
+function m(e, t) {
+	return !t || typeof t != "object" || Array.isArray(t) ? e : (t.attrs && typeof e.attr == "function" && e.attr(t.attrs), t.style && typeof e.styles == "function" && e.styles(t.style), e);
+}
+var h = class extends c {
+	constructor(e, t = null) {
+		super(null), this._tagName = e, this._attrs = {}, this._styles = {}, this._classes = /* @__PURE__ */ new Set(), this._el = null, t !== null && this.setup(t);
+	}
+	_setupObject(e) {
+		Object.entries(e).forEach(([e, t]) => {
+			if (e === "class" || e === "className") {
+				this.className(t);
+				return;
+			}
+			if (e === "attrs") {
+				this.attr(t);
+				return;
+			}
+			if (e === "style") {
+				this.styles(t);
+				return;
+			}
+			if (e === "children") {
+				this.child(t);
+				return;
+			}
+			if (e.startsWith("on") && typeof t == "function") {
+				this.on(e.slice(2).toLowerCase(), t);
+				return;
+			}
+			if (typeof this[e] == "function") {
+				this[e](t);
+				return;
+			}
+			typeof t != "function" && this.attr(e, t);
+		});
+	}
+	tagName() {
+		return this._tagName;
+	}
+	textContent() {
+		return this._children.map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
+	}
+	attr(e, t) {
+		return t === void 0 && typeof e == "string" ? this._attrs[e] : e && typeof e == "object" ? (Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this) : (t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && a(this._el, e, t), this);
+	}
+	id(e) {
+		return e === void 0 ? this.attr("id") : this.attr("id", e);
+	}
+	name(e) {
+		return e === void 0 ? this.attr("name") : this.attr("name", e);
+	}
+	className(...e) {
+		return e.length === 0 ? [...this._classes].join(" ") : (e.flat(Infinity).forEach((e) => {
+			e && String(e).split(/\s+/).filter(Boolean).forEach((e) => this._classes.add(e));
+		}), this._syncClassName(), this);
+	}
+	class(...e) {
+		return this.className(...e);
+	}
+	replaceClassName(e, t, n = !1) {
+		return !e || !t || e === t ? this : this._classes.has(e) ? (this._classes.delete(e), this.className(t)) : n ? this.className(t) : this;
+	}
+	style(e, t) {
+		return t === void 0 && typeof e == "string" ? this._styles[e] : e && typeof e == "object" ? this.styles(e) : (t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this);
+	}
+	styles(e) {
+		return Object.entries(e || {}).forEach(([e, t]) => this.style(e, t)), this;
+	}
+	child(...e) {
+		return e.flat(Infinity).forEach((e) => {
+			if (e == null) return;
+			let t = f(e);
+			if (this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0, this._el) {
+				let e = t.renderDom();
+				e && e.parentNode !== this._el && this._el.appendChild(e);
+			}
+		}), this;
+	}
+	renderDom() {
+		return this._deleted ? null : (this._el || (this._el = document.createElement(this._tagName), this._applySnapshotToElement()), this._commitChildren(), this._children.forEach((e) => {
+			let t = e.renderDom();
+			t && t.parentNode !== this._el && this._el.appendChild(t);
+		}), this._el);
+	}
+	toHTML() {
+		if (this._deleted) return "";
+		let e = this._serializeAttributes(), n = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
+		return t.has(this._tagName) ? n : `${n}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+	}
+	_applyBindingsToElement() {
+		Object.entries(this._attrs).forEach(([e, t]) => a(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
+			this._el.style[e] = t;
+		}), this._events.forEach((e, t) => {
+			e.forEach(({ handler: e, options: n }) => {
+				this._el.addEventListener(t, e, n), this._cleanup.push(() => this._el.removeEventListener(t, e, n));
+			});
+		});
+	}
+	_applySnapshotToElement() {
+		this._applyBindingsToElement(), this._children.forEach((e) => {
+			let t = e.renderDom();
+			t && this._el.appendChild(t);
+		});
+	}
+	_syncClassName() {
+		let e = [...this._classes].join(" ");
+		e ? this._attrs.class = e : delete this._attrs.class, this._el && (e ? this._el.className = e : this._el.removeAttribute("class"));
+	}
+	_serializeAttributes() {
+		let e = { ...this._attrs }, t = this._serializeStyles();
+		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || i(e) ? `${e}="${e}"` : `${e}="${r(t)}"`).join(" ");
+	}
+	_serializeStyles() {
+		return o(this._styles);
+	}
+};
+function g(e, t = h) {
+	return function(n = null, r = null, i = null) {
+		let a = p(n, r, i), o = new t(e, a.first);
+		return m(o, a.options), typeof a.callback == "function" && a.callback(o), o;
+	};
+}
+function _(e, t, n = {}) {
+	let { override: r = !1 } = n;
+	Object.entries(t).forEach(([t, n]) => {
+		!r && e.prototype[t] || (e.prototype[t] = function(...e) {
+			return this.child(n(...e));
+		});
+	});
+}
 //#endregion
-//#region src/core/id.js
-var o = null;
-function s() {
-	let e = 0;
-	return { next() {
-		return e += 1, e;
-	} };
+//#region src/html/index.js
+var v = class extends h {}, y = [
+	"a",
+	"abbr",
+	"address",
+	"area",
+	"article",
+	"aside",
+	"audio",
+	"b",
+	"base",
+	"bdi",
+	"bdo",
+	"blockquote",
+	"body",
+	"br",
+	"button",
+	"canvas",
+	"caption",
+	"cite",
+	"code",
+	"col",
+	"colgroup",
+	"data",
+	"datalist",
+	"dd",
+	"del",
+	"details",
+	"dfn",
+	"dialog",
+	"div",
+	"dl",
+	"dt",
+	"em",
+	"embed",
+	"fieldset",
+	"figcaption",
+	"figure",
+	"footer",
+	"form",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"head",
+	"header",
+	"hgroup",
+	"hr",
+	"html",
+	"i",
+	"iframe",
+	"img",
+	"input",
+	"ins",
+	"kbd",
+	"label",
+	"legend",
+	"li",
+	"link",
+	"main",
+	"map",
+	"mark",
+	"menu",
+	"meta",
+	"meter",
+	"nav",
+	"noscript",
+	"object",
+	"ol",
+	"optgroup",
+	"option",
+	"output",
+	"p",
+	"picture",
+	"pre",
+	"progress",
+	"q",
+	"rp",
+	"rt",
+	"ruby",
+	"s",
+	"samp",
+	"script",
+	"search",
+	"section",
+	"select",
+	"selectedcontent",
+	"slot",
+	"small",
+	"source",
+	"span",
+	"strong",
+	{
+		name: "style",
+		tagName: "style",
+		aliases: ["styleTag"]
+	},
+	"sub",
+	"summary",
+	"sup",
+	"table",
+	"tbody",
+	"td",
+	"template",
+	"textarea",
+	"tfoot",
+	"th",
+	"thead",
+	"time",
+	"title",
+	"tr",
+	"track",
+	"u",
+	"ul",
+	{
+		name: "varTag",
+		tagName: "var"
+	},
+	"video",
+	"wbr"
+];
+function b() {
+	return y.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = en(t), a = g(i, v);
+		return e[r] = a, n.forEach((t) => {
+			e[t] = a;
+		}), e;
+	}, {});
 }
-function c(e, t) {
-	let n = o;
-	o = e;
-	try {
-		return t();
-	} finally {
-		o = n;
+var x = b();
+_(v, x);
+var { a: S, abbr: ee, address: te, area: C, article: w, aside: T, audio: E, b: D, base: ne, bdi: re, bdo: ie, blockquote: ae, body: oe, br: se, button: ce, canvas: le, caption: ue, cite: de, code: fe, col: pe, colgroup: me, data: he, datalist: ge, dd: _e, del: ve, details: ye, dfn: be, dialog: xe, div: Se, dl: Ce, dt: we, em: Te, embed: Ee, fieldset: De, figcaption: Oe, figure: ke, footer: Ae, form: je, h1: Me, h2: Ne, h3: Pe, h4: Fe, h5: Ie, h6: Le, head: Re, header: ze, hgroup: Be, hr: Ve, html: He, i: Ue, iframe: We, img: Ge, input: Ke, ins: qe, kbd: Je, label: Ye, legend: Xe, li: Ze, link: Qe, main: $e, map: et, mark: tt, menu: nt, meta: rt, meter: it, nav: at, noscript: ot, object: st, ol: ct, optgroup: lt, option: ut, output: dt, p: ft, picture: pt, pre: mt, progress: ht, q: gt, rp: _t, rt: vt, ruby: yt, s: bt, samp: xt, script: St, search: Ct, section: wt, select: Tt, selectedcontent: Et, slot: Dt, small: Ot, source: kt, span: At, strong: jt, style: Mt, styleTag: Nt, sub: Pt, summary: Ft, sup: It, table: Lt, tbody: Rt, td: zt, template: Bt, textarea: Vt, tfoot: Ht, th: Ut, thead: Wt, time: Gt, title: Kt, tr: qt, track: Jt, u: Yt, ul: Xt, varTag: Zt, video: Qt, wbr: $t } = x;
+function en(e) {
+	return typeof e == "string" ? {
+		name: e,
+		tagName: e
+	} : e;
+}
+//#endregion
+//#region src/svg/index.js
+var tn = "http://www.w3.org/2000/svg", nn = /* @__PURE__ */ new Set([
+	"desc",
+	"metadata",
+	"text",
+	"textPath",
+	"title",
+	"tspan"
+]), rn = class e extends h {
+	setup(e) {
+		return typeof e == "string" || typeof e == "number" ? this.child(e) : super.setup(e);
+	}
+	text(...e) {
+		if (nn.has(this._tagName)) {
+			let [t, n] = e;
+			return e.length > 0 && this.child(t), n != null && this.setup(n), this;
+		}
+		return this._svgChild("text", ...e);
+	}
+	style(...e) {
+		let [t, n] = e;
+		return this._tagName === "style" && e.length <= 1 ? (e.length === 1 && this.child(t), this) : e.length <= 1 && an(t) ? this._svgChild("style", t) : super.style(t, n);
+	}
+	renderDom() {
+		return this._deleted ? null : (this._el || (this._el = document.createElementNS(tn, this._tagName), this._applySnapshotToElement()), this._el);
+	}
+	_syncClassName() {
+		let e = [...this._classes].join(" ");
+		e ? this._attrs.class = e : delete this._attrs.class, this._el && (e ? this._el.setAttribute("class", e) : this._el.removeAttribute("class"));
+	}
+	_svgChild(t, ...n) {
+		let r = new e(t);
+		return n.forEach((e) => {
+			e != null && r.setup(e);
+		}), this.child(r);
+	}
+};
+function an(e) {
+	return e == null || typeof e == "function" || typeof e == "string" || typeof e == "number" || Array.isArray(e);
+}
+var on = /* @__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 sn(e) {
+	return function(...t) {
+		let n = new rn(e);
+		return e === "svg" && n.style("display", "block"), t.forEach((e) => {
+			e != null && n.setup(e);
+		}), n;
+	};
+}
+function cn() {
+	return on.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = dn(t), a = sn(i);
+		return e[r] = a, n.forEach((t) => {
+			e[t] = a;
+		}), e;
+	}, {});
+}
+var ln = sn("svg"), un = cn();
+_(v, { svg: ln }), _(rn, {
+	svg: ln,
+	...un
+});
+function dn(e) {
+	return typeof e == "string" ? {
+		name: e,
+		tagName: e
+	} : e;
+}
+//#endregion
+//#region src/svg/icons.js
+function fn() {
+	return ln((e) => {
+		e.className("yoya-icon").attr({
+			"aria-hidden": "true",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-width": "2",
+			viewBox: "0 0 24 24"
+		}).styles({
+			height: "24px",
+			width: "24px"
+		}), e.path({ d: "M4 6h16" }), e.path({ d: "M4 12h16" }), e.path({ d: "M4 18h16" });
+	});
+}
+//#endregion
+//#region src/components/shared.js
+var pn = "yoya-component";
+function O(e, t) {
+	return `var(--yoya-${e}, ${t})`;
+}
+function k(e, t, n = "1px") {
+	return `${n} solid ${O(e, t)}`;
+}
+function A(e = null, t = null, n = null) {
+	return p(e, t, n);
+}
+function mn(e, t) {
+	return typeof e.attr == "function" || typeof e.styles == "function" ? m(e, t) : (typeof e.render == "function" && m(e.render(), t), e);
+}
+function j(e, t = null, n = null) {
+	return mn(e, t), typeof n == "function" && n(e), e;
+}
+function hn(e, t = null, n = null, r = null) {
+	let { first: i, options: a, callback: o } = A(t, n, r);
+	return j(i instanceof e ? i : new e(i), a, o);
+}
+function gn(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) : (vn(t) && e.setup(t), e);
+}
+function _n(e) {
+	return e == null ? [] : Array.isArray(e) ? e : [e];
+}
+function M(e, t) {
+	return e.children().forEach((e) => e.destroy()), e._children = [], e._el && e._el.replaceChildren(), t.length > 0 && e.child(t), e;
+}
+function vn(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 yn = class extends v {
+	constructor(e = null, t = null, n = null) {
+		super("div", null), this.className(pn, "yoya-vsplit-panel"), this.styles({
+			boxSizing: "border-box",
+			display: "flex",
+			minHeight: "0",
+			minWidth: "0",
+			overflow: "hidden",
+			width: "100%"
+		}), this._direction = "horizontal", this._firstSize = "50%", this._minSize = 40, this._drag = null, this._dragMove = null, this._dragUp = null, this._first = new v("div").className("yoya-vsplit-panel-first").attr("data-vsplit-first", "true").styles({
+			boxSizing: "border-box",
+			minHeight: "0",
+			minWidth: "0",
+			overflow: "auto"
+		}), this._second = new v("div").className("yoya-vsplit-panel-second").attr("data-vsplit-second", "true").styles({
+			boxSizing: "border-box",
+			flex: "1 1 auto",
+			minHeight: "0",
+			minWidth: "0",
+			overflow: "auto"
+		}), this._divider = new v("div").className("yoya-vsplit-panel-divider").attr({
+			"aria-orientation": "horizontal",
+			"data-vsplit-divider": "true",
+			role: "separator",
+			tabindex: "0",
+			title: "拖拽调整面板大小，双击恢复 50%"
+		}).styles({
+			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), j(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 = xn(e), this._sync(), this);
+	}
+	minSize(e) {
+		if (e === void 0) return this._minSize;
+		let t = Number(e);
+		return this._minSize = Number.isFinite(t) ? Math.max(0, t) : this._minSize, this;
+	}
+	reset() {
+		return this.size("50%");
+	}
+	first(e) {
+		return M(this._first, []), typeof e == "function" ? e(this._first) : M(this._first, _n(e)), this;
+	}
+	second(e) {
+		return M(this._second, []), typeof e == "function" ? e(this._second) : M(this._second, _n(e)), this;
+	}
+	destroy() {
+		return this._endDrag(), super.destroy();
+	}
+	_sync() {
+		let e = this._direction === "horizontal";
+		return this.style("flexDirection", e ? "row" : "column"), this._first.styles({
+			flex: "0 0 auto",
+			height: e ? "100%" : this._firstSize,
+			width: e ? this._firstSize : "100%"
+		}), this._divider.styles(e ? {
+			cursor: "col-resize",
+			height: "100%",
+			width: "6px"
+		} : {
+			cursor: "row-resize",
+			height: "6px",
+			width: "100%"
+		}), this._divider.attr("aria-orientation", e ? "horizontal" : "vertical"), this;
+	}
+	_hoverDivider(e) {
+		this._divider.style("background", e ? O("color-primary-subtle", "#eff6ff") : "var(--yoya-color-border-faint, #efefef)");
+	}
+	_startDrag(e) {
+		if (e.button !== 0 || !this._el) return;
+		e.preventDefault();
+		let t = this._direction === "horizontal", n = this._first._el.getBoundingClientRect(), r = t ? e.clientX : e.clientY, i = t ? n.width : n.height, a = t ? this._el.offsetWidth : this._el.offsetHeight;
+		this._drag = {
+			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);
+	}
+	_onDrag(e) {
+		if (!this._drag) return;
+		let t = (this._direction === "horizontal" ? e.clientX : e.clientY) - this._drag.start, n = Sn(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 = Sn((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;
+	}
+	_setupSplitPanel(e) {
+		if (e != null) {
+			if (typeof e == "function") {
+				e(this);
+				return;
+			}
+			if (vn(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;
+			}
+			this.first(e);
+		}
+	}
+};
+function bn(e = null, t = null, n = null) {
+	return hn(yn, e, t, n);
+}
+_(v, { vSplitPanel: bn });
+function xn(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+function Sn(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 Cn = class extends v {
+	constructor(e = null) {
+		super("div", null), this._columns = 3, this._gap = 16, this._minColumnWidth = null, this.className(pn, "yoya-vmasonry"), this.attr({ "data-columns": "3" }), this.styles({
+			boxSizing: "border-box",
+			columnCount: "3",
+			columnGap: "16px",
+			width: "100%"
+		}), this._setupMasonry(e), this._syncLayout();
+	}
+	columns(e) {
+		if (e === void 0) return this._columns;
+		let t = Math.floor(Number(e));
+		return this._columns = Number.isFinite(t) && t >= 1 ? t : 3, this.attr("data-columns", String(this._columns)), this._syncLayout(), this;
+	}
+	gap(e) {
+		if (e === void 0) return this._gap;
+		let t = Number(e);
+		return this._gap = Number.isFinite(t) && t >= 0 ? t : 16, this._syncLayout(), this;
+	}
+	minColumnWidth(e) {
+		if (e === void 0) return this._minColumnWidth;
+		let t = Number(e);
+		return this._minColumnWidth = Number.isFinite(t) && t > 0 ? t : null, this._syncLayout(), this;
+	}
+	_syncLayout() {
+		this._minColumnWidth ? (this.style("columnCount", "auto"), this.style("columnWidth", `${this._minColumnWidth}px`), this.attr("data-column-mode", "responsive")) : (this.style("columnCount", String(this._columns)), this.style("columnWidth", "auto"), this.attr("data-column-mode", null)), this.style("columnGap", `${this._gap}px`), this.style("--yoya-masonry-gap", `${this._gap}px`);
+	}
+	_setupMasonry(e) {
+		if (e != null) {
+			if (typeof e == "function") {
+				e(this);
+				return;
+			}
+			if (vn(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 wn(e = null, t = null, n = null) {
+	return hn(Cn, e, t, n);
+}
+//#endregion
+//#region src/layout/theme-shell.js
+var Tn = class extends v {
+	constructor(e = null) {
+		super("div", null), this.className("yoya-component", "yoya-vtheme-shell"), this.styles({
+			background: O("color-surface", "#ffffff"),
+			border: `1px solid ${O("color-border", "#d8dee8")}`,
+			borderRadius: O("radius-md", "6px"),
+			boxSizing: "border-box",
+			color: O("color-text", "#172033"),
+			minWidth: "0"
+		}), gn(this, e);
+	}
+	_requireSingleShellChild() {
+		let e = this.children();
+		if (e.length !== 1) throw TypeError("vThemeShell virtual mode requires exactly one child");
+		return e[0];
+	}
+	_virtualTarget() {
+		let e = this._requireSingleShellChild();
+		return typeof e._resolve == "function" ? e._resolve() : e;
+	}
+	_syncShellStyles(e) {
+		!e || typeof e.styles != "function" || e.styles({
+			background: this._styles.background,
+			border: this._styles.border,
+			borderColor: this._styles.borderColor,
+			borderRadius: this._styles.borderRadius,
+			boxSizing: this._styles.boxSizing,
+			color: this._styles.color,
+			minWidth: this._styles.minWidth,
+			overflow: this._styles.overflow
+		});
+	}
+	virtual(e = !0) {
+		return this._virtualMode = !!e, this;
+	}
+	renderDom() {
+		if (this._deleted) return null;
+		if (this._virtualMode) {
+			let e = this._requireSingleShellChild(), t = this._virtualTarget();
+			return this._syncShellStyles(t), e.renderDom();
+		}
+		return super.renderDom();
+	}
+	toHTML() {
+		return this._deleted ? "" : this._virtualMode ? this._requireSingleShellChild().toHTML() : super.toHTML();
+	}
+	background(e) {
+		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() || O("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) {
+		return e === void 0 ? this._styles.borderRadius : this.styles({ borderRadius: e === null ? void 0 : String(e) });
+	}
+	border(e) {
+		return e === void 0 ? this._styles.border : this.styles({ border: e === null ? void 0 : String(e) });
+	}
+	borderColor(e) {
+		return e === void 0 ? this._styles.borderColor : this.styles({ borderColor: e === null ? void 0 : String(e) });
+	}
+	scrollable(e = !0) {
+		return this.styles({ overflow: e ? "auto" : "visible" });
+	}
+};
+function En(e = null, t = null, n = null) {
+	return hn(Tn, e, t, n);
+}
+_(h, { vThemeShell: En });
+//#endregion
+//#region src/layout/index.js
+var Dn = /* @__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(".")), On = /* @__PURE__ */ new Set(["height", "width"]);
+function kn(e = null, t = null, n = null) {
+	return N("flex", { display: "flex" }, e, F, t, n);
+}
+function An(e = null, t = null, n = null) {
+	return N("stack", {
+		display: "flex",
+		flexDirection: "column"
+	}, e, F, t, n);
+}
+function jn(e = null, t = null, n = null) {
+	return N("vstack", {
+		display: "flex",
+		flexDirection: "column"
+	}, e, F, t, n);
+}
+function Mn(e = null, t = null, n = null) {
+	return N("hstack", {
+		display: "flex",
+		flexDirection: "row"
+	}, e, F, t, n);
+}
+function Nn(e = null, t = null, n = null) {
+	return N("center", {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center"
+	}, e, F, t, n);
+}
+function Pn(e = null, t = null, n = null) {
+	let r = A(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);
+	let a = i.child.bind(i);
+	return i.child = (...e) => (a(...e), ar(i), i), P(i, r.first, or), ar(i), j(i, r.options, r.callback);
+}
+function Fn(e = null, t = null, n = null) {
+	let r = A(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 = () => {
+		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)), j(i, r.options, r.callback);
+}
+function In(e = null, t = null, n = null) {
+	return N("grid", { display: "grid" }, e, $n, t, n);
+}
+function Ln(e = null, t = null, n = null) {
+	let r = A(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 = () => {
+		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;
+}
+function Rn(e = null, t = null, n = null) {
+	let r = A(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: O("color-bg", "#f9f9f9"),
+		boxSizing: "border-box",
+		color: O("color-text", "#0d0d0d"),
+		fontFamily: O("font-family", "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"),
+		fontSize: O("font-size", "14px"),
+		lineHeight: O("line-height", "1.5"),
+		minHeight: "100%",
+		padding: "clamp(16px, 3vw, 32px)",
+		width: "100%"
+	}), a.styles({
+		display: "grid",
+		gap: "24px",
+		marginLeft: "auto",
+		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), j(i, r.options, r.callback);
+}
+function zn(e = null, t = null) {
+	let n = Rn(e);
+	return typeof document < "u" && n.bindTo(t || document.body), n;
+}
+function Bn(e) {
+	if (e._responsiveGridDestroyWrapped) return;
+	e._responsiveGridDestroyWrapped = !0;
+	let t = e.destroy.bind(e);
+	e.destroy = () => (e._responsiveGridResize && window.removeEventListener("resize", e._responsiveGridResize), t());
+}
+function Vn(e = null, t = null, n = null) {
+	return N("container", {
+		width: "100%",
+		maxWidth: "1120px",
+		marginLeft: "auto",
+		marginRight: "auto",
+		paddingLeft: "16px",
+		paddingRight: "16px"
+	}, e, nr, t, n);
+}
+function Hn(e = null, t = null, n = null) {
+	let r = A(e, t, n), i = new v("div");
+	i.className("yoya-layout", "yoya-vcontainer"), i.styles({
+		boxSizing: "border-box",
+		display: "flex",
+		minWidth: "0",
+		width: "100%"
+	}), i._direction = null, i._viewport = !1, i._fill = !1, i._scrollable = !1, i.viewport = (e = !0) => e === void 0 ? i._viewport : (i._viewport = !!e, i.styles({
+		height: i._viewport ? "100dvh" : null,
+		minHeight: i._viewport ? "100vh" : null,
+		overflow: i._viewport ? "hidden" : null
+	}), i), i.fill = (e = !0) => e === void 0 ? i._fill : (i._fill = !!e, i.styles({
+		flex: i._fill ? "1 1 auto" : null,
+		height: i._fill ? "auto" : null,
+		minHeight: i._fill ? "0" : null,
+		minWidth: i._fill ? "0" : null,
+		overflow: i._fill ? "hidden" : null
+	}), i), i.scrollable = (e = !0) => e === void 0 ? i._scrollable : (i._scrollable = !!e, i.styles({
+		height: i._scrollable ? "100%" : 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);
+	let a = i.child.bind(i);
+	return i.child = (...e) => (a(...e), i._syncContainerDirection(), i), P(i, r.first, vr), i._syncContainerDirection(), j(i, r.options, r.callback);
+}
+function Un(e = null, t = null, n = null) {
+	let r = A(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",
+		minWidth: "0",
+		width: "100%"
+	}), i._breakpoint = 768, i._desktopDirection = "row", i._mobileDirection = "column", i._desktopGap = 0, i._mobileGap = 12, i._asideWidth = 280, i._safeArea = !1, i._safeAreaApplied = !1, i._viewport = !1, i._mobile = !1, i._drawerEnabled = !0, i._asideOpen = !1, i._asideBackdrop = new v("div").className("yoya-vmobile-layout-backdrop").attr("aria-hidden", "true").style("display", "none").on("click", () => i.closeAside()), i._asideToggle = new v("button").className("yoya-vmobile-layout-toggle").attr({
+		type: "button",
+		"aria-label": "打开导航",
+		"aria-expanded": "false"
+	}).style("display", "none").child(fn().styles({
+		height: "18px",
+		width: "18px"
+	})).on("click", () => i.toggleAside()), i._refreshMobileLayout = () => {
+		let e = typeof window > "u" ? null : window.innerWidth, t = e !== null && e <= i._breakpoint;
+		return i._mobile = t, t || (i._asideOpen = !1), i.attr("data-mobile-layout", t ? "true" : "false"), i.attr("data-aside-open", t && i._asideOpen ? "true" : null), i.styles({
+			flexDirection: t ? i._mobileDirection : i._desktopDirection,
+			gap: t ? i._mobileGap : i._desktopGap,
+			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;
+	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(), j(i, r.options, r.callback);
+}
+var Wn = Un;
+function Gn(e = null, t = null, n = null) {
+	return N("vheader", {
+		boxSizing: "border-box",
+		flex: "0 0 auto",
+		height: "60px",
+		width: "100%"
+	}, e, br, t, n, "header", On, Zn);
+}
+function Kn(e = null, t = null, n = null) {
+	return N("vaside", {
+		boxSizing: "border-box",
+		flex: "0 0 auto",
+		minWidth: "0",
+		width: "300px"
+	}, e, xr, t, n, "aside", On, Qn);
+}
+function qn(e = null, t = null, n = null) {
+	return N("vmain", {
+		boxSizing: "border-box",
+		flex: "1 1 auto",
+		minHeight: "0",
+		minWidth: "0",
+		overflow: "auto"
+	}, e, Sr, t, n, "main", On, Qn);
+}
+function Jn(e = null, t = null, n = null) {
+	return N("vfooter", {
+		boxSizing: "border-box",
+		flex: "0 0 auto",
+		height: "60px",
+		width: "100%"
+	}, e, br, t, n, "footer", On, Zn);
+}
+function Yn(e = null, t = null, n = null) {
+	let r = N("spacer", {
+		flexGrow: 1,
+		minWidth: 0,
+		minHeight: 0
+	}, e, rr, 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);
+	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: wn,
+	vRow: Pn,
+	vSplitPanel: bn,
+	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
+});
+function N(e, t, n, r, i, a, o = "div", s = null, c = null) {
+	let l = A(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), j(u, l.options, l.callback);
+}
+function Zn(e) {
+	e.sticky = (t = !0) => {
+		if (t === void 0) return e.style("position") === "sticky";
+		let n = !!t;
+		return e.styles({
+			position: n ? "sticky" : null,
+			top: n ? "0" : null,
+			zIndex: n ? "20" : null
+		}), e;
+	};
+}
+function Qn(e) {
+	e.scrollable = (t = !0) => {
+		if (t === void 0) return e.style("overflow") === "auto";
+		let n = !!t;
+		return e.styles({
+			height: n ? "100%" : null,
+			minHeight: n ? "0" : null,
+			overflow: n ? "auto" : null,
+			overscrollBehavior: n ? "contain" : null
+		}), e;
+	};
+}
+function P(e, t, n, r = null) {
+	if (t == null) return n(e, {}), e;
+	if (!H(t)) return n(e, {}), e.setup(t);
+	n(e, t);
+	let i = Er(t, r);
+	return Object.keys(i).length > 0 && e.setup(i), e;
+}
+function F(e, t) {
+	e.styles(V({
+		alignItems: t.align,
+		flexDirection: t.direction,
+		flexWrap: B(t.wrap),
+		gap: t.gap,
+		justifyContent: t.justify
+	}));
+}
+function $n(e, t) {
+	e.styles(V({
+		gap: t.gap,
+		gridAutoFlow: t.autoFlow,
+		gridTemplateAreas: t.areas,
+		gridTemplateColumns: Cr(t.columns),
+		gridTemplateRows: Cr(t.rows)
+	}));
+}
+function er(e, t) {
+	e.style("gap", t.gap), e.style("gridTemplateColumns", `repeat(auto-fit, minmax(${wr(t.minColumnWidth)}, 1fr))`);
+}
+function tr(e, t) {
+	if (t == null) return e;
+	if (typeof t == "function") return t(e), e;
+	if (!H(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) {
+	let n = t.paddingInline ?? t.padding;
+	e.styles(V({
+		maxWidth: t.maxWidth,
+		paddingLeft: n,
+		paddingRight: n
+	}));
+}
+function rr(e, t) {
+	e.styles(V({
+		flexBasis: t.size,
+		height: t.orientation === "vertical" ? t.size : void 0,
+		width: t.orientation === "horizontal" ? t.size : void 0
+	}));
+}
+function ir(e, t) {
+	let n = t.orientation === "vertical" ? "vertical" : "horizontal";
+	if (e.attr("aria-orientation", n), n === "vertical") {
+		e.styles({
+			alignSelf: "stretch",
+			background: "currentColor",
+			opacity: .2,
+			width: "1px"
+		});
+		return;
+	}
+	e.styles({
+		background: "currentColor",
+		height: "1px",
+		opacity: .2,
+		width: "100%"
+	});
+}
+function ar(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({
+		alignItems: t.align,
+		flexWrap: t.wrap === void 0 || t.wrap === null ? "wrap" : t.wrap === !1 ? "nowrap" : B(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);
+}
+var cr = [
+	["xs", 0],
+	["sm", 768],
+	["md", 992],
+	["lg", 1200],
+	["xl", 1920]
+];
+function I(e = {}) {
+	return {
+		span: L(e.span ?? 24),
+		offset: L(e.offset ?? 0),
+		push: L(e.push ?? 0),
+		pull: L(e.pull ?? 0)
+	};
+}
+function lr(e = {}) {
+	return cr.filter(([t]) => e[t] !== void 0).map(([t, n]) => ({
+		minWidth: n,
+		props: ur(e[t])
+	}));
+}
+function ur(e) {
+	return typeof e == "number" ? I({ span: e }) : H(e) ? I(e) : I({});
+}
+function L(e) {
+	let t = Number(e);
+	return Number.isFinite(t) ? Math.min(24, Math.max(0, Math.round(t))) : 0;
+}
+function R(e) {
+	return e / 24 * 100;
+}
+function dr(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) {
+	if (e._colDestroyWrapped) return;
+	e._colDestroyWrapped = !0;
+	let t = e.destroy.bind(e);
+	e.destroy = () => (e._colResize && window.removeEventListener("resize", e._colResize), t());
+}
+function pr(e) {
+	if (e._mobileLayoutDestroyWrapped) return;
+	e._mobileLayoutDestroyWrapped = !0;
+	let t = e.destroy.bind(e);
+	e.destroy = () => (e._mobileLayoutResize && window.removeEventListener("resize", e._mobileLayoutResize), t());
+}
+function mr(e, t) {
+	let n = t?._resolved ?? t?._resolve?.() ?? t;
+	if (!n || typeof n.styles != "function") return;
+	let r = n._classes;
+	if (r?.has("yoya-vaside") && e._mobile && e._drawerEnabled) {
+		n.styles({
+			bottom: "0",
+			boxShadow: e._asideOpen ? "0 12px 36px rgba(15, 23, 42, 0.28)" : "none",
+			display: "flex",
+			flexDirection: "column",
+			height: "100dvh",
+			left: "0",
+			maxWidth: "84vw",
+			minHeight: "100vh",
+			minWidth: "0",
+			pointerEvents: e._asideOpen ? "auto" : "none",
+			position: "fixed",
+			top: "0",
+			transform: e._asideOpen ? "translateX(0)" : "translateX(-100%)",
+			transition: "transform 180ms ease, box-shadow 180ms ease, visibility 180ms ease",
+			visibility: e._asideOpen ? "visible" : "hidden",
+			width: "320px",
+			zIndex: "40"
+		}), n.attr("aria-hidden", e._asideOpen ? null : "true"), n._mobileDrawerAriaHiddenApplied = !0, n._mobileDrawerStylesApplied = !0, n._mobileDrawerClickBound || (n._mobileDrawerClickBound = !0, n.on("click", (t) => {
+			t.target?.closest?.(".yoya-vmenu-item") && !t.target.closest?.(".yoya-vsubmenu-trigger") && e.closeAside();
+		}));
+		return;
+	}
+	if (r?.has("yoya-vaside")) {
+		n._mobileDrawerStylesApplied && (n._mobileDrawerStylesApplied = !1, n.styles({
+			bottom: null,
+			boxShadow: null,
+			display: null,
+			height: null,
+			left: null,
+			minHeight: null,
+			minWidth: null,
+			pointerEvents: null,
+			position: null,
+			top: null,
+			transform: null,
+			transition: null,
+			visibility: null,
+			zIndex: null
+		})), n._mobileDrawerAriaHiddenApplied && (n._mobileDrawerAriaHiddenApplied = !1, n.attr("aria-hidden", null));
+		let t = e._mobile ? "100%" : z(e._asideWidth);
+		n.styles({
+			flex: "0 0 auto",
+			maxWidth: t,
+			width: t
+		});
+		return;
+	}
+	r?.has("yoya-vmain") && (n.styles({
+		flex: "1 1 auto",
+		minHeight: "0",
+		minWidth: "0"
+	}), e._mobile && e._drawerEnabled ? (n.styles({
+		maxWidth: "100%",
+		width: "100%"
+	}), n._mobileDrawerMainStylesApplied = !0) : n._mobileDrawerMainStylesApplied && (n._mobileDrawerMainStylesApplied = !1, n.styles({
+		maxWidth: null,
+		width: null
+	})));
+}
+function hr(e) {
+	let t = e._mobile && e._drawerEnabled && gr(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)",
+		border: "0",
+		borderRadius: "10px",
+		boxShadow: t ? "0 2px 10px rgba(15, 23, 42, 0.18)" : "none",
+		color: "#172033",
+		cursor: "pointer",
+		display: t ? "inline-flex" : "none",
+		height: "38px",
+		justifyContent: "center",
+		left: "12px",
+		padding: "0",
+		position: "fixed",
+		top: "max(env(safe-area-inset-top), 10px)",
+		width: "38px",
+		zIndex: "45"
+	}), r && r.styles({
+		background: n ? "rgba(15, 23, 42, 0.42)" : null,
+		display: n ? "block" : "none",
+		inset: "0",
+		position: "fixed",
+		zIndex: n ? "35" : null
+	});
+}
+function gr(e) {
+	return e.children().some((e) => !!(e?._resolved ?? e?._resolve?.() ?? e)?._classes?.has("yoya-vaside"));
+}
+function _r(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 yr(e, t) {
+	e.styles(V({
+		alignItems: t.align,
+		flexWrap: B(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 xr(e, t) {
+	e.style("width", z(t.width ?? t.size ?? 300));
+}
+function Sr(e, t = {}) {
+	t.height !== void 0 && e.style("height", z(t.height));
+}
+function Cr(e) {
+	if (e != null && e !== !1) return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : String(e);
+}
+function wr(e) {
+	return typeof e == "number" ? `${e}px` : e || "240px";
+}
+function z(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+function Tr(e) {
+	return e ? (Array.isArray(e) ? e : Object.entries(e).map(([e, t]) => ({
+		minWidth: e,
+		columns: t
+	}))).map((e) => ({
+		columns: Number(e.columns),
+		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) {
+	if (e === !0) return "wrap";
+	if (e !== !1 && e != null) return String(e);
+}
+function Er(e, t = null) {
+	let n = t || Dn;
+	return Object.fromEntries(Object.entries(e).filter(([e]) => !n.has(e)));
+}
+function V(e) {
+	return Object.fromEntries(Object.entries(e).filter(([, e]) => e != null && e !== !1));
+}
+function H(e) {
+	return Object.prototype.toString.call(e) === "[object Object]";
+}
+//#endregion
+//#region src/core/client-only.js
+var Dr = class extends c {
+	constructor(e) {
+		super(null), this._loader = e, this._resolved = null;
+	}
+	_resolve() {
+		return this._resolved ||= kr(this._loader), this._resolved;
+	}
+	toHTML() {
+		return this._deleted ? "" : "<div class=\"yoya-client-only\" data-client-only=\"true\"></div>";
+	}
+	renderDom() {
+		if (this._deleted) return null;
+		let e = this._resolve().renderDom();
+		return this._el && this._el !== e && this._el.parentNode && this._el.parentNode.replaceChild(e, this._el), this._el = e, e;
+	}
+	children() {
+		return this._resolved ? this._resolved.children() : [];
 	}
+	textContent() {
+		return this._resolved && typeof this._resolved.textContent == "function" ? this._resolved.textContent() : "";
+	}
+	destroy() {
+		return this._resolved && this._resolved.destroy(), super.destroy();
+	}
+};
+function Or(e) {
+	return new Dr(e);
+}
+function kr(e) {
+	if (e instanceof c) return e;
+	if (typeof e == "function") return kr(e());
+	if (e && typeof e.render == "function") return kr(e.render());
+	throw TypeError("vClientOnly loader must return a ViewNode or a component object");
 }
 //#endregion
 //#region src/core/i18n.js
-var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
+var Ar = "yoya-ui:i18n", U = /* @__PURE__ */ new Map(), jr = class {
 	constructor(e = {}) {
 		let t = e.language || "zh-CN";
-		this._key = e.key || null, this._storage = k(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? l : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && y(this);
+		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);
 	}
 	key() {
 		return this._key;
@@ -183,8 +1436,8 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 	clearPersistedLanguage() {
 		if (!this._storageKey) {
 			if (!this._sharedStorageKey) return this;
-			let e = x(this._storage, this._sharedStorageKey);
-			return delete e[this._key], S(this._storage, this._sharedStorageKey, e), this;
+			let e = Ur(this._storage, this._sharedStorageKey);
+			return delete e[this._key], Wr(this._storage, this._sharedStorageKey, e), this;
 		}
 		try {
 			this._storage.removeItem(this._storageKey);
@@ -192,12 +1445,12 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 		return this;
 	}
 	register(e, t = {}) {
-		return e ? (O(t).forEach((t) => {
-			this._messages[e] = T(this._messages[e] || {}, t);
+		return e ? (Xr(t).forEach((t) => {
+			this._messages[e] = qr(this._messages[e] || {}, t);
 		}), this._notify(), this) : this;
 	}
 	registerMessages(e = {}) {
-		return D(e).forEach((e) => {
+		return Yr(e).forEach((e) => {
 			if (e.language) {
 				this.register(e.language, e.messages || {});
 				return;
@@ -208,11 +1461,11 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 		}), this;
 	}
 	t(e, t = {}, n = void 0) {
-		let r = C(this._messages[this._language], e) ?? C(this._messages[this._fallbackLanguage], e) ?? n ?? e;
-		return w(typeof r == "function" ? r(t, this) : r, t);
+		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);
 	}
 	text(e, t = {}, n = void 0) {
-		return new f(this, e, t, n);
+		return new Mr(this, e, t, n);
 	}
 	subscribe(e) {
 		return this._listeners.add(e), () => {
@@ -225,7 +1478,7 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 		} catch {
 			return e;
 		}
-		return this._sharedStorageKey && x(this._storage, this._sharedStorageKey)[this._key] || e;
+		return this._sharedStorageKey && Ur(this._storage, this._sharedStorageKey)[this._key] || e;
 	}
 	_persistLanguage() {
 		if (this._storageKey) {
@@ -235,14 +1488,14 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 			return;
 		}
 		if (this._sharedStorageKey) {
-			let e = x(this._storage, this._sharedStorageKey);
-			e[this._key] = this._language, S(this._storage, this._sharedStorageKey, e);
+			let e = Ur(this._storage, this._sharedStorageKey);
+			e[this._key] = this._language, Wr(this._storage, this._sharedStorageKey, e);
 		}
 	}
 	_notify() {
 		this._listeners.forEach((e) => e(this));
 	}
-}, f = class extends r {
+}, Mr = 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());
 	}
@@ -262,12 +1515,16 @@ var l = "yoya-ui:i18n", u = /* @__PURE__ */ new Map(), d = class {
 		return this._unsubscribe &&= (this._unsubscribe(), null), super.destroy();
 	}
 };
-function p(e = {}) {
-	return new d(e);
+function Nr(e = {}) {
+	return new jr(e);
+}
+var W = Nr();
+function Pr(e, t = {}) {
+	return W.text(e, t);
 }
-var m = p(), h = m;
-function g(e = m) {
-	return h = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
+var G = W;
+function Fr(e = W) {
+	return G = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
 		configurable: !0,
 		enumerable: !1,
 		value: !0
@@ -275,33 +1532,43 @@ function g(e = m) {
 		configurable: !0,
 		enumerable: !1,
 		value: function(e, t, n) {
-			let r = String(this), i = {}, a = h;
-			return v(t) ? a = t : typeof t == "string" ? a = b(t) || h : (i = t || {}, v(n) ? a = n : typeof n == "string" && (a = b(n) || h)), a.text(e || r, i, r);
+			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);
 		}
 	}), e);
 }
-function _(e, t) {
-	let n = h;
-	h = e || n;
+function Ir(e, t) {
+	let n = G;
+	G = e || n;
 	try {
 		return t();
 	} finally {
-		h = n;
+		G = n;
 	}
 }
-function v(e) {
+function Lr(e) {
 	return !!(e && typeof e.text == "function");
 }
-function y(e) {
+function Rr(e) {
 	let t = e?.key?.();
-	return t ? (u.set(t, e), () => {
-		u.get(t) === e && u.delete(t);
+	return t ? (U.set(t, e), () => {
+		U.get(t) === e && U.delete(t);
 	}) : () => {};
 }
-function b(e) {
-	return e && u.get(e) || null;
+function zr(e) {
+	let t = typeof e == "string" ? e : e?.key?.();
+	return t && U.delete(t), t;
 }
-function x(e, t) {
+function Br(e) {
+	return e && U.get(e) || null;
+}
+function Vr() {
+	return new Map(U);
+}
+function Hr(e) {
+	return Ur(e || Zr(), Ar);
+}
+function Ur(e, t) {
 	if (!e) return {};
 	try {
 		let n = e.getItem(t);
@@ -312,66 +1579,1036 @@ function x(e, t) {
 		return {};
 	}
 }
-function S(e, t, n) {
+function Wr(e, t, n) {
 	if (e) try {
 		e.setItem(t, JSON.stringify(n));
 	} catch {}
 }
-g(m);
-function C(e, t) {
+Fr(W);
+function Gr(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 w(e, t) {
+function Kr(e, t) {
 	return String(e).replace(/\{([^{}]+)\}/g, (e, n) => {
 		let r = t?.[n.trim()];
 		return r == null ? e : String(r);
 	});
 }
-function T(e, t) {
+function qr(e, t) {
 	let n = { ...e };
 	return Object.entries(t || {}).forEach(([e, t]) => {
-		E(t) && E(n[e]) ? n[e] = T(n[e], t) : n[e] = t;
+		Jr(t) && Jr(n[e]) ? n[e] = qr(n[e], t) : n[e] = t;
 	}), n;
 }
-function E(e) {
+function Jr(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function D(e) {
-	return Array.isArray(e) ? e.flatMap((e) => D(e)) : [e || {}];
+function Yr(e) {
+	return Array.isArray(e) ? e.flatMap((e) => Yr(e)) : [e || {}];
 }
-function O(e) {
-	return Array.isArray(e) ? e.flatMap((e) => O(e)) : [e || {}];
+function Xr(e) {
+	return Array.isArray(e) ? e.flatMap((e) => Xr(e)) : [e || {}];
 }
-function k(e) {
+function Zr(e) {
 	if (e) return e;
 	try {
 		if (typeof globalThis < "u" && globalThis.localStorage) return globalThis.localStorage;
 	} catch {}
-	return j();
+	return $r();
 }
-var A = /* @__PURE__ */ new Map();
-function j() {
+var Qr = /* @__PURE__ */ new Map();
+function $r() {
 	return {
 		getItem(e) {
-			return A.has(e) ? A.get(e) : null;
+			return Qr.has(e) ? Qr.get(e) : null;
 		},
 		setItem(e, t) {
-			A.set(e, String(t));
+			Qr.set(e, String(t));
 		},
 		removeItem(e) {
-			A.delete(e);
+			Qr.delete(e);
 		}
 	};
 }
 //#endregion
+//#region src/core/state-node.js
+var ei = /* @__PURE__ */ new Set([
+	"state",
+	"render",
+	"update"
+]), ti = /* @__PURE__ */ new Set([
+	"destroy",
+	"getState",
+	"setState",
+	"subscribe"
+]);
+function ni(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() {
+			return r ? a : (r = !0, n.clear(), i && i.destroy(), a);
+		},
+		getState() {
+			return a.state();
+		},
+		render() {
+			if (r) return i;
+			if (!i) {
+				i = new h("div");
+				let e = i.destroy.bind(i);
+				i.destroy = () => (n.clear(), e()), o();
+			}
+			return i;
+		},
+		setState(e) {
+			if (r || e == null) return a;
+			let o = typeof e == "function" ? e({ ...t }) : e;
+			if (!o || typeof o != "object") return a;
+			let c = /* @__PURE__ */ new Set();
+			return Object.entries(o).forEach(([e, n]) => {
+				t[e] !== n && (t[e] = n, c.add(e));
+			}), c.size > 0 && (i && s(c), n.forEach((e) => e(t, a))), a;
+		},
+		state() {
+			return { ...t };
+		},
+		subscribe(e) {
+			if (typeof e != "function") throw TypeError("vStateNode subscriber must be a function");
+			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`);
+		a[t] = e[t];
+	}
+	return a;
+	function o() {
+		let n = e.render.call(a, t, a);
+		i.clearChildren().child(n), i._el && i.commit();
+	}
+	function s(n) {
+		if (typeof e.update == "function") {
+			e.update.call(a, t, a, n) === !0 && o();
+			return;
+		}
+		o();
+	}
+}
+_(h, { vStateNode: ni });
+//#endregion
+//#region src/core/theme.js
+var ri = [
+	"light",
+	"dark",
+	"system"
+], ii = "yoya-theme-mode", ai = "yoya-theme-name";
+function oi() {
+	return typeof document > "u" ? null : document.documentElement;
+}
+function K() {
+	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);
+	} catch {}
+	return n;
+}
+function ci() {
+	let e = oi(), t = e && e.dataset.yoyaMode;
+	return ri.includes(t) ? t : "light";
+}
+function li() {
+	let e = ci();
+	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();
+	if (!e) {
+		if (n && delete n.dataset.yoyaTheme, t.persist && K()) try {
+			localStorage.removeItem(ai);
+		} catch {}
+		return "";
+	}
+	if (n && (n.dataset.yoyaTheme = e), t.persist && K()) try {
+		localStorage.setItem(ai, e);
+	} catch {}
+	return e;
+}
+function di() {
+	let e = oi();
+	return e && e.dataset.yoyaTheme || "";
+}
+function fi(e = {}) {
+	let t = e.mode, n = e.theme;
+	if (t === void 0 && K()) {
+		let e = localStorage.getItem(ii);
+		ri.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()
+	};
+}
+//#endregion
+//#region src/router/router.js
+var q = 8, J = null;
+function pi() {
+	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));
+}
+function mi(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 hi(e) {
+	if (typeof localStorage > "u") return null;
+	try {
+		let t = JSON.parse(localStorage.getItem(e) || "null");
+		return Array.isArray(t?.paths) ? t : null;
+	} catch {
+		return null;
+	}
+}
+var gi = 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);
+	}
+	setup(e) {
+		return typeof e == "function" ? (e(this), this) : super.setup(e);
+	}
+	default(e) {
+		return this._defaultPath = Z(e), this;
+	}
+	mode(e) {
+		if (e === void 0) return this._mode;
+		let t = e === "history" ? "history" : "hash";
+		if (t === this._mode) return this;
+		let n = this._started;
+		return n && this.stop(), this._mode = t, n && this.start(), this;
+	}
+	route(e, t) {
+		let n = wi(e, t);
+		return this._routes.push(n), this;
+	}
+	notFound(e) {
+		return this._notFoundView = e, this;
+	}
+	loading(e) {
+		return this._loadingView = e, this;
+	}
+	error(e) {
+		return this._errorView = e, this;
+	}
+	beforeEach(e) {
+		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 = Bi(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;
+	}
+	navigate(e, t = {}) {
+		let n = Z(e), r = this._resolve(n);
+		return this._canEnter(r.context) ? (Hi(n, t, this._mode) && !t.replace && this._mode === "hash" && (this._ignoreNextHashPath = n), this._renderResolved(r), this) : this;
+	}
+	refresh() {
+		let e = Bi(this._mode), t = this._resolve(e);
+		return this._canEnter(t.context) && this._renderResolved(t), this;
+	}
+	renderPath(e) {
+		let t = this._resolve(e);
+		return this._canEnter(t.context) && this._renderResolved(t), this;
+	}
+	currentPath() {
+		return this._currentPath;
+	}
+	currentParams() {
+		return { ...this._currentParams };
+	}
+	currentQuery() {
+		return { ...this._currentQuery };
+	}
+	currentRoute() {
+		return this._currentRoute;
+	}
+	currentView() {
+		return this._currentView;
+	}
+	outlet(e) {
+		if (e === void 0) return this._outlet;
+		if (!(e instanceof h)) throw TypeError("Router outlet must be an ElementNode");
+		return this._outlet = e, this;
+	}
+	subscribe(e) {
+		if (typeof e != "function") throw TypeError("Router subscriber must be a function");
+		return this._subscribers.add(e), () => this._subscribers.delete(e);
+	}
+	go(e) {
+		return window.history.go(e), this;
+	}
+	back() {
+		return this.go(-1);
+	}
+	forward() {
+		return this.go(1);
+	}
+	destroy() {
+		return this.stop(), this._navigationGeneration += 1, this._destroyCurrentView(), this._subscribers.clear(), super.destroy();
+	}
+	_resolve(e) {
+		let t = this._routes.map((t) => ({
+			route: t,
+			match: Li(t.pattern, e)
+		})).find(({ match: e }) => e);
+		if (t) return {
+			context: Ri(this, e, t.route, t.match),
+			route: t.route,
+			view: t.route.view
+		};
+		let n = Q(e);
+		return {
+			context: Ri(this, e, null, {
+				params: {},
+				pathname: n.pathname,
+				query: n.query
+			}),
+			route: null,
+			view: this._notFoundView
+		};
+	}
+	_handleHashChange() {
+		let e = zi();
+		return this._ignoreNextHashPath === e ? (this._ignoreNextHashPath = null, this) : (this._ignoreNextHashPath = null, e === this._currentPath ? this : this.refresh());
+	}
+	_handlePopState() {
+		return this._ignoreNextHashPath = null, this.refresh();
+	}
+	_canEnter(e) {
+		let t = {
+			params: this.currentParams(),
+			path: this._currentPath,
+			query: this.currentQuery(),
+			route: this._currentRoute
+		};
+		return !(this._beforeEach && this._beforeEach(e, t, this) === !1 || e.route?.beforeEnter && e.route.beforeEnter(e, t, this) === !1);
+	}
+	_renderResolved(e) {
+		let { context: t, route: n, view: r } = e, i = typeof r == "function" ? r(t) : r;
+		if (this._navigationGeneration += 1, !Fi(i)) {
+			this._commitView(e, X(i, t));
+			return;
+		}
+		let a = this._navigationGeneration;
+		this._commitView(e, this._buildLoadingView(n, t)), Promise.resolve(i).then((r) => {
+			if (a !== this._navigationGeneration || this._deleted) return r;
+			let i;
+			try {
+				i = X(r, t);
+			} catch (i) {
+				return this._commitView(e, this._buildErrorView(n, t, i)), r;
+			}
+			return this._commitView(e, i), r;
+		}, (r) => (a !== this._navigationGeneration || this._deleted || this._commitView(e, this._buildErrorView(n, t, r)), r));
+	}
+	_commitView(e, t) {
+		let { context: n, route: r } = e, i = this._outlet;
+		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 Ii(e?.loading ?? this._loadingView ?? Ni, [t]);
+	}
+	_buildErrorView(e, t, n) {
+		return Ii(e?.error ?? this._errorView ?? Pi, [n, t]);
+	}
+	_destroyCurrentView() {
+		this._currentView?.destroy && this._currentView.destroy(), this._currentView = null;
+	}
+};
+function _i(e = null, t = null, n = null) {
+	let r = p(e, t, n), i = new gi(r.first);
+	return m(i, r.options), typeof r.callback == "function" && r.callback(i), i;
+}
+var vi = _i;
+function yi(e, t) {
+	return {
+		config: t,
+		pattern: e
+	};
+}
+function bi(e = null, t = null, n = null) {
+	let r = p(e, t, n), i = new gi();
+	return i.vRoute = (e, t) => (i.route(e, t), i), Di(i, r.first), m(i, r.options), typeof r.callback == "function" && r.callback(i), i;
+}
+function xi(e, t = null, n = null) {
+	Ti(e);
+	let r = new h("a"), i = {
+		exact: !0,
+		label: null,
+		params: {},
+		query: {},
+		replace: !1,
+		to: "/"
+	}, a = new h("span").className("yoya-vlink-label");
+	r.className("yoya-vlink"), r.attr("data-router-link", "true"), r.child(a), r.to = (e) => Y(r, i, "to", e), r.params = (e) => Y(r, i, "params", e || {}), r.query = (e) => Y(r, i, "query", e || {}), r.replace = (e) => Y(r, i, "replace", !!e), r.exact = (e) => Y(r, i, "exact", !!e), r.label = (e) => e === void 0 ? i.label : (i.label = e, M(a, _n(e)), r), Oi(r, i, t), ki(r, i, e), r.on("click", (t) => {
+		Mi(t, r) && (t.preventDefault(), e.navigate(Ai(i.to, i.params, i.query), { replace: i.replace }));
+	});
+	let o = e.subscribe(() => ki(r, i, e)), s = r.destroy.bind(r);
+	return r.destroy = () => (o(), s()), typeof n == "function" && n(r), r;
+}
+function Si(e, t = null, n = null) {
+	Ti(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 Ci(e, t = null, n = null) {
+	Ti(e);
+	let r = new h("div"), i = new h("header").className("yoya-vrouter-views-titlebar").attr({
+		role: "tablist",
+		"aria-label": "已打开页面"
+	}), a = new h("div").className("yoya-vrouter-views-content"), o = d("⋯"), s = new h("button").className("yoya-vrouter-views-expand").attr({
+		type: "button",
+		"aria-expanded": "false",
+		"aria-label": "展开全部标签"
+	}).styles({
+		alignItems: "center",
+		background: "transparent",
+		border: "0",
+		color: O("color-text-secondary", "#57606a"),
+		cursor: "pointer",
+		display: "none",
+		flexShrink: "0",
+		font: "inherit",
+		gap: "6px",
+		height: "24px",
+		justifyContent: "center",
+		lineHeight: "1",
+		marginBottom: "0",
+		marginLeft: "auto",
+		minWidth: "24px",
+		padding: "0",
+		position: "sticky",
+		right: "8px",
+		zIndex: "2"
+	}).child(o), c = new h("div").className("yoya-vrouter-views-popup").attr({
+		role: "menu",
+		"aria-label": "已打开页面"
+	}).styles({
+		background: O("color-surface", "#ffffff"),
+		border: k("color-border", "#d0d7de"),
+		borderRadius: "8px",
+		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
+		display: "none",
+		maxHeight: "280px",
+		maxWidth: "260px",
+		minWidth: "180px",
+		msOverflowStyle: "none",
+		overflowY: "auto",
+		padding: "6px",
+		position: "fixed",
+		scrollbarWidth: "none",
+		zIndex: "100"
+	}), l = {
+		lockTitle: !1,
+		overflow: !1,
+		persist: !0,
+		popupOpen: !1,
+		storageKey: mi(e),
+		suppressPersist: !1,
+		tabs: /* @__PURE__ */ new Map(),
+		title: "工作区",
+		titleResolver: null,
+		titlePosition: "top"
+	};
+	r.className("yoya-vrouter-views"), r.styles({
+		border: k("color-border", "#d0d7de"),
+		borderRadius: "8px",
+		overflow: "hidden"
+	}), i.styles({
+		background: O("color-surface-hover", "#f6f8fa"),
+		borderBottom: k("color-border", "#d0d7de"),
+		boxSizing: "border-box",
+		color: O("color-text-secondary", "#57606a"),
+		display: "flex",
+		flexWrap: "nowrap",
+		fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+		fontSize: "13px",
+		gap: "4px",
+		msOverflowStyle: "none",
+		overflowX: "auto",
+		overflowY: "hidden",
+		padding: "0px 0px",
+		scrollbarWidth: "none",
+		width: "100%"
+	}), a.className("yoya-vrouter-views-content"), a.styles({
+		minHeight: "120px",
+		padding: "16px"
+	}), r.child(i, a, c);
+	let u = () => {
+		let e = l.titlePosition !== "top";
+		if (l.lockTitle) {
+			r.styles({
+				display: "flex",
+				flexDirection: e ? "row" : "column",
+				height: "100%",
+				minHeight: "0",
+				overflow: "hidden"
+			}), i.style("flex", "0 0 auto"), a.styles({
+				flex: "1 1 auto",
+				minHeight: "0",
+				minWidth: "0",
+				overflow: "auto"
+			});
+			return;
+		}
+		r.styles({
+			flexDirection: null,
+			height: null,
+			minHeight: null,
+			overflow: "hidden"
+		}), i.style("flex", null), a.styles({
+			flex: e ? "1 1 auto" : null,
+			minHeight: "120px",
+			minWidth: e ? "0" : null,
+			overflow: null
+		});
+	}, f = (e) => {
+		let t = e !== "top";
+		r.styles({
+			alignItems: t ? "stretch" : null,
+			display: t ? "flex" : null
+		}), i.styles({
+			background: O("color-surface-hover", "#f6f8fa"),
+			borderBottom: t ? null : k("color-border", "#d0d7de"),
+			borderLeft: e === "right" ? "1px solid" : null,
+			borderLeftColor: e === "right" ? O("color-border", "#d0d7de") : null,
+			borderLeftStyle: e === "right" ? "solid" : null,
+			borderLeftWidth: e === "right" ? "1px" : null,
+			borderRight: e === "left" ? "1px solid" : null,
+			borderRightColor: e === "left" ? O("color-border", "#d0d7de") : null,
+			borderRightStyle: e === "left" ? "solid" : null,
+			borderRightWidth: e === "left" ? "1px" : null,
+			boxSizing: "border-box",
+			color: O("color-text-secondary", "#57606a"),
+			display: "flex",
+			flexDirection: t ? "column" : "row",
+			flexShrink: t ? "0" : null,
+			flexWrap: "nowrap",
+			fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+			fontSize: "13px",
+			gap: "4px",
+			msOverflowStyle: "none",
+			overflowX: t ? "hidden" : "auto",
+			overflowY: t ? "auto" : "hidden",
+			padding: t ? "10px 8px" : "0px 0px",
+			scrollbarWidth: "none",
+			width: t ? null : "100%"
+		}), a.styles({
+			flex: t ? "1 1 auto" : null,
+			minWidth: t ? "0" : null
+		});
+		let n = e === "right" ? [
+			a,
+			i,
+			c
+		] : [
+			i,
+			a,
+			c
+		];
+		r.clearChildren().child(n), r._el && n.forEach((e) => {
+			let t = e.renderDom();
+			t && r._el.appendChild(t);
+		}), u();
+	}, p = (e = {}) => {
+		let t = l.title, n = e.route?.title;
+		if (n !== void 0 && (t = typeof n == "function" ? n(e) : n), l.titleResolver) {
+			let n = l.titleResolver(e);
+			n != null && (t = typeof n == "function" ? n(e) : n);
+		}
+		return t ?? "";
+	}, m = (e, t) => {
+		let n = l.titlePosition, r = n !== "top";
+		e.renderDom().querySelector(".yoya-vrouter-views-label")?.setAttribute("aria-selected", String(t)), e.styles({
+			background: t ? O("color-surface", "#ffffff") : O("color-surface-active", "#eaeef2"),
+			border: k("color-border", "#d0d7de"),
+			borderBottomColor: n === "top" && t ? O("color-surface", "#ffffff") : O("color-border", "#d0d7de"),
+			borderLeftColor: n === "right" && t ? O("color-surface", "#ffffff") : O("color-border", "#d0d7de"),
+			borderRadius: n === "left" ? "6px 0 0 6px" : n === "right" ? "0 6px 6px 0" : "6px 6px 0 0",
+			borderRightColor: n === "left" && t ? O("color-surface", "#ffffff") : O("color-border", "#d0d7de"),
+			color: t ? O("color-text", "#24292f") : O("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"
+		});
+	}, 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) {
+			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")) {
+			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;
+		}
+		if (i._children = [...t, s], i._childrenDirty = !0, i._el) {
+			let e = t.map((e) => e.renderDom()).filter(Boolean);
+			i._el.replaceChildren(...e, s.renderDom());
+		}
+		_();
+	}, y = () => {
+		if (!(!l.persist || l.suppressPersist || typeof localStorage > "u")) try {
+			localStorage.setItem(l.storageKey, JSON.stringify({
+				activePath: e.currentPath(),
+				paths: Array.from(l.tabs.keys())
+			}));
+		} catch {}
+	}, b = null, x = () => {
+		l.popupOpen = !1, r.attr("data-title-popup", null), s.attr("aria-expanded", "false"), c.style("display", "none"), b &&= (b(), null);
+	}, S = () => {
+		c.clearChildren(), c._el && c._el.replaceChildren(), Array.from(l.tabs.entries()).slice(q).forEach(([t, n]) => {
+			let r = n.text.textContent(), i = new h("div").className("yoya-vrouter-views-popup-item").attr({
+				role: "menuitem",
+				tabIndex: "0",
+				"data-router-view-path": t
+			}).styles({
+				alignItems: "center",
+				borderRadius: "6px",
+				color: O("color-text", "#24292f"),
+				cursor: "pointer",
+				display: "flex",
+				fontSize: "13px",
+				gap: "8px",
+				padding: "7px 8px",
+				width: "100%"
+			}), a = new h("span").className("yoya-vrouter-views-popup-title").styles({
+				flex: "1",
+				minWidth: "0",
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			}).text(r), o = new h("button").className("yoya-vrouter-views-popup-close").attr({
+				type: "button",
+				"aria-label": `关闭 ${r}`
+			}).styles({
+				background: "transparent",
+				border: "0",
+				color: "inherit",
+				cursor: "pointer",
+				flexShrink: "0",
+				font: "inherit",
+				lineHeight: "1",
+				padding: "2px 4px"
+			}).text("×");
+			t === e.currentPath() && (i.attr("aria-current", "true"), i.styles({
+				background: O("color-primary-subtle", "#e8f0fe"),
+				color: O("color-primary", "#1f6feb")
+			}));
+			let s = () => {
+				x(), e.navigate(t);
+			};
+			i.on("click", s), i.on("keydown", (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s());
+			}), o.on("click", (e) => {
+				e.stopPropagation(), C(t, e), l.popupOpen && S();
+			}), i.child(a, o), c.child(i);
+		});
+	}, ee = () => {
+		if (l.tabs.size === 0) return;
+		pi(), S(), l.popupOpen = !0, r.attr("data-title-popup", "true"), s.attr("aria-expanded", "true"), c.styles({ display: "block" }), a();
+		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);
+		};
+		function a() {
+			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;
+			i = Math.max(8, Math.min(i, n - t.width - 8));
+			let a = e.bottom + 4;
+			a + t.height + 8 > r && (a = Math.max(8, e.top - t.height - 4)), c.styles({
+				left: `${i}px`,
+				top: `${a}px`
+			});
+		}
+	};
+	s.on("click", () => {
+		l.popupOpen ? x() : ee();
+	});
+	let te = r.renderDom.bind(r);
+	r.renderDom = () => {
+		pi();
+		let e = te();
+		return _(), e;
+	}, r.updateOverflow = _, r.titlePosition = (t) => {
+		if (t === void 0) return l.titlePosition;
+		let n = Ei(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) => {
+			m(t, n === e.currentPath());
+		}), _(), r;
+	}, r.titlePosition(l.titlePosition), r.lockTitle = (e = !0) => e === void 0 ? l.lockTitle : (l.lockTitle = !!e, r.attr("data-title-locked", l.lockTitle ? "true" : null), f(l.titlePosition), _(), r), r.titleLocked = r.lockTitle;
+	let C = (t, n = null) => {
+		n && n.stopPropagation();
+		let r = Array.from(l.tabs.entries()).findIndex(([e]) => e === t), o = l.tabs.get(t);
+		if (!o) return;
+		let s = o.tab.renderDom().querySelector(".yoya-vrouter-views-label").getAttribute("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) {
+			let t = c[Math.min(r, c.length - 1)];
+			e.navigate(t, { replace: !0 });
+			return;
+		}
+		a.clearChildren().commit(), e._navigationGeneration += 1, e._currentView = null;
+	}, w = new h("div").className("yoya-vrouter-views-context").attr({
+		role: "menu",
+		"aria-label": "标签页操作"
+	}).styles({
+		background: O("color-surface", "#ffffff"),
+		border: k("color-border", "#d0d7de"),
+		borderRadius: "8px",
+		boxShadow: "0 12px 28px rgba(15, 23, 42, 0.18)",
+		display: "none",
+		minWidth: "180px",
+		padding: "6px",
+		position: "fixed",
+		zIndex: "100"
+	}), T = null, E = () => {
+		w.styles({ display: "none" }), w.clearChildren(), w._el?.remove(), T &&= (T(), null);
+	}, D = (t, n = null) => {
+		let r = new Set(t), o = Array.from(l.tabs.entries()), s = o.findIndex(([e]) => r.has(e));
+		if (o.forEach(([e, t]) => {
+			r.has(e) && (l.tabs.delete(e), i._children = i.children().filter((e) => e !== t.tab), i._childrenDirty = !0, t.tab.destroy());
+		}), v(), y(), l.popupOpen && S(), !r.has(e.currentPath())) return;
+		let c = Array.from(l.tabs.keys());
+		if (c.length === 0) {
+			a.clearChildren().commit(), e._navigationGeneration += 1, e._currentView = null;
+			return;
+		}
+		let u = n && l.tabs.has(n) ? n : c[Math.min(Math.max(s, 0), c.length - 1)];
+		e.navigate(u, { replace: !0 });
+	}, ne = (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(() => {});
+	}, re = (t, n) => {
+		l.popupOpen && x(), E();
+		let r = Array.from(l.tabs.entries()), i = r.findIndex(([e]) => e === t), a = () => D(r.filter(([e]) => e !== t).map(([e]) => e), t), o = () => D(r.slice(0, i).map(([e]) => e), t), s = () => D(r.slice(i + 1).map(([e]) => e), t), c = () => D(r.map(([e]) => e)), u = (e, t, n = !1, r = !1) => {
+			let i = new h("div").className("yoya-vrouter-views-context-item").attr({
+				role: "menuitem",
+				tabIndex: "0"
+			}).text(e).styles({
+				alignItems: "center",
+				borderRadius: "6px",
+				color: n ? O("color-text-danger", "#b91c1c") : O("color-text", "#24292f"),
+				cursor: r ? "default" : "pointer",
+				display: "flex",
+				fontSize: "13px",
+				gap: "8px",
+				padding: "7px 10px",
+				width: "100%"
+			});
+			return r ? (i.attr("aria-disabled", "true"), i.styles({ opacity: "0.4" })) : i.on("click", () => {
+				E(), t();
+			}), w.child(i), i;
+		}, d = () => w.child(new h("div").className("yoya-vrouter-views-context-separator"));
+		u("刷新", () => e.navigate(t, { replace: !0 })), u("复制链接", () => ne(t)), d(), u("关闭", () => C(t), !0), u("关闭其他", a, !1, r.length <= 1), u("关闭左侧", o, !1, i <= 0), u("关闭右侧", s, !1, i === r.length - 1), d(), u("关闭全部", c, !0, r.length === 0), document.body.appendChild(w.renderDom()), w.styles({ display: "block" });
+		let f = w._el.getBoundingClientRect(), p = typeof window > "u" ? 0 : window.innerWidth || 0, m = typeof window > "u" ? 0 : window.innerHeight || 0, 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));
+		w.styles({
+			left: `${g}px`,
+			top: `${_}px`
+		});
+		let v = (e) => {
+			w._el?.contains(e.target) || E();
+		}, y = (e) => {
+			e.key === "Escape" && E();
+		}, b = () => E();
+		document.addEventListener("mousedown", v), document.addEventListener("keydown", y), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), T = () => {
+			document.removeEventListener("mousedown", v), document.removeEventListener("keydown", y), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+		};
+	}, ie = (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);
+		if (a) {
+			let e = p(t);
+			a.text.textContent(e), a.closeButton.attr("aria-label", `关闭 ${e}`);
+		} else {
+			let r = new h("div").className("yoya-vrouter-views-title"), o = d(p(t)), s = new h("button").className("yoya-vrouter-views-label").child(o), c = new h("button").className("yoya-vrouter-views-close");
+			r.attr({ "data-router-view-path": n }), r.styles({
+				alignItems: "center",
+				cursor: "pointer",
+				display: "inline-flex",
+				font: "inherit",
+				gap: "8px",
+				whiteSpace: "nowrap"
+			}), s.attr({
+				role: "tab",
+				type: "button"
+			}), s.styles({
+				background: "transparent",
+				border: "0",
+				color: "inherit",
+				cursor: "pointer",
+				font: "inherit",
+				padding: "0"
+			}), s.on("click", () => e.navigate(n)), c.attr({
+				type: "button",
+				"aria-label": `关闭 ${p(t)}`
+			}), c.styles({
+				background: "transparent",
+				border: "0",
+				color: "inherit",
+				cursor: "pointer",
+				font: "inherit",
+				lineHeight: "1",
+				padding: "0"
+			}), c.text("×"), c.on("click", (e) => C(n, e)), r.on("contextmenu", (e) => {
+				e.preventDefault(), e.stopPropagation(), re(n, e);
+			}), r.child(s, c), i.child(r), m(r, !1), a = {
+				closeButton: c,
+				tab: r,
+				text: o
+			}, l.tabs.set(n, a);
+		}
+		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();
+	}, ae = () => {
+		if (!l.persist) return;
+		let t = hi(l.storageKey);
+		if (t) {
+			l.suppressPersist = !0;
+			try {
+				t.paths.slice().reverse().forEach((t) => {
+					let n = e._resolve(t);
+					ie({
+						...n.context,
+						path: t
+					});
+				});
+			} finally {
+				l.suppressPersist = !1, y();
+			}
+		}
+	};
+	if (typeof t == "function") t(r);
+	else if (t && typeof t == "object") {
+		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), ae(), (e.currentRoute() || e.currentPath() !== "/") && ie({
+		params: e.currentParams(),
+		path: e.currentPath(),
+		query: e.currentQuery(),
+		route: e.currentRoute(),
+		router: e
+	});
+	let oe = e.subscribe((e) => ie(e)), se = () => _();
+	typeof window < "u" && window.addEventListener("resize", se);
+	let ce = r.destroy.bind(r);
+	return r.destroy = () => (l.popupOpen && x(), E(), typeof window < "u" && window.removeEventListener("resize", se), oe(), e.outlet() === a && e.outlet(e), ce()), typeof n == "function" && n(r), r;
+}
+_(h, {
+	vLink: xi,
+	vRouter: bi,
+	vRouterView: Si,
+	vRouterViews: Ci
+});
+function wi(e, t) {
+	let n = {
+		beforeEnter: null,
+		error: null,
+		loading: null,
+		pattern: Ui(e),
+		title: null,
+		view: null
+	};
+	return typeof t == "function" || t instanceof c || Gi(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 Ti(e) {
+	if (!(e instanceof gi)) throw TypeError("vLink and vRouterView require a Router instance");
+}
+function Ei(e) {
+	return e === "left" || e === "right" ? e : "top";
+}
+function Di(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;
+	return Object.keys(c).length && e.setup(c), r !== void 0 && e.default(r), n && e.beforeEach(n), a !== void 0 && e.loading(a), i !== void 0 && e.error(i), s.forEach((t) => {
+		t?.pattern !== void 0 && e.vRoute(t.pattern, t.config);
+	}), o !== void 0 && e.notFound(o), e;
+}
+function Oi(e, t, n) {
+	if (typeof n == "function") {
+		n(e);
+		return;
+	}
+	if (typeof n == "string") {
+		e.to(n), e.label(n);
+		return;
+	}
+	if (!n) return;
+	let { exact: r, label: i, params: a, query: o, replace: s, to: c, ...l } = n;
+	Object.keys(l).length && e.setup(l), c !== void 0 && (t.to = c), a !== void 0 && (t.params = a || {}), o !== void 0 && (t.query = o || {}), s !== void 0 && (t.replace = !!s), r !== void 0 && (t.exact = !!r), t.label = i ?? t.to, e.label(t.label);
+}
+function Y(e, t, n, r) {
+	if (r === void 0) return t[n];
+	t[n] = r, n === "to" && t.label === null && M(e.children()[0], _n(r));
+	let i = e._routerInstance;
+	return i && ki(e, t, i), e;
+}
+function ki(e, t, n) {
+	e._routerInstance = n;
+	let r = Ai(t.to, t.params, t.query), i = ji(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 Ai(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);
+	});
+	let s = o.toString();
+	return s ? `${a}?${s}` : a;
+}
+function ji(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 Mi(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 (Gi(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 Ni = () => "加载中…", Pi = (e) => `加载失败：${e?.message ?? String(e)}`;
+function Fi(e) {
+	return e !== null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
+}
+function Ii(e, t) {
+	return X(typeof e == "function" ? e(...t) : e, t[t.length - 1]);
+}
+function Li(e, t) {
+	let n = Q(e), r = Q(t), i = Wi(n.pathname), a = Wi(r.pathname);
+	if (i.length !== a.length) return null;
+	let o = {};
+	for (let e = 0; e < i.length; e += 1) {
+		let t = i[e], n = a[e];
+		if (t.startsWith(":")) {
+			o[t.slice(1)] = decodeURIComponent(n);
+			continue;
+		}
+		if (t !== n) return null;
+	}
+	return {
+		params: o,
+		pathname: r.pathname,
+		query: r.query
+	};
+}
+function Ri(e, t, n, r) {
+	return {
+		params: { ...r.params },
+		path: t,
+		pathname: r.pathname,
+		query: { ...r.query },
+		route: n,
+		router: e
+	};
+}
+function zi() {
+	return typeof window > "u" ? "/" : Z(window.location.hash.replace(/^#/, "") || "/");
+}
+function Bi(e = "hash") {
+	return typeof window > "u" ? "/" : e === "history" ? Z(`${window.location.pathname}${window.location.search}`) : zi();
+}
+function Vi(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 Hi(e, t = {}, n = "hash") {
+	if (typeof window > "u") return !1;
+	if (n !== "history") return Vi(e, t);
+	let r = Z(e), i = Bi("history");
+	return !t.replace && i === r ? !1 : (t.replace ? window.history.replaceState(null, "", r) : window.history.pushState(null, "", r), !0);
+}
+function Ui(e) {
+	return Z(e).split("?")[0] || "/";
+}
+function Z(e) {
+	let [t, n = ""] = String(e || "/").replace(/^#/, "").split("?"), r = t.startsWith("/") ? t : `/${t}`, i = r.length > 1 ? r.replace(/\/+$/, "") : r;
+	return n ? `${i}?${n}` : i;
+}
+function Q(e) {
+	let [t, n = ""] = Z(e).split("?");
+	return {
+		pathname: t,
+		query: Object.fromEntries(new URLSearchParams(n))
+	};
+}
+function Wi(e) {
+	return e.split("/").filter(Boolean);
+}
+function Gi(e) {
+	return typeof e == "string" || typeof e == "number";
+}
+//#endregion
+//#region src/core/id.js
+var Ki = null;
+function qi() {
+	let e = 0;
+	return { next() {
+		return e += 1, e;
+	} };
+}
+function Ji(e, t) {
+	let n = Ki;
+	Ki = e;
+	try {
+		return t();
+	} finally {
+		Ki = n;
+	}
+}
+//#endregion
 //#region src/core/ssr.js
-function M(e = {}, t = {}) {
+function Yi(e = {}, t = {}) {
 	let { cookie: n = "", url: r = "", acceptLanguage: i = "" } = e || {}, { cookieKey: a = "yoya-lang", queryKey: o = "locale", defaultLanguage: s = "zh-CN" } = t;
-	return N(n, a) || P(r, o) || F(i) || s;
+	return Xi(n, a) || Zi(r, o) || Qi(i) || s;
 }
-function N(e, t) {
+function Xi(e, t) {
 	if (!e || !t) return null;
 	for (let n of String(e).split(";")) {
 		let e = n.indexOf("=");
@@ -386,37 +2623,37 @@ function N(e, t) {
 	}
 	return null;
 }
-function P(e, t) {
+function Zi(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 F(e) {
+function Qi(e) {
 	if (!e) return null;
 	let t = String(e).split(",")[0];
 	return t && t.split(";")[0].trim() || null;
 }
-function I(e, t, n) {
-	return e ? _(typeof e == "function" ? e(t) : e, n) : n();
+function $i(e, t, n) {
+	return e ? Ir(typeof e == "function" ? e(t) : e, n) : n();
 }
-function L(e, t = null) {
-	if (e instanceof n) return e;
-	if (typeof e == "function") return L(e(t), t);
-	if (e && typeof e.render == "function") return L(e.render(), t);
+function $(e, t = null) {
+	if (e instanceof c) return e;
+	if (typeof e == "function") return $(e(t), t);
+	if (e && typeof e.render == "function") return $(e.render(), t);
 	throw TypeError("renderToString/mount requires a ViewNode, a component object with render(), or a factory function");
 }
-function R(e) {
+function ea(e) {
 	let t = 1;
 	return typeof e.children == "function" && e.children().forEach((e) => {
-		t += R(e instanceof i ? e._resolve() : e);
+		t += ea(e instanceof u ? e._resolve() : e);
 	}), t;
 }
-function z(e, t = {}) {
-	let { maxNodes: n = Infinity, state: r = null, i18n: i = null } = t || {}, a = B(r);
-	return c(s(), () => I(i, r, () => {
-		let t = typeof e == "function", i = L(e, r), o;
+function ta(e, t = {}) {
+	let { maxNodes: n = Infinity, state: r = null, i18n: i = null } = t || {}, a = oa(r);
+	return Ji(qi(), () => $i(i, r, () => {
+		let t = typeof e == "function", i = $(e, r), o;
 		try {
-			o = R(i) > n ? {
+			o = ea(i) > n ? {
 				exceeded: !0,
 				html: "",
 				state: a
@@ -431,61 +2668,112 @@ function z(e, t = {}) {
 		return o;
 	}));
 }
-function B(e) {
+var na = class extends v {
+	constructor() {
+		super("html", null), this._headCallback = null, this._bodyCallback = null;
+	}
+	head(e) {
+		return this._headCallback = typeof e == "function" ? e : null, this;
+	}
+	body(e) {
+		return this._bodyCallback = typeof e == "function" ? e : null, this;
+	}
+	vBody(...e) {
+		return this.body((t) => t.vBody(...e));
+	}
+};
+function ra(e) {
+	return String(e ?? "").replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function ia(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({
+		language: l.lang || "zh-CN",
+		messages: s
+	}) : null), d = oa(l);
+	return Ji(qi(), () => $i(u, l, () => {
+		let t = new na();
+		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 = ea(a) > o, u = n.toHTML(), f = `<div id="${ra(i)}">`, p = s ? `${f}</div>` : `${f}${a.toHTML()}</div>`, m = `<script type="application/json" id="${ra(c)}">${d}<\/script>`, h = `<script type="module" src="${ra(r)}"><\/script>`;
+		return n.destroy(), a.destroy(), `<!doctype html>
+<html lang="${ra(l.lang || "zh-CN")}">
+${u}
+<body>
+${p}
+${m}
+${h}
+</body>
+</html>`;
+	}));
+}
+function aa(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 = sa(s ? s.textContent : ""), l = i || (r ? () => Nr({
+		language: c?.lang || "zh-CN",
+		messages: r
+	}) : null), u = n(o);
+	return u && u.firstElementChild ? la(e, o, c, { i18n: l }) : ca(e, o, c, { i18n: l });
+}
+function oa(e) {
 	return e == null ? null : JSON.stringify(e).replace(/</g, "\\u003c");
 }
-function V(e) {
+function sa(e) {
 	return e == null || e === "" ? null : JSON.parse(e);
 }
-function H(t, n, r = null, i = {}) {
-	return c(s(), () => I(i.i18n, r, () => {
-		let i = L(t, r), a = e(n);
+function ca(e, t, r = null, i = {}) {
+	return Ji(qi(), () => $i(i.i18n, r, () => {
+		let i = $(e, r), a = n(t);
 		return a && (a.replaceChildren(), a.appendChild(i.renderDom())), i;
 	}));
 }
-function U(t, n, r = null, i = {}) {
-	return c(s(), () => I(i.i18n, r, () => {
-		let i = L(t, r), a = e(n);
+function la(e, t, r = null, i = {}) {
+	return Ji(qi(), () => $i(i.i18n, r, () => {
+		let i = $(e, r), a = n(t);
 		if (a) {
 			let e = a.firstElementChild;
-			e ? (W(i, e), K(i), G(i), i.renderDom()) : a.appendChild(i.renderDom());
+			e ? (ua(i, e), fa(i), da(i), i.renderDom()) : a.appendChild(i.renderDom());
 		}
 		return i;
 	}));
 }
-function W(e, t) {
-	if (e instanceof i) {
-		W(e._resolve(), t);
+function ua(e, t) {
+	if (e instanceof u) {
+		ua(e._resolve(), t);
 		return;
 	}
-	if (e instanceof r) {
-		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : q(t, e.renderDom());
+	if (e instanceof l) {
+		t && t.nodeType === 3 ? (e._textNode = t, e._el = t, t.textContent !== e._content && (t.textContent = e._content)) : pa(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) => W(e, n[t]));
+		e.children().forEach((e, t) => ua(e, n[t]));
 		return;
 	}
-	q(t, e.renderDom());
+	pa(t, e.renderDom());
 }
-function G(e) {
-	if (e instanceof i) {
-		G(e._resolve());
+function da(e) {
+	if (e instanceof u) {
+		da(e._resolve());
 		return;
 	}
-	e instanceof r || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(G));
+	e instanceof l || (e._el && e._hydrated && e._applyBindingsToElement(), e.children().forEach(da));
 }
-function K(e) {
-	if (e instanceof i) {
-		K(e._resolve());
+function fa(e) {
+	if (e instanceof u) {
+		fa(e._resolve());
 		return;
 	}
-	e instanceof r || (e.children().forEach(K), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
+	e instanceof l || (e.children().forEach(fa), typeof e.hydrateSnapshot == "function" && e.hydrateSnapshot());
 }
-function q(e, t) {
+function pa(e, t) {
 	e && e.parentNode && e.parentNode.replaceChild(t, e);
 }
 //#endregion
-export { U as hydrate, H as mount, V as parseState, z as renderToString, M as resolveLocale, B as serializeState };
+export { Dr as ClientOnlyNode, u as ComponentNode, h as ElementNode, v as HtmlElementNode, jr as I18n, Mr as I18nTextNode, na as PageDocumentNode, gi as Router, l as TextNode, l as VTextNode, l as ViewTextNode, Cn as VMasonry, yn as VSplitPanel, Tn as VThemeShell, c as ViewNode, S as a, ee as abbr, te as address, m as applyElementOptions, C as area, w as article, T as aside, E as audio, D as b, ne as base, re as bdi, ie as bdo, ae as blockquote, oe as body, se as br, ce as button, le as canvas, ue as caption, Nn as center, de as cite, fe as code, pe as col, me as colgroup, Vn as container, g as createElementFactory, b as createHtmlFactories, Nr as createI18n, _i as createRouter, zn as createVBodyPage, he as data, ge as datalist, _e as dd, ve as del, ye as details, be as dfn, xe as dialog, Se as div, Xn as divider, Ce as dl, we as dt, Te as em, Ee as embed, r as escapeHtml, De as fieldset, Oe as figcaption, ke as figure, kn as flex, Ae as footer, je as form, Br as getI18n, Hr as getPersistedI18nLocales, ci as getYoyaMode, di as getYoyaTheme, In as grid, Me as h1, Ne as h2, Pe as h3, Fe as h4, Ie as h5, Le as h6, Re as head, ze as header, Be as hgroup, Ve as hr, Mn as hstack, He as html, la as hydrate, aa as hydrateOrMount, Ue as i, W as i18n, Pr as i18nText, We as iframe, Ge as img, fi as initYoyaTheme, Ke as input, qe as ins, Fr as installI18nStringShortcut, Je as kbd, Ye as label, Xe as legend, Ze as li, Qe as link, Vr as listI18n, $e as main, et as map, tt as mark, nt as menu, rt as meta, it as meter, Un as mobileLayout, ca as mount, at as nav, f as normalizeChild, p as normalizeSetupArguments, ot as noscript, st as object, ct as ol, lt as optgroup, ut as option, dt as output, ft as p, sa as parseState, pt as picture, mt as pre, ht as progress, gt as q, _ as registerChildFactories, Rr as registerI18n, ia as renderPage, ta as renderToString, Yi as resolveLocale, n as resolveTarget, li as resolveYoyaMode, Ln as responsiveGrid, vi as router, _t as rp, vt as rt, yt as ruby, bt as s, xt as samp, St as script, Ct as search, wt as section, Tt as select, Et as selectedcontent, oa as serializeState, si as setYoyaMode, ui as setYoyaTheme, Dt as slot, Ot as small, kt as source, Yn as spacer, At as span, An as stack, jt as strong, Mt as style, Nt as styleTag, Pt as sub, Ft as summary, It as sup, Lt as table, Rt as tbody, zt as td, Bt as template, d as text, d as vText, Vt as textarea, Ht as tfoot, Ut as th, Wt as thead, Gt as time, Kt as title, qt as tr, Jt as track, Yt as u, Xt 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, xi as vLink, qn as vMain, wn as vMasonry, Wn as vMobileLayout, yi as vRoute, bi as vRouter, Si as vRouterView, Ci as vRouterViews, Pn as vRow, bn as vSplitPanel, ni as vStateNode, En as vThemeShell, Zt as varTag, Qt as video, jn as vstack, $t as wbr, Ir as withI18nStringShortcut };