@well-insight/ui 0.1.8 → 0.1.10

package/dist/index.js

@@ -212,6 +212,16 @@ var re = { class: "wi-accordion" }, ie = [
 		fast: "150ms",
 		normal: "250ms",
 		ease: "cubic-bezier(0.2, 0, 0, 1)"
+	},
+	layout: {
+		height: "100%",
+		headerHeight: "56px",
+		footerHeight: "48px",
+		siderWidth: "272px",
+		siderCollapsedWidth: "48px",
+		padding: "0",
+		radius: "0",
+		borderWidth: "1px"
 	}
 }, le = {
 	...ce,
@@ -225,94 +235,94 @@ var re = { class: "wi-accordion" }, ie = [
 		border: "#334155",
 		focusRing: "#93c5fd"
 	}
-}, ue = "well-insight-theme";
-function de() {
-	let e = j(fe()), t = s(() => e.value === "dark");
-	function n(t) {
+}, ue = "well-insight-density", de = [
+	"compact",
+	"comfortable",
+	"spacious"
+];
+function fe(e, t = document.documentElement) {
+	t.dataset.wiDensity = e;
+}
+function pe() {
+	let e = j(me());
+	function t(t) {
 		e.value = t;
 	}
-	function r() {
-		n(t.value ? "light" : "dark");
-	}
 	return W(e, (e) => {
-		Ee(e), typeof localStorage < "u" && localStorage.setItem(ue, e);
+		fe(e), typeof localStorage < "u" && localStorage.setItem(ue, e);
 	}, { immediate: !0 }), {
-		theme: e,
-		isDark: t,
-		setTheme: n,
-		toggleTheme: r
+		preference: e,
+		densityPreferences: de,
+		setDensity: t
 	};
 }
-function fe() {
+function me() {
 	if (typeof localStorage < "u") {
 		let e = localStorage.getItem(ue);
-		if (e === "light" || e === "dark") return e;
+		if (e && de.includes(e)) return e;
 	}
-	return Te();
+	return "comfortable";
 }
 //#endregion
 //#region src/theme/useMotion.ts
-var pe = "well-insight-motion", me = [
+var he = "well-insight-motion", ge = [
 	"full",
 	"reduced",
 	"none"
 ];
-function he(e, t = document.documentElement) {
+function _e(e, t = document.documentElement) {
 	t.dataset.wiMotion = e;
 }
-function ge() {
+function ve() {
 	return typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, "full";
 }
-function _e() {
-	let e = j(ve()), t = s(() => e.value !== "none");
+function ye() {
+	let e = j(be()), t = s(() => e.value !== "none");
 	function n(t) {
 		e.value = t;
 	}
 	return W(e, (e) => {
-		he(e), typeof localStorage < "u" && localStorage.setItem(pe, e);
+		_e(e), typeof localStorage < "u" && localStorage.setItem(he, e);
 	}, { immediate: !0 }), {
 		preference: e,
 		isMotionEnabled: t,
-		motionPreferences: me,
+		motionPreferences: ge,
 		setMotion: n
 	};
 }
-function ve() {
+function be() {
 	if (typeof localStorage < "u") {
-		let e = localStorage.getItem(pe);
-		if (e && me.includes(e)) return e;
+		let e = localStorage.getItem(he);
+		if (e && ge.includes(e)) return e;
 	}
-	return ge();
+	return ve();
 }
 //#endregion
-//#region src/theme/useDensity.ts
-var ye = "well-insight-density", be = [
-	"compact",
-	"comfortable",
-	"spacious"
-];
-function xe(e, t = document.documentElement) {
-	t.dataset.wiDensity = e;
-}
+//#region src/theme/useTheme.ts
+var xe = "well-insight-theme";
 function Se() {
-	let e = j(Ce());
-	function t(t) {
+	let e = j(Ce()), t = s(() => e.value === "dark");
+	function n(t) {
 		e.value = t;
 	}
+	function r() {
+		n(t.value ? "light" : "dark");
+	}
 	return W(e, (e) => {
-		xe(e), typeof localStorage < "u" && localStorage.setItem(ye, e);
+		Ee(e), typeof localStorage < "u" && localStorage.setItem(xe, e);
 	}, { immediate: !0 }), {
-		preference: e,
-		densityPreferences: be,
-		setDensity: t
+		theme: e,
+		isDark: t,
+		setTheme: n,
+		toggleTheme: r
 	};
 }
 function Ce() {
 	if (typeof localStorage < "u") {
-		let e = localStorage.getItem(ye);
-		if (e && be.includes(e)) return e;
+		let e = localStorage.getItem(xe);
+		if (e === "light" || e === "dark") return e;
 	}
-	return "comfortable";
+	return Te();
 }
 //#endregion
 //#region src/theme/index.ts
@@ -451,13 +461,13 @@ function qe(e) {
 	if (Array.isArray(e)) {
 		if (e.length === 0) return [];
 		let t = new Set(e);
-		return Object.entries(Cp).filter(([, e]) => t.has(e));
+		return Object.entries(wp).filter(([, e]) => t.has(e));
 	}
-	return Object.entries(Cp);
+	return Object.entries(wp);
 }
 function Je(e, t) {
 	let { components: n, ...r } = t;
-	e.provide(Le, r), e.config.globalProperties.$wi = r, Ne(e._context), typeof document < "u" && (r.density && xe(r.density), r.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(r.zIndex)));
+	e.provide(Le, r), e.config.globalProperties.$wi = r, Ne(e._context), typeof document < "u" && (r.density && fe(r.density), r.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(r.zIndex)));
 }
 function Ye(e, t) {
 	for (let [n, r] of qe(t)) e.component(n, r);
@@ -1594,7 +1604,7 @@ var st = ["aria-label", "aria-hidden"], ct = {
 				key: 0,
 				class: x(["wi-button__icon", { "wi-button__icon--loading": n.loading }]),
 				"aria-hidden": "true"
-			}, [n.loading ? P(e.$slots, "loadingicon", {}, () => [t[0] ||= d("span", { class: "wi-button__spinner" }, null, -1)], void 0, 0) : P(e.$slots, "icon", { class: x("wi-button__icon-slot") }, () => [A.value ? (O(), c($, {
+			}, [n.loading ? P(e.$slots, "loadingicon", {}, () => [t[0] ||= d("span", { class: "wi-button__spinner" }, null, -1)], void 0, 0) : P(e.$slots, "icon", { class: "wi-button__icon-slot" }, () => [A.value ? (O(), c($, {
 				key: 0,
 				name: A.value,
 				size: "sm"
@@ -1957,29 +1967,29 @@ var st = ["aria-label", "aria-hidden"], ct = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = B(), r = e, i = t, a = _(un, null), o = s(() => r.id ?? `wi-checkbox-${Math.random().toString(36).slice(2, 8)}`), c = Ue("Checkbox", () => r.size ?? a?.size.value), f = s(() => r.disabled || !!a?.disabled.value), m = s(() => r.invalid || !!a?.invalid.value), h = s(() => r.name ?? a?.name.value), g = s(() => a != null && r.value !== void 0), v = s(() => g.value ? a.modelValue.value.includes(r.value) : r.modelValue), b = s(() => [
+		let n = e, r = t, i = B(), a = _(un, null), o = s(() => n.id ?? `wi-checkbox-${Math.random().toString(36).slice(2, 8)}`), c = Ue("Checkbox", () => n.size ?? a?.size.value), f = s(() => n.disabled || !!a?.disabled.value), m = s(() => n.invalid || !!a?.invalid.value), h = s(() => n.name ?? a?.name.value), g = s(() => a != null && n.value !== void 0), v = s(() => g.value ? a.modelValue.value.includes(n.value) : n.modelValue), b = s(() => [
 			"wi-checkbox",
 			`wi-checkbox--${c.value}`,
 			{
 				"wi-checkbox--disabled": f.value,
 				"wi-checkbox--invalid": m.value,
-				"wi-checkbox--indeterminate": r.indeterminate
+				"wi-checkbox--indeterminate": n.indeterminate
 			}
 		]);
 		function S(e) {
 			if (f.value) return;
 			let t = e.target.checked;
 			if (g.value) {
-				a.toggle(r.value, t);
+				a.toggle(n.value, t);
 				return;
 			}
-			i("update:modelValue", t);
+			r("update:modelValue", t);
 		}
-		return (t, r) => (O(), u("label", {
+		return (t, n) => (O(), u("label", {
 			class: x(b.value),
 			for: o.value
 		}, [
-			d("input", y(z(n), {
+			d("input", y(z(i), {
 				id: o.value,
 				class: "wi-checkbox__input",
 				type: "checkbox",
@@ -2284,7 +2294,7 @@ var On = ["aria-label"], kn = ["placeholder", "aria-label"], An = {
 			if (e != null) return { "--wi-z-base": String(e) };
 		});
 		return G(() => {
-			!o.value || typeof document > "u" || (i.value.density && xe(i.value.density), i.value.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(i.value.zIndex)));
+			!o.value || typeof document > "u" || (i.value.density && fe(i.value.density), i.value.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(i.value.zIndex)));
 		}), (e, t) => (O(), u("div", {
 			class: "wi-config-provider",
 			"data-wi-density": a.value,
@@ -2819,7 +2829,7 @@ var Gn = ["aria-label"], Kn = { class: "wi-dialog__header wi-confirmdialog__head
 				disabled: e.disabled || m.value === 1,
 				"aria-label": z(o).prevPage,
 				onClick: r[0] ||= (e) => v(m.value - 1)
-			}, "‹", 8, dr),
+			}, " ‹ ", 8, dr),
 			e.simple ? (O(), u("span", fr, I(m.value) + " / " + I(p.value), 1)) : (O(!0), u(t, { key: 1 }, N(g.value, (t) => (O(), u("button", {
 				key: t,
 				type: "button",
@@ -2835,7 +2845,7 @@ var Gn = ["aria-label"], Kn = { class: "wi-dialog__header wi-confirmdialog__head
 				disabled: e.disabled || m.value === p.value,
 				"aria-label": z(o).nextPage,
 				onClick: r[1] ||= (e) => v(m.value + 1)
-			}, "›", 8, mr),
+			}, " › ", 8, mr),
 			e.showSizePicker && !e.simple ? (O(), u("label", hr, [d("span", gr, I(z(o).itemsPerPage), 1), d("select", {
 				class: "wi-pagination__select",
 				disabled: e.disabled,
@@ -3182,14 +3192,14 @@ var Gn = ["aria-label"], Kn = { class: "wi-dialog__header wi-confirmdialog__head
 							class: "wi-datepicker__nav",
 							"aria-label": z(p).prevMonth,
 							onClick: ue
-						}, "‹", 8, Fr),
+						}, " ‹ ", 8, Fr),
 						d("span", Ir, I(ne.value), 1),
 						d("button", {
 							type: "button",
 							class: "wi-datepicker__nav",
 							"aria-label": z(p).nextMonth,
 							onClick: de
-						}, "›", 8, Lr)
+						}, " › ", 8, Lr)
 					]),
 					d("div", Rr, [(O(!0), u(t, null, N(z(p).weekdays, (e) => (O(), u("span", { key: e }, I(e), 1))), 128))]),
 					d("div", zr, [(O(!0), u(t, null, N(ie.value, (e) => (O(), u("button", {
@@ -3751,16 +3761,16 @@ var Gn = ["aria-label"], Kn = { class: "wi-dialog__header wi-confirmdialog__head
 			D && clearTimeout(D), k && clearTimeout(k), D = void 0, k = void 0;
 		}
 		function ee() {
-			r.trigger === "hover" && (H(), D = setTimeout(() => L(!0), r.showDelay));
+			r.trigger === "hover" && (H(), D = setTimeout(L, r.showDelay, !0));
 		}
 		function te() {
-			r.trigger === "hover" && (H(), k = setTimeout(() => L(!1), r.hideDelay));
+			r.trigger === "hover" && (H(), k = setTimeout(L, r.hideDelay, !1));
 		}
 		function U() {
 			r.trigger === "hover" && H();
 		}
 		function G() {
-			r.trigger === "hover" && (H(), k = setTimeout(() => L(!1), r.hideDelay));
+			r.trigger === "hover" && (H(), k = setTimeout(L, r.hideDelay, !1));
 		}
 		function ne(e) {
 			if (r.modelValue) {
@@ -4350,18 +4360,12 @@ var Ai = [
 			}, I(z(_).clear), 1)])) : l("", !0)
 		], 2));
 	}
-}), ra = { class: "wi-float-label" }, ia = { key: 0 }, aa = /* @__PURE__ */ h({
-	__name: "FloatLabel",
-	props: { label: {} },
-	setup(e) {
-		return (t, n) => (O(), u("span", ra, [P(t.$slots, "default"), e.label || t.$slots.label ? (O(), u("label", ia, [P(t.$slots, "label", {}, () => [p(I(e.label), 1)])])) : l("", !0)]));
-	}
-}), oa = {
+}), ra = {
 	small: "var(--wi-space-2)",
 	medium: "var(--wi-space-3)",
 	large: "var(--wi-space-4)"
 };
-function sa(e = "medium") {
+function ia(e = "medium") {
 	if (Array.isArray(e)) {
 		let t = `${e[0]}px`, n = `${e[1]}px`;
 		return {
@@ -4378,30 +4382,30 @@ function sa(e = "medium") {
 			css: t
 		};
 	}
-	let t = oa[e] ?? oa.medium;
+	let t = ra[e] ?? ra.medium;
 	return {
 		row: t,
 		col: t,
 		css: t
 	};
 }
-function ca(e) {
+function aa(e) {
 	if (e) return e === "start" ? "flex-start" : e === "end" ? "flex-end" : e;
 }
-function la(e = "start") {
+function oa(e = "start") {
 	return e === "start" ? "flex-start" : e === "end" ? "flex-end" : e;
 }
-function ua(e, t) {
+function sa(e, t) {
 	return e ? t ? "column-reverse" : "column" : t ? "row-reverse" : "row";
 }
 //#endregion
 //#region src/shared/vnode.ts
-function da(n) {
+function ca(n) {
 	if (!n?.length) return [];
 	let i = [];
 	for (let a of n) if (a.type !== e && !(a.type === r && !String(a.children ?? "").trim())) {
 		if (a.type === t && Array.isArray(a.children)) {
-			i.push(...da(a.children));
+			i.push(...ca(a.children));
 			continue;
 		}
 		i.push(a);
@@ -4410,7 +4414,7 @@ function da(n) {
 }
 //#endregion
 //#region src/components/Flex/Flex.vue
-var fa = /* @__PURE__ */ h({
+var la = /* @__PURE__ */ h({
 	__name: "Flex",
 	props: {
 		align: {},
@@ -4434,14 +4438,14 @@ var fa = /* @__PURE__ */ h({
 		}
 	},
 	setup(e) {
-		let n = e, r = H(), i = Ge("Flex", () => n.size), a = s(() => da(r.default?.())), o = s(() => {
+		let n = e, r = H(), i = Ge("Flex", () => n.size), a = s(() => ca(r.default?.())), o = s(() => {
 			if (!a.value.length) return;
-			let e = sa(i.value);
+			let e = ia(i.value);
 			return {
 				display: n.inline ? "inline-flex" : "flex",
-				flexDirection: ua(n.vertical, n.reverse),
-				justifyContent: la(n.justify),
-				alignItems: ca(n.align),
+				flexDirection: sa(n.vertical, n.reverse),
+				justifyContent: oa(n.justify),
+				alignItems: aa(n.align),
 				flexWrap: !n.wrap || n.vertical ? "nowrap" : "wrap",
 				gap: e.css
 			};
@@ -4453,6 +4457,12 @@ var fa = /* @__PURE__ */ h({
 			style: S(o.value)
 		}, [(O(!0), u(t, null, N(a.value, (e, t) => (O(), c(F(e), { key: t }))), 128))], 4)) : l("", !0);
 	}
+}), ua = { class: "wi-float-label" }, da = { key: 0 }, fa = /* @__PURE__ */ h({
+	__name: "FloatLabel",
+	props: { label: {} },
+	setup(e) {
+		return (t, n) => (O(), u("span", ua, [P(t.$slots, "default"), e.label || t.$slots.label ? (O(), u("label", da, [P(t.$slots, "label", {}, () => [p(I(e.label), 1)])])) : l("", !0)]));
+	}
 }), pa = /* @__PURE__ */ h({
 	__name: "Fluid",
 	props: { as: { default: "div" } },
@@ -4821,44 +4831,7 @@ function Ha(e) {
 }
 //#endregion
 //#region src/components/Grid/types.ts
-var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
-	name: "WiGridItem",
-	inheritAttrs: !1,
-	__WI_GRID_ITEM__: !0,
-	__name: "GridItem",
-	props: {
-		span: { default: 1 },
-		offset: { default: 0 },
-		suffix: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let t = e, n = B(), r = _(Ua, null), i = s(() => {
-			let e = n.privateSpan;
-			return typeof e == "number" ? e : Va(t.span, void 0) ?? 1;
-		}), a = s(() => {
-			let e = n.privateOffset;
-			return typeof e == "number" ? e : Va(t.offset, void 0) ?? 0;
-		}), o = s(() => n.privateColStart), c = s(() => n.privateShow !== !1), l = s(() => {
-			let e = i.value, t = a.value, s = r?.xGap.value ?? "0px", l = o.value;
-			return [
-				r?.itemStyle.value,
-				n.style,
-				{
-					display: c.value ? void 0 : "none",
-					gridColumn: l ? `${l} / span ${e}` : `span ${e} / span ${e}`,
-					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${s}) / ${e} * ${t} + ${s} * ${t})` : void 0
-				}
-			];
-		}), d = s(() => r?.overflow.value ?? !1);
-		return (e, t) => (O(), u("div", {
-			class: x(["wi-grid-item", z(n).class]),
-			style: S(l.value)
-		}, [P(e.$slots, "default", { overflow: d.value })], 6));
-	}
-}), Ga = /* @__PURE__ */ h({
+var Ua = Symbol("wiGrid"), Wa = "__WI_GRID_ITEM__", Ga = /* @__PURE__ */ h({
 	name: "WiGrid",
 	inheritAttrs: !1,
 	__name: "Grid",
@@ -4975,7 +4948,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 				});
 			});
 		}
-		let E = s(() => C(da(i.default?.())));
+		let E = s(() => C(ca(i.default?.())));
 		return k(Ua, {
 			overflow: d,
 			itemStyle: L(r, "itemStyle"),
@@ -4991,21 +4964,58 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			style: x.value
 		}, e.$attrs), [n.layoutShiftDisabled ? P(e.$slots, "default", {}, void 0, void 0, 0) : (O(!0), u(t, { key: 1 }, N(E.value, (e, t) => (O(), c(F(e), { key: t }))), 128))], 16));
 	}
-}), Ka = {
+}), Ka = /* @__PURE__ */ h({
+	name: "WiGridItem",
+	inheritAttrs: !1,
+	[Wa]: !0,
+	__name: "GridItem",
+	props: {
+		span: { default: 1 },
+		offset: { default: 0 },
+		suffix: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = B(), r = _(Ua, null), i = s(() => {
+			let e = n.privateSpan;
+			return typeof e == "number" ? e : Va(t.span, void 0) ?? 1;
+		}), a = s(() => {
+			let e = n.privateOffset;
+			return typeof e == "number" ? e : Va(t.offset, void 0) ?? 0;
+		}), o = s(() => n.privateColStart), c = s(() => n.privateShow !== !1), l = s(() => {
+			let e = i.value, t = a.value, s = r?.xGap.value ?? "0px", l = o.value;
+			return [
+				r?.itemStyle.value,
+				n.style,
+				{
+					display: c.value ? void 0 : "none",
+					gridColumn: l ? `${l} / span ${e}` : `span ${e} / span ${e}`,
+					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${s}) / ${e} * ${t} + ${s} * ${t})` : void 0
+				}
+			];
+		}), d = s(() => r?.overflow.value ?? !1);
+		return (e, t) => (O(), u("div", {
+			class: x(["wi-grid-item", z(n).class]),
+			style: S(l.value)
+		}, [P(e.$slots, "default", { overflow: d.value })], 6));
+	}
+}), qa = {
 	key: 0,
 	class: "wi-icon-field__icon",
 	"aria-hidden": "true"
-}, qa = /* @__PURE__ */ h({
+}, Ja = /* @__PURE__ */ h({
 	__name: "IconField",
 	props: { iconPosition: { default: "left" } },
 	setup(e) {
 		let t = e, n = s(() => ["wi-icon-field", t.iconPosition === "right" ? "wi-icon-field--right" : "wi-icon-field--left"]);
-		return (e, t) => (O(), u("div", { class: x(n.value) }, [e.$slots.icon ? (O(), u("span", Ka, [P(e.$slots, "icon")])) : l("", !0), P(e.$slots, "default")], 2));
+		return (e, t) => (O(), u("div", { class: x(n.value) }, [e.$slots.icon ? (O(), u("span", qa, [P(e.$slots, "icon")])) : l("", !0), P(e.$slots, "default")], 2));
 	}
-}), Ja = ["tabindex", "onKeydown"], Ya = {
+}), Ya = ["tabindex", "onKeydown"], Xa = {
 	key: 1,
 	class: "wi-inplace__content"
-}, Xa = /* @__PURE__ */ h({
+}, Za = /* @__PURE__ */ h({
 	__name: "Inplace",
 	props: {
 		modelValue: {
@@ -5032,19 +5042,19 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 		return t({
 			activate: o,
 			deactivate: c
-		}), (t, n) => (O(), u("div", { class: x(a.value) }, [e.modelValue ? (O(), u("div", Ya, [P(t.$slots, "content", { close: c })])) : (O(), u("div", {
+		}), (t, n) => (O(), u("div", { class: x(a.value) }, [e.modelValue ? (O(), u("div", Xa, [P(t.$slots, "content", { close: c })])) : (O(), u("div", {
 			key: 0,
 			class: "wi-inplace__display",
 			role: "button",
 			tabindex: e.disabled ? -1 : 0,
 			onClick: o,
 			onKeydown: [q(J(o, ["prevent"]), ["enter"]), q(J(o, ["prevent"]), ["space"])]
-		}, [P(t.$slots, "display")], 40, Ja))], 2));
+		}, [P(t.$slots, "display")], 40, Ya))], 2));
 	}
-}), Za = ["for"], Qa = {
+}), Qa = ["for"], $a = {
 	key: 0,
 	class: "wi-input__prefix"
-}, $a = [
+}, eo = [
 	"id",
 	"type",
 	"value",
@@ -5053,13 +5063,13 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	"maxlength",
 	"aria-invalid",
 	"aria-describedby"
-], eo = {
+], to = {
 	key: 1,
 	class: "wi-input__suffix"
-}, to = ["aria-label", "disabled"], no = {
+}, no = ["aria-label", "disabled"], ro = {
 	key: 1,
 	class: "wi-input-field__meta"
-}, ro = ["id", "role"], io = ["id"], ao = /* @__PURE__ */ h({
+}, io = ["id", "role"], ao = ["id"], oo = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Input",
 	props: {
@@ -5103,7 +5113,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	},
 	emits: ["update:modelValue", "clear"],
 	setup(e, { expose: t, emit: n }) {
-		let r = B(), i = H(), a = e, o = n, c = He("Input"), f = Z(), p = j(null), m = s(() => a.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), h = s(() => a.invalid || a.error || !!a.errorMessage), g = Ue("Input", () => a.size), _ = We("Input", () => a.variant), v = s(() => a.clearable ?? c.value.clearable ?? !1), b = s(() => a.showCount ?? c.value.showCount ?? !1), S = s(() => a.fluid ?? c.value.fluid ?? !1), C = s(() => a.modelValue.length), w = s(() => a.maxlength == null ? String(C.value) : `${C.value} / ${a.maxlength}`), T = s(() => a.errorMessage || a.helpText), E = s(() => !!a.errorMessage || h.value && !!a.helpText), D = s(() => !!i.prefix), k = s(() => !!i.suffix || v.value && !!a.modelValue), A = s(() => {
+		let r = e, i = n, a = B(), o = H(), c = He("Input"), f = Z(), p = j(null), m = s(() => r.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), h = s(() => r.invalid || r.error || !!r.errorMessage), g = Ue("Input", () => r.size), _ = We("Input", () => r.variant), v = s(() => r.clearable ?? c.value.clearable ?? !1), b = s(() => r.showCount ?? c.value.showCount ?? !1), S = s(() => r.fluid ?? c.value.fluid ?? !1), C = s(() => r.modelValue.length), w = s(() => r.maxlength == null ? String(C.value) : `${C.value} / ${r.maxlength}`), T = s(() => r.errorMessage || r.helpText), E = s(() => !!r.errorMessage || h.value && !!r.helpText), D = s(() => !!o.prefix), k = s(() => !!o.suffix || v.value && !!r.modelValue), A = s(() => {
 			let e = [];
 			return T.value && e.push(`${m.value}-help`), b.value && e.push(`${m.value}-count`), e.length ? e.join(" ") : void 0;
 		}), M = s(() => [
@@ -5119,10 +5129,10 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			}
 		]);
 		function N(e) {
-			o("update:modelValue", e.target.value);
+			i("update:modelValue", e.target.value);
 		}
 		function F() {
-			a.disabled || a.readonly || (o("update:modelValue", ""), o("clear"), p.value?.focus());
+			r.disabled || r.readonly || (i("update:modelValue", ""), i("clear"), p.value?.focus());
 		}
 		function L() {
 			p.value?.focus();
@@ -5132,19 +5142,18 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 				key: 0,
 				class: "wi-input-field__label",
 				for: m.value
-			}, I(e.label), 9, Za)) : l("", !0),
+			}, I(e.label), 9, Qa)) : l("", !0),
 			d("div", { class: x(["wi-input-field__control", {
 				"wi-input-field__control--clearable": v.value && e.modelValue,
 				"wi-input-field__control--counted": b.value,
 				"wi-input-field__control--prefixed": D.value,
 				"wi-input-field__control--suffixed": t.$slots.suffix || v.value && e.modelValue
 			}]) }, [
-				t.$slots.prefix ? (O(), u("span", Qa, [P(t.$slots, "prefix")])) : l("", !0),
-				d("input", y({
-					ref_key: "inputElement",
-					ref: p
-				}, z(r), {
+				t.$slots.prefix ? (O(), u("span", $a, [P(t.$slots, "prefix")])) : l("", !0),
+				d("input", y(z(a), {
 					id: m.value,
+					ref_key: "inputElement",
+					ref: p,
 					class: M.value,
 					type: e.type,
 					value: e.modelValue,
@@ -5154,8 +5163,8 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 					"aria-invalid": h.value || void 0,
 					"aria-describedby": A.value,
 					onInput: N
-				}), null, 16, $a),
-				t.$slots.suffix ? (O(), u("span", eo, [P(t.$slots, "suffix")])) : l("", !0),
+				}), null, 16, eo),
+				t.$slots.suffix ? (O(), u("span", to, [P(t.$slots, "suffix")])) : l("", !0),
 				v.value && e.modelValue ? (O(), u("button", {
 					key: 2,
 					class: "wi-input__clear",
@@ -5163,34 +5172,34 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 					"aria-label": z(f).clearInput,
 					disabled: e.disabled || e.readonly,
 					onClick: F
-				}, " × ", 8, to)) : l("", !0)
+				}, " × ", 8, no)) : l("", !0)
 			], 2),
-			T.value || b.value ? (O(), u("div", no, [T.value ? (O(), u("span", {
+			T.value || b.value ? (O(), u("div", ro, [T.value ? (O(), u("span", {
 				key: 0,
 				id: `${m.value}-help`,
 				class: x(["wi-input-field__help", { "wi-input-field__help--error": E.value }]),
 				role: E.value ? "alert" : void 0
-			}, I(T.value), 11, ro)) : l("", !0), b.value ? (O(), u("span", {
+			}, I(T.value), 11, io)) : l("", !0), b.value ? (O(), u("span", {
 				key: 1,
 				id: `${m.value}-count`,
 				class: "wi-input-field__count",
 				"aria-live": "polite"
-			}, I(w.value), 9, io)) : l("", !0)])) : l("", !0)
+			}, I(w.value), 9, ao)) : l("", !0)])) : l("", !0)
 		], 2));
 	}
-}), oo = { class: "wi-inputcolor__row" }, so = [
+}), so = { class: "wi-inputcolor__row" }, co = [
 	"id",
 	"value",
 	"disabled",
 	"aria-label"
-], co = ["value", "disabled"], lo = {
+], lo = ["value", "disabled"], uo = {
 	key: 0,
 	class: "wi-inputcolor__swatches"
-}, uo = [
+}, fo = [
 	"disabled",
 	"aria-label",
 	"onClick"
-], fo = /* @__PURE__ */ h({
+], po = /* @__PURE__ */ h({
 	__name: "InputColor",
 	props: {
 		modelValue: { default: "#000000" },
@@ -5205,7 +5214,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	setup(e, { emit: n }) {
 		let r = e, i = n, a = Z(), o = s(() => {
 			let e = r.modelValue?.trim() || "#000000";
-			return /^#[0-9a-fA-F]{6}$/.test(e) ? e : "#000000";
+			return /^#[0-9a-f]{6}$/i.test(e) ? e : "#000000";
 		});
 		function c(e) {
 			let t = e.target;
@@ -5218,15 +5227,15 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 		function p(e) {
 			r.disabled || i("update:modelValue", e);
 		}
-		return (n, r) => (O(), u("div", { class: x(["wi-inputcolor", { "wi-inputcolor--disabled": e.disabled }]) }, [d("div", oo, [d("input", {
+		return (n, r) => (O(), u("div", { class: x(["wi-inputcolor", { "wi-inputcolor--disabled": e.disabled }]) }, [d("div", so, [d("input", {
+			id: e.id,
 			class: "wi-inputcolor__swatch",
 			type: "color",
-			id: e.id,
 			value: o.value,
 			disabled: e.disabled,
 			"aria-label": z(a).selectColor,
 			onInput: c
-		}, null, 40, so), d("input", {
+		}, null, 40, co), d("input", {
 			class: "wi-inputcolor__text",
 			type: "text",
 			value: e.modelValue,
@@ -5234,7 +5243,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			placeholder: "#000000",
 			spellcheck: "false",
 			onInput: f
-		}, null, 40, co)]), e.swatches?.length ? (O(), u("div", lo, [(O(!0), u(t, null, N(e.swatches, (t) => (O(), u("button", {
+		}, null, 40, lo)]), e.swatches?.length ? (O(), u("div", uo, [(O(!0), u(t, null, N(e.swatches, (t) => (O(), u("button", {
 			key: t,
 			type: "button",
 			class: "wi-inputcolor__preset",
@@ -5242,19 +5251,19 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			disabled: e.disabled,
 			"aria-label": t,
 			onClick: (e) => p(t)
-		}, null, 12, uo))), 128))])) : l("", !0)], 2));
+		}, null, 12, fo))), 128))])) : l("", !0)], 2));
 	}
-}), po = { class: "wi-inputgroup" }, mo = /* @__PURE__ */ h({
+}), mo = { class: "wi-inputgroup" }, ho = /* @__PURE__ */ h({
 	__name: "InputGroup",
 	setup(e) {
-		return (e, t) => (O(), u("div", po, [P(e.$slots, "default")]));
+		return (e, t) => (O(), u("div", mo, [P(e.$slots, "default")]));
 	}
-}), ho = { class: "wi-inputgroup-addon" }, go = /* @__PURE__ */ h({
+}), go = { class: "wi-inputgroup-addon" }, _o = /* @__PURE__ */ h({
 	__name: "InputGroupAddon",
 	setup(e) {
-		return (e, t) => (O(), u("span", ho, [P(e.$slots, "default")]));
+		return (e, t) => (O(), u("span", go, [P(e.$slots, "default")]));
 	}
-}), _o = ["for"], vo = ["aria-label", "disabled"], yo = [
+}), vo = ["for"], yo = ["aria-label", "disabled"], bo = [
 	"id",
 	"value",
 	"min",
@@ -5262,10 +5271,10 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	"step",
 	"disabled",
 	"aria-invalid"
-], bo = ["aria-label"], xo = {
+], xo = ["aria-label"], So = {
 	key: 2,
 	class: "wi-inputnumber__stack"
-}, So = ["aria-label", "disabled"], Co = ["aria-label", "disabled"], wo = ["aria-label", "disabled"], To = /* @__PURE__ */ h({
+}, Co = ["aria-label", "disabled"], wo = ["aria-label", "disabled"], To = ["aria-label", "disabled"], Eo = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "InputNumber",
 	props: {
@@ -5301,25 +5310,25 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = B(), r = e, i = t, a = Z(), o = s(() => r.id ?? `wi-inputnumber-${Math.random().toString(36).slice(2, 8)}`), c = Ue("InputNumber", () => r.size), f = s(() => r.clearable && r.modelValue != null && !r.disabled), p = s(() => [
+		let n = e, r = t, i = B(), a = Z(), o = s(() => n.id ?? `wi-inputnumber-${Math.random().toString(36).slice(2, 8)}`), c = Ue("InputNumber", () => n.size), f = s(() => n.clearable && n.modelValue != null && !n.disabled), p = s(() => [
 			"wi-inputnumber",
 			`wi-inputnumber--${c.value}`,
 			{
-				"wi-inputnumber--fluid": r.fluid,
-				"wi-inputnumber--invalid": r.invalid,
-				"wi-inputnumber--disabled": r.disabled,
-				"wi-inputnumber--buttons": r.showButtons,
-				"wi-inputnumber--buttons-right": r.showButtons && r.buttonPlacement === "right"
+				"wi-inputnumber--fluid": n.fluid,
+				"wi-inputnumber--invalid": n.invalid,
+				"wi-inputnumber--disabled": n.disabled,
+				"wi-inputnumber--buttons": n.showButtons,
+				"wi-inputnumber--buttons-right": n.showButtons && n.buttonPlacement === "right"
 			}
 		]);
 		function m(e) {
-			if (r.precision == null) return e;
-			let t = 10 ** r.precision;
+			if (n.precision == null) return e;
+			let t = 10 ** n.precision;
 			return Math.round(e * t) / t;
 		}
 		function h(e) {
 			let t = m(e);
-			return r.min != null && t < r.min && (t = r.min), r.max != null && t > r.max && (t = r.max), t;
+			return n.min != null && t < n.min && (t = n.min), n.max != null && t > n.max && (t = n.max), t;
 		}
 		function g(e) {
 			let t = e.trim();
@@ -5328,30 +5337,30 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			return Number.isNaN(n) ? null : h(n);
 		}
 		function _(e) {
-			r.disabled || i("update:modelValue", g(e.target.value));
+			n.disabled || r("update:modelValue", g(e.target.value));
 		}
 		function v(e) {
-			if (r.disabled) return;
-			let t = r.modelValue ?? r.min ?? 0;
-			i("update:modelValue", h(t + e * r.step));
+			if (n.disabled) return;
+			let t = n.modelValue ?? n.min ?? 0;
+			r("update:modelValue", h(t + e * n.step));
 		}
 		function b() {
-			r.disabled || i("update:modelValue", null);
+			n.disabled || r("update:modelValue", null);
 		}
-		return (t, r) => (O(), u("div", { class: x(["wi-inputnumber-field", { "wi-inputnumber-field--fluid": e.fluid }]) }, [e.label ? (O(), u("label", {
+		return (t, n) => (O(), u("div", { class: x(["wi-inputnumber-field", { "wi-inputnumber-field--fluid": e.fluid }]) }, [e.label ? (O(), u("label", {
 			key: 0,
 			class: "wi-inputnumber-field__label",
 			for: o.value
-		}, I(e.label), 9, _o)) : l("", !0), d("div", { class: x(p.value) }, [
+		}, I(e.label), 9, vo)) : l("", !0), d("div", { class: x(p.value) }, [
 			e.showButtons && e.buttonPlacement === "both" ? (O(), u("button", {
 				key: 0,
 				class: "wi-inputnumber__button wi-inputnumber__button--decrement",
 				type: "button",
 				"aria-label": z(a).decrease,
 				disabled: e.disabled || e.min != null && e.modelValue != null && e.modelValue <= e.min,
-				onClick: r[0] ||= (e) => v(-1)
-			}, " − ", 8, vo)) : l("", !0),
-			d("input", y(z(n), {
+				onClick: n[0] ||= (e) => v(-1)
+			}, " − ", 8, yo)) : l("", !0),
+			d("input", y(z(i), {
 				id: o.value,
 				class: "wi-inputnumber__input",
 				type: "number",
@@ -5362,44 +5371,44 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 				disabled: e.disabled,
 				"aria-invalid": e.invalid || void 0,
 				onInput: _
-			}), null, 16, yo),
+			}), null, 16, bo),
 			f.value ? (O(), u("button", {
 				key: 1,
 				type: "button",
 				class: "wi-inputnumber__clear",
 				"aria-label": z(a).clearInput,
 				onClick: b
-			}, " × ", 8, bo)) : l("", !0),
-			e.showButtons && e.buttonPlacement === "right" ? (O(), u("div", xo, [d("button", {
+			}, " × ", 8, xo)) : l("", !0),
+			e.showButtons && e.buttonPlacement === "right" ? (O(), u("div", So, [d("button", {
 				class: "wi-inputnumber__button wi-inputnumber__button--increment",
 				type: "button",
 				"aria-label": z(a).increase,
 				disabled: e.disabled || e.max != null && e.modelValue != null && e.modelValue >= e.max,
-				onClick: r[1] ||= (e) => v(1)
-			}, " + ", 8, So), d("button", {
+				onClick: n[1] ||= (e) => v(1)
+			}, " + ", 8, Co), d("button", {
 				class: "wi-inputnumber__button wi-inputnumber__button--decrement",
 				type: "button",
 				"aria-label": z(a).decrease,
 				disabled: e.disabled || e.min != null && e.modelValue != null && e.modelValue <= e.min,
-				onClick: r[2] ||= (e) => v(-1)
-			}, " − ", 8, Co)])) : e.showButtons ? (O(), u("button", {
+				onClick: n[2] ||= (e) => v(-1)
+			}, " − ", 8, wo)])) : e.showButtons ? (O(), u("button", {
 				key: 3,
 				class: "wi-inputnumber__button wi-inputnumber__button--increment",
 				type: "button",
 				"aria-label": z(a).increase,
 				disabled: e.disabled || e.max != null && e.modelValue != null && e.modelValue >= e.max,
-				onClick: r[3] ||= (e) => v(1)
-			}, " + ", 8, wo)) : l("", !0)
+				onClick: n[3] ||= (e) => v(1)
+			}, " + ", 8, To)) : l("", !0)
 		], 2)], 2));
 	}
-}), Eo = [
+}), Do = [
 	"type",
 	"value",
 	"disabled",
 	"aria-label",
 	"onInput",
 	"onKeydown"
-], Do = /* @__PURE__ */ h({
+], Oo = /* @__PURE__ */ h({
 	__name: "InputOtp",
 	props: {
 		modelValue: { default: "" },
@@ -5472,7 +5481,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			b(() => o.value[n]?.focus());
 		}
 		return W(() => r.length, () => {
-			o.value = Array.from({ length: r.length }, () => null);
+			o.value = Array.from({ length: r.length }).fill(null);
 		}, { immediate: !0 }), (n, r) => (O(), u("div", {
 			class: x(d.value),
 			style: S(f.value),
@@ -5492,9 +5501,9 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			"aria-label": z(et)(z(a).otpDigit, { index: n + 1 }),
 			onInput: (e) => g(n, e),
 			onKeydown: (e) => _(n, e)
-		}, null, 40, Eo))), 128))], 38));
+		}, null, 40, Do))), 128))], 38));
 	}
-}), Oo = ["for"], ko = [
+}), ko = ["for"], Ao = [
 	"id",
 	"type",
 	"value",
@@ -5503,14 +5512,14 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	"maxlength",
 	"aria-invalid",
 	"aria-describedby"
-], Ao = ["aria-label", "disabled"], jo = [
+], jo = ["aria-label", "disabled"], Mo = [
 	"aria-label",
 	"aria-pressed",
 	"disabled"
-], Mo = {
+], No = {
 	key: 1,
 	class: "wi-password-field__meta"
-}, No = ["id"], Po = ["id"], Fo = /* @__PURE__ */ h({
+}, Po = ["id"], Fo = ["id"], Io = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "InputPassword",
 	props: {
@@ -5558,34 +5567,34 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 	},
 	emits: ["update:modelValue", "clear"],
 	setup(e, { emit: t }) {
-		let n = B(), r = e, i = t, a = He("InputPassword"), o = Z(), f = j(!1), p = j(null), m = s(() => r.id ?? `wi-password-${Math.random().toString(36).slice(2, 8)}`), h = Ue("InputPassword", () => r.size), g = We("InputPassword", () => r.variant), _ = s(() => r.fluid ?? a.value.fluid ?? !1), v = s(() => r.clearable ?? a.value.clearable ?? !1), b = s(() => r.showCount ?? a.value.showCount ?? !1), S = s(() => r.showPasswordOn ?? a.value.showPasswordOn ?? "click"), C = s(() => typeof r.showIcon == "string" ? r.showIcon : void 0), T = s(() => typeof r.showIcon == "string" || !r.showIcon ? void 0 : r.showIcon), E = s(() => typeof r.hideIcon == "string" ? r.hideIcon : void 0), D = s(() => typeof r.hideIcon == "string" || !r.hideIcon ? void 0 : r.hideIcon), k = s(() => {
-			let e = r.modelValue ?? "";
+		let n = e, r = t, i = B(), a = He("InputPassword"), o = Z(), f = j(!1), p = j(null), m = s(() => n.id ?? `wi-password-${Math.random().toString(36).slice(2, 8)}`), h = Ue("InputPassword", () => n.size), g = We("InputPassword", () => n.variant), _ = s(() => n.fluid ?? a.value.fluid ?? !1), v = s(() => n.clearable ?? a.value.clearable ?? !1), b = s(() => n.showCount ?? a.value.showCount ?? !1), S = s(() => n.showPasswordOn ?? a.value.showPasswordOn ?? "click"), C = s(() => typeof n.showIcon == "string" ? n.showIcon : void 0), T = s(() => typeof n.showIcon == "string" || !n.showIcon ? void 0 : n.showIcon), E = s(() => typeof n.hideIcon == "string" ? n.hideIcon : void 0), D = s(() => typeof n.hideIcon == "string" || !n.hideIcon ? void 0 : n.hideIcon), k = s(() => {
+			let e = n.modelValue ?? "";
 			if (!e) return "empty";
 			let t = 0;
-			return e.length >= 8 && (t += 1), /[A-Z]/.test(e) && /[a-z]/.test(e) && (t += 1), /\d/.test(e) && (t += 1), /[^A-Za-z0-9]/.test(e) && (t += 1), t <= 1 ? "weak" : t <= 3 ? "medium" : "strong";
-		}), A = s(() => k.value === "weak" ? o.value.passwordWeak : k.value === "medium" ? o.value.passwordMedium : k.value === "strong" ? o.value.passwordStrong : ""), M = s(() => (r.modelValue ?? "").length), N = s(() => r.maxlength == null ? String(M.value) : `${M.value} / ${r.maxlength}`), L = s(() => v.value && !!r.modelValue), R = s(() => {
+			return e.length >= 8 && (t += 1), /[A-Z]/.test(e) && /[a-z]/.test(e) && (t += 1), /\d/.test(e) && (t += 1), /[^A-Z0-9]/i.test(e) && (t += 1), t <= 1 ? "weak" : t <= 3 ? "medium" : "strong";
+		}), A = s(() => k.value === "weak" ? o.value.passwordWeak : k.value === "medium" ? o.value.passwordMedium : k.value === "strong" ? o.value.passwordStrong : ""), M = s(() => (n.modelValue ?? "").length), N = s(() => n.maxlength == null ? String(M.value) : `${M.value} / ${n.maxlength}`), L = s(() => v.value && !!n.modelValue), R = s(() => {
 			let e = [];
-			return r.feedback && k.value !== "empty" && e.push(`${m.value}-feedback`), b.value && e.push(`${m.value}-count`), e.length ? e.join(" ") : void 0;
+			return n.feedback && k.value !== "empty" && e.push(`${m.value}-feedback`), b.value && e.push(`${m.value}-count`), e.length ? e.join(" ") : void 0;
 		}), V = s(() => [
 			"wi-password",
 			`wi-password--${h.value}`,
 			{
 				"wi-password--filled": g.value === "filled",
 				"wi-password--fluid": _.value,
-				"wi-password--invalid": r.invalid,
-				"wi-password--disabled": r.disabled,
-				"wi-password--toggle": r.toggleMask,
+				"wi-password--invalid": n.invalid,
+				"wi-password--disabled": n.disabled,
+				"wi-password--toggle": n.toggleMask,
 				"wi-password--clearable": L.value
 			}
 		]);
 		function H(e) {
-			r.disabled || r.readonly || i("update:modelValue", e.target.value);
+			n.disabled || n.readonly || r("update:modelValue", e.target.value);
 		}
 		function ee() {
-			r.disabled || r.readonly || (i("update:modelValue", ""), i("clear"), p.value?.focus());
+			n.disabled || n.readonly || (r("update:modelValue", ""), r("clear"), p.value?.focus());
 		}
 		function te(e) {
-			if (!r.disabled) {
+			if (!n.disabled) {
 				if (S.value === "mousedown") {
 					e.preventDefault();
 					return;
@@ -5598,27 +5607,26 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			U &&= (document.removeEventListener("mouseup", U), void 0), W &&= (document.removeEventListener("keyup", W), void 0);
 		}
 		function K(e) {
-			r.disabled || (e.preventDefault(), S.value === "mousedown" && (f.value = !0, G(), U = () => {
+			n.disabled || (e.preventDefault(), S.value === "mousedown" && (f.value = !0, G(), U = () => {
 				f.value = !1, G();
 			}, document.addEventListener("mouseup", U)));
 		}
 		function ne(e) {
-			r.disabled || S.value === "mousedown" && (e.key === " " || e.key === "Enter") && (e.preventDefault(), f.value = !0, G(), W = (t) => {
+			n.disabled || S.value === "mousedown" && (e.key === " " || e.key === "Enter") && (e.preventDefault(), f.value = !0, G(), W = (t) => {
 				t.key === e.key && (f.value = !1, G());
 			}, document.addEventListener("keyup", W));
 		}
-		return w(G), (t, r) => (O(), u("div", { class: x(["wi-password-field", { "wi-password-field--fluid": _.value }]) }, [
+		return w(G), (t, n) => (O(), u("div", { class: x(["wi-password-field", { "wi-password-field--fluid": _.value }]) }, [
 			e.label ? (O(), u("label", {
 				key: 0,
 				class: "wi-password-field__label",
 				for: m.value
-			}, I(e.label), 9, Oo)) : l("", !0),
+			}, I(e.label), 9, ko)) : l("", !0),
 			d("div", { class: x(V.value) }, [
-				d("input", y({
-					ref_key: "inputElement",
-					ref: p
-				}, z(n), {
+				d("input", y(z(i), {
 					id: m.value,
+					ref_key: "inputElement",
+					ref: p,
 					class: "wi-password__input",
 					type: f.value ? "text" : "password",
 					value: e.modelValue,
@@ -5629,7 +5637,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 					"aria-describedby": R.value,
 					autocomplete: "current-password",
 					onInput: H
-				}), null, 16, ko),
+				}), null, 16, Ao),
 				L.value ? (O(), u("button", {
 					key: 0,
 					class: "wi-password__clear",
@@ -5637,7 +5645,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 					"aria-label": z(o).clearInput,
 					disabled: e.disabled || e.readonly,
 					onClick: ee
-				}, " × ", 8, Ao)) : l("", !0),
+				}, " × ", 8, jo)) : l("", !0),
 				e.toggleMask ? (O(), u("button", {
 					key: 1,
 					class: "wi-password__toggle",
@@ -5656,29 +5664,29 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 					key: 0,
 					name: C.value,
 					size: "sm"
-				}, null, 8, ["name"])) : T.value ? (O(), c(F(T.value), { key: 1 })) : l("", !0)], void 0, 1)], 40, jo)) : l("", !0)
+				}, null, 8, ["name"])) : T.value ? (O(), c(F(T.value), { key: 1 })) : l("", !0)], void 0, 1)], 40, Mo)) : l("", !0)
 			], 2),
-			e.feedback && k.value !== "empty" || b.value ? (O(), u("div", Mo, [e.feedback && k.value !== "empty" ? (O(), u("span", {
+			e.feedback && k.value !== "empty" || b.value ? (O(), u("div", No, [e.feedback && k.value !== "empty" ? (O(), u("span", {
 				key: 0,
 				id: `${m.value}-feedback`,
 				class: x(["wi-password__feedback", `wi-password__feedback--${k.value}`])
-			}, I(z(et)(z(o).passwordStrength, { value: A.value })), 11, No)) : l("", !0), b.value ? (O(), u("span", {
+			}, I(z(et)(z(o).passwordStrength, { value: A.value })), 11, Po)) : l("", !0), b.value ? (O(), u("span", {
 				key: 1,
 				id: `${m.value}-count`,
 				class: "wi-password-field__count",
 				"aria-live": "polite"
-			}, I(N.value), 9, Po)) : l("", !0)])) : l("", !0)
+			}, I(N.value), 9, Fo)) : l("", !0)])) : l("", !0)
 		], 2));
 	}
-}), Io = [
+}), Lo = [
 	"disabled",
 	"aria-label",
 	"onClick"
-], Lo = [
+], Ro = [
 	"value",
 	"placeholder",
 	"disabled"
-], Ro = /* @__PURE__ */ h({
+], zo = /* @__PURE__ */ h({
 	__name: "InputTags",
 	props: {
 		modelValue: { default: () => [] },
@@ -5755,7 +5763,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			disabled: e.disabled,
 			"aria-label": z(a).removeTag,
 			onClick: (e) => g(n)
-		}, " × ", 8, Io)]))), 128)), d("input", {
+		}, " × ", 8, Lo)]))), 128)), d("input", {
 			value: o.value,
 			class: "wi-inputtags__input",
 			type: "text",
@@ -5764,30 +5772,30 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			onInput: v,
 			onKeydown: _,
 			onBlur: y
-		}, null, 40, Lo)], 2));
+		}, null, 40, Ro)], 2));
 	}
-}), zo = [
+}), Bo = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-disabled",
 	"tabindex"
-], Bo = [
+], Vo = [
 	"width",
 	"height",
 	"viewBox"
-], Vo = [
+], Ho = [
 	"cx",
 	"cy",
 	"r"
-], Ho = [
+], Uo = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-dasharray",
 	"stroke-dashoffset",
 	"transform"
-], Uo = { class: "wi-knob__label" }, Wo = /* @__PURE__ */ h({
+], Wo = { class: "wi-knob__label" }, Go = /* @__PURE__ */ h({
 	__name: "Knob",
 	props: {
 		modelValue: { default: 0 },
@@ -5858,7 +5866,7 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			r: l.value,
 			fill: "none",
 			"stroke-width": "8"
-		}, null, 8, Vo), d("circle", {
+		}, null, 8, Ho), d("circle", {
 			class: "wi-knob__value",
 			cx: e.size / 2,
 			cy: e.size / 2,
@@ -5868,9 +5876,9 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 			"stroke-dasharray": f.value,
 			"stroke-dashoffset": p.value,
 			transform: `rotate(-90 ${e.size / 2} ${e.size / 2})`
-		}, null, 8, Ho)], 40, Bo)), d("span", Uo, I(m.value), 1)], 42, zo));
+		}, null, 8, Uo)], 40, Vo)), d("span", Wo, I(m.value), 1)], 42, Bo));
 	}
-}), Go = ["for"], Ko = /* @__PURE__ */ h({
+}), Ko = ["for"], qo = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Label",
 	props: {
@@ -5882,9 +5890,9 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 		return (e, t) => (O(), u("label", y({
 			class: "wi-label",
 			for: r.value
-		}, z(n)), [P(e.$slots, "default")], 16, Go));
+		}, z(n)), [P(e.$slots, "default")], 16, Ko));
 	}
-}), qo = Symbol("wiScrollbar"), Jo = {
+}), Jo = Symbol("wiScrollbar"), Yo = {
 	vertical: {
 		offset: "offsetHeight",
 		scroll: "scrollTop",
@@ -5906,27 +5914,27 @@ var Ua = Symbol("wiGrid"), Wa = /* @__PURE__ */ h({
 		direction: "left"
 	}
 };
-function Yo(e) {
+function Xo(e) {
 	if (e == null || e === "") return;
 	if (typeof e == "number") return `${e}px`;
 	let t = String(e).trim();
 	return /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t;
 }
-function Xo({ move: e, size: t, bar: n }) {
+function Zo({ move: e, size: t, bar: n }) {
 	return {
 		[n.size]: t,
 		transform: `translate${n.axis}(${e}%)`
 	};
 }
-function Zo(e) {
+function Qo(e) {
 	return typeof e == "number" && !Number.isNaN(e);
 }
-function Qo(e) {
+function $o(e) {
 	return Object.prototype.toString.call(e) === "[object Object]";
 }
 //#endregion
 //#region src/components/Scrollbar/Thumb.vue?vue&type=script&setup=true&lang.ts
-var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
+var es = ["aria-orientation", "aria-controls"], ts = /* @__PURE__ */ h({
 	__name: "Thumb",
 	props: {
 		vertical: { type: Boolean },
@@ -5936,9 +5944,9 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 		always: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, n = _(qo);
+		let t = e, n = _(Jo);
 		if (!n) throw Error("[WiScrollbar] Thumb must be used inside WiScrollbar");
-		let r = n, a = j(), o = j(), l = j(!1), u = j({}), f = !1, p = !0, m = 0, h = 0, g = null, v, y, b = s(() => t.vertical ? "vertical" : "horizontal"), C = s(() => Jo[b.value]), E = s(() => Xo({
+		let r = n, a = j(), o = j(), l = j(!1), u = j({}), f = !1, p = !0, m = 0, h = 0, g = null, v, y, b = s(() => t.vertical ? "vertical" : "horizontal"), C = s(() => Yo[b.value]), E = s(() => Zo({
 			size: t.size,
 			move: t.move,
 			bar: C.value
@@ -6048,11 +6056,11 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				class: "wi-scrollbar__thumb",
 				style: S(E.value),
 				onMousedown: F
-			}, null, 36)], 42, $o), [[U, e.size && D.value]])]),
+			}, null, 36)], 42, es), [[U, e.size && D.value]])]),
 			_: 1
 		}));
 	}
-}), ts = ["tabindex"], ns = /* @__PURE__ */ h({
+}), ns = ["tabindex"], rs = /* @__PURE__ */ h({
 	name: "WiScrollbar",
 	__name: "Scrollbar",
 	props: {
@@ -6106,14 +6114,14 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			left: "right",
 			right: "left"
 		}, ee = s(() => {
-			let e = {}, t = Yo(i.height), n = Yo(i.maxHeight);
+			let e = {}, t = Xo(i.height), n = Xo(i.maxHeight);
 			return t && (e.height = t), n && (e.maxHeight = n), [i.wrapStyle, e];
 		}), te = s(() => [
 			"wi-scrollbar__wrap",
 			i.wrapClass,
 			{ "wi-scrollbar__wrap--hidden-default": !i.native }
 		]), U = s(() => ["wi-scrollbar__view", i.viewClass]), G = s(() => !!(i.always || i.trigger === "none"));
-		k(qo, A({
+		k(Jo, A({
 			scrollbarElement: o,
 			wrapElement: f,
 			contentId: N
@@ -6164,13 +6172,13 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 		}
 		function oe(e, t) {
 			let n = f.value;
-			n && (Qo(e) ? n.scrollTo(e) : Zo(e) && Zo(t) && n.scrollTo(e, t));
+			n && ($o(e) ? n.scrollTo(e) : Qo(e) && Qo(t) && n.scrollTo(e, t));
 		}
 		function se(e) {
-			!Zo(e) || !f.value || (f.value.scrollTop = e);
+			!Qo(e) || !f.value || (f.value.scrollTop = e);
 		}
 		function ce(e) {
-			!Zo(e) || !f.value || (f.value.scrollLeft = e);
+			!Qo(e) || !f.value || (f.value.scrollLeft = e);
 		}
 		function le() {
 			z ||= requestAnimationFrame(() => {
@@ -6238,7 +6246,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"role",
 			"aria-label",
 			"aria-orientation"
-		]))], 46, ts), e.native ? l("", !0) : (O(), u(t, { key: 0 }, [m(es, {
+		]))], 46, ns), e.native ? l("", !0) : (O(), u(t, { key: 0 }, [m(ts, {
 			move: h.value,
 			ratio: y.value,
 			size: _.value,
@@ -6248,7 +6256,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"ratio",
 			"size",
 			"always"
-		]), m(es, {
+		]), m(ts, {
 			vertical: "",
 			move: g.value,
 			ratio: E.value,
@@ -6261,10 +6269,12 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"always"
 		])], 64))], 512));
 	}
-}), rs = Symbol("wiLayout"), is = /* @__PURE__ */ h({
+}), is = Symbol("wiLayout"), as = /* @__PURE__ */ h({
 	name: "WiLayout",
 	__name: "Layout",
 	props: {
+		height: {},
+		width: {},
 		embedded: {
 			type: Boolean,
 			default: !1
@@ -6286,7 +6296,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
 		let r = e, i = n;
-		k(rs, {
+		k(is, {
 			get hasSider() {
 				return r.hasSider;
 			},
@@ -6294,7 +6304,10 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				return r.siderPlacement;
 			}
 		});
-		let a = ee("scrollEl"), o = ee("scrollbarRef"), l = s(() => [
+		let a = ee("scrollEl"), o = ee("scrollbarRef"), l = s(() => ({
+			height: r.height == null ? "var(--wi-layout-height, 100%)" : Ha(r.height),
+			width: r.width == null ? "100%" : Ha(r.width)
+		})), d = s(() => [
 			"wi-layout",
 			`wi-layout--${r.position}-positioned`,
 			{
@@ -6303,7 +6316,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				"wi-layout--sider-right": r.hasSider && r.siderPlacement === "right",
 				"wi-layout--custom-scrollbar": !r.nativeScrollbar
 			}
-		]), d = s(() => {
+		]), f = s(() => {
 			if (!r.hasSider) return r.contentStyle;
 			let e = {
 				display: "flex",
@@ -6312,18 +6325,18 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				flexDirection: r.siderPlacement === "right" ? "row-reverse" : "row"
 			};
 			return [r.contentStyle, e];
-		}), f = s(() => [
+		}), p = s(() => [
 			"wi-layout__scroll",
 			r.contentClass,
 			{ "wi-layout__scroll--has-sider": r.hasSider }
-		]), p = s(() => {
-			let e = r.scrollbarProps?.viewClass, t = f.value.filter(Boolean);
+		]), m = s(() => {
+			let e = r.scrollbarProps?.viewClass, t = p.value.filter(Boolean);
 			return e == null || e === "" ? t : Array.isArray(e) ? [...t, ...e] : [...t, e];
-		}), m = s(() => {
+		}), h = s(() => {
 			let e = r.scrollbarProps?.viewStyle;
-			return e == null || e === "" ? d.value : [d.value, e];
+			return e == null || e === "" ? f.value : [f.value, e];
 		});
-		function h(e, t) {
+		function g(e, t) {
 			if (r.nativeScrollbar) {
 				let n = a.value;
 				if (!n) return;
@@ -6333,41 +6346,47 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			let n = o.value;
 			n && (typeof e == "number" ? n.scrollTo(e, t ?? 0) : n.scrollTo(e));
 		}
-		function g(e) {
+		function _(e) {
 			i("scroll", e);
 		}
-		function _() {
+		function v() {
 			let e = o.value?.wrapRef;
 			if (!e) return;
 			let t = new Event("scroll");
 			Object.defineProperty(t, "target", { value: e }), Object.defineProperty(t, "currentTarget", { value: e }), i("scroll", t);
 		}
-		return t({ scrollTo: h }), (t, n) => (O(), u("div", { class: x(l.value) }, [e.nativeScrollbar ? (O(), u("div", {
+		return t({ scrollTo: g }), (t, n) => (O(), u("div", {
+			class: x(d.value),
+			style: S(l.value)
+		}, [e.nativeScrollbar ? (O(), u("div", {
 			key: 0,
 			ref_key: "scrollEl",
 			ref: a,
-			class: x(f.value),
-			style: S(d.value),
-			onScroll: g
-		}, [P(t.$slots, "default")], 38)) : (O(), c(ns, y({
+			class: x(p.value),
+			style: S(f.value),
+			onScroll: _
+		}, [P(t.$slots, "default")], 38)) : (O(), c(rs, y({
 			key: 1,
 			ref_key: "scrollbarRef",
 			ref: o,
 			class: "wi-layout__scrollbar",
 			height: "100%"
 		}, e.scrollbarProps, {
-			"view-class": p.value,
-			"view-style": m.value,
-			onScroll: _
+			"view-class": m.value,
+			"view-style": h.value,
+			onScroll: v
 		}), {
 			default: K(() => [P(t.$slots, "default")]),
 			_: 3
-		}, 16, ["view-class", "view-style"]))], 2));
+		}, 16, ["view-class", "view-style"]))], 6));
 	}
-}), as = /* @__PURE__ */ h({
+}), os = /* @__PURE__ */ h({
 	name: "WiLayoutContent",
 	__name: "LayoutContent",
 	props: {
+		height: {},
+		padding: {},
+		radius: {},
 		embedded: {
 			type: Boolean,
 			default: !1
@@ -6383,7 +6402,11 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = ee("scrollEl"), o = ee("scrollbarRef"), l = s(() => [
+		let r = e, i = n, a = ee("scrollEl"), o = ee("scrollbarRef"), l = s(() => ({
+			...r.height == null ? {} : { height: Ha(r.height) },
+			padding: r.padding == null ? "var(--wi-layout-padding, var(--wi-space-4))" : Ha(r.padding),
+			borderRadius: r.radius == null ? "var(--wi-layout-radius, 0)" : Ha(r.radius)
+		})), d = s(() => [
 			"wi-layout",
 			"wi-layout-content",
 			`wi-layout--${r.position}-positioned`,
@@ -6391,14 +6414,14 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				"wi-layout--embedded": r.embedded,
 				"wi-layout--custom-scrollbar": !r.nativeScrollbar
 			}
-		]), d = s(() => ["wi-layout__scroll", r.contentClass]), f = s(() => r.contentStyle), p = s(() => {
-			let e = r.scrollbarProps?.viewClass, t = d.value.filter(Boolean);
+		]), f = s(() => ["wi-layout__scroll", r.contentClass]), p = s(() => r.contentStyle), m = s(() => {
+			let e = r.scrollbarProps?.viewClass, t = f.value.filter(Boolean);
 			return e == null || e === "" ? t : Array.isArray(e) ? [...t, ...e] : [...t, e];
-		}), m = s(() => {
+		}), h = s(() => {
 			let e = r.scrollbarProps?.viewStyle;
-			return e == null || e === "" ? f.value : [f.value, e];
+			return e == null || e === "" ? p.value : [p.value, e];
 		});
-		function h(e, t) {
+		function g(e, t) {
 			if (r.nativeScrollbar) {
 				let n = a.value;
 				if (!n) return;
@@ -6408,41 +6431,47 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			let n = o.value;
 			n && (typeof e == "number" ? n.scrollTo(e, t ?? 0) : n.scrollTo(e));
 		}
-		function g(e) {
+		function _(e) {
 			i("scroll", e);
 		}
-		function _() {
+		function v() {
 			let e = o.value?.wrapRef;
 			if (!e) return;
 			let t = new Event("scroll");
 			Object.defineProperty(t, "target", { value: e }), Object.defineProperty(t, "currentTarget", { value: e }), i("scroll", t);
 		}
-		return t({ scrollTo: h }), (t, n) => (O(), u("main", { class: x(l.value) }, [e.nativeScrollbar ? (O(), u("div", {
+		return t({ scrollTo: g }), (t, n) => (O(), u("main", {
+			class: x(d.value),
+			style: S(l.value)
+		}, [e.nativeScrollbar ? (O(), u("div", {
 			key: 0,
 			ref_key: "scrollEl",
 			ref: a,
-			class: x(d.value),
-			style: S(f.value),
-			onScroll: g
-		}, [P(t.$slots, "default")], 38)) : (O(), c(ns, y({
+			class: x(f.value),
+			style: S(p.value),
+			onScroll: _
+		}, [P(t.$slots, "default")], 38)) : (O(), c(rs, y({
 			key: 1,
 			ref_key: "scrollbarRef",
 			ref: o,
 			class: "wi-layout__scrollbar",
 			height: "100%"
 		}, e.scrollbarProps, {
-			"view-class": p.value,
-			"view-style": m.value,
-			onScroll: _
+			"view-class": m.value,
+			"view-style": h.value,
+			onScroll: v
 		}), {
 			default: K(() => [P(t.$slots, "default")]),
 			_: 3
-		}, 16, ["view-class", "view-style"]))], 2));
+		}, 16, ["view-class", "view-style"]))], 6));
 	}
-}), os = /* @__PURE__ */ h({
+}), ss = /* @__PURE__ */ h({
 	name: "WiLayoutFooter",
 	__name: "LayoutFooter",
 	props: {
+		height: {},
+		padding: {},
+		radius: {},
 		bordered: {
 			type: Boolean,
 			default: !1
@@ -6454,7 +6483,11 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 		position: { default: "static" }
 	},
 	setup(e) {
-		let t = e, n = s(() => [
+		let t = e, n = s(() => ({
+			minHeight: t.height == null ? "var(--wi-layout-footer-height, 48px)" : Ha(t.height),
+			padding: t.padding == null ? "var(--wi-layout-padding, var(--wi-space-4))" : Ha(t.padding),
+			borderRadius: t.radius == null ? "var(--wi-layout-radius, 0)" : Ha(t.radius)
+		})), r = s(() => [
 			"wi-layout-footer",
 			`wi-layout-footer--${t.position}-positioned`,
 			{
@@ -6462,15 +6495,21 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				"wi-layout-footer--inverted": t.inverted
 			}
 		]);
-		return (e, t) => (O(), u("footer", { class: x(n.value) }, [P(e.$slots, "default")], 2));
+		return (e, t) => (O(), u("footer", {
+			class: x(r.value),
+			style: S(n.value)
+		}, [P(e.$slots, "default")], 6));
 	}
-}), ss = /* @__PURE__ */ h({
+}), cs = /* @__PURE__ */ h({
 	name: "WiLayoutHeader",
 	__name: "LayoutHeader",
 	props: {
+		height: {},
+		padding: {},
+		radius: {},
 		bordered: {
 			type: Boolean,
-			default: !1
+			default: !0
 		},
 		inverted: {
 			type: Boolean,
@@ -6479,7 +6518,11 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 		position: { default: "static" }
 	},
 	setup(e) {
-		let t = e, n = s(() => [
+		let t = e, n = s(() => ({
+			minHeight: t.height == null ? "var(--wi-layout-header-height, 56px)" : Ha(t.height),
+			padding: t.padding == null ? "var(--wi-layout-padding, var(--wi-space-4))" : Ha(t.padding),
+			borderRadius: t.radius == null ? "var(--wi-layout-radius, 0)" : Ha(t.radius)
+		})), r = s(() => [
 			"wi-layout-header",
 			`wi-layout-header--${t.position}-positioned`,
 			{
@@ -6487,21 +6530,24 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				"wi-layout-header--inverted": t.inverted
 			}
 		]);
-		return (e, t) => (O(), u("header", { class: x(n.value) }, [P(e.$slots, "default")], 2));
+		return (e, t) => (O(), u("header", {
+			class: x(r.value),
+			style: S(n.value)
+		}, [P(e.$slots, "default")], 6));
 	}
-}), cs = ["aria-expanded", "aria-label"], ls = {
+}), ls = ["aria-expanded", "aria-label"], us = {
 	key: 0,
 	class: "wi-layout-sider__arrow",
 	"aria-hidden": "true"
-}, us = {
+}, ds = {
 	key: 1,
 	class: "wi-layout-sider__bar",
 	"aria-hidden": "true"
-}, ds = {
+}, fs = {
 	key: 3,
 	class: "wi-layout-sider__border",
 	"aria-hidden": "true"
-}, fs = /* @__PURE__ */ h({
+}, ps = /* @__PURE__ */ h({
 	name: "WiLayoutSider",
 	__name: "LayoutSider",
 	props: {
@@ -6514,8 +6560,10 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			default: !1
 		},
 		position: { default: "static" },
-		width: { default: 272 },
-		collapsedWidth: { default: 48 },
+		width: { default: "var(--wi-layout-sider-width)" },
+		collapsedWidth: { default: "var(--wi-layout-sider-collapsed-width)" },
+		padding: {},
+		radius: {},
 		collapsed: { type: Boolean },
 		defaultCollapsed: {
 			type: Boolean,
@@ -6551,11 +6599,11 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 		"scroll"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = Z(), o = _(rs, null), f = j(r.defaultCollapsed), p = ee("scrollEl"), m = ee("scrollbarRef"), h = s(() => r.collapsed !== void 0), g = s(() => h.value ? !!r.collapsed : f.value);
+		let r = e, i = n, a = Z(), o = _(is, null), f = j(r.defaultCollapsed), p = ee("scrollEl"), m = ee("scrollbarRef"), h = s(() => r.collapsed !== void 0), g = s(() => h.value ? !!r.collapsed : f.value);
 		W(() => r.collapsed, (e) => {
 			e !== void 0 && (f.value = e);
 		});
-		let v = s(() => o?.siderPlacement ?? "left"), b = s(() => Ha(r.width) ?? "272px"), C = s(() => Ha(g.value ? r.collapsedWidth : r.width)), w = s(() => {
+		let v = s(() => o?.siderPlacement ?? "left"), b = s(() => Ha(r.width) ?? "var(--wi-layout-sider-width)"), C = s(() => Ha(g.value ? r.collapsedWidth : r.width)), w = s(() => {
 			let e = r.showTrigger;
 			return e ? e === "bar" || e === !0 ? "bar" : "arrow-circle" : null;
 		}), T = s(() => !g.value || r.showCollapsedContent), E = s(() => [
@@ -6572,7 +6620,9 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			}
 		]), D = s(() => ({
 			width: b.value,
-			maxWidth: C.value
+			maxWidth: C.value,
+			padding: r.padding == null ? "var(--wi-layout-padding, var(--wi-space-4))" : Ha(r.padding),
+			borderRadius: r.radius == null ? "var(--wi-layout-radius, 0)" : Ha(r.radius)
 		})), k = s(() => {
 			let e = r.contentStyle;
 			return r.collapseMode === "transform" ? [e, { minWidth: b.value }] : e;
@@ -6621,7 +6671,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				class: x(A.value),
 				style: S(k.value),
 				onScroll: B
-			}, [P(t.$slots, "default")], 38)) : (O(), c(ns, y({
+			}, [P(t.$slots, "default")], 38)) : (O(), c(rs, y({
 				key: 1,
 				ref_key: "scrollbarRef",
 				ref: m,
@@ -6646,22 +6696,22 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				"aria-expanded": !g.value,
 				"aria-label": g.value ? z(a).expand : z(a).collapse,
 				onClick: L
-			}, [w.value === "arrow-circle" ? (O(), u("span", ls, " › ")) : (O(), u("span", us, [...n[0] ||= [d("i", { class: "wi-layout-sider__bar-top" }, null, -1), d("i", { class: "wi-layout-sider__bar-bottom" }, null, -1)]]))], 14, cs)) : l("", !0),
-			e.bordered ? (O(), u("div", ds)) : l("", !0)
+			}, [w.value === "arrow-circle" ? (O(), u("span", us, " › ")) : (O(), u("span", ds, [...n[0] ||= [d("i", { class: "wi-layout-sider__bar-top" }, null, -1), d("i", { class: "wi-layout-sider__bar-bottom" }, null, -1)]]))], 14, ls)) : l("", !0),
+			e.bordered ? (O(), u("div", fs)) : l("", !0)
 		], 38));
 	}
-}), ps = [
+}), ms = [
 	"placeholder",
 	"disabled",
 	"aria-label"
-], ms = ["aria-multiselectable"], hs = [
+], hs = ["aria-multiselectable"], gs = [
 	"aria-selected",
 	"disabled",
 	"onClick"
-], gs = {
+], _s = {
 	key: 0,
 	class: "wi-listbox__empty"
-}, _s = /* @__PURE__ */ h({
+}, vs = /* @__PURE__ */ h({
 	__name: "Listbox",
 	props: {
 		modelValue: {},
@@ -6710,7 +6760,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			placeholder: z(o).filterOptions,
 			disabled: e.disabled,
 			"aria-label": z(o).filterOptions
-		}, null, 8, ps)), [[te, a.value]]) : l("", !0), d("ul", {
+		}, null, 8, ms)), [[te, a.value]]) : l("", !0), d("ul", {
 			class: "wi-listbox__list",
 			role: "listbox",
 			"aria-multiselectable": e.multiple || void 0,
@@ -6725,17 +6775,17 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"aria-selected": p(t.value),
 			disabled: e.disabled || t.disabled,
 			onClick: (e) => m(t)
-		}, I(t.label), 11, hs)]))), 128)), c.value.length ? l("", !0) : (O(), u("li", gs, I(z(o).emptyOptions), 1))], 12, ms)], 2));
+		}, I(t.label), 11, gs)]))), 128)), c.value.length ? l("", !0) : (O(), u("li", _s, I(z(o).emptyOptions), 1))], 12, hs)], 2));
 	}
-}), vs = [
+}), ys = [
 	"disabled",
 	"aria-expanded",
 	"aria-haspopup",
 	"onClick"
-], ys = {
+], bs = {
 	key: 0,
 	"aria-hidden": "true"
-}, bs = ["disabled", "onClick"], xs = /* @__PURE__ */ h({
+}, xs = ["disabled", "onClick"], Ss = /* @__PURE__ */ h({
 	__name: "MegaMenu",
 	props: {
 		model: { default: () => [] },
@@ -6800,7 +6850,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"aria-expanded": e.items?.length ? o.value === r : void 0,
 			"aria-haspopup": e.items?.length ? "true" : void 0,
 			onClick: J((t) => E(r, e), ["stop"])
-		}, [e.icon ? (O(), u("span", ys, I(e.icon), 1)) : l("", !0), p(" " + I(e.label), 1)], 8, vs), (O(), c(n, {
+		}, [e.icon ? (O(), u("span", bs, I(e.icon), 1)) : l("", !0), p(" " + I(e.label), 1)], 8, ys), (O(), c(n, {
 			to: _.value.to,
 			disabled: _.value.disabled
 		}, [m(i, { name: "wi-scale-fade" }, {
@@ -6819,48 +6869,48 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: J((t) => D(e), ["stop"])
-			}, I(e.label), 9, bs))), 128))]))), 128))], 6)) : l("", !0)]),
+			}, I(e.label), 9, xs))), 128))]))), 128))], 6)) : l("", !0)]),
 			_: 2
 		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 512));
 	}
-}), Ss = {
+}), Cs = {
 	key: 0,
 	class: "wi-menu__separator",
 	role: "separator"
-}, Cs = {
+}, ws = {
 	key: 1,
 	class: "wi-menu__group"
-}, ws = [
+}, Ts = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
-], Ts = {
+], Es = {
 	key: 0,
 	class: "wi-menu__icon",
 	"aria-hidden": "true"
-}, Es = {
+}, Ds = {
 	key: 1,
 	class: "wi-menu__label"
-}, Ds = {
+}, Os = {
 	key: 2,
 	class: "wi-menu__caret",
 	"aria-hidden": "true"
-}, Os = {
+}, ks = {
 	key: 0,
 	class: "wi-menu__submenu",
 	role: "group"
-}, ks = [
+}, As = [
 	"disabled",
 	"title",
 	"onClick"
-], As = {
+], js = {
 	key: 0,
 	class: "wi-menu__icon",
 	"aria-hidden": "true"
-}, js = {
+}, Ms = {
 	key: 1,
 	class: "wi-menu__label"
-}, Ms = /* @__PURE__ */ h({
+}, Ns = /* @__PURE__ */ h({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -6891,7 +6941,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			return e.icon && at(e.icon) ? e.icon : void 0;
 		}
 		let g = s(() => r.collapsed ? 0 : r.depth * r.indent);
-		return (n, r) => (O(!0), u(t, null, N(e.items, (s, _) => (O(), u(t, { key: a(s, _) }, [s.separator ? (O(), u("div", Ss)) : s.items?.length ? (O(), u("div", Cs, [d("button", {
+		return (n, r) => (O(!0), u(t, null, N(e.items, (s, _) => (O(), u(t, { key: a(s, _) }, [s.separator ? (O(), u("div", Cs)) : s.items?.length ? (O(), u("div", ws, [d("button", {
 			type: "button",
 			class: x(["wi-menu__item wi-menu__item--parent", { "wi-menu__item--selected": o(s) }]),
 			disabled: s.disabled,
@@ -6899,14 +6949,14 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"aria-expanded": !!i.value[a(s, _)],
 			onClick: (e) => f(s, _)
 		}, [
-			h(s) || s.icon ? (O(), u("span", Ts, [h(s) ? (O(), c($, {
+			h(s) || s.icon ? (O(), u("span", Es, [h(s) ? (O(), c($, {
 				key: 0,
 				name: h(s),
 				size: "sm"
 			}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(s.icon), 1)], 64))])) : l("", !0),
-			e.collapsed ? l("", !0) : (O(), u("span", Es, I(s.label), 1)),
-			e.collapsed ? l("", !0) : (O(), u("span", Ds, I(i.value[a(s, _)] ? "▾" : "▸"), 1))
-		], 14, ws), i.value[a(s, _)] ? (O(), u("div", Os, [m(Ms, {
+			e.collapsed ? l("", !0) : (O(), u("span", Ds, I(s.label), 1)),
+			e.collapsed ? l("", !0) : (O(), u("span", Os, I(i.value[a(s, _)] ? "▾" : "▸"), 1))
+		], 14, Ts), i.value[a(s, _)] ? (O(), u("div", ks, [m(Ns, {
 			items: s.items,
 			depth: e.depth + 1,
 			indent: e.indent,
@@ -6928,13 +6978,13 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			style: S({ paddingLeft: `${12 + g.value}px` }),
 			title: e.collapsed ? s.label : void 0,
 			onClick: (e) => n.$emit("activate", s)
-		}, [h(s) || s.icon ? (O(), u("span", As, [h(s) ? (O(), c($, {
+		}, [h(s) || s.icon ? (O(), u("span", js, [h(s) ? (O(), c($, {
 			key: 0,
 			name: h(s),
 			size: "sm"
-		}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(s.icon), 1)], 64))])) : l("", !0), e.collapsed ? l("", !0) : (O(), u("span", js, I(s.label), 1))], 14, ks))], 64))), 128));
+		}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(s.icon), 1)], 64))])) : l("", !0), e.collapsed ? l("", !0) : (O(), u("span", Ms, I(s.label), 1))], 14, As))], 64))), 128));
 	}
-}), Ns = /* @__PURE__ */ h({
+}), Ps = /* @__PURE__ */ h({
 	__name: "Menu",
 	props: {
 		model: {},
@@ -6990,7 +7040,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 					"wi-menu--collapsed": e.collapsed
 				}]),
 				role: "menu"
-			}, [m(Ms, {
+			}, [m(Ns, {
 				items: e.model,
 				depth: 0,
 				indent: e.indent,
@@ -7010,7 +7060,7 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			ref: d,
 			class: x(["wi-menu", { "wi-menu--collapsed": e.collapsed }]),
 			role: "menu"
-		}, [m(Ms, {
+		}, [m(Ns, {
 			items: e.model,
 			depth: 0,
 			indent: e.indent,
@@ -7024,24 +7074,24 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"selected-key"
 		])], 2));
 	}
-}), Ps = ["aria-label"], Fs = [
+}), Fs = ["aria-label"], Is = [
 	"disabled",
 	"aria-expanded",
 	"aria-haspopup",
 	"onClick"
-], Is = {
+], Ls = {
 	key: 0,
 	class: "wi-menubar__icon",
 	"aria-hidden": "true"
-}, Ls = {
+}, Rs = {
 	key: 1,
 	class: "wi-menubar__caret",
 	"aria-hidden": "true"
-}, Rs = ["disabled", "onClick"], zs = {
+}, zs = ["disabled", "onClick"], Bs = {
 	key: 0,
 	class: "wi-menubar__icon",
 	"aria-hidden": "true"
-}, Bs = /* @__PURE__ */ h({
+}, Vs = /* @__PURE__ */ h({
 	__name: "Menubar",
 	props: {
 		model: {},
@@ -7124,14 +7174,14 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 			"aria-haspopup": e.items?.length ? "menu" : void 0,
 			onClick: J((t) => L(r, e), ["stop"])
 		}, [
-			P(e) || e.icon ? (O(), u("span", Is, [P(e) ? (O(), c($, {
+			P(e) || e.icon ? (O(), u("span", Ls, [P(e) ? (O(), c($, {
 				key: 0,
 				name: P(e),
 				size: "sm"
 			}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(e.icon), 1)], 64))])) : l("", !0),
 			p(" " + I(e.label) + " ", 1),
-			e.items?.length ? (O(), u("span", Ls, "▾")) : l("", !0)
-		], 10, Fs), (O(), c(n, {
+			e.items?.length ? (O(), u("span", Rs, "▾")) : l("", !0)
+		], 10, Is), (O(), c(n, {
 			to: C.value.to,
 			disabled: C.value.disabled
 		}, [m(i, { name: "wi-scale-fade" }, {
@@ -7147,18 +7197,18 @@ var $o = ["aria-orientation", "aria-controls"], es = /* @__PURE__ */ h({
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: J((t) => R(e), ["stop"])
-			}, [P(e) || e.icon ? (O(), u("span", zs, [P(e) ? (O(), c($, {
+			}, [P(e) || e.icon ? (O(), u("span", Bs, [P(e) ? (O(), c($, {
 				key: 0,
 				name: P(e),
 				size: "sm"
-			}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(e.icon), 1)], 64))])) : l("", !0), p(" " + I(e.label), 1)], 10, Rs))), 128))], 6)) : l("", !0)]),
+			}, null, 8, ["name"])) : (O(), u(t, { key: 1 }, [p(I(e.icon), 1)], 64))])) : l("", !0), p(" " + I(e.label), 1)], 10, zs))), 128))], 6)) : l("", !0)]),
 			_: 2
-		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 8, Ps));
+		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 8, Fs));
 	}
 });
 //#endregion
 //#region src/shared/content.ts
-function Vs(e) {
+function Hs(e) {
 	if (e == null || v(e)) return !1;
 	if (typeof e == "function") {
 		let t = e;
@@ -7170,21 +7220,21 @@ function Vs(e) {
 	}
 	return !1;
 }
-function Hs(e) {
-	return e == null ? null : typeof e == "string" || typeof e == "number" || v(e) ? e : typeof e == "function" ? Vs(e) ? g(e) : e() : g(e);
-}
 function Us(e) {
-	return typeof e == "string" || typeof e == "number" ? String(e) : "";
+	return e == null ? null : typeof e == "string" || typeof e == "number" || v(e) ? e : typeof e == "function" ? Hs(e) ? g(e) : e() : g(e);
 }
 function Ws(e) {
-	return !!e && typeof e == "object" && !v(e) && "content" in e && !Vs(e);
+	return typeof e == "string" || typeof e == "number" ? String(e) : "";
 }
 function Gs(e) {
-	return !!e && typeof e == "object" && !v(e) && "summary" in e && !Vs(e);
+	return !!e && typeof e == "object" && !v(e) && "content" in e && !Hs(e);
+}
+function Ks(e) {
+	return !!e && typeof e == "object" && !v(e) && "summary" in e && !Hs(e);
 }
 //#endregion
 //#region src/shared/Renderable.ts
-var Ks = h({
+var qs = h({
 	name: "WiRenderable",
 	props: { value: {
 		type: [
@@ -7196,63 +7246,63 @@ var Ks = h({
 		required: !0
 	} },
 	setup(e) {
-		return () => Hs(e.value);
+		return () => Us(e.value);
 	}
-}), qs = A({
+}), Js = A({
 	items: [],
 	placement: "top",
 	max: void 0
-}), Js = null, Ys = 0, Xs = /* @__PURE__ */ new Map();
-function Zs(e) {
-	Js = e;
-}
-function Qs() {
-	Ys += 1, Js &&= (Js.unmount(), null);
+}), Ys = null, Xs = 0, Zs = /* @__PURE__ */ new Map();
+function Qs(e) {
+	Ys = e;
 }
 function $s() {
-	Ys = Math.max(0, Ys - 1);
+	Xs += 1, Ys &&= (Ys.unmount(), null);
+}
+function ec() {
+	Xs = Math.max(0, Xs - 1);
 }
-function ec(e) {
-	let t = Xs.get(e);
-	t != null && clearTimeout(t), Xs.delete(e);
+function tc(e) {
+	let t = Zs.get(e);
+	t != null && clearTimeout(t), Zs.delete(e);
 }
-function tc(e, t) {
-	ec(e.id), !(e.life == null || e.life <= 0) && Xs.set(e.id, setTimeout(() => {
+function nc(e, t) {
+	tc(e.id), !(e.life == null || e.life <= 0) && Zs.set(e.id, setTimeout(() => {
 		t(e.id);
 	}, e.life));
 }
-function nc(e) {
+function rc(e) {
 	if (e == null) {
-		rc();
+		ic();
 		return;
 	}
-	ec(e), qs.items = qs.items.filter((t) => t.id !== e);
+	tc(e), Js.items = Js.items.filter((t) => t.id !== e);
 }
-function rc() {
-	for (let e of [...Xs.keys()]) ec(e);
-	qs.items = [];
+function ic() {
+	for (let e of [...Zs.keys()]) tc(e);
+	Js.items = [];
 }
-function ic(e) {
-	if (!(e == null || e <= 0)) for (; qs.items.length >= e;) {
-		let e = qs.items[0];
+function ac(e) {
+	if (!(e == null || e <= 0)) for (; Js.items.length >= e;) {
+		let e = Js.items[0];
 		if (!e) break;
-		nc(e.id);
+		rc(e.id);
 	}
 }
-function ac(e) {
-	if (!(e == null || e <= 0)) for (; qs.items.length > e;) {
-		let e = qs.items[0];
+function oc(e) {
+	if (!(e == null || e <= 0)) for (; Js.items.length > e;) {
+		let e = Js.items[0];
 		if (!e) break;
-		nc(e.id);
+		rc(e.id);
 	}
 }
 //#endregion
 //#region src/components/Message/Message.vue?vue&type=script&setup=true&lang.ts
-var oc = {
+var sc = {
 	key: 0,
 	class: "wi-message__icon",
 	"aria-hidden": "true"
-}, sc = { class: "wi-message__content" }, cc = ["aria-label", "onClick"], lc = /* @__PURE__ */ h({
+}, cc = { class: "wi-message__content" }, lc = ["aria-label", "onClick"], uc = /* @__PURE__ */ h({
 	__name: "Message",
 	props: {
 		teleport: {
@@ -7268,13 +7318,13 @@ var oc = {
 		}
 	},
 	setup(e) {
-		let r = e, i = X(), o = Z(), f = s(() => Q(r, i.value.appendTo)), p = s(() => r.placement ?? qs.placement);
+		let r = e, i = X(), o = Z(), f = s(() => Q(r, i.value.appendTo)), p = s(() => r.placement ?? Js.placement);
 		T(() => {
-			r.auto || Qs();
-		}), w(() => {
 			r.auto || $s();
+		}), w(() => {
+			r.auto || ec();
 		}), W(() => [r.placement, r.max], ([e, t]) => {
-			e && (qs.placement = e), t !== void 0 && (qs.max = t, ac(t));
+			e && (Js.placement = e), t !== void 0 && (Js.max = t, oc(t));
 		}, { immediate: !0 });
 		function h(e) {
 			switch (Ie(e) ?? "info") {
@@ -7288,7 +7338,7 @@ var oc = {
 			return `wi-message--${Ie(e) ?? "info"}`;
 		}
 		function _(e) {
-			nc(e.id);
+			rc(e.id);
 		}
 		return (e, r) => (O(), c(n, {
 			to: f.value.to,
@@ -7298,16 +7348,16 @@ var oc = {
 			"aria-live": "polite",
 			"aria-atomic": "false"
 		}, [m(a, { name: "wi-message-slide" }, {
-			default: K(() => [(O(!0), u(t, null, N(z(qs).items, (e) => (O(), u("div", {
+			default: K(() => [(O(!0), u(t, null, N(z(Js).items, (e) => (O(), u("div", {
 				key: e.id,
 				class: x(["wi-message", g(e.severity)]),
 				role: "status"
 			}, [
-				e.icon === !1 ? l("", !0) : (O(), u("span", oc, [m($, {
+				e.icon === !1 ? l("", !0) : (O(), u("span", sc, [m($, {
 					name: h(e.severity),
 					size: "sm"
 				}, null, 8, ["name"])])),
-				d("div", sc, [m(z(Ks), { value: e.content }, null, 8, ["value"])]),
+				d("div", cc, [m(z(qs), { value: e.content }, null, 8, ["value"])]),
 				e.closable ? (O(), u("button", {
 					key: 1,
 					type: "button",
@@ -7317,12 +7367,12 @@ var oc = {
 				}, [m($, {
 					name: "close",
 					size: "sm"
-				})], 8, cc)) : l("", !0)
+				})], 8, lc)) : l("", !0)
 			], 2))), 128))]),
 			_: 1
 		})], 2)], 8, ["to", "disabled"]));
 	}
-}), uc = { class: "wi-metergroup" }, dc = ["aria-valuemax"], fc = ["title"], pc = { class: "wi-metergroup__legend" }, mc = { class: "wi-metergroup__value" }, hc = /* @__PURE__ */ h({
+}), dc = { class: "wi-metergroup" }, fc = ["aria-valuemax"], pc = ["title"], mc = { class: "wi-metergroup__legend" }, hc = { class: "wi-metergroup__value" }, gc = /* @__PURE__ */ h({
 	__name: "MeterGroup",
 	props: {
 		value: {},
@@ -7337,7 +7387,7 @@ var oc = {
 			...e,
 			width: `${Math.max(0, e.value / r.value * 100)}%`
 		})));
-		return (n, a) => (O(), u("div", uc, [d("div", {
+		return (n, a) => (O(), u("div", dc, [d("div", {
 			class: "wi-metergroup__meter",
 			role: "meter",
 			"aria-valuemin": 0,
@@ -7350,7 +7400,7 @@ var oc = {
 				background: e.color
 			}),
 			title: `${e.label}: ${e.value}`
-		}, null, 12, fc))), 128))], 8, dc), d("ul", pc, [(O(!0), u(t, null, N(e.value, (e, t) => (O(), u("li", {
+		}, null, 12, pc))), 128))], 8, fc), d("ul", mc, [(O(!0), u(t, null, N(e.value, (e, t) => (O(), u("li", {
 			key: `${e.label}-${t}`,
 			class: "wi-metergroup__legend-item"
 		}, [
@@ -7360,17 +7410,17 @@ var oc = {
 				"aria-hidden": "true"
 			}, null, 4),
 			d("span", null, I(e.label), 1),
-			d("span", mc, I(e.value), 1)
+			d("span", hc, I(e.value), 1)
 		]))), 128))])]));
 	}
-}), gc = { class: "wi-orderlist" }, _c = { class: "wi-orderlist__controls" }, vc = ["aria-label"], yc = ["aria-label"], bc = [
+}), _c = { class: "wi-orderlist" }, vc = { class: "wi-orderlist__controls" }, yc = ["aria-label"], bc = ["aria-label"], xc = [
 	"aria-selected",
 	"draggable",
 	"onClick",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], xc = ["aria-label"], Sc = { class: "wi-orderlist__label" }, Cc = /* @__PURE__ */ h({
+], Sc = ["aria-label"], Cc = { class: "wi-orderlist__label" }, wc = /* @__PURE__ */ h({
 	__name: "OrderList",
 	props: {
 		modelValue: { default: () => [] },
@@ -7430,7 +7480,7 @@ var oc = {
 		function E() {
 			s.value = null, c.value = null, f.value = !1;
 		}
-		return (n, r) => (O(), u("div", gc, [d("div", _c, [d("button", {
+		return (n, r) => (O(), u("div", _c, [d("div", vc, [d("button", {
 			type: "button",
 			class: "wi-orderlist__btn",
 			"aria-label": z(a).moveUp,
@@ -7438,7 +7488,7 @@ var oc = {
 		}, [m($, {
 			name: "chevron-up",
 			size: "sm"
-		})], 8, vc), d("button", {
+		})], 8, yc), d("button", {
 			type: "button",
 			class: "wi-orderlist__btn",
 			"aria-label": z(a).moveDown,
@@ -7446,7 +7496,7 @@ var oc = {
 		}, [m($, {
 			name: "chevron-down",
 			size: "sm"
-		})], 8, yc)]), d("ul", {
+		})], 8, bc)]), d("ul", {
 			class: "wi-orderlist__list",
 			style: S(e.listStyle),
 			role: "listbox"
@@ -7475,18 +7525,18 @@ var oc = {
 		}, [m($, {
 			name: "grip",
 			size: "sm"
-		})], 40, xc)) : l("", !0), d("span", Sc, [P(n.$slots, "item", {
+		})], 40, Sc)) : l("", !0), d("span", Cc, [P(n.$slots, "item", {
 			item: t,
 			index: i
-		}, () => [p(I(t), 1)])])], 42, bc))), 128))], 4)]));
+		}, () => [p(I(t), 1)])])], 42, xc))), 128))], 4)]));
 	}
-}), wc = {
+}), Tc = {
 	key: 0,
 	class: "wi-panel__header"
-}, Tc = { class: "wi-panel__title" }, Ec = ["aria-expanded", "aria-label"], Dc = { "aria-hidden": "true" }, Oc = { class: "wi-panel__content" }, kc = {
+}, Ec = { class: "wi-panel__title" }, Dc = ["aria-expanded", "aria-label"], Oc = { "aria-hidden": "true" }, kc = { class: "wi-panel__content" }, Ac = {
 	key: 1,
 	class: "wi-panel__footer"
-}, Ac = /* @__PURE__ */ h({
+}, jc = /* @__PURE__ */ h({
 	__name: "Panel",
 	props: {
 		header: {},
@@ -7511,37 +7561,37 @@ var oc = {
 			r("update:collapsed", e), r("update:modelValue", e);
 		}
 		return (t, n) => (O(), u("section", { class: x(c.value) }, [
-			t.$slots.header || e.header || e.toggleable ? (O(), u("header", wc, [d("div", Tc, [P(t.$slots, "header", {}, () => [p(I(e.header), 1)])]), e.toggleable ? (O(), u("button", {
+			t.$slots.header || e.header || e.toggleable ? (O(), u("header", Tc, [d("div", Ec, [P(t.$slots, "header", {}, () => [p(I(e.header), 1)])]), e.toggleable ? (O(), u("button", {
 				key: 0,
 				type: "button",
 				class: "wi-panel__toggler",
 				"aria-expanded": !o.value,
 				"aria-label": o.value ? z(i).expand : z(i).collapse,
 				onClick: f
-			}, [d("span", Dc, I(o.value ? "▸" : "▾"), 1)], 8, Ec)) : l("", !0)])) : l("", !0),
-			ne(d("div", Oc, [P(t.$slots, "default")], 512), [[U, !o.value]]),
-			t.$slots.footer && !o.value ? (O(), u("footer", kc, [P(t.$slots, "footer")])) : l("", !0)
+			}, [d("span", Oc, I(o.value ? "▸" : "▾"), 1)], 8, Dc)) : l("", !0)])) : l("", !0),
+			ne(d("div", kc, [P(t.$slots, "default")], 512), [[U, !o.value]]),
+			t.$slots.footer && !o.value ? (O(), u("footer", Ac, [P(t.$slots, "footer")])) : l("", !0)
 		], 2));
 	}
-}), jc = { class: "wi-picklist" }, Mc = { class: "wi-picklist__listbox" }, Nc = { class: "wi-picklist__header" }, Pc = {
+}), Mc = { class: "wi-picklist" }, Nc = { class: "wi-picklist__listbox" }, Pc = { class: "wi-picklist__header" }, Fc = {
 	class: "wi-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
-}, Fc = [
+}, Ic = [
 	"aria-selected",
 	"onClick",
 	"onKeydown"
-], Ic = { class: "wi-picklist__controls" }, Lc = ["aria-label"], Rc = ["aria-label"], zc = ["aria-label"], Bc = ["aria-label"], Vc = { class: "wi-picklist__listbox" }, Hc = { class: "wi-picklist__header" }, Uc = {
+], Lc = { class: "wi-picklist__controls" }, Rc = ["aria-label"], zc = ["aria-label"], Bc = ["aria-label"], Vc = ["aria-label"], Hc = { class: "wi-picklist__listbox" }, Uc = { class: "wi-picklist__header" }, Wc = {
 	class: "wi-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
-}, Wc = [
+}, Gc = [
 	"aria-selected",
 	"onClick",
 	"onKeydown"
-], Gc = /* @__PURE__ */ h({
+], Kc = /* @__PURE__ */ h({
 	__name: "PickList",
 	props: {
 		source: { default: () => [] },
@@ -7576,8 +7626,8 @@ var oc = {
 		function b() {
 			r.target.length && (i("update:source", [...r.source, ...r.target]), i("update:target", []), o.value = []);
 		}
-		return (n, r) => (O(), u("div", jc, [
-			d("div", Mc, [d("div", Nc, I(l.value), 1), d("ul", Pc, [(O(!0), u(t, null, N(e.source, (e, t) => (O(), u("li", {
+		return (n, r) => (O(), u("div", Mc, [
+			d("div", Nc, [d("div", Pc, I(l.value), 1), d("ul", Fc, [(O(!0), u(t, null, N(e.source, (e, t) => (O(), u("li", {
 				key: h(e, t),
 				class: x(["wi-picklist__item", { "wi-picklist__item--selected": a.value.includes(t) }]),
 				role: "option",
@@ -7588,8 +7638,8 @@ var oc = {
 			}, [P(n.$slots, "item", {
 				item: e,
 				index: t
-			}, () => [p(I(e), 1)])], 42, Fc))), 128))])]),
-			d("div", Ic, [
+			}, () => [p(I(e), 1)])], 42, Ic))), 128))])]),
+			d("div", Lc, [
 				d("button", {
 					type: "button",
 					class: "wi-picklist__btn",
@@ -7601,7 +7651,7 @@ var oc = {
 				}), m($, {
 					name: "chevron-right",
 					size: "sm"
-				})], 8, Lc),
+				})], 8, Rc),
 				d("button", {
 					type: "button",
 					class: "wi-picklist__btn",
@@ -7610,7 +7660,7 @@ var oc = {
 				}, [m($, {
 					name: "chevron-right",
 					size: "sm"
-				})], 8, Rc),
+				})], 8, zc),
 				d("button", {
 					type: "button",
 					class: "wi-picklist__btn",
@@ -7619,7 +7669,7 @@ var oc = {
 				}, [m($, {
 					name: "chevron-left",
 					size: "sm"
-				})], 8, zc),
+				})], 8, Bc),
 				d("button", {
 					type: "button",
 					class: "wi-picklist__btn",
@@ -7631,9 +7681,9 @@ var oc = {
 				}), m($, {
 					name: "chevron-left",
 					size: "sm"
-				})], 8, Bc)
+				})], 8, Vc)
 			]),
-			d("div", Vc, [d("div", Hc, I(f.value), 1), d("ul", Uc, [(O(!0), u(t, null, N(e.target, (e, t) => (O(), u("li", {
+			d("div", Hc, [d("div", Uc, I(f.value), 1), d("ul", Wc, [(O(!0), u(t, null, N(e.target, (e, t) => (O(), u("li", {
 				key: h(e, t),
 				class: x(["wi-picklist__item", { "wi-picklist__item--selected": o.value.includes(t) }]),
 				role: "option",
@@ -7644,10 +7694,10 @@ var oc = {
 			}, [P(n.$slots, "item", {
 				item: e,
 				index: t
-			}, () => [p(I(e), 1)])], 42, Wc))), 128))])])
+			}, () => [p(I(e), 1)])], 42, Gc))), 128))])])
 		]));
 	}
-}), Kc = /* @__PURE__ */ h({
+}), qc = /* @__PURE__ */ h({
 	__name: "Popover",
 	props: {
 		modelValue: {
@@ -7686,7 +7736,7 @@ var oc = {
 		function A() {
 			if (r.trigger === "hover") {
 				if (D(), r.showDelay > 0) {
-					y = setTimeout(() => T(!0), r.showDelay);
+					y = setTimeout(T, r.showDelay, !0);
 					return;
 				}
 				T(!0);
@@ -7695,7 +7745,7 @@ var oc = {
 		function M() {
 			if (r.trigger === "hover") {
 				if (D(), r.hideDelay > 0) {
-					C = setTimeout(() => T(!1), r.hideDelay);
+					C = setTimeout(T, r.hideDelay, !1);
 					return;
 				}
 				T(!1);
@@ -7707,7 +7757,7 @@ var oc = {
 		function F() {
 			if (r.trigger === "hover") {
 				if (D(), r.hideDelay > 0) {
-					C = setTimeout(() => T(!1), r.hideDelay);
+					C = setTimeout(T, r.hideDelay, !1);
 					return;
 				}
 				T(!1);
@@ -7716,7 +7766,7 @@ var oc = {
 		function I() {
 			if (r.trigger === "focus") {
 				if (D(), r.showDelay > 0) {
-					y = setTimeout(() => T(!0), r.showDelay);
+					y = setTimeout(T, r.showDelay, !0);
 					return;
 				}
 				T(!0);
@@ -7725,7 +7775,7 @@ var oc = {
 		function L() {
 			if (r.trigger === "focus") {
 				if (D(), r.hideDelay > 0) {
-					C = setTimeout(() => T(!1), r.hideDelay);
+					C = setTimeout(T, r.hideDelay, !1);
 					return;
 				}
 				T(!1);
@@ -7803,22 +7853,22 @@ var oc = {
 			_: 3
 		})], 8, ["to", "disabled"]))], 544));
 	}
-}), qc = [
+}), Jc = [
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuenow"
-], Jc = {
+], Yc = {
 	key: 0,
 	class: "wi-progressbar__circle",
 	viewBox: "0 0 100 100",
 	"aria-hidden": "true"
-}, Yc = ["stroke-dasharray", "stroke-dashoffset"], Xc = {
+}, Xc = ["stroke-dasharray", "stroke-dashoffset"], Zc = {
 	key: 0,
 	class: "wi-progressbar__label"
-}, Zc = {
+}, Qc = {
 	key: 2,
 	class: "wi-progressbar__circle-label"
-}, Qc = /* @__PURE__ */ h({
+}, $c = /* @__PURE__ */ h({
 	__name: "ProgressBar",
 	props: {
 		value: { default: 0 },
@@ -7853,7 +7903,7 @@ var oc = {
 			"aria-valuemin": r.value ? void 0 : 0,
 			"aria-valuemax": r.value ? void 0 : 100,
 			"aria-valuenow": r.value ? void 0 : n.value
-		}, [i.value ? (O(), u("svg", Jc, [a[0] ||= d("circle", {
+		}, [i.value ? (O(), u("svg", Yc, [a[0] ||= d("circle", {
 			class: "wi-progressbar__circle-track",
 			cx: "50",
 			cy: "50",
@@ -7867,19 +7917,19 @@ var oc = {
 			fill: "none",
 			"stroke-dasharray": p.value.circumference,
 			"stroke-dashoffset": r.value ? void 0 : p.value.offset
-		}, null, 8, Yc)])) : (O(), u("div", {
+		}, null, 8, Xc)])) : (O(), u("div", {
 			key: 1,
 			class: "wi-progressbar__value",
 			style: S(f.value)
-		}, [e.showValue && !r.value ? (O(), u("span", Xc, I(m.value), 1)) : l("", !0)], 4)), i.value && e.showValue && !r.value ? (O(), u("span", Zc, I(m.value), 1)) : l("", !0)], 14, qc));
+		}, [e.showValue && !r.value ? (O(), u("span", Zc, I(m.value), 1)) : l("", !0)], 4)), i.value && e.showValue && !r.value ? (O(), u("span", Qc, I(m.value), 1)) : l("", !0)], 14, Jc));
 	}
-}), $c = { class: "wi-progress-spinner-wrap__content" }, el = {
+}), el = { class: "wi-progress-spinner-wrap__content" }, tl = {
 	key: 0,
 	class: "wi-progress-spinner-wrap__overlay"
-}, tl = ["aria-label"], nl = ["stroke-width"], rl = {
+}, nl = ["aria-label"], rl = ["stroke-width"], il = {
 	key: 0,
 	class: "wi-progress-spinner__description"
-}, il = ["aria-label"], al = ["stroke-width"], ol = /* @__PURE__ */ h({
+}, al = ["aria-label"], ol = ["stroke-width"], sl = /* @__PURE__ */ h({
 	__name: "ProgressSpinner",
 	props: {
 		strokeWidth: { default: "2" },
@@ -7922,7 +7972,7 @@ var oc = {
 		return (t, n) => a.value ? (O(), u("div", {
 			key: 0,
 			class: x(["wi-progress-spinner-wrap", { "wi-progress-spinner-wrap--active": c.value }])
-		}, [d("div", $c, [P(t.$slots, "default")]), c.value ? (O(), u("div", el, [(O(), u("svg", {
+		}, [d("div", el, [P(t.$slots, "default")]), c.value ? (O(), u("div", tl, [(O(), u("svg", {
 			class: x(["wi-progress-spinner", h.value]),
 			viewBox: "0 0 50 50",
 			role: "status",
@@ -7935,7 +7985,7 @@ var oc = {
 			r: "20",
 			fill: "none",
 			"stroke-width": e.strokeWidth
-		}, null, 8, nl)], 14, tl)), e.description ? (O(), u("p", rl, I(e.description), 1)) : l("", !0)])) : l("", !0)], 2)) : (O(), u("svg", {
+		}, null, 8, rl)], 14, nl)), e.description ? (O(), u("p", il, I(e.description), 1)) : l("", !0)])) : l("", !0)], 2)) : (O(), u("svg", {
 			key: 1,
 			class: x(["wi-progress-spinner", h.value]),
 			viewBox: "0 0 50 50",
@@ -7949,9 +7999,9 @@ var oc = {
 			r: "20",
 			fill: "none",
 			"stroke-width": e.strokeWidth
-		}, null, 8, al)], 14, il));
+		}, null, 8, ol)], 14, al));
 	}
-}), sl = Symbol("wiRadioGroup"), cl = ["for"], ll = [
+}), cl = Symbol("wiRadioGroup"), ll = ["for"], ul = [
 	"id",
 	"name",
 	"value",
@@ -7959,10 +8009,10 @@ var oc = {
 	"disabled",
 	"required",
 	"aria-invalid"
-], ul = {
+], dl = {
 	key: 0,
 	class: "wi-radio__label"
-}, dl = /* @__PURE__ */ h({
+}, fl = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Radio",
 	props: {
@@ -7995,7 +8045,7 @@ var oc = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = B(), r = e, i = t, a = _(sl, null), o = s(() => r.id ?? `wi-radio-${Math.random().toString(36).slice(2, 8)}`), c = Ue("Radio", () => r.size ?? a?.size.value), f = s(() => r.disabled || !!a?.disabled.value), m = s(() => r.invalid || !!a?.invalid.value), h = s(() => r.name ?? a?.name.value), g = s(() => a ? a.modelValue.value : r.modelValue), v = s(() => g.value === r.value), b = s(() => [
+		let n = e, r = t, i = B(), a = _(cl, null), o = s(() => n.id ?? `wi-radio-${Math.random().toString(36).slice(2, 8)}`), c = Ue("Radio", () => n.size ?? a?.size.value), f = s(() => n.disabled || !!a?.disabled.value), m = s(() => n.invalid || !!a?.invalid.value), h = s(() => n.name ?? a?.name.value), g = s(() => a ? a.modelValue.value : n.modelValue), v = s(() => g.value === n.value), b = s(() => [
 			"wi-radio",
 			`wi-radio--${c.value}`,
 			{
@@ -8006,17 +8056,17 @@ var oc = {
 		function S(e) {
 			if (!(f.value || !e.target.checked)) {
 				if (a) {
-					a.select(r.value);
+					a.select(n.value);
 					return;
 				}
-				i("update:modelValue", r.value);
+				r("update:modelValue", n.value);
 			}
 		}
-		return (t, r) => (O(), u("label", {
+		return (t, n) => (O(), u("label", {
 			class: x(b.value),
 			for: o.value
 		}, [
-			d("input", y(z(n), {
+			d("input", y(z(i), {
 				id: o.value,
 				class: "wi-radio__input",
 				type: "radio",
@@ -8027,15 +8077,15 @@ var oc = {
 				required: e.required,
 				"aria-invalid": m.value || void 0,
 				onChange: S
-			}), null, 16, ll),
-			r[0] ||= d("span", {
+			}), null, 16, ul),
+			n[0] ||= d("span", {
 				class: "wi-radio__control",
 				"aria-hidden": "true"
 			}, null, -1),
-			e.label || t.$slots.default ? (O(), u("span", ul, [P(t.$slots, "default", {}, () => [p(I(e.label), 1)])])) : l("", !0)
-		], 10, cl));
+			e.label || t.$slots.default ? (O(), u("span", dl, [P(t.$slots, "default", {}, () => [p(I(e.label), 1)])])) : l("", !0)
+		], 10, ll));
 	}
-}), fl = /* @__PURE__ */ h({
+}), pl = /* @__PURE__ */ h({
 	__name: "RadioGroup",
 	props: {
 		modelValue: { type: [
@@ -8060,7 +8110,7 @@ var oc = {
 		function a(e) {
 			n.disabled || r("update:modelValue", e);
 		}
-		return k(sl, {
+		return k(cl, {
 			modelValue: s(() => n.modelValue),
 			name: s(() => n.name ?? i),
 			size: s(() => n.size),
@@ -8075,11 +8125,11 @@ var oc = {
 			role: "radiogroup"
 		}, [P(t.$slots, "default")], 2));
 	}
-}), pl = ["aria-valuenow", "aria-valuemax"], ml = ["aria-label", "disabled"], hl = [
+}), ml = ["aria-valuenow", "aria-valuemax"], hl = ["aria-label", "disabled"], gl = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], gl = /* @__PURE__ */ h({
+], _l = /* @__PURE__ */ h({
 	__name: "Rating",
 	props: {
 		modelValue: { default: 0 },
@@ -8143,7 +8193,7 @@ var oc = {
 			"aria-label": z(a).clearRating,
 			disabled: e.disabled || e.readonly,
 			onClick: g
-		}, " × ", 8, ml)) : l("", !0), (O(!0), u(t, null, N(c.value, (t) => (O(), u("button", {
+		}, " × ", 8, hl)) : l("", !0), (O(!0), u(t, null, N(c.value, (t) => (O(), u("button", {
 			key: t,
 			type: "button",
 			class: x(["wi-rating__star", {
@@ -8159,9 +8209,9 @@ var oc = {
 		}, "☆", -1), d("span", {
 			class: "wi-rating__star-on",
 			"aria-hidden": "true"
-		}, "★", -1)]], 10, hl))), 128))], 10, pl));
+		}, "★", -1)]], 10, gl))), 128))], 10, ml));
 	}
-}), _l = ["aria-label", "hidden"], vl = /* @__PURE__ */ h({
+}), vl = ["aria-label", "hidden"], yl = /* @__PURE__ */ h({
 	__name: "ScrollTop",
 	props: {
 		threshold: { default: 400 },
@@ -8236,9 +8286,9 @@ var oc = {
 			"aria-label": z(i).backToTop,
 			hidden: !l.value,
 			onClick: C
-		}, [P(e.$slots, "default", {}, () => [t[0] ||= p("↑", -1)])], 14, _l)], 8, ["to", "disabled"]))], 512));
+		}, [P(e.$slots, "default", {}, () => [t[0] ||= p("↑", -1)])], 14, vl)], 8, ["to", "disabled"]))], 512));
 	}
-}), yl = ["for"], bl = [
+}), bl = ["for"], xl = [
 	"id",
 	"tabindex",
 	"aria-expanded",
@@ -8248,42 +8298,42 @@ var oc = {
 	"aria-disabled",
 	"aria-busy",
 	"aria-multiselectable"
-], xl = {
+], Sl = {
 	key: 0,
 	class: "wi-select__tags"
-}, Sl = { class: "wi-select__tag-label" }, Cl = [
+}, Cl = { class: "wi-select__tag-label" }, wl = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], wl = ["aria-label"], Tl = {
+], Tl = ["aria-label"], El = {
 	key: 1,
 	class: "wi-select__value"
-}, El = {
+}, Dl = {
 	key: 2,
 	class: "wi-select__spinner",
 	"aria-hidden": "true"
-}, Dl = ["aria-label"], Ol = [
+}, Ol = ["aria-label"], kl = [
 	"id",
 	"aria-multiselectable",
 	"aria-label"
-], kl = ["placeholder", "aria-label"], Al = {
+], Al = ["placeholder", "aria-label"], jl = {
 	key: 1,
 	class: "wi-select__empty",
 	role: "status"
-}, jl = [
+}, Ml = [
 	"aria-selected",
 	"disabled",
 	"onMouseenter",
 	"onClick"
-], Ml = {
+], Nl = {
 	key: 0,
 	class: "wi-select__check",
 	"aria-hidden": "true"
-}, Nl = {
+}, Pl = {
 	key: 2,
 	class: "wi-select__empty",
 	role: "status"
-}, Pl = ["required", "value"], Fl = ["id", "role"], Il = /* @__PURE__ */ h({
+}, Fl = ["required", "value"], Il = ["id", "role"], Ll = /* @__PURE__ */ h({
 	__name: "Select",
 	props: {
 		modelValue: { default: void 0 },
@@ -8474,7 +8524,7 @@ var oc = {
 				key: 0,
 				class: "wi-select-field__label",
 				for: A.value
-			}, I(e.label), 9, yl)) : l("", !0),
+			}, I(e.label), 9, bl)) : l("", !0),
 			d("div", { class: x(["wi-select__control", { "wi-select__control--clearable": pe.value }]) }, [d("div", {
 				id: A.value,
 				ref_key: "trigger",
@@ -8501,32 +8551,32 @@ var oc = {
 				onClick: a[0] ||= (e) => we(!C.value),
 				onKeydown: ke
 			}, [
-				P.value && fe.value ? (O(), u("div", xl, [(O(!0), u(t, null, N(ce.value, (t) => (O(), u("span", {
+				P.value && fe.value ? (O(), u("div", Sl, [(O(!0), u(t, null, N(ce.value, (t) => (O(), u("span", {
 					key: String(t.value),
 					class: "wi-select__tag"
-				}, [d("span", Sl, I(t.label), 1), d("button", {
+				}, [d("span", Cl, I(t.label), 1), d("button", {
 					class: "wi-select__tag-remove",
 					type: "button",
 					"aria-label": z(h).removeTag,
 					disabled: e.disabled,
 					onClick: (e) => De(t.value, e)
-				}, " × ", 8, Cl)]))), 128)), le.value ? (O(), u("span", {
+				}, " × ", 8, wl)]))), 128)), le.value ? (O(), u("span", {
 					key: 0,
 					class: "wi-select__tag wi-select__tag--more",
 					"aria-label": be.value
-				}, " +" + I(le.value), 9, wl)) : l("", !0)])) : (O(), u("span", Tl, I(de.value), 1)),
-				R.value ? (O(), u("span", El)) : l("", !0),
+				}, " +" + I(le.value), 9, Tl)) : l("", !0)])) : (O(), u("span", El, I(de.value), 1)),
+				R.value ? (O(), u("span", Dl)) : l("", !0),
 				a[3] ||= d("span", {
 					class: "wi-select__indicator",
 					"aria-hidden": "true"
 				}, null, -1)
-			], 42, bl), pe.value ? (O(), u("button", {
+			], 42, xl), pe.value ? (O(), u("button", {
 				key: 0,
 				class: "wi-select__clear",
 				type: "button",
 				"aria-label": z(h).clear,
 				onClick: Oe
-			}, " × ", 8, Dl)) : l("", !0)], 2),
+			}, " × ", 8, Ol)) : l("", !0)], 2),
 			(O(), c(n, {
 				to: U.value.to,
 				disabled: U.value.disabled
@@ -8555,8 +8605,8 @@ var oc = {
 						"aria-label": z(h).filterOptions,
 						onClick: a[2] ||= J(() => {}, ["stop"]),
 						onKeydown: J(Ae, ["stop"])
-					}, null, 40, kl)), [[te, T.value]]) : l("", !0),
-					R.value ? (O(), u("div", Al, I(z(h).loading), 1)) : l("", !0),
+					}, null, 40, Al)), [[te, T.value]]) : l("", !0),
+					R.value ? (O(), u("div", jl, I(z(h).loading), 1)) : l("", !0),
 					(O(!0), u(t, null, N(_e.value, (e) => (O(), u("button", {
 						key: e.created ? `__create:${String(e.value)}` : String(e.value),
 						class: x(["wi-select__option", {
@@ -8570,9 +8620,9 @@ var oc = {
 						disabled: e.disabled,
 						onMouseenter: (t) => !e.disabled && (E.value = ve.value.findIndex((t) => t.value === e.value && !!t.created == !!e.created)),
 						onClick: (t) => Te(e)
-					}, [d("span", null, I(e.created ? ye.value : e.label), 1), !e.created && xe(e.value) ? (O(), u("span", Ml, "✓")) : l("", !0)], 42, jl))), 128)),
-					!_e.value.length && !R.value ? (O(), u("div", Nl, I(M.value), 1)) : l("", !0)
-				], 46, Ol)) : l("", !0)]),
+					}, [d("span", null, I(e.created ? ye.value : e.label), 1), !e.created && xe(e.value) ? (O(), u("span", Nl, "✓")) : l("", !0)], 42, Ml))), 128)),
+					!_e.value.length && !R.value ? (O(), u("div", Pl, I(M.value), 1)) : l("", !0)
+				], 46, kl)) : l("", !0)]),
 				_: 1
 			})], 8, ["to", "disabled"])),
 			e.required ? (O(), u("input", {
@@ -8582,20 +8632,20 @@ var oc = {
 				"aria-hidden": "true",
 				required: !fe.value,
 				value: P.value ? Y.value.join(",") : Y.value[0]
-			}, null, 8, Pl)) : l("", !0),
+			}, null, 8, Fl)) : l("", !0),
 			re.value ? (O(), u("span", {
 				key: 2,
 				id: `${A.value}-help`,
 				class: x(["wi-select-field__help", { "wi-select-field__help--error": ie.value }]),
 				role: ie.value ? "alert" : void 0
-			}, I(re.value), 11, Fl)) : l("", !0)
+			}, I(re.value), 11, Il)) : l("", !0)
 		], 2));
 	}
-}), Ll = [
+}), Rl = [
 	"disabled",
 	"aria-pressed",
 	"onClick"
-], Rl = /* @__PURE__ */ h({
+], zl = /* @__PURE__ */ h({
 	__name: "SelectButton",
 	props: {
 		modelValue: { type: [
@@ -8652,27 +8702,27 @@ var oc = {
 			disabled: e.disabled || t.disabled,
 			"aria-pressed": c(t),
 			onClick: (e) => l(t)
-		}, I(t.label), 11, Ll))), 128))], 2));
+		}, I(t.label), 11, Rl))), 128))], 2));
 	}
-}), zl = ["aria-label"], Bl = { class: "wi-sidebar__list" }, Vl = [
+}), Bl = ["aria-label"], Vl = { class: "wi-sidebar__list" }, Hl = [
 	"disabled",
 	"title",
 	"onClick"
-], Hl = {
+], Ul = {
 	key: 0,
 	class: "wi-sidebar__icon",
 	"aria-hidden": "true"
-}, Ul = {
+}, Wl = {
 	key: 1,
 	class: "wi-sidebar__label"
-}, Wl = {
+}, Gl = {
 	key: 0,
 	class: "wi-sidebar__children"
-}, Gl = ["disabled", "onClick"], Kl = {
+}, Kl = ["disabled", "onClick"], ql = {
 	key: 0,
 	class: "wi-sidebar__icon",
 	"aria-hidden": "true"
-}, ql = { class: "wi-sidebar__label" }, Jl = /* @__PURE__ */ h({
+}, Jl = { class: "wi-sidebar__label" }, Yl = /* @__PURE__ */ h({
 	__name: "Sidebar",
 	props: {
 		model: { default: () => [] },
@@ -8689,7 +8739,7 @@ var oc = {
 		return (n, o) => (O(), u("nav", {
 			class: x(i.value),
 			"aria-label": z(r).sidebar
-		}, [d("ul", Bl, [(O(!0), u(t, null, N(e.model, (n, r) => (O(), u("li", {
+		}, [d("ul", Vl, [(O(!0), u(t, null, N(e.model, (n, r) => (O(), u("li", {
 			key: `${n.label}-${r}`,
 			class: "wi-sidebar__item"
 		}, [d("button", {
@@ -8698,17 +8748,17 @@ var oc = {
 			disabled: n.disabled,
 			title: e.collapsed ? n.label : void 0,
 			onClick: (e) => a(n)
-		}, [n.icon ? (O(), u("span", Hl, I(n.icon), 1)) : l("", !0), e.collapsed ? l("", !0) : (O(), u("span", Ul, I(n.label), 1))], 8, Vl), !e.collapsed && n.items?.length ? (O(), u("ul", Wl, [(O(!0), u(t, null, N(n.items, (e, t) => (O(), u("li", { key: `${e.label}-${t}` }, [d("button", {
+		}, [n.icon ? (O(), u("span", Ul, I(n.icon), 1)) : l("", !0), e.collapsed ? l("", !0) : (O(), u("span", Wl, I(n.label), 1))], 8, Hl), !e.collapsed && n.items?.length ? (O(), u("ul", Gl, [(O(!0), u(t, null, N(n.items, (e, t) => (O(), u("li", { key: `${e.label}-${t}` }, [d("button", {
 			type: "button",
 			class: "wi-sidebar__link wi-sidebar__link--child",
 			disabled: e.disabled,
 			onClick: (t) => a(e)
-		}, [e.icon ? (O(), u("span", Kl, I(e.icon), 1)) : l("", !0), d("span", ql, I(e.label), 1)], 8, Gl)]))), 128))])) : l("", !0)]))), 128))])], 10, zl));
+		}, [e.icon ? (O(), u("span", ql, I(e.icon), 1)) : l("", !0), d("span", Jl, I(e.label), 1)], 8, Kl)]))), 128))])) : l("", !0)]))), 128))])], 10, Bl));
 	}
-}), Yl = {
+}), Xl = {
 	key: 0,
 	class: "wi-skeleton-repeat"
-}, Xl = /* @__PURE__ */ h({
+}, Zl = /* @__PURE__ */ h({
 	__name: "Skeleton",
 	props: {
 		shape: { default: "rectangle" },
@@ -8732,7 +8782,7 @@ var oc = {
 			height: n.height ?? (n.text ? "0.85em" : void 0),
 			borderRadius: n.borderRadius
 		}));
-		return (e, n) => r.value > 1 ? (O(), u("div", Yl, [(O(!0), u(t, null, N(r.value, (e) => (O(), u("div", {
+		return (e, n) => r.value > 1 ? (O(), u("div", Xl, [(O(!0), u(t, null, N(r.value, (e) => (O(), u("div", {
 			key: e,
 			class: x(i.value),
 			style: S(a.value),
@@ -8744,10 +8794,10 @@ var oc = {
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), Zl = {
+}), Ql = {
 	key: 0,
 	class: "wi-slider__tooltip"
-}, Ql = [
+}, $l = [
 	"min",
 	"max",
 	"step",
@@ -8755,7 +8805,7 @@ var oc = {
 	"disabled",
 	"orient",
 	"aria-label"
-], $l = [
+], eu = [
 	"min",
 	"max",
 	"step",
@@ -8763,18 +8813,18 @@ var oc = {
 	"disabled",
 	"orient",
 	"aria-label"
-], eu = [
+], tu = [
 	"min",
 	"max",
 	"step",
 	"value",
 	"disabled",
 	"orient"
-], tu = {
+], nu = {
 	key: 3,
 	class: "wi-slider__marks",
 	"aria-hidden": "true"
-}, nu = /* @__PURE__ */ h({
+}, ru = /* @__PURE__ */ h({
 	__name: "Slider",
 	props: {
 		modelValue: { default: 0 },
@@ -8837,7 +8887,7 @@ var oc = {
 			onFocusin: r[4] ||= (e) => o.value = !0,
 			onFocusout: r[5] ||= (e) => o.value = !1
 		}, [
-			e.tooltip && o.value ? (O(), u("span", Zl, I(m.value), 1)) : l("", !0),
+			e.tooltip && o.value ? (O(), u("span", Ql, I(m.value), 1)) : l("", !0),
 			e.range ? (O(), u(t, { key: 1 }, [d("input", {
 				class: "wi-slider__input wi-slider__input--start",
 				type: "range",
@@ -8849,7 +8899,7 @@ var oc = {
 				orient: e.vertical ? "vertical" : void 0,
 				"aria-label": z(a).rangeStart,
 				onInput: r[0] ||= (e) => _(0, e)
-			}, null, 40, Ql), d("input", {
+			}, null, 40, $l), d("input", {
 				class: "wi-slider__input wi-slider__input--end",
 				type: "range",
 				min: e.min,
@@ -8860,7 +8910,7 @@ var oc = {
 				orient: e.vertical ? "vertical" : void 0,
 				"aria-label": z(a).rangeEnd,
 				onInput: r[1] ||= (e) => _(1, e)
-			}, null, 40, $l)], 64)) : (O(), u("input", {
+			}, null, 40, eu)], 64)) : (O(), u("input", {
 				key: 2,
 				class: "wi-slider__input",
 				type: "range",
@@ -8871,15 +8921,15 @@ var oc = {
 				disabled: e.disabled,
 				orient: e.vertical ? "vertical" : void 0,
 				onInput: g
-			}, null, 40, eu)),
-			p.value.length ? (O(), u("div", tu, [(O(!0), u(t, null, N(p.value, (t) => (O(), u("span", {
+			}, null, 40, tu)),
+			p.value.length ? (O(), u("div", nu, [(O(!0), u(t, null, N(p.value, (t) => (O(), u("span", {
 				key: t.value,
 				class: "wi-slider__mark",
 				style: S(e.vertical ? { bottom: `${t.percent}%` } : { left: `${t.percent}%` })
 			}, I(t.label), 5))), 128))])) : l("", !0)
 		], 34));
 	}
-}), ru = /* @__PURE__ */ h({
+}), iu = /* @__PURE__ */ h({
 	__name: "Space",
 	props: {
 		align: {},
@@ -8909,13 +8959,13 @@ var oc = {
 		}
 	},
 	setup(n) {
-		let r = n, i = H(), a = Ge("Space", () => r.size), o = s(() => da(i.default?.())), l = s(() => {
-			let e = sa(a.value);
+		let r = n, i = H(), a = Ge("Space", () => r.size), o = s(() => ca(i.default?.())), l = s(() => {
+			let e = ia(a.value);
 			return {
 				display: r.inline ? "inline-flex" : "flex",
-				flexDirection: ua(r.vertical, r.reverse),
-				justifyContent: la(r.justify),
-				alignItems: ca(r.align),
+				flexDirection: sa(r.vertical, r.reverse),
+				justifyContent: oa(r.justify),
+				alignItems: aa(r.align),
 				flexWrap: !r.wrap || r.vertical ? "nowrap" : "wrap",
 				gap: e.css
 			};
@@ -8929,19 +8979,19 @@ var oc = {
 			style: S(n.itemStyle)
 		}, [(O(), c(F(r)))], 6))], 64))), 128)) : P(r.$slots, "default", {}, void 0, void 0, 0)], 4));
 	}
-}), iu = [
+}), au = [
 	"title",
 	"aria-label",
 	"disabled",
 	"onClick"
-], au = {
+], ou = {
 	key: 0,
 	"aria-hidden": "true"
-}, ou = { class: "wi-speeddial__action-label" }, su = [
+}, su = { class: "wi-speeddial__action-label" }, cu = [
 	"aria-label",
 	"aria-expanded",
 	"disabled"
-], cu = /* @__PURE__ */ h({
+], lu = /* @__PURE__ */ h({
 	__name: "SpeedDial",
 	props: {
 		model: { default: () => [] },
@@ -9031,7 +9081,7 @@ var oc = {
 				"aria-label": e.label,
 				disabled: e.disabled,
 				onClick: (t) => M(e)
-			}, [e.icon ? (O(), u("span", au, I(e.icon), 1)) : l("", !0), d("span", ou, I(e.label), 1)], 8, iu)]))), 128))], 6)) : l("", !0)]),
+			}, [e.icon ? (O(), u("span", ou, I(e.icon), 1)) : l("", !0), d("span", su, I(e.label), 1)], 8, au)]))), 128))], 6)) : l("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"])), d("button", {
 			ref_key: "button",
@@ -9042,17 +9092,17 @@ var oc = {
 			"aria-expanded": e.modelValue,
 			disabled: e.disabled,
 			onClick: A
-		}, [P(r.$slots, "icon", {}, () => [a[0] ||= p("+", -1)])], 8, su)], 2));
+		}, [P(r.$slots, "icon", {}, () => [a[0] ||= p(" + ", -1)])], 8, cu)], 2));
 	}
-}), lu = ["disabled"], uu = {
+}), uu = ["disabled"], du = {
 	key: 0,
 	class: "wi-splitbutton__icon",
 	"aria-hidden": "true"
-}, du = { key: 1 }, fu = [
+}, fu = { key: 1 }, pu = [
 	"aria-label",
 	"aria-expanded",
 	"disabled"
-], pu = ["disabled", "onClick"], mu = /* @__PURE__ */ h({
+], mu = ["disabled", "onClick"], hu = /* @__PURE__ */ h({
 	__name: "SplitButton",
 	props: {
 		label: {},
@@ -9126,7 +9176,7 @@ var oc = {
 				class: "wi-splitbutton__main",
 				disabled: e.disabled,
 				onClick: A
-			}, [e.icon ? (O(), u("span", uu, I(e.icon), 1)) : l("", !0), e.label ? (O(), u("span", du, I(e.label), 1)) : l("", !0)], 8, lu),
+			}, [e.icon ? (O(), u("span", du, I(e.icon), 1)) : l("", !0), e.label ? (O(), u("span", fu, I(e.label), 1)) : l("", !0)], 8, uu),
 			d("button", {
 				type: "button",
 				class: "wi-splitbutton__trigger",
@@ -9135,7 +9185,7 @@ var oc = {
 				"aria-haspopup": "menu",
 				disabled: e.disabled,
 				onClick: M
-			}, " ▾ ", 8, fu),
+			}, " ▾ ", 8, pu),
 			(O(), c(n, {
 				to: C.value.to,
 				disabled: C.value.disabled
@@ -9156,7 +9206,7 @@ var oc = {
 					role: "menuitem",
 					disabled: e.disabled,
 					onClick: (t) => P(e)
-				}, I(e.label), 9, pu)]))), 128))], 6)) : l("", !0)]),
+				}, I(e.label), 9, mu)]))), 128))], 6)) : l("", !0)]),
 				_: 1
 			})], 8, ["to", "disabled"]))
 		], 2));
@@ -9164,29 +9214,29 @@ var oc = {
 });
 //#endregion
 //#region src/components/Splitter/size.ts
-function hu(e, t = "percent") {
+function gu(e, t = "percent") {
 	return e == null ? t : typeof e == "string" ? "px" : e <= 1 ? "ratio" : "percent";
 }
-function gu(e, t, n) {
+function _u(e, t, n) {
 	if (typeof e == "string") {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}
 	return n === "ratio" ? e * t : e / 100 * t;
 }
-function _u(e, t, n) {
+function vu(e, t, n) {
 	return t <= 0 ? n === "px" ? "0px" : 0 : n === "px" ? `${Math.round(e)}px` : Number(n === "ratio" ? (e / t).toFixed(4) : (e / t * 100).toFixed(1));
 }
-function vu(e, t) {
+function yu(e, t) {
 	return t === "px" || typeof e == "string" ? typeof e == "string" ? e : `${e}px` : t === "ratio" ? `${e * 100}%` : `${e}%`;
 }
-function yu(e, t, n, r) {
+function bu(e, t, n, r) {
 	let i = Math.min(n, r);
 	return Math.min(i, Math.max(Math.min(t, i), e));
 }
 //#endregion
 //#region src/components/Splitter/Splitter.vue?vue&type=script&setup=true&lang.ts
-var bu = ["aria-orientation"], xu = [
+var xu = ["aria-orientation"], Su = [
 	"tabindex",
 	"aria-orientation",
 	"aria-valuenow",
@@ -9194,7 +9244,7 @@ var bu = ["aria-orientation"], xu = [
 	"aria-valuemax",
 	"aria-disabled",
 	"aria-label"
-], Su = /* @__PURE__ */ h({
+], Cu = /* @__PURE__ */ h({
 	__name: "Splitter",
 	props: {
 		layout: {},
@@ -9221,7 +9271,7 @@ var bu = ["aria-orientation"], xu = [
 		"drag-end"
 	],
 	setup(n, { emit: i }) {
-		let a = n, o = i, f = Z(), p = H(), m = j(null), h = j(!1), g = s(() => a.layout ?? a.direction ?? "horizontal"), _ = s(() => g.value === "vertical"), v = s(() => a.size !== void 0), y = s(() => hu(a.size ?? a.defaultSize, "percent")), b = s(() => a.min === void 0 ? y.value === "ratio" ? .1 : y.value === "px" ? "40px" : 10 : a.min), C = s(() => a.max === void 0 ? y.value === "ratio" ? .9 : y.value === "px" ? "99999px" : 90 : a.max), T = j(a.defaultSize), E = s(() => v.value ? a.size : T.value);
+		let a = n, o = i, f = Z(), p = H(), m = j(null), h = j(!1), g = s(() => a.layout ?? a.direction ?? "horizontal"), _ = s(() => g.value === "vertical"), v = s(() => a.size !== void 0), y = s(() => gu(a.size ?? a.defaultSize, "percent")), b = s(() => a.min === void 0 ? y.value === "ratio" ? .1 : y.value === "px" ? "40px" : 10 : a.min), C = s(() => a.max === void 0 ? y.value === "ratio" ? .9 : y.value === "px" ? "99999px" : 90 : a.max), T = j(a.defaultSize), E = s(() => v.value ? a.size : T.value);
 		W(() => a.size, (e) => {
 			e !== void 0 && !h.value && (T.value = e);
 		}), W(() => a.defaultSize, (e) => {
@@ -9253,7 +9303,7 @@ var bu = ["aria-orientation"], xu = [
 			return typeof e == "string" || e == null ? void 0 : e;
 		}
 		let R = s(() => ({
-			flex: `0 0 ${vu(E.value, y.value)}`,
+			flex: `0 0 ${yu(E.value, y.value)}`,
 			...L(a.pane1Style)
 		})), B = s(() => L(a.pane2Style)), V = s(() => _.value ? {
 			height: `${a.resizeTriggerSize}px`,
@@ -9267,7 +9317,7 @@ var bu = ["aria-orientation"], xu = [
 		}
 		function te(e, t) {
 			let n = y.value;
-			t <= 0 || ee(_u(yu(e, gu(b.value, t, hu(b.value, n)), gu(C.value, t, hu(C.value, n)), t), t, n));
+			t <= 0 || ee(vu(bu(e, _u(b.value, t, gu(b.value, n)), _u(C.value, t, gu(C.value, n)), t), t, n));
 		}
 		function U(e) {
 			if (!h.value || A <= 0 || a.disabled) return;
@@ -9281,13 +9331,13 @@ var bu = ["aria-orientation"], xu = [
 			G(e);
 		}
 		function ne(e) {
-			a.disabled || "button" in e && e.button > 0 || m.value && (e.preventDefault(), A = I(), !(A <= 0) && (D = _.value ? e.clientY : e.clientX, k = gu(E.value, A, y.value), h.value = !0, document.body.style.cursor = _.value ? "row-resize" : "col-resize", document.body.style.userSelect = "none", o("drag-start", e), window.addEventListener("mousemove", U, !0), window.addEventListener("mouseup", K, !0), window.addEventListener("pointermove", U, !0), window.addEventListener("pointerup", K, !0)));
+			a.disabled || "button" in e && e.button > 0 || m.value && (e.preventDefault(), A = I(), !(A <= 0) && (D = _.value ? e.clientY : e.clientX, k = _u(E.value, A, y.value), h.value = !0, document.body.style.cursor = _.value ? "row-resize" : "col-resize", document.body.style.userSelect = "none", o("drag-start", e), window.addEventListener("mousemove", U, !0), window.addEventListener("mouseup", K, !0), window.addEventListener("pointermove", U, !0), window.addEventListener("pointerup", K, !0)));
 		}
 		function q(e) {
 			if (a.disabled) return;
 			let t = y.value, n = I();
 			n <= 0 && t !== "px" && (n = 100);
-			let r = gu(E.value, n, t), i = e.shiftKey ? n * .05 : n * .01, o = (t) => {
+			let r = _u(E.value, n, t), i = e.shiftKey ? n * .05 : n * .01, o = (t) => {
 				e.preventDefault(), te(r + t, n);
 			};
 			if (_.value) {
@@ -9335,27 +9385,27 @@ var bu = ["aria-orientation"], xu = [
 				onPointerdown: ne,
 				onMousedown: ne,
 				onKeydown: q
-			}, [P(e.$slots, "resize-trigger")], 44, xu),
+			}, [P(e.$slots, "resize-trigger")], 44, Su),
 			d("div", {
 				class: x(["wi-splitter__panel wi-splitter__panel--fill", n.pane2Class]),
 				style: S(B.value)
 			}, [z(p).panel2 ? P(e.$slots, "panel2", {}, void 0, void 0, 0) : z(p)[2] ? P(e.$slots, "2", {}, void 0, void 0, 1) : N.value[1] ? (O(), c(F(N.value[1]), { key: 2 })) : l("", !0)], 6)
-		], 10, bu));
+		], 10, xu));
 	}
-}), Cu = [
+}), wu = [
 	"aria-selected",
 	"disabled",
 	"onClick"
-], wu = {
+], Tu = {
 	class: "wi-stepper__marker",
 	"aria-hidden": "true"
-}, Tu = { class: "wi-stepper__copy" }, Eu = { class: "wi-stepper__label" }, Du = {
+}, Eu = { class: "wi-stepper__copy" }, Du = { class: "wi-stepper__label" }, Ou = {
 	key: 0,
 	class: "wi-stepper__description"
-}, Ou = {
+}, ku = {
 	key: 0,
 	class: "wi-stepper__content"
-}, ku = /* @__PURE__ */ h({
+}, Au = /* @__PURE__ */ h({
 	__name: "Stepper",
 	props: {
 		modelValue: { default: 0 },
@@ -9399,9 +9449,9 @@ var bu = ["aria-orientation"], xu = [
 			"aria-selected": t === a.value,
 			disabled: !c(t, e.disabled),
 			onClick: (n) => f(t, e.disabled)
-		}, [d("span", wu, I(t + 1), 1), d("span", Tu, [d("span", Eu, I(e.label), 1), e.description ? (O(), u("span", Du, I(e.description), 1)) : l("", !0)])], 10, Cu))), 128))], 2), n.$slots.default ? (O(), u("div", Ou, [P(n.$slots, "default", { activeIndex: a.value })])) : l("", !0)], 64));
+		}, [d("span", Tu, I(t + 1), 1), d("span", Eu, [d("span", Du, I(e.label), 1), e.description ? (O(), u("span", Ou, I(e.description), 1)) : l("", !0)])], 10, wu))), 128))], 2), n.$slots.default ? (O(), u("div", ku, [P(n.$slots, "default", { activeIndex: a.value })])) : l("", !0)], 64));
 	}
-}), Au = ["for"], ju = [
+}), ju = ["for"], Mu = [
 	"id",
 	"name",
 	"value",
@@ -9411,19 +9461,19 @@ var bu = ["aria-orientation"], xu = [
 	"aria-invalid",
 	"aria-checked",
 	"aria-busy"
-], Mu = {
+], Nu = {
 	class: "wi-switch__track",
 	"aria-hidden": "true"
-}, Nu = {
+}, Pu = {
 	key: 0,
 	class: "wi-switch__text"
-}, Pu = { class: "wi-switch__thumb" }, Fu = {
+}, Fu = { class: "wi-switch__thumb" }, Iu = {
 	key: 0,
 	class: "wi-switch__spinner"
-}, Iu = {
+}, Lu = {
 	key: 0,
 	class: "wi-switch__label"
-}, Lu = /* @__PURE__ */ h({
+}, Ru = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Switch",
 	props: {
@@ -9458,23 +9508,23 @@ var bu = ["aria-orientation"], xu = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = B(), r = e, i = t, a = s(() => r.inputId ?? r.id ?? `wi-switch-${Math.random().toString(36).slice(2, 8)}`), o = Ue("Switch", () => r.size), c = s(() => r.disabled || r.loading), f = s(() => r.modelValue ? r.checkedText : r.uncheckedText), m = s(() => [
+		let n = e, r = t, i = B(), a = s(() => n.inputId ?? n.id ?? `wi-switch-${Math.random().toString(36).slice(2, 8)}`), o = Ue("Switch", () => n.size), c = s(() => n.disabled || n.loading), f = s(() => n.modelValue ? n.checkedText : n.uncheckedText), m = s(() => [
 			"wi-switch",
 			`wi-switch--${o.value}`,
 			{
 				"wi-switch--disabled": c.value,
-				"wi-switch--invalid": r.invalid,
-				"wi-switch--loading": r.loading
+				"wi-switch--invalid": n.invalid,
+				"wi-switch--loading": n.loading
 			}
 		]);
 		function h(e) {
-			c.value || i("update:modelValue", e.target.checked);
+			c.value || r("update:modelValue", e.target.checked);
 		}
-		return (t, r) => (O(), u("label", {
+		return (t, n) => (O(), u("label", {
 			class: x(m.value),
 			for: a.value
 		}, [
-			d("input", y(z(n), {
+			d("input", y(z(i), {
 				id: a.value,
 				class: "wi-switch__input",
 				type: "checkbox",
@@ -9488,19 +9538,19 @@ var bu = ["aria-orientation"], xu = [
 				"aria-checked": e.modelValue,
 				"aria-busy": e.loading || void 0,
 				onChange: h
-			}), null, 16, ju),
-			d("span", Mu, [f.value ? (O(), u("span", Nu, I(f.value), 1)) : l("", !0), d("span", Pu, [e.loading ? (O(), u("span", Fu)) : l("", !0)])]),
-			e.label || t.$slots.default ? (O(), u("span", Iu, [P(t.$slots, "default", {}, () => [p(I(e.label), 1)])])) : l("", !0)
-		], 10, Au));
+			}), null, 16, Mu),
+			d("span", Nu, [f.value ? (O(), u("span", Pu, I(f.value), 1)) : l("", !0), d("span", Fu, [e.loading ? (O(), u("span", Iu)) : l("", !0)])]),
+			e.label || t.$slots.default ? (O(), u("span", Lu, [P(t.$slots, "default", {}, () => [p(I(e.label), 1)])])) : l("", !0)
+		], 10, ju));
 	}
 });
-function Ru(e) {
+function zu(e) {
 	if (e == null || e === "") return;
 	if (typeof e == "number") return Number.isFinite(e) ? e : void 0;
 	let t = Number.parseFloat(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function zu(e, t, n = {}) {
+function Bu(e, t, n = {}) {
 	let r = n.fit !== !1, i = [];
 	n.selection && i.push({
 		key: "__selection__",
@@ -9518,7 +9568,7 @@ function zu(e, t, n = {}) {
 		fixed: "left"
 	});
 	for (let t of e) {
-		let e = Ru(t.width), n = Ru(t.minWidth) ?? 80;
+		let e = zu(t.width), n = zu(t.minWidth) ?? 80;
 		i.push({
 			key: t.key,
 			width: e,
@@ -9564,7 +9614,7 @@ function zu(e, t, n = {}) {
 		scrollX: o > t
 	};
 }
-function Bu(e) {
+function Vu(e) {
 	let t = {}, n = {}, r = 0;
 	for (let n of e) n.fixed === "left" && (t[n.key] = r, r += n.realWidth);
 	let i = 0;
@@ -9579,31 +9629,31 @@ function Bu(e) {
 }
 //#endregion
 //#region src/components/Table/Table.vue?vue&type=script&setup=true&lang.ts
-var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"], Wu = {
+var Hu = ["aria-sort"], Uu = { class: "wi-table__th-inner" }, Wu = ["onClick"], Gu = {
 	class: "wi-table__sort-icon",
 	"aria-hidden": "true"
-}, Gu = { key: 1 }, Ku = {
+}, Ku = { key: 1 }, qu = {
 	key: 2,
 	class: "wi-table__filter"
-}, qu = [
+}, Ju = [
 	"aria-expanded",
 	"aria-label",
 	"onClick"
-], Ju = ["value", "onChange"], Yu = { value: "" }, Xu = ["value"], Zu = [
+], Yu = ["value", "onChange"], Xu = { value: "" }, Zu = ["value"], Qu = [
 	"value",
 	"placeholder",
 	"onInput"
-], Qu = ["onClick"], $u = [
+], $u = ["onClick"], ed = [
 	"aria-expanded",
 	"aria-label",
 	"onClick"
-], ed = { key: 0 }, td = ["colspan"], nd = { key: 0 }, rd = ["colspan"], id = { class: "wi-table__empty-content" }, ad = { class: "wi-table__empty-title" }, od = {
+], td = { key: 0 }, nd = ["colspan"], rd = { key: 0 }, id = ["colspan"], ad = { class: "wi-table__empty-content" }, od = { class: "wi-table__empty-title" }, sd = {
 	key: 0,
 	class: "wi-table__empty-desc"
-}, sd = {
+}, cd = {
 	key: 0,
 	class: "wi-table__paginator"
-}, cd = ["aria-label"], ld = { class: "wi-table__loading-text" }, ud = /* @__PURE__ */ h({
+}, ld = ["aria-label"], ud = { class: "wi-table__loading-text" }, dd = /* @__PURE__ */ h({
 	__name: "Table",
 	props: {
 		columns: {},
@@ -9703,11 +9753,11 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 		}), w(() => {
 			L?.disconnect(), L = null;
 		});
-		let R = s(() => zu(r.columns, F.value || 0, {
+		let R = s(() => Bu(r.columns, F.value || 0, {
 			fit: r.fit,
 			selection: !!r.selectionMode,
 			expand: r.expandable
-		})), B = s(() => new Map(R.value.columns.map((e) => [e.key, e]))), V = s(() => Bu(R.value.columns)), H = s(() => {
+		})), B = s(() => new Map(R.value.columns.map((e) => [e.key, e]))), V = s(() => Vu(R.value.columns)), H = s(() => {
 			if (R.value.scrollX) return {
 				width: `${R.value.bodyWidth}px`,
 				minWidth: "100%"
@@ -9873,12 +9923,12 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 						]),
 						style: S(ee(e)),
 						"aria-sort": e.sortable && g.value === e.key ? _.value === "asc" ? "ascending" : _.value === "desc" ? "descending" : "none" : e.sortable ? "none" : void 0
-					}, [d("div", Hu, [e.sortable ? (O(), u("button", {
+					}, [d("div", Uu, [e.sortable ? (O(), u("button", {
 						key: 0,
 						type: "button",
 						class: "wi-table__sort",
 						onClick: (t) => le(e.key, !0)
-					}, [d("span", null, I(e.label), 1), d("span", Wu, I(ue(e.key)), 1)], 8, Uu)) : (O(), u("span", Gu, I(e.label), 1)), e.filterable ? (O(), u("div", Ku, [d("button", {
+					}, [d("span", null, I(e.label), 1), d("span", Gu, I(ue(e.key)), 1)], 8, Wu)) : (O(), u("span", Ku, I(e.label), 1)), e.filterable ? (O(), u("div", qu, [d("button", {
 						type: "button",
 						class: "wi-table__filter-btn",
 						"aria-expanded": E.value === e.key,
@@ -9887,7 +9937,7 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 					}, [m($, {
 						name: "filter",
 						size: "sm"
-					})], 8, qu), E.value === e.key ? (O(), u("div", {
+					})], 8, Ju), E.value === e.key ? (O(), u("div", {
 						key: 0,
 						class: "wi-table__filter-panel",
 						onClick: r[0] ||= J(() => {}, ["stop"])
@@ -9896,17 +9946,17 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 						class: "wi-table__filter-control",
 						value: String(v.value[e.key] ?? ""),
 						onChange: (t) => de(e.key, t.target.value || null)
-					}, [d("option", Yu, I(z(a).filterAll), 1), (O(!0), u(t, null, N(e.filters, (e) => (O(), u("option", {
+					}, [d("option", Xu, I(z(a).filterAll), 1), (O(!0), u(t, null, N(e.filters, (e) => (O(), u("option", {
 						key: String(e.value),
 						value: String(e.value ?? "")
-					}, I(e.label), 9, Xu))), 128))], 40, Ju)) : (O(), u("input", {
+					}, I(e.label), 9, Zu))), 128))], 40, Yu)) : (O(), u("input", {
 						key: 1,
 						class: "wi-table__filter-control",
 						type: "search",
 						value: String(v.value[e.key] ?? ""),
 						placeholder: z(a).filterOptions,
 						onInput: (t) => de(e.key, t.target.value)
-					}, null, 40, Zu))])) : l("", !0)])) : l("", !0)])], 14, Vu))), 128))
+					}, null, 40, Qu))])) : l("", !0)])) : l("", !0)])], 14, Hu))), 128))
 				])]),
 				d("tbody", null, [(O(!0), u(t, null, N(q.value, (i, o) => (O(), u(t, { key: String(A(i, o)) }, [d("tr", {
 					class: x({
@@ -9941,7 +9991,7 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 						"aria-expanded": he(i, o),
 						"aria-label": he(i, o) ? z(a).collapse : z(a).expand,
 						onClick: (e) => ge(i, o)
-					}, I(he(i, o) ? "▾" : "▸"), 9, $u)) : l("", !0)], 4)) : l("", !0),
+					}, I(he(i, o) ? "▾" : "▸"), 9, ed)) : l("", !0)], 4)) : l("", !0),
 					(O(!0), u(t, null, N(e.columns, (e) => (O(), u("td", {
 						key: e.key,
 						class: x([`wi-table__cell--${e.align ?? "start"}`, _e(e)]),
@@ -9953,26 +10003,26 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 					}, () => [P(n.$slots, `cell-${e.key}`, {
 						row: i,
 						value: i[e.key]
-					}, () => [e.render ? (O(), c(z(Ks), {
+					}, () => [e.render ? (O(), c(z(qs), {
 						key: 0,
 						value: e.render(i, e)
 					}, null, 8, ["value"])) : (O(), u(t, { key: 1 }, [p(I(i[e.key]), 1)], 64))])])], 6))), 128))
-				], 10, Qu), e.expandable && he(i, o) ? (O(), u("tr", ed, [d("td", {
+				], 10, $u), e.expandable && he(i, o) ? (O(), u("tr", td, [d("td", {
 					class: "wi-table__expansion",
 					colspan: ie.value
-				}, [P(n.$slots, "expansion", { row: i })], 8, td)])) : l("", !0)], 64))), 128)), re.value ? (O(), u("tr", nd, [d("td", {
+				}, [P(n.$slots, "expansion", { row: i })], 8, nd)])) : l("", !0)], 64))), 128)), re.value ? (O(), u("tr", rd, [d("td", {
 					class: "wi-table__empty",
 					colspan: ie.value
-				}, [P(n.$slots, "empty", {}, () => [d("div", id, [
+				}, [P(n.$slots, "empty", {}, () => [d("div", ad, [
 					r[3] ||= d("div", {
 						class: "wi-table__empty-glyph",
 						"aria-hidden": "true"
-					}, "∅", -1),
-					d("p", ad, I(f.value), 1),
-					e.emptyDescription ? (O(), u("p", od, I(e.emptyDescription), 1)) : l("", !0)
-				])])], 8, rd)])) : l("", !0)])
+					}, " ∅ ", -1),
+					d("p", od, I(f.value), 1),
+					e.emptyDescription ? (O(), u("p", sd, I(e.emptyDescription), 1)) : l("", !0)
+				])])], 8, id)])) : l("", !0)])
 			], 6)], 2),
-			e.paginator ? (O(), u("div", sd, [m(Sr, {
+			e.paginator ? (O(), u("div", cd, [m(Sr, {
 				"model-value": y.value,
 				"total-records": ne.value,
 				rows: e.rowsPerPage,
@@ -9987,26 +10037,26 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				class: "wi-table__loading",
 				role: "status",
 				"aria-label": h.value
-			}, [P(n.$slots, "loading", {}, () => [m(ol), d("span", ld, I(h.value), 1)])], 8, cd)) : l("", !0)
+			}, [P(n.$slots, "loading", {}, () => [m(sl), d("span", ud, I(h.value), 1)])], 8, ld)) : l("", !0)
 		], 2));
 	}
-}), dd = { class: "wi-tabs__bar" }, fd = ["aria-label"], pd = ["aria-label"], md = [
+}), fd = { class: "wi-tabs__bar" }, pd = ["aria-label"], md = ["aria-label"], hd = [
 	"id",
 	"aria-selected",
 	"disabled",
 	"onClick",
 	"onKeydown"
-], hd = [
+], gd = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], gd = ["aria-label"], _d = ["aria-label"], vd = {
+], _d = ["aria-label"], vd = ["aria-label"], yd = {
 	key: 3,
 	class: "wi-tabs__extra"
-}, yd = {
+}, bd = {
 	class: "wi-tabs__panel",
 	role: "tabpanel"
-}, bd = /* @__PURE__ */ h({
+}, xd = /* @__PURE__ */ h({
 	__name: "Tabs",
 	props: {
 		modelValue: {},
@@ -10066,14 +10116,14 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			_(), !(!o.value || typeof ResizeObserver > "u") && (y = new ResizeObserver(() => _()), y.observe(o.value));
 		}), W(() => r.tabs, () => {
 			b(_);
-		}, { deep: !0 }), w(() => y?.disconnect()), (n, r) => (O(), u("div", { class: x(["wi-tabs", `wi-tabs--${e.type}`]) }, [d("div", dd, [
+		}, { deep: !0 }), w(() => y?.disconnect()), (n, r) => (O(), u("div", { class: x(["wi-tabs", `wi-tabs--${e.type}`]) }, [d("div", fd, [
 			c.value ? (O(), u("button", {
 				key: 0,
 				type: "button",
 				class: "wi-tabs__scroll",
 				"aria-label": z(a).prev,
 				onClick: r[0] ||= (e) => v(-160)
-			}, " ‹ ", 8, fd)) : l("", !0),
+			}, " ‹ ", 8, pd)) : l("", !0),
 			d("div", {
 				ref_key: "scroller",
 				ref: o,
@@ -10094,32 +10144,32 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				disabled: e.disabled,
 				onClick: (t) => p(e.value),
 				onKeydown: (e) => g(e, t)
-			}, I(e.label), 43, md), m(e) ? (O(), u("button", {
+			}, I(e.label), 43, hd), m(e) ? (O(), u("button", {
 				key: 0,
 				type: "button",
 				class: "wi-tabs__close",
 				"aria-label": z(a).closeTab,
 				disabled: e.disabled,
 				onClick: J((t) => h(e), ["stop"])
-			}, " × ", 8, hd)) : l("", !0)], 2))), 128))], 8, pd)], 512),
+			}, " × ", 8, gd)) : l("", !0)], 2))), 128))], 8, md)], 512),
 			c.value ? (O(), u("button", {
 				key: 1,
 				type: "button",
 				class: "wi-tabs__scroll",
 				"aria-label": z(a).next,
 				onClick: r[1] ||= (e) => v(160)
-			}, " › ", 8, gd)) : l("", !0),
+			}, " › ", 8, _d)) : l("", !0),
 			e.addable ? (O(), u("button", {
 				key: 2,
 				type: "button",
 				class: "wi-tabs__add",
 				"aria-label": z(a).addTab,
 				onClick: r[2] ||= (e) => i("add")
-			}, " + ", 8, _d)) : l("", !0),
-			n.$slots.extra ? (O(), u("div", vd, [P(n.$slots, "extra")])) : l("", !0)
-		]), d("div", yd, [P(n.$slots, "default", { activeValue: f.value })])], 2));
+			}, " + ", 8, vd)) : l("", !0),
+			n.$slots.extra ? (O(), u("div", yd, [P(n.$slots, "extra")])) : l("", !0)
+		]), d("div", bd, [P(n.$slots, "default", { activeValue: f.value })])], 2));
 	}
-}), xd = ["disabled", "aria-label"], Sd = /* @__PURE__ */ h({
+}), Sd = ["disabled", "aria-label"], Cd = /* @__PURE__ */ h({
 	__name: "Tag",
 	props: {
 		value: {},
@@ -10179,19 +10229,19 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				disabled: e.disabled,
 				"aria-label": z(i).close,
 				onClick: m
-			}, " × ", 8, xd)) : l("", !0)
+			}, " × ", 8, Sd)) : l("", !0)
 		], 6));
 	}
-}), Cd = ["aria-label"], wd = {
+}), wd = ["aria-label"], Td = {
 	key: 0,
 	class: "wi-terminal__welcome"
-}, Td = {
+}, Ed = {
 	class: "wi-terminal__prompt",
 	"aria-hidden": "true"
-}, Ed = {
+}, Dd = {
 	class: "wi-terminal__prompt",
 	"aria-hidden": "true"
-}, Dd = ["aria-label"], Od = /* @__PURE__ */ h({
+}, Od = ["aria-label"], kd = /* @__PURE__ */ h({
 	__name: "Terminal",
 	props: {
 		welcomeMessage: { default: "Welcome to Well Insight Terminal" },
@@ -10212,22 +10262,22 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			ref_key: "bodyRef",
 			ref: s,
 			class: "wi-terminal__body"
-		}, [e.welcomeMessage ? (O(), u("div", wd, I(e.welcomeMessage), 1)) : l("", !0), (O(!0), u(t, null, N(o.value, (t, n) => (O(), u("div", {
+		}, [e.welcomeMessage ? (O(), u("div", Td, I(e.welcomeMessage), 1)) : l("", !0), (O(!0), u(t, null, N(o.value, (t, n) => (O(), u("div", {
 			key: `${t}-${n}`,
 			class: "wi-terminal__line"
-		}, [d("span", Td, I(e.prompt), 1), d("span", null, I(t), 1)]))), 128))], 512), d("form", {
+		}, [d("span", Ed, I(e.prompt), 1), d("span", null, I(t), 1)]))), 128))], 512), d("form", {
 			class: "wi-terminal__form",
 			onSubmit: J(c, ["prevent"])
-		}, [d("span", Ed, I(e.prompt), 1), ne(d("input", {
+		}, [d("span", Dd, I(e.prompt), 1), ne(d("input", {
 			"onUpdate:modelValue": r[0] ||= (e) => a.value = e,
 			class: "wi-terminal__input",
 			type: "text",
 			"aria-label": z(i).commandInput,
 			autocomplete: "off",
 			spellcheck: "false"
-		}, null, 8, Dd), [[te, a.value]])], 32)], 8, Cd));
+		}, null, 8, Od), [[te, a.value]])], 32)], 8, wd));
 	}
-}), kd = ["for"], Ad = [
+}), Ad = ["for"], jd = [
 	"id",
 	"value",
 	"rows",
@@ -10236,10 +10286,10 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 	"maxlength",
 	"aria-invalid",
 	"aria-describedby"
-], jd = ["aria-label", "disabled"], Md = {
+], Md = ["aria-label", "disabled"], Nd = {
 	key: 1,
 	class: "wi-textarea-field__meta"
-}, Nd = ["id", "role"], Pd = ["id"], Fd = /* @__PURE__ */ h({
+}, Pd = ["id", "role"], Fd = ["id"], Id = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Textarea",
 	props: {
@@ -10292,15 +10342,15 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 	},
 	emits: ["update:modelValue", "clear"],
 	setup(e, { expose: t, emit: n }) {
-		let r = B(), i = e, a = n, o = He("Textarea"), c = Z(), f = j(null), p = s(() => i.id ?? `wi-textarea-${Math.random().toString(36).slice(2, 8)}`), m = s(() => i.invalid || i.error || !!i.errorMessage), h = Ue("Textarea", () => i.size), g = We("Textarea", () => i.variant), _ = s(() => i.fluid ?? o.value.fluid ?? !1), v = s(() => i.clearable ?? o.value.clearable ?? !1), S = s(() => i.showCount ?? o.value.showCount ?? !1), C = s(() => {
-			if (i.autosize !== void 0 && i.autosize !== !1) return i.autosize;
-			if (i.autoResize) return !0;
+		let r = e, i = n, a = B(), o = He("Textarea"), c = Z(), f = j(null), p = s(() => r.id ?? `wi-textarea-${Math.random().toString(36).slice(2, 8)}`), m = s(() => r.invalid || r.error || !!r.errorMessage), h = Ue("Textarea", () => r.size), g = We("Textarea", () => r.variant), _ = s(() => r.fluid ?? o.value.fluid ?? !1), v = s(() => r.clearable ?? o.value.clearable ?? !1), S = s(() => r.showCount ?? o.value.showCount ?? !1), C = s(() => {
+			if (r.autosize !== void 0 && r.autosize !== !1) return r.autosize;
+			if (r.autoResize) return !0;
 			let e = o.value.autosize;
 			return e !== void 0 && e !== !1 ? e : !!o.value.autoResize;
 		}), w = s(() => {
 			let e = C.value;
-			return typeof e == "object" && e.minRows != null ? e.minRows : i.rows ?? o.value.rows ?? 4;
-		}), E = s(() => !!C.value), D = s(() => E.value ? "none" : i.resize), k = s(() => i.errorMessage || i.helpText), A = s(() => !!i.errorMessage || m.value && !!i.helpText), M = s(() => (i.modelValue ?? "").length), N = s(() => i.maxlength == null ? String(M.value) : `${M.value} / ${i.maxlength}`), P = s(() => v.value && !!i.modelValue), F = s(() => {
+			return typeof e == "object" && e.minRows != null ? e.minRows : r.rows ?? o.value.rows ?? 4;
+		}), E = s(() => !!C.value), D = s(() => E.value ? "none" : r.resize), k = s(() => r.errorMessage || r.helpText), A = s(() => !!r.errorMessage || m.value && !!r.helpText), M = s(() => (r.modelValue ?? "").length), N = s(() => r.maxlength == null ? String(M.value) : `${M.value} / ${r.maxlength}`), P = s(() => v.value && !!r.modelValue), F = s(() => {
 			let e = [];
 			return k.value && e.push(`${p.value}-help`), S.value && e.push(`${p.value}-count`), e.length ? e.join(" ") : void 0;
 		}), L = s(() => [
@@ -10328,15 +10378,15 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			e.style.height = `${n}px`;
 		}
 		function V(e) {
-			a("update:modelValue", e.target.value), E.value && R();
+			i("update:modelValue", e.target.value), E.value && R();
 		}
 		function H() {
-			i.disabled || i.readonly || (a("update:modelValue", ""), a("clear"), f.value?.focus(), E.value && b(R));
+			r.disabled || r.readonly || (i("update:modelValue", ""), i("clear"), f.value?.focus(), E.value && b(R));
 		}
 		function ee() {
 			f.value?.focus();
 		}
-		return t({ focus: ee }), W(() => [i.modelValue, C.value], async () => {
+		return t({ focus: ee }), W(() => [r.modelValue, C.value], async () => {
 			E.value && (await b(), R());
 		}), T(() => {
 			E.value && R();
@@ -10345,12 +10395,11 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				key: 0,
 				class: "wi-textarea-field__label",
 				for: p.value
-			}, I(e.label), 9, kd)) : l("", !0),
-			d("div", { class: x(["wi-textarea-field__control", { "wi-textarea-field__control--clearable": P.value }]) }, [d("textarea", y({
-				ref_key: "textareaElement",
-				ref: f
-			}, z(r), {
+			}, I(e.label), 9, Ad)) : l("", !0),
+			d("div", { class: x(["wi-textarea-field__control", { "wi-textarea-field__control--clearable": P.value }]) }, [d("textarea", y(z(a), {
 				id: p.value,
+				ref_key: "textareaElement",
+				ref: f,
 				class: L.value,
 				value: e.modelValue,
 				rows: w.value,
@@ -10361,70 +10410,70 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				"aria-describedby": F.value,
 				style: { resize: D.value },
 				onInput: V
-			}), null, 16, Ad), P.value ? (O(), u("button", {
+			}), null, 16, jd), P.value ? (O(), u("button", {
 				key: 0,
 				class: "wi-textarea__clear",
 				type: "button",
 				"aria-label": z(c).clearInput,
 				disabled: e.disabled || e.readonly,
 				onClick: H
-			}, " × ", 8, jd)) : l("", !0)], 2),
-			k.value || S.value ? (O(), u("div", Md, [k.value ? (O(), u("span", {
+			}, " × ", 8, Md)) : l("", !0)], 2),
+			k.value || S.value ? (O(), u("div", Nd, [k.value ? (O(), u("span", {
 				key: 0,
 				id: `${p.value}-help`,
 				class: x(["wi-textarea-field__help", { "wi-textarea-field__help--error": A.value }]),
 				role: A.value ? "alert" : void 0
-			}, I(k.value), 11, Nd)) : l("", !0), S.value ? (O(), u("span", {
+			}, I(k.value), 11, Pd)) : l("", !0), S.value ? (O(), u("span", {
 				key: 1,
 				id: `${p.value}-count`,
 				class: "wi-textarea-field__count",
 				"aria-live": "polite"
-			}, I(N.value), 9, Pd)) : l("", !0)])) : l("", !0)
+			}, I(N.value), 9, Fd)) : l("", !0)])) : l("", !0)
 		], 2));
 	}
-}), Id = ["onMouseenter"], Ld = {
+}), Ld = ["onMouseenter"], Rd = {
 	key: 0,
 	class: "wi-tieredmenu__separator",
 	role: "separator"
-}, Rd = [
+}, zd = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], zd = {
+], Bd = {
 	key: 0,
 	class: "wi-tieredmenu__caret",
 	"aria-hidden": "true"
-}, Bd = {
+}, Vd = {
 	key: 2,
 	class: "wi-tieredmenu__submenu",
 	role: "menu"
-}, Vd = {
+}, Hd = {
 	key: 0,
 	class: "wi-tieredmenu__separator",
 	role: "separator"
-}, Hd = ["disabled", "onClick"], Ud = ["onMouseenter"], Wd = {
+}, Ud = ["disabled", "onClick"], Wd = ["onMouseenter"], Gd = {
 	key: 0,
 	class: "wi-tieredmenu__separator",
 	role: "separator"
-}, Gd = [
+}, Kd = [
 	"disabled",
 	"aria-haspopup",
 	"aria-expanded",
 	"onClick"
-], Kd = {
+], qd = {
 	key: 0,
 	class: "wi-tieredmenu__caret",
 	"aria-hidden": "true"
-}, qd = {
+}, Jd = {
 	key: 2,
 	class: "wi-tieredmenu__submenu",
 	role: "menu"
-}, Jd = {
+}, Yd = {
 	key: 0,
 	class: "wi-tieredmenu__separator",
 	role: "separator"
-}, Yd = ["disabled", "onClick"], Xd = /* @__PURE__ */ h({
+}, Xd = ["disabled", "onClick"], Zd = /* @__PURE__ */ h({
 	__name: "TieredMenu",
 	props: {
 		model: {},
@@ -10478,7 +10527,7 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				key: `${e.label ?? "sep"}-${n}`,
 				class: "wi-tieredmenu__row",
 				onMouseenter: (t) => b(n, e)
-			}, [e.separator ? (O(), u("div", Wd)) : (O(), u("button", {
+			}, [e.separator ? (O(), u("div", Gd)) : (O(), u("button", {
 				key: 1,
 				type: "button",
 				class: "wi-tieredmenu__item",
@@ -10487,14 +10536,14 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				"aria-haspopup": e.items?.length ? "menu" : void 0,
 				"aria-expanded": e.items?.length ? h.value === n : void 0,
 				onClick: (t) => e.items?.length ? b(n, e) : v(e)
-			}, [d("span", null, I(e.label), 1), e.items?.length ? (O(), u("span", Kd, "▸")) : l("", !0)], 8, Gd)), e.items?.length && h.value === n ? (O(), u("div", qd, [(O(!0), u(t, null, N(e.items, (e, n) => (O(), u(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (O(), u("div", Jd)) : (O(), u("button", {
+			}, [d("span", null, I(e.label), 1), e.items?.length ? (O(), u("span", qd, "▸")) : l("", !0)], 8, Kd)), e.items?.length && h.value === n ? (O(), u("div", Jd, [(O(!0), u(t, null, N(e.items, (e, n) => (O(), u(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (O(), u("div", Yd)) : (O(), u("button", {
 				key: 1,
 				type: "button",
 				class: "wi-tieredmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: (t) => y(e)
-			}, I(e.label), 9, Yd))], 64))), 128))])) : l("", !0)], 40, Ud))), 128))], 2)) : l("", !0)]),
+			}, I(e.label), 9, Xd))], 64))), 128))])) : l("", !0)], 40, Wd))), 128))], 2)) : l("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"])) : (O(), u("div", {
 			key: 0,
@@ -10506,7 +10555,7 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			key: `${e.label ?? "sep"}-${n}`,
 			class: "wi-tieredmenu__row",
 			onMouseenter: (t) => b(n, e)
-		}, [e.separator ? (O(), u("div", Ld)) : (O(), u("button", {
+		}, [e.separator ? (O(), u("div", Rd)) : (O(), u("button", {
 			key: 1,
 			type: "button",
 			class: "wi-tieredmenu__item",
@@ -10515,22 +10564,22 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			"aria-haspopup": e.items?.length ? "menu" : void 0,
 			"aria-expanded": e.items?.length ? h.value === n : void 0,
 			onClick: (t) => e.items?.length ? b(n, e) : v(e)
-		}, [d("span", null, I(e.label), 1), e.items?.length ? (O(), u("span", zd, "▸")) : l("", !0)], 8, Rd)), e.items?.length && h.value === n ? (O(), u("div", Bd, [(O(!0), u(t, null, N(e.items, (e, n) => (O(), u(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (O(), u("div", Vd)) : (O(), u("button", {
+		}, [d("span", null, I(e.label), 1), e.items?.length ? (O(), u("span", Bd, "▸")) : l("", !0)], 8, zd)), e.items?.length && h.value === n ? (O(), u("div", Vd, [(O(!0), u(t, null, N(e.items, (e, n) => (O(), u(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (O(), u("div", Hd)) : (O(), u("button", {
 			key: 1,
 			type: "button",
 			class: "wi-tieredmenu__item",
 			role: "menuitem",
 			disabled: e.disabled,
 			onClick: (t) => y(e)
-		}, I(e.label), 9, Hd))], 64))), 128))])) : l("", !0)], 40, Id))), 128))], 512));
+		}, I(e.label), 9, Ud))], 64))), 128))])) : l("", !0)], 40, Ld))), 128))], 512));
 	}
-}), Zd = { class: "wi-timeline__opposite" }, Qd = { class: "wi-timeline__separator" }, $d = {
+}), Qd = { class: "wi-timeline__opposite" }, $d = { class: "wi-timeline__separator" }, ef = {
 	key: 1,
 	"aria-hidden": "true"
-}, ef = { class: "wi-timeline__content" }, tf = {
+}, tf = { class: "wi-timeline__content" }, nf = {
 	key: 0,
 	class: "wi-timeline__status"
-}, nf = /* @__PURE__ */ h({
+}, rf = /* @__PURE__ */ h({
 	__name: "Timeline",
 	props: {
 		value: {},
@@ -10578,11 +10627,11 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 			item: t,
 			index: r
 		}, () => [
-			d("div", Zd, [P(e.$slots, "opposite", {
+			d("div", Qd, [P(e.$slots, "opposite", {
 				item: t,
 				index: r
 			}, () => [p(I(t.date), 1)])]),
-			d("div", Qd, [P(e.$slots, "marker", {
+			d("div", $d, [P(e.$slots, "marker", {
 				item: t,
 				index: r
 			}, () => [d("span", {
@@ -10592,67 +10641,67 @@ var Vu = ["aria-sort"], Hu = { class: "wi-table__th-inner" }, Uu = ["onClick"],
 				key: 0,
 				name: g(t),
 				size: "sm"
-			}, null, 8, ["name"])) : t.icon ? (O(), u("span", $d, I(t.icon), 1)) : l("", !0)], 6)]), P(e.$slots, "connector", {
+			}, null, 8, ["name"])) : t.icon ? (O(), u("span", ef, I(t.icon), 1)) : l("", !0)], 6)]), P(e.$slots, "connector", {
 				item: t,
 				index: r
 			}, () => [n[0] ||= d("span", { class: "wi-timeline__connector" }, null, -1)])]),
-			d("div", ef, [P(e.$slots, "content", {
+			d("div", tf, [P(e.$slots, "content", {
 				item: t,
 				index: r
-			}, () => [t.status ? (O(), u("div", tf, I(t.status), 1)) : l("", !0), d("div", null, I(t.content), 1)])])
+			}, () => [t.status ? (O(), u("div", nf, I(t.status), 1)) : l("", !0), d("div", null, I(t.content), 1)])])
 		])], 2))), 128))], 2));
 	}
-}), rf = A({
+}), af = A({
 	messages: [],
 	position: "top-right",
 	max: void 0
-}), af = null, of = 0, sf = /* @__PURE__ */ new Map();
-function cf(e) {
-	af = e;
-}
-function lf() {
-	of += 1, af &&= (af.unmount(), null);
+}), of = null, sf = 0, cf = /* @__PURE__ */ new Map();
+function lf(e) {
+	of = e;
 }
 function uf() {
-	of = Math.max(0, of - 1);
+	sf += 1, of &&= (of.unmount(), null);
+}
+function df() {
+	sf = Math.max(0, sf - 1);
 }
-function df(e) {
-	let t = sf.get(e);
-	t != null && clearTimeout(t), sf.delete(e);
+function ff(e) {
+	let t = cf.get(e);
+	t != null && clearTimeout(t), cf.delete(e);
 }
-function ff(e, t) {
-	df(e.id), !(e.life == null || e.life <= 0) && sf.set(e.id, setTimeout(() => {
+function pf(e, t) {
+	ff(e.id), !(e.life == null || e.life <= 0) && cf.set(e.id, setTimeout(() => {
 		t(e.id);
 	}, e.life));
 }
-function pf(e) {
+function mf(e) {
 	if (e == null) {
-		mf();
+		hf();
 		return;
 	}
-	df(e), rf.messages = rf.messages.filter((t) => t.id !== e);
+	ff(e), af.messages = af.messages.filter((t) => t.id !== e);
 }
-function mf() {
-	for (let e of [...sf.keys()]) df(e);
-	rf.messages = [];
+function hf() {
+	for (let e of [...cf.keys()]) ff(e);
+	af.messages = [];
 }
-function hf(e) {
-	if (!(e == null || e <= 0)) for (; rf.messages.length >= e;) {
-		let e = rf.messages[0];
+function gf(e) {
+	if (!(e == null || e <= 0)) for (; af.messages.length >= e;) {
+		let e = af.messages[0];
 		if (!e) break;
-		pf(e.id);
+		mf(e.id);
 	}
 }
-function gf(e) {
-	if (!(e == null || e <= 0)) for (; rf.messages.length > e;) {
-		let e = rf.messages[0];
+function _f(e) {
+	if (!(e == null || e <= 0)) for (; af.messages.length > e;) {
+		let e = af.messages[0];
 		if (!e) break;
-		pf(e.id);
+		mf(e.id);
 	}
 }
 //#endregion
 //#region src/components/Toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var _f = { class: "wi-toast__content" }, vf = { key: 0 }, yf = ["aria-label", "onClick"], bf = /* @__PURE__ */ h({
+var vf = { class: "wi-toast__content" }, yf = { key: 0 }, bf = ["aria-label", "onClick"], xf = /* @__PURE__ */ h({
 	__name: "Toast",
 	props: {
 		messages: {},
@@ -10670,22 +10719,22 @@ var _f = { class: "wi-toast__content" }, vf = { key: 0 }, yf = ["aria-label", "o
 	},
 	emits: ["close"],
 	setup(e, { emit: r }) {
-		let i = e, o = r, f = X(), p = Z(), h = s(() => Q(i, f.value.appendTo)), g = s(() => i.messages === void 0), _ = s(() => i.messages ?? rf.messages), v = s(() => i.position ?? (g.value ? rf.position : "top-right"));
+		let i = e, o = r, f = X(), p = Z(), h = s(() => Q(i, f.value.appendTo)), g = s(() => i.messages === void 0), _ = s(() => i.messages ?? af.messages), v = s(() => i.position ?? (g.value ? af.position : "top-right"));
 		T(() => {
-			g.value && !i.auto && lf();
-		}), w(() => {
 			g.value && !i.auto && uf();
+		}), w(() => {
+			g.value && !i.auto && df();
 		}), W(() => i.max, (e) => {
-			!g.value || e === void 0 || (rf.max = e, gf(e));
+			!g.value || e === void 0 || (af.max = e, _f(e));
 		}, { immediate: !0 });
 		function y(e) {
 			return `wi-toast__message--${Ie(e) ?? "info"}`;
 		}
 		function b(e) {
-			return et(p.value.closeNamed, { summary: Us(e.summary) || "toast" });
+			return et(p.value.closeNamed, { summary: Ws(e.summary) || "toast" });
 		}
 		function S(e) {
-			g.value && pf(e.id), o("close", e);
+			g.value && mf(e.id), o("close", e);
 		}
 		return (e, r) => (O(), c(n, {
 			to: h.value.to,
@@ -10699,21 +10748,21 @@ var _f = { class: "wi-toast__content" }, vf = { key: 0 }, yf = ["aria-label", "o
 				key: e.id,
 				class: x(["wi-toast__message", y(e.severity)]),
 				role: "status"
-			}, [d("div", _f, [d("strong", null, [m(z(Ks), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (O(), u("p", vf, [m(z(Ks), { value: e.detail }, null, 8, ["value"])])) : l("", !0)]), e.closable === !1 ? l("", !0) : (O(), u("button", {
+			}, [d("div", vf, [d("strong", null, [m(z(qs), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (O(), u("p", yf, [m(z(qs), { value: e.detail }, null, 8, ["value"])])) : l("", !0)]), e.closable === !1 ? l("", !0) : (O(), u("button", {
 				key: 0,
 				type: "button",
 				class: "wi-toast__close",
 				"aria-label": b(e),
 				onClick: (t) => S(e)
-			}, " × ", 8, yf))], 2))), 128))]),
+			}, " × ", 8, bf))], 2))), 128))]),
 			_: 1
 		})], 2)], 8, ["to", "disabled"]));
 	}
-}), xf = ["disabled", "aria-pressed"], Sf = {
+}), Sf = ["disabled", "aria-pressed"], Cf = {
 	key: 0,
 	class: "wi-togglebutton__icon",
 	"aria-hidden": "true"
-}, Cf = { class: "wi-togglebutton__label" }, wf = /* @__PURE__ */ h({
+}, wf = { class: "wi-togglebutton__label" }, Tf = /* @__PURE__ */ h({
 	__name: "ToggleButton",
 	props: {
 		modelValue: {
@@ -10749,33 +10798,33 @@ var _f = { class: "wi-toast__content" }, vf = { key: 0 }, yf = ["aria-label", "o
 			disabled: e.disabled,
 			"aria-pressed": e.modelValue,
 			onClick: f
-		}, [c.value ? (O(), u("span", Sf, I(c.value), 1)) : l("", !0), d("span", Cf, I(o.value), 1)], 10, xf));
+		}, [c.value ? (O(), u("span", Cf, I(c.value), 1)) : l("", !0), d("span", wf, I(o.value), 1)], 10, Sf));
 	}
-}), Tf = (e, t) => {
+}), Ef = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ef = {}, Df = {
+}, Df = {}, Of = {
 	class: "wi-toolbar",
 	role: "toolbar"
-}, Of = {
+}, kf = {
 	key: 0,
 	class: "wi-toolbar__start"
-}, kf = {
+}, Af = {
 	key: 1,
 	class: "wi-toolbar__center"
-}, Af = {
+}, jf = {
 	key: 2,
 	class: "wi-toolbar__end"
 };
-function jf(e, t) {
-	return O(), u("div", Df, [
-		e.$slots.start ? (O(), u("div", Of, [P(e.$slots, "start")])) : l("", !0),
-		e.$slots.center ? (O(), u("div", kf, [P(e.$slots, "center")])) : l("", !0),
-		e.$slots.end ? (O(), u("div", Af, [P(e.$slots, "end")])) : l("", !0)
+function Mf(e, t) {
+	return O(), u("div", Of, [
+		e.$slots.start ? (O(), u("div", kf, [P(e.$slots, "start")])) : l("", !0),
+		e.$slots.center ? (O(), u("div", Af, [P(e.$slots, "center")])) : l("", !0),
+		e.$slots.end ? (O(), u("div", jf, [P(e.$slots, "end")])) : l("", !0)
 	]);
 }
-var Mf = /*#__PURE__*/ Tf(Ef, [["render", jf]]), Nf = /* @__PURE__ */ h({
+var Nf = /*#__PURE__*/ Ef(Df, [["render", Mf]]), Pf = /* @__PURE__ */ h({
 	__name: "Tooltip",
 	props: {
 		content: {},
@@ -10882,39 +10931,39 @@ var Mf = /*#__PURE__*/ Tf(Ef, [["render", jf]]), Nf = /* @__PURE__ */ h({
 			_: 1
 		})], 8, ["to", "disabled"]))], 544));
 	}
-}), Pf = Symbol("wi-tree"), Ff = Symbol("wi-tree-node-slot");
+});
 //#endregion
 //#region src/components/Tree/checkStrategy.ts
-function If(e, t, n) {
-	for (let r of e) t(r, n), r.children?.length && If(r.children, t, r);
+function Ff(e, t, n) {
+	for (let r of e) t(r, n), r.children?.length && Ff(r.children, t, r);
 }
-function Lf(e, t, n) {
+function If(e, t, n) {
 	t ? n[e.key] = !0 : delete n[e.key];
-	for (let r of e.children ?? []) Lf(r, t, n);
+	for (let r of e.children ?? []) If(r, t, n);
 }
-function Rf(e) {
+function Lf(e) {
 	let t = /* @__PURE__ */ new Map();
-	return If(e, (e) => {
+	return Ff(e, (e) => {
 		t.set(e.key, e.children ?? []);
 	}), t;
 }
-function zf(e, t) {
-	Rf(e);
+function Rf(e, t) {
+	Lf(e);
 	let n = (e) => {
 		for (let r of e) r.children?.length && (n(r.children), r.children.every((e) => t[e.key]) ? t[r.key] = !0 : delete t[r.key]);
 	};
 	n(e);
 }
-function Bf(e, t, n, r) {
+function zf(e, t, n, r) {
 	let i = { ...t };
-	return r ? i : (n === "parent" && If(e, (e) => {
-		t[e.key] && Lf(e, !0, i);
-	}), zf(e, i), i);
+	return r ? i : (n === "parent" && Ff(e, (e) => {
+		t[e.key] && If(e, !0, i);
+	}), Rf(e, i), i);
 }
-function Vf(e, t, n, r) {
+function Bf(e, t, n, r) {
 	if (r || n === "all") return { ...t };
 	let i = {};
-	if (n === "child") return If(e, (e) => {
+	if (n === "child") return Ff(e, (e) => {
 		t[e.key] && !e.children?.length && (i[e.key] = !0);
 	}), i;
 	let a = (e, n) => {
@@ -10925,16 +10974,16 @@ function Vf(e, t, n, r) {
 	};
 	return a(e, !1), i;
 }
-function Hf(e, t) {
+function Vf(e, t) {
 	if (!t) return null;
 	for (let n of e) {
 		if (n.key === t) return n;
-		let e = Hf(n.children ?? [], t);
+		let e = Vf(n.children ?? [], t);
 		if (e) return e;
 	}
 	return null;
 }
-function Uf(e, t) {
+function Hf(e, t) {
 	let n = [], r = (e, i) => {
 		for (let a of e) {
 			let e = [...i, a.label];
@@ -10946,24 +10995,24 @@ function Uf(e, t) {
 	return r(e, []), n;
 }
 //#endregion
-//#region src/components/Tree/TreeNodeItem.vue?vue&type=script&setup=true&lang.ts
-var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-label", "disabled"], qf = {
+//#region src/components/Tree/context.ts
+var Uf = Symbol("wi-tree"), Wf = Symbol("wi-tree-node-slot"), Gf = ["aria-expanded", "aria-disabled"], Kf = ["draggable"], qf = ["aria-label", "disabled"], Jf = {
 	key: 1,
 	class: "wi-tree__toggler wi-tree__toggler--leaf",
 	"aria-hidden": "true"
-}, Jf = {
+}, Yf = {
 	key: 3,
 	class: "wi-tree__icon",
 	"aria-hidden": "true"
-}, Yf = ["disabled"], Xf = {
+}, Xf = ["disabled"], Zf = {
 	key: 0,
 	class: "wi-tree__children",
 	role: "group"
-}, Zf = /* @__PURE__ */ h({
+}, Qf = /* @__PURE__ */ h({
 	__name: "TreeNodeItem",
 	props: { node: {} },
 	setup(e) {
-		let n = e, r = _(Pf), i = _(Ff, void 0), a = Z(), o = s(() => r.isExpanded(n.node.key)), f = s(() => r.isSelected(n.node.key)), m = s(() => r.isChecked(n.node.key)), h = s(() => r.isIndeterminate(n.node.key)), g = s(() => r.isDisabled(n.node)), v = s(() => r.isMatch(n.node)), y = s(() => !!r.loadingKeys[n.node.key]), b = s(() => !!n.node.children?.length || r.lazy && !n.node.isLeaf), S = s(() => {
+		let n = e, r = _(Uf), i = _(Wf, void 0), a = Z(), o = s(() => r.isExpanded(n.node.key)), f = s(() => r.isSelected(n.node.key)), m = s(() => r.isChecked(n.node.key)), h = s(() => r.isIndeterminate(n.node.key)), g = s(() => r.isDisabled(n.node)), v = s(() => r.isMatch(n.node)), y = s(() => !!r.loadingKeys[n.node.key]), b = s(() => !!n.node.children?.length || r.lazy && !n.node.isLeaf), S = s(() => {
 			if (n.node.icon && at(n.node.icon)) return n.node.icon;
 		}), C = s(() => n.node.children ?? []), w = s(() => i?.({
 			node: n.node,
@@ -11001,7 +11050,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				key: 1,
 				name: o.value ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"]))], 8, Kf)) : (O(), u("span", qf)),
+			}, null, 8, ["name"]))], 8, qf)) : (O(), u("span", Jf)),
 			z(r).showCheckbox ? (O(), c(vn, {
 				key: 2,
 				class: "wi-tree__checkbox",
@@ -11010,7 +11059,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				"onUpdate:modelValue": i[1] ||= (t) => z(r).toggleCheck(e.node),
 				onClick: i[2] ||= J(() => {}, ["stop"])
 			}, null, 8, ["model-value", "disabled"])) : l("", !0),
-			S.value || e.node.icon ? (O(), u("span", Jf, [S.value ? (O(), c($, {
+			S.value || e.node.icon ? (O(), u("span", Yf, [S.value ? (O(), c($, {
 				key: 0,
 				name: S.value,
 				size: "sm"
@@ -11020,16 +11069,16 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				class: "wi-tree__label",
 				disabled: g.value,
 				onClick: i[3] ||= (t) => z(r).select(e.node)
-			}, [w.value ? (O(), c(F({ render: () => w.value }), { key: 0 })) : (O(), u(t, { key: 1 }, [p(I(e.node.label), 1)], 64))], 8, Yf)
-		], 42, Gf), b.value && o.value ? (O(), u("ul", Xf, [(O(!0), u(t, null, N(C.value, (e) => (O(), c(Zf, {
+			}, [w.value ? (O(), c(F({ render: () => w.value }), { key: 0 })) : (O(), u(t, { key: 1 }, [p(I(e.node.label), 1)], 64))], 8, Xf)
+		], 42, Kf), b.value && o.value ? (O(), u("ul", Zf, [(O(!0), u(t, null, N(C.value, (e) => (O(), c(Qf, {
 			key: e.key,
 			node: e
-		}, null, 8, ["node"]))), 128))])) : l("", !0)], 8, Wf));
+		}, null, 8, ["node"]))), 128))])) : l("", !0)], 8, Gf));
 	}
-}), Qf = {
+}), $f = {
 	class: "wi-tree",
 	role: "tree"
-}, $f = /* @__PURE__ */ h({
+}, ep = /* @__PURE__ */ h({
 	__name: "Tree",
 	props: {
 		value: {},
@@ -11078,9 +11127,9 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 		"node-drop"
 	],
 	setup(e, { emit: n }) {
-		let r = e, i = H();
-		k(Ff, i.default);
-		let a = n, o = j({}), l = A({}), d = j(null), f = s(() => Rf(r.value)), p = s(() => r.checkStrategy ?? "all");
+		let r = e, i = n, a = H();
+		k(Wf, a.default);
+		let o = j({}), l = A({}), d = j(null), f = s(() => Lf(r.value)), p = s(() => r.checkStrategy ?? "all");
 		W(() => [
 			r.value,
 			r.defaultExpandAll,
@@ -11092,7 +11141,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			}
 			if (r.defaultExpandAll) {
 				let e = {};
-				If(r.value, (t) => {
+				Ff(r.value, (t) => {
 					t.children?.length && (e[t.key] = !0);
 				}), o.value = e;
 			}
@@ -11102,7 +11151,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 		}), W(() => r.expandedKeys, (e) => {
 			e && (o.value = { ...e });
 		});
-		let m = s(() => r.selectionMode === "single" && r.modelValue ? { [r.modelValue]: !0 } : r.selectionKeys ?? {}), h = s(() => Bf(r.value, r.checkedKeys ?? {}, p.value, r.checkStrictly));
+		let m = s(() => r.selectionMode === "single" && r.modelValue ? { [r.modelValue]: !0 } : r.selectionKeys ?? {}), h = s(() => zf(r.value, r.checkedKeys ?? {}, p.value, r.checkStrictly));
 		function g(e, t) {
 			return t.label.toLowerCase().includes(e.toLowerCase());
 		}
@@ -11153,8 +11202,8 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 		async function D(e) {
 			if (w(e)) return;
 			let t = y(e.key), n = { ...o.value };
-			if (t) delete n[e.key], a("node-collapse", e);
-			else if (r.accordion && (n = {}), n[e.key] = !0, a("node-expand", e), r.lazy && r.load && !e.children?.length && !e.isLeaf) {
+			if (t) delete n[e.key], i("node-collapse", e);
+			else if (r.accordion && (n = {}), n[e.key] = !0, i("node-expand", e), r.lazy && r.load && !e.children?.length && !e.isLeaf) {
 				l[e.key] = !0;
 				try {
 					e.children = await r.load(e);
@@ -11162,26 +11211,26 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 					l[e.key] = !1;
 				}
 			}
-			o.value = n, a("update:expandedKeys", n);
+			o.value = n, i("update:expandedKeys", n);
 		}
 		function M(e) {
 			if (w(e)) return;
 			if (r.selectionMode === "single") {
 				let t = x(e.key) ? null : e.key;
-				a("update:modelValue", t), a("update:selectionKeys", t ? { [t]: !0 } : {});
+				i("update:modelValue", t), i("update:selectionKeys", t ? { [t]: !0 } : {});
 				return;
 			}
 			let t = { ...m.value };
-			t[e.key] ? delete t[e.key] : t[e.key] = !0, a("update:selectionKeys", t);
+			t[e.key] ? delete t[e.key] : t[e.key] = !0, i("update:selectionKeys", t);
 		}
 		function P(e) {
 			if (w(e)) return;
 			let t = { ...h.value }, n = !S(e.key);
-			r.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (Lf(e, n, t), zf(r.value, t));
-			let i = Vf(r.value, t, p.value, r.checkStrictly);
-			a("update:checkedKeys", i), a("check", {
+			r.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (If(e, n, t), Rf(r.value, t));
+			let a = Bf(r.value, t, p.value, r.checkStrictly);
+			i("update:checkedKeys", a), i("check", {
 				node: e,
-				checkedKeys: i
+				checkedKeys: a
 			});
 		}
 		function F(e, t) {
@@ -11197,14 +11246,14 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 		function L(e, t) {
 			if (!r.draggable || !d.value || d.value === e.key) return;
 			t.preventDefault();
-			let n = t.currentTarget.getBoundingClientRect(), i = t.clientY - n.top, o = "inside";
-			i < n.height * .25 ? o = "before" : i > n.height * .75 && (o = "after"), a("node-drop", {
+			let n = t.currentTarget.getBoundingClientRect(), a = t.clientY - n.top, o = "inside";
+			a < n.height * .25 ? o = "before" : a > n.height * .75 && (o = "after"), i("node-drop", {
 				dragKey: d.value,
 				dropKey: e.key,
 				position: o
 			}), d.value = null;
 		}
-		return k(Pf, {
+		return k(Uf, {
 			isExpanded: y,
 			isSelected: x,
 			isChecked: S,
@@ -11228,18 +11277,18 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			onDragStart: F,
 			onDragOver: I,
 			onDrop: L
-		}), (e, n) => (O(), u("ul", Qf, [(O(!0), u(t, null, N(v.value, (e) => (O(), c(Zf, {
+		}), (e, n) => (O(), u("ul", $f, [(O(!0), u(t, null, N(v.value, (e) => (O(), c(Qf, {
 			key: e.key,
 			node: e
 		}, null, 8, ["node"]))), 128))]));
 	}
-}), ep = ["aria-expanded"], tp = ["aria-label"], np = {
+}), tp = ["aria-expanded"], np = ["aria-label"], rp = {
 	key: 1,
 	class: "wi-treeselect__toggler-spacer"
-}, rp = ["disabled"], ip = {
+}, ip = ["disabled"], ap = {
 	key: 0,
 	role: "group"
-}, ap = /* @__PURE__ */ h({
+}, op = /* @__PURE__ */ h({
 	__name: "TreeSelectNodeItem",
 	props: {
 		node: {},
@@ -11270,7 +11319,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				class: "wi-treeselect__toggler",
 				"aria-label": e.expanded[e.node.key] ? z(n).collapse : z(n).expand,
 				onClick: i[0] ||= J((t) => r.$emit("toggle", e.node.key), ["stop"])
-			}, I(e.expanded[e.node.key] ? "▾" : "▸"), 9, tp)) : (O(), u("span", np)),
+			}, I(e.expanded[e.node.key] ? "▾" : "▸"), 9, np)) : (O(), u("span", rp)),
 			e.showCheckbox ? (O(), c(vn, {
 				key: 2,
 				class: "wi-treeselect__checkbox",
@@ -11284,8 +11333,8 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				class: x(["wi-treeselect__option", { "wi-treeselect__option--selected": e.selectedKeys.includes(e.node.key) }]),
 				disabled: e.node.disabled,
 				onClick: i[3] ||= (t) => r.$emit("select", e.node)
-			}, I(e.node.label), 11, rp)
-		], 4), e.node.children?.length && e.expanded[e.node.key] ? (O(), u("ul", ip, [(O(!0), u(t, null, N(e.node.children, (t) => (O(), c(ap, {
+			}, I(e.node.label), 11, ip)
+		], 4), e.node.children?.length && e.expanded[e.node.key] ? (O(), u("ul", ap, [(O(!0), u(t, null, N(e.node.children, (t) => (O(), c(op, {
 			key: t.key,
 			node: t,
 			depth: e.depth + 1,
@@ -11303,26 +11352,26 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			"checked-keys",
 			"expanded",
 			"show-checkbox"
-		]))), 128))])) : l("", !0)], 8, ep));
+		]))), 128))])) : l("", !0)], 8, tp));
 	}
-}), op = [
+}), sp = [
 	"aria-disabled",
 	"aria-expanded",
 	"onKeydown"
-], sp = {
+], cp = {
 	key: 0,
 	class: "wi-treeselect__tags"
-}, cp = { class: "wi-select__tag-label" }, lp = [
+}, lp = { class: "wi-select__tag-label" }, up = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], up = {
+], dp = {
 	key: 0,
 	class: "wi-select__tag wi-select__tag--more"
-}, dp = ["aria-label"], fp = ["placeholder"], pp = {
+}, fp = ["aria-label"], pp = ["placeholder"], mp = {
 	class: "wi-treeselect__tree",
 	role: "tree"
-}, mp = /* @__PURE__ */ h({
+}, hp = /* @__PURE__ */ h({
 	__name: "TreeSelect",
 	props: {
 		options: {},
@@ -11373,17 +11422,17 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			let e = {};
 			for (let t of M.value) e[t] = !0;
 			return e;
-		}), F = s(() => Bf(a.options, P.value, a.checkStrategy, a.checkStrictly)), L = s(() => {
+		}), F = s(() => zf(a.options, P.value, a.checkStrategy, a.checkStrictly)), L = s(() => {
 			let e = M.value[0];
 			if (!e || A.value) return a.placeholder ?? p.value.selectPlaceholder;
 			if (a.showPath) {
-				let t = Uf(a.options, e);
+				let t = Hf(a.options, e);
 				return t.length ? t.join(a.separator) : e;
 			}
-			return Hf(a.options, e)?.label ?? a.placeholder ?? p.value.selectPlaceholder;
+			return Vf(a.options, e)?.label ?? a.placeholder ?? p.value.selectPlaceholder;
 		}), R = s(() => M.value.map((e) => ({
 			key: e,
-			label: a.showPath ? Uf(a.options, e).join(a.separator) : Hf(a.options, e)?.label ?? e
+			label: a.showPath ? Hf(a.options, e).join(a.separator) : Vf(a.options, e)?.label ?? e
 		}))), B = s(() => {
 			let e = a.maxTagCount;
 			return e == null || e < 0 || R.value.length <= e ? R.value : R.value.slice(0, e);
@@ -11436,8 +11485,8 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 		function Y(e) {
 			if (e.disabled) return;
 			let t = { ...F.value }, n = !t[e.key];
-			a.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (Lf(e, n, t), zf(a.options, t));
-			let r = Vf(a.options, t, a.checkStrategy, a.checkStrictly);
+			a.checkStrictly ? n ? t[e.key] = !0 : delete t[e.key] : (If(e, n, t), Rf(a.options, t));
+			let r = Bf(a.options, t, a.checkStrategy, a.checkStrictly);
 			re(Object.keys(r).filter((e) => r[e]));
 		}
 		function ae(e) {
@@ -11477,16 +11526,16 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			onClick: U,
 			onKeydown: q(J(U, ["prevent"]), ["enter"])
 		}, [
-			A.value && R.value.length ? (O(), u("div", sp, [(O(!0), u(t, null, N(B.value, (t) => (O(), u("span", {
+			A.value && R.value.length ? (O(), u("div", cp, [(O(!0), u(t, null, N(B.value, (t) => (O(), u("span", {
 				key: t.key,
 				class: "wi-select__tag"
-			}, [d("span", cp, I(t.label), 1), d("button", {
+			}, [d("span", lp, I(t.label), 1), d("button", {
 				type: "button",
 				class: "wi-select__tag-remove",
 				"aria-label": z(p).remove,
 				disabled: e.disabled,
 				onClick: J((e) => ae(t.key), ["stop"])
-			}, " × ", 8, lp)]))), 128)), V.value ? (O(), u("span", up, I(V.value > 0 ? `+${V.value}` : ""), 1)) : l("", !0)])) : (O(), u("span", {
+			}, " × ", 8, up)]))), 128)), V.value ? (O(), u("span", dp, I(V.value > 0 ? `+${V.value}` : ""), 1)) : l("", !0)])) : (O(), u("span", {
 				key: 1,
 				class: x(["wi-treeselect__label", { "wi-treeselect__label--placeholder": !M.value.length }])
 			}, I(L.value), 3)),
@@ -11496,12 +11545,12 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				class: "wi-treeselect__clear",
 				"aria-label": z(p).clear,
 				onClick: oe
-			}, " × ", 8, dp)) : l("", !0),
+			}, " × ", 8, fp)) : l("", !0),
 			a[2] ||= d("span", {
 				class: "wi-treeselect__caret",
 				"aria-hidden": "true"
 			}, "▾", -1)
-		], 40, op), (O(), c(n, {
+		], 40, sp), (O(), c(n, {
 			to: D.value.to,
 			disabled: D.value.disabled
 		}, [m(i, { name: "wi-scale-fade" }, {
@@ -11518,7 +11567,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				type: "search",
 				placeholder: z(p).searchPlaceholder,
 				onClick: a[1] ||= J(() => {}, ["stop"])
-			}, null, 8, fp)), [[te, _.value]]) : l("", !0), d("ul", pp, [(O(!0), u(t, null, N(H.value, (t) => (O(), c(ap, {
+			}, null, 8, pp)), [[te, _.value]]) : l("", !0), d("ul", mp, [(O(!0), u(t, null, N(H.value, (t) => (O(), c(op, {
 				key: t.key,
 				node: t,
 				depth: 0,
@@ -11539,10 +11588,10 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			_: 1
 		})], 8, ["to", "disabled"]))], 2));
 	}
-}), hp = { class: "wi-treetable__row" }, gp = ["aria-label"], _p = {
+}), gp = { class: "wi-treetable__row" }, _p = ["aria-label"], vp = {
 	key: 1,
 	class: "wi-treetable__toggler-spacer"
-}, vp = /* @__PURE__ */ h({
+}, yp = /* @__PURE__ */ h({
 	__name: "TreeTableRow",
 	props: {
 		node: {},
@@ -11553,7 +11602,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 	emits: ["toggle"],
 	setup(e) {
 		let n = Z();
-		return (r, i) => (O(), u(t, null, [d("tr", hp, [(O(!0), u(t, null, N(e.columns, (a, o) => (O(), u("td", {
+		return (r, i) => (O(), u(t, null, [d("tr", gp, [(O(!0), u(t, null, N(e.columns, (a, o) => (O(), u("td", {
 			key: a.field,
 			class: "wi-treetable__cell"
 		}, [o === 0 ? (O(), u("div", {
@@ -11566,7 +11615,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			class: "wi-treetable__toggler",
 			"aria-label": e.isExpanded(e.node.key) ? z(n).collapse : z(n).expand,
 			onClick: i[0] ||= (t) => r.$emit("toggle", e.node)
-		}, I(e.isExpanded(e.node.key) ? "▾" : "▸"), 9, gp)) : (O(), u("span", _p)), d("span", null, I(e.node.data[a.field]), 1)], 4)) : (O(), u(t, { key: 1 }, [p(I(e.node.data[a.field]), 1)], 64))]))), 128))]), e.node.children?.length && e.isExpanded(e.node.key) ? (O(!0), u(t, { key: 0 }, N(e.node.children, (t) => (O(), c(vp, {
+		}, I(e.isExpanded(e.node.key) ? "▾" : "▸"), 9, _p)) : (O(), u("span", vp)), d("span", null, I(e.node.data[a.field]), 1)], 4)) : (O(), u(t, { key: 1 }, [p(I(e.node.data[a.field]), 1)], 64))]))), 128))]), e.node.children?.length && e.isExpanded(e.node.key) ? (O(!0), u(t, { key: 0 }, N(e.node.children, (t) => (O(), c(yp, {
 			key: t.key,
 			node: t,
 			columns: e.columns,
@@ -11580,7 +11629,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			"is-expanded"
 		]))), 128)) : l("", !0)], 64));
 	}
-}), yp = { class: "wi-treetable" }, bp = { class: "wi-treetable__table" }, xp = /* @__PURE__ */ h({
+}), bp = { class: "wi-treetable" }, xp = { class: "wi-treetable__table" }, Sp = /* @__PURE__ */ h({
 	__name: "TreeTable",
 	props: {
 		value: {},
@@ -11599,10 +11648,10 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 				[e.key]: t
 			}, r(t ? "node-expand" : "node-collapse", e);
 		}
-		return (n, r) => (O(), u("div", yp, [d("table", bp, [d("thead", null, [d("tr", null, [(O(!0), u(t, null, N(e.columns, (e) => (O(), u("th", {
+		return (n, r) => (O(), u("div", bp, [d("table", xp, [d("thead", null, [d("tr", null, [(O(!0), u(t, null, N(e.columns, (e) => (O(), u("th", {
 			key: e.field,
 			scope: "col"
-		}, I(e.header), 1))), 128))])]), d("tbody", null, [(O(!0), u(t, null, N(e.value, (t) => (O(), c(vp, {
+		}, I(e.header), 1))), 128))])]), d("tbody", null, [(O(!0), u(t, null, N(e.value, (t) => (O(), c(yp, {
 			key: t.key,
 			node: t,
 			columns: e.columns,
@@ -11611,7 +11660,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			onToggle: o
 		}, null, 8, ["node", "columns"]))), 128))])])]));
 	}
-}), Sp = /* @__PURE__ */ h({
+}), Cp = /* @__PURE__ */ h({
 	__name: "VirtualScroller",
 	props: {
 		items: {},
@@ -11654,7 +11703,7 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 			index: t.index
 		}, () => [p(I(t.item), 1)])], 4))), 128))], 4)], 4)], 36));
 	}
-}), Cp = {
+}), wp = {
 	WiAccordion: oe,
 	WiAutoComplete: bt,
 	WiAvatar: wt,
@@ -11684,198 +11733,201 @@ var Wf = ["aria-expanded", "aria-disabled"], Gf = ["draggable"], Kf = ["aria-lab
 	WiDropdown: Ci,
 	WiFieldset: Oi,
 	WiFileUpload: na,
-	WiFlex: fa,
-	WiFloatLabel: aa,
+	WiFlex: la,
+	WiFloatLabel: fa,
 	WiFluid: pa,
 	WiForm: ga,
 	WiFormItem: Aa,
 	WiGallery: za,
-	WiGi: Wa,
+	WiGi: Ka,
 	WiGrid: Ga,
-	WiGridItem: Wa,
+	WiGridItem: Ka,
 	WiIcon: $,
-	WiIconField: qa,
-	WiInplace: Xa,
-	WiInput: ao,
-	WiInputColor: fo,
-	WiInputGroup: mo,
-	WiInputGroupAddon: go,
-	WiInputNumber: To,
-	WiInputOtp: Do,
-	WiInputPassword: Fo,
-	WiInputTags: Ro,
-	WiKnob: Wo,
-	WiLabel: Ko,
-	WiLayout: is,
-	WiLayoutContent: as,
-	WiLayoutFooter: os,
-	WiLayoutHeader: ss,
-	WiLayoutSider: fs,
-	WiListbox: _s,
-	WiMegaMenu: xs,
-	WiMenu: Ns,
-	WiMenubar: Bs,
-	WiMessage: lc,
-	WiMeterGroup: hc,
-	WiOrderList: Cc,
+	WiIconField: Ja,
+	WiInplace: Za,
+	WiInput: oo,
+	WiInputColor: po,
+	WiInputGroup: ho,
+	WiInputGroupAddon: _o,
+	WiInputNumber: Eo,
+	WiInputOtp: Oo,
+	WiInputPassword: Io,
+	WiInputTags: zo,
+	WiKnob: Go,
+	WiLabel: qo,
+	WiLayout: as,
+	WiLayoutContent: os,
+	WiLayoutFooter: ss,
+	WiLayoutHeader: cs,
+	WiLayoutSider: ps,
+	WiListbox: vs,
+	WiMegaMenu: Ss,
+	WiMenu: Ps,
+	WiMenubar: Vs,
+	WiMessage: uc,
+	WiMeterGroup: gc,
+	WiOrderList: wc,
 	WiPagination: Sr,
-	WiPanel: Ac,
-	WiPickList: Gc,
-	WiPopover: Kc,
-	WiProgressBar: Qc,
-	WiProgressSpinner: ol,
-	WiRadio: dl,
-	WiRadioGroup: fl,
-	WiRating: gl,
-	WiScrollbar: ns,
-	WiScrollTop: vl,
-	WiSelect: Il,
-	WiSelectButton: Rl,
-	WiSidebar: Jl,
-	WiSkeleton: Xl,
-	WiSlider: nu,
-	WiSpace: ru,
-	WiSpeedDial: cu,
-	WiSplitButton: mu,
-	WiSplitter: Su,
-	WiStepper: ku,
-	WiSwitch: Lu,
-	WiTable: ud,
-	WiTabs: bd,
-	WiTag: Sd,
-	WiTerminal: Od,
-	WiTextarea: Fd,
-	WiTieredMenu: Xd,
-	WiTimeline: nf,
-	WiToast: bf,
-	WiToggleButton: wf,
-	WiToolbar: Mf,
-	WiTooltip: Nf,
-	WiTree: $f,
-	WiTreeSelect: mp,
-	WiTreeTable: xp,
-	WiVirtualScroller: Sp
-}, wp = Object.keys(Cp), Tp = 3e3, Ep = 0, Dp = h({
-	name: "WiToastAutoHost",
-	setup() {
-		return () => g(bf, { auto: !0 });
+	WiPanel: jc,
+	WiPickList: Kc,
+	WiPopover: qc,
+	WiProgressBar: $c,
+	WiProgressSpinner: sl,
+	WiRadio: fl,
+	WiRadioGroup: pl,
+	WiRating: _l,
+	WiScrollbar: rs,
+	WiScrollTop: yl,
+	WiSelect: Ll,
+	WiSelectButton: zl,
+	WiSidebar: Yl,
+	WiSkeleton: Zl,
+	WiSlider: ru,
+	WiSpace: iu,
+	WiSpeedDial: lu,
+	WiSplitButton: hu,
+	WiSplitter: Cu,
+	WiStepper: Au,
+	WiSwitch: Ru,
+	WiTable: dd,
+	WiTabs: xd,
+	WiTag: Cd,
+	WiTerminal: kd,
+	WiTextarea: Id,
+	WiTieredMenu: Zd,
+	WiTimeline: rf,
+	WiToast: xf,
+	WiToggleButton: Tf,
+	WiToolbar: Nf,
+	WiTooltip: Pf,
+	WiTree: ep,
+	WiTreeSelect: hp,
+	WiTreeTable: Sp,
+	WiVirtualScroller: Cp
+}, Tp = Object.keys(wp);
+//#endregion
+//#region src/components/ContextMenu/useContextMenu.ts
+function Ep() {
+	let e = j(!1), t = j({
+		x: 0,
+		y: 0
+	});
+	function n(n) {
+		"preventDefault" in n && n.preventDefault();
+		let r = "clientX" in n ? {
+			x: n.clientX,
+			y: n.clientY
+		} : {
+			x: n.x,
+			y: n.y
+		};
+		t.value = r, e.value = !0;
 	}
-});
-function Op() {
-	typeof document > "u" || of > 0 || af || cf(Pe(Dp, "wi-toast-host-root"));
-}
-function kp(e, t) {
-	let n = Gs(e) ? e : { summary: e };
-	return n.position && (rf.position = n.position), {
-		id: n.id ?? `wi-toast-${Date.now()}-${++Ep}`,
-		summary: n.summary,
-		detail: n.detail,
-		severity: t ?? n.severity ?? "info",
-		closable: n.closable ?? !0,
-		life: n.life === void 0 ? Tp : n.life
-	};
-}
-function Ap(e, t) {
-	Op(), hf(rf.max);
-	let n = kp(e, t);
-	return rf.messages = [...rf.messages, n], ff(n, pf), {
-		id: n.id,
-		close: () => pf(n.id)
-	};
-}
-var jp = {
-	add: (e) => Ap(e),
-	success: (e) => Ap(e, "success"),
-	info: (e) => Ap(e, "info"),
-	warn: (e) => Ap(e, "warn"),
-	warning: (e) => Ap(e, "warn"),
-	error: (e) => Ap(e, "error"),
-	remove: pf,
-	clear: mf,
-	close: pf,
-	closeAll: mf,
-	destroyAll: mf,
-	setDefaults(e) {
-		e.position && (rf.position = e.position), e.max !== void 0 && (rf.max = e.max);
+	function r() {
+		e.value = !1;
 	}
-};
-function Mp() {
-	return jp;
+	return {
+		visible: e,
+		position: t,
+		show: n,
+		hide: r
+	};
 }
 //#endregion
 //#region src/components/Message/message.ts
-var Np = 3e3, Pp = 0, Fp = h({
+var Dp = 3e3, Op = 0, kp = h({
 	name: "WiMessageAutoHost",
 	setup() {
-		return () => g(lc, { auto: !0 });
+		return () => g(uc, { auto: !0 });
 	}
 });
-function Ip() {
-	typeof document > "u" || Ys > 0 || Js || Zs(Pe(Fp, "wi-message-host-root"));
+function Ap() {
+	typeof document > "u" || Xs > 0 || Ys || Qs(Pe(kp, "wi-message-host-root"));
 }
-function Lp(e, t) {
-	let n = Ws(e) ? e : { content: e };
+function jp(e, t) {
+	let n = Gs(e) ? e : { content: e };
 	return {
-		id: n.id ?? `wi-message-${Date.now()}-${++Pp}`,
+		id: n.id ?? `wi-message-${Date.now()}-${++Op}`,
 		content: n.content,
 		severity: t ?? n.severity ?? "info",
 		closable: n.closable ?? !1,
-		life: n.life === void 0 ? Np : n.life,
+		life: n.life === void 0 ? Dp : n.life,
 		icon: n.icon ?? !0
 	};
 }
-function Rp(e, t) {
-	Ip(), ic(qs.max);
-	let n = Lp(e, t);
-	return qs.items = [...qs.items, n], tc(n, nc), {
+function Mp(e, t) {
+	Ap(), ac(Js.max);
+	let n = jp(e, t);
+	return Js.items = [...Js.items, n], nc(n, rc), {
 		id: n.id,
-		close: () => nc(n.id)
+		close: () => rc(n.id)
 	};
 }
-var zp = {
-	open: (e) => Rp(e),
-	success: (e) => Rp(e, "success"),
-	info: (e) => Rp(e, "info"),
-	warn: (e) => Rp(e, "warn"),
-	warning: (e) => Rp(e, "warn"),
-	error: (e) => Rp(e, "error"),
-	close: nc,
-	closeAll: rc,
-	destroyAll: rc,
+var Np = {
+	open: (e) => Mp(e),
+	success: (e) => Mp(e, "success"),
+	info: (e) => Mp(e, "info"),
+	warn: (e) => Mp(e, "warn"),
+	warning: (e) => Mp(e, "warn"),
+	error: (e) => Mp(e, "error"),
+	close: rc,
+	closeAll: ic,
+	destroyAll: ic,
 	config(e) {
-		e.placement && (qs.placement = e.placement), e.max !== void 0 && (qs.max = e.max);
+		e.placement && (Js.placement = e.placement), e.max !== void 0 && (Js.max = e.max);
 	}
 };
-function Bp() {
-	return zp;
+function Pp() {
+	return Np;
 }
 //#endregion
-//#region src/components/ContextMenu/useContextMenu.ts
-function Vp() {
-	let e = j(!1), t = j({
-		x: 0,
-		y: 0
-	});
-	function n(n) {
-		"preventDefault" in n && n.preventDefault();
-		let r = "clientX" in n ? {
-			x: n.clientX,
-			y: n.clientY
-		} : {
-			x: n.x,
-			y: n.y
-		};
-		t.value = r, e.value = !0;
-	}
-	function r() {
-		e.value = !1;
+//#region src/components/Toast/toast.ts
+var Fp = 3e3, Ip = 0, Lp = h({
+	name: "WiToastAutoHost",
+	setup() {
+		return () => g(xf, { auto: !0 });
 	}
-	return {
-		visible: e,
-		position: t,
-		show: n,
-		hide: r
+});
+function Rp() {
+	typeof document > "u" || sf > 0 || of || lf(Pe(Lp, "wi-toast-host-root"));
+}
+function zp(e, t) {
+	let n = Ks(e) ? e : { summary: e };
+	return n.position && (af.position = n.position), {
+		id: n.id ?? `wi-toast-${Date.now()}-${++Ip}`,
+		summary: n.summary,
+		detail: n.detail,
+		severity: t ?? n.severity ?? "info",
+		closable: n.closable ?? !0,
+		life: n.life === void 0 ? Fp : n.life
+	};
+}
+function Bp(e, t) {
+	Rp(), gf(af.max);
+	let n = zp(e, t);
+	return af.messages = [...af.messages, n], pf(n, mf), {
+		id: n.id,
+		close: () => mf(n.id)
 	};
 }
+var Vp = {
+	add: (e) => Bp(e),
+	success: (e) => Bp(e, "success"),
+	info: (e) => Bp(e, "info"),
+	warn: (e) => Bp(e, "warn"),
+	warning: (e) => Bp(e, "warn"),
+	error: (e) => Bp(e, "error"),
+	remove: mf,
+	clear: hf,
+	close: mf,
+	closeAll: hf,
+	destroyAll: hf,
+	setDefaults(e) {
+		e.position && (af.position = e.position), e.max !== void 0 && (af.max = e.max);
+	}
+};
+function Hp() {
+	return Vp;
+}
 //#endregion
-export { Le as WI_CONFIG_KEY, ha as WI_FORM_ERRORS_KEY, ma as WI_FORM_KEY, Ua as WI_GRID_KEY, rs as WI_LAYOUT_KEY, Qe as WellInsight, Qe as default, oe as WiAccordion, bt as WiAutoComplete, wt as WiAvatar, Tt as WiAvatarGroup, Dt as WiBadge, At as WiBlockUI, It as WiBreadcrumb, zt as WiButton, Vt as WiButtonGroup, Yt as WiCard, rn as WiCarousel, ln as WiCascadeSelect, vn as WiCheckbox, yn as WiCheckboxGroup, wn as WiChip, In as WiCommandMenu, Rn as WiConfigProvider, Zn as WiConfirmDialog, er as WiConfirmPopup, lr as WiContextMenu, Er as WiDataView, Vr as WiDatePicker, Zr as WiDialog, ti as WiDivider, ai as WiDock, di as WiDrawer, Ci as WiDropdown, Oi as WiFieldset, na as WiFileUpload, fa as WiFlex, aa as WiFloatLabel, pa as WiFluid, ga as WiForm, Aa as WiFormItem, za as WiGallery, Wa as WiGi, Wa as WiGridItem, Ga as WiGrid, $ as WiIcon, qa as WiIconField, Xa as WiInplace, ao as WiInput, fo as WiInputColor, mo as WiInputGroup, go as WiInputGroupAddon, To as WiInputNumber, Do as WiInputOtp, Fo as WiInputPassword, Ro as WiInputTags, Wo as WiKnob, Ko as WiLabel, is as WiLayout, as as WiLayoutContent, os as WiLayoutFooter, ss as WiLayoutHeader, fs as WiLayoutSider, _s as WiListbox, xs as WiMegaMenu, Ns as WiMenu, Bs as WiMenubar, lc as WiMessage, hc as WiMeterGroup, Cc as WiOrderList, Sr as WiPagination, Ac as WiPanel, Gc as WiPickList, Kc as WiPopover, Qc as WiProgressBar, ol as WiProgressSpinner, dl as WiRadio, fl as WiRadioGroup, gl as WiRating, vl as WiScrollTop, ns as WiScrollbar, Il as WiSelect, Rl as WiSelectButton, Jl as WiSidebar, Xl as WiSkeleton, nu as WiSlider, ru as WiSpace, cu as WiSpeedDial, mu as WiSplitButton, Su as WiSplitter, ku as WiStepper, Lu as WiSwitch, ud as WiTable, bd as WiTabs, Sd as WiTag, Od as WiTerminal, Fd as WiTextarea, Xd as WiTieredMenu, nf as WiTimeline, bf as WiToast, wf as WiToggleButton, Mf as WiToolbar, Nf as WiTooltip, $f as WiTree, mp as WiTreeSelect, xp as WiTreeTable, Sp as WiVirtualScroller, xe as applyDensity, he as applyMotion, Ee as applyTheme, Ze as createWellInsight, le as darkTokens, $e as enUS, et as formatLocale, Ae as getComponentDefault, ke as getComponentDefaults, ze as getDefaultWiConfig, ot as getIconDefinition, ge as getPreferredMotion, Te as getPreferredTheme, it as iconNames, rt as iconRegistry, Xe as installWellInsight, at as isIconName, nt as isOverlayTeleported, ce as lightTokens, je as mergeComponentDefaults, tt as mergeLocale, Ve as mergeWiConfig, zp as message, Ie as normalizeSeverity, Be as provideWiConfig, Ke as resolveConfiguredAppendTo, Q as resolveOverlayTeleport, Fe as resolveSizeClass, we as themeNames, jp as toast, He as useComponentDefaults, Ge as useConfiguredGapSize, Ue as useConfiguredSize, We as useConfiguredVariant, Vp as useContextMenu, Se as useDensity, Bp as useMessage, Dn as useModalOverlay, _e as useMotion, de as useTheme, Mp as useToast, X as useWiConfig, Z as useWiLocale, wp as wiComponentNames, Cp as wiComponents, se as zhCN };
+export { Le as WI_CONFIG_KEY, ha as WI_FORM_ERRORS_KEY, ma as WI_FORM_KEY, Ua as WI_GRID_KEY, is as WI_LAYOUT_KEY, Qe as WellInsight, Qe as default, oe as WiAccordion, bt as WiAutoComplete, wt as WiAvatar, Tt as WiAvatarGroup, Dt as WiBadge, At as WiBlockUI, It as WiBreadcrumb, zt as WiButton, Vt as WiButtonGroup, Yt as WiCard, rn as WiCarousel, ln as WiCascadeSelect, vn as WiCheckbox, yn as WiCheckboxGroup, wn as WiChip, In as WiCommandMenu, Rn as WiConfigProvider, Zn as WiConfirmDialog, er as WiConfirmPopup, lr as WiContextMenu, Er as WiDataView, Vr as WiDatePicker, Zr as WiDialog, ti as WiDivider, ai as WiDock, di as WiDrawer, Ci as WiDropdown, Oi as WiFieldset, na as WiFileUpload, la as WiFlex, fa as WiFloatLabel, pa as WiFluid, ga as WiForm, Aa as WiFormItem, za as WiGallery, Ka as WiGi, Ka as WiGridItem, Ga as WiGrid, $ as WiIcon, Ja as WiIconField, Za as WiInplace, oo as WiInput, po as WiInputColor, ho as WiInputGroup, _o as WiInputGroupAddon, Eo as WiInputNumber, Oo as WiInputOtp, Io as WiInputPassword, zo as WiInputTags, Go as WiKnob, qo as WiLabel, as as WiLayout, os as WiLayoutContent, ss as WiLayoutFooter, cs as WiLayoutHeader, ps as WiLayoutSider, vs as WiListbox, Ss as WiMegaMenu, Ps as WiMenu, Vs as WiMenubar, uc as WiMessage, gc as WiMeterGroup, wc as WiOrderList, Sr as WiPagination, jc as WiPanel, Kc as WiPickList, qc as WiPopover, $c as WiProgressBar, sl as WiProgressSpinner, fl as WiRadio, pl as WiRadioGroup, _l as WiRating, yl as WiScrollTop, rs as WiScrollbar, Ll as WiSelect, zl as WiSelectButton, Yl as WiSidebar, Zl as WiSkeleton, ru as WiSlider, iu as WiSpace, lu as WiSpeedDial, hu as WiSplitButton, Cu as WiSplitter, Au as WiStepper, Ru as WiSwitch, dd as WiTable, xd as WiTabs, Cd as WiTag, kd as WiTerminal, Id as WiTextarea, Zd as WiTieredMenu, rf as WiTimeline, xf as WiToast, Tf as WiToggleButton, Nf as WiToolbar, Pf as WiTooltip, ep as WiTree, hp as WiTreeSelect, Sp as WiTreeTable, Cp as WiVirtualScroller, fe as applyDensity, _e as applyMotion, Ee as applyTheme, Ze as createWellInsight, le as darkTokens, $e as enUS, et as formatLocale, Ae as getComponentDefault, ke as getComponentDefaults, ze as getDefaultWiConfig, ot as getIconDefinition, ve as getPreferredMotion, Te as getPreferredTheme, it as iconNames, rt as iconRegistry, Xe as installWellInsight, at as isIconName, nt as isOverlayTeleported, ce as lightTokens, je as mergeComponentDefaults, tt as mergeLocale, Ve as mergeWiConfig, Np as message, Ie as normalizeSeverity, Be as provideWiConfig, Ke as resolveConfiguredAppendTo, Q as resolveOverlayTeleport, Fe as resolveSizeClass, we as themeNames, Vp as toast, He as useComponentDefaults, Ge as useConfiguredGapSize, Ue as useConfiguredSize, We as useConfiguredVariant, Ep as useContextMenu, pe as useDensity, Pp as useMessage, Dn as useModalOverlay, ye as useMotion, Se as useTheme, Hp as useToast, X as useWiConfig, Z as useWiLocale, Tp as wiComponentNames, wp as wiComponents, se as zhCN };