@well-insight/ui 0.1.3 → 0.1.5

package/dist/index.js

@@ -188,7 +188,7 @@ var oe = "well-insight-motion", se = [
 	"none"
 ];
 function ce(e, t = document.documentElement) {
-	t.dataset.wdMotion = e;
+	t.dataset.wiMotion = e;
 }
 function le() {
 	return typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? "reduced" : "full";
@@ -222,7 +222,7 @@ var fe = "well-insight-density", pe = [
 	"spacious"
 ];
 function me(e, t = document.documentElement) {
-	t.dataset.wdDensity = e;
+	t.dataset.wiDensity = e;
 }
 function he() {
 	let e = k(ge());
@@ -272,7 +272,7 @@ function Se(e, t) {
 }
 //#endregion
 //#region src/shared/config.ts
-var Ce = Symbol("wdConfig"), we = {
+var Ce = Symbol("wiConfig"), we = {
 	appendTo: "body",
 	zIndex: 1e3,
 	density: "comfortable",
@@ -310,7 +310,7 @@ function De(e, t) {
 }
 function Oe(e = {}) {
 	return { install(t) {
-		t.provide(Ce, e), t.config.globalProperties.$wd = e, xe(t._context), typeof document < "u" && (e.density && me(e.density), e.zIndex != null && document.documentElement.style.setProperty("--wd-z-base", String(e.zIndex)));
+		t.provide(Ce, e), t.config.globalProperties.$wd = e, xe(t._context), typeof document < "u" && (e.density && me(e.density), e.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(e.zIndex)));
 	} };
 }
 //#endregion
@@ -732,9 +732,9 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 		let n = e, r = B(), i = o(() => ke(n.size)), a = o(() => {
 			if (!(!n.name || !Ne(n.name))) return Pe(n.name);
 		}), s = o(() => !!r.default), u = o(() => s.value || !!a.value), d = o(() => [
-			"wd-icon",
-			`wd-icon--${i.value}`,
-			{ "wd-icon--spin": a.value?.spin }
+			"wi-icon",
+			`wi-icon--${i.value}`,
+			{ "wi-icon--spin": a.value?.spin }
 		]);
 		return (n, r) => u.value ? (E(), l("span", {
 			key: 0,
@@ -777,7 +777,7 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 	"aria-label"
 ], Ue = {
 	key: 1,
-	class: "wd-button__label"
+	class: "wi-button__label"
 }, We = /* @__PURE__ */ p({
 	__name: "Button",
 	props: {
@@ -843,22 +843,22 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 	emits: ["click"],
 	setup(n, { expose: i, emit: a }) {
 		let f = n, p = a, m = Y(), h = B(), g = k(null), _ = o(() => !!h.default?.().some((e) => I(e))), v = o(() => _.value || !!f.label?.trim()), b = o(() => f.outlined || f.variant === "outlined"), x = o(() => f.text || f.variant === "text"), S = o(() => f.link || f.variant === "link"), C = o(() => f.fluid || f.block), w = o(() => ke(f.size ?? m.value.size)), T = o(() => f.iconOnly || !v.value && !!(f.icon || h.icon || f.loading)), D = o(() => f.severity ?? "primary"), O = o(() => typeof f.icon == "string" ? f.icon : void 0), A = o(() => typeof f.icon == "string" || !f.icon ? void 0 : f.icon), j = o(() => [
-			"wd-button",
-			`wd-button--${D.value}`,
-			`wd-button--${w.value}`,
-			`wd-button--icon-${f.iconPos}`,
+			"wi-button",
+			`wi-button--${D.value}`,
+			`wi-button--${w.value}`,
+			`wi-button--icon-${f.iconPos}`,
 			{
-				"wd-button--raised": f.raised,
-				"wd-button--rounded": f.rounded,
-				"wd-button--text": x.value,
-				"wd-button--outlined": b.value,
-				"wd-button--link": S.value,
-				"wd-button--plain": f.plain,
-				"wd-button--fluid": C.value,
-				"wd-button--loading": f.loading,
-				"wd-button--icon-only": T.value
+				"wi-button--raised": f.raised,
+				"wi-button--rounded": f.rounded,
+				"wi-button--text": x.value,
+				"wi-button--outlined": b.value,
+				"wi-button--link": S.value,
+				"wi-button--plain": f.plain,
+				"wi-button--fluid": C.value,
+				"wi-button--loading": f.loading,
+				"wi-button--icon-only": T.value
 			}
-		]), F = o(() => ["wd-button__badge", f.badgeSeverity ? `wd-button__badge--${f.badgeSeverity}` : "wd-button__badge--contrast"]);
+		]), F = o(() => ["wi-button__badge", f.badgeSeverity ? `wi-button__badge--${f.badgeSeverity}` : "wi-button__badge--contrast"]);
 		function I(n) {
 			if (n == null || typeof n == "boolean") return !1;
 			if (typeof n == "string" || typeof n == "number") return String(n).trim().length > 0;
@@ -891,9 +891,9 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 		}, [
 			n.loading || n.icon || e.$slots.icon ? (E(), l("span", {
 				key: 0,
-				class: y(["wd-button__icon", { "wd-button__icon--loading": n.loading }]),
+				class: y(["wi-button__icon", { "wi-button__icon--loading": n.loading }]),
 				"aria-hidden": "true"
-			}, [n.loading ? M(e.$slots, "loadingicon", {}, () => [t[0] ||= u("span", { class: "wd-button__spinner" }, null, -1)], void 0, 0) : M(e.$slots, "icon", { class: y("wd-button__icon-slot") }, () => [O.value ? (E(), s(X, {
+			}, [n.loading ? M(e.$slots, "loadingicon", {}, () => [t[0] ||= u("span", { class: "wi-button__spinner" }, null, -1)], void 0, 0) : M(e.$slots, "icon", { class: y("wi-button__icon-slot") }, () => [O.value ? (E(), s(X, {
 				key: 0,
 				name: O.value,
 				size: "sm"
@@ -907,16 +907,16 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 	}
 }), Ge = ["aria-label"], Ke = {
 	key: 0,
-	class: "wd-card__header"
+	class: "wi-card__header"
 }, qe = {
 	key: 0,
-	class: "wd-card__title"
+	class: "wi-card__title"
 }, Je = {
 	key: 1,
-	class: "wd-card__subtitle"
-}, Ye = { class: "wd-card__body" }, Xe = {
+	class: "wi-card__subtitle"
+}, Ye = { class: "wi-card__body" }, Xe = {
 	key: 1,
-	class: "wd-card__footer"
+	class: "wi-card__footer"
 }, Ze = /* @__PURE__ */ p({
 	__name: "Card",
 	props: {
@@ -926,7 +926,7 @@ var Fe = ["aria-label", "aria-hidden"], Ie = {
 	},
 	setup(e) {
 		return (t, n) => (E(), l("section", {
-			class: "wd-card",
+			class: "wi-card",
 			"aria-label": e.ariaLabel ?? e.title
 		}, [
 			t.$slots.header || e.title || e.subtitle ? (E(), l("div", Ke, [M(t.$slots, "header", {}, () => [e.title ? (E(), l("h2", qe, P(e.title), 1)) : c("", !0), e.subtitle ? (E(), l("p", Je, P(e.subtitle), 1)) : c("", !0)])])) : c("", !0),
@@ -1152,13 +1152,13 @@ function ct(e) {
 //#region src/components/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
 var lt = ["aria-modal", "aria-label"], ut = {
 	key: 0,
-	class: "wd-dialog__header"
+	class: "wi-dialog__header"
 }, dt = { key: 0 }, ft = {
 	key: 0,
-	class: "wd-dialog__actions"
-}, pt = ["aria-label"], mt = ["aria-label"], ht = { class: "wd-dialog__body" }, gt = {
+	class: "wi-dialog__actions"
+}, pt = ["aria-label"], mt = ["aria-label"], ht = { class: "wi-dialog__body" }, gt = {
 	key: 1,
-	class: "wd-dialog__footer"
+	class: "wi-dialog__footer"
 }, _t = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
@@ -1209,8 +1209,8 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	setup(e, { emit: t }) {
 		let r = e, a = t, d = Y(), p = Z(), m = k(null), h = k(!1), g = k(at()), _ = o(() => r.header ?? r.title), v = o(() => Q(r, d.value.appendTo)), x = o(() => ({
 			zIndex: String(d.value.zIndex ?? 1e3),
-			"--wd-dialog-origin-x": `${g.value.x}px`,
-			"--wd-dialog-origin-y": `${g.value.y}px`
+			"--wi-dialog-origin-x": `${g.value.x}px`,
+			"--wi-dialog-origin-y": `${g.value.y}px`
 		})), S = o(() => r.dismissableMask === void 0 ? r.closeOnOutsideClick === void 0 || r.closeOnOutsideClick : r.dismissableMask);
 		function C() {
 			h.value = !1, a("update:modelValue", !1), a("close");
@@ -1236,21 +1236,21 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}), (t, r) => (E(), s(n, {
 			to: v.value.to,
 			disabled: v.value.disabled
-		}, [f(i, { name: "wd-dialog" }, {
+		}, [f(i, { name: "wi-dialog" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
-				class: y(["wd-dialog-backdrop", [`wd-dialog-backdrop--${e.position}`, {
-					"wd-dialog-backdrop--modal": e.modal,
-					"wd-dialog-backdrop--maximized": h.value
+				class: y(["wi-dialog-backdrop", [`wi-dialog-backdrop--${e.position}`, {
+					"wi-dialog-backdrop--modal": e.modal,
+					"wi-dialog-backdrop--maximized": h.value
 				}]]),
 				style: b(x.value)
 			}, [u("div", {
-				class: "wd-dialog-zoom",
+				class: "wi-dialog-zoom",
 				onClick: K(T, ["self"])
 			}, [u("section", {
 				ref_key: "dialogElement",
 				ref: m,
-				class: y(["wd-dialog", { "wd-dialog--maximized": h.value }]),
+				class: y(["wi-dialog", { "wi-dialog--maximized": h.value }]),
 				style: b(e.width && !h.value ? { width: e.width } : void 0),
 				role: "dialog",
 				"aria-modal": e.modal || void 0,
@@ -1260,13 +1260,13 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				t.$slots.header || _.value || e.closable || e.maximizable ? (E(), l("header", ut, [M(t.$slots, "header", {}, () => [_.value ? (E(), l("h2", dt, P(_.value), 1)) : c("", !0)]), e.maximizable || e.closable ? (E(), l("div", ft, [e.maximizable ? (E(), l("button", {
 					key: 0,
 					type: "button",
-					class: "wd-dialog__action",
+					class: "wi-dialog__action",
 					"aria-label": h.value ? L(p).restore : L(p).maximize,
 					onClick: w
 				}, P(h.value ? "❐" : "▢"), 9, pt)) : c("", !0), e.closable ? (E(), l("button", {
 					key: 1,
 					type: "button",
-					class: "wd-dialog__action",
+					class: "wi-dialog__action",
 					"aria-label": L(p).close,
 					onClick: C
 				}, " × ", 8, mt)) : c("", !0)])) : c("", !0)])) : c("", !0),
@@ -1359,11 +1359,11 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}), (r, a) => (E(), l("div", {
 			ref_key: "root",
 			ref: g,
-			class: "wd-dropdown"
+			class: "wi-dropdown"
 		}, [u("span", {
 			ref_key: "trigger",
 			ref: _,
-			class: "wd-dropdown__trigger",
+			class: "wi-dropdown__trigger",
 			role: "button",
 			tabindex: "0",
 			"aria-expanded": e.modelValue,
@@ -1373,12 +1373,12 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}, [M(r.$slots, "trigger", {}, () => [d(P(L(h).openMenu), 1)])], 40, vt), (E(), s(n, {
 			to: D.value.to,
 			disabled: D.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
 				ref_key: "menu",
 				ref: x,
-				class: y(["wd-dropdown__menu", [`wd-dropdown__menu--${e.placement}`, { "wd-dropdown__menu--teleported": O.value }]]),
+				class: y(["wi-dropdown__menu", [`wi-dropdown__menu--${e.placement}`, { "wi-dropdown__menu--teleported": O.value }]]),
 				style: b(O.value ? C.value : void 0),
 				role: "menu",
 				tabindex: "-1",
@@ -1386,7 +1386,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			}, [(E(!0), l(t, null, j(e.items, (e) => (E(), l("button", {
 				key: e.value,
 				type: "button",
-				class: y(["wd-dropdown__item", { "wd-dropdown__item--highlighted": T.value[w.value]?.value === e.value }]),
+				class: y(["wi-dropdown__item", { "wi-dropdown__item--highlighted": T.value[w.value]?.value === e.value }]),
 				role: "menuitem",
 				disabled: e.disabled,
 				onMouseenter: (t) => !e.disabled && (w.value = T.value.findIndex((t) => t.value === e.value)),
@@ -1397,7 +1397,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	}
 }), xt = ["for"], St = {
 	key: 0,
-	class: "wd-input__prefix"
+	class: "wi-input__prefix"
 }, Ct = [
 	"id",
 	"type",
@@ -1409,10 +1409,10 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"aria-describedby"
 ], wt = {
 	key: 1,
-	class: "wd-input__suffix"
+	class: "wi-input__suffix"
 }, Tt = ["aria-label", "disabled"], Et = {
 	key: 1,
-	class: "wd-input-field__meta"
+	class: "wi-input-field__meta"
 }, Dt = ["id", "role"], Ot = ["id"], kt = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Input",
@@ -1457,19 +1457,19 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	emits: ["update:modelValue", "clear"],
 	setup(e, { expose: t, emit: n }) {
-		let r = R(), i = B(), a = e, s = n, d = Y(), f = Z(), p = k(null), m = o(() => a.id ?? `wd-input-${Math.random().toString(36).slice(2, 8)}`), h = o(() => a.invalid || a.error || !!a.errorMessage), g = o(() => ke(a.size ?? d.value.size)), v = o(() => a.variant ?? d.value.inputVariant ?? "outlined"), b = o(() => a.modelValue.length), x = o(() => a.maxlength == null ? String(b.value) : `${b.value} / ${a.maxlength}`), S = o(() => a.errorMessage || a.helpText), C = o(() => !!a.errorMessage || h.value && !!a.helpText), w = o(() => !!i.prefix), T = o(() => !!i.suffix || a.clearable && !!a.modelValue), D = o(() => {
+		let r = R(), i = B(), a = e, s = n, d = Y(), f = Z(), p = k(null), m = o(() => a.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), h = o(() => a.invalid || a.error || !!a.errorMessage), g = o(() => ke(a.size ?? d.value.size)), v = o(() => a.variant ?? d.value.inputVariant ?? "outlined"), b = o(() => a.modelValue.length), x = o(() => a.maxlength == null ? String(b.value) : `${b.value} / ${a.maxlength}`), S = o(() => a.errorMessage || a.helpText), C = o(() => !!a.errorMessage || h.value && !!a.helpText), w = o(() => !!i.prefix), T = o(() => !!i.suffix || a.clearable && !!a.modelValue), D = o(() => {
 			let e = [];
 			return S.value && e.push(`${m.value}-help`), a.showCount && e.push(`${m.value}-count`), e.length ? e.join(" ") : void 0;
 		}), O = o(() => [
-			"wd-input",
-			`wd-input--${g.value}`,
+			"wi-input",
+			`wi-input--${g.value}`,
 			{
-				"wd-input--filled": v.value === "filled",
-				"wd-input--fluid": a.fluid,
-				"wd-input--invalid": h.value,
-				"wd-input--error": h.value,
-				"wd-input--has-prefix": w.value,
-				"wd-input--has-suffix": T.value
+				"wi-input--filled": v.value === "filled",
+				"wi-input--fluid": a.fluid,
+				"wi-input--invalid": h.value,
+				"wi-input--error": h.value,
+				"wi-input--has-prefix": w.value,
+				"wi-input--has-suffix": T.value
 			}
 		]);
 		function A(e) {
@@ -1481,17 +1481,17 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		function N() {
 			p.value?.focus();
 		}
-		return t({ focus: N }), (t, n) => (E(), l("div", { class: y(["wd-input-field", { "wd-input-field--fluid": e.fluid }]) }, [
+		return t({ focus: N }), (t, n) => (E(), l("div", { class: y(["wi-input-field", { "wi-input-field--fluid": e.fluid }]) }, [
 			e.label ? (E(), l("label", {
 				key: 0,
-				class: "wd-input-field__label",
+				class: "wi-input-field__label",
 				for: m.value
 			}, P(e.label), 9, xt)) : c("", !0),
-			u("div", { class: y(["wd-input-field__control", {
-				"wd-input-field__control--clearable": e.clearable && e.modelValue,
-				"wd-input-field__control--counted": e.showCount,
-				"wd-input-field__control--prefixed": w.value,
-				"wd-input-field__control--suffixed": t.$slots.suffix || e.clearable && e.modelValue
+			u("div", { class: y(["wi-input-field__control", {
+				"wi-input-field__control--clearable": e.clearable && e.modelValue,
+				"wi-input-field__control--counted": e.showCount,
+				"wi-input-field__control--prefixed": w.value,
+				"wi-input-field__control--suffixed": t.$slots.suffix || e.clearable && e.modelValue
 			}]) }, [
 				t.$slots.prefix ? (E(), l("span", St, [M(t.$slots, "prefix")])) : c("", !0),
 				u("input", _({
@@ -1512,7 +1512,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				t.$slots.suffix ? (E(), l("span", wt, [M(t.$slots, "suffix")])) : c("", !0),
 				e.clearable && e.modelValue ? (E(), l("button", {
 					key: 2,
-					class: "wd-input__clear",
+					class: "wi-input__clear",
 					type: "button",
 					"aria-label": L(f).clearInput,
 					disabled: e.disabled || e.readonly,
@@ -1522,12 +1522,12 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			S.value || e.showCount ? (E(), l("div", Et, [S.value ? (E(), l("span", {
 				key: 0,
 				id: `${m.value}-help`,
-				class: y(["wd-input-field__help", { "wd-input-field__help--error": C.value }]),
+				class: y(["wi-input-field__help", { "wi-input-field__help--error": C.value }]),
 				role: C.value ? "alert" : void 0
 			}, P(S.value), 11, Dt)) : c("", !0), e.showCount ? (E(), l("span", {
 				key: 1,
 				id: `${m.value}-count`,
-				class: "wd-input-field__count",
+				class: "wi-input-field__count",
 				"aria-live": "polite"
 			}, P(x.value), 9, Ot)) : c("", !0)])) : c("", !0)
 		], 2));
@@ -1542,7 +1542,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"aria-invalid"
 ], Mt = {
 	key: 0,
-	class: "wd-checkbox__label"
+	class: "wi-checkbox__label"
 }, Nt = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Checkbox",
@@ -1570,20 +1570,20 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = o(() => r.id ?? `wd-checkbox-${Math.random().toString(36).slice(2, 8)}`);
+		let n = R(), r = e, i = t, a = o(() => r.id ?? `wi-checkbox-${Math.random().toString(36).slice(2, 8)}`);
 		function s(e) {
 			r.disabled || i("update:modelValue", e.target.checked);
 		}
 		return (t, r) => (E(), l("label", {
-			class: y(["wd-checkbox", {
-				"wd-checkbox--disabled": e.disabled,
-				"wd-checkbox--invalid": e.invalid
+			class: y(["wi-checkbox", {
+				"wi-checkbox--disabled": e.disabled,
+				"wi-checkbox--invalid": e.invalid
 			}]),
 			for: a.value
 		}, [
 			u("input", _(L(n), {
 				id: a.value,
-				class: "wd-checkbox__input",
+				class: "wi-checkbox__input",
 				type: "checkbox",
 				name: e.name,
 				value: e.value,
@@ -1594,7 +1594,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				onChange: s
 			}), null, 16, jt),
 			r[0] ||= u("span", {
-				class: "wd-checkbox__control",
+				class: "wi-checkbox__control",
 				"aria-hidden": "true"
 			}, [u("svg", {
 				viewBox: "0 0 16 16",
@@ -1613,7 +1613,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"aria-invalid"
 ], It = {
 	key: 0,
-	class: "wd-radio__label"
+	class: "wi-radio__label"
 }, Lt = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Radio",
@@ -1646,20 +1646,20 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = o(() => r.id ?? `wd-radio-${Math.random().toString(36).slice(2, 8)}`), s = o(() => r.modelValue === r.value);
+		let n = R(), r = e, i = t, a = o(() => r.id ?? `wi-radio-${Math.random().toString(36).slice(2, 8)}`), s = o(() => r.modelValue === r.value);
 		function f(e) {
 			!r.disabled && e.target.checked && i("update:modelValue", r.value);
 		}
 		return (t, r) => (E(), l("label", {
-			class: y(["wd-radio", {
-				"wd-radio--disabled": e.disabled,
-				"wd-radio--invalid": e.invalid
+			class: y(["wi-radio", {
+				"wi-radio--disabled": e.disabled,
+				"wi-radio--invalid": e.invalid
 			}]),
 			for: a.value
 		}, [
 			u("input", _(L(n), {
 				id: a.value,
-				class: "wd-radio__input",
+				class: "wi-radio__input",
 				type: "radio",
 				name: e.name,
 				value: String(e.value),
@@ -1670,7 +1670,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				onChange: f
 			}), null, 16, Ft),
 			r[0] ||= u("span", {
-				class: "wd-radio__control",
+				class: "wi-radio__control",
 				"aria-hidden": "true"
 			}, null, -1),
 			e.label || t.$slots.default ? (E(), l("span", It, [M(t.$slots, "default", {}, () => [d(P(e.label), 1)])])) : c("", !0)
@@ -1687,7 +1687,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"aria-checked"
 ], Bt = {
 	key: 0,
-	class: "wd-switch__label"
+	class: "wi-switch__label"
 }, Vt = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Switch",
@@ -1716,20 +1716,20 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = o(() => r.inputId ?? r.id ?? `wd-switch-${Math.random().toString(36).slice(2, 8)}`);
+		let n = R(), r = e, i = t, a = o(() => r.inputId ?? r.id ?? `wi-switch-${Math.random().toString(36).slice(2, 8)}`);
 		function s(e) {
 			r.disabled || i("update:modelValue", e.target.checked);
 		}
 		return (t, r) => (E(), l("label", {
-			class: y(["wd-switch", {
-				"wd-switch--disabled": e.disabled,
-				"wd-switch--invalid": e.invalid
+			class: y(["wi-switch", {
+				"wi-switch--disabled": e.disabled,
+				"wi-switch--invalid": e.invalid
 			}]),
 			for: a.value
 		}, [
 			u("input", _(L(n), {
 				id: a.value,
-				class: "wd-switch__input",
+				class: "wi-switch__input",
 				type: "checkbox",
 				role: "switch",
 				name: e.name,
@@ -1742,9 +1742,9 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				onChange: s
 			}), null, 16, zt),
 			r[0] ||= u("span", {
-				class: "wd-switch__track",
+				class: "wi-switch__track",
 				"aria-hidden": "true"
-			}, [u("span", { class: "wd-switch__thumb" })], -1),
+			}, [u("span", { class: "wi-switch__thumb" })], -1),
 			e.label || t.$slots.default ? (E(), l("span", Bt, [M(t.$slots, "default", {}, () => [d(P(e.label), 1)])])) : c("", !0)
 		], 10, Rt));
 	}
@@ -1796,15 +1796,15 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = Y(), s = k(null), d = o(() => r.id ?? `wd-textarea-${Math.random().toString(36).slice(2, 8)}`), f = o(() => r.invalid || r.error || !!r.errorMessage), p = o(() => ke(r.size ?? a.value.size)), m = o(() => r.variant ?? a.value.inputVariant ?? "outlined"), h = o(() => r.autoResize ? "none" : r.resize), g = o(() => r.errorMessage || r.helpText), b = o(() => !!r.errorMessage || f.value && !!r.helpText), x = o(() => [
-			"wd-textarea",
-			`wd-textarea--${p.value}`,
+		let n = R(), r = e, i = t, a = Y(), s = k(null), d = o(() => r.id ?? `wi-textarea-${Math.random().toString(36).slice(2, 8)}`), f = o(() => r.invalid || r.error || !!r.errorMessage), p = o(() => ke(r.size ?? a.value.size)), m = o(() => r.variant ?? a.value.inputVariant ?? "outlined"), h = o(() => r.autoResize ? "none" : r.resize), g = o(() => r.errorMessage || r.helpText), b = o(() => !!r.errorMessage || f.value && !!r.helpText), x = o(() => [
+			"wi-textarea",
+			`wi-textarea--${p.value}`,
 			{
-				"wd-textarea--filled": m.value === "filled",
-				"wd-textarea--fluid": r.fluid,
-				"wd-textarea--invalid": f.value,
-				"wd-textarea--error": f.value,
-				"wd-textarea--auto-resize": r.autoResize
+				"wi-textarea--filled": m.value === "filled",
+				"wi-textarea--fluid": r.fluid,
+				"wi-textarea--invalid": f.value,
+				"wi-textarea--error": f.value,
+				"wi-textarea--auto-resize": r.autoResize
 			}
 		]);
 		function S() {
@@ -1816,10 +1816,10 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}
 		return U(() => r.modelValue, async () => {
 			r.autoResize && (await v(), S());
-		}), (t, r) => (E(), l("div", { class: y(["wd-textarea-field", { "wd-textarea-field--fluid": e.fluid }]) }, [
+		}), (t, r) => (E(), l("div", { class: y(["wi-textarea-field", { "wi-textarea-field--fluid": e.fluid }]) }, [
 			e.label ? (E(), l("label", {
 				key: 0,
-				class: "wd-textarea-field__label",
+				class: "wi-textarea-field__label",
 				for: d.value
 			}, P(e.label), 9, Ht)) : c("", !0),
 			u("textarea", _({
@@ -1840,7 +1840,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			g.value ? (E(), l("span", {
 				key: 1,
 				id: `${d.value}-help`,
-				class: y(["wd-textarea-field__help", { "wd-textarea-field__help--error": b.value }]),
+				class: y(["wi-textarea-field__help", { "wi-textarea-field__help--error": b.value }]),
 				role: b.value ? "alert" : void 0
 			}, P(g.value), 11, Wt)) : c("", !0)
 		], 2));
@@ -1852,18 +1852,18 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"aria-invalid",
 	"aria-describedby",
 	"disabled"
-], Jt = { class: "wd-select__value" }, Yt = ["aria-label"], Xt = ["id", "aria-label"], Zt = ["placeholder", "aria-label"], Qt = [
+], Jt = { class: "wi-select__value" }, Yt = ["aria-label"], Xt = ["id", "aria-label"], Zt = ["placeholder", "aria-label"], Qt = [
 	"aria-selected",
 	"disabled",
 	"onMouseenter",
 	"onClick"
 ], $t = {
 	key: 0,
-	class: "wd-select__check",
+	class: "wi-select__check",
 	"aria-hidden": "true"
 }, en = {
 	key: 1,
-	class: "wd-select__empty",
+	class: "wi-select__empty",
 	role: "status"
 }, tn = ["required", "value"], nn = ["id", "role"], rn = /* @__PURE__ */ p({
 	__name: "Select",
@@ -1920,7 +1920,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		"hide"
 	],
 	setup(e, { emit: r }) {
-		let a = e, d = r, p = Y(), m = Z(), h = k(null), g = k(null), _ = k(null), x = k(null), C = k(!1), w = k(""), T = k(-1), D = k({}), O = o(() => a.id ?? `wd-select-${Math.random().toString(36).slice(2, 8)}`), A = o(() => a.emptyMessage ?? m.value.emptyOptions), M = o(() => {
+		let a = e, d = r, p = Y(), m = Z(), h = k(null), g = k(null), _ = k(null), x = k(null), C = k(!1), w = k(""), T = k(-1), D = k({}), O = o(() => a.id ?? `wi-select-${Math.random().toString(36).slice(2, 8)}`), A = o(() => a.emptyMessage ?? m.value.emptyOptions), M = o(() => {
 			let e = w.value.trim().toLowerCase();
 			return e ? a.options.filter((t) => t.label.toLowerCase().includes(e)) : a.options;
 		}), N = o(() => M.value.filter((e) => !e.disabled)), F = o(() => a.options.find((e) => e.value === a.modelValue)), I = o(() => F.value?.label ?? a.placeholder ?? m.value.selectPlaceholder), R = o(() => a.error || a.invalid || !!a.errorMessage), z = o(() => ke(a.size ?? p.value.size)), B = o(() => Q(a, p.value.appendTo)), H = o(() => $(a, p.value.appendTo)), ee = o(() => a.showClear && F.value != null && !a.disabled), G = o(() => a.errorMessage || a.helpText), ne = o(() => !!a.errorMessage || R.value && !!a.helpText);
@@ -1980,22 +1980,22 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}), (r, a) => (E(), l("div", {
 			ref_key: "root",
 			ref: h,
-			class: y(["wd-select-field", { "wd-select-field--fluid": e.fluid }])
+			class: y(["wi-select-field", { "wi-select-field--fluid": e.fluid }])
 		}, [
 			e.label ? (E(), l("label", {
 				key: 0,
-				class: "wd-select-field__label",
+				class: "wi-select-field__label",
 				for: O.value
 			}, P(e.label), 9, Kt)) : c("", !0),
-			u("div", { class: y(["wd-select__control", { "wd-select__control--clearable": ee.value }]) }, [u("button", {
+			u("div", { class: y(["wi-select__control", { "wi-select__control--clearable": ee.value }]) }, [u("button", {
 				id: O.value,
 				ref_key: "trigger",
 				ref: g,
-				class: y(["wd-select", [`wd-select--${z.value}`, {
-					"wd-select--error": R.value,
-					"wd-select--open": C.value,
-					"wd-select--placeholder": !F.value,
-					"wd-select--fluid": e.fluid
+				class: y(["wi-select", [`wi-select--${z.value}`, {
+					"wi-select--error": R.value,
+					"wi-select--open": C.value,
+					"wi-select--placeholder": !F.value,
+					"wi-select--fluid": e.fluid
 				}]]),
 				type: "button",
 				role: "combobox",
@@ -2008,11 +2008,11 @@ var lt = ["aria-modal", "aria-label"], ut = {
 				onClick: a[0] ||= (e) => re(!C.value),
 				onKeydown: ae
 			}, [u("span", Jt, P(I.value), 1), a[3] ||= u("span", {
-				class: "wd-select__indicator",
+				class: "wi-select__indicator",
 				"aria-hidden": "true"
 			}, null, -1)], 42, qt), ee.value ? (E(), l("button", {
 				key: 0,
-				class: "wd-select__clear",
+				class: "wi-select__clear",
 				type: "button",
 				"aria-label": L(m).clear,
 				onClick: J
@@ -2020,13 +2020,13 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			(E(), s(n, {
 				to: B.value.to,
 				disabled: B.value.disabled
-			}, [f(i, { name: "wd-scale-fade" }, {
+			}, [f(i, { name: "wi-scale-fade" }, {
 				default: W(() => [C.value ? (E(), l("div", {
 					key: 0,
 					id: `${O.value}-listbox`,
 					ref_key: "menu",
 					ref: _,
-					class: y(["wd-select__menu", [`wd-select__menu--${e.placement}`, { "wd-select__menu--teleported": H.value }]]),
+					class: y(["wi-select__menu", [`wi-select__menu--${e.placement}`, { "wi-select__menu--teleported": H.value }]]),
 					style: b(H.value ? D.value : void 0),
 					role: "listbox",
 					tabindex: "-1",
@@ -2038,7 +2038,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 						ref_key: "filterInput",
 						ref: x,
 						"onUpdate:modelValue": a[1] ||= (e) => w.value = e,
-						class: "wd-select__filter",
+						class: "wi-select__filter",
 						type: "search",
 						placeholder: L(m).searchPlaceholder,
 						"aria-label": L(m).filterOptions,
@@ -2047,9 +2047,9 @@ var lt = ["aria-modal", "aria-label"], ut = {
 					}, null, 40, Zt)), [[V, w.value]]) : c("", !0),
 					(E(!0), l(t, null, j(M.value, (t) => (E(), l("button", {
 						key: String(t.value),
-						class: y(["wd-select__option", {
-							"wd-select__option--selected": t.value === e.modelValue,
-							"wd-select__option--highlighted": N.value[T.value]?.value === t.value
+						class: y(["wi-select__option", {
+							"wi-select__option--selected": t.value === e.modelValue,
+							"wi-select__option--highlighted": N.value[T.value]?.value === t.value
 						}]),
 						type: "button",
 						role: "option",
@@ -2064,7 +2064,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			})], 8, ["to", "disabled"])),
 			e.required ? (E(), l("input", {
 				key: 1,
-				class: "wd-select__required-input",
+				class: "wi-select__required-input",
 				tabindex: "-1",
 				"aria-hidden": "true",
 				required: !F.value,
@@ -2073,13 +2073,13 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			G.value ? (E(), l("span", {
 				key: 2,
 				id: `${O.value}-help`,
-				class: y(["wd-select-field__help", { "wd-select-field__help--error": ne.value }]),
+				class: y(["wi-select-field__help", { "wi-select-field__help--error": ne.value }]),
 				role: ne.value ? "alert" : void 0
 			}, P(G.value), 11, nn)) : c("", !0)
 		], 2));
 	}
-}), an = { class: "wd-tabs" }, on = {
-	class: "wd-tabs__list",
+}), an = { class: "wi-tabs" }, on = {
+	class: "wi-tabs__list",
 	role: "tablist",
 	"aria-label": "Tabs"
 }, sn = [
@@ -2089,7 +2089,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	"onClick",
 	"onKeydown"
 ], cn = {
-	class: "wd-tabs__panel",
+	class: "wi-tabs__panel",
 	role: "tabpanel"
 }, ln = /* @__PURE__ */ p({
 	__name: "Tabs",
@@ -2112,12 +2112,12 @@ var lt = ["aria-modal", "aria-label"], ut = {
 			].includes(e.key)) return;
 			e.preventDefault();
 			let n = r.tabs.filter((e) => !e.disabled), i = n.findIndex((e) => e.value === r.tabs[t]?.value), a = n[e.key === "Home" ? 0 : e.key === "End" ? n.length - 1 : (i + (e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length];
-			a && (s(a.value), requestAnimationFrame(() => document.getElementById(`wd-tab-${a.value}`)?.focus({ preventScroll: !0 })));
+			a && (s(a.value), requestAnimationFrame(() => document.getElementById(`wi-tab-${a.value}`)?.focus({ preventScroll: !0 })));
 		}
 		return (n, r) => (E(), l("div", an, [u("div", on, [(E(!0), l(t, null, j(e.tabs, (e, t) => (E(), l("button", {
-			id: `wd-tab-${e.value}`,
+			id: `wi-tab-${e.value}`,
 			key: e.value,
-			class: y(["wd-tabs__tab", { "wd-tabs__tab--active": a.value === e.value }]),
+			class: y(["wi-tabs__tab", { "wi-tabs__tab--active": a.value === e.value }]),
 			type: "button",
 			role: "tab",
 			"aria-selected": a.value === e.value,
@@ -2128,10 +2128,10 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	}
 }), un = ["role", "aria-orientation"], dn = {
 	key: 0,
-	class: "wd-divider__label"
+	class: "wi-divider__label"
 }, fn = {
 	key: 1,
-	class: "wd-divider__line"
+	class: "wi-divider__line"
 }, pn = /* @__PURE__ */ p({
 	__name: "Divider",
 	props: {
@@ -2143,17 +2143,17 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	setup(e) {
 		let t = e, n = B(), r = o(() => t.layout ?? t.orientation ?? "horizontal"), i = o(() => !!(t.label || n.default)), a = o(() => [
-			"wd-divider",
-			`wd-divider--${r.value}`,
-			`wd-divider--${t.type}`,
-			{ [`wd-divider--align-${t.align}`]: i.value && r.value === "horizontal" && t.align !== "center" }
+			"wi-divider",
+			`wi-divider--${r.value}`,
+			`wi-divider--${t.type}`,
+			{ [`wi-divider--align-${t.align}`]: i.value && r.value === "horizontal" && t.align !== "center" }
 		]);
 		return (t, n) => (E(), l("div", {
 			class: y(a.value),
 			role: i.value ? "separator" : void 0,
 			"aria-orientation": r.value
 		}, [
-			n[0] ||= u("span", { class: "wd-divider__line" }, null, -1),
+			n[0] ||= u("span", { class: "wi-divider__line" }, null, -1),
 			i.value ? (E(), l("span", dn, [M(t.$slots, "default", {}, () => [d(P(e.label), 1)])])) : c("", !0),
 			i.value ? (E(), l("span", fn)) : c("", !0)
 		], 10, un));
@@ -2171,9 +2171,9 @@ var lt = ["aria-modal", "aria-label"], ut = {
 	},
 	setup(e) {
 		let t = e, n = o(() => Ae(t.severity) ?? "primary");
-		return (t, r) => (E(), l("span", { class: y(["wd-tag", [`wd-tag--${n.value}`, { "wd-tag--rounded": e.rounded }]]) }, [e.icon ? (E(), s(X, {
+		return (t, r) => (E(), l("span", { class: y(["wi-tag", [`wi-tag--${n.value}`, { "wi-tag--rounded": e.rounded }]]) }, [e.icon ? (E(), s(X, {
 			key: 0,
-			class: "wd-tag__icon",
+			class: "wi-tag__icon",
 			name: e.icon,
 			size: "sm"
 		}, null, 8, ["name"])) : c("", !0), M(t.$slots, "default", {}, () => [d(P(e.value), 1)])], 2));
@@ -2247,7 +2247,7 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}), (t, r) => (E(), l("span", {
 			ref_key: "root",
 			ref: a,
-			class: "wd-tooltip",
+			class: "wi-tooltip",
 			onMouseenter: x,
 			onMouseleave: C,
 			onFocusin: x,
@@ -2255,10 +2255,10 @@ var lt = ["aria-modal", "aria-label"], ut = {
 		}, [M(t.$slots, "default"), (E(), s(n, {
 			to: p.value.to,
 			disabled: p.value.disabled
-		}, [f(i, { name: "wd-fade" }, {
+		}, [f(i, { name: "wi-fade" }, {
 			default: W(() => [u.value ? (E(), l("span", {
 				key: 0,
-				class: y(["wd-tooltip__content", [`wd-tooltip__content--${e.placement}`, { "wd-tooltip__content--teleported": m.value }]]),
+				class: y(["wi-tooltip__content", [`wi-tooltip__content--${e.placement}`, { "wi-tooltip__content--teleported": m.value }]]),
 				style: b(m.value ? d.value : void 0),
 				role: "tooltip"
 			}, P(e.content), 7)) : c("", !0)]),
@@ -2295,7 +2295,7 @@ function bn(e) {
 //#endregion
 //#region src/shared/Renderable.ts
 var xn = p({
-	name: "WdRenderable",
+	name: "WiRenderable",
 	props: { value: {
 		type: [
 			String,
@@ -2343,7 +2343,7 @@ function Mn() {
 }
 //#endregion
 //#region src/components/Toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var Nn = { class: "wd-toast__content" }, Pn = { key: 0 }, Fn = ["aria-label", "onClick"], In = /* @__PURE__ */ p({
+var Nn = { class: "wi-toast__content" }, Pn = { key: 0 }, Fn = ["aria-label", "onClick"], In = /* @__PURE__ */ p({
 	__name: "Toast",
 	props: {
 		messages: {},
@@ -2367,7 +2367,7 @@ var Nn = { class: "wd-toast__content" }, Pn = { key: 0 }, Fn = ["aria-label", "o
 			g.value && !i.auto && On();
 		});
 		function b(e) {
-			return `wd-toast__message--${Ae(e) ?? "info"}`;
+			return `wi-toast__message--${Ae(e) ?? "info"}`;
 		}
 		function x(e) {
 			return $e(m.value.closeNamed, { summary: vn(e.summary) || "toast" });
@@ -2379,18 +2379,18 @@ var Nn = { class: "wd-toast__content" }, Pn = { key: 0 }, Fn = ["aria-label", "o
 			to: h.value.to,
 			disabled: h.value.disabled
 		}, [u("div", {
-			class: y(["wd-toast", `wd-toast--${v.value}`]),
+			class: y(["wi-toast", `wi-toast--${v.value}`]),
 			"aria-live": "polite",
 			"aria-atomic": "true"
-		}, [f(a, { name: "wd-slide-fade" }, {
+		}, [f(a, { name: "wi-slide-fade" }, {
 			default: W(() => [(E(!0), l(t, null, j(_.value, (e) => (E(), l("article", {
 				key: e.id,
-				class: y(["wd-toast__message", b(e.severity)]),
+				class: y(["wi-toast__message", b(e.severity)]),
 				role: "status"
 			}, [u("div", Nn, [u("strong", null, [f(L(xn), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (E(), l("p", Pn, [f(L(xn), { value: e.detail }, null, 8, ["value"])])) : c("", !0)]), e.closable === !1 ? c("", !0) : (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-toast__close",
+				class: "wi-toast__close",
 				"aria-label": x(e),
 				onClick: (t) => w(e)
 			}, " × ", 8, Fn))], 2))), 128))]),
@@ -2398,18 +2398,18 @@ var Nn = { class: "wd-toast__content" }, Pn = { key: 0 }, Fn = ["aria-label", "o
 		})], 2)], 8, ["to", "disabled"]));
 	}
 }), Ln = 3e3, Rn = 0, zn = p({
-	name: "WdToastAutoHost",
+	name: "WiToastAutoHost",
 	setup() {
 		return () => m(In, { auto: !0 });
 	}
 });
 function Bn() {
-	typeof document > "u" || wn > 0 || Cn || En(Se(zn, "wd-toast-host-root"));
+	typeof document > "u" || wn > 0 || Cn || En(Se(zn, "wi-toast-host-root"));
 }
 function Vn(e, t) {
 	let n = bn(e) ? e : { summary: e };
 	return n.position && (Sn.position = n.position), {
-		id: n.id ?? `wd-toast-${Date.now()}-${++Rn}`,
+		id: n.id ?? `wi-toast-${Date.now()}-${++Rn}`,
 		summary: n.summary,
 		detail: n.detail,
 		severity: t ?? n.severity ?? "info",
@@ -2479,12 +2479,12 @@ var Gn = ["aria-label"], Kn = ["disabled", "aria-label"], qn = [
 			first: f,
 			pageCount: c
 		}), (n, r) => (E(), l("nav", {
-			class: "wd-pagination",
+			class: "wi-pagination",
 			"aria-label": L(s).pagination
 		}, [
 			u("button", {
 				type: "button",
-				class: "wd-pagination__button",
+				class: "wi-pagination__button",
 				disabled: e.disabled || d.value === 1,
 				"aria-label": L(s).prevPage,
 				onClick: r[0] ||= (e) => m(d.value - 1)
@@ -2492,7 +2492,7 @@ var Gn = ["aria-label"], Kn = ["disabled", "aria-label"], qn = [
 			(E(!0), l(t, null, j(p.value, (t) => (E(), l("button", {
 				key: t,
 				type: "button",
-				class: y(["wd-pagination__button", { "wd-pagination__button--active": t === d.value }]),
+				class: y(["wi-pagination__button", { "wi-pagination__button--active": t === d.value }]),
 				disabled: e.disabled,
 				"aria-label": h(t),
 				"aria-current": t === d.value ? "page" : void 0,
@@ -2500,7 +2500,7 @@ var Gn = ["aria-label"], Kn = ["disabled", "aria-label"], qn = [
 			}, P(t), 11, qn))), 128)),
 			u("button", {
 				type: "button",
-				class: "wd-pagination__button",
+				class: "wi-pagination__button",
 				disabled: e.disabled || d.value === c.value,
 				"aria-label": L(s).nextPage,
 				onClick: r[1] ||= (e) => m(d.value + 1)
@@ -2517,13 +2517,13 @@ var Gn = ["aria-label"], Kn = ["disabled", "aria-label"], qn = [
 	setup(e) {
 		let t = e, n = Z(), r = o(() => t.ariaLabel ?? n.value.loading), i = o(() => ({ animationDuration: t.animationDuration }));
 		return (t, n) => (E(), l("svg", {
-			class: "wd-progress-spinner",
+			class: "wi-progress-spinner",
 			viewBox: "0 0 50 50",
 			role: "status",
 			"aria-label": r.value,
 			style: b(i.value)
 		}, [u("circle", {
-			class: "wd-progress-spinner__circle",
+			class: "wi-progress-spinner__circle",
 			cx: "25",
 			cy: "25",
 			r: "20",
@@ -2610,12 +2610,12 @@ function tr(e) {
 }
 //#endregion
 //#region src/components/Table/Table.vue?vue&type=script&setup=true&lang.ts
-var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"], ar = {
-	class: "wd-table__sort-icon",
+var nr = ["aria-sort"], rr = { class: "wi-table__th-inner" }, ir = ["onClick"], ar = {
+	class: "wi-table__sort-icon",
 	"aria-hidden": "true"
 }, or = { key: 1 }, sr = {
 	key: 2,
-	class: "wd-table__filter"
+	class: "wi-table__filter"
 }, cr = [
 	"aria-expanded",
 	"aria-label",
@@ -2624,13 +2624,13 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 	"value",
 	"placeholder",
 	"onInput"
-], pr = ["onClick"], mr = { key: 0 }, hr = ["colspan"], gr = { class: "wd-table__empty-content" }, _r = { class: "wd-table__empty-title" }, vr = {
+], pr = ["onClick"], mr = { key: 0 }, hr = ["colspan"], gr = { class: "wi-table__empty-content" }, _r = { class: "wi-table__empty-title" }, vr = {
 	key: 0,
-	class: "wd-table__empty-desc"
+	class: "wi-table__empty-desc"
 }, yr = {
 	key: 0,
-	class: "wd-table__paginator"
-}, br = ["aria-label"], xr = { class: "wd-table__loading-text" }, Sr = /* @__PURE__ */ p({
+	class: "wi-table__paginator"
+}, br = ["aria-label"], xr = { class: "wi-table__loading-text" }, Sr = /* @__PURE__ */ p({
 	__name: "Table",
 	props: {
 		columns: {},
@@ -2819,20 +2819,20 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 			}), r.highlightCurrent && (T.value = N(e, t), i("current-change", e));
 		}
 		function me(e) {
-			if (e.fixed) return `wd-table__cell--fixed-${e.fixed}`;
+			if (e.fixed) return `wi-table__cell--fixed-${e.fixed}`;
 		}
-		return (n, r) => (E(), l("div", { class: y(["wd-table-wrapper", [{
-			"wd-table-wrapper--loading": e.loading,
-			"wd-table-wrapper--bordered": e.bordered,
-			"wd-table-wrapper--striped": e.striped,
-			"wd-table-wrapper--row-hover": e.rowHover
+		return (n, r) => (E(), l("div", { class: y(["wi-table-wrapper", [{
+			"wi-table-wrapper--loading": e.loading,
+			"wi-table-wrapper--bordered": e.bordered,
+			"wi-table-wrapper--striped": e.striped,
+			"wi-table-wrapper--row-hover": e.rowHover
 		}]]) }, [
 			u("div", {
 				ref_key: "scrollRef",
 				ref: F,
-				class: y(["wd-table-scroll", { "wd-table-scroll--x": z.value.scrollX }])
+				class: y(["wi-table-scroll", { "wi-table-scroll--x": z.value.scrollX }])
 			}, [u("table", {
-				class: y(["wd-table", `wd-table--${m.value}`]),
+				class: y(["wi-table", `wi-table--${m.value}`]),
 				style: b(H.value)
 			}, [
 				u("colgroup", null, [(E(!0), l(t, null, j(z.value.columns, (e) => (E(), l("col", {
@@ -2841,7 +2841,7 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 				}, null, 4))), 128))]),
 				u("thead", null, [u("tr", null, [e.selectionMode ? (E(), l("th", {
 					key: 0,
-					class: "wd-table__selection wd-table__cell--fixed-left",
+					class: "wi-table__selection wi-table__cell--fixed-left",
 					scope: "col",
 					style: b(W())
 				}, [e.selectionMode === "multiple" ? (E(), s(Nt, {
@@ -2853,20 +2853,20 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 					key: e.key,
 					scope: "col",
 					class: y([
-						`wd-table__cell--${e.align ?? "start"}`,
+						`wi-table__cell--${e.align ?? "start"}`,
 						me(e),
-						{ "wd-table__th--sortable": e.sortable }
+						{ "wi-table__th--sortable": e.sortable }
 					]),
 					style: b(ee(e)),
 					"aria-sort": e.sortable && _.value === e.key ? v.value === "asc" ? "ascending" : v.value === "desc" ? "descending" : "none" : e.sortable ? "none" : void 0
 				}, [u("div", rr, [e.sortable ? (E(), l("button", {
 					key: 0,
 					type: "button",
-					class: "wd-table__sort",
+					class: "wi-table__sort",
 					onClick: (t) => le(e.key, !0)
 				}, [u("span", null, P(e.label), 1), u("span", ar, P(ue(e.key)), 1)], 8, ir)) : (E(), l("span", or, P(e.label), 1)), e.filterable ? (E(), l("div", sr, [u("button", {
 					type: "button",
-					class: "wd-table__filter-btn",
+					class: "wi-table__filter-btn",
 					"aria-expanded": D.value === e.key,
 					"aria-label": L($e)(L(p).filterColumn, { label: e.label }),
 					onClick: K((t) => D.value = D.value === e.key ? null : e.key, ["stop"])
@@ -2875,11 +2875,11 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 					size: "sm"
 				})], 8, cr), D.value === e.key ? (E(), l("div", {
 					key: 0,
-					class: "wd-table__filter-panel",
+					class: "wi-table__filter-panel",
 					onClick: r[0] ||= K(() => {}, ["stop"])
 				}, [e.filters?.length ? (E(), l("select", {
 					key: 0,
-					class: "wd-table__filter-control",
+					class: "wi-table__filter-control",
 					value: String(x.value[e.key] ?? ""),
 					onChange: (t) => de(e.key, t.target.value || null)
 				}, [u("option", ur, P(L(p).filterAll), 1), (E(!0), l(t, null, j(e.filters, (e) => (E(), l("option", {
@@ -2887,7 +2887,7 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 					value: String(e.value ?? "")
 				}, P(e.label), 9, dr))), 128))], 40, lr)) : (E(), l("input", {
 					key: 1,
-					class: "wd-table__filter-control",
+					class: "wi-table__filter-control",
 					type: "search",
 					value: String(x.value[e.key] ?? ""),
 					placeholder: L(p).filterOptions,
@@ -2896,13 +2896,13 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 				u("tbody", null, [(E(!0), l(t, null, j(q.value, (i, a) => (E(), l("tr", {
 					key: String(N(i, a)),
 					class: y({
-						"wd-table__row--selected": oe(i, a),
-						"wd-table__row--current": e.highlightCurrent && T.value === N(i, a)
+						"wi-table__row--selected": oe(i, a),
+						"wi-table__row--current": e.highlightCurrent && T.value === N(i, a)
 					}),
 					onClick: (e) => pe(i, a)
 				}, [e.selectionMode ? (E(), l("td", {
 					key: 0,
-					class: "wd-table__selection wd-table__cell--fixed-left",
+					class: "wi-table__selection wi-table__cell--fixed-left",
 					style: b(W()),
 					onClick: r[1] ||= K(() => {}, ["stop"])
 				}, [f(Nt, {
@@ -2915,17 +2915,17 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 					"onUpdate:modelValue"
 				])], 4)) : c("", !0), (E(!0), l(t, null, j(e.columns, (e) => (E(), l("td", {
 					key: e.key,
-					class: y([`wd-table__cell--${e.align ?? "start"}`, me(e)]),
+					class: y([`wi-table__cell--${e.align ?? "start"}`, me(e)]),
 					style: b(ee(e))
 				}, [M(n.$slots, `cell-${e.key}`, {
 					row: i,
 					value: i[e.key]
 				}, () => [d(P(i[e.key]), 1)])], 6))), 128))], 10, pr))), 128)), re.value ? (E(), l("tr", mr, [u("td", {
-					class: "wd-table__empty",
+					class: "wi-table__empty",
 					colspan: ie.value
 				}, [M(n.$slots, "empty", {}, () => [u("div", gr, [
 					r[2] ||= u("div", {
-						class: "wd-table__empty-glyph",
+						class: "wi-table__empty-glyph",
 						"aria-hidden": "true"
 					}, "∅", -1),
 					u("p", _r, P(h.value), 1),
@@ -2944,13 +2944,13 @@ var nr = ["aria-sort"], rr = { class: "wd-table__th-inner" }, ir = ["onClick"],
 			])])) : c("", !0),
 			e.loading ? (E(), l("div", {
 				key: 1,
-				class: "wd-table__loading",
+				class: "wi-table__loading",
 				role: "status",
 				"aria-label": g.value
 			}, [M(n.$slots, "loading", {}, () => [f(Qn), u("span", xr, P(g.value), 1)])], 8, br)) : c("", !0)
 		], 2));
 	}
-}), Cr = Symbol("wdScrollbar"), wr = {
+}), Cr = Symbol("wiScrollbar"), wr = {
 	vertical: {
 		offset: "offsetHeight",
 		scroll: "scrollTop",
@@ -3003,7 +3003,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = e, n = h(Cr);
-		if (!n) throw Error("[WdScrollbar] Thumb must be used inside WdScrollbar");
+		if (!n) throw Error("[WiScrollbar] Thumb must be used inside WiScrollbar");
 		let r = n, a = k(), c = k(), l = k(!1), d = k({}), f = !1, p = !0, m = 0, g = 0, _ = null, v, x, w = o(() => t.vertical ? "vertical" : "horizontal"), T = o(() => wr[w.value]), D = o(() => Er({
 			size: t.size,
 			move: t.move,
@@ -3097,11 +3097,11 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 			V();
 		}), S(() => {
 			j(), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", N), v?.(), x?.();
-		}), (t, n) => (E(), s(i, { name: "wd-scrollbar-fade" }, {
+		}), (t, n) => (E(), s(i, { name: "wi-scrollbar-fade" }, {
 			default: W(() => [te(u("div", {
 				ref_key: "trackRef",
 				ref: a,
-				class: y(["wd-scrollbar__bar", e.vertical ? "wd-scrollbar__bar--vertical" : "wd-scrollbar__bar--horizontal"]),
+				class: y(["wi-scrollbar__bar", e.vertical ? "wi-scrollbar__bar--vertical" : "wi-scrollbar__bar--horizontal"]),
 				role: "scrollbar",
 				"aria-orientation": e.vertical ? "vertical" : "horizontal",
 				"aria-controls": L(r).contentId,
@@ -3111,7 +3111,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 			}, [u("div", {
 				ref_key: "thumbRef",
 				ref: c,
-				class: "wd-scrollbar__thumb",
+				class: "wi-scrollbar__thumb",
 				style: b(D.value),
 				onMousedown: F
 			}, null, 36)], 42, kr), [[H, e.size && O.value]])]),
@@ -3119,7 +3119,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 		}));
 	}
 }), jr = ["tabindex"], Mr = /* @__PURE__ */ p({
-	name: "WdScrollbar",
+	name: "WiScrollbar",
 	__name: "Scrollbar",
 	props: {
 		height: { default: "" },
@@ -3160,7 +3160,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 	},
 	emits: ["scroll", "end-reached"],
 	setup(e, { expose: n, emit: r }) {
-		let i = e, a = r, d = k(), p = k(), m = k(), h = k(0), g = k(0), _ = k(""), w = k(""), A = k(1), j = k(1), P = `wd-scrollbar-view-${Math.random().toString(36).slice(2, 9)}`, F = o(() => i.id ?? P), I = 0, L = 0, R = "", z = 0, B, V = {
+		let i = e, a = r, d = k(), p = k(), m = k(), h = k(0), g = k(0), _ = k(""), w = k(""), A = k(1), j = k(1), P = `wi-scrollbar-view-${Math.random().toString(36).slice(2, 9)}`, F = o(() => i.id ?? P), I = 0, L = 0, R = "", z = 0, B, V = {
 			bottom: !1,
 			top: !1,
 			right: !1,
@@ -3174,10 +3174,10 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 			let e = {}, t = Tr(i.height), n = Tr(i.maxHeight);
 			return t && (e.height = t), n && (e.maxHeight = n), [i.wrapStyle, e];
 		}), te = o(() => [
-			"wd-scrollbar__wrap",
+			"wi-scrollbar__wrap",
 			i.wrapClass,
-			{ "wd-scrollbar__wrap--hidden-default": !i.native }
-		]), G = o(() => ["wd-scrollbar__view", i.viewClass]);
+			{ "wi-scrollbar__wrap--hidden-default": !i.native }
+		]), G = o(() => ["wi-scrollbar__view", i.viewClass]);
 		D(Cr, O({
 			scrollbarElement: d,
 			wrapElement: p,
@@ -3276,7 +3276,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 		}), (n, r) => (E(), l("div", {
 			ref_key: "scrollbarRef",
 			ref: d,
-			class: "wd-scrollbar"
+			class: "wi-scrollbar"
 		}, [u("div", {
 			ref_key: "wrapRef",
 			ref: p,
@@ -3328,8 +3328,8 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 	}
 }), Nr = ["aria-modal", "aria-label"], Pr = {
 	key: 0,
-	class: "wd-drawer__header"
-}, Fr = { key: 0 }, Ir = ["aria-label"], Lr = { class: "wd-drawer__body" }, Rr = /* @__PURE__ */ p({
+	class: "wi-drawer__header"
+}, Fr = { key: 0 }, Ir = ["aria-label"], Lr = { class: "wi-drawer__body" }, Rr = /* @__PURE__ */ p({
 	__name: "Drawer",
 	props: {
 		modelValue: {
@@ -3383,15 +3383,15 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 		}), (t, r) => (E(), s(n, {
 			to: h.value.to,
 			disabled: h.value.disabled
-		}, [f(i, { name: "wd-drawer" }, {
+		}, [f(i, { name: "wi-drawer" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
-				class: y(["wd-drawer-backdrop", { "wd-drawer-backdrop--modal": e.modal }]),
+				class: y(["wi-drawer-backdrop", { "wi-drawer-backdrop--modal": e.modal }]),
 				onClick: K(_, ["self"])
 			}, [u("aside", {
 				ref_key: "drawerElement",
 				ref: m,
-				class: y(["wd-drawer", `wd-drawer--${e.position}`]),
+				class: y(["wi-drawer", `wi-drawer--${e.position}`]),
 				role: "dialog",
 				"aria-modal": e.modal || void 0,
 				"aria-label": e.header,
@@ -3399,7 +3399,7 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 			}, [t.$slots.header || e.header || e.showCloseIcon ? (E(), l("header", Pr, [M(t.$slots, "header", {}, () => [e.header ? (E(), l("h2", Fr, P(e.header), 1)) : c("", !0)]), e.showCloseIcon ? (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-drawer__close",
+				class: "wi-drawer__close",
 				"aria-label": L(p).close,
 				onClick: g
 			}, " × ", 8, Ir)) : c("", !0)])) : c("", !0), u("div", Lr, [M(t.$slots, "default")])], 10, Nr)], 2)) : c("", !0)]),
@@ -3475,27 +3475,27 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 		}), (t, r) => (E(), l("span", {
 			ref_key: "root",
 			ref: p,
-			class: "wd-popover"
+			class: "wi-popover"
 		}, [u("span", {
 			ref_key: "trigger",
 			ref: m,
-			class: "wd-popover__trigger"
+			class: "wi-popover__trigger"
 		}, [M(t.$slots, "default")], 512), (E(), s(n, {
 			to: _.value.to,
 			disabled: _.value.disabled
-		}, [f(i, { name: "wd-fade" }, {
+		}, [f(i, { name: "wi-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
 				ref_key: "panel",
 				ref: h,
-				class: y(["wd-popover__content", [`wd-popover__content--${e.placement}`, { "wd-popover__content--teleported": x.value }]]),
+				class: y(["wi-popover__content", [`wi-popover__content--${e.placement}`, { "wi-popover__content--teleported": x.value }]]),
 				style: b(x.value ? g.value : void 0),
 				role: "dialog"
 			}, [M(t.$slots, "content")], 6)) : c("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]))], 512));
 	}
-}), Br = { class: "wd-accordion" }, Vr = [
+}), Br = { class: "wi-accordion" }, Vr = [
 	"id",
 	"aria-expanded",
 	"aria-controls",
@@ -3518,10 +3518,10 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 			return a.value.includes(e);
 		}
 		function c(e) {
-			return `wd-accordion-panel-${e}`;
+			return `wi-accordion-panel-${e}`;
 		}
 		function d(e) {
-			return `wd-accordion-header-${e}`;
+			return `wi-accordion-header-${e}`;
 		}
 		function f(e, t) {
 			if (!t) {
@@ -3535,18 +3535,18 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 		}
 		return (n, r) => (E(), l("div", Br, [(E(!0), l(t, null, j(e.tabs, (e) => (E(), l("div", {
 			key: e.value,
-			class: "wd-accordion__tab"
+			class: "wi-accordion__tab"
 		}, [u("button", {
 			id: d(e.value),
 			type: "button",
-			class: y(["wd-accordion__header", { "wd-accordion__header--active": s(e.value) }]),
+			class: y(["wi-accordion__header", { "wi-accordion__header--active": s(e.value) }]),
 			"aria-expanded": s(e.value),
 			"aria-controls": c(e.value),
 			disabled: e.disabled,
 			onClick: (t) => f(e.value, e.disabled)
 		}, P(e.header), 11, Vr), te(u("div", {
 			id: c(e.value),
-			class: "wd-accordion__content",
+			class: "wi-accordion__content",
 			role: "region",
 			"aria-labelledby": d(e.value)
 		}, [M(n.$slots, e.value)], 8, Hr), [[H, s(e.value)]])]))), 128))]));
@@ -3560,12 +3560,12 @@ var kr = ["aria-orientation", "aria-controls"], Ar = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let n = e, r = o(() => Ae(n.severity) ?? "primary"), i = o(() => ke(n.size)), a = o(() => n.value == null || n.value === ""), s = o(() => [
-			"wd-badge",
-			`wd-badge--${r.value}`,
+			"wi-badge",
+			`wi-badge--${r.value}`,
 			{
-				"wd-badge--dot": a.value,
-				"wd-badge--small": i.value === "small",
-				"wd-badge--large": i.value === "large"
+				"wi-badge--dot": a.value,
+				"wi-badge--small": i.value === "small",
+				"wi-badge--large": i.value === "large"
 			}
 		]);
 		return (n, r) => (E(), l("span", { class: y(s.value) }, [a.value ? c("", !0) : (E(), l(t, { key: 0 }, [d(P(e.value), 1)], 64))], 2));
@@ -3603,14 +3603,14 @@ function ti() {
 //#endregion
 //#region src/components/Message/Message.vue?vue&type=script&setup=true&lang.ts
 var ni = {
-	class: "wd-message-host",
+	class: "wi-message-host",
 	"aria-live": "polite",
 	"aria-atomic": "false"
 }, ri = {
 	key: 0,
-	class: "wd-message__icon",
+	class: "wi-message__icon",
 	"aria-hidden": "true"
-}, ii = { class: "wd-message__content" }, ai = ["aria-label", "onClick"], oi = /* @__PURE__ */ p({
+}, ii = { class: "wi-message__content" }, ai = ["aria-label", "onClick"], oi = /* @__PURE__ */ p({
 	__name: "Message",
 	props: {
 		teleport: {
@@ -3639,7 +3639,7 @@ var ni = {
 			}
 		}
 		function h(e) {
-			return `wd-message--${Ae(e) ?? "info"}`;
+			return `wi-message--${Ae(e) ?? "info"}`;
 		}
 		function g(e) {
 			ei(e.id);
@@ -3647,10 +3647,10 @@ var ni = {
 		return (e, r) => (E(), s(n, {
 			to: p.value.to,
 			disabled: p.value.disabled
-		}, [u("div", ni, [f(a, { name: "wd-message-slide" }, {
+		}, [u("div", ni, [f(a, { name: "wi-message-slide" }, {
 			default: W(() => [(E(!0), l(t, null, j(L(Gr).items, (e) => (E(), l("div", {
 				key: e.id,
-				class: y(["wd-message", h(e.severity)]),
+				class: y(["wi-message", h(e.severity)]),
 				role: "status"
 			}, [
 				e.icon === !1 ? c("", !0) : (E(), l("span", ri, [f(X, {
@@ -3661,7 +3661,7 @@ var ni = {
 				e.closable ? (E(), l("button", {
 					key: 1,
 					type: "button",
-					class: "wd-message__close",
+					class: "wi-message__close",
 					"aria-label": L(d).close,
 					onClick: (t) => g(e)
 				}, [f(X, {
@@ -3673,18 +3673,18 @@ var ni = {
 		})])], 8, ["to", "disabled"]));
 	}
 }), si = 3e3, ci = 0, li = p({
-	name: "WdMessageAutoHost",
+	name: "WiMessageAutoHost",
 	setup() {
 		return () => m(oi, { auto: !0 });
 	}
 });
 function ui() {
-	typeof document > "u" || qr > 0 || Kr || Yr(Se(li, "wd-message-host-root"));
+	typeof document > "u" || qr > 0 || Kr || Yr(Se(li, "wi-message-host-root"));
 }
 function di(e, t) {
 	let n = yn(e) ? e : { content: e };
 	return {
-		id: n.id ?? `wd-message-${Date.now()}-${++ci}`,
+		id: n.id ?? `wi-message-${Date.now()}-${++ci}`,
 		content: n.content,
 		severity: t ?? n.severity ?? "info",
 		closable: n.closable ?? !1,
@@ -3725,9 +3725,9 @@ var hi = /* @__PURE__ */ p({
 		animation: { default: "wave" }
 	},
 	setup(e) {
-		let t = e, n = o(() => ["wd-skeleton", {
-			"wd-skeleton--circle": t.shape === "circle",
-			"wd-skeleton--wave": t.animation === "wave"
+		let t = e, n = o(() => ["wi-skeleton", {
+			"wi-skeleton--circle": t.shape === "circle",
+			"wi-skeleton--wave": t.animation === "wave"
 		}]), r = o(() => ({
 			width: t.width,
 			height: t.height,
@@ -3741,7 +3741,7 @@ var hi = /* @__PURE__ */ p({
 	}
 }), gi = ["aria-label"], _i = ["src", "alt"], vi = {
 	key: 2,
-	class: "wd-avatar__label"
+	class: "wi-avatar__label"
 }, yi = /* @__PURE__ */ p({
 	__name: "Avatar",
 	props: {
@@ -3753,11 +3753,11 @@ var hi = /* @__PURE__ */ p({
 	},
 	setup(e) {
 		let t = e, n = o(() => t.size === "sm" ? "normal" : t.size === "lg" || t.size === "large" ? "large" : t.size === "xlarge" ? "xlarge" : "normal"), r = o(() => [
-			"wd-avatar",
-			`wd-avatar--${t.shape}`,
+			"wi-avatar",
+			`wi-avatar--${t.shape}`,
 			{
-				"wd-avatar--large": n.value === "large",
-				"wd-avatar--xlarge": n.value === "xlarge"
+				"wi-avatar--large": n.value === "large",
+				"wi-avatar--xlarge": n.value === "xlarge"
 			}
 		]), i = o(() => t.image ? "image" : t.icon ? "icon" : "label");
 		return (t, n) => (E(), l("span", {
@@ -3766,19 +3766,19 @@ var hi = /* @__PURE__ */ p({
 			"aria-label": e.label || void 0
 		}, [i.value === "image" ? (E(), l("img", {
 			key: 0,
-			class: "wd-avatar__image",
+			class: "wi-avatar__image",
 			src: e.image,
 			alt: e.label || ""
 		}, null, 8, _i)) : i.value === "icon" ? (E(), s(X, {
 			key: 1,
-			class: "wd-avatar__icon",
+			class: "wi-avatar__icon",
 			name: e.icon,
 			size: "sm"
 		}, null, 8, ["name"])) : e.label ? (E(), l("span", vi, P(e.label), 1)) : c("", !0)], 10, gi));
 	}
 }), bi = ["aria-disabled"], xi = ["src"], Si = {
 	key: 2,
-	class: "wd-chip__label"
+	class: "wi-chip__label"
 }, Ci = ["disabled", "aria-label"], wi = /* @__PURE__ */ p({
 	__name: "Chip",
 	props: {
@@ -3796,9 +3796,9 @@ var hi = /* @__PURE__ */ p({
 	},
 	emits: ["remove"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = Z(), a = o(() => ["wd-chip", {
-			"wd-chip--disabled": n.disabled,
-			"wd-chip--removable": n.removable
+		let n = e, r = t, i = Z(), a = o(() => ["wi-chip", {
+			"wi-chip--disabled": n.disabled,
+			"wi-chip--removable": n.removable
 		}]);
 		function u(e) {
 			n.disabled || r("remove", e);
@@ -3809,12 +3809,12 @@ var hi = /* @__PURE__ */ p({
 		}, [
 			e.image ? (E(), l("img", {
 				key: 0,
-				class: "wd-chip__image",
+				class: "wi-chip__image",
 				src: e.image,
 				alt: ""
 			}, null, 8, xi)) : e.icon ? (E(), s(X, {
 				key: 1,
-				class: "wd-chip__icon",
+				class: "wi-chip__icon",
 				name: e.icon,
 				size: "sm"
 			}, null, 8, ["name"])) : c("", !0),
@@ -3822,7 +3822,7 @@ var hi = /* @__PURE__ */ p({
 			e.removable ? (E(), l("button", {
 				key: 3,
 				type: "button",
-				class: "wd-chip__remove",
+				class: "wi-chip__remove",
 				disabled: e.disabled,
 				"aria-label": L(i).remove,
 				onClick: u
@@ -3835,7 +3835,7 @@ var hi = /* @__PURE__ */ p({
 	"aria-valuenow"
 ], Ei = {
 	key: 0,
-	class: "wd-progressbar__label"
+	class: "wi-progressbar__label"
 }, Di = /* @__PURE__ */ p({
 	__name: "ProgressBar",
 	props: {
@@ -3847,7 +3847,7 @@ var hi = /* @__PURE__ */ p({
 		}
 	},
 	setup(e) {
-		let t = e, n = o(() => Math.min(100, Math.max(0, t.value))), r = o(() => t.mode === "indeterminate"), i = o(() => ["wd-progressbar", { "wd-progressbar--indeterminate": r.value }]), a = o(() => r.value ? void 0 : { width: `${n.value}%` }), s = o(() => `${Math.round(n.value)}%`);
+		let t = e, n = o(() => Math.min(100, Math.max(0, t.value))), r = o(() => t.mode === "indeterminate"), i = o(() => ["wi-progressbar", { "wi-progressbar--indeterminate": r.value }]), a = o(() => r.value ? void 0 : { width: `${n.value}%` }), s = o(() => `${Math.round(n.value)}%`);
 		return (t, o) => (E(), l("div", {
 			class: y(i.value),
 			role: "progressbar",
@@ -3855,7 +3855,7 @@ var hi = /* @__PURE__ */ p({
 			"aria-valuemax": r.value ? void 0 : 100,
 			"aria-valuenow": r.value ? void 0 : n.value
 		}, [u("div", {
-			class: "wd-progressbar__value",
+			class: "wi-progressbar__value",
 			style: b(a.value)
 		}, [e.showValue && !r.value ? (E(), l("span", Ei, P(s.value), 1)) : c("", !0)], 4)], 10, Ti));
 	}
@@ -3897,14 +3897,14 @@ var hi = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = Y(), s = Z(), d = o(() => r.id ?? `wd-inputnumber-${Math.random().toString(36).slice(2, 8)}`), f = o(() => ke(r.size ?? a.value.size)), p = o(() => [
-			"wd-inputnumber",
-			`wd-inputnumber--${f.value}`,
+		let n = R(), r = e, i = t, a = Y(), s = Z(), d = o(() => r.id ?? `wi-inputnumber-${Math.random().toString(36).slice(2, 8)}`), f = o(() => ke(r.size ?? a.value.size)), p = o(() => [
+			"wi-inputnumber",
+			`wi-inputnumber--${f.value}`,
 			{
-				"wd-inputnumber--fluid": r.fluid,
-				"wd-inputnumber--invalid": r.invalid,
-				"wd-inputnumber--disabled": r.disabled,
-				"wd-inputnumber--buttons": r.showButtons
+				"wi-inputnumber--fluid": r.fluid,
+				"wi-inputnumber--invalid": r.invalid,
+				"wi-inputnumber--disabled": r.disabled,
+				"wi-inputnumber--buttons": r.showButtons
 			}
 		]);
 		function m(e) {
@@ -3925,14 +3925,14 @@ var hi = /* @__PURE__ */ p({
 			let t = r.modelValue ?? r.min ?? 0;
 			i("update:modelValue", m(t + e * r.step));
 		}
-		return (t, r) => (E(), l("div", { class: y(["wd-inputnumber-field", { "wd-inputnumber-field--fluid": e.fluid }]) }, [e.label ? (E(), l("label", {
+		return (t, r) => (E(), l("div", { class: y(["wi-inputnumber-field", { "wi-inputnumber-field--fluid": e.fluid }]) }, [e.label ? (E(), l("label", {
 			key: 0,
-			class: "wd-inputnumber-field__label",
+			class: "wi-inputnumber-field__label",
 			for: d.value
 		}, P(e.label), 9, Oi)) : c("", !0), u("div", { class: y(p.value) }, [
 			e.showButtons ? (E(), l("button", {
 				key: 0,
-				class: "wd-inputnumber__button wd-inputnumber__button--decrement",
+				class: "wi-inputnumber__button wi-inputnumber__button--decrement",
 				type: "button",
 				"aria-label": L(s).decrease,
 				disabled: e.disabled || e.min != null && e.modelValue != null && e.modelValue <= e.min,
@@ -3940,7 +3940,7 @@ var hi = /* @__PURE__ */ p({
 			}, " − ", 8, ki)) : c("", !0),
 			u("input", _(L(n), {
 				id: d.value,
-				class: "wd-inputnumber__input",
+				class: "wi-inputnumber__input",
 				type: "number",
 				value: e.modelValue ?? "",
 				min: e.min,
@@ -3952,7 +3952,7 @@ var hi = /* @__PURE__ */ p({
 			}), null, 16, Ai),
 			e.showButtons ? (E(), l("button", {
 				key: 1,
-				class: "wd-inputnumber__button wd-inputnumber__button--increment",
+				class: "wi-inputnumber__button wi-inputnumber__button--increment",
 				type: "button",
 				"aria-label": L(s).increase,
 				disabled: e.disabled || e.max != null && e.modelValue != null && e.modelValue >= e.max,
@@ -4003,33 +4003,33 @@ var hi = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = R(), r = e, i = t, a = Y(), d = Z(), f = k(!1), p = o(() => r.id ?? `wd-password-${Math.random().toString(36).slice(2, 8)}`), m = o(() => ke(r.size ?? a.value.size)), h = o(() => typeof r.showIcon == "string" ? r.showIcon : void 0), g = o(() => typeof r.showIcon == "string" || !r.showIcon ? void 0 : r.showIcon), v = o(() => typeof r.hideIcon == "string" ? r.hideIcon : void 0), b = o(() => typeof r.hideIcon == "string" || !r.hideIcon ? void 0 : r.hideIcon), x = o(() => {
+		let n = R(), r = e, i = t, a = Y(), d = Z(), f = k(!1), p = o(() => r.id ?? `wi-password-${Math.random().toString(36).slice(2, 8)}`), m = o(() => ke(r.size ?? a.value.size)), h = o(() => typeof r.showIcon == "string" ? r.showIcon : void 0), g = o(() => typeof r.showIcon == "string" || !r.showIcon ? void 0 : r.showIcon), v = o(() => typeof r.hideIcon == "string" ? r.hideIcon : void 0), b = o(() => typeof r.hideIcon == "string" || !r.hideIcon ? void 0 : r.hideIcon), x = o(() => {
 			let e = r.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";
 		}), S = o(() => x.value === "weak" ? d.value.passwordWeak : x.value === "medium" ? d.value.passwordMedium : x.value === "strong" ? d.value.passwordStrong : ""), C = o(() => [
-			"wd-password",
-			`wd-password--${m.value}`,
+			"wi-password",
+			`wi-password--${m.value}`,
 			{
-				"wd-password--fluid": r.fluid,
-				"wd-password--invalid": r.invalid,
-				"wd-password--disabled": r.disabled,
-				"wd-password--toggle": r.toggleMask
+				"wi-password--fluid": r.fluid,
+				"wi-password--invalid": r.invalid,
+				"wi-password--disabled": r.disabled,
+				"wi-password--toggle": r.toggleMask
 			}
 		]);
 		function w(e) {
 			r.disabled || i("update:modelValue", e.target.value);
 		}
-		return (t, r) => (E(), l("div", { class: y(["wd-password-field", { "wd-password-field--fluid": e.fluid }]) }, [
+		return (t, r) => (E(), l("div", { class: y(["wi-password-field", { "wi-password-field--fluid": e.fluid }]) }, [
 			e.label ? (E(), l("label", {
 				key: 0,
-				class: "wd-password-field__label",
+				class: "wi-password-field__label",
 				for: p.value
 			}, P(e.label), 9, Ni)) : c("", !0),
 			u("div", { class: y(C.value) }, [u("input", _(L(n), {
 				id: p.value,
-				class: "wd-password__input",
+				class: "wi-password__input",
 				type: f.value ? "text" : "password",
 				value: e.modelValue,
 				disabled: e.disabled,
@@ -4038,7 +4038,7 @@ var hi = /* @__PURE__ */ p({
 				onInput: w
 			}), null, 16, Pi), e.toggleMask ? (E(), l("button", {
 				key: 0,
-				class: "wd-password__toggle",
+				class: "wi-password__toggle",
 				type: "button",
 				"aria-label": f.value ? L(d).hidePassword : L(d).showPassword,
 				"aria-pressed": f.value,
@@ -4055,11 +4055,11 @@ var hi = /* @__PURE__ */ p({
 			}, null, 8, ["name"])) : g.value ? (E(), s(N(g.value), { key: 1 })) : c("", !0)], void 0, 1)], 8, Fi)) : c("", !0)], 2),
 			e.feedback && x.value !== "empty" ? (E(), l("span", {
 				key: 1,
-				class: y(["wd-password__feedback", `wd-password__feedback--${x.value}`])
+				class: y(["wi-password__feedback", `wi-password__feedback--${x.value}`])
 			}, P(L($e)(L(d).passwordStrength, { value: S.value })), 3)) : c("", !0)
 		], 2));
 	}
-}), Li = { class: "wd-float-label" }, Ri = { key: 0 }, zi = /* @__PURE__ */ p({
+}), Li = { class: "wi-float-label" }, Ri = { key: 0 }, zi = /* @__PURE__ */ p({
 	__name: "FloatLabel",
 	props: { label: {} },
 	setup(e) {
@@ -4067,21 +4067,21 @@ var hi = /* @__PURE__ */ p({
 	}
 }), Bi = {
 	key: 0,
-	class: "wd-icon-field__icon",
+	class: "wi-icon-field__icon",
 	"aria-hidden": "true"
 }, Vi = /* @__PURE__ */ p({
 	__name: "IconField",
 	props: { iconPosition: { default: "left" } },
 	setup(e) {
-		let t = e, n = o(() => ["wd-icon-field", t.iconPosition === "right" ? "wd-icon-field--right" : "wd-icon-field--left"]);
+		let t = e, n = o(() => ["wi-icon-field", t.iconPosition === "right" ? "wi-icon-field--right" : "wi-icon-field--left"]);
 		return (e, t) => (E(), l("div", { class: y(n.value) }, [e.$slots.icon ? (E(), l("span", Bi, [M(e.$slots, "icon")])) : c("", !0), M(e.$slots, "default")], 2));
 	}
-}), Hi = { class: "wd-inputgroup" }, Ui = /* @__PURE__ */ p({
+}), Hi = { class: "wi-inputgroup" }, Ui = /* @__PURE__ */ p({
 	__name: "InputGroup",
 	setup(e) {
 		return (e, t) => (E(), l("div", Hi, [M(e.$slots, "default")]));
 	}
-}), Wi = { class: "wd-inputgroup-addon" }, Gi = /* @__PURE__ */ p({
+}), Wi = { class: "wi-inputgroup-addon" }, Gi = /* @__PURE__ */ p({
 	__name: "InputGroupAddon",
 	setup(e) {
 		return (e, t) => (E(), l("span", Wi, [M(e.$slots, "default")]));
@@ -4117,11 +4117,11 @@ var hi = /* @__PURE__ */ p({
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
 		let r = e, i = n, a = Y(), s = o(() => ke(r.size ?? a.value.size)), c = o(() => [
-			"wd-selectbutton",
-			`wd-selectbutton--${s.value}`,
+			"wi-selectbutton",
+			`wi-selectbutton--${s.value}`,
 			{
-				"wd-selectbutton--disabled": r.disabled,
-				"wd-selectbutton--invalid": r.invalid
+				"wi-selectbutton--disabled": r.disabled,
+				"wi-selectbutton--invalid": r.invalid
 			}
 		]);
 		function u(e) {
@@ -4143,7 +4143,7 @@ var hi = /* @__PURE__ */ p({
 		}, [(E(!0), l(t, null, j(e.options, (t) => (E(), l("button", {
 			key: String(t.value),
 			type: "button",
-			class: y(["wd-selectbutton__button", { "wd-selectbutton__button--active": u(t) }]),
+			class: y(["wi-selectbutton__button", { "wi-selectbutton__button--active": u(t) }]),
 			disabled: e.disabled || t.disabled,
 			"aria-pressed": u(t),
 			onClick: (e) => d(t)
@@ -4187,9 +4187,9 @@ var hi = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = Z(), s = o(() => Array.isArray(r.modelValue) ? r.modelValue[0] ?? r.min : r.modelValue ?? r.min), c = o(() => Array.isArray(r.modelValue) && r.modelValue.length >= 2 ? [r.modelValue[0], r.modelValue[1]] : [r.min, r.max]), d = o(() => ["wd-slider", {
-			"wd-slider--disabled": r.disabled,
-			"wd-slider--range": r.range
+		let r = e, i = n, a = Z(), s = o(() => Array.isArray(r.modelValue) ? r.modelValue[0] ?? r.min : r.modelValue ?? r.min), c = o(() => Array.isArray(r.modelValue) && r.modelValue.length >= 2 ? [r.modelValue[0], r.modelValue[1]] : [r.min, r.max]), d = o(() => ["wi-slider", {
+			"wi-slider--disabled": r.disabled,
+			"wi-slider--range": r.range
 		}]);
 		function f(e) {
 			r.disabled || i("update:modelValue", Number(e.target.value));
@@ -4200,7 +4200,7 @@ var hi = /* @__PURE__ */ p({
 			n[e] = Number(t.target.value), n[0] > n[1] && (e === 0 ? n[1] = n[0] : n[0] = n[1]), i("update:modelValue", n);
 		}
 		return (n, r) => (E(), l("div", { class: y(d.value) }, [e.range ? (E(), l(t, { key: 0 }, [u("input", {
-			class: "wd-slider__input wd-slider__input--start",
+			class: "wi-slider__input wi-slider__input--start",
 			type: "range",
 			min: e.min,
 			max: e.max,
@@ -4210,7 +4210,7 @@ var hi = /* @__PURE__ */ p({
 			"aria-label": L(a).rangeStart,
 			onInput: r[0] ||= (e) => p(0, e)
 		}, null, 40, Ji), u("input", {
-			class: "wd-slider__input wd-slider__input--end",
+			class: "wi-slider__input wi-slider__input--end",
 			type: "range",
 			min: e.min,
 			max: e.max,
@@ -4221,7 +4221,7 @@ var hi = /* @__PURE__ */ p({
 			onInput: r[1] ||= (e) => p(1, e)
 		}, null, 40, Yi)], 64)) : (E(), l("input", {
 			key: 1,
-			class: "wd-slider__input",
+			class: "wi-slider__input",
 			type: "range",
 			min: e.min,
 			max: e.max,
@@ -4255,9 +4255,9 @@ var hi = /* @__PURE__ */ p({
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: n }) {
-		let r = e, i = n, a = Z(), s = o(() => Array.from({ length: Math.max(1, r.stars) }, (e, t) => t + 1)), u = o(() => ["wd-rating", {
-			"wd-rating--disabled": r.disabled,
-			"wd-rating--readonly": r.readonly
+		let r = e, i = n, a = Z(), s = o(() => Array.from({ length: Math.max(1, r.stars) }, (e, t) => t + 1)), u = o(() => ["wi-rating", {
+			"wi-rating--disabled": r.disabled,
+			"wi-rating--readonly": r.readonly
 		}]);
 		function d(e) {
 			r.disabled || r.readonly || i("update:modelValue", e);
@@ -4274,22 +4274,22 @@ var hi = /* @__PURE__ */ p({
 		}, [e.cancel ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-rating__cancel",
+			class: "wi-rating__cancel",
 			"aria-label": L(a).clearRating,
 			disabled: e.disabled || e.readonly,
 			onClick: f
 		}, " × ", 8, $i)) : c("", !0), (E(!0), l(t, null, j(s.value, (t) => (E(), l("button", {
 			key: t,
 			type: "button",
-			class: y(["wd-rating__star", { "wd-rating__star--on": t <= e.modelValue }]),
+			class: y(["wi-rating__star", { "wi-rating__star--on": t <= e.modelValue }]),
 			"aria-label": L($e)(L(a).star, { value: t }),
 			disabled: e.disabled || e.readonly,
 			onClick: (e) => d(t)
 		}, P(t <= e.modelValue ? "★" : "☆"), 11, ea))), 128))], 10, Qi));
 	}
-}), na = ["aria-label"], ra = { class: "wd-breadcrumb__list" }, ia = ["href"], aa = ["aria-current"], oa = {
+}), na = ["aria-label"], ra = { class: "wi-breadcrumb__list" }, ia = ["href"], aa = ["aria-current"], oa = {
 	key: 2,
-	class: "wd-breadcrumb__separator",
+	class: "wi-breadcrumb__separator",
 	"aria-hidden": "true"
 }, sa = /* @__PURE__ */ p({
 	__name: "Breadcrumb",
@@ -4306,28 +4306,28 @@ var hi = /* @__PURE__ */ p({
 			}), e.push(...n.model), e;
 		});
 		return (e, n) => (E(), l("nav", {
-			class: "wd-breadcrumb",
+			class: "wi-breadcrumb",
 			"aria-label": L(r).breadcrumb
 		}, [u("ol", ra, [(E(!0), l(t, null, j(i.value, (e, t) => (E(), l("li", {
 			key: `${e.label}-${t}`,
-			class: "wd-breadcrumb__item"
+			class: "wi-breadcrumb__item"
 		}, [e.to && !e.disabled ? (E(), l("a", {
 			key: 0,
-			class: "wd-breadcrumb__link",
+			class: "wi-breadcrumb__link",
 			href: e.to
 		}, P(e.label), 9, ia)) : (E(), l("span", {
 			key: 1,
-			class: y(["wd-breadcrumb__link", {
-				"wd-breadcrumb__link--current": t === i.value.length - 1,
-				"wd-breadcrumb__link--disabled": e.disabled
+			class: y(["wi-breadcrumb__link", {
+				"wi-breadcrumb__link--current": t === i.value.length - 1,
+				"wi-breadcrumb__link--disabled": e.disabled
 			}]),
 			"aria-current": t === i.value.length - 1 ? "page" : void 0
 		}, P(e.label), 11, aa)), t < i.value.length - 1 ? (E(), l("span", oa, "/")) : c("", !0)]))), 128))])], 8, na));
 	}
 }), ca = {
 	key: 0,
-	class: "wd-panel__header"
-}, la = { class: "wd-panel__title" }, ua = ["aria-expanded", "aria-label"], da = { "aria-hidden": "true" }, fa = { class: "wd-panel__content" }, pa = /* @__PURE__ */ p({
+	class: "wi-panel__header"
+}, la = { class: "wi-panel__title" }, ua = ["aria-expanded", "aria-label"], da = { "aria-hidden": "true" }, fa = { class: "wi-panel__content" }, pa = /* @__PURE__ */ p({
 	__name: "Panel",
 	props: {
 		header: {},
@@ -4346,10 +4346,10 @@ var hi = /* @__PURE__ */ p({
 			let e = !a.value;
 			r("update:collapsed", e), r("update:modelValue", e);
 		}
-		return (t, n) => (E(), l("section", { class: y(["wd-panel", { "wd-panel--collapsed": a.value }]) }, [t.$slots.header || e.header || e.toggleable ? (E(), l("header", ca, [u("div", la, [M(t.$slots, "header", {}, () => [d(P(e.header), 1)])]), e.toggleable ? (E(), l("button", {
+		return (t, n) => (E(), l("section", { class: y(["wi-panel", { "wi-panel--collapsed": a.value }]) }, [t.$slots.header || e.header || e.toggleable ? (E(), l("header", ca, [u("div", la, [M(t.$slots, "header", {}, () => [d(P(e.header), 1)])]), e.toggleable ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-panel__toggler",
+			class: "wi-panel__toggler",
 			"aria-expanded": !a.value,
 			"aria-label": a.value ? L(i).expand : L(i).collapse,
 			onClick: s
@@ -4357,8 +4357,8 @@ var hi = /* @__PURE__ */ p({
 	}
 }), ma = {
 	key: 0,
-	class: "wd-fieldset__legend"
-}, ha = ["aria-expanded"], ga = { "aria-hidden": "true" }, _a = { class: "wd-fieldset__content" }, va = /* @__PURE__ */ p({
+	class: "wi-fieldset__legend"
+}, ha = ["aria-expanded"], ga = { "aria-hidden": "true" }, _a = { class: "wi-fieldset__content" }, va = /* @__PURE__ */ p({
 	__name: "Fieldset",
 	props: {
 		legend: {},
@@ -4377,10 +4377,10 @@ var hi = /* @__PURE__ */ p({
 		function a() {
 			n.toggleable && r("update:collapsed", !i.value);
 		}
-		return (t, n) => (E(), l("fieldset", { class: y(["wd-fieldset", { "wd-fieldset--collapsed": i.value }]) }, [t.$slots.legend || e.legend || e.toggleable ? (E(), l("legend", ma, [e.toggleable ? (E(), l("button", {
+		return (t, n) => (E(), l("fieldset", { class: y(["wi-fieldset", { "wi-fieldset--collapsed": i.value }]) }, [t.$slots.legend || e.legend || e.toggleable ? (E(), l("legend", ma, [e.toggleable ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-fieldset__toggler",
+			class: "wi-fieldset__toggler",
 			"aria-expanded": !i.value,
 			onClick: a
 		}, [u("span", ga, P(i.value ? "▸" : "▾"), 1), M(t.$slots, "legend", {}, () => [d(P(e.legend), 1)])], 8, ha)) : M(t.$slots, "legend", {}, () => [d(P(e.legend), 1)], void 0, 1)])) : c("", !0), te(u("div", _a, [M(t.$slots, "default")], 512), [[H, !i.value]])], 2));
@@ -4391,7 +4391,7 @@ var hi = /* @__PURE__ */ p({
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-label"
-], xa = { class: "wd-splitter__panel wd-splitter__panel--fill" }, Sa = /* @__PURE__ */ p({
+], xa = { class: "wi-splitter__panel wi-splitter__panel--fill" }, Sa = /* @__PURE__ */ p({
 	__name: "Splitter",
 	props: {
 		layout: { default: "horizontal" },
@@ -4456,15 +4456,15 @@ var hi = /* @__PURE__ */ p({
 		}), (e, t) => (E(), l("div", {
 			ref_key: "root",
 			ref: m,
-			class: y(["wd-splitter", [`wd-splitter--${n.layout}`, { "wd-splitter--dragging": h.value }]]),
+			class: y(["wi-splitter", [`wi-splitter--${n.layout}`, { "wi-splitter--dragging": h.value }]]),
 			"aria-orientation": O.value ? "vertical" : "horizontal"
 		}, [
 			u("div", {
-				class: "wd-splitter__panel",
+				class: "wi-splitter__panel",
 				style: b(A.value)
 			}, [T.value ? M(e.$slots, "panel1", {}, void 0, void 0, 0) : D.value[0] ? (E(), s(N(D.value[0]), { key: 1 })) : c("", !0)], 4),
 			u("div", {
-				class: "wd-splitter__gutter",
+				class: "wi-splitter__gutter",
 				role: "separator",
 				tabindex: "0",
 				"aria-orientation": O.value ? "horizontal" : "vertical",
@@ -4480,18 +4480,18 @@ var hi = /* @__PURE__ */ p({
 		], 10, ya));
 	}
 }), Ca = {
-	class: "wd-stepper",
+	class: "wi-stepper",
 	role: "tablist"
 }, wa = [
 	"aria-selected",
 	"disabled",
 	"onClick"
 ], Ta = {
-	class: "wd-stepper__marker",
+	class: "wi-stepper__marker",
 	"aria-hidden": "true"
-}, Ea = { class: "wd-stepper__label" }, Da = {
+}, Ea = { class: "wi-stepper__label" }, Da = {
 	key: 0,
-	class: "wd-stepper__content"
+	class: "wi-stepper__content"
 }, Oa = /* @__PURE__ */ p({
 	__name: "Stepper",
 	props: {
@@ -4514,10 +4514,10 @@ var hi = /* @__PURE__ */ p({
 		return (n, r) => (E(), l(t, null, [u("div", Ca, [(E(!0), l(t, null, j(e.steps, (e, t) => (E(), l("button", {
 			key: `${e.label}-${t}`,
 			type: "button",
-			class: y(["wd-stepper__step", {
-				"wd-stepper__step--active": t === a.value,
-				"wd-stepper__step--completed": t < a.value,
-				"wd-stepper__step--disabled": !s(t, e.disabled)
+			class: y(["wi-stepper__step", {
+				"wi-stepper__step--active": t === a.value,
+				"wi-stepper__step--completed": t < a.value,
+				"wi-stepper__step--disabled": !s(t, e.disabled)
 			}]),
 			role: "tab",
 			"aria-selected": t === a.value,
@@ -4530,17 +4530,17 @@ var hi = /* @__PURE__ */ p({
 	for (let [e, r] of t) n[e] = r;
 	return n;
 }, Aa = {}, ja = {
-	class: "wd-toolbar",
+	class: "wi-toolbar",
 	role: "toolbar"
 }, Ma = {
 	key: 0,
-	class: "wd-toolbar__start"
+	class: "wi-toolbar__start"
 }, Na = {
 	key: 1,
-	class: "wd-toolbar__center"
+	class: "wi-toolbar__center"
 }, Pa = {
 	key: 2,
-	class: "wd-toolbar__end"
+	class: "wi-toolbar__end"
 };
 function Fa(e, t) {
 	return E(), l("div", ja, [
@@ -4551,11 +4551,11 @@ function Fa(e, t) {
 }
 var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	key: 0,
-	class: "wd-menu__separator",
+	class: "wi-menu__separator",
 	role: "separator"
 }, Ra = ["disabled", "onClick"], za = {
 	key: 0,
-	class: "wd-menu__separator",
+	class: "wi-menu__separator",
 	role: "separator"
 }, Ba = ["disabled", "onClick"], Va = /* @__PURE__ */ p({
 	__name: "Menu",
@@ -4590,17 +4590,17 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			key: 1,
 			to: m.value.to,
 			disabled: m.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
 				ref_key: "root",
 				ref: p,
-				class: y(["wd-menu wd-menu--popup", { "wd-menu--teleported": h.value }]),
+				class: y(["wi-menu wi-menu--popup", { "wi-menu--teleported": h.value }]),
 				role: "menu"
 			}, [(E(!0), l(t, null, j(e.model, (e, n) => (E(), l(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (E(), l("div", za)) : (E(), l("button", {
 				key: 1,
 				type: "button",
-				class: "wd-menu__item",
+				class: "wi-menu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: (t) => g(e)
@@ -4610,12 +4610,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			key: 0,
 			ref_key: "root",
 			ref: p,
-			class: "wd-menu",
+			class: "wi-menu",
 			role: "menu"
 		}, [(E(!0), l(t, null, j(e.model, (e, n) => (E(), l(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (E(), l("div", La)) : (E(), l("button", {
 			key: 1,
 			type: "button",
-			class: "wd-menu__item",
+			class: "wi-menu__item",
 			role: "menuitem",
 			disabled: e.disabled,
 			onClick: (t) => g(e)
@@ -4628,7 +4628,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"onClick"
 ], Wa = {
 	key: 0,
-	class: "wd-menubar__caret",
+	class: "wi-menubar__caret",
 	"aria-hidden": "true"
 }, Ga = ["disabled", "onClick"], Ka = /* @__PURE__ */ p({
 	__name: "Menubar",
@@ -4669,7 +4669,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}
 		function M(e) {
 			let t = e.target;
-			h.value?.contains(t) || document.querySelector(".wd-menubar__submenu--teleported")?.contains(t) || (m.value = null);
+			h.value?.contains(t) || document.querySelector(".wi-menubar__submenu--teleported")?.contains(t) || (m.value = null);
 		}
 		function N() {
 			m.value != null && D();
@@ -4681,16 +4681,16 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), l("nav", {
 			ref_key: "root",
 			ref: h,
-			class: "wd-menubar",
+			class: "wi-menubar",
 			"aria-label": L(p).menubar
 		}, [(E(!0), l(t, null, j(e.model, (e, r) => (E(), l("div", {
 			key: `${e.label}-${r}`,
-			class: y(["wd-menubar__item", { "wd-menubar__item--open": m.value === r }])
+			class: y(["wi-menubar__item", { "wi-menubar__item--open": m.value === r }])
 		}, [u("button", {
 			ref_for: !0,
 			ref: (e) => T(e, r),
 			type: "button",
-			class: "wd-menubar__trigger",
+			class: "wi-menubar__trigger",
 			disabled: e.disabled,
 			"aria-expanded": e.items?.length ? m.value === r : void 0,
 			"aria-haspopup": e.items?.length ? "menu" : void 0,
@@ -4698,16 +4698,16 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [d(P(e.label) + " ", 1), e.items?.length ? (E(), l("span", Wa, "▾")) : c("", !0)], 8, Ua), (E(), s(n, {
 			to: x.value.to,
 			disabled: x.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.items?.length && m.value === r ? (E(), l("div", {
 				key: 0,
-				class: y(["wd-menubar__submenu", { "wd-menubar__submenu--teleported": w.value }]),
+				class: y(["wi-menubar__submenu", { "wi-menubar__submenu--teleported": w.value }]),
 				style: b(w.value ? _.value : void 0),
 				role: "menu"
 			}, [(E(!0), l(t, null, j(e.items, (e, t) => (E(), l("button", {
 				key: `${e.label}-${t}`,
 				type: "button",
-				class: "wd-menubar__subitem",
+				class: "wi-menubar__subitem",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: K((t) => A(e), ["stop"])
@@ -4717,7 +4717,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), qa = {
 	key: 0,
-	class: "wd-contextmenu__separator",
+	class: "wi-contextmenu__separator",
 	role: "separator"
 }, Ja = ["disabled", "onClick"], Ya = /* @__PURE__ */ p({
 	__name: "ContextMenu",
@@ -4778,19 +4778,19 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), s(n, {
 			to: g.value.to,
 			disabled: g.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
 				ref_key: "root",
 				ref: m,
-				class: y(["wd-contextmenu", { "wd-contextmenu--teleported": _.value }]),
+				class: y(["wi-contextmenu", { "wi-contextmenu--teleported": _.value }]),
 				role: "menu",
 				style: b(v.value),
 				onClick: a[0] ||= K(() => {}, ["stop"])
 			}, [(E(!0), l(t, null, j(e.model, (e, n) => (E(), l(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (E(), l("div", qa)) : (E(), l("button", {
 				key: 1,
 				type: "button",
-				class: "wd-contextmenu__item",
+				class: "wi-contextmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: (t) => w(e)
@@ -4800,7 +4800,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), Xa = ["onMouseenter"], Za = {
 	key: 0,
-	class: "wd-tieredmenu__separator",
+	class: "wi-tieredmenu__separator",
 	role: "separator"
 }, Qa = [
 	"disabled",
@@ -4809,19 +4809,19 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"onClick"
 ], $a = {
 	key: 0,
-	class: "wd-tieredmenu__caret",
+	class: "wi-tieredmenu__caret",
 	"aria-hidden": "true"
 }, eo = {
 	key: 2,
-	class: "wd-tieredmenu__submenu",
+	class: "wi-tieredmenu__submenu",
 	role: "menu"
 }, to = {
 	key: 0,
-	class: "wd-tieredmenu__separator",
+	class: "wi-tieredmenu__separator",
 	role: "separator"
 }, no = ["disabled", "onClick"], ro = ["onMouseenter"], io = {
 	key: 0,
-	class: "wd-tieredmenu__separator",
+	class: "wi-tieredmenu__separator",
 	role: "separator"
 }, ao = [
 	"disabled",
@@ -4830,15 +4830,15 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"onClick"
 ], oo = {
 	key: 0,
-	class: "wd-tieredmenu__caret",
+	class: "wi-tieredmenu__caret",
 	"aria-hidden": "true"
 }, so = {
 	key: 2,
-	class: "wd-tieredmenu__submenu",
+	class: "wi-tieredmenu__submenu",
 	role: "menu"
 }, co = {
 	key: 0,
-	class: "wd-tieredmenu__separator",
+	class: "wi-tieredmenu__separator",
 	role: "separator"
 }, lo = ["disabled", "onClick"], uo = /* @__PURE__ */ p({
 	__name: "TieredMenu",
@@ -4883,21 +4883,21 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			key: 1,
 			to: g.value.to,
 			disabled: g.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
 				ref_key: "root",
 				ref: m,
-				class: y(["wd-tieredmenu wd-tieredmenu--popup", { "wd-tieredmenu--teleported": _.value }]),
+				class: y(["wi-tieredmenu wi-tieredmenu--popup", { "wi-tieredmenu--teleported": _.value }]),
 				role: "menu"
 			}, [(E(!0), l(t, null, j(e.model, (e, n) => (E(), l("div", {
 				key: `${e.label ?? "sep"}-${n}`,
-				class: "wd-tieredmenu__row",
+				class: "wi-tieredmenu__row",
 				onMouseenter: (t) => x(n, e)
 			}, [e.separator ? (E(), l("div", io)) : (E(), l("button", {
 				key: 1,
 				type: "button",
-				class: "wd-tieredmenu__item",
+				class: "wi-tieredmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				"aria-haspopup": e.items?.length ? "menu" : void 0,
@@ -4906,7 +4906,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			}, [u("span", null, P(e.label), 1), e.items?.length ? (E(), l("span", oo, "▸")) : c("", !0)], 8, ao)), e.items?.length && h.value === n ? (E(), l("div", so, [(E(!0), l(t, null, j(e.items, (e, n) => (E(), l(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (E(), l("div", co)) : (E(), l("button", {
 				key: 1,
 				type: "button",
-				class: "wd-tieredmenu__item",
+				class: "wi-tieredmenu__item",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: (t) => b(e)
@@ -4916,16 +4916,16 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			key: 0,
 			ref_key: "root",
 			ref: m,
-			class: "wd-tieredmenu",
+			class: "wi-tieredmenu",
 			role: "menu"
 		}, [(E(!0), l(t, null, j(e.model, (e, n) => (E(), l("div", {
 			key: `${e.label ?? "sep"}-${n}`,
-			class: "wd-tieredmenu__row",
+			class: "wi-tieredmenu__row",
 			onMouseenter: (t) => x(n, e)
 		}, [e.separator ? (E(), l("div", Za)) : (E(), l("button", {
 			key: 1,
 			type: "button",
-			class: "wd-tieredmenu__item",
+			class: "wi-tieredmenu__item",
 			role: "menuitem",
 			disabled: e.disabled,
 			"aria-haspopup": e.items?.length ? "menu" : void 0,
@@ -4934,13 +4934,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [u("span", null, P(e.label), 1), e.items?.length ? (E(), l("span", $a, "▸")) : c("", !0)], 8, Qa)), e.items?.length && h.value === n ? (E(), l("div", eo, [(E(!0), l(t, null, j(e.items, (e, n) => (E(), l(t, { key: `${e.label ?? "sep"}-${n}` }, [e.separator ? (E(), l("div", to)) : (E(), l("button", {
 			key: 1,
 			type: "button",
-			class: "wd-tieredmenu__item",
+			class: "wi-tieredmenu__item",
 			role: "menuitem",
 			disabled: e.disabled,
 			onClick: (t) => b(e)
 		}, P(e.label), 9, no))], 64))), 128))])) : c("", !0)], 40, Xa))), 128))], 512));
 	}
-}), fo = ["aria-label"], po = { class: "wd-dialog__header wd-confirmdialog__header" }, mo = { class: "wd-dialog__body wd-confirmdialog__message" }, ho = { class: "wd-dialog__footer wd-confirmdialog__footer" }, go = /* @__PURE__ */ p({
+}), fo = ["aria-label"], po = { class: "wi-dialog__header wi-confirmdialog__header" }, mo = { class: "wi-dialog__body wi-confirmdialog__message" }, ho = { class: "wi-dialog__footer wi-confirmdialog__footer" }, go = /* @__PURE__ */ p({
 	__name: "ConfirmDialog",
 	props: {
 		modelValue: {
@@ -4965,8 +4965,8 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	],
 	setup(e, { emit: t }) {
 		let r = e, a = t, p = Y(), m = Z(), h = k(null), g = o(() => Q(r, p.value.appendTo)), _ = o(() => r.header ?? m.value.confirm), v = o(() => r.acceptLabel ?? m.value.accept), y = o(() => r.rejectLabel ?? m.value.reject), x = k(at()), S = o(() => ({
-			"--wd-dialog-origin-x": `${x.value.x}px`,
-			"--wd-dialog-origin-y": `${x.value.y}px`
+			"--wi-dialog-origin-x": `${x.value.x}px`,
+			"--wi-dialog-origin-y": `${x.value.y}px`
 		}));
 		function C() {
 			a("update:modelValue", !1);
@@ -4987,18 +4987,18 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (t, r) => (E(), s(n, {
 			to: g.value.to,
 			disabled: g.value.disabled
-		}, [f(i, { name: "wd-dialog" }, {
+		}, [f(i, { name: "wi-dialog" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
-				class: "wd-dialog-backdrop wd-dialog-backdrop--center wd-dialog-backdrop--modal wd-confirmdialog-backdrop",
+				class: "wi-dialog-backdrop wi-dialog-backdrop--center wi-dialog-backdrop--modal wi-confirmdialog-backdrop",
 				style: b(S.value)
 			}, [u("div", {
-				class: "wd-dialog-zoom",
+				class: "wi-dialog-zoom",
 				onClick: K(T, ["self"])
 			}, [u("section", {
 				ref_key: "dialogElement",
 				ref: h,
-				class: "wd-dialog wd-confirmdialog",
+				class: "wi-dialog wi-confirmdialog",
 				role: "alertdialog",
 				"aria-modal": "true",
 				"aria-label": _.value,
@@ -5021,7 +5021,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), _o = {
 	key: 0,
-	class: "wd-datepicker__label"
+	class: "wi-datepicker__label"
 }, vo = [
 	"value",
 	"placeholder",
@@ -5029,7 +5029,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"aria-invalid",
 	"aria-expanded",
 	"onKeydown"
-], yo = ["aria-label", "disabled"], bo = ["aria-label"], xo = { class: "wd-datepicker__header" }, So = ["aria-label"], Co = { class: "wd-datepicker__month" }, wo = ["aria-label"], To = { class: "wd-datepicker__weekdays" }, Eo = { class: "wd-datepicker__grid" }, Do = ["disabled", "onClick"], Oo = /* @__PURE__ */ p({
+], yo = ["aria-label", "disabled"], bo = ["aria-label"], xo = { class: "wi-datepicker__header" }, So = ["aria-label"], Co = { class: "wi-datepicker__month" }, wo = ["aria-label"], To = { class: "wi-datepicker__weekdays" }, Eo = { class: "wi-datepicker__grid" }, Do = ["disabled", "onClick"], Oo = /* @__PURE__ */ p({
 	__name: "DatePicker",
 	props: {
 		modelValue: { default: null },
@@ -5102,13 +5102,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			};
 		}
 		let te = o(() => [
-			"wd-datepicker",
-			`wd-datepicker--${h.value}`,
+			"wi-datepicker",
+			`wi-datepicker--${h.value}`,
 			{
-				"wd-datepicker--fluid": a.fluid,
-				"wd-datepicker--disabled": a.disabled,
-				"wd-datepicker--invalid": a.invalid,
-				"wd-datepicker--open": g.value
+				"wi-datepicker--fluid": a.fluid,
+				"wi-datepicker--disabled": a.disabled,
+				"wi-datepicker--invalid": a.invalid,
+				"wi-datepicker--open": g.value
 			}
 		]);
 		function ne() {
@@ -5165,9 +5165,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			u("div", {
 				ref_key: "trigger",
 				ref: x,
-				class: "wd-datepicker__control"
+				class: "wi-datepicker__control"
 			}, [u("input", {
-				class: "wd-datepicker__input",
+				class: "wi-datepicker__input",
 				type: "text",
 				readonly: "",
 				value: B.value,
@@ -5181,7 +5181,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			}, null, 40, vo), B.value ? (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-datepicker__clear",
+				class: "wi-datepicker__clear",
 				"aria-label": L(m).clearDate,
 				disabled: e.disabled,
 				onClick: se
@@ -5189,12 +5189,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			(E(), s(n, {
 				to: O.value.to,
 				disabled: O.value.disabled
-			}, [f(i, { name: "wd-scale-fade" }, {
+			}, [f(i, { name: "wi-scale-fade" }, {
 				default: W(() => [g.value ? (E(), l("div", {
 					key: 0,
 					ref_key: "panel",
 					ref: C,
-					class: y(["wd-datepicker__panel", { "wd-datepicker__panel--teleported": A.value }]),
+					class: y(["wi-datepicker__panel", { "wi-datepicker__panel--teleported": A.value }]),
 					style: b(A.value ? w.value : void 0),
 					role: "dialog",
 					"aria-label": L(m).datePicker
@@ -5202,14 +5202,14 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 					u("div", xo, [
 						u("button", {
 							type: "button",
-							class: "wd-datepicker__nav",
+							class: "wi-datepicker__nav",
 							"aria-label": L(m).prevMonth,
 							onClick: J
 						}, "‹", 8, So),
 						u("span", Co, P(V.value), 1),
 						u("button", {
 							type: "button",
-							class: "wd-datepicker__nav",
+							class: "wi-datepicker__nav",
 							"aria-label": L(m).nextMonth,
 							onClick: ae
 						}, "›", 8, wo)
@@ -5218,9 +5218,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 					u("div", Eo, [(E(!0), l(t, null, j(H.value, (e) => (E(), l("button", {
 						key: e.date.toISOString(),
 						type: "button",
-						class: y(["wd-datepicker__day", {
-							"wd-datepicker__day--other": !e.inMonth,
-							"wd-datepicker__day--selected": e.selected
+						class: y(["wi-datepicker__day", {
+							"wi-datepicker__day--other": !e.inMonth,
+							"wi-datepicker__day--selected": e.selected
 						}]),
 						disabled: e.disabled,
 						onClick: (t) => oe(e.date, e.disabled)
@@ -5240,7 +5240,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"onClick"
 ], Mo = {
 	key: 0,
-	class: "wd-listbox__empty"
+	class: "wi-listbox__empty"
 }, No = /* @__PURE__ */ p({
 	__name: "Listbox",
 	props: {
@@ -5265,9 +5265,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		let r = e, i = n, a = k(""), s = Z(), d = o(() => {
 			let e = a.value.trim().toLowerCase();
 			return e ? r.options.filter((t) => t.label.toLowerCase().includes(e)) : r.options;
-		}), f = o(() => ["wd-listbox", {
-			"wd-listbox--disabled": r.disabled,
-			"wd-listbox--multiple": r.multiple
+		}), f = o(() => ["wi-listbox", {
+			"wi-listbox--disabled": r.disabled,
+			"wi-listbox--multiple": r.multiple
 		}]);
 		function p(e) {
 			return r.multiple ? (Array.isArray(r.modelValue) ? r.modelValue : []).includes(e) : r.modelValue === e;
@@ -5285,13 +5285,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		return (n, r) => (E(), l("div", { class: y(f.value) }, [e.filter ? te((E(), l("input", {
 			key: 0,
 			"onUpdate:modelValue": r[0] ||= (e) => a.value = e,
-			class: "wd-listbox__filter",
+			class: "wi-listbox__filter",
 			type: "search",
 			placeholder: L(s).filterOptions,
 			disabled: e.disabled,
 			"aria-label": L(s).filterOptions
 		}, null, 8, ko)), [[V, a.value]]) : c("", !0), u("ul", {
-			class: "wd-listbox__list",
+			class: "wi-listbox__list",
 			role: "listbox",
 			"aria-multiselectable": e.multiple || void 0,
 			style: b(e.listStyle)
@@ -5300,7 +5300,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			role: "presentation"
 		}, [u("button", {
 			type: "button",
-			class: y(["wd-listbox__option", { "wd-listbox__option--selected": p(t.value) }]),
+			class: y(["wi-listbox__option", { "wi-listbox__option--selected": p(t.value) }]),
 			role: "option",
 			"aria-selected": p(t.value),
 			disabled: e.disabled || t.disabled,
@@ -5309,9 +5309,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), Po = ["disabled", "aria-pressed"], Fo = {
 	key: 0,
-	class: "wd-togglebutton__icon",
+	class: "wi-togglebutton__icon",
 	"aria-hidden": "true"
-}, Io = { class: "wd-togglebutton__label" }, Lo = /* @__PURE__ */ p({
+}, Io = { class: "wi-togglebutton__label" }, Lo = /* @__PURE__ */ p({
 	__name: "ToggleButton",
 	props: {
 		modelValue: {
@@ -5331,11 +5331,11 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = e, r = t, i = Y(), a = o(() => ke(n.size ?? i.value.size)), s = o(() => [
-			"wd-togglebutton",
-			`wd-togglebutton--${a.value}`,
+			"wi-togglebutton",
+			`wi-togglebutton--${a.value}`,
 			{
-				"wd-togglebutton--checked": n.modelValue,
-				"wd-togglebutton--disabled": n.disabled
+				"wi-togglebutton--checked": n.modelValue,
+				"wi-togglebutton--disabled": n.disabled
 			}
 		]), d = o(() => n.modelValue ? n.onLabel : n.offLabel), f = o(() => n.modelValue ? n.onIcon : n.offIcon);
 		function p() {
@@ -5374,7 +5374,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		let r = e, i = n, a = Z(), s = k([]), c = o(() => {
 			let e = r.modelValue ?? "";
 			return Array.from({ length: r.length }, (t, n) => e[n] ?? "");
-		}), u = o(() => ["wd-inputotp", { "wd-inputotp--disabled": r.disabled }]);
+		}), u = o(() => ["wi-inputotp", { "wi-inputotp--disabled": r.disabled }]);
 		function d(e, t) {
 			s.value[t] = e instanceof HTMLInputElement ? e : null;
 		}
@@ -5422,7 +5422,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			key: n,
 			ref_for: !0,
 			ref: (e) => d(e, n),
-			class: "wd-inputotp__input",
+			class: "wi-inputotp__input",
 			type: "text",
 			inputmode: "text",
 			maxlength: "1",
@@ -5455,7 +5455,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"stroke-dasharray",
 	"stroke-dashoffset",
 	"transform"
-], Wo = { class: "wd-knob__label" }, Go = /* @__PURE__ */ p({
+], Wo = { class: "wi-knob__label" }, Go = /* @__PURE__ */ p({
 	__name: "Knob",
 	props: {
 		modelValue: { default: 0 },
@@ -5477,7 +5477,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), c = o(() => {
 			let e = n.max - n.min;
 			return e <= 0 ? 0 : (s.value - n.min) / e;
-		}), d = o(() => n.size / 2 - 8), f = o(() => 2 * Math.PI * d.value), p = o(() => f.value * (1 - c.value)), m = o(() => n.valueTemplate.replace(/\{value\}/g, String(s.value))), h = o(() => ["wd-knob", { "wd-knob--disabled": n.disabled }]);
+		}), d = o(() => n.size / 2 - 8), f = o(() => 2 * Math.PI * d.value), p = o(() => f.value * (1 - c.value)), m = o(() => n.valueTemplate.replace(/\{value\}/g, String(s.value))), h = o(() => ["wi-knob", { "wi-knob--disabled": n.disabled }]);
 		function g(e) {
 			let t = Math.round((e - n.min) / n.step) * n.step + n.min;
 			return Math.min(n.max, Math.max(n.min, Number(t.toFixed(6))));
@@ -5514,20 +5514,20 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [(E(), l("svg", {
 			ref_key: "svgRef",
 			ref: i,
-			class: "wd-knob__svg",
+			class: "wi-knob__svg",
 			width: e.size,
 			height: e.size,
 			viewBox: `0 0 ${e.size} ${e.size}`,
 			onPointerdown: v
 		}, [u("circle", {
-			class: "wd-knob__track",
+			class: "wi-knob__track",
 			cx: e.size / 2,
 			cy: e.size / 2,
 			r: d.value,
 			fill: "none",
 			"stroke-width": "8"
 		}, null, 8, Ho), u("circle", {
-			class: "wd-knob__value",
+			class: "wi-knob__value",
 			cx: e.size / 2,
 			cy: e.size / 2,
 			r: d.value,
@@ -5570,11 +5570,11 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			let e = (a.modelValue ?? "").trim().toLowerCase();
 			return e ? a.suggestions.filter((t) => t.toLowerCase().includes(e)) : a.suggestions;
 		}), M = o(() => [
-			"wd-autocomplete",
-			`wd-autocomplete--${h.value}`,
+			"wi-autocomplete",
+			`wi-autocomplete--${h.value}`,
 			{
-				"wd-autocomplete--disabled": a.disabled,
-				"wd-autocomplete--open": g.value
+				"wi-autocomplete--disabled": a.disabled,
+				"wi-autocomplete--open": g.value
 			}
 		]);
 		function N() {
@@ -5650,9 +5650,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [u("div", {
 			ref_key: "trigger",
 			ref: x,
-			class: "wd-autocomplete__control"
+			class: "wi-autocomplete__control"
 		}, [u("input", {
-			class: "wd-autocomplete__input",
+			class: "wi-autocomplete__input",
 			type: "text",
 			role: "combobox",
 			value: e.modelValue,
@@ -5666,7 +5666,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, null, 40, Ko), e.dropdown ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-autocomplete__dropdown",
+			class: "wi-autocomplete__dropdown",
 			"aria-label": L(m).showSuggestions,
 			disabled: e.disabled,
 			onClick: z
@@ -5676,17 +5676,17 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		})], 8, qo)) : c("", !0)], 512), (E(), s(n, {
 			to: D.value.to,
 			disabled: D.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [g.value && A.value.length ? (E(), l("ul", {
 				key: 0,
 				ref_key: "panel",
 				ref: C,
-				class: y(["wd-autocomplete__panel", { "wd-autocomplete__panel--teleported": O.value }]),
+				class: y(["wi-autocomplete__panel", { "wi-autocomplete__panel--teleported": O.value }]),
 				style: b(O.value ? w.value : void 0),
 				role: "listbox"
 			}, [(E(!0), l(t, null, j(A.value, (e, t) => (E(), l("li", {
 				key: `${e}-${t}`,
-				class: y(["wd-autocomplete__item", { "wd-autocomplete__item--active": t === T.value }]),
+				class: y(["wi-autocomplete__item", { "wi-autocomplete__item--active": t === T.value }]),
 				role: "option",
 				"aria-selected": t === T.value,
 				onMousedown: K((t) => R(e), ["prevent"])
@@ -5696,7 +5696,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), Xo = ["disabled"], Zo = {
 	key: 0,
-	class: "wd-splitbutton__icon",
+	class: "wi-splitbutton__icon",
 	"aria-hidden": "true"
 }, Qo = { key: 1 }, $o = [
 	"aria-label",
@@ -5727,13 +5727,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	emits: ["click", "command"],
 	setup(e, { emit: r }) {
 		let a = e, d = r, p = Y(), m = Z(), h = k(!1), g = k(null), _ = k(null), x = k({}), C = o(() => ke(a.size ?? p.value.size)), w = o(() => Q(a, p.value.appendTo)), T = o(() => $(a, p.value.appendTo)), D = o(() => [
-			"wd-splitbutton",
-			`wd-splitbutton--${C.value}`,
+			"wi-splitbutton",
+			`wi-splitbutton--${C.value}`,
 			{
-				"wd-splitbutton--disabled": a.disabled,
-				"wd-splitbutton--outlined": a.outlined,
-				[`wd-splitbutton--${a.severity}`]: !!a.severity,
-				"wd-splitbutton--open": h.value
+				"wi-splitbutton--disabled": a.disabled,
+				"wi-splitbutton--outlined": a.outlined,
+				[`wi-splitbutton--${a.severity}`]: !!a.severity,
+				"wi-splitbutton--open": h.value
 			}
 		]);
 		function O() {
@@ -5773,13 +5773,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [
 			u("button", {
 				type: "button",
-				class: "wd-splitbutton__main",
+				class: "wi-splitbutton__main",
 				disabled: e.disabled,
 				onClick: M
 			}, [e.icon ? (E(), l("span", Zo, P(e.icon), 1)) : c("", !0), e.label ? (E(), l("span", Qo, P(e.label), 1)) : c("", !0)], 8, Xo),
 			u("button", {
 				type: "button",
-				class: "wd-splitbutton__trigger",
+				class: "wi-splitbutton__trigger",
 				"aria-label": L(m).moreActions,
 				"aria-expanded": h.value,
 				"aria-haspopup": "menu",
@@ -5789,12 +5789,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			(E(), s(n, {
 				to: w.value.to,
 				disabled: w.value.disabled
-			}, [f(i, { name: "wd-scale-fade" }, {
+			}, [f(i, { name: "wi-scale-fade" }, {
 				default: W(() => [h.value ? (E(), l("ul", {
 					key: 0,
 					ref_key: "menu",
 					ref: _,
-					class: y(["wd-splitbutton__menu", { "wd-splitbutton__menu--teleported": T.value }]),
+					class: y(["wi-splitbutton__menu", { "wi-splitbutton__menu--teleported": T.value }]),
 					style: b(T.value ? x.value : void 0),
 					role: "menu"
 				}, [(E(!0), l(t, null, j(e.model, (e, t) => (E(), l("li", {
@@ -5802,7 +5802,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 					role: "presentation"
 				}, [u("button", {
 					type: "button",
-					class: "wd-splitbutton__item",
+					class: "wi-splitbutton__item",
 					role: "menuitem",
 					disabled: e.disabled,
 					onClick: (t) => F(e)
@@ -5811,17 +5811,17 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			})], 8, ["to", "disabled"]))
 		], 2));
 	}
-}), ns = Symbol("wd-tree"), rs = Symbol("wd-tree-node-slot"), is = ["aria-expanded", "aria-disabled"], as = ["draggable"], os = ["aria-label", "disabled"], ss = {
+}), ns = Symbol("wi-tree"), rs = Symbol("wi-tree-node-slot"), is = ["aria-expanded", "aria-disabled"], as = ["draggable"], os = ["aria-label", "disabled"], ss = {
 	key: 1,
-	class: "wd-tree__toggler wd-tree__toggler--leaf",
+	class: "wi-tree__toggler wi-tree__toggler--leaf",
 	"aria-hidden": "true"
 }, cs = {
 	key: 3,
-	class: "wd-tree__icon",
+	class: "wi-tree__icon",
 	"aria-hidden": "true"
 }, ls = ["disabled"], us = {
 	key: 0,
-	class: "wd-tree__children",
+	class: "wi-tree__children",
 	role: "group"
 }, ds = /* @__PURE__ */ p({
 	__name: "TreeNodeItem",
@@ -5834,16 +5834,16 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			data: n.node
 		}));
 		return (n, i) => (E(), l("li", {
-			class: "wd-tree__node",
+			class: "wi-tree__node",
 			role: "treeitem",
 			"aria-expanded": x.value ? f.value : void 0,
 			"aria-disabled": _.value || void 0
 		}, [u("div", {
-			class: y(["wd-tree__row", {
-				"wd-tree__row--selected": p.value,
-				"wd-tree__row--disabled": _.value,
-				"wd-tree__row--matched": v.value,
-				"wd-tree__row--indeterminate": g.value
+			class: y(["wi-tree__row", {
+				"wi-tree__row--selected": p.value,
+				"wi-tree__row--disabled": _.value,
+				"wi-tree__row--matched": v.value,
+				"wi-tree__row--indeterminate": g.value
 			}]),
 			draggable: L(r).draggable && !_.value,
 			onDragstart: i[4] ||= (t) => L(r).onDragStart(e.node, t),
@@ -5853,7 +5853,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			x.value ? (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-tree__toggler",
+				class: "wi-tree__toggler",
 				"aria-label": f.value ? L(a).collapse : L(a).expand,
 				disabled: _.value,
 				onClick: i[0] ||= (t) => L(r).toggleExpand(e.node)
@@ -5868,7 +5868,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			}, null, 8, ["name"]))], 8, os)) : (E(), l("span", ss)),
 			L(r).showCheckbox ? (E(), s(Nt, {
 				key: 2,
-				class: "wd-tree__checkbox",
+				class: "wi-tree__checkbox",
 				"model-value": m.value || g.value,
 				disabled: _.value,
 				"onUpdate:modelValue": i[1] ||= (t) => L(r).toggleCheck(e.node),
@@ -5881,7 +5881,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			}, null, 8, ["name"])) : (E(), l(t, { key: 1 }, [d(P(e.node.icon), 1)], 64))])) : c("", !0),
 			u("button", {
 				type: "button",
-				class: "wd-tree__label",
+				class: "wi-tree__label",
 				disabled: _.value,
 				onClick: i[3] ||= (t) => L(r).select(e.node)
 			}, [w.value ? (E(), s(N({ render: () => w.value }), { key: 0 })) : (E(), l(t, { key: 1 }, [d(P(e.node.label), 1)], 64))], 8, ls)
@@ -5891,7 +5891,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, null, 8, ["node"]))), 128))])) : c("", !0)], 8, is));
 	}
 }), fs = {
-	class: "wd-tree",
+	class: "wi-tree",
 	role: "tree"
 }, ps = /* @__PURE__ */ p({
 	__name: "Tree",
@@ -6121,12 +6121,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			node: e
 		}, null, 8, ["node"]))), 128))]));
 	}
-}), ms = { class: "wd-timeline__opposite" }, hs = { class: "wd-timeline__separator" }, gs = {
+}), ms = { class: "wi-timeline__opposite" }, hs = { class: "wi-timeline__separator" }, gs = {
 	key: 1,
 	"aria-hidden": "true"
-}, _s = { class: "wd-timeline__content" }, vs = {
+}, _s = { class: "wi-timeline__content" }, vs = {
 	key: 0,
-	class: "wd-timeline__status"
+	class: "wi-timeline__status"
 }, ys = /* @__PURE__ */ p({
 	__name: "Timeline",
 	props: {
@@ -6136,9 +6136,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	},
 	setup(e) {
 		let n = e, r = o(() => [
-			"wd-timeline",
-			`wd-timeline--${n.layout}`,
-			`wd-timeline--${n.align}`
+			"wi-timeline",
+			`wi-timeline--${n.layout}`,
+			`wi-timeline--${n.align}`
 		]);
 		function i(e) {
 			return n.align === "right" ? "right" : n.align === "alternate" ? e % 2 == 0 ? "left" : "right" : "left";
@@ -6155,14 +6155,14 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}
 		function p(e) {
 			let t = a(e.severity);
-			return t ? `wd-timeline__marker--${t}` : void 0;
+			return t ? `wi-timeline__marker--${t}` : void 0;
 		}
 		function m(e) {
 			if (e.icon && Ne(String(e.icon))) return e.icon;
 		}
 		return (n, a) => (E(), l("ul", { class: y(r.value) }, [(E(!0), l(t, null, j(e.value, (e, t) => (E(), l("li", {
 			key: t,
-			class: y(["wd-timeline__event", `wd-timeline__event--${i(t)}`])
+			class: y(["wi-timeline__event", `wi-timeline__event--${i(t)}`])
 		}, [
 			u("div", ms, [M(n.$slots, "opposite", {
 				item: e,
@@ -6172,7 +6172,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				item: e,
 				index: t
 			}, () => [u("span", {
-				class: y(["wd-timeline__marker", p(e)]),
+				class: y(["wi-timeline__marker", p(e)]),
 				style: b(f(e))
 			}, [m(e) ? (E(), s(X, {
 				key: 0,
@@ -6181,14 +6181,14 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			}, null, 8, ["name"])) : e.icon ? (E(), l("span", gs, P(e.icon), 1)) : c("", !0)], 6)]), M(n.$slots, "connector", {
 				item: e,
 				index: t
-			}, () => [a[0] ||= u("span", { class: "wd-timeline__connector" }, null, -1)])]),
+			}, () => [a[0] ||= u("span", { class: "wi-timeline__connector" }, null, -1)])]),
 			u("div", _s, [M(n.$slots, "content", {
 				item: e,
 				index: t
 			}, () => [e.status ? (E(), l("div", vs, P(e.status), 1)) : c("", !0), u("div", null, P(e.content), 1)])])
 		], 2))), 128))], 2));
 	}
-}), bs = { class: "wd-dataview__content" }, xs = { class: "wd-dataview__list" }, Ss = { class: "wd-dataview__grid" }, Cs = /* @__PURE__ */ p({
+}), bs = { class: "wi-dataview__content" }, xs = { class: "wi-dataview__list" }, Ss = { class: "wi-dataview__grid" }, Cs = /* @__PURE__ */ p({
 	__name: "DataView",
 	props: {
 		value: { default: () => [] },
@@ -6204,7 +6204,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			if (!n.paginator) return n.value;
 			let e = (r.value - 1) * n.rows;
 			return n.value.slice(e, e + n.rows);
-		}), a = o(() => ["wd-dataview", `wd-dataview--${n.layout}`]);
+		}), a = o(() => ["wi-dataview", `wi-dataview--${n.layout}`]);
 		return U(() => [
 			n.value.length,
 			n.rows,
@@ -6213,15 +6213,15 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			r.value = 1;
 		}), (n, o) => (E(), l("div", { class: y(a.value) }, [u("div", bs, [e.layout === "list" ? M(n.$slots, "list", { items: i.value }, () => [u("ul", xs, [(E(!0), l(t, null, j(i.value, (e, t) => (E(), l("li", {
 			key: t,
-			class: "wd-dataview__list-item"
+			class: "wi-dataview__list-item"
 		}, P(e), 1))), 128))])], void 0, 0) : M(n.$slots, "grid", { items: i.value }, () => [u("div", Ss, [(E(!0), l(t, null, j(i.value, (e, t) => (E(), l("div", {
 			key: t,
-			class: "wd-dataview__grid-item"
+			class: "wi-dataview__grid-item"
 		}, P(e), 1))), 128))])], void 0, 1)]), e.paginator ? (E(), s(Yn, {
 			key: 0,
 			modelValue: r.value,
 			"onUpdate:modelValue": o[0] ||= (e) => r.value = e,
-			class: "wd-dataview__paginator",
+			class: "wi-dataview__paginator",
 			"total-records": e.value.length,
 			rows: e.rows
 		}, null, 8, [
@@ -6230,7 +6230,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"rows"
 		])) : c("", !0)], 2));
 	}
-}), ws = { class: "wd-confirmpopup__message" }, Ts = { class: "wd-confirmpopup__footer" }, Es = /* @__PURE__ */ p({
+}), ws = { class: "wi-confirmpopup__message" }, Ts = { class: "wi-confirmpopup__footer" }, Es = /* @__PURE__ */ p({
 	__name: "ConfirmPopup",
 	props: {
 		modelValue: {
@@ -6304,12 +6304,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		return (t, r) => (E(), s(n, {
 			to: _.value.to,
 			disabled: _.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [j.value ? (E(), l("div", {
 				key: 0,
 				ref_key: "panel",
 				ref: h,
-				class: y(["wd-confirmpopup", { "wd-confirmpopup--teleported": x.value }]),
+				class: y(["wi-confirmpopup", { "wi-confirmpopup--teleported": x.value }]),
 				role: "alertdialog",
 				"aria-modal": "true",
 				tabindex: "-1",
@@ -6339,10 +6339,10 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		appendTo: {}
 	},
 	setup(e) {
-		let t = e, r = Y(), i = Z(), a = k(null), c = k(null), f = k(!1), p = o(() => Q(t, r.value.appendTo)), m = o(() => $(t, r.value.appendTo)), h = o(() => ["wd-scrolltop", {
-			"wd-scrolltop--visible": f.value,
-			"wd-scrolltop--parent": t.target === "parent",
-			"wd-scrolltop--teleported": m.value
+		let t = e, r = Y(), i = Z(), a = k(null), c = k(null), f = k(!1), p = o(() => Q(t, r.value.appendTo)), m = o(() => $(t, r.value.appendTo)), h = o(() => ["wi-scrolltop", {
+			"wi-scrolltop--visible": f.value,
+			"wi-scrolltop--parent": t.target === "parent",
+			"wi-scrolltop--teleported": m.value
 		}]);
 		function g() {
 			return t.target === "window" ? window : a.value?.parentElement ?? window;
@@ -6379,7 +6379,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (e, t) => (E(), l("span", {
 			ref_key: "anchor",
 			ref: a,
-			class: "wd-scrolltop-anchor",
+			class: "wi-scrolltop-anchor",
 			"aria-hidden": "true"
 		}, [(E(), s(n, {
 			to: p.value.to,
@@ -6396,7 +6396,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), ks = ["aria-busy"], As = {
 	key: 0,
-	class: "wd-blockui__overlay",
+	class: "wi-blockui__overlay",
 	role: "presentation",
 	"aria-hidden": "true"
 }, js = /* @__PURE__ */ p({
@@ -6406,15 +6406,15 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		default: !1
 	} },
 	setup(e) {
-		let t = e, n = o(() => ["wd-blockui", { "wd-blockui--blocked": t.blocked }]);
+		let t = e, n = o(() => ["wi-blockui", { "wi-blockui--blocked": t.blocked }]);
 		return (t, r) => (E(), l("div", { class: y(n.value) }, [u("div", {
-			class: "wd-blockui__content",
+			class: "wi-blockui__content",
 			"aria-busy": e.blocked || void 0
 		}, [M(t.$slots, "default")], 8, ks), e.blocked ? (E(), l("div", As)) : c("", !0)], 2));
 	}
 }), Ms = ["tabindex", "onKeydown"], Ns = {
 	key: 1,
-	class: "wd-inplace__content"
+	class: "wi-inplace__content"
 }, Ps = /* @__PURE__ */ p({
 	__name: "Inplace",
 	props: {
@@ -6429,9 +6429,9 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = o(() => ["wd-inplace", {
-			"wd-inplace--active": r.modelValue,
-			"wd-inplace--disabled": r.disabled
+		let r = e, i = n, a = o(() => ["wi-inplace", {
+			"wi-inplace--active": r.modelValue,
+			"wi-inplace--disabled": r.disabled
 		}]);
 		function s() {
 			r.disabled || r.modelValue || i("update:modelValue", !0);
@@ -6444,14 +6444,14 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			deactivate: c
 		}), (t, n) => (E(), l("div", { class: y(a.value) }, [e.modelValue ? (E(), l("div", Ns, [M(t.$slots, "content", { close: c })])) : (E(), l("div", {
 			key: 0,
-			class: "wd-inplace__display",
+			class: "wi-inplace__display",
 			role: "button",
 			tabindex: e.disabled ? -1 : 0,
 			onClick: s,
 			onKeydown: [G(K(s, ["prevent"]), ["enter"]), G(K(s, ["prevent"]), ["space"])]
 		}, [M(t.$slots, "display")], 40, Ms))], 2));
 	}
-}), Fs = ["disabled", "aria-expanded"], Is = { class: "wd-cascadeselect__label" }, Ls = [
+}), Fs = ["disabled", "aria-expanded"], Is = { class: "wi-cascadeselect__label" }, Ls = [
 	"disabled",
 	"aria-selected",
 	"onClick"
@@ -6527,41 +6527,41 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), l("div", {
 			ref_key: "root",
 			ref: _,
-			class: y(["wd-cascadeselect", [`wd-cascadeselect--${h.value}`, {
-				"wd-cascadeselect--disabled": e.disabled,
-				"wd-cascadeselect--open": g.value
+			class: y(["wi-cascadeselect", [`wi-cascadeselect--${h.value}`, {
+				"wi-cascadeselect--disabled": e.disabled,
+				"wi-cascadeselect--open": g.value
 			}]])
 		}, [u("button", {
 			ref_key: "trigger",
 			ref: x,
 			type: "button",
-			class: "wd-cascadeselect__trigger",
+			class: "wi-cascadeselect__trigger",
 			disabled: e.disabled,
 			"aria-expanded": g.value,
 			"aria-haspopup": "listbox",
 			onClick: F
 		}, [u("span", Is, P(A.value), 1), a[0] ||= u("span", {
-			class: "wd-cascadeselect__caret",
+			class: "wi-cascadeselect__caret",
 			"aria-hidden": "true"
 		}, "▾", -1)], 8, Fs), (E(), s(n, {
 			to: D.value.to,
 			disabled: D.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [g.value ? (E(), l("div", {
 				key: 0,
 				ref_key: "panel",
 				ref: C,
-				class: y(["wd-cascadeselect__panel", { "wd-cascadeselect__panel--teleported": O.value }]),
+				class: y(["wi-cascadeselect__panel", { "wi-cascadeselect__panel--teleported": O.value }]),
 				style: b(w.value),
 				role: "listbox"
 			}, [(E(!0), l(t, null, j(T.value, (n, r) => (E(), l("ul", {
 				key: r,
-				class: "wd-cascadeselect__column"
+				class: "wi-cascadeselect__column"
 			}, [(E(!0), l(t, null, j(n, (t) => (E(), l("li", { key: String(t.value) }, [u("button", {
 				type: "button",
-				class: y(["wd-cascadeselect__option", {
-					"wd-cascadeselect__option--selected": t.value === e.modelValue,
-					"wd-cascadeselect__option--parent": !!t.children?.length
+				class: y(["wi-cascadeselect__option", {
+					"wi-cascadeselect__option--selected": t.value === e.modelValue,
+					"wi-cascadeselect__option--parent": !!t.children?.length
 				}]),
 				disabled: t.disabled,
 				role: "option",
@@ -6573,7 +6573,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	}
 }), Bs = ["aria-expanded"], Vs = ["aria-label"], Hs = {
 	key: 1,
-	class: "wd-treeselect__toggler-spacer"
+	class: "wi-treeselect__toggler-spacer"
 }, Us = ["disabled"], Ws = {
 	key: 0,
 	role: "group"
@@ -6589,21 +6589,21 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	setup(e) {
 		let n = Z();
 		return (r, i) => (E(), l("li", {
-			class: "wd-treeselect__node",
+			class: "wi-treeselect__node",
 			role: "treeitem",
 			"aria-expanded": e.node.children?.length ? !!e.expanded[e.node.key] : void 0
 		}, [u("div", {
-			class: "wd-treeselect__row",
+			class: "wi-treeselect__row",
 			style: b({ paddingLeft: `${e.depth * .75}rem` })
 		}, [e.node.children?.length ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-treeselect__toggler",
+			class: "wi-treeselect__toggler",
 			"aria-label": e.expanded[e.node.key] ? L(n).collapse : L(n).expand,
 			onClick: i[0] ||= K((t) => r.$emit("toggle", e.node.key), ["stop"])
 		}, P(e.expanded[e.node.key] ? "▾" : "▸"), 9, Vs)) : (E(), l("span", Hs)), u("button", {
 			type: "button",
-			class: y(["wd-treeselect__option", { "wd-treeselect__option--selected": e.selectedKey === e.node.key }]),
+			class: y(["wi-treeselect__option", { "wi-treeselect__option--selected": e.selectedKey === e.node.key }]),
 			disabled: e.node.disabled,
 			onClick: i[1] ||= (t) => r.$emit("select", e.node)
 		}, P(e.node.label), 11, Us)], 4), e.node.children?.length && e.expanded[e.node.key] ? (E(), l("ul", Ws, [(E(!0), l(t, null, j(e.node.children, (t) => (E(), s(Gs, {
@@ -6621,8 +6621,8 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"expanded"
 		]))), 128))])) : c("", !0)], 8, Bs));
 	}
-}), Ks = ["disabled", "aria-expanded"], qs = { class: "wd-treeselect__label" }, Js = {
-	class: "wd-treeselect__tree",
+}), Ks = ["disabled", "aria-expanded"], qs = { class: "wi-treeselect__label" }, Js = {
+	class: "wi-treeselect__tree",
 	role: "tree"
 }, Ys = /* @__PURE__ */ p({
 	__name: "TreeSelect",
@@ -6691,31 +6691,31 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), l("div", {
 			ref_key: "root",
 			ref: _,
-			class: y(["wd-treeselect", [`wd-treeselect--${h.value}`, {
-				"wd-treeselect--disabled": e.disabled,
-				"wd-treeselect--open": g.value
+			class: y(["wi-treeselect", [`wi-treeselect--${h.value}`, {
+				"wi-treeselect--disabled": e.disabled,
+				"wi-treeselect--open": g.value
 			}]])
 		}, [u("button", {
 			ref_key: "trigger",
 			ref: x,
 			type: "button",
-			class: "wd-treeselect__trigger",
+			class: "wi-treeselect__trigger",
 			disabled: e.disabled,
 			"aria-expanded": g.value,
 			"aria-haspopup": "tree",
 			onClick: F
 		}, [u("span", qs, P(A.value), 1), a[0] ||= u("span", {
-			class: "wd-treeselect__caret",
+			class: "wi-treeselect__caret",
 			"aria-hidden": "true"
 		}, "▾", -1)], 8, Ks), (E(), s(n, {
 			to: D.value.to,
 			disabled: D.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [g.value ? (E(), l("div", {
 				key: 0,
 				ref_key: "panel",
 				ref: C,
-				class: y(["wd-treeselect__panel", { "wd-treeselect__panel--teleported": O.value }]),
+				class: y(["wi-treeselect__panel", { "wi-treeselect__panel--teleported": O.value }]),
 				style: b(O.value ? w.value : void 0)
 			}, [u("ul", Js, [(E(!0), l(t, null, j(e.options, (t) => (E(), s(Gs, {
 				key: t.key,
@@ -6762,8 +6762,8 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			let t = e.target;
 			r("update:modelValue", t.value);
 		}
-		return (t, n) => (E(), l("div", { class: y(["wd-inputcolor", { "wd-inputcolor--disabled": e.disabled }]) }, [u("input", {
-			class: "wd-inputcolor__swatch",
+		return (t, n) => (E(), l("div", { class: y(["wi-inputcolor", { "wi-inputcolor--disabled": e.disabled }]) }, [u("input", {
+			class: "wi-inputcolor__swatch",
 			type: "color",
 			id: e.id,
 			value: a.value,
@@ -6771,7 +6771,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"aria-label": L(i).selectColor,
 			onInput: s
 		}, null, 40, Xs), u("input", {
-			class: "wd-inputcolor__text",
+			class: "wi-inputcolor__text",
 			type: "text",
 			value: e.modelValue,
 			disabled: e.disabled,
@@ -6827,18 +6827,18 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		function h() {
 			r.addOnBlur && f();
 		}
-		return (n, r) => (E(), l("div", { class: y(["wd-inputtags", { "wd-inputtags--disabled": e.disabled }]) }, [(E(!0), l(t, null, j(e.modelValue, (t, n) => (E(), l("span", {
+		return (n, r) => (E(), l("div", { class: y(["wi-inputtags", { "wi-inputtags--disabled": e.disabled }]) }, [(E(!0), l(t, null, j(e.modelValue, (t, n) => (E(), l("span", {
 			key: `${t}-${n}`,
-			class: "wd-inputtags__chip"
+			class: "wi-inputtags__chip"
 		}, [d(P(t) + " ", 1), u("button", {
 			type: "button",
-			class: "wd-inputtags__remove",
+			class: "wi-inputtags__remove",
 			disabled: e.disabled,
 			"aria-label": L(a).removeTag,
 			onClick: (e) => p(n)
 		}, " × ", 8, $s)]))), 128)), te(u("input", {
 			"onUpdate:modelValue": r[0] ||= (e) => s.value = e,
-			class: "wd-inputtags__input",
+			class: "wi-inputtags__input",
 			type: "text",
 			placeholder: e.modelValue.length ? "" : c.value,
 			disabled: e.disabled,
@@ -6856,7 +6856,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	setup(e) {
 		let t = e, n = R(), r = o(() => t.htmlFor ?? t.for);
 		return (e, t) => (E(), l("label", _({
-			class: "wd-label",
+			class: "wi-label",
 			for: r.value
 		}, L(n)), [M(e.$slots, "default")], 16, nc));
 	}
@@ -6868,7 +6868,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 ], ac = {
 	key: 0,
 	"aria-hidden": "true"
-}, oc = { class: "wd-speeddial__action-label" }, sc = [
+}, oc = { class: "wi-speeddial__action-label" }, sc = [
 	"aria-label",
 	"aria-expanded",
 	"disabled"
@@ -6895,11 +6895,11 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: r }) {
 		let a = e, p = r, m = Y(), h = Z(), g = o(() => a.ariaLabel ?? h.value.speedDial), _ = k(null), x = k(null), C = k(null), w = k({}), T = o(() => Q(a, m.value.appendTo)), D = o(() => $(a, m.value.appendTo)), O = o(() => [
-			"wd-speeddial",
-			`wd-speeddial--${a.direction}`,
+			"wi-speeddial",
+			`wi-speeddial--${a.direction}`,
 			{
-				"wd-speeddial--open": a.modelValue,
-				"wd-speeddial--disabled": a.disabled
+				"wi-speeddial--open": a.modelValue,
+				"wi-speeddial--disabled": a.disabled
 			}
 		]);
 		function A() {
@@ -6943,12 +6943,12 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [(E(), s(n, {
 			to: T.value.to,
 			disabled: T.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("ul", {
 				key: 0,
 				ref_key: "list",
 				ref: C,
-				class: y(["wd-speeddial__list", { "wd-speeddial__list--teleported": D.value }]),
+				class: y(["wi-speeddial__list", { "wi-speeddial__list--teleported": D.value }]),
 				style: b(D.value ? w.value : void 0),
 				role: "menu"
 			}, [(E(!0), l(t, null, j(e.model, (e, t) => (E(), l("li", {
@@ -6956,7 +6956,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				role: "none"
 			}, [u("button", {
 				type: "button",
-				class: "wd-speeddial__action",
+				class: "wi-speeddial__action",
 				role: "menuitem",
 				title: e.label,
 				"aria-label": e.label,
@@ -6968,21 +6968,21 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			ref_key: "button",
 			ref: x,
 			type: "button",
-			class: "wd-speeddial__button",
+			class: "wi-speeddial__button",
 			"aria-label": g.value,
 			"aria-expanded": e.modelValue,
 			disabled: e.disabled,
 			onClick: N
 		}, [M(r.$slots, "icon", {}, () => [a[0] ||= d("+", -1)])], 8, sc)], 2));
 	}
-}), lc = { class: "wd-orderlist" }, uc = { class: "wd-orderlist__controls" }, dc = ["aria-label"], fc = ["aria-label"], pc = [
+}), lc = { class: "wi-orderlist" }, uc = { class: "wi-orderlist__controls" }, dc = ["aria-label"], fc = ["aria-label"], pc = [
 	"aria-selected",
 	"draggable",
 	"onClick",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], mc = ["aria-label"], hc = { class: "wd-orderlist__label" }, gc = /* @__PURE__ */ p({
+], mc = ["aria-label"], hc = { class: "wi-orderlist__label" }, gc = /* @__PURE__ */ p({
 	__name: "OrderList",
 	props: {
 		modelValue: { default: () => [] },
@@ -7044,7 +7044,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}
 		return (n, r) => (E(), l("div", lc, [u("div", uc, [u("button", {
 			type: "button",
-			class: "wd-orderlist__btn",
+			class: "wi-orderlist__btn",
 			"aria-label": L(a).moveUp,
 			onClick: r[0] ||= (e) => v(-1)
 		}, [f(X, {
@@ -7052,22 +7052,22 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			size: "sm"
 		})], 8, dc), u("button", {
 			type: "button",
-			class: "wd-orderlist__btn",
+			class: "wi-orderlist__btn",
 			"aria-label": L(a).moveDown,
 			onClick: r[1] ||= (e) => v(1)
 		}, [f(X, {
 			name: "chevron-down",
 			size: "sm"
 		})], 8, fc)]), u("ul", {
-			class: "wd-orderlist__list",
+			class: "wi-orderlist__list",
 			style: b(e.listStyle),
 			role: "listbox"
 		}, [(E(!0), l(t, null, j(e.modelValue, (t, i) => (E(), l("li", {
 			key: h(t, i),
-			class: y(["wd-orderlist__item", {
-				"wd-orderlist__item--selected": o.value === i,
-				"wd-orderlist__ghost": e.dragdrop && s.value === i,
-				"wd-orderlist__drop-target": e.dragdrop && p.value === i && s.value !== i
+			class: y(["wi-orderlist__item", {
+				"wi-orderlist__item--selected": o.value === i,
+				"wi-orderlist__ghost": e.dragdrop && s.value === i,
+				"wi-orderlist__drop-target": e.dragdrop && p.value === i && s.value !== i
 			}]),
 			role: "option",
 			"aria-selected": o.value === i,
@@ -7080,7 +7080,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [e.dragdrop ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-orderlist__handle",
+			class: "wi-orderlist__handle",
 			"aria-label": L(a).dragToReorder,
 			onClick: r[2] ||= K(() => {}, ["stop"]),
 			onPointerdown: x
@@ -7092,8 +7092,8 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			index: i
 		}, () => [d(P(t), 1)])])], 42, pc))), 128))], 4)]));
 	}
-}), _c = { class: "wd-picklist" }, vc = { class: "wd-picklist__listbox" }, yc = { class: "wd-picklist__header" }, bc = {
-	class: "wd-picklist__list",
+}), _c = { class: "wi-picklist" }, vc = { class: "wi-picklist__listbox" }, yc = { class: "wi-picklist__header" }, bc = {
+	class: "wi-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
@@ -7101,8 +7101,8 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"aria-selected",
 	"onClick",
 	"onKeydown"
-], Sc = { class: "wd-picklist__controls" }, Cc = ["aria-label"], wc = ["aria-label"], Tc = ["aria-label"], Ec = ["aria-label"], Dc = { class: "wd-picklist__listbox" }, Oc = { class: "wd-picklist__header" }, kc = {
-	class: "wd-picklist__list",
+], Sc = { class: "wi-picklist__controls" }, Cc = ["aria-label"], wc = ["aria-label"], Tc = ["aria-label"], Ec = ["aria-label"], Dc = { class: "wi-picklist__listbox" }, Oc = { class: "wi-picklist__header" }, kc = {
+	class: "wi-picklist__list",
 	role: "listbox",
 	"aria-multiselectable": "true",
 	tabindex: "0"
@@ -7148,7 +7148,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		return (n, r) => (E(), l("div", _c, [
 			u("div", vc, [u("div", yc, P(p.value), 1), u("ul", bc, [(E(!0), l(t, null, j(e.source, (e, t) => (E(), l("li", {
 				key: h(e, t),
-				class: y(["wd-picklist__item", { "wd-picklist__item--selected": a.value.includes(t) }]),
+				class: y(["wi-picklist__item", { "wi-picklist__item--selected": a.value.includes(t) }]),
 				role: "option",
 				"aria-selected": a.value.includes(t),
 				tabindex: "0",
@@ -7161,7 +7161,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			u("div", Sc, [
 				u("button", {
 					type: "button",
-					class: "wd-picklist__btn",
+					class: "wi-picklist__btn",
 					"aria-label": L(c).moveAllToTarget,
 					onClick: b
 				}, [f(X, {
@@ -7173,7 +7173,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				})], 8, Cc),
 				u("button", {
 					type: "button",
-					class: "wd-picklist__btn",
+					class: "wi-picklist__btn",
 					"aria-label": L(c).moveToTarget,
 					onClick: _
 				}, [f(X, {
@@ -7182,7 +7182,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				})], 8, wc),
 				u("button", {
 					type: "button",
-					class: "wd-picklist__btn",
+					class: "wi-picklist__btn",
 					"aria-label": L(c).moveToSource,
 					onClick: v
 				}, [f(X, {
@@ -7191,7 +7191,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				})], 8, Tc),
 				u("button", {
 					type: "button",
-					class: "wd-picklist__btn",
+					class: "wi-picklist__btn",
 					"aria-label": L(c).moveAllToSource,
 					onClick: x
 				}, [f(X, {
@@ -7204,7 +7204,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			]),
 			u("div", Dc, [u("div", Oc, P(m.value), 1), u("ul", kc, [(E(!0), l(t, null, j(e.target, (e, t) => (E(), l("li", {
 				key: h(e, t),
-				class: y(["wd-picklist__item", { "wd-picklist__item--selected": s.value.includes(t) }]),
+				class: y(["wi-picklist__item", { "wi-picklist__item--selected": s.value.includes(t) }]),
 				role: "option",
 				"aria-selected": s.value.includes(t),
 				tabindex: "0",
@@ -7241,27 +7241,27 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			r.value = t.scrollTop;
 		}
 		return (n, r) => (E(), l("div", {
-			class: "wd-virtualscroller",
+			class: "wi-virtualscroller",
 			style: b({ height: typeof e.height == "number" ? `${e.height}px` : e.height }),
 			onScroll: m
 		}, [u("div", {
-			class: "wd-virtualscroller__spacer",
+			class: "wi-virtualscroller__spacer",
 			style: b({ height: `${a.value}px` })
 		}, [u("div", {
-			class: "wd-virtualscroller__content",
+			class: "wi-virtualscroller__content",
 			style: b({ transform: `translateY(${p.value}px)` })
 		}, [(E(!0), l(t, null, j(f.value, (t) => (E(), l("div", {
 			key: t.index,
-			class: "wd-virtualscroller__item",
+			class: "wi-virtualscroller__item",
 			style: b({ height: `${e.itemSize}px` })
 		}, [M(n.$slots, "item", {
 			item: t.item,
 			index: t.index
 		}, () => [d(P(t.item), 1)])], 4))), 128))], 4)], 4)], 36));
 	}
-}), Nc = { class: "wd-treetable__row" }, Pc = ["aria-label"], Fc = {
+}), Nc = { class: "wi-treetable__row" }, Pc = ["aria-label"], Fc = {
 	key: 1,
-	class: "wd-treetable__toggler-spacer"
+	class: "wi-treetable__toggler-spacer"
 }, Ic = /* @__PURE__ */ p({
 	__name: "TreeTableRow",
 	props: {
@@ -7275,15 +7275,15 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		let n = Z();
 		return (r, i) => (E(), l(t, null, [u("tr", Nc, [(E(!0), l(t, null, j(e.columns, (a, o) => (E(), l("td", {
 			key: a.field,
-			class: "wd-treetable__cell"
+			class: "wi-treetable__cell"
 		}, [o === 0 ? (E(), l("div", {
 			key: 0,
-			class: "wd-treetable__tree-cell",
+			class: "wi-treetable__tree-cell",
 			style: b({ paddingLeft: `${e.depth * 1}rem` })
 		}, [e.node.children?.length ? (E(), l("button", {
 			key: 0,
 			type: "button",
-			class: "wd-treetable__toggler",
+			class: "wi-treetable__toggler",
 			"aria-label": e.isExpanded(e.node.key) ? L(n).collapse : L(n).expand,
 			onClick: i[0] ||= (t) => r.$emit("toggle", e.node)
 		}, P(e.isExpanded(e.node.key) ? "▾" : "▸"), 9, Pc)) : (E(), l("span", Fc)), u("span", null, P(e.node.data[a.field]), 1)], 4)) : (E(), l(t, { key: 1 }, [d(P(e.node.data[a.field]), 1)], 64))]))), 128))]), e.node.children?.length && e.isExpanded(e.node.key) ? (E(!0), l(t, { key: 0 }, j(e.node.children, (t) => (E(), s(Ic, {
@@ -7300,7 +7300,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"is-expanded"
 		]))), 128)) : c("", !0)], 64));
 	}
-}), Lc = { class: "wd-treetable" }, Rc = { class: "wd-treetable__table" }, zc = /* @__PURE__ */ p({
+}), Lc = { class: "wi-treetable" }, Rc = { class: "wi-treetable__table" }, zc = /* @__PURE__ */ p({
 	__name: "TreeTable",
 	props: {
 		value: {},
@@ -7378,7 +7378,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}
 		function A(e) {
 			let t = e.target;
-			m.value?.contains(t) || document.querySelector(".wd-megamenu__panel--teleported")?.contains(t) || (p.value = null);
+			m.value?.contains(t) || document.querySelector(".wi-megamenu__panel--teleported")?.contains(t) || (p.value = null);
 		}
 		function M() {
 			p.value != null && T();
@@ -7390,16 +7390,16 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), l("nav", {
 			ref_key: "root",
 			ref: m,
-			class: "wd-megamenu",
+			class: "wi-megamenu",
 			"aria-label": "Mega menu"
 		}, [(E(!0), l(t, null, j(e.model, (e, r) => (E(), l("div", {
 			key: `${e.label}-${r}`,
-			class: y(["wd-megamenu__item", { "wd-megamenu__item--open": p.value === r }])
+			class: y(["wi-megamenu__item", { "wi-megamenu__item--open": p.value === r }])
 		}, [u("button", {
 			ref_for: !0,
 			ref: (e) => w(e, r),
 			type: "button",
-			class: "wd-megamenu__trigger",
+			class: "wi-megamenu__trigger",
 			disabled: e.disabled,
 			"aria-expanded": e.items?.length ? p.value === r : void 0,
 			"aria-haspopup": e.items?.length ? "true" : void 0,
@@ -7407,19 +7407,19 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}, [e.icon ? (E(), l("span", Vc, P(e.icon), 1)) : c("", !0), d(" " + P(e.label), 1)], 8, Bc), (E(), s(n, {
 			to: _.value.to,
 			disabled: _.value.disabled
-		}, [f(i, { name: "wd-scale-fade" }, {
+		}, [f(i, { name: "wi-scale-fade" }, {
 			default: W(() => [e.items?.length && p.value === r ? (E(), l("div", {
 				key: 0,
-				class: y(["wd-megamenu__panel", { "wd-megamenu__panel--teleported": x.value }]),
+				class: y(["wi-megamenu__panel", { "wi-megamenu__panel--teleported": x.value }]),
 				style: b(x.value ? g.value : void 0),
 				role: "menu"
 			}, [(E(!0), l(t, null, j(e.items, (e, n) => (E(), l("div", {
 				key: n,
-				class: "wd-megamenu__column"
+				class: "wi-megamenu__column"
 			}, [(E(!0), l(t, null, j(e, (e, t) => (E(), l("button", {
 				key: `${e.label}-${t}`,
 				type: "button",
-				class: "wd-megamenu__link",
+				class: "wi-megamenu__link",
 				role: "menuitem",
 				disabled: e.disabled,
 				onClick: K((t) => O(e), ["stop"])
@@ -7427,13 +7427,13 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			_: 2
 		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 512));
 	}
-}), Wc = { class: "wd-dock__list" }, Gc = [
+}), Wc = { class: "wi-dock__list" }, Gc = [
 	"title",
 	"aria-label",
 	"disabled",
 	"onClick"
 ], Kc = {
-	class: "wd-dock__icon",
+	class: "wi-dock__icon",
 	"aria-hidden": "true"
 }, qc = /* @__PURE__ */ p({
 	__name: "Dock",
@@ -7442,7 +7442,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		position: { default: "bottom" }
 	},
 	setup(e) {
-		let n = e, r = o(() => ["wd-dock", `wd-dock--${n.position}`]);
+		let n = e, r = o(() => ["wi-dock", `wi-dock--${n.position}`]);
 		function i(e) {
 			e.disabled || e.command?.();
 		}
@@ -7451,35 +7451,35 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"aria-label": "Dock"
 		}, [u("ul", Wc, [(E(!0), l(t, null, j(e.model, (e, t) => (E(), l("li", {
 			key: `${e.label}-${t}`,
-			class: "wd-dock__item"
+			class: "wi-dock__item"
 		}, [u("button", {
 			type: "button",
-			class: "wd-dock__button",
+			class: "wi-dock__button",
 			title: e.label,
 			"aria-label": e.label,
 			disabled: e.disabled,
 			onClick: (t) => i(e)
 		}, [u("span", Kc, P(e.icon ?? e.label.slice(0, 1)), 1)], 8, Gc)]))), 128))])], 2));
 	}
-}), Jc = ["aria-label"], Yc = { class: "wd-sidebar__list" }, Xc = [
+}), Jc = ["aria-label"], Yc = { class: "wi-sidebar__list" }, Xc = [
 	"disabled",
 	"title",
 	"onClick"
 ], Zc = {
 	key: 0,
-	class: "wd-sidebar__icon",
+	class: "wi-sidebar__icon",
 	"aria-hidden": "true"
 }, Qc = {
 	key: 1,
-	class: "wd-sidebar__label"
+	class: "wi-sidebar__label"
 }, $c = {
 	key: 0,
-	class: "wd-sidebar__children"
+	class: "wi-sidebar__children"
 }, el = ["disabled", "onClick"], tl = {
 	key: 0,
-	class: "wd-sidebar__icon",
+	class: "wi-sidebar__icon",
 	"aria-hidden": "true"
-}, nl = { class: "wd-sidebar__label" }, rl = /* @__PURE__ */ p({
+}, nl = { class: "wi-sidebar__label" }, rl = /* @__PURE__ */ p({
 	__name: "Sidebar",
 	props: {
 		model: { default: () => [] },
@@ -7489,7 +7489,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}
 	},
 	setup(e) {
-		let n = e, r = Z(), i = o(() => ["wd-sidebar", { "wd-sidebar--collapsed": n.collapsed }]);
+		let n = e, r = Z(), i = o(() => ["wi-sidebar", { "wi-sidebar--collapsed": n.collapsed }]);
 		function a(e) {
 			e.disabled || e.command?.();
 		}
@@ -7498,22 +7498,22 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 			"aria-label": L(r).sidebar
 		}, [u("ul", Yc, [(E(!0), l(t, null, j(e.model, (n, r) => (E(), l("li", {
 			key: `${n.label}-${r}`,
-			class: "wd-sidebar__item"
+			class: "wi-sidebar__item"
 		}, [u("button", {
 			type: "button",
-			class: "wd-sidebar__link",
+			class: "wi-sidebar__link",
 			disabled: n.disabled,
 			title: e.collapsed ? n.label : void 0,
 			onClick: (e) => a(n)
 		}, [n.icon ? (E(), l("span", Zc, P(n.icon), 1)) : c("", !0), e.collapsed ? c("", !0) : (E(), l("span", Qc, P(n.label), 1))], 8, Xc), !e.collapsed && n.items?.length ? (E(), l("ul", $c, [(E(!0), l(t, null, j(n.items, (e, t) => (E(), l("li", { key: `${e.label}-${t}` }, [u("button", {
 			type: "button",
-			class: "wd-sidebar__link wd-sidebar__link--child",
+			class: "wi-sidebar__link wi-sidebar__link--child",
 			disabled: e.disabled,
 			onClick: (t) => a(e)
 		}, [e.icon ? (E(), l("span", tl, P(e.icon), 1)) : c("", !0), u("span", nl, P(e.label), 1)], 8, el)]))), 128))])) : c("", !0)]))), 128))])], 10, Jc));
 	}
 }), il = ["aria-label"], al = ["placeholder", "aria-label"], ol = {
-	class: "wd-commandmenu__list",
+	class: "wi-commandmenu__list",
 	role: "listbox"
 }, sl = [
 	"aria-selected",
@@ -7522,14 +7522,14 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 	"onMouseenter"
 ], cl = {
 	key: 0,
-	class: "wd-commandmenu__icon",
+	class: "wi-commandmenu__icon",
 	"aria-hidden": "true"
-}, ll = { class: "wd-commandmenu__label" }, ul = {
+}, ll = { class: "wi-commandmenu__label" }, ul = {
 	key: 1,
-	class: "wd-commandmenu__shortcut"
+	class: "wi-commandmenu__shortcut"
 }, dl = {
 	key: 0,
-	class: "wd-commandmenu__empty"
+	class: "wi-commandmenu__empty"
 }, fl = /* @__PURE__ */ p({
 	__name: "CommandMenu",
 	props: {
@@ -7579,15 +7579,15 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 		}), (r, a) => (E(), s(n, {
 			to: S.value.to,
 			disabled: S.value.disabled
-		}, [f(i, { name: "wd-fade" }, {
+		}, [f(i, { name: "wi-fade" }, {
 			default: W(() => [e.modelValue ? (E(), l("div", {
 				key: 0,
-				class: "wd-commandmenu-backdrop",
+				class: "wi-commandmenu-backdrop",
 				onClick: K(w, ["self"])
 			}, [u("div", {
 				ref_key: "panelRef",
 				ref: _,
-				class: "wd-commandmenu",
+				class: "wi-commandmenu",
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-label": L(m).commandPalette,
@@ -7597,7 +7597,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				ref_key: "inputRef",
 				ref: b,
 				"onUpdate:modelValue": a[0] ||= (e) => g.value = e,
-				class: "wd-commandmenu__input",
+				class: "wi-commandmenu__input",
 				type: "search",
 				placeholder: h.value,
 				"aria-label": L(m).searchCommands
@@ -7606,7 +7606,7 @@ var Ia = /*#__PURE__*/ ka(Aa, [["render", Fa]]), La = {
 				role: "presentation"
 			}, [u("button", {
 				type: "button",
-				class: y(["wd-commandmenu__item", { "wd-commandmenu__item--active": t === x.value }]),
+				class: y(["wi-commandmenu__item", { "wi-commandmenu__item--active": t === x.value }]),
 				role: "option",
 				"aria-selected": t === x.value,
 				disabled: e.disabled,
@@ -7649,23 +7649,23 @@ var ml = [
 	"multiple",
 	"accept",
 	"disabled"
-], hl = ["aria-disabled", "aria-label"], gl = { class: "wd-fileupload__text" }, _l = ["disabled"], vl = ["disabled"], yl = {
+], hl = ["aria-disabled", "aria-label"], gl = { class: "wi-fileupload__text" }, _l = ["disabled"], vl = ["disabled"], yl = {
 	key: 3,
-	class: "wd-fileupload__tip"
+	class: "wi-fileupload__tip"
 }, bl = {
 	key: 4,
-	class: "wd-fileupload__list"
-}, xl = { class: "wd-fileupload__file-body" }, Sl = [
+	class: "wi-fileupload__list"
+}, xl = { class: "wi-fileupload__file-body" }, Sl = [
 	"src",
 	"alt",
 	"onClick"
-], Cl = { class: "wd-fileupload__name" }, wl = {
+], Cl = { class: "wi-fileupload__name" }, wl = {
 	key: 1,
-	class: "wd-fileupload__size"
+	class: "wi-fileupload__size"
 }, Tl = {
 	key: 2,
-	class: "wd-fileupload__status"
-}, El = { class: "wd-fileupload__actions" }, Dl = ["aria-label", "onClick"], Ol = ["aria-label", "onClick"], kl = [
+	class: "wi-fileupload__status"
+}, El = { class: "wi-fileupload__actions" }, Dl = ["aria-label", "onClick"], Ol = ["aria-label", "onClick"], kl = [
 	"aria-label",
 	"disabled",
 	"onClick"
@@ -7675,20 +7675,20 @@ var ml = [
 	"onClick"
 ], Ml = {
 	key: 1,
-	class: "wd-fileupload__card-name"
+	class: "wi-fileupload__card-name"
 }, Nl = {
 	key: 2,
-	class: "wd-fileupload__card-progress"
+	class: "wi-fileupload__card-progress"
 }, Pl = {
 	key: 3,
-	class: "wd-fileupload__card-mask"
+	class: "wi-fileupload__card-mask"
 }, Fl = ["aria-label", "onClick"], Il = ["aria-label", "onClick"], Ll = [
 	"aria-label",
 	"disabled",
 	"onClick"
 ], Rl = ["aria-label"], zl = {
 	key: 6,
-	class: "wd-fileupload__toolbar"
+	class: "wi-fileupload__toolbar"
 }, Bl = /* @__PURE__ */ p({
 	__name: "FileUpload",
 	props: {
@@ -7745,12 +7745,12 @@ var ml = [
 	],
 	setup(e, { expose: n, emit: r }) {
 		let i = e, a = r, s = 0, p = k(null), m = k([]), h = k(!1), g = /* @__PURE__ */ new Map(), _ = Z(), v = o(() => i.chooseLabel ?? _.value.chooseFile), x = o(() => i.listType === "picture-card"), C = o(() => i.listType === "picture" || x.value), w = o(() => !!(i.action || i.httpRequest)), T = o(() => i.autoUpload && w.value), D = o(() => i.showFileList && m.value.length > 0 && !x.value), O = o(() => !x.value), A = o(() => !i.disabled && (i.limit == null || m.value.length < i.limit)), N = o(() => w.value && !i.autoUpload && m.value.some((e) => e.status === "ready" || e.status === "fail")), F = o(() => m.value.length > 0 && i.showFileList), I = o(() => [
-			"wd-fileupload",
-			`wd-fileupload--${i.mode}`,
-			`wd-fileupload--${i.listType}`,
+			"wi-fileupload",
+			`wi-fileupload--${i.mode}`,
+			`wi-fileupload--${i.listType}`,
 			{
-				"wd-fileupload--disabled": i.disabled,
-				"wd-fileupload--drag": i.drag
+				"wi-fileupload--disabled": i.disabled,
+				"wi-fileupload--drag": i.drag
 			}
 		]);
 		U(() => i.fileList, (e) => {
@@ -7762,7 +7762,7 @@ var ml = [
 			})));
 		}, { immediate: !0 });
 		function R() {
-			return s += 1, `wd-upload-${Date.now()}-${s}`;
+			return s += 1, `wi-upload-${Date.now()}-${s}`;
 		}
 		function z(e, t) {
 			m.value = e, a("update:fileList", e), t && a("change", t, e);
@@ -7943,7 +7943,7 @@ var ml = [
 			u("input", {
 				ref_key: "inputRef",
 				ref: p,
-				class: "wd-fileupload__input",
+				class: "wi-fileupload__input",
 				type: "file",
 				multiple: e.multiple,
 				accept: e.accept,
@@ -7952,7 +7952,7 @@ var ml = [
 			}, null, 40, ml),
 			e.drag && O.value ? (E(), l("div", {
 				key: 0,
-				class: y(["wd-fileupload__dragger", { "wd-fileupload__dragger--over": h.value }]),
+				class: y(["wi-fileupload__dragger", { "wi-fileupload__dragger--over": h.value }]),
 				role: "button",
 				tabindex: "0",
 				"aria-disabled": e.disabled || void 0,
@@ -7964,29 +7964,29 @@ var ml = [
 				onDragleave: q,
 				onDrop: re
 			}, [M(n.$slots, "default", {}, () => [f(X, {
-				class: "wd-fileupload__icon",
+				class: "wi-fileupload__icon",
 				name: "upload"
 			}), u("p", gl, [d(P(L(_).dropFileHere) + " ", 1), u("em", null, P(L(_).clickToUpload), 1)])])], 42, hl)) : O.value && n.$slots.trigger ? (E(), l("button", {
 				key: 1,
 				type: "button",
-				class: "wd-fileupload__choose wd-fileupload__choose--slot",
+				class: "wi-fileupload__choose wi-fileupload__choose--slot",
 				disabled: e.disabled || !A.value,
 				onClick: G
 			}, [M(n.$slots, "trigger")], 8, _l)) : O.value ? (E(), l("button", {
 				key: 2,
 				type: "button",
-				class: "wd-fileupload__choose",
+				class: "wi-fileupload__choose",
 				disabled: e.disabled || !A.value,
 				onClick: G
 			}, P(v.value), 9, vl)) : c("", !0),
 			n.$slots.tip ? (E(), l("div", yl, [M(n.$slots, "tip")])) : c("", !0),
 			D.value && !x.value ? (E(), l("ul", bl, [(E(!0), l(t, null, j(m.value, (t) => (E(), l("li", {
 				key: t.uid,
-				class: y(["wd-fileupload__file", [`wd-fileupload__file--${t.status}`, { "wd-fileupload__file--picture": C.value }]])
+				class: y(["wi-fileupload__file", [`wi-fileupload__file--${t.status}`, { "wi-fileupload__file--picture": C.value }]])
 			}, [M(n.$slots, "file", { file: t }, () => [u("div", xl, [
 				C.value && t.url && V(t) ? (E(), l("img", {
 					key: 0,
-					class: "wd-fileupload__thumb",
+					class: "wi-fileupload__thumb",
 					src: t.url,
 					alt: t.name,
 					onClick: (e) => ue(t)
@@ -7998,7 +7998,7 @@ var ml = [
 					t.url && V(t) ? (E(), l("button", {
 						key: 0,
 						type: "button",
-						class: "wd-fileupload__action",
+						class: "wi-fileupload__action",
 						"aria-label": L(_).previewFile,
 						onClick: (e) => ue(t)
 					}, [f(X, {
@@ -8008,7 +8008,7 @@ var ml = [
 					t.status === "fail" ? (E(), l("button", {
 						key: 1,
 						type: "button",
-						class: "wd-fileupload__action",
+						class: "wi-fileupload__action",
 						"aria-label": L(_).retryUpload,
 						onClick: (e) => oe(t)
 					}, [f(X, {
@@ -8017,7 +8017,7 @@ var ml = [
 					})], 8, Ol)) : c("", !0),
 					u("button", {
 						type: "button",
-						class: "wd-fileupload__action",
+						class: "wi-fileupload__action",
 						"aria-label": L(_).removeFile,
 						disabled: e.disabled,
 						onClick: (e) => le(t)
@@ -8028,7 +8028,7 @@ var ml = [
 				])
 			]), t.status === "uploading" ? (E(), l("div", {
 				key: 0,
-				class: "wd-fileupload__progress",
+				class: "wi-fileupload__progress",
 				role: "progressbar",
 				"aria-valuemin": 0,
 				"aria-valuemax": 100,
@@ -8037,17 +8037,17 @@ var ml = [
 			}, null, 12, Al)) : c("", !0)])], 2))), 128))])) : c("", !0),
 			x.value ? (E(), l("div", {
 				key: 5,
-				class: y(["wd-fileupload__cards", { "wd-fileupload__cards--over": h.value }]),
+				class: y(["wi-fileupload__cards", { "wi-fileupload__cards--over": h.value }]),
 				onDragenter: ne,
 				onDragover: ne,
 				onDragleave: q,
 				onDrop: re
 			}, [(E(!0), l(t, null, j(e.showFileList ? m.value : [], (t) => (E(), l("div", {
 				key: t.uid,
-				class: y(["wd-fileupload__card", `wd-fileupload__card--${t.status}`])
+				class: y(["wi-fileupload__card", `wi-fileupload__card--${t.status}`])
 			}, [M(n.$slots, "file", { file: t }, () => [t.url && V(t) ? (E(), l("img", {
 				key: 0,
-				class: "wd-fileupload__card-image",
+				class: "wi-fileupload__card-image",
 				src: t.url,
 				alt: t.name,
 				onClick: (e) => ue(t)
@@ -8055,7 +8055,7 @@ var ml = [
 				t.url && V(t) ? (E(), l("button", {
 					key: 0,
 					type: "button",
-					class: "wd-fileupload__action",
+					class: "wi-fileupload__action",
 					"aria-label": L(_).previewFile,
 					onClick: (e) => ue(t)
 				}, [f(X, {
@@ -8065,7 +8065,7 @@ var ml = [
 				t.status === "fail" ? (E(), l("button", {
 					key: 1,
 					type: "button",
-					class: "wd-fileupload__action",
+					class: "wi-fileupload__action",
 					"aria-label": L(_).retryUpload,
 					onClick: (e) => oe(t)
 				}, [f(X, {
@@ -8074,7 +8074,7 @@ var ml = [
 				})], 8, Il)) : c("", !0),
 				u("button", {
 					type: "button",
-					class: "wd-fileupload__action",
+					class: "wi-fileupload__action",
 					"aria-label": L(_).removeFile,
 					disabled: e.disabled,
 					onClick: (e) => le(t)
@@ -8085,23 +8085,23 @@ var ml = [
 			]))])], 2))), 128)), A.value ? (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-fileupload__card wd-fileupload__card--add",
+				class: "wi-fileupload__card wi-fileupload__card--add",
 				"aria-label": L(_).addFile,
 				onClick: G
 			}, [f(X, { name: "plus" })], 8, Rl)) : c("", !0)], 34)) : c("", !0),
 			F.value ? (E(), l("div", zl, [N.value ? (E(), l("button", {
 				key: 0,
 				type: "button",
-				class: "wd-fileupload__choose",
+				class: "wi-fileupload__choose",
 				onClick: se
 			}, P(L(_).uploadFile), 1)) : c("", !0), u("button", {
 				type: "button",
-				class: "wd-fileupload__clear",
+				class: "wi-fileupload__clear",
 				onClick: de
 			}, P(L(_).clear), 1)])) : c("", !0)
 		], 2));
 	}
-}), Vl = { class: "wd-carousel" }, Hl = ["aria-label", "disabled"], Ul = { class: "wd-carousel__viewport" }, Wl = ["aria-label", "disabled"], Gl = /* @__PURE__ */ p({
+}), Vl = { class: "wi-carousel" }, Hl = ["aria-label", "disabled"], Ul = { class: "wi-carousel__viewport" }, Wl = ["aria-label", "disabled"], Gl = /* @__PURE__ */ p({
 	__name: "Carousel",
 	props: {
 		value: {},
@@ -8137,14 +8137,14 @@ var ml = [
 		return (n, r) => (E(), l("div", Vl, [
 			u("button", {
 				type: "button",
-				class: "wd-carousel__nav wd-carousel__nav--prev",
+				class: "wi-carousel__nav wi-carousel__nav--prev",
 				"aria-label": L(s).prev,
 				disabled: !e.circular && a.value <= 0,
 				onClick: m
 			}, " ‹ ", 8, Hl),
 			u("div", Ul, [(E(!0), l(t, null, j(f.value, (t) => (E(), l("div", {
 				key: t.index,
-				class: "wd-carousel__item",
+				class: "wi-carousel__item",
 				style: b({ flex: `0 0 ${100 / e.numVisible}%` })
 			}, [M(n.$slots, "item", {
 				item: t.item,
@@ -8152,14 +8152,14 @@ var ml = [
 			}, () => [d(P(t.item), 1)])], 4))), 128))]),
 			u("button", {
 				type: "button",
-				class: "wd-carousel__nav wd-carousel__nav--next",
+				class: "wi-carousel__nav wi-carousel__nav--next",
 				"aria-label": L(s).next,
 				disabled: !e.circular && a.value >= c.value,
 				onClick: h
 			}, " › ", 8, Wl)
 		]));
 	}
-}), Kl = { class: "wd-gallery" }, ql = { class: "wd-gallery__main" }, Jl = ["aria-label", "disabled"], Yl = ["src"], Xl = ["aria-label", "disabled"], Zl = ["aria-label"], Ql = ["aria-selected", "onClick"], $l = ["src"], eu = /* @__PURE__ */ p({
+}), Kl = { class: "wi-gallery" }, ql = { class: "wi-gallery__main" }, Jl = ["aria-label", "disabled"], Yl = ["src"], Xl = ["aria-label", "disabled"], Zl = ["aria-label"], Ql = ["aria-selected", "onClick"], $l = ["src"], eu = /* @__PURE__ */ p({
 	__name: "Gallery",
 	props: {
 		images: {},
@@ -8180,31 +8180,31 @@ var ml = [
 		return (n, r) => (E(), l("div", Kl, [u("div", ql, [
 			u("button", {
 				type: "button",
-				class: "wd-gallery__nav wd-gallery__nav--prev",
+				class: "wi-gallery__nav wi-gallery__nav--prev",
 				"aria-label": L(a).prevImage,
 				disabled: e.activeIndex <= 0,
 				onClick: f
 			}, " ‹ ", 8, Jl),
 			s.value ? (E(), l("img", {
 				key: 0,
-				class: "wd-gallery__image",
+				class: "wi-gallery__image",
 				src: s.value,
 				alt: ""
 			}, null, 8, Yl)) : c("", !0),
 			u("button", {
 				type: "button",
-				class: "wd-gallery__nav wd-gallery__nav--next",
+				class: "wi-gallery__nav wi-gallery__nav--next",
 				"aria-label": L(a).nextImage,
 				disabled: e.activeIndex >= e.images.length - 1,
 				onClick: p
 			}, " › ", 8, Xl)
 		]), u("ul", {
-			class: "wd-gallery__thumbs",
+			class: "wi-gallery__thumbs",
 			role: "listbox",
 			"aria-label": L(a).thumbnails
 		}, [(E(!0), l(t, null, j(e.images, (t, n) => (E(), l("li", { key: `${t}-${n}` }, [u("button", {
 			type: "button",
-			class: y(["wd-gallery__thumb", { "wd-gallery__thumb--active": n === e.activeIndex }]),
+			class: y(["wi-gallery__thumb", { "wi-gallery__thumb--active": n === e.activeIndex }]),
 			role: "option",
 			"aria-selected": n === e.activeIndex,
 			onClick: (e) => d(n)
@@ -8213,7 +8213,7 @@ var ml = [
 			alt: ""
 		}, null, 8, $l)], 10, Ql)]))), 128))], 8, Zl)]));
 	}
-}), tu = { class: "wd-metergroup" }, nu = ["aria-valuemax"], ru = ["title"], iu = { class: "wd-metergroup__legend" }, au = { class: "wd-metergroup__value" }, ou = /* @__PURE__ */ p({
+}), tu = { class: "wi-metergroup" }, nu = ["aria-valuemax"], ru = ["title"], iu = { class: "wi-metergroup__legend" }, au = { class: "wi-metergroup__value" }, ou = /* @__PURE__ */ p({
 	__name: "MeterGroup",
 	props: {
 		value: {},
@@ -8229,13 +8229,13 @@ var ml = [
 			width: `${Math.max(0, e.value / r.value * 100)}%`
 		})));
 		return (n, a) => (E(), l("div", tu, [u("div", {
-			class: "wd-metergroup__meter",
+			class: "wi-metergroup__meter",
 			role: "meter",
 			"aria-valuemin": 0,
 			"aria-valuemax": r.value
 		}, [(E(!0), l(t, null, j(i.value, (e, t) => (E(), l("div", {
 			key: `${e.label}-${t}`,
-			class: "wd-metergroup__segment",
+			class: "wi-metergroup__segment",
 			style: b({
 				width: e.width,
 				background: e.color
@@ -8243,11 +8243,11 @@ var ml = [
 			title: `${e.label}: ${e.value}`
 		}, null, 12, ru))), 128))], 8, nu), u("ul", iu, [(E(!0), l(t, null, j(e.value, (e, t) => (E(), l("li", {
 			key: `${e.label}-${t}`,
-			class: "wd-metergroup__legend-item"
+			class: "wi-metergroup__legend-item"
 		}, [
 			u("span", {
-				class: "wd-metergroup__swatch",
-				style: b({ background: e.color ?? "var(--wd-color-primary)" }),
+				class: "wi-metergroup__swatch",
+				style: b({ background: e.color ?? "var(--wi-color-primary)" }),
 				"aria-hidden": "true"
 			}, null, 4),
 			u("span", null, P(e.label), 1),
@@ -8258,19 +8258,19 @@ var ml = [
 	__name: "Fluid",
 	props: { as: { default: "div" } },
 	setup(e) {
-		return (t, n) => (E(), s(N(e.as), { class: "wd-fluid" }, {
+		return (t, n) => (E(), s(N(e.as), { class: "wi-fluid" }, {
 			default: W(() => [M(t.$slots, "default")]),
 			_: 3
 		}));
 	}
 }), cu = ["aria-label"], lu = {
 	key: 0,
-	class: "wd-terminal__welcome"
+	class: "wi-terminal__welcome"
 }, uu = {
-	class: "wd-terminal__prompt",
+	class: "wi-terminal__prompt",
 	"aria-hidden": "true"
 }, du = {
-	class: "wd-terminal__prompt",
+	class: "wi-terminal__prompt",
 	"aria-hidden": "true"
 }, fu = ["aria-label"], pu = /* @__PURE__ */ p({
 	__name: "Terminal",
@@ -8286,29 +8286,29 @@ var ml = [
 			e && (o.value = [...o.value, e], r("command", e), a.value = "", await v(), s.value && (s.value.scrollTop = s.value.scrollHeight));
 		}
 		return (n, r) => (E(), l("div", {
-			class: "wd-terminal",
+			class: "wi-terminal",
 			role: "application",
 			"aria-label": L(i).terminal
 		}, [u("div", {
 			ref_key: "bodyRef",
 			ref: s,
-			class: "wd-terminal__body"
+			class: "wi-terminal__body"
 		}, [e.welcomeMessage ? (E(), l("div", lu, P(e.welcomeMessage), 1)) : c("", !0), (E(!0), l(t, null, j(o.value, (t, n) => (E(), l("div", {
 			key: `${t}-${n}`,
-			class: "wd-terminal__line"
+			class: "wi-terminal__line"
 		}, [u("span", uu, P(e.prompt), 1), u("span", null, P(t), 1)]))), 128))], 512), u("form", {
-			class: "wd-terminal__form",
+			class: "wi-terminal__form",
 			onSubmit: K(d, ["prevent"])
 		}, [u("span", du, P(e.prompt), 1), te(u("input", {
 			"onUpdate:modelValue": r[0] ||= (e) => a.value = e,
-			class: "wd-terminal__input",
+			class: "wi-terminal__input",
 			type: "text",
 			"aria-label": L(i).commandInput,
 			autocomplete: "off",
 			spellcheck: "false"
 		}, null, 8, fu), [[V, a.value]])], 32)], 8, cu));
 	}
-}), mu = Symbol("wdForm"), hu = Symbol("wdFormErrors"), gu = /* @__PURE__ */ p({
+}), mu = Symbol("wiForm"), hu = Symbol("wiFormErrors"), gu = /* @__PURE__ */ p({
 	__name: "Form",
 	props: {
 		labelPosition: { default: "top" },
@@ -8398,11 +8398,11 @@ var ml = [
 			clearValidate: p,
 			errors: s
 		}), (t, n) => (E(), l("form", {
-			class: y(["wd-form", [`wd-form--label-${e.labelPosition}`, { "wd-form--disabled": e.disabled }]]),
+			class: y(["wi-form", [`wi-form--label-${e.labelPosition}`, { "wi-form--disabled": e.disabled }]]),
 			onSubmit: K(b, ["prevent"])
 		}, [M(t.$slots, "default")], 34));
 	}
-}), _u = ["for"], vu = ["aria-label"], yu = { class: "wd-form-item__body" }, bu = { class: "wd-form-item__control" }, xu = ["id"], Su = ["id"], Cu = /* @__PURE__ */ p({
+}), _u = ["for"], vu = ["aria-label"], yu = { class: "wi-form-item__body" }, bu = { class: "wi-form-item__control" }, xu = ["id"], Su = ["id"], Cu = /* @__PURE__ */ p({
 	__name: "FormItem",
 	props: {
 		label: {},
@@ -8426,12 +8426,12 @@ var ml = [
 		let t = e, n = h(mu, null), r = h(hu, null), i = Z(), a = z(), s = o(() => t.labelPosition ?? n?.value.labelPosition ?? "top"), f = o(() => t.labelWidth ?? n?.value.labelWidth), p = o(() => !!(t.required && (n?.value.requireMark ?? !0))), m = o(() => t.name ?? t.for), g = o(() => {
 			let e = m.value;
 			if (!(!e || !r)) return r[e];
-		}), _ = o(() => t.error ?? g.value), v = o(() => t.invalid || !!_.value), x = o(() => t.for ?? `wd-form-item-${a}`), C = o(() => `${x.value}-message`), w = o(() => i.value.required), T = o(() => [
-			"wd-form-item",
-			`wd-form-item--label-${s.value}`,
+		}), _ = o(() => t.error ?? g.value), v = o(() => t.invalid || !!_.value), x = o(() => t.for ?? `wi-form-item-${a}`), C = o(() => `${x.value}-message`), w = o(() => i.value.required), T = o(() => [
+			"wi-form-item",
+			`wi-form-item--label-${s.value}`,
 			{
-				"wd-form-item--invalid": v.value,
-				"wd-form-item--required": t.required
+				"wi-form-item--invalid": v.value,
+				"wi-form-item--required": t.required
 			}
 		]), D = o(() => s.value === "left" && f.value ? { width: f.value } : void 0);
 		U(() => [m.value, t.validate], ([e, t]) => {
@@ -8457,12 +8457,12 @@ var ml = [
 			onChange: k
 		}, [e.label ? (E(), l("label", {
 			key: 0,
-			class: "wd-form-item__label",
+			class: "wi-form-item__label",
 			for: x.value,
 			style: b(D.value)
 		}, [p.value ? (E(), l("span", {
 			key: 0,
-			class: "wd-form-item__required",
+			class: "wi-form-item__required",
 			"aria-label": w.value
 		}, "*", 8, vu)) : c("", !0), d(" " + P(e.label), 1)], 12, _u)) : c("", !0), u("div", yu, [u("div", bu, [M(t.$slots, "default", {
 			id: x.value,
@@ -8472,15 +8472,15 @@ var ml = [
 		})]), _.value ? (E(), l("p", {
 			key: 0,
 			id: C.value,
-			class: "wd-form-item__error",
+			class: "wi-form-item__error",
 			role: "alert"
 		}, P(_.value), 9, xu)) : e.help ? (E(), l("p", {
 			key: 1,
 			id: C.value,
-			class: "wd-form-item__help"
+			class: "wi-form-item__help"
 		}, P(e.help), 9, Su)) : c("", !0)])], 34));
 	}
-}), wu = ["data-wd-density"], Tu = /* @__PURE__ */ p({
+}), wu = ["data-wi-density"], Tu = /* @__PURE__ */ p({
 	__name: "ConfigProvider",
 	props: {
 		config: {},
@@ -8505,16 +8505,16 @@ var ml = [
 		Ee(n);
 		let r = o(() => n.value.density ?? "comfortable"), i = o(() => t.globalDensity !== !1), a = o(() => {
 			let e = n.value.zIndex;
-			if (e != null) return { "--wd-z-base": String(e) };
+			if (e != null) return { "--wi-z-base": String(e) };
 		});
 		return ee(() => {
-			!i.value || typeof document > "u" || (n.value.density && me(n.value.density), n.value.zIndex != null && document.documentElement.style.setProperty("--wd-z-base", String(n.value.zIndex)));
+			!i.value || typeof document > "u" || (n.value.density && me(n.value.density), n.value.zIndex != null && document.documentElement.style.setProperty("--wi-z-base", String(n.value.zIndex)));
 		}), (e, t) => (E(), l("div", {
-			class: "wd-config-provider",
-			"data-wd-density": r.value,
+			class: "wi-config-provider",
+			"data-wi-density": r.value,
 			style: b(a.value)
 		}, [M(e.$slots, "default")], 12, wu));
 	}
 });
 //#endregion
-export { Ce as WD_CONFIG_KEY, hu as WD_FORM_ERRORS_KEY, mu as WD_FORM_KEY, Ur as WdAccordion, Yo as WdAutoComplete, yi as WdAvatar, Wr as WdBadge, js as WdBlockUI, sa as WdBreadcrumb, We as WdButton, Ze as WdCard, Gl as WdCarousel, zs as WdCascadeSelect, Nt as WdCheckbox, wi as WdChip, fl as WdCommandMenu, Tu as WdConfigProvider, go as WdConfirmDialog, Es as WdConfirmPopup, Ya as WdContextMenu, Cs as WdDataView, Oo as WdDatePicker, _t as WdDialog, pn as WdDivider, qc as WdDock, Rr as WdDrawer, bt as WdDropdown, va as WdFieldset, Bl as WdFileUpload, zi as WdFloatLabel, su as WdFluid, gu as WdForm, Cu as WdFormItem, eu as WdGallery, X as WdIcon, Vi as WdIconField, Ps as WdInplace, kt as WdInput, Qs as WdInputColor, Ui as WdInputGroup, Gi as WdInputGroupAddon, Mi as WdInputNumber, zo as WdInputOtp, Ii as WdInputPassword, tc as WdInputTags, Go as WdKnob, rc as WdLabel, No as WdListbox, Uc as WdMegaMenu, Va as WdMenu, Ka as WdMenubar, oi as WdMessage, ou as WdMeterGroup, gc as WdOrderList, Yn as WdPagination, pa as WdPanel, jc as WdPickList, zr as WdPopover, Di as WdProgressBar, Qn as WdProgressSpinner, Lt as WdRadio, ta as WdRating, Os as WdScrollTop, Mr as WdScrollbar, rn as WdSelect, qi as WdSelectButton, rl as WdSidebar, hi as WdSkeleton, Zi as WdSlider, cc as WdSpeedDial, ts as WdSplitButton, Sa as WdSplitter, Oa as WdStepper, Vt as WdSwitch, Sr as WdTable, ln as WdTabs, mn as WdTag, pu as WdTerminal, Gt as WdTextarea, uo as WdTieredMenu, ys as WdTimeline, In as WdToast, Lo as WdToggleButton, Ia as WdToolbar, hn as WdTooltip, ps as WdTree, Ys as WdTreeSelect, zc as WdTreeTable, Mc as WdVirtualScroller, me as applyDensity, ce as applyMotion, ye as applyTheme, Oe as createWellInsight, re as darkTokens, Qe as enUS, $e as formatLocale, Te as getDefaultWdConfig, Pe as getIconDefinition, le as getPreferredMotion, ve as getPreferredTheme, Me as iconNames, je as iconRegistry, Ne as isIconName, $ as isOverlayTeleported, q as lightTokens, et as mergeLocale, pi as message, Ae as normalizeSeverity, Ee as provideWdConfig, De as resolveConfiguredAppendTo, Q as resolveOverlayTeleport, ke as resolveSizeClass, _e as themeNames, Un as toast, he as useDensity, mi as useMessage, ct as useModalOverlay, ue as useMotion, J as useTheme, Wn as useToast, Y as useWdConfig, Z as useWdLocale, ne as zhCN };
+export { Ce as WI_CONFIG_KEY, hu as WI_FORM_ERRORS_KEY, mu as WI_FORM_KEY, Ur as WiAccordion, Yo as WiAutoComplete, yi as WiAvatar, Wr as WiBadge, js as WiBlockUI, sa as WiBreadcrumb, We as WiButton, Ze as WiCard, Gl as WiCarousel, zs as WiCascadeSelect, Nt as WiCheckbox, wi as WiChip, fl as WiCommandMenu, Tu as WiConfigProvider, go as WiConfirmDialog, Es as WiConfirmPopup, Ya as WiContextMenu, Cs as WiDataView, Oo as WiDatePicker, _t as WiDialog, pn as WiDivider, qc as WiDock, Rr as WiDrawer, bt as WiDropdown, va as WiFieldset, Bl as WiFileUpload, zi as WiFloatLabel, su as WiFluid, gu as WiForm, Cu as WiFormItem, eu as WiGallery, X as WiIcon, Vi as WiIconField, Ps as WiInplace, kt as WiInput, Qs as WiInputColor, Ui as WiInputGroup, Gi as WiInputGroupAddon, Mi as WiInputNumber, zo as WiInputOtp, Ii as WiInputPassword, tc as WiInputTags, Go as WiKnob, rc as WiLabel, No as WiListbox, Uc as WiMegaMenu, Va as WiMenu, Ka as WiMenubar, oi as WiMessage, ou as WiMeterGroup, gc as WiOrderList, Yn as WiPagination, pa as WiPanel, jc as WiPickList, zr as WiPopover, Di as WiProgressBar, Qn as WiProgressSpinner, Lt as WiRadio, ta as WiRating, Os as WiScrollTop, Mr as WiScrollbar, rn as WiSelect, qi as WiSelectButton, rl as WiSidebar, hi as WiSkeleton, Zi as WiSlider, cc as WiSpeedDial, ts as WiSplitButton, Sa as WiSplitter, Oa as WiStepper, Vt as WiSwitch, Sr as WiTable, ln as WiTabs, mn as WiTag, pu as WiTerminal, Gt as WiTextarea, uo as WiTieredMenu, ys as WiTimeline, In as WiToast, Lo as WiToggleButton, Ia as WiToolbar, hn as WiTooltip, ps as WiTree, Ys as WiTreeSelect, zc as WiTreeTable, Mc as WiVirtualScroller, me as applyDensity, ce as applyMotion, ye as applyTheme, Oe as createWellInsight, re as darkTokens, Qe as enUS, $e as formatLocale, Te as getDefaultWiConfig, Pe as getIconDefinition, le as getPreferredMotion, ve as getPreferredTheme, Me as iconNames, je as iconRegistry, Ne as isIconName, $ as isOverlayTeleported, q as lightTokens, et as mergeLocale, pi as message, Ae as normalizeSeverity, Ee as provideWiConfig, De as resolveConfiguredAppendTo, Q as resolveOverlayTeleport, ke as resolveSizeClass, _e as themeNames, Un as toast, he as useDensity, mi as useMessage, ct as useModalOverlay, ue as useMotion, J as useTheme, Wn as useToast, Y as useWiConfig, Z as useWiLocale, ne as zhCN };