@vaebe/ccui 2.0.0-beta.0 → 2.0.1-beta.2

package/form/index.es.js

@@ -1,22 +1,38 @@
-import { computed as e, defineComponent as t, getCurrentInstance as n, h as r, inject as i, onMounted as a, onUnmounted as o, provide as s, reactive as c, ref as l, toRef as u, watch as d } from "vue";
+import { computed as e, defineComponent as t, getCurrentInstance as n, h as r, inject as i, nextTick as a, onMounted as o, onUnmounted as s, provide as c, reactive as l, ref as u, shallowRef as d, toRef as f, watch as p } from "vue";
 //#region ../ccui/ui/shared/hooks/use-namespace.ts
-function f(e, t, n) {
+function m(e, t, n) {
 	let r = e;
 	return t && (r += `__${t}`), n && (r += `--${n}`), r;
 }
-function p(e, t = !1) {
+function h(e, t = !1) {
 	let n = t ? `.ccui-${e}` : `ccui-${e}`;
 	return {
-		b: () => f(n),
-		e: (e) => e ? f(n, e) : "",
-		m: (e) => e ? f(n, "", e) : "",
-		em: (e, t) => e && t ? f(n, e, t) : "",
+		b: () => m(n),
+		e: (e) => e ? m(n, e) : "",
+		m: (e) => e ? m(n, "", e) : "",
+		em: (e, t) => e && t ? m(n, e, t) : "",
 		is: (e) => `is-${e}`
 	};
 }
 //#endregion
+//#region ../ccui/ui/shared/utils/deprecated.ts
+var g = /* @__PURE__ */ new Set();
+function _() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function v(e, t, n) {
+	if (!_()) return;
+	let r = n ? `${n}.${e}` : e;
+	if (g.has(r) || (g.add(r), typeof console > "u")) return;
+	let i = n ? `[ccui][${n}]` : "[ccui]", a = t ? `，请改用 ${t}` : "";
+	console.warn(`${i} ${e} 已 deprecated${a}。`);
+}
+function ee(e, t, n) {
+	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
+}
+//#endregion
 //#region ../ccui/ui/form/src/form-types.ts
-var m = Symbol("ccuiForm"), h = Symbol("ccuiFormItem"), g = Symbol("ccuiFormList"), _ = Symbol("ccuiFormProvider"), v = {
+var te = Symbol("ccuiForm"), y = Symbol("ccuiFormItem"), b = Symbol("ccuiFormList"), x = Symbol("ccuiFormProvider"), S = {
 	model: {
 		type: Object,
 		default: () => ({})
@@ -85,7 +101,7 @@ var m = Symbol("ccuiForm"), h = Symbol("ccuiFormItem"), g = Symbol("ccuiFormList
 		type: Boolean,
 		default: !1
 	}
-}, y = {
+}, C = {
 	name: {
 		type: [
 			String,
@@ -182,7 +198,7 @@ var m = Symbol("ccuiForm"), h = Symbol("ccuiFormItem"), g = Symbol("ccuiFormList
 		type: Function,
 		default: void 0
 	}
-}, b = {
+}, ne = {
 	name: {
 		type: [
 			String,
@@ -195,27 +211,27 @@ var m = Symbol("ccuiForm"), h = Symbol("ccuiFormItem"), g = Symbol("ccuiFormList
 		type: Array,
 		default: void 0
 	}
-}, x = {};
+}, w = {};
 //#endregion
 //#region ../ccui/ui/form/src/utils.ts
-function S(e) {
+function T(e) {
 	return e == null || e === "" ? [] : Array.isArray(e) ? [...e] : typeof e == "number" ? [e] : e.replace(/\[(\w+)\]/g, ".$1").split(".").filter(Boolean);
 }
-function C(e) {
-	return S(e).join(".");
+function E(e) {
+	return T(e).join(".");
 }
-function w(e, t) {
-	let n = S(t);
+function D(e, t) {
+	let n = T(t);
 	if (n.length !== 0) return n.reduce((e, t) => e?.[t], e);
 }
-function T(e, t, n) {
-	let r = S(t), i = r.pop();
+function O(e, t, n) {
+	let r = T(t), i = r.pop();
 	if (i === void 0) return;
 	let a = r.reduce((e, t) => ((!e[t] || typeof e[t] != "object") && (e[t] = {}), e[t]), e);
 	a[i] = n;
 }
-function E(e, t) {
-	let n = S(t);
+function re(e, t) {
+	let n = T(t);
 	if (n.length === 0) return;
 	let r = n.pop(), i = e;
 	for (let e of n) {
@@ -224,26 +240,26 @@ function E(e, t) {
 	}
 	i && typeof i == "object" && (Array.isArray(i) && typeof r == "number" ? i.splice(r, 1) : delete i[r]);
 }
-function D(e) {
+function k(e) {
 	if (e == null) return e;
 	if (typeof structuredClone == "function") try {
 		return structuredClone(e);
 	} catch {}
 	return JSON.parse(JSON.stringify(e));
 }
-function O(e) {
+function A(e) {
 	return e ? Array.isArray(e) ? e : [e] : [];
 }
-function k(e, t) {
+function ie(e, t) {
 	return t ? e.filter((e) => e.trigger ? (Array.isArray(e.trigger) ? e.trigger : [e.trigger]).includes(t) : !0) : e;
 }
-function A(e) {
+function j(e) {
 	return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
-function j(e, t) {
-	return A(t) || !e.type ? !0 : e.type === "email" ? typeof t == "string" && /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(t) : e.type === "url" ? typeof t == "string" && /^https?:\/\/\S+$/i.test(t) : e.type === "array" ? Array.isArray(t) : e.type === "object" ? typeof t == "object" && !Array.isArray(t) : typeof t === e.type;
+function M(e, t) {
+	return j(t) || !e.type ? !0 : e.type === "email" ? typeof t == "string" && /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(t) : e.type === "url" ? typeof t == "string" && /^https?:\/\/\S+$/i.test(t) : e.type === "array" ? Array.isArray(t) : e.type === "object" ? typeof t == "object" && !Array.isArray(t) : typeof t === e.type;
 }
-function M(e) {
+function ae(e) {
 	if (typeof e == "string" || Array.isArray(e)) return e.length;
 	if (typeof e == "number") return e;
 }
@@ -281,10 +297,10 @@ var N = {
 		range: "${label} must contain between ${min} and ${max} items"
 	}
 };
-function P(e, t) {
+function oe(e, t) {
 	return e.replace(/\$\{(\w+)\}/g, (e, n) => String(t[n] ?? ""));
 }
-function F(e, t, n, r, i, a) {
+function P(e, t, n, r, i, a) {
 	if (e.message) return e.message;
 	let o = {
 		...N,
@@ -306,7 +322,7 @@ function F(e, t, n, r, i, a) {
 			...r.array
 		}
 	};
-	return P((a && i && typeof o[i] == "object" ? o[i]?.[a] : void 0) || (i === "types" && e.type ? o.types?.[e.type] : void 0) || (i ? o[i] : void 0) || o.default || "${label} is invalid", {
+	return oe((a && i && typeof o[i] == "object" ? o[i]?.[a] : void 0) || (i === "types" && e.type ? o.types?.[e.type] : void 0) || (i ? o[i] : void 0) || o.default || "${label} is invalid", {
 		label: n || t,
 		name: t,
 		field: t,
@@ -316,55 +332,55 @@ function F(e, t, n, r, i, a) {
 		max: e.max
 	});
 }
-function I(e, t) {
+function se(e, t) {
 	return e.type === "array" || Array.isArray(t) ? "array" : typeof t == "number" ? "number" : "string";
 }
-async function ee(e, t, n, r, i = r, a = {}) {
-	if (e.required && A(t)) return {
+async function ce(e, t, n, r, i = r, a = {}) {
+	if (e.required && j(t)) return {
 		field: r,
-		message: F(e, r, i, a, "required")
+		message: P(e, r, i, a, "required")
 	};
 	if (e.whitespace && typeof t == "string" && t.trim() === "") return {
 		field: r,
-		message: F(e, r, i, a, "whitespace")
+		message: P(e, r, i, a, "whitespace")
 	};
-	if (e.enum && !A(t) && !e.enum.includes(t)) return {
+	if (e.enum && !j(t) && !e.enum.includes(t)) return {
 		field: r,
-		message: F(e, r, i, a, "enum")
+		message: P(e, r, i, a, "enum")
 	};
-	if (!j(e, t)) return {
+	if (!M(e, t)) return {
 		field: r,
-		message: F(e, r, i, a, "types")
+		message: P(e, r, i, a, "types")
 	};
-	let o = M(t);
+	let o = ae(t);
 	if (o !== void 0) {
-		let n = I(e, t);
+		let n = se(e, t);
 		if (e.len !== void 0 && o !== e.len) return {
 			field: r,
-			message: F(e, r, i, a, n, "len")
+			message: P(e, r, i, a, n, "len")
 		};
 		if (e.min !== void 0 && e.max !== void 0 && (o < e.min || o > e.max)) return {
 			field: r,
-			message: F(e, r, i, a, n, "range")
+			message: P(e, r, i, a, n, "range")
 		};
 		if (e.min !== void 0 && o < e.min) return {
 			field: r,
-			message: F(e, r, i, a, n, "min")
+			message: P(e, r, i, a, n, "min")
 		};
 		if (e.max !== void 0 && o > e.max) return {
 			field: r,
-			message: F(e, r, i, a, n, "max")
+			message: P(e, r, i, a, n, "max")
 		};
 	}
 	if (e.pattern && !e.pattern.test(String(t))) return {
 		field: r,
-		message: F(e, r, i, a, "pattern")
+		message: P(e, r, i, a, "pattern")
 	};
 	if (e.validator) {
 		let o = await e.validator(e, t, n);
 		if (o === !1) return {
 			field: r,
-			message: F(e, r, i, a)
+			message: P(e, r, i, a)
 		};
 		if (typeof o == "string") return {
 			field: r,
@@ -379,321 +395,1401 @@ async function ee(e, t, n, r, i = r, a = {}) {
 }
 //#endregion
 //#region ../ccui/ui/form/src/form.tsx
-var L = /* @__PURE__ */ t({
+var F = /* @__PURE__ */ t({
 	name: "CForm",
-	props: v,
+	props: S,
 	emits: [
 		"submit",
 		"validate",
 		"validate-failed",
 		"values-change"
 	],
-	setup(t, { emit: n, expose: c, slots: f }) {
-		let h = p("form"), g = l([]), v = i(_, null), y = (e) => {
+	setup(t, { emit: a, expose: l, slots: d }) {
+		let m = h("form"), g = u([]), _ = i(x, null), y = n()?.vnode.props;
+		ee(y, "shouldUpdate", "should-update") && v("shouldUpdate", void 0, "Form");
+		let b = (e) => {
 			if (e === void 0) return g.value;
 			if (!Array.isArray(e)) {
-				let t = C(e);
+				let t = E(e);
 				return g.value.filter((e) => e.field === t);
 			}
-			let t = C(e);
+			let t = E(e);
 			if (g.value.some((e) => e.field === t)) return g.value.filter((e) => e.field === t);
-			let n = new Set(e.map((e) => C(e)));
+			let n = new Set(e.map((e) => E(e)));
 			return g.value.filter((e) => n.has(e.field));
-		}, b = (e) => {
+		}, S = (e) => {
 			e.field && !g.value.includes(e) && g.value.push(e);
-		}, x = (e) => {
+		}, C = (e) => {
 			g.value = g.value.filter((t) => t !== e);
-		}, S = (e, t, r) => {
-			n("validate", e, t, r);
-		}, w = (e, r) => {
-			n("values-change", {
+		}, ne = (e, t, n) => {
+			a("validate", e, t, n);
+		}, w = (e, n) => {
+			a("values-change", {
 				name: e,
-				value: r
-			}, t.model), t.name && v && v.triggerFormChange(t.name, [{
+				value: n
+			}, t.model), t.name && _ && _.triggerFormChange(t.name, [{
 				name: e,
-				value: r
+				value: n
 			}]);
 		}, T = e(() => ({
-			[h.b()]: !0,
-			[h.m(`label-${t.labelPosition}`)]: !!t.labelPosition,
-			[h.m(t.layout)]: !!t.layout,
-			[h.m("disabled")]: t.disabled
-		})), E = async (e) => {
-			let r = [];
-			for (let e of g.value) !await e.validate() && e.prop && r.push({
+			[m.b()]: !0,
+			[m.m(`label-${t.labelPosition}`)]: !!t.labelPosition,
+			[m.m(t.layout)]: !!t.layout,
+			[m.m("disabled")]: t.disabled
+		})), D = async (e) => {
+			let n = [];
+			for (let e of g.value) !await e.validate() && e.prop && n.push({
 				field: e.field,
 				message: e.getValidateMessage()
 			});
-			let i = r.length === 0;
-			return e?.(i, r), i || (n("validate-failed", r), t.scrollToFirstError && A(r[0].field, t.scrollToFirstError === !0 ? void 0 : t.scrollToFirstError)), i;
-		}, D = async (e, t) => {
-			let n = y(e);
+			let r = n.length === 0;
+			return e?.(r, n), r || (a("validate-failed", n), t.scrollToFirstError && A(n[0].field, t.scrollToFirstError === !0 ? void 0 : t.scrollToFirstError)), r;
+		}, O = async (e, t) => {
+			let n = b(e);
 			return (await Promise.all(n.map((e) => e.validate(t)))).every(Boolean);
-		}, O = (e) => {
-			y(e).forEach((e) => e.resetField());
+		}, re = (e) => {
+			b(e).forEach((e) => e.resetField());
 		}, k = (e) => {
-			y(e).forEach((e) => e.clearValidate());
+			b(e).forEach((e) => e.clearValidate());
 		}, A = (e, t) => {
-			y(e)[0]?.getElement()?.scrollIntoView(t ?? { block: "nearest" });
-		}, j = () => t.model, M = async (e) => {
+			b(e)[0]?.getElement()?.scrollIntoView(t ?? { block: "nearest" });
+		}, ie = () => t.model, j = async (e) => {
 			e.preventDefault();
-			let r = await E();
-			n("submit", r, e), r && t.name && v && v.triggerFormFinish(t.name, t.model);
+			let n = await D();
+			a("submit", n, e), n && t.name && _ && _.triggerFormFinish(t.name, t.model);
 		};
-		d(() => t.rules, () => {
+		p(() => t.rules, () => {
 			t.validateOnRuleChange && k();
-		}), d(() => t.model, () => {
+		}), p(() => t.model, () => {
 			g.value.forEach((e) => {
 				e.dependencies.length > 0 && e.validate();
 			});
 		}, { deep: !0 });
-		let N = {
-			validate: E,
-			validateField: D,
-			resetFields: O,
+		let M = {
+			validate: D,
+			validateField: O,
+			resetFields: re,
 			clearValidate: k,
 			scrollToField: A,
-			getFieldsValue: j
+			getFieldsValue: ie
 		};
-		return c(N), a(() => {
-			t.name && v && v.registerForm(t.name, N);
-		}), o(() => {
-			t.name && v && v.unregisterForm(t.name);
-		}), s(m, {
-			model: u(t, "model"),
-			rules: u(t, "rules"),
-			initialValues: u(t, "initialValues"),
-			validateMessages: u(t, "validateMessages"),
-			disabled: u(t, "disabled"),
-			labelWidth: u(t, "labelWidth"),
-			labelPosition: u(t, "labelPosition"),
-			layout: u(t, "layout"),
-			colon: u(t, "colon"),
-			requiredMark: u(t, "requiredMark"),
-			preserve: u(t, "preserve"),
-			labelCol: u(t, "labelCol"),
-			wrapperCol: u(t, "wrapperCol"),
-			hasFeedback: u(t, "hasFeedback"),
-			addField: b,
-			removeField: x,
-			emitValidate: S,
-			validateField: D,
+		return l(M), o(() => {
+			t.name && _ && _.registerForm(t.name, M);
+		}), s(() => {
+			t.name && _ && _.unregisterForm(t.name);
+		}), c(te, {
+			model: f(t, "model"),
+			rules: f(t, "rules"),
+			initialValues: f(t, "initialValues"),
+			validateMessages: f(t, "validateMessages"),
+			disabled: f(t, "disabled"),
+			labelWidth: f(t, "labelWidth"),
+			labelPosition: f(t, "labelPosition"),
+			layout: f(t, "layout"),
+			colon: f(t, "colon"),
+			requiredMark: f(t, "requiredMark"),
+			preserve: f(t, "preserve"),
+			labelCol: f(t, "labelCol"),
+			wrapperCol: f(t, "wrapperCol"),
+			hasFeedback: f(t, "hasFeedback"),
+			addField: S,
+			removeField: C,
+			emitValidate: ne,
+			validateField: O,
 			notifyFieldChange: w
 		}), () => r("form", {
 			class: T.value,
 			novalidate: !0,
-			onSubmit: M
-		}, f.default?.());
+			onSubmit: j
+		}, d.default?.());
+	}
+}), le = /^[a-z0-9]+(-[a-z0-9]+)*$/, I = (e, t, n, r = "") => {
+	let i = e.split(":");
+	if (e.slice(0, 1) === "@") {
+		if (i.length < 2 || i.length > 3) return null;
+		r = i.shift().slice(1);
+	}
+	if (i.length > 3 || !i.length) return null;
+	if (i.length > 1) {
+		let e = i.pop(), n = i.pop(), a = {
+			provider: i.length > 0 ? i[0] : r,
+			prefix: n,
+			name: e
+		};
+		return t && !L(a) ? null : a;
+	}
+	let a = i[0], o = a.split("-");
+	if (o.length > 1) {
+		let e = {
+			provider: r,
+			prefix: o.shift(),
+			name: o.join("-")
+		};
+		return t && !L(e) ? null : e;
+	}
+	if (n && r === "") {
+		let e = {
+			provider: r,
+			prefix: "",
+			name: a
+		};
+		return t && !L(e, n) ? null : e;
 	}
-}), R = /* @__PURE__ */ new Set();
-function te(e, t, n) {
-	let r = `${e}.${t}`;
-	R.has(r) || (R.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+	return null;
+}, L = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
+function ue(e, t) {
+	let n = e.icons, r = e.aliases || Object.create(null), i = Object.create(null);
+	function a(e) {
+		if (n[e]) return i[e] = [];
+		if (!(e in i)) {
+			i[e] = null;
+			let t = r[e] && r[e].parent, n = t && a(t);
+			n && (i[e] = [t].concat(n));
+		}
+		return i[e];
+	}
+	return Object.keys(n).concat(Object.keys(r)).forEach(a), i;
 }
-function ne(e, t, n) {
-	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
+var de = Object.freeze({
+	left: 0,
+	top: 0,
+	width: 16,
+	height: 16
+}), R = Object.freeze({
+	rotate: 0,
+	vFlip: !1,
+	hFlip: !1
+}), z = Object.freeze({
+	...de,
+	...R
+}), B = Object.freeze({
+	...z,
+	body: "",
+	hidden: !1
+});
+function fe(e, t) {
+	let n = {};
+	!e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);
+	let r = ((e.rotate || 0) + (t.rotate || 0)) % 4;
+	return r && (n.rotate = r), n;
+}
+function V(e, t) {
+	let n = fe(e, t);
+	for (let r in B) r in R ? r in e && !(r in n) && (n[r] = R[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
+	return n;
+}
+function H(e, t, n) {
+	let r = e.icons, i = e.aliases || Object.create(null), a = {};
+	function o(e) {
+		a = V(r[e] || i[e], a);
+	}
+	return o(t), n.forEach(o), V(e, a);
+}
+function U(e, t) {
+	let n = [];
+	if (typeof e != "object" || typeof e.icons != "object") return n;
+	e.not_found instanceof Array && e.not_found.forEach((e) => {
+		t(e, null), n.push(e);
+	});
+	let r = ue(e);
+	for (let i in r) {
+		let a = r[i];
+		a && (t(i, H(e, i, a)), n.push(i));
+	}
+	return n;
+}
+var pe = {
+	provider: "",
+	aliases: {},
+	not_found: {},
+	...de
+};
+function W(e, t) {
+	for (let n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
+	return !0;
+}
+function G(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e;
+	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !W(e, pe)) return null;
+	let n = t.icons;
+	for (let e in n) {
+		let t = n[e];
+		if (!e || typeof t.body != "string" || !W(t, B)) return null;
+	}
+	let r = t.aliases || Object.create(null);
+	for (let e in r) {
+		let t = r[e], i = t.parent;
+		if (!e || typeof i != "string" || !n[i] && !r[i] || !W(t, B)) return null;
+	}
+	return t;
+}
+var K = Object.create(null);
+function me(e, t) {
+	return {
+		provider: e,
+		prefix: t,
+		icons: Object.create(null),
+		missing: /* @__PURE__ */ new Set()
+	};
+}
+function q(e, t) {
+	let n = K[e] || (K[e] = Object.create(null));
+	return n[t] || (n[t] = me(e, t));
+}
+function J(e, t) {
+	return G(t) ? U(t, (t, n) => {
+		n ? e.icons[t] = n : e.missing.add(t);
+	}) : [];
+}
+function he(e, t, n) {
+	try {
+		if (typeof n.body == "string") return e.icons[t] = { ...n }, !0;
+	} catch {}
+	return !1;
+}
+var Y = !1;
+function ge(e) {
+	return typeof e == "boolean" && (Y = e), Y;
+}
+function _e(e) {
+	let t = typeof e == "string" ? I(e, !0, Y) : e;
+	if (t) {
+		let e = q(t.provider, t.prefix), n = t.name;
+		return e.icons[n] || (e.missing.has(n) ? null : void 0);
+	}
+}
+function ve(e, t) {
+	let n = I(e, !0, Y);
+	if (!n) return !1;
+	let r = q(n.provider, n.prefix);
+	return t ? he(r, n.name, t) : (r.missing.add(n.name), !0);
+}
+function ye(e, t) {
+	if (typeof e != "object") return !1;
+	if (typeof t != "string" && (t = e.provider || ""), Y && !t && !e.prefix) {
+		let t = !1;
+		return G(e) && (e.prefix = "", U(e, (e, n) => {
+			ve(e, n) && (t = !0);
+		})), t;
+	}
+	let n = e.prefix;
+	return L({
+		prefix: n,
+		name: "a"
+	}) ? !!J(q(t, n), e) : !1;
+}
+var be = Object.freeze({
+	width: null,
+	height: null
+}), xe = Object.freeze({
+	...be,
+	...R
+}), Se = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ce = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function we(e, t, n) {
+	if (t === 1) return e;
+	if (n ||= 100, typeof e == "number") return Math.ceil(e * t * n) / n;
+	if (typeof e != "string") return e;
+	let r = e.split(Se);
+	if (r === null || !r.length) return e;
+	let i = [], a = r.shift(), o = Ce.test(a);
+	for (;;) {
+		if (o) {
+			let e = parseFloat(a);
+			isNaN(e) ? i.push(a) : i.push(Math.ceil(e * t * n) / n);
+		} else i.push(a);
+		if (a = r.shift(), a === void 0) return i.join("");
+		o = !o;
+	}
+}
+function Te(e, t = "defs") {
+	let n = "", r = e.indexOf("<" + t);
+	for (; r >= 0;) {
+		let i = e.indexOf(">", r), a = e.indexOf("</" + t);
+		if (i === -1 || a === -1) break;
+		let o = e.indexOf(">", a);
+		if (o === -1) break;
+		n += e.slice(i + 1, a).trim(), e = e.slice(0, r).trim() + e.slice(o + 1);
+	}
+	return {
+		defs: n,
+		content: e
+	};
+}
+function Ee(e, t) {
+	return e ? "<defs>" + e + "</defs>" + t : t;
+}
+function De(e, t, n) {
+	let r = Te(e);
+	return Ee(r.defs, t + r.content + n);
+}
+var Oe = (e) => e === "unset" || e === "undefined" || e === "none";
+function ke(e, t) {
+	let n = {
+		...z,
+		...e
+	}, r = {
+		...xe,
+		...t
+	}, i = {
+		left: n.left,
+		top: n.top,
+		width: n.width,
+		height: n.height
+	}, a = n.body;
+	[n, r].forEach((e) => {
+		let t = [], n = e.hFlip, r = e.vFlip, o = e.rotate;
+		n ? r ? o += 2 : (t.push("translate(" + (i.width + i.left).toString() + " " + (0 - i.top).toString() + ")"), t.push("scale(-1 1)"), i.top = i.left = 0) : r && (t.push("translate(" + (0 - i.left).toString() + " " + (i.height + i.top).toString() + ")"), t.push("scale(1 -1)"), i.top = i.left = 0);
+		let s;
+		switch (o < 0 && (o -= Math.floor(o / 4) * 4), o %= 4, o) {
+			case 1:
+				s = i.height / 2 + i.top, t.unshift("rotate(90 " + s.toString() + " " + s.toString() + ")");
+				break;
+			case 2:
+				t.unshift("rotate(180 " + (i.width / 2 + i.left).toString() + " " + (i.height / 2 + i.top).toString() + ")");
+				break;
+			case 3:
+				s = i.width / 2 + i.left, t.unshift("rotate(-90 " + s.toString() + " " + s.toString() + ")");
+				break;
+		}
+		o % 2 == 1 && (i.left !== i.top && (s = i.left, i.left = i.top, i.top = s), i.width !== i.height && (s = i.width, i.width = i.height, i.height = s)), t.length && (a = De(a, "<g transform=\"" + t.join(" ") + "\">", "</g>"));
+	});
+	let o = r.width, s = r.height, c = i.width, l = i.height, u, d;
+	o === null ? (d = s === null ? "1em" : s === "auto" ? l : s, u = we(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? we(u, l / c) : s === "auto" ? l : s);
+	let f = {}, p = (e, t) => {
+		Oe(t) || (f[e] = t.toString());
+	};
+	p("width", u), p("height", d);
+	let m = [
+		i.left,
+		i.top,
+		c,
+		l
+	];
+	return f.viewBox = m.join(" "), {
+		attributes: f,
+		viewBox: m,
+		body: a
+	};
+}
+var Ae = /\sid="(\S+)"/g, je = /* @__PURE__ */ new Map();
+function Me(e) {
+	e = e.replace(/[0-9]+$/, "") || "a";
+	let t = je.get(e) || 0;
+	return je.set(e, t + 1), t ? `${e}${t}` : e;
+}
+function Ne(e) {
+	let t = [], n;
+	for (; n = Ae.exec(e);) t.push(n[1]);
+	if (!t.length) return e;
+	let r = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
+	return t.forEach((t) => {
+		let n = Me(t), i = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		e = e.replace(RegExp("([#;\"])(" + i + ")([\")]|\\.[a-z])", "g"), "$1" + n + r + "$3");
+	}), e = e.replace(new RegExp(r, "g"), ""), e;
+}
+var Pe = Object.create(null);
+function Fe(e, t) {
+	Pe[e] = t;
+}
+function Ie(e) {
+	return Pe[e] || Pe[""];
+}
+function Le(e) {
+	let t;
+	if (typeof e.resources == "string") t = [e.resources];
+	else if (t = e.resources, !(t instanceof Array) || !t.length) return null;
+	return {
+		resources: t,
+		path: e.path || "/",
+		maxURL: e.maxURL || 500,
+		rotate: e.rotate || 750,
+		timeout: e.timeout || 5e3,
+		random: e.random === !0,
+		index: e.index || 0,
+		dataAfterTimeout: e.dataAfterTimeout !== !1
+	};
+}
+for (var Re = Object.create(null), ze = ["https://api.simplesvg.com", "https://api.unisvg.com"], Be = []; ze.length > 0;) ze.length === 1 || Math.random() > .5 ? Be.push(ze.shift()) : Be.push(ze.pop());
+Re[""] = Le({ resources: ["https://api.iconify.design"].concat(Be) });
+function Ve(e, t) {
+	let n = Le(t);
+	return n === null ? !1 : (Re[e] = n, !0);
+}
+function He(e) {
+	return Re[e];
+}
+var Ue = (() => {
+	let e;
+	try {
+		if (e = fetch, typeof e == "function") return e;
+	} catch {}
+})();
+function We(e, t) {
+	let n = He(e);
+	if (!n) return 0;
+	let r;
+	if (!n.maxURL) r = 0;
+	else {
+		let e = 0;
+		n.resources.forEach((t) => {
+			e = Math.max(e, t.length);
+		});
+		let i = t + ".json?icons=";
+		r = n.maxURL - e - n.path.length - i.length;
+	}
+	return r;
+}
+function Ge(e) {
+	return e === 404;
+}
+var Ke = (e, t, n) => {
+	let r = [], i = We(e, t), a = "icons", o = {
+		type: a,
+		provider: e,
+		prefix: t,
+		icons: []
+	}, s = 0;
+	return n.forEach((n, c) => {
+		s += n.length + 1, s >= i && c > 0 && (r.push(o), o = {
+			type: a,
+			provider: e,
+			prefix: t,
+			icons: []
+		}, s = n.length), o.icons.push(n);
+	}), r.push(o), r;
+};
+function qe(e) {
+	if (typeof e == "string") {
+		let t = He(e);
+		if (t) return t.path;
+	}
+	return "/";
+}
+var Je = {
+	prepare: Ke,
+	send: (e, t, n) => {
+		if (!Ue) {
+			n("abort", 424);
+			return;
+		}
+		let r = qe(t.provider);
+		switch (t.type) {
+			case "icons": {
+				let e = t.prefix, n = t.icons.join(","), i = new URLSearchParams({ icons: n });
+				r += e + ".json?" + i.toString();
+				break;
+			}
+			case "custom": {
+				let e = t.uri;
+				r += e.slice(0, 1) === "/" ? e.slice(1) : e;
+				break;
+			}
+			default:
+				n("abort", 400);
+				return;
+		}
+		let i = 503;
+		Ue(e + r).then((e) => {
+			let t = e.status;
+			if (t !== 200) {
+				setTimeout(() => {
+					n(Ge(t) ? "abort" : "next", t);
+				});
+				return;
+			}
+			return i = 501, e.json();
+		}).then((e) => {
+			if (typeof e != "object" || !e) {
+				setTimeout(() => {
+					e === 404 ? n("abort", e) : n("next", i);
+				});
+				return;
+			}
+			setTimeout(() => {
+				n("success", e);
+			});
+		}).catch(() => {
+			n("next", i);
+		});
+	}
+};
+function Ye(e, t) {
+	e.forEach((e) => {
+		let n = e.loaderCallbacks;
+		n && (e.loaderCallbacks = n.filter((e) => e.id !== t));
+	});
+}
+function Xe(e) {
+	e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
+		e.pendingCallbacksFlag = !1;
+		let t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+		if (!t.length) return;
+		let n = !1, r = e.provider, i = e.prefix;
+		t.forEach((t) => {
+			let a = t.icons, o = a.pending.length;
+			a.pending = a.pending.filter((t) => {
+				if (t.prefix !== i) return !0;
+				let o = t.name;
+				if (e.icons[o]) a.loaded.push({
+					provider: r,
+					prefix: i,
+					name: o
+				});
+				else if (e.missing.has(o)) a.missing.push({
+					provider: r,
+					prefix: i,
+					name: o
+				});
+				else return n = !0, !0;
+				return !1;
+			}), a.pending.length !== o && (n || Ye([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
+		});
+	}));
+}
+var Ze = 0;
+function Qe(e, t, n) {
+	let r = Ze++, i = Ye.bind(null, n, r);
+	if (!t.pending.length) return i;
+	let a = {
+		id: r,
+		icons: t,
+		callback: e,
+		abort: i
+	};
+	return n.forEach((e) => {
+		(e.loaderCallbacks ||= []).push(a);
+	}), i;
+}
+function $e(e) {
+	let t = {
+		loaded: [],
+		missing: [],
+		pending: []
+	}, n = Object.create(null);
+	e.sort((e, t) => e.provider === t.provider ? e.prefix === t.prefix ? e.name.localeCompare(t.name) : e.prefix.localeCompare(t.prefix) : e.provider.localeCompare(t.provider));
+	let r = {
+		provider: "",
+		prefix: "",
+		name: ""
+	};
+	return e.forEach((e) => {
+		if (r.name === e.name && r.prefix === e.prefix && r.provider === e.provider) return;
+		r = e;
+		let i = e.provider, a = e.prefix, o = e.name, s = n[i] || (n[i] = Object.create(null)), c = s[a] || (s[a] = q(i, a)), l;
+		l = o in c.icons ? t.loaded : a === "" || c.missing.has(o) ? t.missing : t.pending;
+		let u = {
+			provider: i,
+			prefix: a,
+			name: o
+		};
+		l.push(u);
+	}), t;
+}
+function et(e, t = !0, n = !1) {
+	let r = [];
+	return e.forEach((e) => {
+		let i = typeof e == "string" ? I(e, t, n) : e;
+		i && r.push(i);
+	}), r;
+}
+var tt = {
+	resources: [],
+	index: 0,
+	timeout: 2e3,
+	rotate: 750,
+	random: !1,
+	dataAfterTimeout: !1
+};
+function nt(e, t, n, r) {
+	let i = e.resources.length, a = e.random ? Math.floor(Math.random() * i) : e.index, o;
+	if (e.random) {
+		let t = e.resources.slice(0);
+		for (o = []; t.length > 1;) {
+			let e = Math.floor(Math.random() * t.length);
+			o.push(t[e]), t = t.slice(0, e).concat(t.slice(e + 1));
+		}
+		o = o.concat(t);
+	} else o = e.resources.slice(a).concat(e.resources.slice(0, a));
+	let s = Date.now(), c = "pending", l = 0, u, d = null, f = [], p = [];
+	typeof r == "function" && p.push(r);
+	function m() {
+		d &&= (clearTimeout(d), null);
+	}
+	function h() {
+		c === "pending" && (c = "aborted"), m(), f.forEach((e) => {
+			e.status === "pending" && (e.status = "aborted");
+		}), f = [];
+	}
+	function g(e, t) {
+		t && (p = []), typeof e == "function" && p.push(e);
+	}
+	function _() {
+		return {
+			startTime: s,
+			payload: t,
+			status: c,
+			queriesSent: l,
+			queriesPending: f.length,
+			subscribe: g,
+			abort: h
+		};
+	}
+	function v() {
+		c = "failed", p.forEach((e) => {
+			e(void 0, u);
+		});
+	}
+	function ee() {
+		f.forEach((e) => {
+			e.status === "pending" && (e.status = "aborted");
+		}), f = [];
+	}
+	function te(t, n, r) {
+		let i = n !== "success";
+		switch (f = f.filter((e) => e !== t), c) {
+			case "pending": break;
+			case "failed":
+				if (i || !e.dataAfterTimeout) return;
+				break;
+			default: return;
+		}
+		if (n === "abort") {
+			u = r, v();
+			return;
+		}
+		if (i) {
+			u = r, f.length || (o.length ? y() : v());
+			return;
+		}
+		if (m(), ee(), !e.random) {
+			let n = e.resources.indexOf(t.resource);
+			n !== -1 && n !== e.index && (e.index = n);
+		}
+		c = "completed", p.forEach((e) => {
+			e(r);
+		});
+	}
+	function y() {
+		if (c !== "pending") return;
+		m();
+		let r = o.shift();
+		if (r === void 0) {
+			if (f.length) {
+				d = setTimeout(() => {
+					m(), c === "pending" && (ee(), v());
+				}, e.timeout);
+				return;
+			}
+			v();
+			return;
+		}
+		let i = {
+			status: "pending",
+			resource: r,
+			callback: (e, t) => {
+				te(i, e, t);
+			}
+		};
+		f.push(i), l++, d = setTimeout(y, e.rotate), n(r, t, i.callback);
+	}
+	return setTimeout(y), _;
+}
+function rt(e) {
+	let t = {
+		...tt,
+		...e
+	}, n = [];
+	function r() {
+		n = n.filter((e) => e().status === "pending");
+	}
+	function i(e, i, a) {
+		let o = nt(t, e, i, (e, t) => {
+			r(), a && a(e, t);
+		});
+		return n.push(o), o;
+	}
+	function a(e) {
+		return n.find((t) => e(t)) || null;
+	}
+	return {
+		query: i,
+		find: a,
+		setIndex: (e) => {
+			t.index = e;
+		},
+		getIndex: () => t.index,
+		cleanup: r
+	};
+}
+function it() {}
+var at = Object.create(null);
+function ot(e) {
+	if (!at[e]) {
+		let t = He(e);
+		if (!t) return;
+		at[e] = {
+			config: t,
+			redundancy: rt(t)
+		};
+	}
+	return at[e];
+}
+function st(e, t, n) {
+	let r, i;
+	if (typeof e == "string") {
+		let t = Ie(e);
+		if (!t) return n(void 0, 424), it;
+		i = t.send;
+		let a = ot(e);
+		a && (r = a.redundancy);
+	} else {
+		let t = Le(e);
+		if (t) {
+			r = rt(t);
+			let n = Ie(e.resources ? e.resources[0] : "");
+			n && (i = n.send);
+		}
+	}
+	return !r || !i ? (n(void 0, 424), it) : r.query(t, i, n)().abort;
+}
+function ct() {}
+function lt(e) {
+	e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
+		e.iconsLoaderFlag = !1, Xe(e);
+	}));
+}
+function ut(e) {
+	let t = [], n = [];
+	return e.forEach((e) => {
+		(e.match(le) ? t : n).push(e);
+	}), {
+		valid: t,
+		invalid: n
+	};
+}
+function X(e, t, n) {
+	function r() {
+		let n = e.pendingIcons;
+		t.forEach((t) => {
+			n && n.delete(t), e.icons[t] || e.missing.add(t);
+		});
+	}
+	if (n && typeof n == "object") try {
+		if (!J(e, n).length) {
+			r();
+			return;
+		}
+	} catch (e) {
+		console.error(e);
+	}
+	r(), lt(e);
+}
+function dt(e, t) {
+	e instanceof Promise ? e.then((e) => {
+		t(e);
+	}).catch(() => {
+		t(null);
+	}) : t(e);
+}
+function ft(e, t) {
+	e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
+		e.iconsQueueFlag = !1;
+		let { provider: t, prefix: n } = e, r = e.iconsToLoad;
+		if (delete e.iconsToLoad, !r || !r.length) return;
+		let i = e.loadIcon;
+		if (e.loadIcons && (r.length > 1 || !i)) {
+			dt(e.loadIcons(r, n, t), (t) => {
+				X(e, r, t);
+			});
+			return;
+		}
+		if (i) {
+			r.forEach((r) => {
+				dt(i(r, n, t), (t) => {
+					X(e, [r], t ? {
+						prefix: n,
+						icons: { [r]: t }
+					} : null);
+				});
+			});
+			return;
+		}
+		let { valid: a, invalid: o } = ut(r);
+		if (o.length && X(e, o, null), !a.length) return;
+		let s = n.match(le) ? Ie(t) : null;
+		if (!s) {
+			X(e, a, null);
+			return;
+		}
+		s.prepare(t, n, a).forEach((n) => {
+			st(t, n, (t) => {
+				X(e, n.icons, t);
+			});
+		});
+	}));
+}
+var pt = (e, t) => {
+	let n = $e(et(e, !0, ge()));
+	if (!n.pending.length) {
+		let e = !0;
+		return t && setTimeout(() => {
+			e && t(n.loaded, n.missing, n.pending, ct);
+		}), () => {
+			e = !1;
+		};
+	}
+	let r = Object.create(null), i = [], a, o;
+	return n.pending.forEach((e) => {
+		let { provider: t, prefix: n } = e;
+		if (n === o && t === a) return;
+		a = t, o = n, i.push(q(t, n));
+		let s = r[t] || (r[t] = Object.create(null));
+		s[n] || (s[n] = []);
+	}), n.pending.forEach((e) => {
+		let { provider: t, prefix: n, name: i } = e, a = q(t, n), o = a.pendingIcons ||= /* @__PURE__ */ new Set();
+		o.has(i) || (o.add(i), r[t][n].push(i));
+	}), i.forEach((e) => {
+		let t = r[e.provider][e.prefix];
+		t.length && ft(e, t);
+	}), t ? Qe(t, n, i) : ct;
+};
+function mt(e, t) {
+	let n = { ...e };
+	for (let e in t) {
+		let r = t[e], i = typeof r;
+		e in be ? (r === null || r && (i === "string" || i === "number")) && (n[e] = r) : i === typeof n[e] && (n[e] = e === "rotate" ? r % 4 : r);
+	}
+	return n;
+}
+var ht = /[\s,]+/;
+function gt(e, t) {
+	t.split(ht).forEach((t) => {
+		switch (t.trim()) {
+			case "horizontal":
+				e.hFlip = !0;
+				break;
+			case "vertical":
+				e.vFlip = !0;
+				break;
+		}
+	});
+}
+function _t(e, t = 0) {
+	let n = e.replace(/^-?[0-9.]*/, "");
+	function r(e) {
+		for (; e < 0;) e += 4;
+		return e % 4;
+	}
+	if (n === "") {
+		let t = parseInt(e);
+		return isNaN(t) ? 0 : r(t);
+	} else if (n !== e) {
+		let t = 0;
+		switch (n) {
+			case "%":
+				t = 25;
+				break;
+			case "deg": t = 90;
+		}
+		if (t) {
+			let i = parseFloat(e.slice(0, e.length - n.length));
+			return isNaN(i) ? 0 : (i /= t, i % 1 == 0 ? r(i) : 0);
+		}
+	}
+	return t;
+}
+function vt(e, t) {
+	let n = e.indexOf("xlink:") === -1 ? "" : " xmlns:xlink=\"http://www.w3.org/1999/xlink\"";
+	for (let e in t) n += " " + e + "=\"" + t[e] + "\"";
+	return "<svg xmlns=\"http://www.w3.org/2000/svg\"" + n + ">" + e + "</svg>";
+}
+function yt(e) {
+	return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function bt(e) {
+	return "data:image/svg+xml," + yt(e);
+}
+function xt(e) {
+	return "url(\"" + bt(e) + "\")";
+}
+var St = {
+	...xe,
+	inline: !1
+}, Ct = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": !0,
+	role: "img"
+}, wt = { display: "inline-block" }, Tt = { backgroundColor: "currentColor" }, Et = { backgroundColor: "transparent" }, Dt = {
+	Image: "var(--svg)",
+	Repeat: "no-repeat",
+	Size: "100% 100%"
+}, Ot = {
+	webkitMask: Tt,
+	mask: Tt,
+	background: Et
+};
+for (let e in Ot) {
+	let t = Ot[e];
+	for (let n in Dt) t[e + n] = Dt[n];
+}
+var kt = {};
+["horizontal", "vertical"].forEach((e) => {
+	let t = e.slice(0, 1) + "Flip";
+	kt[e + "-flip"] = t, kt[e.slice(0, 1) + "-flip"] = t, kt[e + "Flip"] = t;
+});
+function At(e) {
+	return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
+}
+var jt = (e, t) => {
+	let n = mt(St, t), i = { ...Ct }, a = t.mode || "svg", o = {}, s = t.style, c = typeof s == "object" && !(s instanceof Array) ? s : {};
+	for (let e in t) {
+		let r = t[e];
+		if (r !== void 0) switch (e) {
+			case "icon":
+			case "style":
+			case "onLoad":
+			case "mode":
+			case "ssr":
+			case "customise": break;
+			case "inline":
+			case "hFlip":
+			case "vFlip":
+				n[e] = r === !0 || r === "true" || r === 1;
+				break;
+			case "flip":
+				typeof r == "string" && gt(n, r);
+				break;
+			case "color":
+				o.color = r;
+				break;
+			case "rotate":
+				typeof r == "string" ? n[e] = _t(r) : typeof r == "number" && (n[e] = r);
+				break;
+			case "ariaHidden":
+			case "aria-hidden":
+				r !== !0 && r !== "true" && delete i["aria-hidden"];
+				break;
+			default: {
+				let t = kt[e];
+				t ? (r === !0 || r === "true" || r === 1) && (n[t] = !0) : St[e] === void 0 && (i[e] = r);
+			}
+		}
+	}
+	let l = ke(e, n), u = l.attributes;
+	if (n.inline && (o.verticalAlign = "-0.125em"), a === "svg") return i.style = {
+		...o,
+		...c
+	}, Object.assign(i, u), i.innerHTML = Ne(l.body), r("svg", i);
+	let { body: d, width: f, height: p } = e, m = a === "mask" || (a === "bg" ? !1 : d.indexOf("currentColor") !== -1), h = vt(d, {
+		...u,
+		width: f + "",
+		height: p + ""
+	});
+	return i.style = {
+		...o,
+		"--svg": xt(h),
+		width: At(u.width),
+		height: At(u.height),
+		...wt,
+		...m ? Tt : Et,
+		...c
+	}, r("span", i);
+};
+if (ge(!0), Fe("", Je), typeof document < "u" && typeof window < "u") {
+	let e = window;
+	if (e.IconifyPreload !== void 0) {
+		let t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
+		typeof t == "object" && t && (t instanceof Array ? t : [t]).forEach((e) => {
+			try {
+				(typeof e != "object" || !e || e instanceof Array || typeof e.icons != "object" || typeof e.prefix != "string" || !ye(e)) && console.error(n);
+			} catch {
+				console.error(n);
+			}
+		});
+	}
+	if (e.IconifyProviders !== void 0) {
+		let t = e.IconifyProviders;
+		if (typeof t == "object" && t) for (let e in t) {
+			let n = "IconifyProviders[" + e + "] is invalid.";
+			try {
+				let r = t[e];
+				if (typeof r != "object" || !r || r.resources === void 0) continue;
+				Ve(e, r) || console.error(n);
+			} catch {
+				console.error(n);
+			}
+		}
+	}
+}
+var Mt = {
+	...z,
+	body: ""
+}, Nt = t((e, { emit: t }) => {
+	let n = u(null);
+	function r() {
+		n.value &&= (n.value.abort?.(), null);
+	}
+	let i = u(!!e.ssr), c = u(""), l = d(null);
+	function f() {
+		let i = e.icon;
+		if (typeof i == "object" && i && typeof i.body == "string") return c.value = "", { data: i };
+		let o;
+		if (typeof i != "string" || (o = I(i, !1, !0)) === null) return null;
+		let s = _e(o);
+		if (!s) {
+			let e = n.value;
+			return (!e || e.name !== i) && (s === null ? n.value = { name: i } : n.value = {
+				name: i,
+				abort: pt([o], m)
+			}), null;
+		}
+		r(), c.value !== i && (c.value = i, a(() => {
+			t("load", i);
+		}));
+		let l = e.customise;
+		if (l) {
+			s = Object.assign({}, s);
+			let e = l(s.body, o.name, o.prefix, o.provider);
+			typeof e == "string" && (s.body = e);
+		}
+		let u = ["iconify"];
+		return o.prefix !== "" && u.push("iconify--" + o.prefix), o.provider !== "" && u.push("iconify--" + o.provider), {
+			data: s,
+			classes: u
+		};
+	}
+	function m() {
+		let e = f();
+		e ? e.data !== l.value?.data && (l.value = e) : l.value = null;
+	}
+	return i.value ? m() : o(() => {
+		i.value = !0, m();
+	}), p(() => e.icon, m), s(r), () => {
+		let t = l.value;
+		if (!t) return jt(Mt, e);
+		let n = e;
+		return t.classes && (n = {
+			...e,
+			class: t.classes.join(" ")
+		}), jt({
+			...z,
+			...t.data
+		}, n);
+	};
+}, {
+	props: [
+		"icon",
+		"mode",
+		"ssr",
+		"width",
+		"height",
+		"style",
+		"color",
+		"inline",
+		"rotate",
+		"hFlip",
+		"horizontalFlip",
+		"vFlip",
+		"verticalFlip",
+		"flip",
+		"id",
+		"ariaHidden",
+		"customise",
+		"title"
+	],
+	emits: ["load"]
+}), Pt = {
+	prefix: "mdi",
+	icons: {
+		"alert-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z\"/>"
+		},
+		"arrow-up": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8v12Z\"/>"
+		},
+		"calendar-outline": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 12h5v5h-5v-5m7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5h14M5 19V9h14v10H5Z\"/>"
+		},
+		check: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z\"/>"
+		},
+		"check-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z\"/>"
+		},
+		"chevron-right": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z\"/>"
+		},
+		"clock-outline": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7h1.5Z\"/>"
+		},
+		close: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/>"
+		},
+		"close-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z\"/>"
+		},
+		"content-copy": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z\"/>"
+		},
+		loading: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8Z\"/>"
+		},
+		magnify: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z\"/>"
+		},
+		"menu-down": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"m7 10l5 5l5-5H7Z\"/>"
+		},
+		"menu-right": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"m10 17l5-5l-5-5v10Z\"/>"
+		}
+	}
+}, Ft = !1;
+function It() {
+	Ft ||= (ye(Pt), !0);
+}
+//#endregion
+//#region ../icons/dist/install.js
+It();
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-icon.ts
+function Lt(e) {
+	return e.includes(":");
+}
+function Rt(e) {
+	return e ? typeof e == "string" ? Lt(e) ? r(Nt, { icon: e }) : r("i", { class: e }) : e : null;
 }
 //#endregion
 //#region ../ccui/ui/form/src/form-item.tsx
-function z(e) {
+function zt(e) {
 	if (!e) return {};
 	let t = {};
 	return e.flex !== void 0 && (t.flex = typeof e.flex == "number" ? `${e.flex} ${e.flex} auto` : e.flex), e.span !== void 0 && (t.width = `${e.span / 24 * 100}%`), e.offset !== void 0 && e.offset > 0 && (t.marginInlineStart = `${e.offset / 24 * 100}%`), t;
 }
-var B = /* @__PURE__ */ t({
+var Z = /* @__PURE__ */ t({
 	name: "CFormItem",
-	props: y,
-	setup(t, { expose: c, slots: u }) {
-		let f = p("form-item"), _ = n()?.vnode.props;
-		ne(_, "prop", "prop") && te("FormItem", "prop", "name");
-		let v = i(m, null), y = i(g, null), b = l(""), x = l(""), A = l(!1), j = l(null), M = e(() => t.name ?? t.prop), N = e(() => {
-			let e = M.value;
-			if (!y) return e;
-			let t = y.prefixName.value;
-			return e == null || e === "" ? t.length ? [...t] : void 0 : [...t, ...S(e)];
-		}), P = e(() => C(N.value)), F = e(() => t.label || P.value), I = l(), L = () => {
+	props: C,
+	setup(t, { expose: a, slots: l }) {
+		let d = h("form-item"), f = n()?.vnode.props;
+		ee(f, "prop", "prop") && v("prop", "name", "FormItem");
+		let m = i(te, null), g = i(b, null), _ = u(""), x = u(""), S = u(!1), C = u(null), ne = e(() => t.name ?? t.prop), w = e(() => {
+			let e = ne.value;
+			if (!g) return e;
+			let t = g.prefixName.value;
+			return e == null || e === "" ? t.length ? [...t] : void 0 : [...t, ...T(e)];
+		}), j = e(() => E(w.value)), M = e(() => t.label || j.value), ae = u(), N = () => {
 			if (t.initialValue !== void 0) return t.initialValue;
-			let e = v ? w(v.initialValues.value, N.value) : void 0;
-			return e === void 0 ? v ? w(v.model.value, N.value) : void 0 : e;
-		}, R = () => {
+			let e = m ? D(m.initialValues.value, w.value) : void 0;
+			return e === void 0 ? m ? D(m.model.value, w.value) : void 0 : e;
+		}, oe = () => {
 			let e = t.rules;
-			return typeof e == "function" ? e(v?.model.value ?? {}) : e;
-		}, B = e(() => {
-			let e = [...O(v?.rules.value?.[P.value]), ...O(R())];
+			return typeof e == "function" ? e(m?.model.value ?? {}) : e;
+		}, P = e(() => {
+			let e = [...A(m?.rules.value?.[j.value]), ...A(oe())];
 			return t.required && !e.some((e) => e.required) && e.unshift({ required: !0 }), e;
-		}), V = e(() => t.required || B.value.some((e) => e.required)), H = e(() => t.validateStatus ? t.validateStatus : A.value ? "warning" : b.value), U = e(() => x.value || t.help), W = e(() => !V.value && v?.requiredMark.value === "optional"), re = e(() => V.value && v?.requiredMark.value !== !1), ie = e(() => t.colon ?? v?.colon.value ?? !0), G = e(() => t.hasFeedback === void 0 ? !!v?.hasFeedback.value : t.hasFeedback), K = e(() => t.labelCol ?? v?.labelCol.value), ae = e(() => t.wrapperCol ?? v?.wrapperCol.value), oe = e(() => K.value ? z(K.value) : !v?.labelWidth.value || v.labelPosition.value === "top" || v.layout.value === "vertical" ? {} : { width: typeof v.labelWidth.value == "number" ? `${v.labelWidth.value}px` : v.labelWidth.value }), se = e(() => z(ae.value)), q = e(() => ({
-			[f.b()]: !0,
-			[f.m(H.value)]: !!H.value,
-			[f.m("required")]: re.value,
-			[f.m("optional")]: W.value,
-			[f.m("no-style")]: t.noStyle,
-			[f.m("hidden")]: t.hidden,
-			[f.m("top")]: v?.labelPosition.value === "top" || v?.layout.value === "vertical"
-		})), J = () => {
-			b.value = "", x.value = "", A.value = !1;
-		}, Y = null, X = async (e) => {
-			if (!P.value || !v) return !0;
-			let t = k(B.value, e);
-			if (t.length === 0) return J(), !0;
-			b.value = "validating";
-			let n = w(v.model.value, N.value), r = "";
+		}), se = e(() => t.required || P.value.some((e) => e.required)), F = e(() => t.validateStatus ? t.validateStatus : S.value ? "warning" : _.value), le = e(() => x.value || t.help), I = e(() => !se.value && m?.requiredMark.value === "optional"), L = e(() => se.value && m?.requiredMark.value !== !1), ue = e(() => t.colon ?? m?.colon.value ?? !0), de = e(() => t.hasFeedback === void 0 ? !!m?.hasFeedback.value : t.hasFeedback), R = e(() => t.labelCol ?? m?.labelCol.value), z = e(() => t.wrapperCol ?? m?.wrapperCol.value), B = e(() => R.value ? zt(R.value) : !m?.labelWidth.value || m.labelPosition.value === "top" || m.layout.value === "vertical" ? {} : { width: typeof m.labelWidth.value == "number" ? `${m.labelWidth.value}px` : m.labelWidth.value }), fe = e(() => zt(z.value)), V = e(() => ({
+			[d.b()]: !0,
+			[d.m(F.value)]: !!F.value,
+			[d.m("required")]: L.value,
+			[d.m("optional")]: I.value,
+			[d.m("no-style")]: t.noStyle,
+			[d.m("hidden")]: t.hidden,
+			[d.m("top")]: m?.labelPosition.value === "top" || m?.layout.value === "vertical"
+		})), H = () => {
+			_.value = "", x.value = "", S.value = !1;
+		}, U = null, pe = async (e) => {
+			if (!j.value || !m) return !0;
+			let t = ie(P.value, e);
+			if (t.length === 0) return H(), !0;
+			_.value = "validating";
+			let n = D(m.model.value, w.value), r = "";
 			for (let e of t) {
-				let t = await ee(e, n, v.model.value, P.value, F.value, v.validateMessages.value);
+				let t = await ce(e, n, m.model.value, j.value, M.value, m.validateMessages.value);
 				if (t) {
 					if (e.warningOnly) {
 						r = t.message;
 						continue;
 					}
-					return b.value = "error", x.value = t.message, v.emitValidate(P.value, !1, t.message), !1;
+					return _.value = "error", x.value = t.message, m.emitValidate(j.value, !1, t.message), !1;
 				}
 			}
-			return r ? (b.value = "success", x.value = r, A.value = !0, v.emitValidate(P.value, !0, r), !0) : (A.value = !1, b.value = "success", x.value = "", v.emitValidate(P.value, !0, ""), !0);
-		}, Z = async (e) => t.validateDebounce > 0 ? (Y && clearTimeout(Y), new Promise((n) => {
-			Y = setTimeout(() => {
-				X(e).then(n);
+			return r ? (_.value = "success", x.value = r, S.value = !0, m.emitValidate(j.value, !0, r), !0) : (S.value = !1, _.value = "success", x.value = "", m.emitValidate(j.value, !0, ""), !0);
+		}, W = async (e) => t.validateDebounce > 0 ? (U && clearTimeout(U), new Promise((n) => {
+			U = setTimeout(() => {
+				pe(e).then(n);
 			}, t.validateDebounce);
-		})) : X(e), Q = () => {
-			P.value && v && T(v.model.value, N.value, D(I.value)), J();
-		}, ce = {
+		})) : pe(e), G = () => {
+			j.value && m && O(m.model.value, w.value, k(ae.value)), H();
+		}, K = {
 			get prop() {
-				return N.value;
+				return w.value;
 			},
 			get field() {
-				return P.value;
+				return j.value;
 			},
 			get dependencies() {
 				return t.dependencies;
 			},
-			validate: Z,
-			resetField: Q,
-			clearValidate: J,
+			validate: W,
+			resetField: G,
+			clearValidate: H,
 			getValidateMessage: () => x.value,
-			getElement: () => j.value
-		}, le = (e) => {
-			if (t.normalize && v && N.value !== void 0) {
-				let e = w(v.model.value, N.value), n = D(e), r = t.normalize(e, n, v.model.value);
-				r !== e && T(v.model.value, N.value, r);
+			getElement: () => C.value
+		}, me = (e) => {
+			if (t.normalize && m && w.value !== void 0) {
+				let e = D(m.model.value, w.value), n = k(e), r = t.normalize(e, n, m.model.value);
+				r !== e && O(m.model.value, w.value, r);
 			}
-			if (Z("change"), v && N.value !== void 0) {
-				let e = w(v.model.value, N.value);
-				v.notifyFieldChange(N.value, e);
+			if (W("change"), m && w.value !== void 0) {
+				let e = D(m.model.value, w.value);
+				m.notifyFieldChange(w.value, e);
 			}
-		}, ue = () => {
-			Z("blur");
+		}, q = () => {
+			W("blur");
 		};
-		a(() => {
-			if (I.value = D(L()), N.value && v && w(v.model.value, N.value) === void 0) {
-				let e = L();
-				e !== void 0 && T(v.model.value, N.value, D(e));
+		o(() => {
+			if (ae.value = k(N()), w.value && m && D(m.model.value, w.value) === void 0) {
+				let e = N();
+				e !== void 0 && O(m.model.value, w.value, k(e));
 			}
-			v?.addField(ce);
-		}), o(() => {
-			v?.removeField(ce);
-			let e = t.preserve, n = v?.preserve.value ?? !0;
-			!(e === void 0 ? n : e) && v && N.value !== void 0 && E(v.model.value, N.value);
-		}), c({
-			validate: Z,
-			resetField: Q,
-			clearValidate: J
-		}), s(h, {
-			validateStatus: H,
-			isInsideForm: !!v,
-			validate: Z
+			m?.addField(K);
+		}), s(() => {
+			m?.removeField(K);
+			let e = t.preserve, n = m?.preserve.value ?? !0;
+			!(e === void 0 ? n : e) && m && w.value !== void 0 && re(m.model.value, w.value);
+		}), a({
+			validate: W,
+			resetField: G,
+			clearValidate: H
+		}), c(y, {
+			validateStatus: F,
+			isInsideForm: !!m,
+			validate: W
 		});
-		let $;
-		d(() => v?.model.value, (e) => {
+		let J;
+		p(() => m?.model.value, (e) => {
 			if (t.shouldUpdate !== void 0) {
 				if (typeof t.shouldUpdate == "function") {
-					if (!t.shouldUpdate($, e)) {
-						$ = D(e);
+					if (!t.shouldUpdate(J, e)) {
+						J = k(e);
 						return;
 					}
 				} else if (!t.shouldUpdate) {
-					$ = D(e);
+					J = k(e);
 					return;
 				}
 			}
-			$ = D(e), t.dependencies.length > 0 && Z();
+			J = k(e), t.dependencies.length > 0 && W();
 		}, { deep: !0 });
-		let de = () => {
-			if (!t.label && !u.label) return null;
-			let e = [u.label?.() || t.label, W.value ? r("span", { class: f.e("optional") }, " (optional)") : null];
+		let he = () => {
+			if (!t.label && !l.label) return null;
+			let e = [l.label?.() || t.label, I.value ? r("span", { class: d.e("optional") }, " (optional)") : null];
 			return r("label", {
-				class: [f.e("label"), ie.value && f.em("label", "colon")],
-				style: oe.value,
+				class: [d.e("label"), ue.value && d.em("label", "colon")],
+				style: B.value,
 				for: t.htmlFor || void 0
 			}, e);
-		}, fe = () => {
-			if (!G.value) return null;
-			let e = H.value;
+		}, Y = () => {
+			if (!de.value) return null;
+			let e = F.value;
 			if (!e) return null;
-			let t = e === "success" ? "✓" : e === "error" ? "✕" : e === "warning" ? "!" : e === "validating" ? "◌" : "";
-			return t ? r("span", {
-				class: [f.e("feedback"), f.em("feedback", e)],
+			let t = e === "success" ? "mdi:check-circle" : e === "error" ? "mdi:close-circle" : e === "warning" ? "mdi:alert-circle" : "", n = t ? Rt(t) : e === "validating" ? "◌" : "";
+			return n ? r("span", {
+				class: [d.e("feedback"), d.em("feedback", e)],
 				"aria-hidden": "true"
-			}, t) : null;
-		}, pe = () => r("div", {
-			class: f.e("content"),
-			style: se.value
+			}, n) : null;
+		}, ge = () => r("div", {
+			class: d.e("content"),
+			style: fe.value
 		}, [
-			r("div", { class: [f.e("control"), G.value && f.em("control", "has-feedback")] }, [u.default?.(), fe()]),
-			U.value ? r("div", {
-				class: f.e("message"),
+			r("div", { class: [d.e("control"), de.value && d.em("control", "has-feedback")] }, [l.default?.(), Y()]),
+			le.value ? r("div", {
+				class: d.e("message"),
 				role: "alert"
-			}, U.value) : null,
-			t.extra ? r("div", { class: f.e("extra") }, t.extra) : null
+			}, le.value) : null,
+			t.extra ? r("div", { class: d.e("extra") }, t.extra) : null
 		]);
 		return () => t.noStyle ? r("div", {
-			ref: j,
-			class: q.value,
-			"data-field": P.value || void 0,
-			onChangeCapture: le,
-			onFocusoutCapture: ue
-		}, u.default?.()) : r("div", {
-			ref: j,
-			class: q.value,
-			"data-field": P.value || void 0,
-			"aria-invalid": H.value === "error" ? "true" : void 0,
-			onChangeCapture: le,
-			onFocusoutCapture: ue
-		}, [de(), pe()]);
-	}
-}), V = /* @__PURE__ */ t({
+			ref: C,
+			class: V.value,
+			"data-field": j.value || void 0,
+			onChangeCapture: me,
+			onFocusoutCapture: q
+		}, l.default?.()) : r("div", {
+			ref: C,
+			class: V.value,
+			"data-field": j.value || void 0,
+			"aria-invalid": F.value === "error" ? "true" : void 0,
+			onChangeCapture: me,
+			onFocusoutCapture: q
+		}, [he(), ge()]);
+	}
+}), Q = /* @__PURE__ */ t({
 	name: "CFormList",
-	props: b,
+	props: ne,
 	setup(t, { slots: n }) {
-		let r = i(m, null), o = e(() => S(t.name)), l = () => {
+		let r = i(te, null), a = e(() => T(t.name)), s = () => {
 			if (!r) return [];
-			let e = w(r.model.value, t.name);
+			let e = D(r.model.value, t.name);
 			if (Array.isArray(e)) return e;
-			let n = t.initialValue ?? w(r.initialValues.value, t.name), i = Array.isArray(n) ? D(n) : [];
-			return T(r.model.value, t.name, i), i;
-		}, u = c({
+			let n = t.initialValue ?? D(r.initialValues.value, t.name), i = Array.isArray(n) ? k(n) : [];
+			return O(r.model.value, t.name, i), i;
+		}, u = l({
 			keys: [],
 			seed: 0
-		}), f = (e) => {
+		}), d = (e) => {
 			for (; u.keys.length < e;) u.keys.push(u.seed++);
 			u.keys.length > e && (u.keys.length = e);
 		};
-		a(() => {
-			f(l().length);
-		}), d(() => r ? w(r.model.value, t.name) : void 0, (e) => {
-			Array.isArray(e) && e.length !== u.keys.length && f(e.length);
+		o(() => {
+			d(s().length);
+		}), p(() => r ? D(r.model.value, t.name) : void 0, (e) => {
+			Array.isArray(e) && e.length !== u.keys.length && d(e.length);
 		}, { deep: !1 });
-		let p = {
+		let f = {
 			add(e, t) {
 				if (!r) return;
-				let n = l(), i = D(e), a = t === void 0 ? n.length : Math.max(0, Math.min(t, n.length));
+				let n = s(), i = k(e), a = t === void 0 ? n.length : Math.max(0, Math.min(t, n.length));
 				n.splice(a, 0, i), u.keys.splice(a, 0, u.seed++);
 			},
 			remove(e) {
 				if (!r) return;
-				let t = l(), n = (Array.isArray(e) ? e : [e]).filter((e) => e >= 0 && e < t.length).sort((e, t) => t - e);
+				let t = s(), n = (Array.isArray(e) ? e : [e]).filter((e) => e >= 0 && e < t.length).sort((e, t) => t - e);
 				for (let e of n) t.splice(e, 1), u.keys.splice(e, 1);
 			},
 			move(e, t) {
 				if (!r) return;
-				let n = l();
+				let n = s();
 				if (e === t || e < 0 || t < 0 || e >= n.length || t >= n.length) return;
 				let [i] = n.splice(e, 1);
 				n.splice(t, 0, i);
@@ -701,21 +1797,21 @@ var B = /* @__PURE__ */ t({
 				u.keys.splice(t, 0, a);
 			}
 		};
-		return s(g, { prefixName: o }), () => {
+		return c(b, { prefixName: a }), () => {
 			let e = u.keys.map((e, t) => ({
 				key: e,
 				name: t
 			}));
-			return n.default?.(e, p) ?? null;
+			return n.default?.(e, f) ?? null;
 		};
 	}
-}), H = /* @__PURE__ */ t({
+}), $ = /* @__PURE__ */ t({
 	name: "CFormProvider",
-	props: x,
+	props: w,
 	emits: ["form-change", "form-finish"],
 	setup(e, { emit: t, slots: n }) {
 		let r = {};
-		return s(_, {
+		return c(x, {
 			registerForm: (e, t) => {
 				e && (r[e] = t);
 			},
@@ -736,17 +1832,17 @@ var B = /* @__PURE__ */ t({
 			}
 		}), () => n.default?.() ?? null;
 	}
-}), U = L;
-U.install = function(e) {
-	e.component(L.name, L), e.component(B.name, B), e.component(V.name, V), e.component(H.name, H);
+}), Bt = F;
+Bt.install = function(e) {
+	e.component(F.name, F), e.component(Z.name, Z), e.component(Q.name, Q), e.component($.name, $);
 };
-var W = {
+var Vt = {
 	title: "Form 表单",
 	category: "数据录入",
 	status: "95%",
 	install(e) {
-		e.component(L.name, L), e.component(B.name, B), e.component(V.name, V), e.component(H.name, H);
+		e.component(F.name, F), e.component(Z.name, Z), e.component(Q.name, Q), e.component($.name, $);
 	}
 };
 //#endregion
-export { L as Form, B as FormItem, V as FormList, H as FormProvider, W as default };
+export { F as Form, Z as FormItem, Q as FormList, $ as FormProvider, Vt as default };