@yoyaflow/yoya-ui 0.3.2 → 0.3.3

package/dist/yoya.core.js

@@ -1,10 +1,164 @@
+//#region src/core/access.js
+var e = null, t = null;
+function n(e) {
+	if (!e) return null;
+	if (typeof e == "object" && e.code) return {
+		code: e.code,
+		level: e.level === "write" ? "write" : "read"
+	};
+	let t = String(e).trim();
+	return t ? t.startsWith("w.") ? {
+		code: t.slice(2),
+		level: "write"
+	} : t.startsWith("r.") ? {
+		code: t.slice(2),
+		level: "read"
+	} : {
+		code: t,
+		level: "write"
+	} : null;
+}
+function r(e) {
+	let t = n(e);
+	return t ? t.code : String(e ?? "");
+}
+function i({ permissions: e = [], roles: t = [], superAdmins: n = ["super_admin"] } = {}) {
+	let i = {
+		permissions: [...e || []],
+		roles: [...t || []],
+		superAdmins: [...n || []]
+	}, a = new Set(i.permissions), o = /* @__PURE__ */ new Set(), s = () => i.superAdmins.some((e) => i.roles.includes(e));
+	function c(e, t) {
+		return s() ? !0 : t === "write" ? a.has(`w.${e}`) || a.has(e) : a.has(`r.${e}`) || a.has(`w.${e}`) || a.has(e);
+	}
+	function l(e, t) {
+		return c(r(e), t);
+	}
+	let u = {
+		roles() {
+			return i.roles.slice();
+		},
+		permissions() {
+			return i.permissions.slice();
+		},
+		isSuper: s,
+		has(e) {
+			let t = r(e);
+			return s() || a.has(`r.${t}`) || a.has(`w.${t}`) || a.has(t);
+		},
+		canRead(e) {
+			return l(e, "read");
+		},
+		canWrite(e) {
+			return l(e, "write");
+		},
+		setPermissions(e) {
+			return i.permissions = [...e || []], a.clear(), (e || []).forEach((e) => a.add(e)), o.forEach((e) => e()), u;
+		},
+		subscribe(e) {
+			return o.add(e), () => o.delete(e);
+		}
+	};
+	return u;
+}
+function a(t, n) {
+	let r = e;
+	e = t || r;
+	try {
+		return n();
+	} finally {
+		e = r;
+	}
+}
+function o(e) {
+	return t = e || null, t;
+}
+function s() {
+	return e || t;
+}
+//#endregion
 //#region src/core/node.js
-var e = /* @__PURE__ */ new Set([
+var c = Symbol.for("yoya.devtools.bridge");
+function l() {
+	return typeof globalThis > "u" ? null : globalThis[c] || null;
+}
+function u() {
+	let e = l();
+	return e ? e.enabled() : !1;
+}
+function ee(e) {
+	let t = l();
+	t && t.emit(e);
+}
+function te(e) {
+	let t = l();
+	t && t.unregister(e);
+}
+function ne(e) {
+	let t = l();
+	t && t.captureScope(e);
+}
+function d(e) {
+	let t = l();
+	return t ? t.ensureId(e) : void 0;
+}
+function f(e, t, n) {
+	let r = l();
+	r && r.notify(e, t, n);
+}
+function re(e) {
+	let t = l();
+	t && t.commit(e);
+}
+var ie = /* @__PURE__ */ new Set([
 	"checked",
 	"disabled",
 	"readonly",
 	"selected"
-]), t = /* @__PURE__ */ new Set([
+]), ae = /* @__PURE__ */ new Set([
+	"input",
+	"select",
+	"textarea",
+	"button",
+	"fieldset",
+	"option",
+	"optgroup",
+	"keygen"
+]), oe = /* @__PURE__ */ new Set(["input", "textarea"]), p = [];
+function m() {
+	return p.length > 0 ? p[p.length - 1] : null;
+}
+function h(e, t) {
+	p.push(e);
+	try {
+		return t();
+	} finally {
+		p.pop();
+	}
+}
+var g = null;
+function se(e, t) {
+	let n = g;
+	g = e;
+	try {
+		return t();
+	} finally {
+		g = n;
+	}
+}
+function _(e, t, n, r) {
+	if (!g) throw TypeError(`vStateNode binding scope required for function value (${e}${t ? ` "${t}"` : ""})`);
+	let i = g;
+	i.bindings.push({
+		commit: r,
+		committed: !1,
+		evaluate: () => n(i.getState()),
+		key: t,
+		kind: e,
+		last: void 0
+	});
+}
+var ce = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -20,23 +174,23 @@ var e = /* @__PURE__ */ new Set([
 	"track",
 	"wbr"
 ]);
-function n(e) {
+function le(e) {
 	return typeof e == "string" ? document.querySelector(e) : e;
 }
-function r(e) {
+function v(e) {
 	return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function i(t) {
-	return e.has(t);
+function y(e) {
+	return ie.has(e);
 }
-function a(e, t, n) {
+function ue(e, t, n) {
 	if (n == null || n === !1) {
 		if (e.removeAttribute(t), t in e) try {
 			e[t] = !1;
 		} catch {}
 		return;
 	}
-	if (n === !0 || i(t)) {
+	if (n === !0 || y(t)) {
 		if (e.setAttribute(t, t), t in e) try {
 			e[t] = !0;
 		} catch {}
@@ -46,19 +200,36 @@ function a(e, t, n) {
 		e[t] = n;
 	} catch {}
 }
-function o(e) {
-	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${s(e)}:${r(t)}`).join("; ");
+function de(e) {
+	return Object.entries(e).filter(([, e]) => e != null && e !== "").map(([e, t]) => `${fe(e)}:${v(t)}`).join("; ");
 }
-function s(e) {
+function fe(e) {
 	return String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-var c = class e {
+function pe(e, t) {
+	return e === t ? !0 : !e || !t || typeof e != "object" || typeof t != "object" ? !1 : !!e.capture == !!t.capture && !!e.once == !!t.once && !!e.passive == !!t.passive;
+}
+var b = class e {
 	constructor(e = null) {
-		this._children = [], this._events = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, e !== null && this.setup(e);
+		this._children = [], this._childKeys = /* @__PURE__ */ new Map(), this._events = /* @__PURE__ */ new Map(), this._domAdapters = /* @__PURE__ */ new Map(), this._cleanup = [], this._states = {}, this._stateTypes = {}, this._stateHandlers = /* @__PURE__ */ new Map(), this._pendingRemovals = /* @__PURE__ */ new Set(), this._childrenDirty = !1, this._deleted = !1, this._access = null, this._accessContext = s(), u() && ne(this), e !== null && this.setup(e);
 	}
 	setup(t) {
 		return typeof t == "function" ? t(this) : t instanceof e ? this.child(t) : typeof t == "string" || typeof t == "number" ? this.text(t) : t && typeof t == "object" && this._setupObject(t), this;
 	}
+	access(e) {
+		let t = n(e);
+		return this._access = t ? {
+			code: t.code,
+			level: "write"
+		} : null, this;
+	}
+	_permissionState() {
+		let e = this._access ?? m();
+		if (!e) return "active";
+		let t = this._accessContext || s();
+		return t ? t.canRead(e.code) ? e.level === "write" && !t.canWrite(e.code) ? "readonly" : "active" : "hidden" : "active";
+	}
+	_applyAccessState(e) {}
 	_setupObject(e) {
 		e.children && this.child(e.children);
 	}
@@ -66,25 +237,79 @@ var c = class e {
 		return [...this._children];
 	}
 	clearChildren() {
-		return this._children.forEach((e) => {
+		let e = this._el && u() && !this._devtoolsRendering ? this._children.map((e) => d(e)) : [];
+		return this._dropChildKeys(this._children), this._children.forEach((e) => {
 			this._pendingRemovals.add(e);
-		}), this._children = [], this._childrenDirty = !0, this;
+		}), this._children = [], this._childrenDirty = !0, e.length > 0 && !this._devtoolsRendering && f(this, "child", { removed: e }), this;
+	}
+	addChild(e, t) {
+		let n = String(e);
+		if (this._childKeys.has(n)) throw TypeError(`duplicate key "${n}"`);
+		let r = S(t);
+		if (this._childKeys.set(n, r), typeof r.attr == "function" && r.attr("data-row-key", n), this._pendingRemovals.delete(r), this._children.push(r), this._childrenDirty = !0, this._el) {
+			let e = h(this._access ?? m(), () => r.renderDom());
+			e && e.parentNode !== this._el && this._el.appendChild(e), u() && !this._devtoolsRendering && f(this, "child", { added: [d(r)] });
+		}
+		return this;
+	}
+	getChild(e) {
+		return this._childKeys.get(String(e)) || null;
+	}
+	removeChild(e) {
+		let t = String(e), n = this._childKeys.get(t);
+		if (!n) return this;
+		this._childKeys.delete(t);
+		let r = this._children.indexOf(n);
+		r !== -1 && this._children.splice(r, 1), this._childrenDirty = !0;
+		let i = this._el && u() && !this._devtoolsRendering ? d(n) : null;
+		return n.destroy(), i !== null && f(this, "child", { removed: [i] }), this;
+	}
+	_dropChildKeys(e) {
+		let t = new Set(e);
+		this._childKeys.forEach((e, n) => {
+			t.has(e) && this._childKeys.delete(n);
+		});
 	}
 	child(...e) {
 		return e.flat(Infinity).forEach((e) => {
 			if (e == null) return;
-			let t = u(e);
+			let t = S(e);
 			this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0;
 		}), this;
 	}
 	text(e) {
-		return this.child(new l(e));
+		return this.child(new x(e));
 	}
 	on(e, t, n) {
-		return this._events.has(e) || this._events.set(e, []), this._events.get(e).push({
+		if (typeof t != "function") throw TypeError("ViewNode event handler must be a function");
+		let r = this._events.get(e);
+		return this._events.set(e, {
 			handler: t,
 			options: n
-		}), this._el && (this._el.addEventListener(e, t, n), this._cleanup.push(() => this._el.removeEventListener(e, t, n))), this;
+		}), this._el && this._bindDomAdapter(e, r?.options, n), this;
+	}
+	off(e) {
+		this._events.delete(e);
+		let t = this._domAdapters.get(e);
+		return t && (t.cleanup(), this._removeCleanup(t.cleanup), this._domAdapters.delete(e)), this;
+	}
+	_bindDomAdapter(e, t, n) {
+		let r = this._domAdapters.get(e);
+		if (r) {
+			if (pe(t, n)) return;
+			r.cleanup(), this._removeCleanup(r.cleanup), this._domAdapters.delete(e);
+		}
+		let i = (t) => {
+			let n = this._events.get(e);
+			!n || typeof n.handler != "function" || (n.handler.call(this, t), n.options?.once && this.off(e));
+		}, a = () => {
+			this._el && this._el.removeEventListener(e, i, n);
+		};
+		this._el.addEventListener(e, i, n), this._domAdapters.set(e, { cleanup: a }), this._cleanup.push(a);
+	}
+	_removeCleanup(e) {
+		let t = this._cleanup.indexOf(e);
+		t !== -1 && this._cleanup.splice(t, 1);
 	}
 	registerStateAttrs(...e) {
 		return e.forEach((e) => {
@@ -127,11 +352,14 @@ var c = class e {
 		this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._childrenDirty = !1;
 	}
 	bindTo(e) {
-		let t = n(e), r = this.renderDom();
-		return t && r && t.appendChild(r), this;
+		let t = le(e), n = this.renderDom();
+		return t && n && t.appendChild(n), this;
 	}
 	destroy() {
-		return this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
+		return u() && (ee({
+			type: "destroy",
+			node: this
+		}), te(this)), this._deleted = !0, this._cleanup.forEach((e) => e()), this._cleanup = [], this._children.forEach((e) => e.destroy()), this._pendingRemovals.forEach((e) => e.destroy()), this._pendingRemovals.clear(), this._children = [], this._childKeys.clear(), this._el?.parentNode && this._el.parentNode.removeChild(this._el), this;
 	}
 	toHTML() {
 		return "";
@@ -139,58 +367,110 @@ var c = class e {
 	hydrateSnapshot() {
 		return this;
 	}
-}, l = class extends c {
+}, x = class extends b {
 	constructor(e = "") {
-		super(null), this._content = String(e), this._textNode = null;
+		if (super(null), this._content = "", this._textNode = null, typeof e == "function") {
+			_("text", null, e, (e) => this.textContent(e));
+			return;
+		}
+		this._content = String(e);
 	}
 	textContent(e) {
-		return e === void 0 ? this._content : (this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this);
+		if (e === void 0) return this._content;
+		if (typeof e == "function") return _("text", null, e, (e) => this.textContent(e)), this;
+		let t = this._content;
+		return this._content = String(e), this._textNode && (this._textNode.textContent = this._content), this._textNode && u() && !Object.is(t, this._content) && f(this, "text", {
+			from: t,
+			to: this._content
+		}), this;
 	}
 	renderDom() {
-		return this._deleted ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
+		return this._deleted || this._permissionState() === "hidden" ? null : (this._textNode || (this._textNode = document.createTextNode(this._content), this._el = this._textNode), this._textNode);
 	}
 	toHTML() {
-		return this._deleted ? "" : r(this._content);
+		return this._deleted || this._permissionState() === "hidden" ? "" : v(this._content);
 	}
-}, ee = class extends c {
+}, me = class extends b {
 	constructor(e) {
-		super(null), this._component = e, this._resolved = null;
+		super(null), this._component = e, this._resolved = null, this._resolvedList = null, this._roots = null, this._fragmentDom = null;
 	}
 	_resolve() {
-		if (this._resolved) return this._resolved;
-		let e = typeof this._component == "function" ? this._component() : this._component.render();
-		if (!(e instanceof c)) throw TypeError("Component render must return a ViewNode");
-		return this._resolved = e, e;
+		if (this._resolvedList) return this._resolved;
+		let e = a(this._accessContext || s(), () => typeof this._component == "function" ? this._component() : this._component.render()), t = Array.isArray(e) ? e.slice() : [e];
+		return t.forEach((e) => {
+			if (!(e instanceof b)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
+		}), this._resolvedList = t, this._resolved = t[0] || null, this._roots = Array.isArray(e) ? t : null, this._component && typeof this._component == "object" && typeof this._component._attachHost == "function" && this._component._attachHost(this), this._resolved;
+	}
+	_resolveList() {
+		return this._resolve(), this._resolvedList || [];
+	}
+	_replaceResolved(e) {
+		let t = this._resolvedList || [], n = Array.isArray(e) ? e.slice() : [e];
+		if (n.forEach((e) => {
+			if (!(e instanceof b)) throw TypeError("Component render must return a ViewNode or an array of ViewNodes");
+		}), t.length === n.length && t.every((e, t) => e === n[t])) return;
+		let r = [];
+		if (this._fragmentDom && this._fragmentDom.length > 0) r.push(...this._fragmentDom);
+		else if (t.length > 0) {
+			let e = t[0]._el;
+			e && e.parentNode && r.push(e);
+		}
+		if (this._resolvedList = n, this._resolved = n[0] || null, this._roots = Array.isArray(e) ? n : null, this._fragmentDom = null, r.length === 0) {
+			t.forEach((e) => e.destroy());
+			return;
+		}
+		let i = m(), a = r[0].parentNode, o = [];
+		n.forEach((e) => {
+			let t = h(this._access ?? i, () => e.renderDom());
+			t && o.push(t);
+		}), o.length > 0 && a && o.forEach((e) => a.insertBefore(e, r[0])), r.forEach((e) => {
+			e.parentNode === a && a.removeChild(e);
+		}), this._roots ? this._fragmentDom = o : this._el = o[0] || null, t.forEach((e) => e.destroy());
 	}
 	children() {
-		return this._resolved ? this._resolved.children() : [];
+		return this._resolvedList ? this._roots ? this._resolvedList.flatMap((e) => e.children()) : this._resolvedList[0] ? this._resolvedList[0].children() : [] : [];
 	}
 	textContent() {
-		let e = this._resolve();
-		return typeof e.textContent == "function" ? e.textContent() : "";
+		return this._resolveList().map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	renderDom() {
-		if (this._deleted) return null;
-		let e = this._resolve().renderDom();
-		return this._el = e, e;
+		if (this._deleted || this._permissionState() === "hidden") return null;
+		let e = m(), t = this._resolveList();
+		if (this._roots) {
+			if (this._fragmentDom) return null;
+			let n = [];
+			t.forEach((t) => {
+				let r = h(this._access ?? e, () => t.renderDom());
+				r && n.push(r);
+			}), this._fragmentDom = n;
+			let r = document.createDocumentFragment();
+			return n.forEach((e) => r.appendChild(e)), r;
+		}
+		let n = t[0];
+		return h(this._access ?? e, () => {
+			let e = n.renderDom();
+			return this._el = e, e;
+		});
 	}
 	toHTML() {
-		return this._deleted ? "" : this._resolve().toHTML();
+		if (this._deleted || this._permissionState() === "hidden") return "";
+		let e = m(), t = this._resolveList();
+		return h(this._access ?? e, () => t.map((e) => e.toHTML()).join(""));
 	}
 	destroy() {
-		return this._resolved && this._resolved.destroy(), super.destroy();
+		return this._component && typeof this._component == "object" && typeof this._component.destroy == "function" && this._component.destroy(), (this._resolvedList || []).forEach((e) => e.destroy()), this._fragmentDom = null, super.destroy();
 	}
 };
-function te(e = "") {
-	return new l(e);
+function he(e = "") {
+	return new x(e);
 }
-function u(e) {
-	if (e instanceof c) return e;
-	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new ee(e);
-	if (typeof e == "string" || typeof e == "number") return new l(e);
+function S(e) {
+	if (e instanceof b) return e;
+	if (typeof e == "function" || e && typeof e == "object" && typeof e.render == "function") return new me(e);
+	if (typeof e == "string" || typeof e == "number") return new x(e);
 	throw TypeError("ViewNode child must be a ViewNode, component, string, or number");
 }
-function d(e = null, t = null, n = null) {
+function ge(e = null, t = null, n = null) {
 	return typeof t == "function" && n == null ? {
 		first: e,
 		options: null,
@@ -201,10 +481,10 @@ function d(e = null, t = null, n = null) {
 		callback: n
 	};
 }
-function f(e, t) {
+function _e(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 p = class extends c {
+var C = class extends b {
 	constructor(e, t = null) {
 		super(null), this._tagName = e, this._attrs = {}, this._styles = {}, this._classes = /* @__PURE__ */ new Set(), this._el = null, t !== null && this.setup(t);
 	}
@@ -244,7 +524,15 @@ var p = class extends c {
 		return this._children.map((e) => typeof e.textContent == "function" ? e.textContent() : "").join("");
 	}
 	attr(e, t) {
-		return t === void 0 && typeof e == "string" ? this._attrs[e] : e && typeof e == "object" ? (Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this) : (t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && a(this._el, e, t), this);
+		if (t === void 0 && typeof e == "string") return this._attrs[e];
+		if (e && typeof e == "object") return Object.entries(e).forEach(([e, t]) => this.attr(e, t)), this;
+		if (typeof t == "function") return _("attr", e, t, (t) => this.attr(e, t)), this;
+		let n = this._attrs[e];
+		return t == null || t === !1 ? delete this._attrs[e] : this._attrs[e] = t, this._el && ue(this._el, e, t), this._el && u() && !this._devtoolsRendering && !Object.is(n, t) && f(this, "attr", {
+			name: e,
+			previous: n,
+			next: t
+		}), this;
 	}
 	id(e) {
 		return e === void 0 ? this.attr("id") : this.attr("id", e);
@@ -264,39 +552,69 @@ var p = class extends c {
 		return !e || !t || e === t ? this : this._classes.has(e) ? (this._classes.delete(e), this.className(t)) : n ? this.className(t) : this;
 	}
 	style(e, t) {
-		return t === void 0 && typeof e == "string" ? this._styles[e] : e && typeof e == "object" ? this.styles(e) : (t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this);
+		if (t === void 0 && typeof e == "string") return this._styles[e];
+		if (e && typeof e == "object") return this.styles(e);
+		if (typeof t == "function") return _("style", e, t, (t) => this.style(e, t)), this;
+		let n = this._styles[e];
+		return t == null || t === "" ? delete this._styles[e] : this._styles[e] = t, this._el && (this._el.style[e] = t || ""), this._el && u() && !this._devtoolsRendering && !Object.is(n, t) && f(this, "style", {
+			name: e,
+			previous: n,
+			next: t
+		}), this;
 	}
 	styles(e) {
 		return Object.entries(e || {}).forEach(([e, t]) => this.style(e, t)), this;
 	}
 	child(...e) {
+		let t = this._el && u() && !this._devtoolsRendering ? [] : null;
 		return e.flat(Infinity).forEach((e) => {
 			if (e == null) return;
-			let t = u(e);
-			if (this._pendingRemovals.delete(t), this._children.push(t), this._childrenDirty = !0, this._el) {
-				let e = t.renderDom();
-				e && e.parentNode !== this._el && this._el.appendChild(e);
+			let n = S(e);
+			if (this._pendingRemovals.delete(n), this._children.push(n), this._childrenDirty = !0, this._el) {
+				let e = h(this._access ?? m(), () => n.renderDom());
+				e && e.parentNode !== this._el && this._el.appendChild(e), t && t.push(d(n));
 			}
-		}), this;
+		}), t && t.length > 0 && f(this, "child", { added: t }), this;
+	}
+	_applyAccessState(e) {
+		if (e === "readonly") {
+			this._accessAttrsApplied = !0;
+			let e = this._tagName;
+			ae.has(e) && this.attr("disabled", !0), oe.has(e) && this.attr("readonly", !0), this.attr("aria-disabled", "true");
+			return;
+		}
+		this._accessAttrsApplied && (this._accessAttrsApplied = !1, this.attr("disabled", null), this.attr("readonly", null), this.attr("aria-disabled", null));
 	}
 	renderDom() {
-		return this._deleted ? null : (this._el || (this._el = document.createElement(this._tagName), this._applySnapshotToElement()), this._commitChildren(), this._children.forEach((e) => {
-			let t = e.renderDom();
-			t && t.parentNode !== this._el && this._el.appendChild(t);
-		}), this._el);
+		if (this._deleted) return null;
+		let e = this._permissionState();
+		if (e === "hidden") return null;
+		let t = this._access ?? m();
+		u() && (this._devtoolsRendering = !0);
+		try {
+			return this._el || (this._el = document.createElement(this._tagName), h(t, () => this._applySnapshotToElement())), this._applyAccessState(e), this._commitChildren(), this._children.forEach((e) => {
+				h(t, () => {
+					let t = e.renderDom();
+					t && t.parentNode !== this._el ? this._el.appendChild(t) : !t && e._el && e._el.parentNode === this._el && this._el.removeChild(e._el);
+				});
+			}), u() && re(this), this._el;
+		} finally {
+			this._devtoolsRendering = !1;
+		}
 	}
 	toHTML() {
 		if (this._deleted) return "";
-		let e = this._serializeAttributes(), n = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
-		return t.has(this._tagName) ? n : `${n}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+		let e = this._permissionState();
+		return e === "hidden" ? "" : (this._applyAccessState(e), h(this._access ?? m(), () => {
+			let e = this._serializeAttributes(), t = e ? `<${this._tagName} ${e}>` : `<${this._tagName}>`;
+			return ce.has(this._tagName) ? t : `${t}${this._children.map((e) => e.toHTML()).join("")}</${this._tagName}>`;
+		}));
 	}
 	_applyBindingsToElement() {
-		Object.entries(this._attrs).forEach(([e, t]) => a(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
+		Object.entries(this._attrs).forEach(([e, t]) => ue(this._el, e, t)), this._syncClassName(), Object.entries(this._styles).forEach(([e, t]) => {
 			this._el.style[e] = t;
 		}), this._events.forEach((e, t) => {
-			e.forEach(({ handler: e, options: n }) => {
-				this._el.addEventListener(t, e, n), this._cleanup.push(() => this._el.removeEventListener(t, e, n));
-			});
+			this._bindDomAdapter(t, void 0, e.options);
 		});
 	}
 	_applySnapshotToElement() {
@@ -306,24 +624,28 @@ var p = class extends c {
 		});
 	}
 	_syncClassName() {
-		let e = [...this._classes].join(" ");
-		e ? this._attrs.class = e : delete this._attrs.class, this._el && (e ? this._el.className = e : this._el.removeAttribute("class"));
+		let e = this._attrs.class, t = [...this._classes].join(" ");
+		t ? this._attrs.class = t : delete this._attrs.class, this._el && (t ? this._el.className = t : this._el.removeAttribute("class"), u() && !this._devtoolsRendering && !Object.is(e, t) && f(this, "attr", {
+			name: "class",
+			previous: e,
+			next: t || void 0
+		}));
 	}
 	_serializeAttributes() {
 		let e = { ...this._attrs }, t = this._serializeStyles();
-		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || i(e) ? `${e}="${e}"` : `${e}="${r(t)}"`).join(" ");
+		return t && (e.style = e.style ? `${e.style}; ${t}` : t), Object.entries(e).filter(([, e]) => e != null && e !== !1).map(([e, t]) => t === !0 || y(e) ? `${e}="${e}"` : `${e}="${v(t)}"`).join(" ");
 	}
 	_serializeStyles() {
-		return o(this._styles);
+		return de(this._styles);
 	}
 };
-function m(e, t = p) {
+function ve(e, t = C) {
 	return function(n = null, r = null, i = null) {
-		let a = d(n, r, i), o = new t(e, a.first);
-		return f(o, a.options), typeof a.callback == "function" && a.callback(o), o;
+		let a = ge(n, r, i), o = new t(e, a.first);
+		return _e(o, a.options), typeof a.callback == "function" && a.callback(o), o;
 	};
 }
-function h(e, t, n = {}) {
+function w(e, t, n = {}) {
 	let { override: r = !1 } = n;
 	Object.entries(t).forEach(([t, n]) => {
 		!r && e.prototype[t] || (e.prototype[t] = function(...e) {
@@ -333,12 +655,12 @@ function h(e, t, n = {}) {
 }
 //#endregion
 //#region src/core/client-only.js
-var g = class extends c {
+var ye = class extends b {
 	constructor(e) {
 		super(null), this._loader = e, this._resolved = null;
 	}
 	_resolve() {
-		return this._resolved ||= _(this._loader), this._resolved;
+		return this._resolved ||= T(this._loader), this._resolved;
 	}
 	toHTML() {
 		return this._deleted ? "" : "<div class=\"yoya-client-only\" data-client-only=\"true\"></div>";
@@ -358,31 +680,31 @@ var g = class extends c {
 		return this._resolved && this._resolved.destroy(), super.destroy();
 	}
 };
-function ne(e) {
-	return new g(e);
+function be(e) {
+	return new ye(e);
 }
-function _(e) {
-	if (e instanceof c) return e;
-	if (typeof e == "function") return _(e());
-	if (e && typeof e.render == "function") return _(e.render());
+function T(e) {
+	if (e instanceof b) return e;
+	if (typeof e == "function") return T(e());
+	if (e && typeof e.render == "function") return T(e.render());
 	throw TypeError("vClientOnly loader must return a ViewNode or a component object");
 }
 //#endregion
 //#region src/core/document-events.js
-function re(e, t, n = void 0) {
+function xe(e, t, n = void 0) {
 	return typeof document > "u" ? () => {} : (document.addEventListener(e, t, n), () => {
 		document.removeEventListener(e, t, n);
 	});
 }
-function ie(e, t, n = void 0) {
+function Se(e, t, n = void 0) {
 	typeof document > "u" || document.removeEventListener(e, t, n);
 }
-function ae(e, t, n = void 0) {
+function Ce(e, t, n = void 0) {
 	return typeof window > "u" ? () => {} : (window.addEventListener(e, t, n), () => {
 		window.removeEventListener(e, t, n);
 	});
 }
-function oe(e, t = null) {
+function we(e, t = null) {
 	if (typeof document > "u") return null;
 	if (t) {
 		let e = document.querySelector(`[${t}]`);
@@ -393,10 +715,10 @@ function oe(e, t = null) {
 }
 //#endregion
 //#region src/core/i18n.js
-var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
+var Te = "yoya-ui:i18n", E = /* @__PURE__ */ new Map(), Ee = class {
 	constructor(e = {}) {
 		let t = e.language || "zh-CN";
-		this._key = e.key || null, this._storage = I(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? v : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && D(this);
+		this._key = e.key || null, this._storage = Ge(e.storage), this._storageKey = e.storageKey || null, this._sharedStorageKey = this._key ? Te : null, this._fallbackLanguage = e.fallbackLanguage || t, this._language = this._readStoredLanguage(t), this._messages = {}, this._listeners = /* @__PURE__ */ new Set(), this.registerMessages(e.messages || {}), this._key && Ne(this);
 	}
 	key() {
 		return this._key;
@@ -416,21 +738,31 @@ var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
 	clearPersistedLanguage() {
 		if (!this._storageKey) {
 			if (!this._sharedStorageKey) return this;
-			let e = k(this._storage, this._sharedStorageKey);
-			return delete e[this._key], A(this._storage, this._sharedStorageKey, e), this;
+			let e = A(this._storage, this._sharedStorageKey);
+			return delete e[this._key], j(this._storage, this._sharedStorageKey, e), this;
 		}
 		try {
 			this._storage.removeItem(this._storageKey);
 		} catch {}
 		return this;
 	}
+	registerLocale(e, t) {
+		if (!e || typeof t != "function") return Promise.reject(/* @__PURE__ */ TypeError("registerLocale requires a language name and a loader"));
+		let n;
+		try {
+			n = t();
+		} catch (e) {
+			return Promise.reject(e);
+		}
+		return Promise.resolve(n).then((t) => (this.register(e, t || {}), this));
+	}
 	register(e, t = {}) {
-		return e ? (F(t).forEach((t) => {
-			this._messages[e] = M(this._messages[e] || {}, t);
+		return e ? (R(t).forEach((t) => {
+			this._messages[e] = F(this._messages[e] || {}, t);
 		}), this._notify(), this) : this;
 	}
 	registerMessages(e = {}) {
-		return P(e).forEach((e) => {
+		return L(e).forEach((e) => {
 			if (e.language) {
 				this.register(e.language, e.messages || {});
 				return;
@@ -441,11 +773,11 @@ var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
 		}), this;
 	}
 	t(e, t = {}, n = void 0) {
-		let r = j(this._messages[this._language], e) ?? j(this._messages[this._fallbackLanguage], e) ?? n ?? e;
-		return fe(typeof r == "function" ? r(t, this) : r, t);
+		let r = M(this._messages[this._language], e) ?? M(this._messages[this._fallbackLanguage], e) ?? n ?? e;
+		return N(typeof r == "function" ? r(t, this) : r, t, this);
 	}
 	text(e, t = {}, n = void 0) {
-		return new x(this, e, t, n);
+		return new De(this, e, t, n);
 	}
 	subscribe(e) {
 		return this._listeners.add(e), () => {
@@ -458,7 +790,7 @@ var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
 		} catch {
 			return e;
 		}
-		return this._sharedStorageKey && k(this._storage, this._sharedStorageKey)[this._key] || e;
+		return this._sharedStorageKey && A(this._storage, this._sharedStorageKey)[this._key] || e;
 	}
 	_persistLanguage() {
 		if (this._storageKey) {
@@ -468,14 +800,14 @@ var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
 			return;
 		}
 		if (this._sharedStorageKey) {
-			let e = k(this._storage, this._sharedStorageKey);
-			e[this._key] = this._language, A(this._storage, this._sharedStorageKey, e);
+			let e = A(this._storage, this._sharedStorageKey);
+			e[this._key] = this._language, j(this._storage, this._sharedStorageKey, e);
 		}
 	}
 	_notify() {
 		this._listeners.forEach((e) => e(this));
 	}
-}, x = class extends l {
+}, De = class extends x {
 	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());
 	}
@@ -495,16 +827,16 @@ var v = "yoya-ui:i18n", y = /* @__PURE__ */ new Map(), b = class {
 		return this._unsubscribe &&= (this._unsubscribe(), null), super.destroy();
 	}
 };
-function S(e = {}) {
-	return new b(e);
+function Oe(e = {}) {
+	return new Ee(e);
 }
-var C = S();
-function se(e, t = {}) {
-	return C.text(e, t);
+var D = Oe();
+function ke(e, t = {}) {
+	return D.text(e, t);
 }
-var w = C;
-function T(e = C) {
-	return w = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
+var O = D;
+function Ae(e = D) {
+	return O = e, String.prototype._yoyaUiStringShortcutInstalled ? e : (Object.defineProperty(String.prototype, "_yoyaUiStringShortcutInstalled", {
 		configurable: !0,
 		enumerable: !1,
 		value: !0
@@ -512,43 +844,43 @@ function T(e = C) {
 		configurable: !0,
 		enumerable: !1,
 		value: function(e, t, n) {
-			let r = String(this), i = {}, a = w;
-			return E(t) ? a = t : typeof t == "string" ? a = O(t) || w : (i = t || {}, E(n) ? a = n : typeof n == "string" && (a = O(n) || w)), a.text(e || r, i, r);
+			let r = String(this), i = {}, a = O;
+			return Me(t) ? a = t : typeof t == "string" ? a = k(t) || O : (i = t || {}, Me(n) ? a = n : typeof n == "string" && (a = k(n) || O)), a.text(e || r, i, r);
 		}
 	}), e);
 }
-function ce(e, t) {
-	let n = w;
-	w = e || n;
+function je(e, t) {
+	let n = O;
+	O = e || n;
 	try {
 		return t();
 	} finally {
-		w = n;
+		O = n;
 	}
 }
-function E(e) {
+function Me(e) {
 	return !!(e && typeof e.text == "function");
 }
-function D(e) {
+function Ne(e) {
 	let t = e?.key?.();
-	return t ? (y.set(t, e), () => {
-		y.get(t) === e && y.delete(t);
+	return t ? (E.set(t, e), () => {
+		E.get(t) === e && E.delete(t);
 	}) : () => {};
 }
-function le(e) {
+function Pe(e) {
 	let t = typeof e == "string" ? e : e?.key?.();
-	return t && y.delete(t), t;
+	return t && E.delete(t), t;
 }
-function O(e) {
-	return e && y.get(e) || null;
+function k(e) {
+	return e && E.get(e) || null;
 }
-function ue() {
-	return new Map(y);
+function Fe() {
+	return new Map(E);
 }
-function de(e) {
-	return k(e || I(), v);
+function Ie(e) {
+	return A(e || Ge(), Te);
 }
-function k(e, t) {
+function A(e, t) {
 	if (!e) return {};
 	try {
 		let n = e.getItem(t);
@@ -559,97 +891,242 @@ function k(e, t) {
 		return {};
 	}
 }
-function A(e, t, n) {
+function j(e, t, n) {
 	if (e) try {
 		e.setItem(t, JSON.stringify(n));
 	} catch {}
 }
-T(C);
-function j(e, t) {
+Ae(D);
+function M(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 fe(e, t) {
-	return String(e).replace(/\{([^{}]+)\}/g, (e, n) => {
-		let r = t?.[n.trim()];
-		return r == null ? e : String(r);
-	});
+function N(e, t, n) {
+	let r = String(e), i = [], a = 0;
+	for (; a < r.length;) {
+		let e = r.charAt(a);
+		if (e === "{") {
+			let e = Le(r, a), o = r.slice(a + 1, e).trim();
+			i.push(Re(o, t, n, r.slice(a, e + 1))), a = e + 1;
+		} else i.push(e), a += 1;
+	}
+	return i.join("");
+}
+function Le(e, t) {
+	let n = 0;
+	for (let r = t; r < e.length; r += 1) {
+		let t = e.charAt(r);
+		if (t === "{") n += 1;
+		else if (t === "}" && (--n, n === 0)) return r;
+	}
+	return e.length - 1;
+}
+function Re(e, t, n, r) {
+	let i = ze(e);
+	if (i.length === 1) return P(t, i[0], r);
+	let [a, o, ...s] = i, c = P(t, a, void 0);
+	if (c == null) return r;
+	let l = n?.getLanguage?.() || "zh-CN";
+	if (/^number$/i.test(o || "")) return He(c, l);
+	if (/^date$/i.test(o || "")) return We(c, l, s[0]);
+	if (/^plural$/i.test(o || "")) {
+		let e = Ve(c, l), a = Be(i.slice(2).join(","));
+		return N(a[`=${c}`] ?? a[e] ?? a.other ?? r, t, n);
+	}
+	return r;
+}
+function ze(e) {
+	let t = [], n = 0, r = "";
+	for (let i of String(e)) i === "{" ? n += 1 : i === "}" && --n, i === "," && n === 0 ? (t.push(r.trim()), r = "") : r += i;
+	return r && t.push(r.trim()), t;
+}
+function P(e, t, n) {
+	let r = e?.[t];
+	return r === void 0 ? n : r;
+}
+function Be(e) {
+	let t = {}, n = /([^\s{}]+)\s*\{([^{}]*(?:\{[^{}]*\}[^{}]*)*)\}/g, r;
+	for (; r = n.exec(e);) t[r[1].trim()] = r[2].trim();
+	return t;
+}
+function Ve(e, t) {
+	let n = Number(e);
+	if (typeof Intl > "u" || typeof Intl.PluralRules != "function") return n === 1 ? "one" : "other";
+	try {
+		return new Intl.PluralRules(t).select(n);
+	} catch {
+		return n === 1 ? "one" : "other";
+	}
 }
-function M(e, t) {
+function He(e, t) {
+	if (typeof Intl > "u" || typeof Intl.NumberFormat != "function") return String(e);
+	try {
+		return new Intl.NumberFormat(t).format(e);
+	} catch {
+		return String(e);
+	}
+}
+var Ue = /* @__PURE__ */ new Set([
+	"full",
+	"long",
+	"medium",
+	"short"
+]);
+function We(e, t, n = "medium") {
+	if (typeof Intl > "u" || typeof Intl.DateTimeFormat != "function") return String(e);
+	try {
+		return new Intl.DateTimeFormat(t, { dateStyle: Ue.has(n) ? n : "medium" }).format(new Date(e));
+	} catch {
+		return String(e);
+	}
+}
+function F(e, t) {
 	let n = { ...e };
 	return Object.entries(t || {}).forEach(([e, t]) => {
-		N(t) && N(n[e]) ? n[e] = M(n[e], t) : n[e] = t;
+		I(t) && I(n[e]) ? n[e] = F(n[e], t) : n[e] = t;
 	}), n;
 }
-function N(e) {
+function I(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
-function P(e) {
-	return Array.isArray(e) ? e.flatMap((e) => P(e)) : [e || {}];
+function L(e) {
+	return Array.isArray(e) ? e.flatMap((e) => L(e)) : [e || {}];
 }
-function F(e) {
-	return Array.isArray(e) ? e.flatMap((e) => F(e)) : [e || {}];
+function R(e) {
+	return Array.isArray(e) ? e.flatMap((e) => R(e)) : [e || {}];
 }
-function I(e) {
+function Ge(e) {
 	if (e) return e;
 	try {
 		if (typeof globalThis < "u" && globalThis.localStorage) return globalThis.localStorage;
 	} catch {}
-	return pe();
+	return Ke();
 }
-var L = /* @__PURE__ */ new Map();
-function pe() {
+var z = /* @__PURE__ */ new Map();
+function Ke() {
 	return {
 		getItem(e) {
-			return L.has(e) ? L.get(e) : null;
+			return z.has(e) ? z.get(e) : null;
 		},
 		setItem(e, t) {
-			L.set(e, String(t));
+			z.set(e, String(t));
 		},
 		removeItem(e) {
-			L.delete(e);
+			z.delete(e);
 		}
 	};
 }
 //#endregion
+//#region src/core/context.js
+var B = [], V = null;
+function qe(e, t) {
+	if (!e || typeof e != "object") return t();
+	B.push(e);
+	try {
+		return t();
+	} finally {
+		B.pop();
+	}
+}
+function Je(e) {
+	return V = e && typeof e == "object" ? e : null, V;
+}
+function Ye() {
+	return V = null, null;
+}
+function Xe(e, t = void 0) {
+	for (let t = B.length - 1; t >= 0; --t) {
+		let n = B[t];
+		if (n && Object.prototype.hasOwnProperty.call(n, e)) return n[e];
+	}
+	return V && Object.prototype.hasOwnProperty.call(V, e) ? V[e] : t;
+}
+function Ze() {
+	let e = { ...V || {} };
+	return B.forEach((t) => Object.assign(e, t)), e;
+}
+//#endregion
+//#region src/core/devtools.js
+var Qe = !1, H = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new Map(), et = 1;
+function tt() {
+	return Qe;
+}
+function nt(e) {}
+function rt(e) {
+	let t = H.get(e);
+	return t === void 0 && (t = et, et += 1, H.set(e, t)), $e.set(t, e), t;
+}
+function it(e) {
+	let t = H.get(e);
+	t !== void 0 && $e.delete(t);
+}
+function at(e) {
+	let t = Ze();
+	e._devtoolsContext = Object.keys(t).length > 0 ? t : null;
+}
+function ot(e) {
+	return rt(e);
+}
+function st(e, t, n) {}
+function ct(e) {}
+var lt = Symbol.for("yoya.devtools.bridge");
+function ut() {
+	typeof globalThis > "u" || (globalThis[lt] = {
+		captureScope: at,
+		commit: ct,
+		emit: nt,
+		enabled: () => Qe,
+		ensureId: ot,
+		notify: st,
+		unregister: it
+	});
+}
+ut();
+//#endregion
 //#region src/core/state-node.js
-var me = /* @__PURE__ */ new Set([
+var dt = /* @__PURE__ */ new Set([
 	"state",
 	"render",
 	"update"
-]), he = /* @__PURE__ */ new Set([
+]), ft = /* @__PURE__ */ new Set([
+	"_attachHost",
 	"destroy",
 	"getState",
 	"setState",
 	"subscribe"
 ]);
-function R(e = {}) {
+function pt(e = {}) {
 	if (typeof e.render != "function") throw TypeError("vStateNode requires a render function");
-	let t = typeof e.state == "function" ? e.state() : { ...e.state || {} }, n = /* @__PURE__ */ new Set(), r = !1, i = null, a = {
+	let t = typeof e.state == "function" ? e.state() : { ...e.state || {} }, n = /* @__PURE__ */ new Set(), r = !1, i = null, a = null, o = [], s = {
+		_attachHost(e) {
+			return a = e, s;
+		},
 		destroy() {
-			return r ? a : (r = !0, n.clear(), i && i.destroy(), a);
+			if (r) return s;
+			if (r = !0, o = [], n.clear(), a = null, i) {
+				let e = i;
+				i = null, e.forEach((e) => e.destroy());
+			}
+			return s;
 		},
 		getState() {
-			return a.state();
+			return s.state();
 		},
 		render() {
-			if (r) return i;
-			if (!i) {
-				i = new p("div");
-				let e = i.destroy.bind(i);
-				i.destroy = () => (n.clear(), e()), o();
-			}
-			return i;
+			return r || i || c(), l();
 		},
 		setState(e) {
-			if (r || e == null) return a;
-			let o = typeof e == "function" ? e({ ...t }) : e;
-			if (!o || typeof o != "object") return a;
-			let c = /* @__PURE__ */ new Set();
-			return Object.entries(o).forEach(([e, n]) => {
-				t[e] !== n && (t[e] = n, c.add(e));
-			}), c.size > 0 && (i && s(c), n.forEach((e) => e(t, a))), a;
+			if (r || e == null) return s;
+			let a = typeof e == "function" ? e({ ...t }) : e;
+			if (!a || typeof a != "object") return s;
+			let o = /* @__PURE__ */ new Set(), c = tt() ? {} : null;
+			return Object.entries(a).forEach(([e, n]) => {
+				t[e] !== n && (c && (c[e] = {
+					from: t[e],
+					to: n
+				}), t[e] = n, o.add(e));
+			}), o.size > 0 && (i && ee(o), n.forEach((e) => e(t, s)), tt() && c && { ...t }), s;
 		},
 		state() {
 			return { ...t };
@@ -659,91 +1136,173 @@ function R(e = {}) {
 			return n.add(e), () => n.delete(e);
 		}
 	};
-	for (let t of Object.keys(e)) if (!(me.has(t) || typeof e[t] != "function")) {
-		if (he.has(t)) throw TypeError(`vStateNode config key "${t}" conflicts with the built-in API`);
-		a[t] = e[t];
-	}
-	return a;
-	function o() {
-		let n = e.render.call(a, t, a);
-		i.clearChildren().child(n), i._el && i.commit();
-	}
-	function s(n) {
-		if (typeof e.update == "function") {
-			e.update.call(a, t, a, n) === !0 && o();
+	for (let t of Object.keys(e)) if (!(dt.has(t) || typeof e[t] != "function")) {
+		if (ft.has(t)) throw TypeError(`vStateNode config key "${t}" conflicts with the built-in API`);
+		s[t] = e[t];
+	}
+	return s;
+	function c() {
+		let n = i || [];
+		o = [];
+		let r = se({
+			bindings: o,
+			getState: () => t
+		}, () => e.render.call(s, t, s)), c = Array.isArray(r) ? r.slice() : [r];
+		if (c.forEach((e) => {
+			if (!(e instanceof b)) throw TypeError("vStateNode render must return a ViewNode or an array of ViewNodes");
+		}), i = c, u(), a) {
+			a._replaceResolved(l());
 			return;
 		}
-		o();
+		if (n.length > 0) {
+			let e = n.length === 1 ? n[0] : null;
+			if (e && e._el && e._el.parentNode && c.length === 1) {
+				let t = c[0].renderDom();
+				t && e._el.parentNode.replaceChild(t, e._el);
+			}
+			n.forEach((e) => e.destroy());
+		}
+	}
+	function l() {
+		return i ? i.length === 1 ? i[0] : i : null;
+	}
+	function u() {
+		o.forEach((e) => {
+			let t = e.evaluate();
+			(!e.committed || !Object.is(t, e.last)) && (e.committed = !0, e.last = t, e.commit(t));
+		});
+	}
+	function ee(n) {
+		return typeof e.update == "function" ? e.update.call(s, t, s, n) === !0 ? (c(), "rebuild") : o.length > 0 ? (u(), "bindings") : "update" : o.length > 0 ? (u(), "bindings") : (c(), "rebuild");
 	}
 }
-h(p, { vStateNode: R });
+w(C, { vStateNode: pt });
+//#endregion
+//#region src/core/a11y.js
+var mt = [
+	"a[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(", "), ht = "data-yoya-live";
+function U(e) {
+	return !e || typeof e.querySelectorAll != "function" ? [] : Array.from(e.querySelectorAll(mt)).filter((e) => e.getAttribute && e.getAttribute("tabindex") !== "-1");
+}
+function gt(e, t = {}) {
+	let { onEscape: n = null, restoreFocus: r = !0 } = t;
+	if (typeof document > "u" || !e) return {
+		activate() {},
+		destroy() {}
+	};
+	let i = !1, a = null, o = null, s = (t) => {
+		if (!i) return;
+		if (t.key === "Escape") {
+			n && n(t);
+			return;
+		}
+		if (t.key !== "Tab") return;
+		let r = U(e);
+		if (r.length === 0) {
+			t.preventDefault();
+			return;
+		}
+		let a = document.activeElement, o = r.indexOf(a), s;
+		s = t.shiftKey ? o <= 0 ? r.length - 1 : o - 1 : o === -1 || o === r.length - 1 ? 0 : o + 1, t.preventDefault(), r[s].focus();
+	};
+	return {
+		activate: () => {
+			if (i) return;
+			i = !0, a = document.activeElement, o = xe("keydown", s);
+			let t = U(e)[0];
+			t && t.focus();
+		},
+		destroy: () => {
+			i && (i = !1, o &&= (o(), null), r && a && typeof a.isConnected == "boolean" && a.isConnected && typeof a.focus == "function" && a.focus());
+		}
+	};
+}
+function _t(e, t = {}) {
+	if (typeof document > "u") return null;
+	let { politeness: n = "polite", dedupeKey: r = "yoya-announce" } = t, i = document.querySelector(`[${ht}="${r}"]`);
+	return i || (i = document.createElement("div"), i.setAttribute(ht, r), i.setAttribute("aria-live", n), i.setAttribute("aria-atomic", "true"), i.className = "yoya-a11y-live", i.style.cssText = "position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px;", document.body.appendChild(i)), i.textContent = "", queueMicrotask(() => {
+		i.textContent = String(e);
+	}), i;
+}
+function vt({ key: e, items: t, currentIndex: n = -1, shiftKey: r = !1 }) {
+	let i = t?.length || 0;
+	if (i === 0) return -1;
+	let a = i - 1, o = n >= 0 && n < i ? n : -1;
+	return e === "Home" ? 0 : e === "End" ? a : e === "ArrowDown" ? r ? -1 : o === a ? 0 : o + 1 : e === "ArrowUp" ? r || o <= 0 ? a : o - 1 : o;
+}
 //#endregion
 //#region src/core/theme.js
-var z = [
+var W = [
 	"light",
 	"dark",
 	"system"
-], B = "yoya-theme-mode", V = "yoya-theme-name";
-function H() {
+], yt = "yoya-theme-mode", G = "yoya-theme-name";
+function K() {
 	return typeof document > "u" ? null : document.documentElement;
 }
-function U() {
+function q() {
 	try {
 		return typeof localStorage < "u" && localStorage !== null;
 	} catch {
 		return !1;
 	}
 }
-function W(e = "light", t = {}) {
-	let n = z.includes(e) ? e : "light", r = H();
-	if (r && (r.dataset.yoyaMode = n), t.persist && U()) try {
-		localStorage.setItem(B, n);
+function bt(e = "light", t = {}) {
+	let n = W.includes(e) ? e : "light", r = K();
+	if (r && (r.dataset.yoyaMode = n), t.persist && q()) try {
+		localStorage.setItem(yt, n);
 	} catch {}
 	return n;
 }
-function G() {
-	let e = H(), t = e && e.dataset.yoyaMode;
-	return z.includes(t) ? t : "light";
+function J() {
+	let e = K(), t = e && e.dataset.yoyaMode;
+	return W.includes(t) ? t : "light";
 }
-function ge() {
-	let e = G();
+function xt() {
+	let e = J();
 	return e === "system" ? typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : e;
 }
-function K(e = "", t = {}) {
-	let n = H();
+function St(e = "", t = {}) {
+	let n = K();
 	if (!e) {
-		if (n && delete n.dataset.yoyaTheme, t.persist && U()) try {
-			localStorage.removeItem(V);
+		if (n && delete n.dataset.yoyaTheme, t.persist && q()) try {
+			localStorage.removeItem(G);
 		} catch {}
 		return "";
 	}
-	if (n && (n.dataset.yoyaTheme = e), t.persist && U()) try {
-		localStorage.setItem(V, e);
+	if (n && (n.dataset.yoyaTheme = e), t.persist && q()) try {
+		localStorage.setItem(G, e);
 	} catch {}
 	return e;
 }
-function q() {
-	let e = H();
+function Ct() {
+	let e = K();
 	return e && e.dataset.yoyaTheme || "";
 }
-function _e(e = {}) {
+function wt(e = {}) {
 	let t = e.mode, n = e.theme;
-	if (t === void 0 && U()) {
-		let e = localStorage.getItem(B);
-		z.includes(e) && (t = e);
+	if (t === void 0 && q()) {
+		let e = localStorage.getItem(yt);
+		W.includes(e) && (t = e);
 	}
-	return n === void 0 && U() && (n = localStorage.getItem(V) || ""), t !== void 0 && W(t, { persist: e.persist }), n !== void 0 && K(n, { persist: e.persist }), {
-		mode: G(),
-		theme: q()
+	return n === void 0 && q() && (n = localStorage.getItem(G) || ""), t !== void 0 && bt(t, { persist: e.persist }), n !== void 0 && St(n, { persist: e.persist }), {
+		mode: J(),
+		theme: Ct()
 	};
 }
 //#endregion
 //#region src/core/request.js
-var J = null;
-function ve({ submit: e } = {}) {
-	return J = typeof e == "function" ? e : null, J;
+var Y = null;
+function Tt({ submit: e } = {}) {
+	return Y = typeof e == "function" ? e : null, Y;
 }
-var ye = class {
+var Et = class {
 	method() {
 		return "GET";
 	}
@@ -763,10 +1322,10 @@ var ye = class {
 		return "";
 	}
 	submit() {
-		if (typeof J != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
-		return J(this);
+		if (typeof Y != "function") throw Error("RequestBase: 未注册请求传输，请先 configureRequest({ submit })");
+		return Y(this);
 	}
-}, be = class e {
+}, Dt = class e {
 	constructor({ ok: e = !0, code: t = "0", msg: n = null, showType: r = 0, data: i = null, kind: a = "detail", pageNum: o = null, pageSize: s = null, total: c = null } = {}) {
 		this.ok = e, this.code = t, this.msg = n, this.showType = r, this.data = i, this.kind = a, this.pageNum = o, this.pageSize = s, this.total = c;
 	}
@@ -794,7 +1353,7 @@ var ye = class {
 			total: t.total
 		});
 	}
-}, Y = class extends p {}, xe = [
+}, X = class extends C {}, Ot = [
 	"a",
 	"abbr",
 	"address",
@@ -916,18 +1475,18 @@ var ye = class {
 	"video",
 	"wbr"
 ];
-function X() {
-	return xe.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = kn(t), a = m(i, Y);
+function Z() {
+	return Ot.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = Lr(t), a = ve(i, X);
 		return e[r] = a, n.forEach((t) => {
 			e[t] = a;
 		}), e;
 	}, {});
 }
-var Z = X();
-h(Y, Z);
-var { a: Se, abbr: Ce, address: we, area: Te, article: Ee, aside: De, audio: Oe, b: ke, base: Ae, bdi: je, bdo: Me, blockquote: Ne, body: Pe, br: Fe, button: Ie, canvas: Le, caption: Re, cite: ze, code: Be, col: Ve, colgroup: He, data: Ue, datalist: We, dd: Ge, del: Ke, details: qe, dfn: Je, dialog: Ye, div: Xe, dl: Ze, dt: Qe, em: $e, embed: et, fieldset: tt, figcaption: nt, figure: rt, footer: it, form: at, h1: ot, h2: st, h3: ct, h4: lt, h5: ut, h6: dt, head: ft, header: pt, hgroup: mt, hr: ht, html: gt, i: _t, iframe: vt, img: yt, input: bt, ins: xt, kbd: St, label: Ct, legend: wt, li: Tt, link: Et, main: Dt, map: Ot, mark: kt, menu: At, meta: jt, meter: Mt, nav: Nt, noscript: Pt, object: Ft, ol: It, optgroup: Lt, option: Rt, output: zt, p: Bt, picture: Vt, pre: Ht, progress: Ut, q: Wt, rp: Gt, rt: Kt, ruby: qt, s: Jt, samp: Yt, script: Xt, search: Zt, section: Qt, select: $t, selectedcontent: en, slot: tn, small: nn, source: rn, span: an, strong: on, style: sn, styleTag: cn, sub: ln, summary: un, sup: dn, table: fn, tbody: pn, td: mn, template: hn, textarea: gn, tfoot: _n, th: vn, thead: yn, time: bn, title: xn, tr: Sn, track: Cn, u: wn, ul: Tn, varTag: En, video: Dn, wbr: On } = Z;
-function kn(e) {
+var kt = Z();
+w(X, kt);
+var { a: At, abbr: jt, address: Mt, area: Nt, article: Pt, aside: Ft, audio: It, b: Lt, base: Rt, bdi: zt, bdo: Bt, blockquote: Vt, body: Ht, br: Ut, button: Wt, canvas: Gt, caption: Kt, cite: qt, code: Jt, col: Yt, colgroup: Xt, data: Zt, datalist: Qt, dd: $t, del: en, details: tn, dfn: nn, dialog: rn, div: an, dl: on, dt: sn, em: cn, embed: ln, fieldset: un, figcaption: dn, figure: fn, footer: pn, form: mn, h1: hn, h2: gn, h3: _n, h4: vn, h5: yn, h6: bn, head: xn, header: Sn, hgroup: Cn, hr: wn, html: Tn, i: En, iframe: Dn, img: On, input: kn, ins: An, kbd: jn, label: Mn, legend: Nn, li: Pn, link: Fn, main: In, map: Ln, mark: Rn, menu: zn, meta: Bn, meter: Vn, nav: Hn, noscript: Un, object: Wn, ol: Gn, optgroup: Kn, option: qn, output: Jn, p: Yn, picture: Xn, pre: Zn, progress: Qn, q: $n, rp: er, rt: tr, ruby: nr, s: rr, samp: ir, script: ar, search: or, section: sr, select: cr, selectedcontent: lr, slot: ur, small: dr, source: fr, span: pr, strong: mr, style: hr, styleTag: gr, sub: _r, summary: vr, sup: yr, table: br, tbody: xr, td: Sr, template: Cr, textarea: wr, tfoot: Tr, th: Er, thead: Dr, time: Or, title: kr, tr: Ar, track: jr, u: Mr, ul: Nr, varTag: Pr, video: Fr, wbr: Ir } = kt;
+function Lr(e) {
 	return typeof e == "string" ? {
 		name: e,
 		tagName: e
@@ -935,7 +1494,7 @@ function kn(e) {
 }
 //#endregion
 //#region src/svg/icons.js
-function An() {
+function Rr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -951,7 +1510,7 @@ function An() {
 		}), e.path({ d: "M12 5v14" }), e.path({ d: "m19 12-7 7-7-7" });
 	});
 }
-function jn() {
+function zr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -967,7 +1526,7 @@ function jn() {
 		}), e.path({ d: "M19 12H5" }), e.path({ d: "m12 19-7-7 7-7" });
 	});
 }
-function Mn() {
+function Br() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -983,7 +1542,7 @@ function Mn() {
 		}), e.path({ d: "M5 12h14" }), e.path({ d: "m12 5 7 7-7 7" });
 	});
 }
-function Nn() {
+function Vr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -999,7 +1558,7 @@ function Nn() {
 		}), e.path({ d: "M12 19V5" }), e.path({ d: "m5 12 7-7 7 7" });
 	});
 }
-function Pn() {
+function Hr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1015,7 +1574,7 @@ function Pn() {
 		}), e.path({ d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }), e.path({ d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" });
 	});
 }
-function Fn() {
+function Ur() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1037,7 +1596,7 @@ function Fn() {
 		}), e.path({ d: "M16 2v4" }), e.path({ d: "M8 2v4" }), e.path({ d: "M3 10h18" });
 	});
 }
-function In() {
+function Wr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1053,7 +1612,7 @@ function In() {
 		}), e.path({ d: "M20 6 9 17l-5-5" });
 	});
 }
-function Ln() {
+function Gr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1069,7 +1628,7 @@ function Ln() {
 		}), e.path({ d: "m6 9 6 6 6-6" });
 	});
 }
-function Rn() {
+function Kr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1085,7 +1644,7 @@ function Rn() {
 		}), e.path({ d: "m15 18-6-6 6-6" });
 	});
 }
-function zn() {
+function qr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1101,7 +1660,7 @@ function zn() {
 		}), e.path({ d: "m9 18 6-6-6-6" });
 	});
 }
-function Bn() {
+function Jr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1117,7 +1676,7 @@ function Bn() {
 		}), e.path({ d: "m18 15-6-6-6 6" });
 	});
 }
-function Vn() {
+function Yr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1133,7 +1692,7 @@ function Vn() {
 		}), e.path({ d: "M18 6 6 18" }), e.path({ d: "m6 6 12 12" });
 	});
 }
-function Hn() {
+function Xr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1149,7 +1708,7 @@ function Hn() {
 		}), e.path({ d: "m16 18 6-6-6-6" }), e.path({ d: "m8 6-6 6 6 6" });
 	});
 }
-function Un() {
+function Zr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1171,7 +1730,7 @@ function Un() {
 		}), e.path({ d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" });
 	});
 }
-function Wn() {
+function Qr() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1187,7 +1746,7 @@ function Wn() {
 		}), e.path({ d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), e.path({ d: "m7 10 5 5 5-5" }), e.path({ d: "M12 15V3" });
 	});
 }
-function Gn() {
+function $r() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1203,7 +1762,7 @@ function Gn() {
 		}), e.path({ d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" });
 	});
 }
-function Kn() {
+function ei() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1219,7 +1778,7 @@ function Kn() {
 		}), e.path({ d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), e.path({ d: "m15 3 6 6" }), e.path({ d: "m21 3-9 9" });
 	});
 }
-function qn() {
+function ti() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1239,7 +1798,7 @@ function qn() {
 		});
 	});
 }
-function Jn() {
+function ni() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1255,7 +1814,7 @@ function Jn() {
 		}), e.path({ d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), e.path({ d: "M14 2v4a2 2 0 0 0 2 2h4" });
 	});
 }
-function Yn() {
+function ri() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1281,7 +1840,7 @@ function Yn() {
 		}), e.path({ d: "m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21" });
 	});
 }
-function Xn() {
+function ii() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1297,7 +1856,7 @@ function Xn() {
 		}), e.path({ d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" });
 	});
 }
-function Zn() {
+function ai() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1313,7 +1872,7 @@ function Zn() {
 		}), e.path({ d: "m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2" });
 	});
 }
-function Qn() {
+function oi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1329,7 +1888,7 @@ function Qn() {
 		}), e.path({ d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" });
 	});
 }
-function $n() {
+function si() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1345,7 +1904,7 @@ function $n() {
 		}), e.path({ d: "m3 9.5 9-6.5 9 6.5" }), e.path({ d: "M5 10v10h5v-6h4v6h5V10" });
 	});
 }
-function er() {
+function ci() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1365,7 +1924,7 @@ function er() {
 		}), e.path({ d: "M12 16v-4" }), e.path({ d: "M12 8h.01" });
 	});
 }
-function tr() {
+function li() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1387,7 +1946,7 @@ function tr() {
 		}), e.path({ d: "M7 11V7a5 5 0 0 1 10 0v4" });
 	});
 }
-function nr() {
+function ui() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1403,7 +1962,7 @@ function nr() {
 		}), e.path({ d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), e.path({ d: "m16 17 5-5-5-5" }), e.path({ d: "M21 12H9" });
 	});
 }
-function rr() {
+function di() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1425,7 +1984,7 @@ function rr() {
 		}), e.path({ d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" });
 	});
 }
-function ir() {
+function fi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1441,7 +2000,7 @@ function ir() {
 		}), e.path({ d: "M4 6h16" }), e.path({ d: "M4 12h16" }), e.path({ d: "M4 18h16" });
 	});
 }
-function ar() {
+function pi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1457,7 +2016,7 @@ function ar() {
 		}), e.path({ d: "M5 12h14" });
 	});
 }
-function or() {
+function mi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1488,7 +2047,7 @@ function or() {
 		});
 	});
 }
-function sr() {
+function hi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1504,7 +2063,7 @@ function sr() {
 		}), e.path({ d: "M5 12h14" }), e.path({ d: "M12 5v14" });
 	});
 }
-function cr() {
+function gi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1520,7 +2079,7 @@ function cr() {
 		}), e.path({ d: "M3 12a9 9 0 0 1 15-6.7L21 8" }), e.path({ d: "M21 3v5h-5" }), e.path({ d: "M21 12a9 9 0 0 1-15 6.7L3 16" }), e.path({ d: "M3 21v-5h5" });
 	});
 }
-function lr() {
+function _i() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1540,7 +2099,7 @@ function lr() {
 		}), e.path({ d: "m20 20-4-4" });
 	});
 }
-function ur() {
+function vi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1560,7 +2119,7 @@ function ur() {
 		}), e.path({ d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z" });
 	});
 }
-function dr() {
+function yi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1580,7 +2139,7 @@ function dr() {
 		});
 	});
 }
-function fr() {
+function bi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1596,7 +2155,7 @@ function fr() {
 		}), e.path({ d: "M3 6h18" }), e.path({ d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), e.path({ d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }), e.path({ d: "M10 10v6" }), e.path({ d: "M14 10v6" });
 	});
 }
-function pr() {
+function xi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1612,7 +2171,7 @@ function pr() {
 		}), e.path({ d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), e.path({ d: "m17 8-5-5-5 5" }), e.path({ d: "M12 3v12" });
 	});
 }
-function mr() {
+function Si() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1632,7 +2191,7 @@ function mr() {
 		});
 	});
 }
-function hr() {
+function Ci() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1648,7 +2207,7 @@ function hr() {
 		}), e.path({ d: "M21.73 18 13.34 3.7a2 2 0 0 0-3.44 0L2.27 18A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }), e.path({ d: "M12 9v4" }), e.path({ d: "M12 17h.01" });
 	});
 }
-function gr() {
+function wi() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1668,7 +2227,7 @@ function gr() {
 		}), e.path({ d: "M12 2v2" }), e.path({ d: "M12 20v2" }), e.path({ d: "m4.93 4.93 1.41 1.41" }), e.path({ d: "m17.66 17.66 1.41 1.41" }), e.path({ d: "M2 12h2" }), e.path({ d: "M20 12h2" }), e.path({ d: "m6.34 17.66-1.41 1.41" }), e.path({ d: "m19.07 4.93-1.41 1.41" });
 	});
 }
-function _r() {
+function Ti() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1684,7 +2243,7 @@ function _r() {
 		}), e.path({ d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" });
 	});
 }
-function vr() {
+function Ei() {
 	return $((e) => {
 		e.className("yoya-icon").attr({
 			"aria-hidden": "true",
@@ -1708,19 +2267,19 @@ function vr() {
 }
 //#endregion
 //#region src/svg/index.js
-var yr = "http://www.w3.org/2000/svg", br = /* @__PURE__ */ new Set([
+var Di = "http://www.w3.org/2000/svg", Oi = /* @__PURE__ */ new Set([
 	"desc",
 	"metadata",
 	"text",
 	"textPath",
 	"title",
 	"tspan"
-]), Q = class e extends p {
+]), Q = class e extends C {
 	setup(e) {
 		return typeof e == "string" || typeof e == "number" ? this.child(e) : super.setup(e);
 	}
 	text(...e) {
-		if (br.has(this._tagName)) {
+		if (Oi.has(this._tagName)) {
 			let [t, n] = e;
 			return e.length > 0 && this.child(t), n != null && this.setup(n), this;
 		}
@@ -1728,10 +2287,10 @@ var yr = "http://www.w3.org/2000/svg", br = /* @__PURE__ */ new Set([
 	}
 	style(...e) {
 		let [t, n] = e;
-		return this._tagName === "style" && e.length <= 1 ? (e.length === 1 && this.child(t), this) : e.length <= 1 && xr(t) ? this._svgChild("style", t) : super.style(t, n);
+		return this._tagName === "style" && e.length <= 1 ? (e.length === 1 && this.child(t), this) : e.length <= 1 && ki(t) ? this._svgChild("style", t) : super.style(t, n);
 	}
 	renderDom() {
-		return this._deleted ? null : (this._el || (this._el = document.createElementNS(yr, this._tagName), this._applySnapshotToElement()), this._el);
+		return this._deleted ? null : (this._el || (this._el = document.createElementNS(Di, this._tagName), this._applySnapshotToElement()), this._el);
 	}
 	_syncClassName() {
 		let e = [...this._classes].join(" ");
@@ -1744,11 +2303,11 @@ var yr = "http://www.w3.org/2000/svg", br = /* @__PURE__ */ new Set([
 		}), this.child(r);
 	}
 };
-function xr(e) {
+function ki(e) {
 	return e == null || typeof e == "function" || typeof e == "string" || typeof e == "number" || Array.isArray(e);
 }
-var Sr = /* @__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 Cr(e) {
+var Ai = /* @__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 ji(e) {
 	return function(...t) {
 		let n = new Q(e);
 		return e === "svg" && n.style("display", "block"), t.forEach((e) => {
@@ -1756,24 +2315,24 @@ function Cr(e) {
 		}), n;
 	};
 }
-function wr() {
-	return Sr.reduce((e, t) => {
-		let { aliases: n = [], name: r, tagName: i } = Er(t), a = Cr(i);
+function Mi() {
+	return Ai.reduce((e, t) => {
+		let { aliases: n = [], name: r, tagName: i } = Pi(t), a = ji(i);
 		return e[r] = a, n.forEach((t) => {
 			e[t] = a;
 		}), e;
 	}, {});
 }
-var $ = Cr("svg"), Tr = wr();
-h(Y, { svg: $ }), h(Q, {
+var $ = ji("svg"), Ni = Mi();
+w(X, { svg: $ }), w(Q, {
 	svg: $,
-	...Tr
+	...Ni
 });
-function Er(e) {
+function Pi(e) {
 	return typeof e == "string" ? {
 		name: e,
 		tagName: e
 	} : e;
 }
 //#endregion
-export { An as ArrowDownOutlined, jn as ArrowLeftOutlined, Mn as ArrowRightOutlined, Nn as ArrowUpOutlined, Pn as BellOutlined, Fn as CalendarOutlined, In as CheckOutlined, Ln as ChevronDownOutlined, Rn as ChevronLeftOutlined, zn as ChevronRightOutlined, Bn as ChevronUpOutlined, g as ClientOnlyNode, Vn as CloseOutlined, Hn as CodeOutlined, ee as ComponentNode, Un as CopyOutlined, Wn as DownloadOutlined, Gn as EditOutlined, p as ElementNode, Kn as ExternalOutlined, qn as EyeOutlined, Jn as FileOutlined, Zn as FolderOpenOutlined, Xn as FolderOutlined, Qn as HeartOutlined, $n as HomeOutlined, Y as HtmlElementNode, b as I18n, x as I18nTextNode, Yn as ImageOutlined, er as InfoOutlined, tr as LockOutlined, nr as LogoutOutlined, rr as MailOutlined, ir as MenuOutlined, ar as MinusOutlined, vr as MonitorOutlined, _r as MoonOutlined, or as MoreHorizontalOutlined, sr as PlusOutlined, cr as RefreshOutlined, ye as RequestBase, be as Result, yr as SVG_NAMESPACE, lr as SearchOutlined, ur as SettingsOutlined, dr as StarOutlined, gr as SunOutlined, Q as SvgElementNode, l as TextNode, l as VTextNode, l as ViewTextNode, fr as TrashOutlined, pr as UploadOutlined, mr as UserOutlined, c as ViewNode, hr as WarningOutlined, Se as a, Ce as abbr, we as address, f as applyElementOptions, Te as area, Ee as article, De as aside, Oe as audio, ke as b, Ae as base, je as bdi, Me as bdo, re as bindDocumentEvent, ae as bindWindowEvent, Ne as blockquote, Pe as body, Fe as br, Ie as button, Le as canvas, Re as caption, ze as cite, Be as code, Ve as col, He as colgroup, ve as configureRequest, m as createElementFactory, X as createHtmlFactories, S as createI18n, Ue as data, We as datalist, Ge as dd, Ke as del, qe as details, Je as dfn, Ye as dialog, Xe as div, Ze as dl, Qe as dt, $e as em, et as embed, r as escapeHtml, tt as fieldset, nt as figcaption, rt as figure, it as footer, at as form, O as getI18n, de as getPersistedI18nLocales, G as getYoyaMode, q as getYoyaTheme, ot as h1, st as h2, ct as h3, lt as h4, ut as h5, dt as h6, ft as head, pt as header, mt as hgroup, ht as hr, gt as html, _t as i, C as i18n, se as i18nText, vt as iframe, yt as img, _e as initYoyaTheme, oe as injectDocumentStyle, bt as input, xt as ins, T as installI18nStringShortcut, St as kbd, Ct as label, wt as legend, Tt as li, Et as link, ue as listI18n, Dt as main, Ot as map, kt as mark, At as menu, jt as meta, Mt as meter, Nt as nav, u as normalizeChild, d as normalizeSetupArguments, Pt as noscript, Ft as object, It as ol, Lt as optgroup, Rt as option, zt as output, Bt as p, Vt as picture, Ht as pre, Ut as progress, Wt as q, h as registerChildFactories, D as registerI18n, n as resolveTarget, ge as resolveYoyaMode, Gt as rp, Kt as rt, qt as ruby, Jt as s, Yt as samp, Xt as script, Zt as search, Qt as section, $t as select, en as selectedcontent, W as setYoyaMode, K as setYoyaTheme, tn as slot, nn as small, rn as source, an as span, on as strong, sn as style, cn as styleTag, ln as sub, un as summary, dn as sup, $ as svg, fn as table, pn as tbody, mn as td, hn as template, te as text, te as vText, gn as textarea, _n as tfoot, vn as th, yn as thead, bn as time, xn as title, Sn as tr, Cn as track, wn as u, Tn as ul, ie as unbindDocumentEvent, le as unregisterI18n, ne as vClientOnly, R as vStateNode, En as varTag, Dn as video, On as wbr, ce as withI18nStringShortcut };
+export { Rr as ArrowDownOutlined, zr as ArrowLeftOutlined, Br as ArrowRightOutlined, Vr as ArrowUpOutlined, Hr as BellOutlined, Ur as CalendarOutlined, Wr as CheckOutlined, Gr as ChevronDownOutlined, Kr as ChevronLeftOutlined, qr as ChevronRightOutlined, Jr as ChevronUpOutlined, ye as ClientOnlyNode, Yr as CloseOutlined, Xr as CodeOutlined, me as ComponentNode, Zr as CopyOutlined, Qr as DownloadOutlined, $r as EditOutlined, C as ElementNode, ei as ExternalOutlined, ti as EyeOutlined, ni as FileOutlined, ai as FolderOpenOutlined, ii as FolderOutlined, oi as HeartOutlined, si as HomeOutlined, X as HtmlElementNode, Ee as I18n, De as I18nTextNode, ri as ImageOutlined, ci as InfoOutlined, li as LockOutlined, ui as LogoutOutlined, di as MailOutlined, fi as MenuOutlined, pi as MinusOutlined, Ei as MonitorOutlined, Ti as MoonOutlined, mi as MoreHorizontalOutlined, hi as PlusOutlined, gi as RefreshOutlined, Et as RequestBase, Dt as Result, Di as SVG_NAMESPACE, _i as SearchOutlined, vi as SettingsOutlined, yi as StarOutlined, wi as SunOutlined, Q as SvgElementNode, x as TextNode, x as VTextNode, x as ViewTextNode, bi as TrashOutlined, xi as UploadOutlined, Si as UserOutlined, b as ViewNode, Ci as WarningOutlined, At as a, jt as abbr, Mt as address, _t as announce, _e as applyElementOptions, Nt as area, Pt as article, Ft as aside, It as audio, Lt as b, Rt as base, zt as bdi, Bt as bdo, xe as bindDocumentEvent, Ce as bindWindowEvent, Vt as blockquote, Ht as body, Ut as br, Wt as button, Gt as canvas, Kt as caption, qt as cite, Ye as clearInstalledContext, Jt as code, Yt as col, Xt as colgroup, Tt as configureRequest, i as createAccess, ve as createElementFactory, gt as createFocusTrap, Z as createHtmlFactories, Oe as createI18n, s as currentAccess, Xe as currentContext, Zt as data, Qt as datalist, $t as dd, en as del, tn as details, nn as dfn, rn as dialog, an as div, on as dl, sn as dt, cn as em, ln as embed, v as escapeHtml, un as fieldset, dn as figcaption, fn as figure, pn as footer, mn as form, U as getFocusableElements, k as getI18n, Ie as getPersistedI18nLocales, J as getYoyaMode, Ct as getYoyaTheme, hn as h1, gn as h2, _n as h3, vn as h4, yn as h5, bn as h6, xn as head, Sn as header, Cn as hgroup, wn as hr, Tn as html, En as i, D as i18n, ke as i18nText, Dn as iframe, On as img, wt as initYoyaTheme, we as injectDocumentStyle, kn as input, An as ins, o as installAccess, Je as installContext, Ae as installI18nStringShortcut, jn as kbd, Mn as label, Nn as legend, Pn as li, Fn as link, Fe as listI18n, In as main, Ln as map, Rn as mark, zn as menu, Bn as meta, Vn as meter, vt as moveByKey, Hn as nav, S as normalizeChild, ge as normalizeSetupArguments, Un as noscript, Wn as object, Gn as ol, Kn as optgroup, qn as option, Jn as output, Yn as p, n as parseAccessSpec, Xn as picture, Zn as pre, Qn as progress, $n as q, w as registerChildFactories, Ne as registerI18n, le as resolveTarget, xt as resolveYoyaMode, er as rp, tr as rt, nr as ruby, rr as s, ir as samp, ar as script, or as search, sr as section, cr as select, lr as selectedcontent, bt as setYoyaMode, St as setYoyaTheme, ur as slot, dr as small, Ze as snapshotContext, fr as source, pr as span, r as stripAccessCode, mr as strong, hr as style, gr as styleTag, _r as sub, vr as summary, yr as sup, $ as svg, br as table, xr as tbody, Sr as td, Cr as template, he as text, he as vText, wr as textarea, Tr as tfoot, Er as th, Dr as thead, Or as time, kr as title, Ar as tr, jr as track, Mr as u, Nr as ul, Se as unbindDocumentEvent, Pe as unregisterI18n, be as vClientOnly, pt as vStateNode, Pr as varTag, Fr as video, Ir as wbr, a as withAccess, qe as withContext, je as withI18nStringShortcut };